@charset "utf-8";

body {background:#ffffff;color: #222; margin:0 auto;font-family: 'Raleway', sans-serif; font-size:16px;}
a{text-decoration: none;}
h1{text-align: center; font-weight: 300; font-size: 42px;}
small{font-weight: 300; font-size: 42px; color: #00006A}

.contenido, .custom{ width:1100px; 	margin:0 auto; 	text-align:justify;clear: both;}

.header {float:left;width: 100%; padding: 5px 0 0 0;z-index: 1;background: #FFF;position: fixed;border-bottom:  #00006A solid 5px}
	.header .logo{float: left;}

.header .top{float: right;position: absolute;right: 5%; top: 10%; padding: 10px 25px; background: #00006A;}
	.header .top a{color: #FFF;font-weight: bold;}
		.header .top a:hover{color: #FFFF00;}

.menu{float: left;width: 100%}
#gruemenu.grue_90{ float: left !important;text-align: right !important;position: absolute !important;bottom: 0% !important;right: 2% !important;width: 100% !important;}
	 #gruemenu.grue_90 > ul > li{float: none !important ;list-style: none; }
		#gruemenu.grue_90 li.item-311{display: none;}
		 #gruemenu > ul > li > a{margin: 0 1% !important; white-space: nowrap; font-weight: bold; text-transform: none !important}


.slide{float:left; width:100%; position:relative;z-index:0;margin: 0; padding:0;text-align:center;line-height: 0;background: #000 !important;margin-top: 8%}
	.slide img{ max-height:100%; max-width:100%;min-width:100%;opacity: 0.7;}
.nivoSlider,.nivo-slice{background: #000 !important;margin: 0 !important;}
.moduletable_slide{float: left; width: 100%;position: relative;z-index: 0;opacity: 1;background: #000 !important;}

.over_slide{width: 100%; position: absolute; bottom: 2%;color: #fff;}
	.over_slide h1{text-shadow: 2px 2px #000;font-weight: 500;font-size: 50px}

.nosotros{float: left;width: 100%;padding-top: 8%}

.valores h1, .valores small{font-size: 38px}
.valores {float: left;width: 100%;}
	.valores ul{margin: 0;padding: 0;}
		.valores ul li{list-style: none;width: 14%; margin: 0 3%; float: left;text-align: center;}
			.valores ul li p{ font-weight: 500;font-size: 16px;}
	.valores ul li:hover img{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
	.valores img { max-width: 100%;transition: 1s;-webkit-transition: 1s;}

.servicios {float: left;width: 100%;}
	.servicios .tipo{color: #FFF;background-size: cover;position: relative; font-size: 18px;border-bottom:  #FFFF00 solid 2px;border-top:  #FFFF00 solid 3px}
	.servicios .mantenimiento {background: url(../images/servicio-mantenimiento.jpg); background-size: cover; height: 550px}
	.servicios .caja {background: url(../images/servicio-caja.jpg); background-size: cover;  height: 300px}
	.servicios .venta {background: url(../images/servicio-venta.jpg); background-size: cover;  height: 300px}
	.servicios .asesoria {background: url(../images/servicio-asesoria.jpg); background-size: cover;  height: 300px}
		.servicios .leermas{width: 100%;text-align: center;transition: 1s;-webkit-transition: 1s;}
	.servicios ul{ margin: 0; padding: 0; }
	.servicios h2{color: #FFf; text-align: center;padding-top: 5%; transition: 1s;-webkit-transition: 1s;padding-top: 10%}
	.servicios p{width: 90%; margin: 0 auto;text-align: center;opacity: 0; transition: 1s;-webkit-transition: 1s;position: absolute;}
	.servicios ul li ul{margin: 2% 0;width: 99%;float: left; }
	.servicios ul li ul li{width: 18%; margin: 0 1%;float: left;list-style: none;text-align: center;opacity: 0;position: absolute;transition: 1s;-webkit-transition: 1s;top: 200%;}
	.servicios ul li ul li ul li{width: 100%; float: left;list-style: square;text-align: left;opacity: 0;position: absolute;transition: 1s;-webkit-transition: 1s;top: 600%;}
	.servicios ul li h5{transition: 1s;-webkit-transition: 1s;font-size: 18px;margin: 0;padding: 0;}
	.servicios ul li a{color: #00006A;bottom: 30px; right: 30px;position: absolute;padding: 10px 35px; background:#FFFF00; font-weight: bold; border: 3px #FFFF00 solid;opacity: 0; transition: 1s;-webkit-transition: 1s;}
	.servicios .tipo:hover h2{padding-top: 5%;}
	.servicios .tipo:hover .leermas{top: 200%; opacity: 0; position: absolute; }
	.servicios .tipo:hover p{opacity: 1;position: relative;top: 0;}
	.servicios .tipo:hover a{opacity: 1;}
	.servicios .tipo:hover ul li{opacity: 1;position: relative;}
	.servicios .tipo:hover ul li ul li{opacity: 0;position: absolute;}
	.servicios .tipo:hover ul li:hover h5,.servicios .tipo:hover ul li:hover img{opacity: 0;position: absolute;top: 2000%;}
	.servicios .tipo:hover ul li:hover ul li{opacity: 1;position: relative;}
	.servicios  a:hover{color: #FFFF00; background:#00006A; border: 3px #FFFF00 solid }

.marcas{float: left;width: 100%;}

.mapa{float: left;width: 100%;padding-top: 8%}

.formulario{float: left;width: 100%;padding-top: 8%}

.footer{width: 100%; float: left;background: #00006A; color: #fff; line-height: 8px;font-size: 15px;padding-top: 10px;}
	.footer .derecha, .footer .centro, .footer .izquierda{width: 33.33%; float: left;}
	.derecha{text-align: right;}
	.centro{text-align: center;line-height: 15px;font-size:12px;}
	.izquierda{text-align: left;}
	.footer a{color: #FFFF00;}
	.footer a:hover{text-decoration:underline}

.omega-powered img{display: none !important;}

@media screen and (max-width: 1024px) {

	.contenido, .custom{ width:100%; margin:0 auto; 	text-align:justify;clear: both;}
	.header .top {right: 15%;}
	.nosotros{padding-top: 12%}
	.nosotros p{width: 90%; margin: 0 auto;}
	.over_slide{bottom: 30%;}
	.servicios{padding-top: 12%}
	.servicios .mantenimiento{height: 650px;}
	.servicios .asesoria{height: 400px;}
	.servicios ul li ul li{width: 31.3%; margin: 0 1%;}
	.mapa{padding-top: 12%;}
	.formulario{padding-top: 12%;}
	.footer p{line-height: 20px;}

	#navigation-toggle {background: #00006a !important;}
	.sidr-class-item-311{display: none !important;}
	.sidr ul li:hover a, .sidr ul li:hover span{color: #FFFF00; }
	.sidr {background: rgba(0, 0, 106, .9) !important}
	.sidr ul li { border-top: 1px solid #ffffff !important; border-bottom: 1px solid #ffffff !important;
	
}

@media screen and (max-width: 719px) {
	.contenido, .custom{ width:100%; margin:0 auto;text-align:justify;clear: both;}
	.over_slide{bottom: 0%;}
	.servicios .mantenimiento{background: #00006A;height: 750px;}
	.servicios .caja {background: #00006A;}
	.servicios .venta {background: #00006A; }
	.servicios .asesoria { background: #00006A;}
	.nosotros{padding-top: 2%}
	.servicios{padding-top: 2%}
	.mapa{padding-top: 2%;}
	.formulario{padding-top: 2%;}
	
}

@media screen and (max-width: 480px) {
	.contenido, .custom{ width:100%; margin:0 auto;text-align:justify;clear: both;}
	h1{font-size: 32px;}
	small{font-size: 32px;}
	.over_slide{bottom: 50%;}
	.slide{margin-top: 30%;}
	.over_slide h1{font-size: 20px}
	.valores h1, .valores small{font-size: 30px}
	.valores ul li{width: 30%; margin: 0 10%; }
	.valores ul li:last-child{width: 30%; margin: 0 35%; }
	.servicio .tipo{font-size: 15px;}
	.servicios ul li h5{font-size: 15px;}
	.servicios h2{font-size: 20px;}
	.servicios ul li ul li{width: 98%; margin: 2% 1%;}
	.servicios ul li ul li ul li{text-align: center; margin: 0.5% 1%; padding: 2% 0;  background: #FFFF00;color: #00006A;}
	.servicios .mantenimiento{height: 1300px;}
	.servicios .caja {height: 500px}
	.servicios .venta {  height: 500px}
	.servicios .asesoria { height: 550px}
	.formulario iframe{height: 650px !important;}
	.footer .derecha, .footer .centro, .footer .izquierda{width: 98%; margin: 0 1%; float: left;}
	.derecha{text-align: center;}
	.centro{text-align: center;margin-top: 20px}
	.izquierda{text-align: center;}
	
}