body, html {font-family:Helvetica, Arial, sans-serif;margin:0;width:100%;height:100%;display:block;font-size:14px;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
.espacio1{height:40px;}
.espacio2{height:100px;}
.espacio3{height:250px; vertical-align:top; text-align:center;}
.espacio4{height:500px; background-image:url(img/bg2.png); background-position:top; background-size:cover; vertical-align:middle;}
.espacio4_tr{height:250px; background-image:url(img/bg2.png); background-position:top; background-size:cover; vertical-align:middle;}
.espacio5{height:180px;}
.espacio6{height:460px; padding-left:20px; padding-right:20px; padding-top:40px; padding-bottom:20px; background-color:#E9E5DC; vertical-align:top; text-align:center;}
.espacio7{height:auto; background-color:#E9E5DC;}
.espacio8{height:auto;  background-color:#0059A5; background-image:url(img/footybg.jpg); background-position:bottom; background-repeat:no-repeat; background-size:contain;}
.contain{width:1200px;}
.whats{height:14px;}
.cabeza{font-family:Arial; font-size:14; color:#FFF;}
.slogan{font-family:'Oswald'; font-size:55px; color:#FFF; text-shadow: 0px 0px 20px rgba(0,0,0, 0.4);}
.mas{font-family:'Lato'; font-size:45px; color:#FFF; text-shadow: 0px 0px 20px rgba(0,0,0, 0.4);}
.iconos{font-family:'Oswald'; font-size:20px; color:#FFF;}
.contacto_titulo{font-family:'Oswald'; font-size:25px; color:#FFF;}
.tabla_contacto{-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px; border-radius: 20px 20px 0px 0px; box-shadow: 0px 0px 20px rgba(0,0,0, 0.4);}
.tabla_contacto2{-moz-border-radius-bottomleft: 20px;-moz-border-radius-bottomright: 20px;-webkit-border-bottom-left-radius: 20px;-webkit-border-bottom-right-radius: 20px; border-radius: 0px 0px 20px 20px; box-shadow: 0px 0px 20px rgba(0,0,0, 0.4);}
.inputs{padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; width:85%;}
.btn {-webkit-border-radius: 28;-moz-border-radius: 28;border-radius: 28px;font-family: Arial;color: #ffffff;font-size: 20px;background: #9DC559;padding: 10px 20px 10px 20px;text-decoration: none; border:0;}
.btn:hover {background: #3cb0fd;text-decoration: none;}
.productos{font-family:'Lato'; font-size:16px;}
.topmenu {display:none; position: fixed;width: 100%;margin-top:0px;z-index:99999;text-align:center; padding-bottom:20px; padding-top:0px;}
.footy{font-family:'Oswald'; font-size:24px; color:#555;}
.footy_img{margin-top:40px; margin-bottom:107px; display:block;}
.titulosclaros{ font-family:'Oswald'; font-size:25px; color:#FFF;}
.youtube{width:90%; height:600px;}



#bienvenidos{display:inline-block; width:auto; float:left; left:0;}
#telefonos{display:inline-block; width:auto; float:right; right:0;}
#logo{display:inline-block; width:153px; height:auto; margin-left:0px; margin-right:auto; float:left;}
#menusote{display:inline-block; width:auto; height:auto; margin-rigt:0px; margin-left:auto; float:right;}
#overlay{display:block; width:100%; position:absolute; z-index:9999;}
#overlay_x{display:inline-block; width:100%; position:relative; margin-top:0px; z-index:9999;}
#azul{ width:100%; display:inline-block;background-color:#0059A5; padding-top:20px;}
#overlay_logo{display:inline-block; width:250px; position:absolute; z-index:9998; margin-top:200px; left:0; right:0; margin-left:auto; margin-right:auto;}
#overlay_slogan{display:inline-block; width:80%; position:absolute; z-index:9997; margin-top:80px; text-align:right; left:0; right:0; margin-left:auto; margin-right:auto;}
#overlay_mas{display:inline-block; width:300px; position:absolute; z-index:99967; margin-top:440px; left:0; right:0; margin-left:auto; margin-right:auto; border:2px solid #FFF;}
#izquierdo{display:inline-block; width:48%; left:0; float:left; text-align:center; font-size:16px; text-align:justify; color:#FFF;}
#inter1{display:inline-block; width:auto; float:left; margin-left:20%;}
#inter2{display:inline-block; width:auto; float:right; margin-right:20%;}
#forma_contacto{display:inline-block; width:550px; position:absolute; z-index:1; margin-top:-200px; left:50%; margin-left:auto; margin-right:auto;}
#producto_1{display:inline-block; width:100%; height:330px; background-image:url(img/bann1.jpg); background-position:top; background-repeat:no-repeat; background-size:cover;}
#producto_2{display:inline-block; width:100%; height:330px; background-image:url(img/bann2.jpg); background-position:top; background-repeat:no-repeat; background-size:cover;}
#producto_3{display:inline-block; width:100%; height:330px; background-image:url(img/bann3.jpg); background-position:top; background-repeat:no-repeat; background-size:cover;}
#producto_4{display:inline-block; width:100%; height:330px; background-image:url(img/bann4.jpg); background-position:top; background-repeat:no-repeat; background-size:cover;}
#producto_5{display:inline-block; width:100%; height:330px; background-image:url(img/bann5.jpg); background-position:top; background-repeat:no-repeat; background-size:cover;}
#izq{display:inline-block; width:40%; height:auto; float:left; margin-left:40px; text-align:left; position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
#der{display:inline-block; width:40%; height:auto; float:right; margin-right:40px; text-align:right; position:relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
#izq_d{display:inline-block; width:40%; height:auto; float:right; margin-right:40px; text-align:right; position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
#der_d{display:inline-block; width:40%; height:auto; float:left; margin-left:40px; text-align:left; position:relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
#loc_icon{display:inline-block; width:48px; height:auto; margin-top:0px; margin-left:auto; margin-right:0px; position:relative;}
#loc_titulo{display:inline-block; width:auto; height:auto; margin-left:0px; margin-right:auto; position:relative; font-family:'Oswald'; font-size:34px; color:#555;}
#titulo_loc{display:inline-block; width:300px; background-color:#E9E5DC; position:absolute; margin-top:0px; z-index:3; left:0; right:0; margin-left:auto; margin-right:auto; font-family:'Oswald'; font-size:50px; color:#555; padding-bottom:10px;}
#direccion_loc{display:inline-block; width:680px; background-color:rgba(255, 255, 255, 0.8); position:absolute; margin-top:150px; z-index:3; left:0; right:0; margin-left:auto; margin-right:auto; font-family:'Oswald'; font-size:36px; color:#555; padding:20px; border:1px solid #CCC;}
#foot_der{display:inline-block; width:340px; margin-left:auto; margin-right:auto; margin-top:60px; padding:20px; background-color:#FFF; float:right; padding-bottom:131px;}
#foot_cen{display:inline-block; width:340px; margin-left:auto; margin-right:auto; margin-top:60px; padding:20px; background-color:#FFF;}
#foot_izq{display:inline-block; width:340px; margin-left:auto; margin-right:auto; margin-top:60px; padding:20px; background-color:#FFF; float:left;}
#menu_foot{text-align:left;display: block; list-style:none; line-height:20px; overflow: hidden; padding: 0; margin:0; font-family:Arial; font-size:14px;}
#menu_foot ul{margin-top:5px; margin-bottom:5px; margin-left:0px; line-height:12px; font-size:12px;}
#menu_foot li{display: block;}
#marcas{display:inline-block; width:18%; height:auto; margin-left:auto; margin-right:auto;}
#tecs{display:block; width:500px; height:auto; left:0px; right:0; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
#productitos{display:inline-block; width:255px; height:auto; left:0; right:0; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:5px; background-color:#FFF; border:1px solid #CCC; padding:10px; color:#666;}
#share-buttons img {width: 35px; padding: 5px; border: 0;box-shadow: 0;display: inline;}





#telefonos_m{display:none;}
#logo_m{display:none;}
#menucontain{display:none}
#menucontain_x{display:none}
#bg{display:none;}
#telefonos_m{display:none;}
#foot_abajo{display:none;}


#slideshow {margin: 0 auto;position: relative;height:250px;width:100%;padding: 0px;}

#slideshow > div {
	width:100%;
	height:250px; 
    position: absolute;
	background-position:center;
	background-size:cover;
	margin:0 auto;
}

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 1200px) and (min-width: 980px) {
.contain{width:950px;}
.espacio3{height:auto; vertical-align:top;}
.slogan{font-family:'Oswald'; font-size:70px; color:#FFF; text-shadow: 0px 0px 20px rgba(0,0,0, 0.4);}


#telefonos_m{display:none;}
#logo{display:none;}
#menucontain{display:none}
#menucontain_x{display:none}
#bg{display:none;}
#foot_abajo{display:none;}


#logo_m{display:inline-block; width:40px; height:auto; margin-left:0px; margin-right:auto; float:left;}
#overlay_mas{display:inline-block; width:300px; position:absolute; z-index:99967; margin-top:440px; left:0; right:0; margin-left:auto; margin-right:auto; border:2px solid #FFF;}
#inter1{display:inline-block; width:auto; float:left; margin-left:15%;}
#inter2{display:inline-block; width:auto; float:right; margin-right:15%;}
#forma_contacto{display:inline-block; width:490px; position:absolute; z-index:1; margin-top:-150px; left:50%; margin-left:auto; margin-right:auto;}
#foot_der{display:inline-block; width:300px; margin-left:auto; margin-right:auto; margin-top:60px; padding:20px; background-color:#FFF; float:right; padding-bottom:131px;}
#foot_cen{display:inline-block; width:230px; margin-left:auto; margin-right:auto; margin-top:60px; padding:20px; background-color:#FFF; padding-bottom:40px;}
#foot_izq{display:inline-block; width:230px; margin-left:auto; margin-right:auto; margin-top:60px; padding:20px; background-color:#FFF; float:left;}

.slicknav_menu {
	display:none;
}
	}
@media screen and (max-width: 979px) and (min-width: 770px) {
.contain{width:750px;}
.espacio3{height:auto; vertical-align:top;}
.slogan{font-family:'Oswald'; font-size:50px; color:#FFF; text-shadow: 0px 0px 20px rgba(0,0,0, 0.4); line-height:55px;}
.footy_img{margin-top:20px; margin-bottom:0px; display:block;}


#logo{display:none;}
#bienvenidos{display:none;}
#telefonos_m{display:none;}
#menu {display:none;}
#menu_x {display:none;}
#menusote{display:none;}
#bg{display:none;}


#logo_m{display:inline-block; width:60px; margin-top:0px; height:auto; margin-left:0px; margin-right:auto; float:left;}
#logo_mx{display:inline-block; width:60px; margin-top:0px; height:auto; margin-left:20px; margin-right:auto; float:left;}
#telefonos{display:inline-block; width:100%; text-align:center; margin:0 auto;}
#menucontain{display:inline-block; width:89%; text-align:right; margin:0 auto; float:right;}
#menucontain_x{display:inline-block; width:89%; text-align:right; margin:0 auto; float:right;}
#overlay_mas{display:inline-block; width:300px; position:absolute; z-index:99967; margin-top:380px; left:0; right:0; margin-left:auto; margin-right:auto; border:2px solid #FFF;}
#inter1{display:inline-block; width:auto; float:left; margin-left:0px;}
#inter2{display:inline-block; width:auto; float:right; margin-right:50px;}
#forma_contacto{display:inline-block; width:400px; position:absolute; z-index:1; margin-top:-100px; left:50%; margin-left:-30px; margin-right:auto;}
#foot_der{display:inline-block; width:44%; margin-left:auto; margin-right:auto; margin-top:20px; padding:20px; background-color:#FFF; float:right; padding-bottom:20px;}
#foot_cen{display:inline-block; width:44%; margin-left:auto; margin-right:auto; margin-top:60px; padding:20px; background-color:#FFF; float:right; padding-bottom:10px;}
#foot_izq{display:inline-block; width:44%; margin-left:auto; margin-right:auto; margin-top:60px; padding:20px; background-color:#FFF; float:left; padding-bottom:70px;}
#foot_der table{display:none;}
#foot_der hr{display:none;}
#foot_abajo{display:inline-block; width:94%; margin-left:auto; margin-right:auto; margin-top:20px; padding:20px; background-color:#FFF; float:none; padding-bottom:20px;}
#izquierdo{display:inline-block; width:43%; left:0; float:left; text-align:center; font-size:16px; text-align:justify; color:#FFF;}



	
	.slicknav_menu {
		display:block;
	}
	}
@media screen and (max-width: 769px) {
.contain{width:95%;}
.espacio3{height:auto; vertical-align:top;}
.slogan{font-family:'Oswald'; font-size:45px; color:#FFF; text-shadow: 0px 0px 20px rgba(0,0,0, 0.4); line-height:50px;}
.cabeza{font-family:Arial; font-size:1.12em; color:#FFF; line-height:2em;}
.espacio1{height:120px;}
.espacio4{height:250px; background-image:url(img/bg2.png); background-position:top; background-size:cover; vertical-align:middle;}
.inputs{padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; width:80%;}
.footy_img{margin-top:20px; margin-bottom:0px; display:block;}

#logo{display:none;}
#bienvenidos{display:none;}
#telefonos{display:none;}
#menusote{display:none;}
#menu {display:none;}
#menu_x {display:none;}
#slideshow {display:none;}
#slideshow > div{display:none;}
#foot_abajo{display:none;}

#logo_m {display:inline-block; width:10%;  margin-top:0px; height:auto; margin-left:0px; margin-right:auto; float:left;}
#menucontain{display:inline-block; width:89%; text-align:right; margin:0 auto; float:right;}
#menucontain_x{display:inline-block; width:80%; text-align:right; margin:0 auto; float:right;}
#telefonos_m{display:inline-block; width:100%; float:left; text-align:left;}
#bg{display:block; position:relative; margin-top:0px; top:0; width:100%; height:250px; background-image:url(img/2.jpg); background-position:top; background-size:cover;}
#overlay_logo{display:inline-block; width:250px; position:absolute; z-index:9998; margin-top:60px; left:0; right:0; margin-left:auto; margin-right:auto;}
#overlay_slogan{display:inline-block; width:80%; position:absolute; z-index:9997; margin-top:100px; left:0; right:0; margin-left:auto; margin-right:auto;}
#overlay_mas{display:inline-block; width:250px; position:absolute; z-index:99967; margin-top:470px; left:0; right:0; margin-left:auto; margin-right:auto; border:2px solid #FFF;}
#izquierdo{display:inline-block; width:90%; left:0; float:none; text-align:justify; padding-top:50px; padding-bottom:50px;}
#inter1{display:inline-block; width:90%;margin-top:40px;float:none; left:0; right:0; margin-left:auto; margin-right:auto;}
#inter2{display:inline-block; width:90%; margin-top:40px; margin-bottom:40px; float:none; left:0; right:0; margin-left:auto; margin-right:auto;}
#forma_contacto{display:none;}
#producto_1{display:inline-block; width:100%; margin-top:600px; height:auto; background-color:#EAEAEA; background-image:none;}
#producto_2{display:inline-block; width:100%; margin-top:0px; height:auto; background-color:#F58A00; background-image:none;}
#producto_3{display:inline-block; width:100%; margin-top:0px; height:auto; background-color:#352C4F; background-image:none;}
#producto_4{display:inline-block; width:100%; margin-top:0px; height:auto; background-color:#D2ECF2; background-image:none;}
#producto_5{display:inline-block; width:100%; margin-top:0px; height:auto; background-color:#EAEAEA; background-image:none;}
#izq{display:inline-block; width:90%; height:auto; float:none; margin-left:auto; margin-right:auto; text-align:left; left:0; right:0; margin-top:40px;  position:relative; top:0; -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); background-color:#FFF; padding:10px;}
#der{display:inline-block; width:90%; height:auto; float:none; margin-left:auto; margin-right:auto; text-align:left; left:0; right:0; margin-top:40px; margin-bottom:60px; position:relative; top:0; -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%);}
#izq_d{display:inline-block; width:90%; height:auto; float:none; margin-left:auto; margin-right:auto; text-align:left; left:0; right:0; margin-top:40px;  position:relative; top:0; -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); background-color:#FFF; padding:10px;}
#der_d{display:inline-block; width:90%; height:auto; float:none; margin-left:auto; margin-right:auto; text-align:left; left:0; right:0; margin-top:40px; margin-bottom:60px; position:relative; top:0; -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%);}
#telefonos_m{display:inline-block;}
#direccion_loc{display:inline-block; width:80%; background-color:rgba(255, 255, 255, 0.8); position:absolute; margin-top:150px; z-index:3; left:0; right:0; margin-left:auto; margin-right:auto; font-family:'Oswald'; font-size:26px; color:#555; padding:20px; border:1px solid #CCC;}
#foot_der{display:inline-block; width:85%; margin-left:auto; margin-right:auto; left:0; right:0px; margin-top:20px; padding:20px; background-color:#FFF; float:none; padding-bottom:20px;}
#foot_cen{display:inline-block; width:85%; margin-left:auto; margin-right:auto; left:0; right:0px; margin-top:20px; padding:20px; background-color:#FFF; float:none; padding-bottom:20px;}
#foot_izq{display:inline-block; width:85%; margin-left:auto; margin-right:auto; left:0; right:0px; margin-top:20px; padding:20px; background-color:#FFF; float:none; padding-bottom:20px;}


	.slicknav_menu {
		display:block;
	}
}