@charset "utf-8";
/* Acesco
- Autor: Andersson Olivo
- Diseñador: Diego

Marketing77 (http://mkt77.co)
*/
/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;
font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,details,
figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}a{font-size:100%;vertical-align:baseline;background:transparent;
margin:0;padding:0;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;
color:#000;font-style:italic;font-weight:700;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}input,textarea,select{font:inherit;}ul{list-style:none;}input:focus,textarea:focus{outline: none;}
textarea{resize:none;}input,textarea{border:0 none; padding:0; margin:0;}
/* FONTS */
@font-face {
    font-family: 'gothhtfb';
    src: url('fonts/gothhtfb-webfont.eot');
    src: url('fonts/gothhtfb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothhtfb-webfont.woff') format('woff'),
         url('fonts/gothhtfb-webfont.ttf') format('truetype'),
         url('fonts/gothhtfb-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din_bold-webfont';
    src: url('fonts/din_bold-webfont.eot');
    src: url('fonts/din_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din_bold-webfont.woff') format('woff'),
         url('fonts/din_bold-webfont.ttf') format('truetype'),
         url('fonts/din_bold-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din_medium-webfont';
    src: url('fonts/din_medium-webfont.eot');
    src: url('fonts/din_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din_medium-webfont.woff') format('woff'),
         url('fonts/din_medium-webfont.ttf') format('truetype'),
         url('fonts/din_medium-webfont.svg#') format('svg');
    font-weight: lighter;
    font-style: normal;

}
/*
@font-face {
      font-family: "Steelfish";
      src:url(../font/SteelfishRg-Regular.ttf), url(../font/SteelfishRg-Regular.eot), url(../font/SteelfishRg-Regular.svg),  url(../fontsteelfishrg-regular-webfont.woff2) format('woff2'),
         url(../fontsteelfishrg-regular-webfont.woff) format('woff'),
 }



 @font-face {
    font-family: 'Steelfish';
    src: url('../fontsteelfishrg-regular-webfont.eot');
    src: url('../fontsteelfishrg-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontsteelfishrg-regular-webfont.woff2') format('woff2'),
         url('../fontsteelfishrg-regular-webfont.woff') format('woff'),
         url('../fontsteelfishrg-regular-webfont.ttf') format('truetype'),
         url('../fontsteelfishrg-regular-webfont.svg#steelfishregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

@font-face {font-family:"Steelfish";src:url("../font/steelfish_rg.eot?") format("eot"),url("../font/steelfish_rg.woff") format("woff"),url("../font/steelfish_rg.ttf") format("truetype"),url("../font/steelfish_rg.svg#SteelfishRg-Regular") format("svg");font-weight:normal;font-style:normal;}

#to-top {
background: #333 url(../img/sprite.png) -64px -48px no-repeat;
width: 50px;
height: 40px;
display: none;
position: fixed;
right: 20px;
bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
#to-top:hover {
background-color: #000;
cursor: pointer;
}


/*CLEARS*/
.clearfix:after{ 
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden; 
}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}

.clear{clear:left;}
.clearright{clear:right;}

.floatleft{float:left !important;}
.floatright{float:right !important;}
.floatcenter{
  float:none !important;
	margin-left:auto !important;
	margin-right:auto !important;
	overflow:hidden;
}

.alignleft{text-align:left !important;}
.alignright{text-align:right !important;}
.aligncenter{text-align:center !important;}

.image-block{overflow:hidden;}
.image-block .image{float:left;}
.image-block .content{float:right;}

/* GENERAL */
html,
body{height:100%;}

body{
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  overflow-x:hidden;
  background:url(../img/footer.jpg) repeat;
  color:#FFF;
}
.wrapper{
  margin:0 auto;
  width:950px;
}

/* HEADER */
.header{
	position:absolute;
	height:auto;
	background-color: #fff;
	/*margin-top:20px;*/
	padding-top: 15px;
	top:0;
	z-index:1000;
	width:100%;
	}
.header .logo{
	width:220px; height:60px; background:url(../img/logo.png) no-repeat;
	float:left;
	}

.header .contactTools{
	float:right;
	width:auto;
	height:auto;
	font-size:11px;
	margin-top:3px;
	}
.header .contactTools ul{
      float:left;
	}
.header .contactTools ul li{
	list-style:none;
	float:left;
	}
.header .contactTools a:link, .contactTools a:visited{
	font-weight: bold;
  color: white;
  text-decoration: none;
}
.header .contactTools a{ float:left; line-height: 26px; height:28px; background-color: #018AFE; padding: 0 12px}
.header .contactTools a:hover{text-decoration: none;}
.header .contactTools ul li .sepTools{
	width:1px;
	height:13px;
	float:left;
	background:url(../img/iconSet.png) no-repeat;
	background-position:-81px -4px;
	margin-left:10px;
	margin-right:10px;
	}
.header .contactTools ul li #acescoNet{
	width:6px;
	height:13px;
	float:left;
	background:url(../img/iconSet.png) no-repeat;
	background-position:-107px -3px;
	margin-top:-1px;
	}
.header .contactTools ul li #Expertos{
	width:6px;
	height:13px;
	float:left;
	background:url(../img/iconSet.png) no-repeat;
	background-position:-139px -20px;
	margin-top:1px;
	}
.header .contactTools ul li #Empleos{
	width:6px;
	height:13px;
	float:left;
	background:url(../img/iconSet.png) no-repeat;
	background-position:-159px -3px;
	}
.header .contactTools ul li #felchaIdioma{
	 width:6px;
	 height:3px;
	 float:right;
	 background:url(../img/iconSet.png) no-repeat;
	 background-position:-92px -9px;
	}
.header .contactTools ul li .itemTools{
	opacity:1;
	float:left;
	}
.header .contactTools ul li .itemTools:hover{
	opacity:0.8;
	cursor:pointer;
	}
.header .contactTools .idiomas{
	display:none;
	width:50px;
	height:40px;
	position:absolute;
	margin-left:340px;
	margin-top:-15px;
	background-color:#06C;
	opacity:0.6;
	}
	
.header .navBack{
	height:51px;
	width:100%;
	/*background:url(../img/navBack.png) repeat-x;*/
	background-color: #CCCCCC;
	float:left;
	margin-top:15px;
}

.header .navBack .nav{
  float:left;
  margin-top:20px;
  margin-left:-9px;
  color:#FFF;
  font-size:13px;
  font-family: 'verdana';
}

.header .navBack .nav a{ text-decoration:none; color:#FFF;}
.header .navBack .nav a:hover{ text-decoration: underline;}


.header .navBack li{
  float:left;
  border-right:1px solid #CCC;
  padding-top:1px;
  padding-bottom:1px;
  padding-left:10px;
  padding-right:10px;
  
}
.header .navBack ul ul{
	display:block;
	width:0px;
	height:0px;
	position:absolute;
	-moz-transition:opacity  0.3s ease-out;
    -webkit-transition:opacity  0.3s ease-out;
    transition:opacity  0.3s ease-out;
    opacity:0;
	z-index:500000;
	}
.header .navBack ul li:hover > ul{display:block;opacity:1;height:auto;width:890px;margin-left:-70px;}
.header .navBack ul li:hover > ul .arrow{
	 width:26px;
	 height:13px;
	 background:url(../img/arrow.png) no-repeat;
     position:absolute;
	 margin-left:100px;
	 margin-top:19px;
	 }

.header .navBack ul li:hover > ul .wrapSubMenu{
width:auto; height:auto; float:left; margin-left:0px; margin-top:27px;
padding: 5px;
background:url(../img/backSubmen.png) repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*background: url(../img/BackSubMenu.png) no-repeat;*/
}

.header .navBack ul li:hover > ul .wrapSubMenu .nuevo{
	width:237px;
	height:172px;
	float:left;
	background:url(../img/nuevoSubB.png) no-repeat;
	margin-left:10px;
	margin-top:10px;
	}
	.header .navBack ul li ul .wrapSubMenu .tit{
		display:none;
		}
.header .navBack ul li:hover > ul .wrapSubMenu .tit{
	display:block;
	width:320px;
	height:62px;
	float:left;
	background:url(../img/titSubM.png) no-repeat;
	margin-top:10px;
	margin-left:20px;
	font-size:13px;
	text-transform:none;
	padding-top:70px;
	line-height:20px;
	word-spacing:-1px;
	color: #CCCCCC;
	}

.header .navBack ul li:hover > ul .masinfo{
	   width:135px;
	   height:34px;
	   float:left;
	   background:url(../img/masinfoSB.png) no-repeat;
	   margin-left:-5px;
	   margin-top:9px;
	   opacity:1;
	}
.header .navBack ul li ul .masinfo:hover{cursor:pointer; opacity:0.8;}
.header .navBack ul li ul .footSB{ display:none;}
.header .navBack ul li ul .footSB .sep{
  width:1px;
  height:140px !important;
  background:#CECECE;
  float:left;
  margin-left:25px;
  margin-right:25px;
  margin-top:30px;
  }
.header .navBack ul li:hover > ul .footSB{
  display:block;
  width:auto;
  height:auto;

  border-radius: 5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  background:url(../img/backSubmenFooter.png) repeat;
  /*padding-bottom: 5px;*/
  float:left;
  padding-left:20px !important;
  padding-right:20px !important;
  }
  .footSB a:link, .footSB a:visited{
    color: #666666 !important;
  }
.header .navBack ul li ul .footSB .col1,.col2,.col3,.col4{float:left; font-size:11px; padding-top:15px;padding-bottom:15px;}
.header .navBack ul li ul .footSB .col1{ margin-left:0px; margin-top:3px; color:#666;}
.header .navBack ul li ul .footSB .col2{margin-top:3px; margin-left:0px;color:#666;}
.header .navBack ul li ul .footSB .col3{margin-top:3px; margin-left:0px;color:#666;}
.header .navBack ul li ul .footSB .col4{margin-top:3px; margin-left:0px;color:#666;}

.header .navBack ul li ul .footSB li{
	text-transform:none;
	float:left;
	clear:both;
	padding:0px;
	margin-top:2px;
	border:0;
	color: #939393;
}

.header .navBack ul li ul .footSB a{
	text-transform:none;
	float:left;
	clear:both;
	padding:5px;
	border:0;
	color: #8E8E8E;
	
}
	
.header .navBack ul li ul .footSB a:hover{
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	
	cursor:pointer;
	/*background: url(../img/backLiSB.png) repeat;
	-webkit-box-shadow: inset 0 1px 3px #333;
	-moz-box-shadow: inset 0 1px 3px #333;
	-ms-box-shadow: inset 0 1px 3px #333;
	box-shadow: inner 0 0px 1px 3px #333;
	behavior: url(ie-css3.htc);*/
	color: #868686;
	text-decoration:none;
	text-decoration:underline;
	}	

.header .navBack nav a{
  color:#666666;
  display:block;
  padding:0px 10px 1px;
  text-decoration:none;
  -moz-transition:opacity 0.2s ease-out;
  -webkit-transition:opacity 0.2s ease-out;
  transition:opacity 0.2s ease-out;
  border-left:1px solid #CCC;
  font-weight:bold;
  font-size:12px;
  opacity:1;
}
.header .navBack nav a:hover{opacity:1;}
.header .navBack nav .active{
  opacity:0.2;
}

.header .contactTools .busqueda{
	float: left;
	margin-right:0px;
	}
.header .contactTools .busqueda .inputs{
	width:165px;
	height:28px;
	background-color: #eaeaea;
	/*box-shadow:inset 0px 0px 5px #000000;*/
	box-shadow: none;
	}
.header .contactTools .busqueda .inputs .text{
	border:0;
	background-color: #eaeaea;
	float:left;
	margin-top:2px;
	margin-left:10px;
	width:120px;
	color:#999;
	padding-top:3px;
	height:20px}
.header .contactTools .busqueda .inputs .submit{
	width:35px;
	height:28px;
	float:right;
	background:url(../img/iconSet.png) no-repeat;
	background-position:-3px -103px;
	margin-right:0px;
	}
.header .contactTools .busqueda .inputs .submit:hover{cursor:pointer;}

/* HOME */
.contentHome{
	/*height:470px; SLIDE*/
	background: url(../img/backgrounds/background-home.jpg);
height: 543px;
	margin-top:120px;
	width:100%;
	z-index:500000000;
	padding-top: 35px;
	}	
.contentHome .slide{
	height:470px;
	width:950px;
	margin:0 auto;
	border:1px solid #000;
}

.contentHome .conocerMas{
	width:146px;
	height:46px;
	position:absolute;
	z-index:50000;
	margin-top:-380px;
	margin-left:70px;
	background:url(../img/iconSet.png) no-repeat;
	background-position:-42px -86px;
	opacity:0.9;
	}
.contentHome .conocerMas:hover{ opacity:1;}
.contentHome .banners{
	height:166px;
	width:950px;
	position:absolute;
	z-index:50000;
	left:50%;
	margin-left:-475px;
	padding-top: 72px;
	/*margin-top:-245px;*/
}
.contentHome .banners .arquimet{
	width:997px;
	height:169px;
	background:url(../img/descargarArq2.png) no-repeat;
	background-position:bottom;
	float:left;
	}
.contentHome .banners .catalogo{
	width:310px;
	height:166px;
	background:url(../img/catalogoBann2.png) no-repeat;
	background-position:bottom;
	float:left;
	margin-left: 10px;
	}
.contentHome .banners .notiacesco{
	width:310px;
	height:166px;
	background:url(../img/notiacescoBann2.png) no-repeat;
	background-position:bottom;
	float:left;
	margin-left: 10px;
	}
.contentHome .banners .arquimet .descargarBTO{
	float:right;
	background:url(../img/descargarArq.png) no-repeat;
	width:108px;
	height:33px;
	margin-top:115px;
	margin-right:40px;
	opacity:0.9;
	}
.contentHome .banners .arquimet .descargarBTO:hover{ cursor:pointer; opacity:1;}
.contentHome .banners .servCliente{
	width:310px;
	height:166px;
	background:url(../img/servClienteBann.png) no-repeat;
	background-position:bottom;
	float:left;
	margin-left:10px;
	cursor:pointer;
	}
	
.contentHome .banners .servCliente .girl{
	float:left;
	margin-top:1px;
	margin-left:-1px;
	}

.contentHome .banners .newsletter{
	width:310px;
	height:166px;
	background:url(../img/newsLetterBann.png) no-repeat;
	background-position:bottom;
	float:left;
	margin-left:10px;
	}
.contentHome .banners .newsletter .newsForm{
	width:267px;
	height:33px;
	float:right;
	background:url(../img/newsMomentaneo.png) no-repeat;
	margin-right:25px;
	margin-top:108px;
	}

.contentHome .banners .newsletter .newsForm .bto{
	float:right;
	width:77px;
	height:29px;
	background:url(../img/btoNews.png) no-repeat;
	opacity:0.9;
	margin-right:4px;
	margin-top:2px;
	}
.contentHome .banners .newsletter .newsForm .bto:hover{opacity:1; cursor:pointer; }


/* FOOTER */

.footer, .push {
	height:100px; /* .push must be the same height as .footer */
}


.footer{
	position: relative;
	width:100%;
	/*background:url(../img/footer.jpg) repeat;*/
	margin-top:-50px;
	font-size:11px;
	color:#999;
	}
.footer .copyright{
	background-color: #141414;
	width: 100%;
	float:left;
	margin-top:35px;
	line-height:15px;
	}
.copyright .wrapper{padding: 15px 0}
.footer .socialAndMenu{
	float:left;
	width: 100%;
    margin-top:120px;
	line-height:15px;
	text-align:center;
	}

.footer .socialAndMenu .fb{width:20px; height:20px; float:right; background:url(../img/iconSet.png); margin-top:-5px;}
.footer .socialAndMenu .tw{width:20px; height:20px; float:right; background:url(../img/iconSet.png); background-position:-27px 0px; margin-left:6px;margin-top:-5px;}
.footer .socialAndMenu .in{width:20px; height:20px; float:right; background:url(../img/iconSet.png); background-position:-54px 0px; margin-left:6px;margin-top:-5px;}
.footer .socialAndMenu .fb:hover{cursor:pointer; opacity:0.9;}
.footer .socialAndMenu .tw:hover{cursor:pointer; opacity:0.9;}
.footer .socialAndMenu .in:hover{cursor:pointer; opacity:0.9;}
.footer .socialAndMenu a{ text-decoration:none; color:#999; padding: 0 18px}
.footer .socialAndMenu a:hover{color:#1AACB9 !important; cursor:pointer; padding: 0 18px}

#cuerpo {
width: 100%;
background: url(../img/background.png) repeat;
float: left;
padding-top: 70px;
/*box-shadow: inset 0 7px 6px -6px #888888;
-webkit-box-shadow: inset 0 7px 6px -6px #888888;
-ms-box-shadow: inset 0 7px 6px -6px #888888;
-moz-box-shadow: inset 0 7px 6px -6px #888888;
-o-box-shadow: inset 0 7px 6px -6px #888888;*/
min-height: 400px;
}
#top{
	width: 100%;
height: 264px;
float: left;
/*border-bottom: 2px solid #FFF;*/
margin-top: 44px
}
#titulo_contenido {
color: #00a4b2;
font-size: 36px;
font-family: "din_bold-webfont";
line-height: 26px;
margin-left: 0px;
position: relative;
}
.noticia li{
	float: left;
	width: 219px;
	margin-left: 23px
}
ul.margen li{margin-top: 40px; margin-bottom: 85px}
.noticia li:first-child{margin-left: 0;}
.noticia li h2{color: #9c9c9c; line-height: 50px}
.noticia li .noti-back{
	width: 219px;
	height: 285px;
	background-color: #f4f4f4;
	border-radius: 2px;
	border: 2px solid #e5e5e5;
}
.noti-back img{
	width: 180px;
	display: block;
	margin: 25px auto;
	border: 2px solid #e5e5e5;
}
.noticia .descargar-noti{
	height: 35px;
	position: absolute;
	padding: 0px 35px;
	color: transparent;
	margin-left: 34px;
	margin-top: -15px;
	background: url(../img/descargar-noti.png) no-repeat center;
}
#contenedor p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #858585;
	margin-bottom: 10px;
	line-height: 24px;
}
.obras > li{
	float: left;
	background-color: #00a4b2;
	margin-bottom: 30px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}
.obras-img, .obras-content{float:left; height: auto;}
.obras-img{	width: 321px;}
.obras-img .o-wrapper{ border: 2px solid #80d2d9; width: 100%; height: 245px; border-radius: 5px; overflow: hidden;}
.obras-img img{	width: 115%;}
.obras-boton{
	line-height: 32px; width: 100%; background-color: #FFF;
	display: block;	border:2px solid #fff; margin-top: 15px;
	border-radius: 5px; text-align: center; text-decoration: none;
	font-family: "din_bold-webfont"; color: #00a4b2; font-size: 17px; }

.obras-content{width: 60%; margin-left: 30px; margin-top: 10px}
.obras-content h2, .obras-content h3{color: #fff; font-family: "din_bold-webfont";}
.obras-content h2{font-size: 21px}
.obras-content h3{font-size: 16px; margin-bottom: 5px}
.o-g-wrapper{height: 100px; width: 173px; border: 2px solid #80d2d9; border-radius: 5px; float: left; overflow: hidden;}
.galeria-hover{
	height: 100px; width: 173px;
	position: absolute;	margin: 0;
	opacity: 0;
	background: url(../img/obras/zoom.png) center;
	webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.galeria-hover:hover{
	opacity: 1;
	background-color: rgba(0, 164, 178, 0.65);
	webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.obras-galeria > ul{margin: 20px auto; height: 100px;}
.obras-galeria li{margin-left: 5px;}
.obras-galeria li:first-child{margin-left: 0;}
.obras-galeria img{width: 100%}
#contenedor .obras-content p{color: #fff; font-size: 13px; line-height: 16px;padding-right: 26px;}

.acescoHover{
	position: absolute;
	width: 346px;
	height: 245px;
	margin: 0;
	opacity: 0;
	background: url(../img/obras/zoom.png) center;
		webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.obras li .noti-back{
	background-color: #f4f4f4;
	border-radius: 2px;
	border: 2px solid #80d2d9;
}
.obras .acescoHover:hover{
	opacity: 1;
	background-color: rgba(0, 164, 178, 0.65);
	webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*======================================================*/
/*========= EMPRESA ====================================*/
/*======================================================*/
#menu{
  float: left;
  width: 185px;
  background: url(../img/bg-menu.png) no-repeat right;
  height: auto;
  margin-bottom: 50px;
}
#menu li{
  width: 100%;
  border-right: 2px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  border-top: 1px solid #FBFBFB;
  float:left;
}
#menu .titulo_azul {
text-transform: uppercase;
color: #00a4b2;
font-size: 15px;
font-family: "din_bold-webfont";
line-height: 26px;
margin-left: 7px;
}
#menu li a{
  text-decoration: none;
  font-family: "verdana";
  color: #9B9B9B;
  font-size: 15px;
  line-height: 30px;
  display: block;
  float:left;
  -webkit-transition:all 0.1s linear;
  width: 175px;
  height: 26px;
  padding-top:2px;
  padding-bottom:7px;
  padding-left:12px;
}
#menu .activeM{
	background-image: linear-gradient(bottom, rgb(9,182,213) 37%, rgb(25,198,233) 69%);
background-image: -o-linear-gradient(bottom, rgb(9,182,213) 37%, rgb(25,198,233) 69%);
background-image: -moz-linear-gradient(bottom, rgb(9,182,213) 37%, rgb(25,198,233) 69%);
background-image: -webkit-linear-gradient(bottom, rgb(9,182,213) 37%, rgb(25,198,233) 69%);
background-image: -ms-linear-gradient(bottom, rgb(9,182,213) 37%, rgb(25,198,233) 69%);
    background-color:rgb(9,182,213);
	color:#FFF;
	border:0px solid #00a4b2;
	border-radius:2px;
}
#menu .activeM:hover{opacity:1; margin-left:0px; color:#FFF;}
#menu li a:hover{ cursor:pointer; color:#B2B2B2; }
.sepInfMenu{
  width: 100%;
  height: 3px;
  background: url(../img/sepInfMenu.png) repeat-x;
}
#contenido{
width: 760px;
float: right;
height: auto;
margin-bottom: 50px;
color: #666666;
}
#contenido_historia{
  width: 790px;
float: right;
margin-bottom: 50px;
}
#top_titulo, #imagen, #texto{
  margin-left: 50px;
 
}
#texto p{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: #858585;
  margin-top: 20px;
  text-align:justify;
  width: 705px;
  padding-left:5px;
}
#imagen{
  width: 721px;
  height:323px;
/*  border:7px solid #D3D3D3;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;*/
  margin-top: 35px;
  margin-bottom:-20px;
}
.texto_contenido{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: #666;
  margin-top: 75px;
  text-align:justify;
  width: 705px;
  padding-left:5px;
}
.texto_contenido li{
  list-style: circle;
}
#FlashID {
float: left;
margin-left: 4px;
border-top: 1px solid #666666;
}

/*======================================================*/
/*========= ARQUIMET ====================================*/
/*======================================================*/

.modArq{ background:url(../img/sepArq.png) bottom center no-repeat ; width:520px; padding-bottom:50px; float:left; margin-bottom:40px;}
.listAlianza li{
list-style:none !important;
font-family: "Arial", Helvetica, sans-serif;
  color:  /*#b9b9b9*/ #858585;
  font-size: 15px;
  font-weight:bolder;
  text-align: left;
  vertical-align: text-bottom;
  background: url(../img/bg-li-cuerpo.png) repeat-x;
  height: 22px;
  margin-bottom: 5px;
  float:left;
  margin-left:20px;
  clear:both;
  padding-top:8px;
  -webkit-transition:all 0.1s linear;
  opacity:0;

}

.listAlianza li:hover{
margin-left:40px !important;
color:#00B4D5;
}

.listAlianza li::before{
  content: " ";
  width: 25px;
  height: 30px;
  background: url(../img/bg-li-izq.png) no-repeat;
  position:absolute;
  margin-left:-25px;
  margin-top:-8px;
}
.listAlianza li::after{
  content: " ";
  width: 25px;
  height: 30px;
  background: url(../img/bg-li-der.png) no-repeat;
 position:absolute;
 margin-top:-8px;
}

.listAlianza li img{
  width: 11px;
  height: 11px;
  position: relative;
  margin-right:0px;
}
.descargaArquimet{ position:absolute; background:url(../img/arqFloat.png) no-repeat; width:348px; height:362px; top:0;
                    margin-left:620px; margin-top:300px;}
					
.descargaArquimet .desc{ float:left; font-family: "din_bold-webfont"; font-size:16px; color:#FFF; text-align:left; margin-top:20px; margin-left:50px;
                         line-height:22px;}

.descargaArquimet .downBto{ float:left; width:201px; height:45px; background:url(../img/downArq.png) center no-repeat; margin-top:30px;
                            margin-left:74px; opacity:1;}
							
.descargaArquimet .downBto:hover{cursor:pointer;}	
.descargaArquimet .downBto:active{margin-top:31px;}						
												
.descargaArquimet .socialbtos{ float:left; margin-left:69px; margin-top:230px;}

.descargaArquimet .socialbtos .fbbto{ float:left; margin-right:0px;}
.descargaArquimet .socialbtos .twbto{ float:left;}
.iconArq{ float:left; margin-top:-10px}
.arqtit{ float:left;}
.clearB{ float:left; clear:both;}
.modal{
	display:none;
	
	}
.modal .mask{
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7;
	z-index:1000;
	cursor:pointer;
	}
.modal .windows{
	position:fixed;
	width:450px;
	height:430px;
	background:#F9F9F9;
	border-radius:4px;
	padding:20px;
	left:50%;
	margin-left:-245px;
	top:50%;
	margin-top:-235px;
	z-index:1000;
	}
.modal .windows .t{
	color:#00a4b2;
	font-family:"din_bold-webfont";
	font-size:18px;
	width:100%;
	text-align:center;
	float:left;
	clear:both;
	}
.modal .windows .p{
	color:#858585;
	width:100%;
	text-align:center;
	font-size:14px;
	clear:both;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	line-height:20px;
	}
.modal .windows .r{
	color:#00a4b2;
	width:100%;
	text-align:center;
	font-size:14px;
	clear:both;
	float:left;
    line-height:20px;
	}		
.modal .windows .field{
	float:left;
	clear:both;
	width:100%;
	margin-bottom:10px;
	margin-left:10px;
	}
.modal .windows .field .left{
	float:left;
	width:100px;
	color:#00a4b2;
	font-size:14px;
	margin-top:4px;
	}
.modal .windows .field .right{
	float:left;
	}
.modal .windows .field .right .textF{
	float:left;
	width:300px;
	height:20px;
	border:1px solid #CCC;
	border-radius:4px;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:10px;
	color:#858585;
	}
.modal .windows .field .right .textF:focus{
	border:1px solid #858585;
	}

.modal .windows .close{
	position:absolute;
	width:36px;
	height:36px;
	background:url(../img/closeModal.png) no-repeat;
	margin-left:452px;
	margin-top:-35px;
	cursor:pointer;
	}

.modal .windows .btn{
  border: 1px solid #0E9CB6;
  margin-left: 30px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  width: auto;
  height: 36px;
  float: right;
  font-weight:bold;
    background-image: linear-gradient(bottom, rgb(9,179,209) 14%, rgb(28,208,240) 57%);
	background-image: -o-linear-gradient(bottom, rgb(9,179,209) 14%, rgb(28,208,240) 57%);
	background-image: -moz-linear-gradient(bottom, rgb(9,179,209) 14%, rgb(28,208,240) 57%);
	background-image: -webkit-linear-gradient(bottom, rgb(9,179,209) 14%, rgb(28,208,240) 57%);
	background-image: -ms-linear-gradient(bottom, rgb(9,179,209) 14%, rgb(28,208,240) 57%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.14, rgb(9,179,209)),
		color-stop(0.57, rgb(28,208,240))
	);
  border-radius:4px;
  background-color:#09B2D1;
  padding-left:10px;
  padding-right:10px;
}
.modal .windows .btn:hover{
  background-image: linear-gradient(bottom, rgb(10,194,226) 14%, rgb(28,208,240) 57%);
  background-image: -o-linear-gradient(bottom, rgb(10,194,226) 14%, rgb(28,208,240) 57%);
  background-image: -moz-linear-gradient(bottom, rgb(10,194,226) 14%, rgb(28,208,240) 57%);
  background-image: -webkit-linear-gradient(bottom, rgb(10,194,226) 14%, rgb(28,208,240) 57%);
  background-image: -ms-linear-gradient(bottom, rgb(10,194,226) 14%, rgb(28,208,240) 57%);
  background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.14, rgb(10,194,226)),
	color-stop(0.57, rgb(28,208,240))
  );
  cursor:pointer;
  background-color:#1CCFF0;
}
.modal .windows .btn:active{
background-image: linear-gradient(bottom, rgb(28,208,240) 14%, rgb(7,174,203) 57%);
background-image: -o-linear-gradient(bottom, rgb(28,208,240) 14%, rgb(7,174,203) 57%);
background-image: -moz-linear-gradient(bottom, rgb(28,208,240) 14%, rgb(7,174,203) 57%);
background-image: -webkit-linear-gradient(bottom, rgb(28,208,240) 14%, rgb(7,174,203) 57%);
background-image: -ms-linear-gradient(bottom, rgb(28,208,240) 14%, rgb(7,174,203) 57%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.14, rgb(28,208,240)),
	color-stop(0.57, rgb(7,174,203))
);
background-color:#09B2D1;
}
.modArq .texto_contenido{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 20px;
  color: #858585;
  margin-top: 30px;
  text-align:justify;
  width: 520px;
}

/*======================================================*/
/*========= DISTRIBUIDORES ====================================*/
/*======================================================*/

#cuerpo{
  width: 100%;
  background: url(../img/background.png) repeat;
  float: left;
/*  box-shadow: inset 0 7px 6px -6px #888888;
  -webkit-box-shadow: inset 0 7px 6px -6px #888888;
  -ms-box-shadow: inset 0 7px 6px -6px #888888;
  -moz-box-shadow: inset 0 7px 6px -6px #888888;
  -o-box-shadow: inset 0 7px 6px -6px #888888; */
}
#distribuidores{
  margin-bottom:500px;
}
.titulo{
   color: #00a4b2;
  font-size: 36px;
  font-family: "din_bold-webfont";
  line-height: 26px;
  margin-left: 7px;
  position: relative;
  top:-5px;
  display: inline;
}
.subtitulo{
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 20px;
  font-size: 15px;
  color: #9b9b9b;
  line-height: 20px;
  margin-top: 40px;
}
#lista{
  margin-top: 80px;
}
.styled-select{
	text-align: left;
  border: none;
  margin-left: 2px;
  width: 221px;
  height: 21px;
  border-radius: 7px;
  display: inline-block;
  outline: none;
  overflow: hidden;
  background: url(../img/bg-select.png) no-repeat right #cfcfcf;
}
#depts, #products{
  border: none;
  width: 219px;
  height: 21px;
  font-size: 13px;
  color: #858585;
  background: transparent;
  padding-left: 6px;
  border-radius: 7px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance:none;
}
#lista input[type="submit"]{
	padding: 6px 12px;
margin-top: -15px;
margin-left: 23px;
font-weight: bold;
color:#fff;
background-color: #969696;
cursor: pointer;
}
#lista input[type="submit"]:hover{
	opacity:0.8;
}
label.subtitulo{
  vertical-align: super;
}
#tabla{
  margin-top: 70px;
  

}
/* TABLA*/
#tabla{
  margin-top: 70px;
}
.bordered {
    border: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;
    width: 100%;         
}
.bordered tr:nth-child(odd) {
   background-color: white;
   opacity: 0.9;
}
.bordered tr:nth-child(even) {
   background-color: #dddddd;
   opacity: 0.9;
}
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}

.bordered th {
    background-color: #dddddd;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border: none;
    color: #07b5d5;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 20px;
    opacity: 0.9;
    text-align: center;
    position: relative;
}
.bordered td{
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  border:none;
  position: relative;
}

.sepLateral{
  width: 3px;
  background: url(../img/sep-der-tabla.png) repeat-y;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 1px;
  }
.sepInfTabla{
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 2px;
/*
  background: url(../img/sep-inf-tabla.png) repeat-x;
*/
}
.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

/*ESTO ES LO DE PRODUCTOS */


#producto{
  background: url(../img/bg-desc-prd.png) no-repeat center bottom;
  float:left;
  padding-bottom:20px;
  width:100%;
  text-align:center;
  margin-top:20px;
}
#imagen2{
margin-bottom: 45px;
}
.slogan{
  font-family: "din_bold-webfont";
  font-size: 30px;
  line-height: 36px;
  color:#fead2c;
  text-transform: uppercase;
  width: 593px;
}
#textcont{
	float:left;
	width:100%;
	text-align:center;
	}
#textcont #descripcion{
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 24px;
  color: #858585;
  width: 700px;
  text-align:justify;
}

#textcont #descripcion p{ margin-bottom:10px;}
.titulo{
   color: #00a4b2;
  font-size: 36px;
  font-family: "din_bold-webfont";
  line-height: 26px;
  margin-left: 7px;
  position: relative;
  top:-5px;
}
#social img{
  padding-right: 10px;
}
#socialcont{
	float:left;
	text-align:center;
	width:100%;
	margin-bottom:20px;
	}
#socialcont #social{
	margin:20px auto;
}
/* BENEFICIOS */
.beneficios{
float:left;
width:100%;
margin-bottom:50px;
margin-top:40px;
}
#beneficios{
  width: 950px;
  margin:0 auto;
  text-align:center;
  float:left;
}

#titulo_beneficios{
float:left;
clear:both;
margin-bottom:40px;
margin-left:0px;
}

#ulizq{
  width: 420px;
  height: auto;
  float: left;
  position: relative;
  left: 30px;
  clear:both;
  
}
#ulder{
  width: 420px;
  height: auto;
  float: right;
  position: relative;
  left: -50px;
}

.lista li{
  /*list-style-image: url(../img/plus-li.png);*/
  font-family: "Arial", Helvetica, sans-serif;
  color:#999;
  font-size: 15px;
  font-weight:bolder;
  text-align: left;
  vertical-align: text-bottom;
  background: url(../img/bg-li-cuerpo.png) repeat-x;
  height: 30px;
  width: 82%;
  margin-bottom: 5px;
}
.plus{
  width: 11px;
  height: 11px;
  position: relative;
  left: 3px;
}
.lista li label{
  display: inline-block;
  margin-top: 7px;
  margin-left: 7px;
  height: auto;
}
.lista li::before{
  content: " ";
  width: 25px;
  height: 30px;
  position: absolute;
  left: 19px;
  background: url(../img/bg-li-izq.png) no-repeat;
}
.lista li::after{
  content: " ";
  width: 25px;
  height: 30px;
  position: absolute;
  right: 19px;
  background: url(../img/bg-li-der.png) no-repeat;
}

/* DESCARGAS */
#bg-desc{
  background: url(../img/bg-desc-prd.png) center bottom no-repeat;
  height: 285px;
  margin-bottom: 50px;
}

#descargas{
  width: 100%;
  float: left;
}
#tabla2{
  width: 924px;
  height: 223px;
  margin: 0 auto;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #f2f2f2;
}

#ficha, #manual, #catalogo, #contacto{
  width: 230px;
  height: 225px;
  float: left;
  cursor:pointer;
  text-decoration:none;
}
.sepDescarga{
  float: left;
  width: 1px;
  height: 100%;
  background: url(../img/sep-descarga.png) repeat-y;
}
#ficha{
    background: url(../img/bg-borde-der.png) no-repeat right;
    background-color: #f2f2f2;
    opacity: 0.9;
	border-radius:4px 0px 0px 4px;
	
}
#contacto{
    background: url(../img/bg-borde-izq.png) no-repeat left;
    background-color: #f2f2f2;
    opacity: 0.9;
	border-radius:0px 4px 4px 0px;
}
#manual, #catalogo{
  background: url(../img/bg-mitad.png) no-repeat;
  background-color: #f2f2f2;
  opacity: 0.9;
}
.circulo{
  margin-top:25px;
  margin-bottom: 20px;
}
.texto_descarga{
  font-family: Arial, Helvetica, sans-serif;
  color: #7d7d7d;
  font-size: 17px;
  line-height: 20px;
  text-shadow: 1px 1px 1px #ffffff;
  text-align: center;
  font-weight:bold;
}
.btndescarga{
  margin-top: 30px;
}
.btndescarga:hover{
  opacity: 0.9;
}
.deshabilitado{
  opacity: 0.6 !important;
}


#ficha:hover, #manual:hover, #catalogo:hover, #contacto:hover{
  background: #eeeeee;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}

.deshabilitadoFicha:hover{
    background: url(../img/bg-borde-der.png) no-repeat right #f2f2f2 !important;
	cursor:default !important;
}

.deshabilitadoManual:hover{
	background: url(../img/bg-mitad.png) no-repeat #f2f2f2 !important;
    cursor:default !important;
}

/* GALERIA */
#galeria{
  width: 100%;
  float: left;
  margin-top:0px;
}
#sepSuperior{
	float:left;
	width:100%;
	background:url(../img/bg-galeria-superior.png) no-repeat center center;
	height:124px;
	
}
#titulo_galeria{
	margin-bottom:10px;
}
#contenido_galeria{
    background: url(../img/bg-desc-prd.png) center bottom no-repeat;
  height: 255px;
  margin-bottom: 0px;
}

/* carousel */

.wrapCarousel{
  float:left;
  width:95%;
  position: relative;
  left: 21px;
  margin: 0 auto;
  background: url(../img/bg-galeria.png) center bottom no-repeat;
  
}

.wrapCarousel .menuPrincipal{
margin:0 auto;
position: relative;
height:130px;
}
.menuPrincipal{

}
.arrows{
position:absolute;
margin-top:40px;
}

.back{
position:absolute;
/*top:15px;*/
width:42px;
height:42px;
background:url(../img/iconSet.png) no-repeat;
background-position: 0px -32px;
z-index:999;
-webkit-transition:margin-left 0.1s linear;
-moz-transition:margin-left 0.1s linear;
-o-transition:margin-left 0.1s linear;
-ms-transition:margin-left 0.1s linear;
margin-top:5px;
}

.back:hover{ background-position:-47px -32px; }
.back:active{ margin-left:-3px;}

.front{
position:absolute;
/*top:15px;*/
width:42px;
height:42px;
background: url(../img/iconSet.png) no-repeat;
background-position:-102px -32px;
left: 900px;
z-index:999;
-webkit-transition:left 0.1s linear;
-moz-transition:left 0.1s linear;
-o-transition:left 0.1s linear;
-ms-transition:left 0.1s linear;
margin-top:5px;
}

.front:hover{ background-position:-149px -32px;}
.front:active{ left: 903px; }

.menuPrincipal li{
  margin:12px 7px;
}
.imagen{
  width:144px;
  height: 92px;
  border:5px solid #FFF;
  margin-top:4px;
  -moz-box-shadow: 0px 1px #888;
-webkit-box-shadow: 0px 1px #888;
box-shadow: 0px 1px #888;
border-radius:5px;
-webkit-transition:all 0.1s linear;
-moz-transition:all 0.1s linear;
-o-transition:all 0.1s linear;
-ms-transition:all 0.1s linear;
  
}

.imagen:hover{

border:5px solid #00a4b2;
}

#and_actores{
	background: url(../img/actores.png) no-repeat center center;
	height: 586px;
	width: 710px;
}
#and_actores > div{	float: left;}
#and_actores a { width: 100%; height: 100%; display: block;}
#and01{	height: 121px; width: 298px;}
#and02{	height: 121px; width: 100px;}
#and03{	height: 121px; width: 303px;}

#and04{	height: 109px; width: 85px;}
#and05{	height: 109px; width: 162px;}
#and06{	height: 109px; width: 198px;}
#and07{	height: 109px; width: 186px;}
#and08{	height: 109px; width: 73px;}

#and09{	height: 134px; width: 180px;}
#and10{	height: 134px; width: 331px;}
#and11{	height: 134px; width: 197px;}

#tooltip{
position:absolute;
width:255px;
color: #858585;
background-color:#EFEFEF;
border:1px solid #E1E1E1;
border-radius:5px;
padding:12px;
z-index:3;
display:none;
margin-left:25px;
margin-top:10px;
font-size:12px;
line-height:18px;
opacity:0.98;
}
#tooltip .arrowExp{
position:absolute;
width:19px;
height:11px;
background:url(img/arrowDescEx.png) no-repeat;
margin-top:-23px;
margin-left:109.5px;
}
#tooltip span{color:#00a4b2;}

/*==============================*/
/*====ESTILOS PARA CONTACTO====*/
/*============================*/
#contenedorPrincipalContacto{
	background: url(../img/background.png) repeat;
  float: left;
  width: 100%;
  height: auto;
}
#cuerpoContacto{margin-bottom: 92px;}
#topInfoContacto{
  margin-top: 75px;
  margin-bottom: 28px;
}
#divInformacionContacto{
  width: 425px;
  float: right;
}
.servicio{
  font-family: Arial, Helvetica, sans-serif;
  font-size:15px;
  line-height: 20px;
  color: #00a4b2;
  font-weight: bold;
  margin-bottom: 18px;
}
p.tituloInformacion{
  margin-bottom: 28px;
}
p.tituloInformacion, .gris{
  font-family: Arial, Helvetica, sans-serif;
  font-size:  15px; color:  #9b9b9b; line-height: 20px;
}
#helpTable{
  width: 356px;
}
.gris{
  margin-bottom: 8px;
}
#aux{
  width: 240px;
  margin: 30px 0; 
}

#divFormularioContacto{
  float: left;
}
#divFormularioContacto .tituloInformacion{
  width: 400px;
}
#tablaForm label{
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height: 20px;
  color: #00a4b2;
  width: 121px;
}
#tablaForm .entrada{
 width:322px;
 height:34px;
 padding-left:10px;
 padding-left:-20px;
 margin-left:10px;
 margin-bottom:8px;
 color:#666666;
 border-radius:4px;
 border:1px solid #EEE;
}

#tablaForm .select{
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
border:none;
width:334px;
outline:none;
border:1px solid #EEE;
}
#tablaForm #txtMensaje{
 width:439px;
 height:200px;
 border-radius:4px;
 border:1px solid #EEE;
 color:#666666;	
 padding-left: 0;
 margin-left: 0;
 padding: 7px; 
 
}

.btn{
  border: 1px solid #0E9CB6;
  margin-top: 5px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  width: 148px;
  height: 36px;
  float: right;
  margin-right:15px;
  font-weight:bold;
    background-image: linear-gradient(bottom, rgb(9,179,209) 14%, rgb(28,208,240) 57%);
	background-image: -o-linear-gradient(bottom, rgb(9,179,209) 14%, rgb(28,208,240) 57%);
	background-image: -moz-linear-gradient(bottom, rgb(9,179,209) 14%, rgb(28,208,240) 57%);
	background-image: -webkit-linear-gradient(bottom, rgb(9,179,209) 14%, rgb(28,208,240) 57%);
	background-image: -ms-linear-gradient(bottom, rgb(9,179,209) 14%, rgb(28,208,240) 57%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.14, rgb(9,179,209)),
		color-stop(0.57, rgb(28,208,240))
	);
  border-radius:4px;
  background-color:#09B2D1;
}
.btn:hover{
  background-image: linear-gradient(bottom, rgb(10,194,226) 14%, rgb(28,208,240) 57%);
  background-image: -o-linear-gradient(bottom, rgb(10,194,226) 14%, rgb(28,208,240) 57%);
  background-image: -moz-linear-gradient(bottom, rgb(10,194,226) 14%, rgb(28,208,240) 57%);
  background-image: -webkit-linear-gradient(bottom, rgb(10,194,226) 14%, rgb(28,208,240) 57%);
  background-image: -ms-linear-gradient(bottom, rgb(10,194,226) 14%, rgb(28,208,240) 57%);
  background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.14, rgb(10,194,226)),
	color-stop(0.57, rgb(28,208,240))
  );
  cursor:pointer;
  background-color:#1CCFF0;
}
.btn:active{
background-image: linear-gradient(bottom, rgb(28,208,240) 14%, rgb(7,174,203) 57%);
background-image: -o-linear-gradient(bottom, rgb(28,208,240) 14%, rgb(7,174,203) 57%);
background-image: -moz-linear-gradient(bottom, rgb(28,208,240) 14%, rgb(7,174,203) 57%);
background-image: -webkit-linear-gradient(bottom, rgb(28,208,240) 14%, rgb(7,174,203) 57%);
background-image: -ms-linear-gradient(bottom, rgb(28,208,240) 14%, rgb(7,174,203) 57%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.14, rgb(28,208,240)),
	color-stop(0.57, rgb(7,174,203))
);
background-color:#09B2D1;
}
#errores{
  color: #00a4b2;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  width: 300px;
  display: inline;
  font-weight: bold;
  margin-top:5px;
}

.listAlianza li{
list-style:none !important;
font-family: "Arial", Helvetica, sans-serif;
  color:  #b9b9b9;
  font-size: 15px;
  font-weight:bolder;
  text-align: left;
  vertical-align: text-bottom;
  background: url(../img/bg-li-cuerpo.png) repeat-x;
  height: 25px;
  margin-bottom: 5px;
  float:left;
  margin-left:25px;
  clear:both;
  padding-top:5px;
  -webkit-transition:all 0.1s linear;
}

.listAlianza li:hover{
margin-left:35px;
color:#01C4CA;
cursor:pointer;
}

.listAlianza li::before{
  content: " ";
  width: 25px;
  height: 30px;
  background: url(../img/bg-li-izq.png) no-repeat;
  position:absolute;
  margin-left:-25px;
  margin-top:-5px;
}
.listAlianza li::after{
  content: " ";
  width: 25px;
  height: 30px;
  background: url(../img/bg-li-der.png) no-repeat;
 position:absolute;
 margin-top:-5px;
}

.listAlianza li img{
  width: 11px;
  height: 11px;
  position: relative;
  margin-right:8px;
}

.req{ color:#00a4b2; font-size:18px; margin-left:4px;}
.reqA{ float:right; margin-left:-5px; margin-top:10px;}

.gmaps{
	float:left;
	height:232px;
	width:419px;
	background-color:#00a4b2;
	border-radius:4px;
	margin-top:20px;
	}
.gmaps iframe{
	float:left;
	border-radius:4px;
	margin-left:6px;
	margin-top:6px;
    }
.error{
	border-color: #fdb3b4 !important;
}
input[type="radio"].error{
	-webkit-appearance: none;
background-color: #e1e1e1;
border: 1px solid #e1e1e1;
border-radius: 14px;
width: 100%;
display: inline-block;
position: relative;
width: 13px;
height: 13px;
}
.faqs .texto_contenido a {
text-decoration: none;
color: #858585;
}
/*================================*/
/*====BOTON ZONA DE DESCARGAS====*/
/*==============================*/
#cuerpo .zonaDesc #texto a{
	background-color: #9e9e9e; 
	line-height: 26px;
	height: 28px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	padding: 0 12px;
	font-size: 12px;
	float: right;
	margin-top:-3px
}
#cuerpo .zonaDesc #texto a:hover{opacity:0.8;}
a#btn_antes:hover{ opacity: 0.8 !important;}
a#btn_despues:hover{ opacity: 0.8 !important;}


/*new styles menu*/

.header .navBack .nav ul li.item1>a {
    text-decoration: none;
    color: #FFF;
    font-family: 'Verdana';
    font-size: 14px;
    letter-spacing: 0.5px;
    background: url("../images/bg-boton.png")no-repeat;
    width: 132px;
    display: block;
    text-align: center;
    height: 48px;
    background-size: 100%;
    line-height: 39px;
    margin-left: 2px;
    margin-right: 2px;
	transition:all 0.4s
}
.header .navBack .nav ul li.item1>a:hover
{
	background: url("../images/bg-boton-h.png")no-repeat;
	background-size: 100%;
}
.header .navBack li {
    border-right: none;
    padding-left: 0;
    padding-right: 0;
}
.header .navBack ul li:hover > ul .wrapSubMenu {
    margin-top: 17px;
}
.header .navBack ul li:hover > ul .arrow {
    margin-left: 125px;
    margin-top: 9px;
}
.header .navBack .nav {
    margin-top: 10px;
}
.header .navBack {
    margin-top: 15px;
	height: 30px;
}
.contentHome {
    background: url(../img/backgrounds/background-home-v2.jpg);
    margin-top: 99px;
}
.contentHome .banners .arquimet {
    background: url(../img/descargarArq2.png) no-repeat;
}
.contentHome .banners .catalogo {
    background: url(../img/catalogoBann2.png) no-repeat;
}
.contentHome .banners .notiacesco {
    background: url(../img/notiacescoBann2.png) no-repeat;
}
.header .navBack.navBackHome {
    /* background: url(../img/navBack.png) repeat-x; */
    background-color: #018AFE;
}
.contentHome .banners .arquimet .descargarBTO
{
	display:none
}