@charset "utf-8";
/*INICIO*/
#innova{margin: 0 auto 0 auto; width: 910px;}
#header{ width: 100%; height: 148px; }
#content{width: 100%;}
#footer_index{ width: 910px; height: 192px; margin: 0 auto 0 auto; background-image: url(../img/footer-back-grey.jpg); background-repeat:  repeat-x; background-position: center top; }
img{border: 0px;}
a.{margin: 0px; padding: 0px;}
a:link, a:active, a:visited, a:hover{font-family: Arial, Helvetica, sans-serif; line-height: 18px; color: #5e6065; text-decoration: none; font-size: 12px;}

/*HEADER*/
#header #logo{width: 240px; float: left;}
#header #menu{width: 587px; float: right; height: 25px; padding-top: 50px;}
#header #menu ul{width: 100%; float: right; margin: 0px; padding: 0px;}
#header #menu ul li{float: left; width: 16%; list-style:none}
#header #lenguage{ width: 68px; height: 35px; float: right; background-image: url(../img/menu-english-version.jpg); background-repeat: no-repeat; background-position: right top; font-size: 12px; color: #2e6b8c; font-weight: bold; text-align: center; padding-top:5px;}
#header #lenguage a:active{font-size: 12px; color: #2e6b8c; font-weight: bold; text-align: center; text-decoration: none;}
#header #lenguage a:visited{font-size: 12px; color: #2e6b8c; font-weight: bold; text-align: center; text-decoration: none;}
#header #lenguage a:hover{font-size: 12px; color: #134662; font-weight: bold; text-align: center; text-decoration: underline;}
#header #lenguage a:link{font-size: 12px; color: #2e6b8c; font-weight: bold; text-align: center; text-decoration: none;}
#header #lenguage-main{width: 100%; float: left; height: 35px;}

/*FADE*/
div.fadehover { position: relative; }  
div.fadehover img.a { position: absolute; z-index: 10; }  
div.fadehover img.b {  position: absolute;  }  

div.fadehover2 { position: relative; }  
div.fadehover2 img.a { position: absolute; z-index: 10; left: 85px; *left: -13px;}  
div.fadehover2 img.b {  position: absolute;  left: 85px; *left: -13px;} 

div.fadehover3 { position: relative; }  
div.fadehover3 img.a { position: absolute; z-index: 10; left: 190px; *left: -3px;}  
div.fadehover3 img.b {  position: absolute;  left: 190px; *left: -3px;}  


div.fadehover4 { position: relative; }  
div.fadehover4 img.a { position: absolute; z-index: 10; left: 305px; *left: 20px;}  
div.fadehover4 img.b {  position: absolute;  left: 305px; *left: 20px;}  


div.fadehover5 { position: relative; }  
div.fadehover5 img.a { position: absolute; z-index: 10; left: 420px; *left: 35px;}  
div.fadehover5 img.b {  position: absolute;  left: 420px; *left: 35px;}  


div.fadehover6 { position: relative; }  
div.fadehover6 img.a { position: absolute; z-index: 10; left: 502px; *left: 35px;}  
div.fadehover6 img.b {  position: absolute;  left: 502px; *left: 35px;}  
 
/*QUOTE*/
#quote{ width: 100%; height: 195px; margin-top: 15px; margin-bottom: 15px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 32px; line-height: 40px; color: f26522; text-decoration: none; }

/*FOOTER INDEX*/
#footer_index #topic1 {width: 268px; height: 86px; float: left; padding-top:50px;}
#footer_index #topic2 {width: 268px; height: 86px; float: left; margin-left: 42px; padding-top: 70px;}
#footer_index #topic2 a:link, a:active, a:visited{color:#37a4ef; text-decoration: none;}
#footer_index #topic2 a:hover{color:#37a4ef; text-decoration: underline;}
#footer_index #topic3 {width: 268px; height: 140px; float: right;}
#footer_index #title {width: 100%; float: left; height: 31px;}
#footer_index #line {width: 100%; float: left; background-image: url(../img/footer_line.jpg); background-repeat:  repeat-x; background-position: left top; height: 15px;}
#footer_index #link1 {width: 37%; float: left;}
#footer_index #link2 {width: 37%; float: left;}
#footer_index #link3 {width: 55px; float: right;}
#footer_index #contact {width: 100%; float: left;}
.footer-content{ width: 100%; float: left; background-image: url(../img/footer-back.jpg); background-repeat:  repeat-x; background-position: left top; height: 192px;}
.footer-link1{width: 97px; height: 103px; float: left; padding-top: 30px;}
.footer-link2{width: 87px; height: 103px; float: left; padding-top: 30px; padding-left: 5px;}
.footer-link3{width: 78px; height: 103px; float: left; padding-top: 30px; padding-left: 0px;}

/*INDEX CONTENT*/
#portfolio_index1{width: 268px; height: 176px; float: left; }
#portfolio_index2{width: 268px; height: 176px; float: left; margin-left: 52px;}
#portfolio_index3{width: 268px; height: 176px; float: right; }
#portfolio_img{width: 100%; height: 144px; background-color: #FFFFFF; }
#portfolio_shadow1{ width: 100%; height: 32px; float: left; background-image: url(../img/shadow_01.png); background-repeat: no-repeat; background-position: left top; }
#portfolio_shadow2{width: 100%; height: 32px; float: left;}
#portfolio_shadow3{width: 100%; height: 32px; float: left; background-image: url(../img/shadow_03.png); background-repeat: no-repeat; background-position: right top;}

#sub {width: 100%; height: 280px; float: left; margin-top: 20px;}
#sub .home-columna1{width: 30%; float: left;}
#sub .home-columna2{width: 30%; float: left; padding-left: 40px;}
#sub .home-columna2 .clientes{ width: 190px; float: left; height: 200px;}
#sub .home-columna3{width: 30%; float: right; padding-right:8px;}
#sub .home-columna3 .video{width: 262px; float: left;}
#sub .home-columna3 .sombra-right{ width: 262px; height: 28px; background-image: url(../img/home-sombra-left.jpg); background-repeat: no-repeat; background-position: right top; float: left;}

/*SLIDE INDEX*/

.boxgrid{ width: 262px; height: 138px; margin-top: 1px; margin-left: 1px; float:left; background:#000; border: solid 2px #FFF; overflow: hidden; position: relative; }
.boxgrid img{ position: absolute; top: 0; left: 0px; border: 0; }
.boxgrid p{ padding: 0 10px; color:#333333; font:10px; font-weight:bold;}	
.boxgrid a{ color:#333333; font-weight:normal; text-decoration: none; font-size: 12px; }	
.boxgrid a:hover{ color:#333333; font-weight:normal; text-decoration: underline; font-size: 12px; }	
.boxcaption{ float: left; position: absolute; background: #fff; height: 100px; width: 100%; opacity: .9;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
.captionfull .boxcaption {top:150px;left: 0;}
.caption .boxcaption { top: 150px; left: 0px; }
.boxgrid_title{ margin-left: 10px; color: #333333; font-size: 14px; font-weight: bold; margin-top: 10px; }

/*SEPARATE*/
#content #separate {width: 100%; height: 100px; float: left;}
.separate2 {width: 100%; height: 50px; float: left;}
.separate3 {width: 100%; height: 0px; float: left;}
.separate4 {width: 100%; height: 20px; float: left;}

/*PORTFOLIO CONTENT*/
#portfolio_main{width: 100%; float: left;}
#portfolio_main #title_content{width: 100%; height: 42px; float: left;}
#portfolio_main #title_content #title1{width: 268px; height: 42px; float: left; }
#portfolio_main #title_content #title2{width: 268px; height: 42px; float: left; margin-left: 52px;}
#portfolio_main #title_content #title3{width: 268px; height: 42px; float: right; }
.portfolio_url{width: 100%; float: left; padding-top: 25px; padding-bottom: 10px;}

/*PROJECT*/
#content_proj{width: 100%;}
#content_proj #image {width: 470px; height: 327px; float: left; background:#FFFFFF}
#content_proj #data_colum {width: 391px; float: right;}
.proj_title{width: 100%; float: left; height: 17px;}
.proj_descript{ width: 100%; float: left; padding-top: 15px; padding-bottom: 30px;}
.proj_solapas{width: 100%; height: 367px; float: left;}
.proj_shadows{width: 100%; height: 42px; float: left;}
#container-4{ background-image: url(../img/back_tabs.png); background-repeat: no-repeat; background-position: left 0px; height: 367px;}

/* FORMS */ 

.required{ background-color: #FFFFFF; border: 1px solid #CCCCCC;height: 18px; }
.field { background-color: #FFFFFF; border: 1px solid #CCCCCC; height: 18px;}
.url { background-color: #FFFFFF; border: 1px solid #CCCCCC; height: 18px;}
.drop { background-color: #FFFFFF; border: 1px solid #CCCCCC; height: 24px; padding: 3px;}
.send{ width: 80px; height: 28px; background-color: #FFFFFF; border: 1px solid #CCCCCC; line-height: 24px; margin-bottom: 4px;}
.submit{ width: 80px; height: 28px; background-color: #387baa; border: 1px solid #CCCCCC; line-height: 24px; margin-bottom: 4px; color: #FFFFFF;}

/* PORTFOLIO SLIDE */
/*
 * Required */
.container2 { width:470px; height:357px; overflow:hidden; position:relative; cursor:pointer; border: 3px solid #FFFFFF;}
.slides { position:absolute; top:0; left:0;}
.slides div { position:absolute; top:0; width:500px; display:none; }
/* * Optional	*/
#loopedSlider,#newsSlider { margin:0 auto; width:470px; position:relative; clear:both; }
.slide_controller{width: 100%; float: left; padding-top: 15px;}
.formulario{width: 450px; float: right;}
.formulario_columna{width: 200px; float: left; padding-top: 5px; padding-bottom: 5px;}
.formulario_columna2{width: 587px; float: left;}
.slide_backto{width: 152px; float: right;}
.slide_nav{width: 200px; float: left;}
.portfolio-linea{ width: 100%; height: 30px; float: left; background-image: url(../img/line.jpg); background-repeat: repeat-x; background-position: center -35px; }


/*CONTACT */
.contacto_info{width: 450px; float: left;}
.contacto_imagen{width: 400px; height: 240px; float: left; border: #FFFFFF solid 3px;}
.contact_data{ width: 100%; height: 25px; float: left; font-size:14px; text-transform: uppercase; color: 64666b; text-decoration: none; }
.contact_data a:link, a:active, a:visited{ color: 64666b; text-decoration:none; }
.contact_data a:hover{ color: 64666b; text-decoration: underline; }

/* AGENCY */
.agency_intro{width: 100%; float: left;}
.agency_img{width: 544px; height: 306; float: left;  border: #FFFFFF solid 3px; *height: 306px;}
.agency_img_a{width: 544px; height: 306; float: right;  }
.agency_define{width: 310px; float: left;}
.agency_shadow1{ width: 50%; height: 32px; float: left; background-image: url(../img/shadow_01.png); background-repeat: no-repeat; background-position: left top; }
.agency_shadow2{width: 50%; height: 32px; float: left; background-image: url(../img/shadow_02.png); background-repeat: no-repeat; background-position: right top;}
.agency_shadows{width: 546px; float: left;}
.agency_title{width: 100%; float: left; padding-bottom: 30px;}
.agency_data{width: 100%; float: left; padding-bottom: 5px;}
.agency_text_block{width: 100%; float: left;}
.agency_text_title{width: 100%; float: left; padding-bottom: 10px; padding-top: 50px;}
.agency_text_01{ width: 100%; float: left; padding-bottom: 10px; font-size: 16px; color: #387baa; font-weight: bold; }
.agency_text_02{width: 100%; float: left; padding-bottom: 10px;}

/* CLIENTES */
.clients_columna_a{width: 445px; float: left; padding-bottom: 40px;}
.clients_columna_a2{width: 445px; float: left;}
.clients_columna_b{width: 445px; float: right;}
.clientes_img{width: 150px; height: 100px; float: left; background-color: #FFFFFF;}
.clientes_img_shadow{ width: 150px; height: 20px; float: left; background-image: url(../img/shadow_client.png); background-repeat: no-repeat; background-position: center top; }
.clientes_img_content{width: 150px; float: left;}
.clients_title{ width: 270px; float: right; padding-bottom: 0px; font-size: 16px; font-weight: bold; color: #387baa; }
.clients_exp{width: 270px; float: right;}

/* SERVICES */
.services_columna{width: 100%; float: left;}
.services_bock_a{width: 430px; float: left;}
.services_bock_b{width: 430px; float: right;}
.services_title{width: 100%; float: left; padding-bottom: 10px;}
.services_title2{width: 100%; float: left; padding-bottom: 10px; padding-left: 15px;}
.services_exp{width: 100%; float: left;}
.services_line{ width: 100%; background-image: url(../img/services_line.jpg); background-repeat:  repeat-x; background-position: left top; height: 20px; float: left; margin-top: 30px; padding-bottom: 10px;}
.service_tit {width: 100%; float: left; color: #387baa; font-weight: bold; font-size: 20px; text-transform:uppercase;}
.services_columna1{width: 280px; float: left;}
.services_columna2{width: 280px; float: left; margin-left: 30px;}
.services_columna3{width: 280px; float: right;}
.services_brochure{ width: 280px; float: right; background-image: url(../img/back-services-brochure.jpg); background-repeat: no-repeat; background-position: left top; }
.services_txt{ width: 100%; padding-top: 10px; float: left; font-size: 12px; color: #585858; line-height: 22px;}
.services_btn{ width: 100%; float: left;}
.services_btn img{margin-right: 7px; margin-bottom: 7px;}
.services_fix{width: 100%; float: left;}
.brochure_title{width: 100%; float: left; padding-left: 15px; padding-top: 10px;}
.brochure_txt{width: 90%; float: left; padding-left: 15px;}
.brochure_btn{ width: 100%; padding-top: 10px; float: left; padding-left: 15px;}
.services-title-nav {width: 100%; float: left; color: #387baa; text-transform:uppercase; font-size: 32px; padding-bottom: 40px;}
.services-txt-img{width: 355px; float: left;}
.services-txt-col{ width: 520px; float: right; line-height: 20px; }
.servicios-color{color: #0f517e; text-transform:none; font-size: 21px; line-height: 16px;}
.services-sem-bloque01{ width: 355px; float: left; background-image: url(../img/back-services-sem.jpg); background-repeat: no-repeat; background-position: left center; height: 227px; margin-top: 50px;}
.services-sem-bloque-txt{width: 320px; margin: 0 auto 0 auto; padding-top: 15px;}
.services-sem-bloque-txt ul{width: 100%; float: left; margin: 0px; padding: 0px; padding-left: 20px; margin-top: 10px;}
.services-sem-bloque-txt ul li{ width: 100%; float: left; margin: 0px; padding: 0px; list-style-position: outside; list-style-image: url(../img/sem-list-bullet.jpg); }
.services-linea{ width: 100%; height: 71px; float: left; background-image: url(../img/line.jpg); background-repeat: repeat-x; background-position: center; }
.services-casos-columna1{width: 45%; float: left; padding-bottom: 20px;}
.services-casos-columna2{width: 45%; float: right; padding-bottom: 20px;}
.services-casos-info-col1{width: 50%; float: left; padding-top: 5px;}
.services-casos-info-col2{width: 45%; float: right; font-size: 11px;}
.services-casos-portfolio{width: 100%; float: left; margin-top: 15px;}
.services-casos-title{width: 100%; float: left; height: 30px; padding-bottom: 5px;}
.services-casos-title2{width: 100%; float: left; padding-bottom: 5px;}
.services-casos-consulta{ width: 443px; height: 199px; background-image: url(../img/back-servicios-consulta.jpg); background-repeat: no-repeat; background-position: left top; float: right;}
.services-casos-consulta-txt{width: 420px; margin: 0 auto 0 auto; padding-top: 10px;}
.services-casos-content{width: 100%; float: left;}

/*SERVICES SUB*/