body {margin: 0px;font-size:100%;font-family:fuente4;}
#p_titulo {font-size:32px; color: #00A1DC;margin-bottom:1%;}
.subtitle{color:#0461A0;}
a,img{text-decoration:none;border: none;}
#content{width:100%;margin: auto;float:left;}

#contenedor{width:100%;height:auto;margin: auto;margin-top: 70px; float:left;#background-image: url("images/esq.png");#background-repeat: no-repeat;}
#images_step{width:100%;margin:auto;padding-bottom:2%; margin-top:1.5%; float:right;}
#images_step img {height:65px; width:70px;}

.movImg{margin-left:3%;margin-right:3%;}
.movImg1{margin-right:3%;}

#encabezado{ width:100%;background-color:#FFFFFF;position:fixed;top: 0; height:auto; float:left; border-bottom: 4px solid #00A1DC; z-index: 4;}
#MovEncabezado{max-width:1280px; margin: 0 auto;}
#principal{margin:auto; height:auto; width:85%;}
#logo{height:100%;float:left;width:100%;margin-left:20%;}
#logo img{height:90px; width:120px;}
#encIzquierda{width:25%;float:left;	}
#encDerecha{width:69.5%;float:left;}
#texto_princ{width:60%; float:left;}

 ul.slide{margin:0;padding:0;height:80px;list-style-type:none;}
 ul.slide li{float:left;list-style-type:none; margin-left:1%}
 ul.slide img{height:60px;}

.texto{font-size:55px;color:#04619E;text-align:center; margin-top:1%; width:90%; margin:auto;}
.texto2{font-size:17px;color: #04619E;text-align:center;margin-bottom:2%; background-color:#F0F0F0; width:70%; margin:auto; letter-spacing: 2px; line-height: 1.3em;}
.texto3{font-size:18px;color:#5C5B60;text-align:left; font-family:Open Sans; font-weight:bold; letter-spacing: 1px; line-height: 1.5em;}
.texto4{font-size:16px;color:#616065; text-align:justify; float:left; width:100%; font-family:Open Sans; font-weight:bold;}
.textoMaq{font-size:17px;color: #04619E;text-align:left; font-family:Open Sans; font-weight:bold; width:95%; letter-spacing: 1.5px; line-height: 1.2em;}
.maq1{width:100%; height:60%;}
#imaginario{padding-top:5%;}
#lineaImaginario {margin:auto; border-top: 3px dotted #595856; width:75%}

#contenedorAbout{width:100%;margin:auto;float:left;padding-bottom:1%; margin-top:2%;}
#tituloAbout{width:100%;font-size:22px;color:#04619E;border: solid 7px #009ec3; float:left;text-align:center; padding: 5% 1% 5% 1%;}
#content_titulo{width:100%; margin:auto; float:left;}
#tituloAbout2{width:20%;font-size:24px;color:#ffffff;border: solid 7px #ffffff; float:left;text-align:center; padding: 1% 1% 1% 1%;}
#tituloProd{ width:20%; float:left; margin-bottom:2%;}
#aboutIz{float:left;width:20%;margin-top:1%;}
#aboutDer{margin-left:3%;margin-bottom: 3%;float:left;width:76%;}
#contenedorProductos{width:100%;margin:auto;float:left;padding-bottom:2%; margin-top: 20px;}
#contenedorVerde{width:100%;margin:auto;float:left;padding-bottom:3%; color:#FFFFFF;background: #71ba52;background-image: url("images/bg.jpg");background-repeat: no-repeat;margin-bottom:1%;margin-top: 70px;}
#contenedorVerdeHome{width:100%;margin:auto;float:left;color:#FFFFFF;background: #71ba52;background-image: url("images/bg.jpg");background-repeat: no-repeat;margin-bottom:1%;margin:auto;padding-top: 20px;padding-bottom: 20px;}
#izq{width:60%; float:left; border-right:1px solid #e3e3e3;}
#der{width:30%; float:left; padding-top:3%;}
#contentLinkVerde{width:100%; text-align:center; float:left; margin-top:2%;} 
.linkVerde a{font-size:20px;color:#8DC041; background-color:#FFFFFF;padding:5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; text-align:center;}
.linkVerde a:hover{font-size:20px;color:#ffffff;border: solid 2px #ffffff; background-color:#8DC041; padding:5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; text-align:center;}
#tituloVerde{width:100%; font-size:22px; color:#FFFFFF;border: solid 7px #8DC041; text-align:center; float:left; background-color:#ABF92C; margin-right:2%;}
#tituloV{width:auto; float:left; font-size:25px; width:100%; text-align:center;}
#texto4content{background-color:#ffffff;  float:left; width:100%; box-shadow: 5px 5px 5px 0px #689624; border-radius: 5px 5px 5px 5px;padding:10px 5px 5px 5px;}
#Cont_productos{width:100%; float:left; margin-left:5%; margin-top: 70px;}
#contenedorMaquinas{width:100%; float:left; margin-top: 70px; background-image: url("images/bg-white.jpg");}
#contenedorContacto{width:100%; float:left; margin-top: 70px; background-image: url("images/bg-white.jpg");}
#contenedorFrecuentes {width:100%; float:left;background-image: url("images/bg-white.jpg"); margin-top: 70px;}
#formulario_contacto{color:#ffffff; font-size:25px; margin-top: 70px;}
.TituloForm{font-size:25px; color:#00A1DC;}
.textForm{font-size:16px; width:95%; margin-top:1%; margin-bottom:4%; font-family:Open Sans; font-weight:bold;}
#menu {background-color:#FFFFFF;font-size:22px;width:100%;margin-top:4%;}
#moveMenu{margin-left:1%;}
#menu ul li{display: inline;margin-left:6%;	}
#menu a {text-decoration:none;color: #595856;margin-top:10px;padding-left:10px;}
#menu a:hover{color: #036295;} 
#preguntas {float:right;}
a.frecuentes {background: url('images/preguntas1.jpg') left no-repeat;width:170px;height:116px;display:block;}
a.frecuentes:hover {background: url('images/preguntas.jpg') left no-repeat;}
#pagina{width:100%;background-color:#FFFFFF;float:left;}
#txt_pagina{text-align:right;color:#017b6e;margin-right:2%;}
#fondo {width: 400px;height: 380px;padding:10px;background-color: #03a7d0;opacity: .8;margin-left: 100px;z-index: 0;}
#nota_principal{color: #ffffff;padding-top:5%;}
#azul{float:left;width:100%;height:300px;}
#cuadro1{float:left;width:30%;margin-left: 18px;color:#FFFFFF;font-size:15px;}
#garantia{padding-top:5%;padding-left:20%;color:#ffffff;}
a.garantia {background: url('images/garantia1.png') left no-repeat;width:179px;height:174px;display:block;}
a.garantia:hover {background: url('images/garantia.png') left no-repeat;}
#telefonos a{color:#FFFFFF;}

#cuadro2{
	float:left;
	width:30%;
	margin-left: 35px;
	font-size:18px;
	color:#FFFFFF;
}

#beneficios{
color:#ffffff;
font-size:20px;
}


#cuadro3{
	margin-left: 35px;
	float:left;
	width:30%;
	font-size:18px;
	color:#FFFFFF;
}

#vending{
color:#ffffff;
padding-top:5%;
padding-left:20%;
}

a.vending {
background: url('images/vending1.png') left no-repeat;
width:199px;
height:193px;
display:block;

}
a.vending:hover {
background: url('images/vending.png') left no-repeat;
}

#cont_vending {
	width:100%;
	margin-top: 3%;
}

#txt_img {
	width:100%;
	margin-top: 3%;
	margin-left: 1%;
	float:left;
}

#lado1{
	width:28%;
	float:left;
}
#lado2{
	width:65%;
	float:left;
	margin-left:45px;
}

.primera{
	margin-top:10%; 
}
.segunda{
	margin-top:5%;
	margin-left:2%;

}

.picture { 
	color: #094766;
	background-color: #F9F9F9;
	border-right: 6px solid #065279; 
	border-bottom: 6px solid #065279; 
	padding: 3px;
	font: 15px/1.4em Arial, sans-serif; 
	padding-bottom:2%;
	text-align:justify;
        }
		
.picture img { 
	#border: 1px solid #CCCCCC;
	vertical-align:middle; 
	margin-bottom: 3px;
}
.right { 
	margin: 0.5em 0pt 0.5em 0.8em; 
	float:right; 
}
.left { 
	margin: 0.5em 0.8em 0.5em 0; 
	float:left;
}



#cuadro4{
	float:left;
	width:30%;
	margin-top: 3%;
	border: 1px solid #ffffff;
}

#cuadro5{
	float:left;
	width:25%;
	border: 1px solid #ffffff;
	
}


#pie{ width:100%; background-color:#161616;  font-family:Open Sans; font-weight:bold;  font-size:13px; height: auto; clear:both;  float:left; border-top: 5px solid #1AAADF;margin:auto; }
#cuadroP{width:80%;margin:auto; margin-top:3%; margin-bottom:3%;}
#cuadroIzq{width:35%;float:left;}
#follow{width:100%; margin:auto; margin-top:3%;}
#movfollow{width:35%; margin:auto;}
#menuPie {margin-bottom:5%; color: #CECCCC; margin-left:3%;}
#menuPie  li{color:#F0F0F0;list-style-type: none; margin-bottom:10%; width:100%; border-bottom:1px solid #F0F0F0; }
#menuA{float:right; width:40%; text-align:center;}
#cuadroMedio{width:35%;float:left; text-align:center; color: #CECCCC;}
#cuadroDer{width:30%;float:right; text-align:right;} 
.titlePie{margin-bottom:3%; font-size:17px; color:#00A1DC; letter-spacing: 1px;}
#copy{width:100%;margin:auto;float:left; height:40px; background-color:#333333; color: #878584; padding-top:1%; margin-top:2%;}
#imghealthy{ 
background: rgba(119,219,4,1);
background: -moz-linear-gradient(45deg, rgba(119,219,4,1) 0%, rgba(192,255,0,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(119,219,4,1)), color-stop(100%, rgba(192,255,0,1)));
background: -webkit-linear-gradient(45deg, rgba(119,219,4,1) 0%, rgba(192,255,0,1) 100%);
background: -o-linear-gradient(45deg, rgba(119,219,4,1) 0%, rgba(192,255,0,1) 100%);
background: -ms-linear-gradient(45deg, rgba(119,219,4,1) 0%, rgba(192,255,0,1) 100%);
background: linear-gradient(45deg, rgba(119,219,4,1) 0%, rgba(192,255,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77db04', endColorstr='#c0ff00', GradientType=1 );

margin-top:2%; float:left; width:100%; margin:auto; border-top: 3px solid #595959; border-left: 3px solid #595959; border-right: 3px solid #595959;}
#imghealthy p{text-align:center; font-size:25px;}
#img_izq{width:40%; float:left;}
#img_der{width: 50%; float:right; margin:auto; font-family:Open Sans; margin-top:2%; font-weight:bold; margin-right:2%;}
#cuadroIzqCopy{width:45%;float:left; margin-left:1%;}
#cuadroDerCopy{width:45%;float:right; text-align:right; margin-right:1%;}



#cuadro7{
	float:right;
	width:24.4%;
	border: 1px solid #ffffff;
}



.inverted{
	-webkit-filter: invert(100%);
	 filter: invert(100%);
	-ms-filter: invert(100%); /* IE9 */
	-o-filter: invert(100%);  /* Opera */
}

#contacto{color: #CECCCC;width:80%;  float:left; line-height:21pt; }
#contacto a{color:#FFFFFF;width:100%;}
#logo_pie{width:100%; float:right; margin-bottom:1%;}
#logo_pie img{height:110px;width:110px;}

#celeste{
	float:left;
	width:100%;
	height:350px;
}

#cuerpo {
	width:100%;
	height:auto;
	background-color:#ffffff;
	padding-top: 100px;
}

#left-side{
	width:30%;
	float:left;
	height:auto;
}

#promo{
	width:100%;
	height:33%;
	background-color:#00CC33;
	float:left;
	color: #FFFFFF;
	text-align:center;
	
}

@font-face { font-family: "basehead";src: url("images/fuentes/RitaSmith.otf");} 
.basehead {font-family:basehead;}
@font-face { font-family: "fuente1";src: url("images/fuentes/Black Jeans.ttf");}
.fuente1 {font-family:fuente1;}
@font-face { font-family: "fuente2";src: url("images/fuentes/Bolton.ttf");}
.fuente2 {font-family:fuente2;}
@font-face { font-family: "fuente3";src: url("images/fuentes/CookCountyJailhouse-Regular.ttf");}
.fuente3 {font-family:fuente3;}
@font-face { font-family: "fuente4";
    src: url('images/fuentes/omniblack_demo-webfont.eot');
    src: url('images/fuentes/omniblack_demo-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/fuentes/omniblack_demo-webfont.woff2') format('woff2'),
         url('images/fuentes/omniblack_demo-webfont.woff') format('woff'),
         url('images/fuentes/omniblack_demo-webfont.ttf') format('truetype'),
         url('images/fuentes/omniblack_demo-webfont.svg#fuente4') format('svg');
    font-weight: normal;
    font-style: normal;
}

#cont_contacto{float:left;width:55%;background-color:#EFEFEF; border-radius: 5px; box-shadow: 2px 2px 3px #666; margin-bottom:2%;}
#formulario {float:left; padding-left: 5%; padding-top: 2%; margin-bottom: 2%;color: #04619E;width:100%;}
#formulario input{width:85%; height:5%;}
#formulario textarea{width:85%; height:150px; margin-bottom:2%; }
#formulatio .submit {background-color:#609DDB;}

input,textarea.rounded {
	border: 1px solid #e3e3e3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 2px 2px 3px #666;
	font-size: 20px;
	padding: 10px 7px;
	outline: 0;
	-webkit-appearance: none;
}
input,textarea.rounded:focus {
	border-color: #e3e3e3;
}

#mapaHome{
	float:left;
	width:100%;
}
#mapaHome a{
	color: #00A1DC;
}

#mapa{
	color: #04619E;
	float:left;
	width:40%;
	margin:auto;
	//text-align:center;
	//background-color:#e3e3e3;
	margin-left:5%;
	border-radius: 10px;
}

#PregFrec{
	background-color:#EFEFEF;
	border-radius: 10px;
	margin-bottom:10%;
	margin-right:2%;
	width:60%;
	float:left;
	box-shadow: 2px 2px 3px #666;
}

#textFrec{
	width:35%;
	float:left;
	margin-left:1%;
	color: #04619E;
	margin-top:2%;
}

#textFrec hr {
	border: 2px dotted #8A9298;
}

#dirTitulo{
	color: #00A1DC;
	margin-bottom:2%;
	font-size:25px;
}

#mapa hr {
	border: 2px dotted #8A9298;
}

#mapa img {
}

#maqexp{
 margin:auto;
}

#mapa a{
	color: #04619E;
}

input {
	color: #59aec0;
	height:30px;
	font-size:19px;
	margin-bottom:1.5%;

}
textarea{
	color: #59aec0;
	font-size:19px;

}



#mapa iframe {
	width:100%; 
	height:400px; 
}

#cont_nosotros{
	#background-image:url('images/bg-grid.png');
	background-color:#1a72a0;
	padding-left: 20px;
	padding-right: 20px;
	color:#aadae4;
	float:left;
}



#n_empresa{
	width:70%;
	float:left;
	margin-top : 3%;
	padding-left: 1%;
	padding-right: 1%;
	#background-color:#ede6c1;
	#background-color:#aadae4;
	margin-bottom:2%;
}

#imagen_empresa{
	margin-left:20%;
	margin-top:3%;
}

a.regresar {
	color:#ffffff;
}

#myv{
	width:23%;
	float:left;
	margin-left:8px;

}

#tabla{
	margin:auto;
}

#logos{
	width:100%;
	float:left;
	margin-left:1%;

}
#productos{
	float:left;
	margin-bottom: 1%;
	position: relative;
    display: block;
	height:80px;
    width: 130px;


}

#productos img {
	height:55px; 
	width:88px;
}

.grayscale
{
-moz-filter: grayscale(100%);
-o-filter:grayscale(100%);
-ms-filter:grayscale(100%);
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}


#productos cite {
    background: #111;
    filter:alpha(opacity=55);
    opacity:.55;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 130px;
    text-align:center;	
    border-top: 1px solid #999;
}

.resize2 {
  float: left;
  height: 12em;
  margin: .2em 1em 1em 0;
  overflow: hidden;
  width: 12em;
}

.resize2 img {
  margin: -90px 0 0 -140px;
  padding: 6em 0 0 6em;
}

#mision{
	width:100%;
	text-align:center;
	background-color: #49494F;
	color:#CFCD70;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom:5%;
	margin-top:5%;
	font-size:15px;
	border:5px solid #FFFFFF;
	
}

#vision{
	width:100%;
	text-align:center;
	background-color: #49494F;
	color:#CFCD70;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom:5%;
	font-size:15px;
	border:5px solid #FFFFFF;
}

#menu_pie {	
	font-size:12px;
	color:#ffffff;
}

#menu_pie a {
	color:#ffffff;
	
}

#menu_pie a:hover {
	color:#017b6e;
	border-bottom: 2px solid #ffffff;
}

#contenido{
	color:#aadae4;
	width:100%;
	background-color:#1a72a0;
	padding-bottom: 5%;
	float:left;
	
	
}

#maquinas{
	width:65%;
	float:left;
	margin-top:2%;
	margin-bottom: 2%;
}
#MaqBenef{
	margin-left:3%;
	margin-top:1%;
	width:70%;
	float:left;
	margin-bottom:5%;
}


#healthy{
	width:33%;
	float:left;
	background-image: url("images/bg-white.jpg");
	font-family: Open Sans;
	font-weight: bold;
	font-size:15px;
	margin-top:8%;
	border-left:3px dotted #F5F5F1;
	margin-bottom:2%;
}

#billetero{width:100%; text-align:center; float:left; margin-bottom:2%;}
#cont_galeria{width:100%; float:left; margin:0 auto; text-align:center;}
#mov_galeria{width:100%; margin:auto; text-align:center; margin-top:2%;}

#iconos{ width:100%; float:left; margin-top:5%;  border-bottom:1px groove #e3e3e3; font-weight:bold;}
#iconosIzq{float:left; width:20%;}
#iconosDer{width:75%; float:left; margin-top:5%; margin-left:1%;}


.icono{width:80px; height:80px;}

#img_mquinas{
float:left; width:100%; height:120%;
}
#img_maquinas img {width:100%;}
#maquinastxt{float:left; width:100%; margin-top:7%; color:#04619E}
#maquinastxt hr{border: 2px dotted #8A9298;}

#medio {
	margin-bottom:2%; border: 1px solid #e3e3e3; width:96%; text-align:center;
}

.foto{
width:30.5%;
height:35%;
margin-right:.5%;
margin-bottom:2%;	
border: 5px solid #5C5B60; 
border-radius: 4px 4px 0 0;
}

#foto2{width:25%; height:25%; float:left;}

#frecuentes{
	width:100%; 
	float:left;
	margin-left:2%;
	margin-bottom:5%;
}

#redes{
	margin-top:8%;
}

#banners{
	width:26.8%;
	float:left;	
	margin-top:0%;
	margin-left:1%;
	
}

#banner1{
	width:100%;
	margin-bottom:20%;
	margin-top:40%;
	margin-left:5px;
	text-align:center;
}
#banner1 a {
	color: #FFFFFF;
	}

#banner2{
	width:100%;
	text-align:center;
}
#banner3{
	width:100%;
}

#enlaces {
	margin-top: 2%;	
	color:#696866;
	margin-bottom:5%;
	
}

#txt{
	font-family:Open Sans; 
	font-weight:bold;
	font-size:17px;
}

#texto1{
	font-family:Open Sans; 
	font-weight:bold;
	font-size:17px;
}

#color1{
	background-color:#e3e3e3;
	font-family:Open Sans; 
	font-weight:bold;
	padding-top:1%;
	color:#0461BA;
	margin-bottom:1%;
}
#color2{
	background-color:#0B77BA;
	color:#FFFFFF;
	font-family:Open Sans; 
	font-weight:bold;
	padding-top:1%;
	margin-bottom:1%;
}

.preg{color:#04619E; height:40px; font-weight:bold;}
.preg2{color:#ffffff; height:50px; font-weight:bold;}
.txtDist {padding-bottom:1%;}
#enlaces a{text-decoration:none;color:#696866;}
#encabezadomobil{display:none;}
#mediosmall{display:none;}

@media only screen and (min-width: 800px) and (max-width: 1023px){
	#healthy{width:100%;float:left; text-align:center; margin-top:1%;}
	#billetero{width:35%; text-align:center; float:left; margin-bottom:2%; margin-top:10%;}
	#iconos{ width:60%; float:right; border-bottom:1px groove #e3e3e3;}
	#iconosIzq{float:left; width:20%;}
	#iconosDer{width:75%; float:left; margin-top:5%; }
	.texto { font-size:50px;width:100%; margin:auto;}
	.texto2{font-size:21px;color: #04619E;text-align:center; width:90%; margin:auto;}
	#logo{height:100%;float:left;width:100%;}
	#menu {background-color:#FFFFFF; font-size:17px; width:100%; margin-top:38px;}
	#tituloProd{ width:100%; float:left; margin-bottom:2%; margin-top:2%;}
	#contenedor{width:100%;height:auto;margin:auto; margin-top:70px; float:left; background-color:#FFFFFF; #background-image: url("images/esq.png");#background-repeat: no-repeat;}
	#principal{margin:auto;height:auto;width:95%;}
	#tituloV{width:auto; float:left; font-size:25px; width:100%; text-align:center;}
	.foto{width:30%;margin-right:.5%;margin-bottom:2%;	border: 5px solid #00A1DC; border-radius: 4px 4px 0 0;}
	#maquinas{width:100%;float:left;margin-left:1%;}
} 

@media only screen and (min-width: 320px) and (max-width: 800px) {
	#mov_galeria{width:100%; margin:auto; text-align:center; margin-top:5%;}
	#imghealthy{background-color:#c0ff00; margin-top:2%; float:left; width:100%; margin:auto; }
	#imghealthy p{text-align:center; font-size:15px;}
	#img_izq{width:100%; float:left;}
	#img_der{width: 100%; float:left; margin:auto; font-family:Open Sans; margin-top:3%; font-weight:bold; margin-right:2%;}
	#healthy{width:100%;float:left; text-align:center; margin-top:1%;}
	#billetero{width:100%; text-align:center; float:left; margin-bottom:2%; margin-top:10%;}
	#iconos{ width:100%; float:left; border-bottom:1px groove #e3e3e3;}
	.textoMaq{font-size:17px;color: #04619E;text-align:center; font-family:Open Sans; font-weight:bold; width:100%;}
	#contacto {color: #ffffff; float: left; line-height: 15pt; width: 100%;}
	#cuadroDer{display:none;} 
	#cuadroP{width:100%;margin:auto; margin-top:3%; margin-bottom:3%; text-align:center;}
	#cuadroIzq{width:50%;float:left; margin:auto; text-align:center;}
	#cuadroMedio{width:50%;float:left; margin:auto;}
	#maquinas{width:100%;text-align:center;float:left;margin-top:2%;margin-bottom: 2%;}
	.texto { font-size:30px; width:90%;}
	.texto2{font-size:18px;color: #04619E;text-align:center; width:90%;}
	#logo{height:100%;float:left;width:100%;}
	#images_step{width:100%;}
	#images_step img {height:70px; width:70px;}
	#menu {background-color:#FFFFFF; font-size:13px; width:100%; margin-top:38px;}
	#encabezado{ width:100%; background-color:#FFFFFF; height:auto; float:left;}
	#encIzquierda{width:20%;float:left;}
	#encDerecha{width:70%;float:left;}
	#aboutIz{float:left;width:100%;margin-top:1%;}
	#aboutDer{float:left;width:100%;}
	#tituloVerde{width:100%; font-size:24px; color:#C0FF68;border: solid 7px #C0FF68; text-align:center; float:left; margin-bottom:1%;}
	.texto4{font-size:16px;color:#FFFFFF; text-align:left; float:left; width:100%; margin-bottom:3%;}
	#tituloProd{ width:100%; float:left; margin-bottom:2%; margin-top:2%;}
	#principal{margin:auto;height:auto;width:90%;}
	#cuadro6{float:left;width:100%;}
	#cuadro7{display:none;}
	#tituloV{width:auto; float:left; font-size:20px; width:100%; text-align:center;}
	#tituloVerde{width:100%; font-size:24px; color:#FFFFFF;border: solid 7px #FFFFFF; text-align:center; margin-bottom:1%; float:left;}
	#contenedor{width:100%;height:auto;margin:auto; margin-top:70px; float:left; background-color:#FFFFFF; background-image:none;}
	#cont_contacto{float:left;width:100%;background-color:#EFEFEF; border-radius: 5px;}
	#formulario {width:100%; float:left; margin-bottom:2%;}
	#mapa{width:100%; float:left; text-align:center; margin-bottom:2%; margin:auto;}

	#izq{width:100%; float:left;}
	#der{width:100%; float:left; padding-top:3%;}
	#mapaHome{float:left;width:100%;margin:auto;font-size:12px;}
	#mapaHome a{color: #00A1DC;}
	.foto{width:95%;margin-right:.5%;margin-bottom:2%;	border: 5px solid #00A1DC; border-radius: 4px 4px 0 0;}
	#maquinas{width:100%;float:left;margin-left:1%;}
	#img_mquinas{float:left; width:100%; height:120%;}
	#maquinastxt{float:left; width:100%;}
	#mediosmall{width:100%;}
	#medio{display:none;}
	#PregFrec{background-color:#EFEFEF;border-radius: 10px;margin-bottom:3%;width:100%;float:left;	}
	#textFrec{width:100%;float:left;margin-left:1%;color: #04619E;margin-top:2%;}
	.preg{color:#04619E; height:40px;}
	.preg2{color:#ffffff; height:50px;}
	#p_titulo {font-size:30px; color: #00A1DC;margin-bottom:1%;}
	#mediosmall{display:initial;}
}  


@media only screen and (max-width: 320px) {
	#imghealthy{background-color:#c0ff00; margin-top:2%; float:left; width:100%; margin:auto; }
	#imghealthy p{text-align:center; font-size:15px;}
	#img_izq{width:100%; float:left;}
	#img_der{width: 100%; float:left; margin:auto; font-family:Open Sans; margin-top:2%; font-weight:bold; margin-right:2%;}
	.TituloForm{font-size:25px; color:#00A1DC; width:100%;}
	.textoMaq{font-size:15px;color: #04619E;text-align:center; font-family:Open Sans; font-weight:bold; width:100%;}
	#mov_galeria{width:100%; margin:auto; text-align:center; margin-top:5%;}
	#pie{ width:100%; background-color:#000000; font-family:Open Sans; font-weight:bold;  font-size:12px; height: auto; clear:both;  float:left; border-top: 5px solid #1AAADF; margin:auto; }
	#cuadroP{width:100%;margin:auto; margin-top:3%; margin-bottom:3%; text-align:center;}
	#cuadroIzq{width:100%;float:left; margin:auto;}
	#cuadroMedio{display:none;}
	#cuadroDer{display:none;} 
	.texto { font-size:27px; width:100%;}
	.texto3{font-size:15px;color:#5C5B60;text-align:left; font-family:Open Sans; font-weight:bold; letter-spacing: 1px; line-height: 1.5em;}
	.texto2{font-size:18px;color: #04619E;text-align:center; width:100%;}
	#logo{height:100%;float:left;width:100%; margin-left:0; margin-bottom:1%;}
	#logo img{height:auto; width:52%}
	#images_step img {height:25%; width:25%}
	#menu {background-color:#FFFFFF; font-size:13px; width:100%; margin-top:38px;}
	#encIzquierda{width:100%; float:left; text-align:center;}
	#encDerecha{width:100%;float:left;}
	#encabezadomobil{width:100%; background-color:#FFFFFF; height:auto; float:left; text-align:center; display: block; border-bottom:1px solid #009ec3;}
	#encabezado{ display:none;}
	#principal{margin:auto; height:auto; width:100%; float:left;}
	#contacto{color: #CECCCC;width:100%;}
	#cuadro6{float:left;width:100%;}
	#cuadro7{display:none;}
	#aboutIz{float:left;width:100%;margin-top:1%;}
	#tituloAbout{width:93%;font-size:24px;color:#04619E;border: solid 7px #009ec3; float:left; text-align:center;}
	#aboutDer{float:left; width:auto;}
	#tituloV{width:auto; float:left; font-size:18px; width:100%; text-align:center;}
	#tituloVerde{width:93%; font-size:24px; color:#ffffff;border: solid 7px #ffffff; text-align:center; margin-bottom:1%; float:left;}
	.texto4{font-size:18px;color:#ffffff; text-align:left; float:left; width:auto; margin-bottom:5%;}
	#tituloProd{ width:100%; float:left; margin-bottom:2%; margin-top:2%;}
	#contenedor{width:100%;height:auto;margin:auto; margin-top:70px; float:left; background-color:#FFFFFF; background-image:none;}
	#productos{float:left;margin-left: 1%;margin-bottom: 1%;position: relative;display: block;height:40px;width: 70px;}
	#productos img {height:35px; width:52px;}
	#productos cite {display:none;}
	#cont_contacto{float:left;width:100%;background-color:#EFEFEF; border-radius: 5px;}
	#formulario {width:100%; float:left; margin-bottom:2%;}
	#mapa{color: #04619E;float:left;width:100%;margin:auto;margin-bottom:2%;margin-top:10%;text-align:center;}	
	#izq{width:100%; float:left;}
	#der{width:100%; float:left; padding-top:3%;}
	#mapaHome{float:left;width:100%;margin:auto;font-size:13px;text-align:center}
	#mapaHome a{color: #00A1DC; font-size: 25px;}
	.foto{width:95%;margin-bottom:2%;border: 5px solid #00A1DC; border-radius: 4px 4px 0 0;}
	#maquinas{width:100%;float:left;margin-left:1%;}
	#foto2{width:80%; float:left; text-align:center;}
	#MaqBenef{margin-top:1%;width:100%;float:left;margin-bottom:5%;}
	#PregFrec{background-color:#EFEFEF;border-radius: 10px;margin-bottom:4%;width:100%;float:left;	}
	#textFrec{width:100%;float:left;margin-left:1%;color: #04619E;margin-top:2%;}
	.preg{color:#04619E; height:40px;}
	.preg2{color:#ffffff; height:50px;}
	#p_titulo {font-size:30px; color: #00A1DC;margin-bottom:1%;}
	#healthy{width:100%;float:left;}
	#img_mquinas{float:left; width:100%; height:120%;}
	#maquinastxt{float:left; width:100%; margin-top:1%;}
	#mediosmall{display:initial;}
	#medio{display:none;}
}



header {

	background: #fff;
	width: 100%;
	height: 70px;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 5px solid #00A1DC;
	
	z-index: 100;

}

#logo{

	margin-left: 5px;
	float: left;
	width: 150px;
	height: 70px;
	background: url(images/logo1_2.jpg) no-repeat center;
	display: block;

}

nav {
	float: right;
	margin-right:2%;
	margin-top:2%;
}

#menu-icon {

	display: hidden;
	width: 40px;
	height: 40px;
	background: #4C8FEC url(images/menu-icon.png) center;

}




a:hover#menu-icon {

	background-color: #595856;
	border-radius: 4px 4px 0 0;

}

.header a {
	color:#595856;
}


.header a:hover {
	color:#FFFFFF;
	background-color: #00A1DC;
	border-radius: 4px 4px 4px 4px;
}


.header ul {

	list-style: none;

}

.header li {

	display: inline-block;
	float: left;
	padding: 10px;
	font-size:19px;

}


/*MEDIA QUERY*/
@media only screen and (max-width : 800px) {

	header {
		position: absolute;
	}

	#menu-icon {
		display:inline-block;
	}
	
	nav {

	float: right;
	padding: 10px;
	font-family:Open Sans;
	color:#000000;
	font-weight:bold;
	font-size:13px;
	
	

}

	nav ul, nav:active ul { 
		display: none;
		position: absolute;
		padding: 20px;
		background: #fff;
		border: 5px solid #444;
		right: 20px;
		top: 60px;
		width: 25%;
		border-radius: 4px 0 4px 4px;
	}

	nav li {
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
	}

	nav:hover ul {
		display: block;
	}

}