a{ text-decoration:none; color:inherit}

h1{font-family: 'texgyreadventorbold'; color:#004b79;
font-size:21px;}
h1 span{font-family: 'texgyreadventorbold'; color:#76b043}

h5{font-family: 'texgyreadventorbold'; margin-top:18px; text-align:right; color:#000;
font-size:35px; padding:0px; line-height:30px}
h5 span{
	 font-family: 'texgyreadventorregular'; font-weight:100; font-size:60px; color: #00AEEF; line-height:60px
}


h2{	font-weight: lighter;
	color: #666;
	font-size:35px;}
	
h3 {
	font-weight: lighter;
	color: #666;
	font-size: 35px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 23px;
	line-height: 30px;
}
.banner h1{
	 font-family: 'texgyreadventorregular'; font-weight:100; font-size:20px; margin-left:30px; top:75%; position:relative; color: #fff; line-height:60px
}
section h3:hover, h3.current a{
	font-family: texgyreadventorbold;
	color: #00adee;
}
input{width:80%; float:right}
header nav {height:70px; float:right;} 
header nav li, header nav li a{
	color:#000;
	font-weight: lighter;
	border-right: solid 1px #000;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all .51s ease-in-out;
	-ms-transition: all .51s ease-in-out;
	-o-transition: all .51s ease-in-out;
	transition: all .51s ease-in-out;
	display: inline-block; 
	height: 70px; width: 93px;
	text-align: center;
	vertical-align: middle; cursor:pointer;}

header nav li:hover{color:#002F66;}	
header nav li.last{border-right: solid 0px #000;}
header nav li .icono{
	margin:0px auto;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all .51s ease-in-out;
	-ms-transition: all .51s ease-in-out;
	-o-transition: all .51s ease-in-out;
	transition: all .51s ease-in-out;
	background:url(../images/menu.png) no-repeat top  ;
	width:32px;
	height:22px;}
	
header nav li:hover .icono, header nav li.current .icono{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
	background: url(../images/menu_over.png) no-repeat top;}
 
.banner{
	background-size:cover;
	background-position: center;
	background-image:none;
	width:100%;
	height:320px }
.empresa {background-image:url(../images/empresa.jpg)}
.home {background-image:url(../images/mision.jpg)}
.servicios {background-image:url(../images/servicios.jpg)}
.trabajo {background-image:url(../images/trabajo.jpg)}
.soporte {height:370px; background-image:url(../images/soporte.jpg)}
.albercas {background-image:url(../images/albercas.jpg)}
.productos2 {
	background-image: url(../images/productos_back.png);
	background-position: left top;
	background-size: cover;
	background-repeat: no-repeat;
	height: 115%;
	width: 100%;
}

.infoproductos{width:560px; height:392px; margin-top:230px; float:left; margin-left:79px; color:#fff; top:500px; text-align:center}


.productos{
	position: relative;
	z-index: 0;
	overflow: hidden;
	height: 108%;
}



.index{ height:50%}
.servi{	position: relative;
	height: 69%;
}	
	
	
	 
.contenidos{ width:95%; margin:1% auto; }
.colunma{ float:left; margin-right:2%; height:auto}
.info{overflow-x:hidden; overflow-y:scroll; height:100%; top:-30%}


.centro { width:30%; margin:-30% auto 0px auto}
.last{ margin-right:0%;}


.clear{ clear:both; height:1px; width:100%}


footer nav li a{color:#fff; text-decoration:none}
footer nav li a:hover{
	color: rgba(246,217,34,1);
	font-family: 'texgyreadventorbold';
	text-decoration: none;
	line-height:12px;
	letter-spacing: 0.8px;
}


.promociones li{font-family: 'texgyreadventorbold'; cursor:pointer; list-style-image:url(../images/bullet.png)}

.promociones li:hover{color:#00adee}

	
	
.categorias{ padding-left:0px;   margin-top: 30px;}
.categorias div, .menu .submenu{
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;}

 
.menu{ color:#666;  cursor:pointer; margin-bottom:10px; margin-top:10px; padding-top:10px;   }
.menu:hover, .menu.current { color: #000;  }
#boton, #boton1, #boton2{ font-family: 'texgyreadventorbold';}
#boton:hover{ color:red}
.menu .submenu{ margin-top:10px; }
.menu .submenu a, .menu .submenu li, .submenu li{color:#666; display:block; margin-top:11px; clear:both;  text-decoration:none; background:url(../images/bullet.png) left -3px no-repeat; padding-left:15px;}
.menu .submenu  a:hover, .menu .submenu  li:hover{color:blue; }


.menu:hover .submenu{visibility:visible; opacity:1;   line-height:17px;}

.menu .equipos, .menu .accesorios, .menu .vanguardia, .menu .hoteles, .menu .hogares, .menu .gobierno{  height:0px; visibility:visible; opacity:1; 
visibility:hidden; opacity:0}

.menu:hover .submenu.equipos{height:120px; visibility:visible; opacity:1}
.menu:hover .submenu.accesorios{height:290px; visibility:visible; opacity:1}
.menu:hover .submenu.vanguardia{height:310px; visibility:visible; opacity:1}
.menu:hover .submenu.hoteles{height:120px; visibility:visible; opacity:1}
.menu:hover .submenu.hogares{height:290px; visibility:visible; opacity:1}
.menu:hover .submenu.gobierno{height:310px; visibility:visible; opacity:1}

#empresa1, #empresa2{
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	background: rgba(0,175,98,.9);
	box-shadow: 0px 0px 3px 3px rgba(51,51,51,.31);
	cursor: pointer;
}

#empresa1{ border-radius:50%; height:120px; width:120px; position:relative; top:40%; float:right; margin-right:10px}
#empresa2{ border-radius:50%; height:120px; width:120px; position:absolute; top:40%; left:0%; margin-left:10px}

#left{ position:absolute; z-index:2; height:88%; width:38%; left:0px;  overflow:hidden}
#right{ position:absolute;z-index:2; height:88%; width:38%; right:0px;  overflow:hidden}

#empresa2 .textos, #empresa1 .textos{ 
opacity:0; text-align:center; height:0px; width:50%; height:50%;  top:50px} 

#empresa2:hover .textos,  #empresa2:hover .textos{ -webkit-transition: ease-out .1s;	transition: ease-out .1s; 	-webkit-transition-delay:.8s; 	transition-delay:.8s;  	opacity:1}

.textos.doscolumnas{ float:left; width:20%}
#empresa2:hover, 
#empresa1:hover{ top:0%; width:150%; height:100%;}
	
#empresa2:hover{transform-origin:center left ;
-ms-transform-origin:center left ; /* IE 9 */
-webkit-transform-origin:left center ; /* Opera, Chrome, and Safari */}

#empresa1:hover{transform-origin:top right ;
-ms-transform-origin:center right ; /* IE 9 */
-webkit-transform-origin:top right ; /* Opera, Chrome, and Safari */}

.empresa2{width:500px; height:500px; background:rgba(0,127,197,.71); position:absolute; left:35%; top:30%; z-index:1; border-radius:50%; overflow:hidden;  }
.close{
	position: absolute;
	z-index: 0;
	left: 35%;
	display: none;
}
.empresa2 .texto{ width:60%; height:75%; top:10%; text-align:center; color:#fff}

.empresa2 h1{ color:rgb(246,217,34); font-family: 'texgyreadventorbold'; margin-top:18px; text-align:right;
font-size:35px; padding:0px; line-height:30px}
.empresa2 h1 span{
	 font-family: 'texgyreadventorregular'; font-weight:100; font-size:60px; color:#FFF; line-height:60px
}