@charset "utf-8";
/*INICIO*/
#innova{margin: 0 auto 0 auto; width: 910px;}
#header{ width: 100%; height: 110px; padding-top: 27px;}
#content{width: 100%;}
#footer_index{width: 100%; height: 110px; padding-bottom: 27px; float: left;}
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}

/*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: 320px; *left: 25px;}  
div.fadehover4 img.b {  position: absolute;  left: 320px; *left: 25px;}  


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: 522px; *left: 47px;}  
div.fadehover6 img.b {  position: absolute;  left: 522px; *left: 47px;}  
 
/*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;}
#footer_index #topic2 {width: 268px; height: 86px; float: left; margin-left: 52px;}
#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: 86px; 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;}

/*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;}

/*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;}

/*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: 587px; 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;}

/*CONTACT */
.contacto_info{width: 280px; float: left;}
.contacto_imagen{width: 270px; height: 161px; 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_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;}