@charset "utf-8";
/*font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Lato', sans-serif;
*/
body{margin:0 auto; padding:0 auto;width:100%;}
.clr{clear:both}
.nopc{display:none}
a{text-decoration:none;}
/*MENU*/
#menu_contenedor{width:auto; height:100%; }
.menu{width:100%; background-color:#FFF; height:auto; z-index:2}
ul#top_menu{width:60%; font-family: 'Lato', sans-serif; font-size:0.9rem; float:right;list-style: none; text-align:right; margin:2%; color:#015EA1;-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear;-ms-transition: all 0.1s linear;transition: all 0.1s linear;}
ul#top_menu li {display:inline-block;}
ul#top_menu li a {transition:.1s all ease-in-out;font-size:1rem;display:inline-block;padding:10px 15px;text-decoration:none;color:#2c77a5;}
ul#top_menu li a:hover{color:#90b0d0; -moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none; user-select: none; }
ul#top_menu li a.activo {color:#90b0d0;}
ul#top_menu ul {
 position: absolute;
 background-color:rgba(255,255,255,1);
 top: 18%;
 color: #fff;
 padding: 0px 0px 0px 0px;
 margin: 0;
 max-height:0px;
	overflow:hidden;
	-webkit-transition:max-height 0.1s linear;
	-moz-transition:max-height 0.1s linear;
	transition:max-height 0.1s linear;
	z-index:3;
	 list-style-type:none;
	float:none;
	text-align:left;
 }
 
ul#top_menu ul li{
 color: #fff;
 margin:0% 0%;
display:list-item;
}

 
ul#top_menu ul li a{
 color:#015EA1;
 font-weight:normal;
 display:list-item;
 -webkit-transition:max-height 1s linear;
	-moz-transition:max-height 1s linear;
	transition:max-height 1s linear;
}
  
ul#top_menu ul li a:hover{
color:#90b0d0;
 cursor:pointer;
} 
ul#top_menu li:hover ul ,ul#top_menu li:hover ul ul  { overflow:hidden;
 cursor:pointer;
}
  
ul#top_menu li:hover ul ,ul#top_menu li:hover ul ul {
 overflow:visible;
 cursor:pointer;
 max-height:100%;
 padding:0%;
}


.logo {margin:0.5%; margin-left:2%; float:left;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;}
.logo_nav img{float:left; padding:0%;position:fixed;}
.menu_fijo{position:fixed; top: 0; z-index:100; transition:opacity 0.2s linear; opacity:0}
.menu_fijo{opacity:1; border-bottom:thin solid #3c2455;}
.menu_fijo .logo{margin:-0.5%; margin-left:2%;-webkit-transform: scale(0.5,0.5);-moz-transform:  scale(0.5,0.5));-o-transform: scale(0.5,0.5));-ms-transform:scale(0.5,0.5);transform:scale(0.5,0.5);padding:0}
.menu_fijo ul#top_menu ul{margin-top:2%;}
.menu_fijo ul#top_menu ul{
position:fixed;
 background-color:rgba(255,255,255,1);
 padding: 0px 0px 0px 0px;
top:5%;
height:auto;
	overflow:hidden;
	
	text-align:left;
 }


.social {width:100%;height:30px; border-bottom:thin solid #90b0d0; margin-top:0;}
.social ul{float:right; margin-right:1%; margin-top:0.5%;}
.social ul a{ float:left; font-family: 'Lato', sans-serif; font-size:0.9rem; color:#2c77a5;transition:.1s all ease-in-out;}
.social ul a:hover{color:#90b0d0; -moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none; user-select: none;}
.social a img{transform:scale(0.8,0.8);}
/*FIN MENU*/
/*Slicknav*/
.slicknav_menu {display:none; top:0px; padding:0px;  z-index:3;}
.logo_nav img{float:left; padding-top:4px; padding-left:6px; z-index:5}
.logo_nav img{opacity:1;}
/*fin Slicknav*/
/*OWL*/

.owl-theme .owl-controls {
	margin-top: 0;
}
.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
   	display: inline-block;
 	text-indent: -9999999px;
 
}
.owl-theme .owl-controls .owl-buttons .owl-prev{
	background: transparent url(imagenes/slidernavizq.png) no-repeat 0 0;
	left: 5%;
	top: 45%;
	margin-top: -60px;
	width: 40px;
 	height: 160px;

}
.owl-theme .owl-controls .owl-buttons .owl-next{
	background: transparent url(imagenes/slidernav.png) no-repeat 0 0;
	right: 5%;
	top: 45%;
	margin-top: -60px;
	width: 40px;
 	height: 160px;
	z-index:1;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

.onslider {
	position: absolute;
	width: 100%;
	top: 30px;
	left: 0;
}
.onslider2, .panel {
	position: absolute;
	width:70%;
	top:20%;
	left:10%;
	text-align:center;
	font-size:1.5rem;
	text-align:left;
	text-shadow:2px 2px 1px rgba(0,0,0,1);
	 
}
.onslider2 a{
	color:#FFF; font-size:1rem; padding:2%; background-color:#2c77a5}
	
.onslider2, .panel h1{
font-size:4rem; line-height:2rem;
}
/*Fin OWL*/
.fancy{position: relative;
	width:100%;
	max-width: 800px;
	padding: 0px 0;
	margin:0 auto;
	}
/*CUERPO*/
section{height:100%; min-height:100px; margin-bottom:0px; padding: 0 auto; position:relative; padding-top:0%;}
.entero{width:80%; margin-left:10%; max-width:1280px; text-align:center; padding-top:1%; padding-bottom:2%; }
.medio{width:48%; float:left; min-height:340px; font-size:1rem; color:rgba(102,102,102,1);margin:1% }
.mitad{width:50%; float:left; min-height:340px; font-size:1rem; text-align:left;color:rgba(102,102,102,1)}
.medio img, .mitad img{width:100%; min-height:340px;}
.boton, .boton2{margin-bottom:0%;background-color:#90b0d0;padding:5%; cursor:pointer}
.tres{width:31%; float:left; margin:1%;}
.tres img{width:100%;}
.cuatro{width:23%; float:left; margin:1%;}
.cuatro img{width:100%;}
.resaltado{font-family:'Ubuntu', sans-serif; font-weight:600; font-size:2.7rem; color:#ed7f00; line-height:2.7rem;}
.detalle{font-family: 'Lato', sans-serif; font-size:1.4rem; margin:2%; min-height:100%; text-align:center}
.detalle2{font-family: 'Lato', sans-serif; font-size:1.4rem; margin:10%; margin-top:7%; color:#015EA1}
.texto{font-family: 'Lato', sans-serif; font-size:1rem; margin-left:5%;  margin-right:5%; margin-bottom:5%;color:rgba(102,102,102,1);}
.texto a{margin-top:5%; font-size:1.2rem;color:rgba(102,102,102,1)}
.texto a:hover{color:#90b0d0}
.titulo, .titulo a{font-family: 'Ubuntu', sans-serif; font-weight:600; font-size:2rem;text-align:center; background-color:#ed7f00; padding:0.5%; color:#3c2455;}
p{font-family: 'Lato', sans-serif; font-size:1.2rem;}
.boton{-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   -webkit-transform: scale(0.9,0.9);
-moz-transform: scale(0.9,0.9);
   -o-transform: scale(0.9,0.9);
   -ms-transform: scale(0.9,0.9);
   transform: scale(0.9,0.9);}
.boton:hover {-webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);}
.panel {
	font-size:1.5rem;
	color:#FFF;
    font-family: 'Open Sans', sans-serif;
    text-align:left;
}

.fondo, .fondo2{
	margin-top:0px;
	background-position:center;
	background-attachment: fixed !important;
	width:100%;
	height:auto;
	min-height:300px;

}
.fondo .entero p{font-size:1.8rem}

.lista a{font-size:1rem;}
.empresa{background:url(imagenes/fondoempresa.jpg); background-size:contain; background-repeat:no-repeat}
.home{background:url(imagenes/fondohome.jpg); background-repeat:no-repeat;}
.iso{background:url(imagenes/fondoiso.jpg); background-repeat:no-repeat;}
.productos{background:url(imagenes/fondoproductos.jpg);background-size:contain; background-repeat:no-repeat;}
.equipamiento{background:url(imagenes/fondoequipamiento.jpg);background-size:contain; background-repeat:no-repeat;}
.servicios{background:url(imagenes/fondoservicios.jpg);background-size:contain;background-repeat:no-repeat;}
.bobinado{background:url(imagenes/bobinado.jpg);background-size:contain;background-repeat:no-repeat;}
.balanceo{background:url(imagenes/balanceo.jpg);background-size:contain;background-repeat:no-repeat;}
.mantenimiento{background:url(imagenes/mantenimiento.jpg);background-size:contain;background-repeat:no-repeat;}
.diagnostico{background:url(imagenes/diagnosticofondo.jpg);background-size:contain;background-repeat:no-repeat;}
.transporte{background:url(imagenes/transporte.jpg);background-size:contain;background-repeat:no-repeat;}
.electronica{background:url(imagenes/fondoelectronica.jpg);background-size:contain;background-repeat:no-repeat;}
.outsourcing{background:url(imagenes/fondooutsourcing.jpg);background-size:contain;background-repeat:no-repeat;}
.fabricacion{background:url(imagenes/fabricacion.jpg);background-size:contain;background-repeat:no-repeat;}
.foot{padding:1%;}
.foot , .foot a{font-size:1rem; color:#e2e2e2; font-family: 'Lato', sans-serif; line-height:2rem; text-align:left;}

.foot img{margin-right:1%;}
.foot a:hover{color:#90b0d0;}
.cont , .cont a{font-size:1.2rem; color:#e2e2e2; font-family: 'Lato', sans-serif; padding-top:1%; line-height:2rem; text-align:left;}
.cont a:hover{color:#ed7f00;}
.asteroide{float:right;margin-right:1%;}
hr{ border:thin solid #e2e2e2; margin-top:2%; margin-bottom:2%;}
.contacto{
	float:left;
	margin-left:1%;
	Margin-top:0px;
	font-family:'Ubuntu', sans-serif;;
	max-width:460px;
	text-align:left;}

.contacto h1{
	font-family:'Ubuntu', sans-serif;
	font-size:1.1em;
	color:#ccc;
	margin-left:0;
}
.contacto h2{
	font-family:'Ubuntu', sans-serif;
	font-size:0.6em;
	color:#ccc;
	margin:0;
	font-style:normal;}

	
#id_form label{width:100%; margin-top:10px;}
	#id_form input, select, textarea, label{width:100%;display:block;background-color:rgba(212,212,212,1);font-family: 'Lato', sans-serif; font-size:1.2rem; border:none; margin-top:2%; line-height:1.5rem; }
	
	/*ESTILO PARA CUANDO SE POSICIONA EL FOCO EN LAS CAJAS*/
	#nombre:focus, #email:focus, #telefono:focus, #consulta:focus{}
	
.contacto p{
	font-size:1rem;
	text-align:center;
	font-family:'Ubuntu', sans-serif;

}
#map-canvas {width:100%;height:350px;}
/*FIN CUERPO*/


/*DISPOSITIVOS*/
@media screen and (max-width:1024px) {
.js .slicknav_menu {display:block;}
.js #top_menu{display:none;}
.nopc{display:inline-block;}
.nomovil{display:none}
.container{padding-top:60px;}
.entero{width:98%; margin-left:1%; text-align:center;}
.menu_fijo{border:none}
.resaltado{padding-top:2%;}
.view {
   width: 100%;
   height: auto; 
   border:none;
   border-bottom:thin  
}
.cuatro{width:48%}
.medio{width:98%;}
.mitad img{min-height:340px;}
.contenedor{padding-top:50px;}
.cont , .cont a{text-align:center;}
.onslider2, .panel {
	width:90%;
	top:10%;
	left:6%;
	font-size:1rem;
	text-align:left;
}
.onslider2, .panel h1 {
	
	font-size:3rem;
}
.medio img{width:100%; max-height:340px;}
.mitad img{width:100%; max-height:340px;}
.texto .mitad{text-align:left}
@media screen and (max-width:767px) {.owl-theme .owl-controls{display: none !important;}
#owl2{top:20px;}
#owl .item img{display: block;width: 100%;height: auto;}
#owl2 .item img{display: block;width: 100%;height: auto;}
.onslider{display:none !important;}
.onslider2, .panel {
	width:98%;
	top:5%;
	left:1%;
	
}
.onslider2, .panel h1 {
	
	font-size:2rem; line-height:1rem;
}
.onslider2 a{
	font-size:0.8rem;}
.fancy{height:100%; min-height:auto; padding:0; top:50px;}

.mitad{width:100%;text-align:center;margin:0%; }
.medio img{width:100%; max-height:340px;}
.mitad img{width:100%; max-height:340px;}
.tres{width:98%; float:left; margin:1%;}
.cuatro{width:100%}
.fondo .entero p{font-size:1.2rem}
}
@media screen and (max-width:480px) {
.resaltado{font-size:1.7rem; line-height:1.7rem;}
.titulo{font-size:1.3rem; padding:0.5%;}
p{font-family: 'Lato', sans-serif; font-size:1rem;}	
.boton{-webkit-transform: scale(0.8,0.8);
-moz-transform: scale(0.8,0.8);
   -o-transform: scale(0.8,0.8);
   -ms-transform: scale(0.8,0.8);
   transform: scale(0.8,0.8);}
.boton:hover {-webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);}

.entero{margin-left:0%;}
.medio, .mitad, .medio img, .mitad img{min-height:200px;}
.nomov{display:none} 
.fondo{min-height:150px;}
.fondo .entero p{font-size:1.1rem; }