@charset "utf-8";
/* CSS Document  font-family: 'Rubik', sans-serif; */

body{ font-family: 'Montserrat', sans-serif; padding: 0px;	margin: 0px; }
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:75%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor4{	width:60%;	border: 0px solid #F60;	margin: 100px auto 0px;	overflow:hidden; }


#hea{height:; width:100%; background:#fff}
#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:#fff}

#logo{float:left; width:300px; border: 0px solid #f60;  margin-bottom:30PX; margin-top:30PX;}	
#logo img{width:100%}

#redes{float:right; width:201px; margin-top:15px}
#redes img{width:40px; }

p{font-size:22px; line-height:1.3; text-align:; color:#000100}
#binetas{font-size:22px; line-height:1.3; text-align:left; color:#232323; margin-left:-15px}

#titu1{color:#000100;  font-size:35PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
#titu2{color:#000100;  font-size:25PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}

a{ color: #232323;	text-decoration: none;	}
a:hover{ color:#127C09;    text-decoration: none;	}

#cua1{width:45%; float:left;  }
#cua2{width:45%; float:right; margin-right:5%; margin-left:5%;  }
#cua2 img{width:100%; margin-bottom:15px;}

#f4{float:left; width:30%; text-align:left; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px;  font-family: 'Montserrat', sans-serif;  font-size:18px;}
#f5{float:left; width:40%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px; font-family: 'Montserrat', sans-serif;  font-size:18px;}
#f5 img{ height:40px; margin-top:-15px}
#f6{float:left; width:30%; text-align:right; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px; font-family: 'Montserrat', sans-serif;  font-size:18px;}

#conta1{width:50%; float:left;  margin-bottom:%; font-size:#232323; font-weight:500; font-size:22px; line-height:1.5}
#conta2{width:45%; float:right;  margin-bottom:%;}
#conta2 img{width:100PX; text-align:center}

#cont1{height:35px; background:#FFF; width:96%; border:0px; margin-bottom:10PX; color:#666; font-size:15px; border-radius:2px}
#cont2{height:120px; background:#FFF; width:96%; border:0px;  color:#666; font-size:15px; border-radius:2px}
#bot{background:#f00; color:#fff; font-size:20px; padding:5px 10px; border:0px; font-family: 'Montserrat', sans-serif;  border-radius:3px; font-weight:600 }

#separador{height:60px; width:100%;}
#separador2{height:30px; width:100%;}

#botonRead{width:150px}
#producto1{width:30%; float:left; padding:0 1.5%; border:0px solid #0F6}
#mezca-l{width:35%; }
#titu2{color:#000100;  font-size:20PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}


#mezca1{width:35%; float:left; text-align:center }
#mezca1 img{width:35%; text-align:center; margin:5% 0 }
#mezca2{width:55%; float:right;  margin-bottom:%;}

a.botones1{font-family: 'Montserrat', sans-serif;  font-weight:600; font-size:30px; color:#232323; border:2px solid #232323; width:400px; line-height:2; text-align:center;  padding:1.5% 2%; }
a.botones1:hover{ color:#960; border:2px solid #960; }

/* a partir de aqui el CSS de las animaciones */

@keyframes anim-fade-in { from { opacity: 0; } to { opacity: 1 } }

@keyframes anim-up { 
	from { opacity: 0; transform: translateY(100px); } 
	to { opacity: 1; transform: translateY(0px); }  
}		

@keyframes anim-down { 
	from { opacity: 0; transform: translateY(-100px); } 
	to { opacity: 1; transform: translateY(0px); }  
}		

@keyframes anim-left { 
	from { opacity: 0; transform: translateX(100px); } 
	to { opacity: 1; transform: translateX(0px); }  
}		

@keyframes anim-right { 
	from { opacity: 0; transform: translateX(-100px); } 
	to { opacity: 1; transform: translateX(0px); }  
}
.anim-up, .anim-down, .anim-left, .anim-right, .anim-fade-in {
	animation-duration: 1s; /* la animacion dura X segundos */
	animation-delay: 0.5s; /* esperamos X segundos antes de hacer la animacion */			
	animation-fill-mode: both; /* aplica estilos de la animacion antes y despues de reproducirla */
}

.anim-up { animation-name: anim-up; }
.anim-down { animation-name: anim-down; }
.anim-left { animation-name: anim-left; }
.anim-right { animation-name: anim-right; }
.anim-fade-in { animation-name: anim-fade-in; }

.anim-pause-2 { animation-delay: 1s; } /* la animacion empieza en 2 seg. */		
.anim-pause-3 { animation-delay: 3s; } /* la animacion empieza en 3 seg. */
.anim-pause-4 { animation-delay: 4s; } /* la animacion empieza en 4 seg. */
.anim-pause-5 { animation-delay: 5s; } /* la animacion empieza en 5 seg. */

/* todas las animaciones pausadas */
.paused * { 
	animation-play-state: paused;
}

#cuaa1{width:50%; float:left;  }
#cuaa2{width:45%; float:right;  }

/* CSS Carrusel */
.carru{margin-top:0px}
#carrusel		  {	border:0px solid #000; height:204px;	}
#bg_carrusel 	  { width:100%; height:223px;}
#carrusell 		  { width:100%; height:223px; border:0px solid #000000; margin:0px auto; }
.list_carousel 	  {margin:0px 0 0px 0px;	width: 100%px; text-align:center;}
.list_carousel ul {margin: 0; padding: 0; list-style: none;	display: block;}
.list_carousel li {width: 319px; height: 223px;	padding: 0;	margin: 0px; margin-left:10px; display: block; float: left; border:0px solid #000;}

.list_carousel li img{width: 100%;}

#VID{width:17.5%; padding:1%}


@media screen and (min-width: 1024px) and (max-width: 1199px) {
body{ font-family: 'Montserrat', sans-serif; padding: 0px;	margin: 0px; }
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{float:left; width:242px; border: 0px solid #f60;  margin-bottom:30PX; margin-top:30PX;}	

p{font-size:20px; line-height:1.2; text-align:; color:#000100}
#binetas{font-size:22px; line-height:1.2; text-align:left; color:#232323; margin-left:-15px}

#titu1{color:#000100;  font-size:32PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
#titu2{color:#000100;  font-size:20PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}

#botonRead{width:140px; text-align:center; margin-top:10px}
#producto1{width:30%; float:left; padding:0 1.5%; border:0px solid #0F6}
#mezca-l{width:35%; }
#titu2{color:#000100;  font-size:20PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}

#mezca1{width:35%; float:left; text-align:center }
#mezca1 img{width:35%; text-align:center; margin:5% 0 }
#mezca2{width:55%; float:right;  margin-bottom:%;}


#separador{height:60px; width:100%;}
#separador2{height:30px; width:100%;}


}

@media screen and (min-width: 800px) and (max-width: 1024px) {
body{ font-family: 'Montserrat', sans-serif; padding: 0px;	margin: 0px; }
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #F00;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{float:left; width:200px; border: 0px solid #f60;  margin-bottom:30PX; margin-top:30PX;}	

p{font-size:18px; line-height:1.2; text-align:; color:#000100}
#binetas{font-size:22px; line-height:1.2; text-align:left; color:#232323; margin-left:-15px}

#titu1{color:#000100;  font-size:29PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
#titu2{color:#000100;  font-size:18PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}

#botonRead{width:140px; text-align:center; margin-top:10px}
#producto1{width:30%; float:left; padding:0 1.5%; border:0px solid #0F6}
#mezca-l{width:35%; margin-bottom:15px }
#titu2{color:#000100;  font-size:20PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}

#mezca1{width:30%; float:left; text-align:center }
#mezca1 img{width:60%; text-align:center; margin:5% 0 }
#mezca2{width:65%; float:right;  margin-bottom:%;}

#separador{height:60px; width:100%;}
#separador2{height:30px; width:100%;}


}

@media screen and (min-width: 600px) and (max-width: 799px) {
body{ font-family: 'Montserrat', sans-serif; padding: 0px;	margin: 0px; }
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #C0F;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{float:left; width:200px; border: 0px solid #f60;  margin-bottom:30PX; margin-top:30PX;}	

p{font-size:17px; line-height:1.2; text-align:; color:#000100}
#binetas{font-size:22px; line-height:1.2; text-align:left; color:#232323; margin-left:-15px}

#titu1{color:#000100;  font-size:26PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
#titu2{color:#000100;  font-size:18PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}

#botonRead{width:125px; text-align:center; margin-top:10px}
#producto1{width:47%; float:left; padding:0 1.5%; border:0px solid #0F6; margin-bottom:20PX}
#mezca-l{width:35%; margin-bottom:15px }

#mezca1{width:40%; float:left; margin-left:30%; margin-bottom:20PX; text-align:center }
#mezca1 img{width:60%; text-align:center; margin:5% 0 }
#mezca2{width:100%; float:right;  margin-bottom:%;}

#conta1{width:100%; float:left;  margin-bottom:%; font-size:#232323; font-weight:500; font-size:22px; line-height:1.5}
#conta2{width:100%; float:right;  margin-bottom:%;}
#conta2 img{width:100PX; text-align:center}

#f4{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px;  font-family: 'Montserrat', sans-serif;  font-size:18px;}
#f5{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:17px; font-family: 'Montserrat', sans-serif;  font-size:18px;}
#f5 img{ height:40px; margin-top:-15px}
#f6{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px; font-family: 'Montserrat', sans-serif;  font-size:18px;}

#separador{height:45px; width:100%;}
#separador2{height:30px; width:100%;}

#VID{width:30.5%; padding:1%}


#cuaa1{width:100%; float:left;  }
#cuaa2{width:100%; float:right; margin-top:25px  }

}


@media screen and (min-width: 480px) and (max-width: 599px) {
body{ font-family: 'Montserrat', sans-serif; padding: 0px;	margin: 0px; }
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #39C;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor4{	width:90%;	border: 0px solid #F60;	margin: 100px auto 0px;	overflow:hidden; }

#logo{float:left; width:200px; border: 0px solid #f60;  margin-bottom:30PX; margin-top:30PX;}	

p{font-size:17px; line-height:1.2; text-align:; color:#000100}
#binetas{font-size:22px; line-height:1.2; text-align:left; color:#232323; margin-left:-15px}

#titu1{color:#000100;  font-size:23PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
#titu2{color:#000100;  font-size:18PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}

#botonRead{width:125px; text-align:center; margin-top:10px}
#producto1{width:47%; float:left; padding:0 1.5%; border:0px solid #0F6; margin-bottom:20PX}
#mezca-l{width:35%; margin-bottom:15px }

#mezca1{width:40%; float:left; margin-left:30%; margin-bottom:20PX; text-align:center }
#mezca1 img{width:60%; text-align:center; margin:5% 0 }
#mezca2{width:100%; float:right;  margin-bottom:%;}

#conta1{width:100%; float:left;  margin-bottom:%; font-size:#232323; font-weight:500; font-size:22px; line-height:1.5}
#conta2{width:100%; float:right;  margin-bottom:%;}
#conta2 img{width:100PX; text-align:center}

#f4{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px;  font-family: 'Montserrat', sans-serif;  font-size:18px;}
#f5{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:17px; font-family: 'Montserrat', sans-serif;  font-size:18px;}
#f5 img{ height:40px; margin-top:-15px}
#f6{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px; font-family: 'Montserrat', sans-serif;  font-size:18px;}

a.botones1{font-family: 'Montserrat', sans-serif;  font-weight:600; font-size:25px; color:#232323; border:2px solid #232323; width:400px; line-height:2; text-align:center;  padding:1.5% 2%; }
a.botones1:hover{ color:#960; border:2px solid #960; }

#separador{height:45px; width:100%;}
#separador2{height:20px; width:100%;}

#VID{width:30.5%; padding:1%}

#cuaa1{width:100%; float:left;  }
#cuaa2{width:100%; float:right; margin-top:25px  }
}


@media screen and (min-width: 320px) and (max-width: 479px) {
body{ font-family: 'Montserrat', sans-serif; padding: 0px;	margin: 0px; }
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #39C;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }


#logo{float:none; width:200px; border: 0px solid #f60; margin: 20px auto 0px; overflow:hidden; }

#redes{float:left; width:201px; margin-top:15px; margin-bottom:20px}
#redes img{width:40px; }

p{font-size:16px; line-height:1.2; text-align:; color:#000100}
#binetas{font-size:22px; line-height:1.2; text-align:left; color:#232323; margin-left:-15px}

#titu1{color:#000100;  font-size:21PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
#titu2{color:#000100;  font-size:18PX; line-height:1.2;  font-weight:700; margin-bottom:20px; font-family: 'Montserrat', sans-serif;}

#botonRead{width:115px; text-align:center; margin-top:10px}
#producto1{width:97%; float:left; padding:0 1.5%; border:0px solid #0F6; margin-bottom:20PX}
#mezca-l{width:30%; margin-bottom:15px }

#mezca1{width:60%; float:left; margin-left:20%; margin-bottom:20PX; text-align:center }
#mezca1 img{width:60%; text-align:center; margin:5% 0 }
#mezca2{width:100%; float:right;  margin-bottom:%;}

#conta1{width:100%; float:left;  margin-bottom:%; font-size:#232323; font-weight:500; font-size:22px; line-height:1.5}
#conta2{width:100%; float:right;  margin-bottom:%;}
#conta2 img{width:100PX; text-align:center}

#f4{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px;  font-family: 'Montserrat', sans-serif;  font-size:18px;}
#f5{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:17px; font-family: 'Montserrat', sans-serif;  font-size:18px;}
#f5 img{ height:40px; margin-top:-15px}
#f6{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10PX; margin-bottom:20px; font-family: 'Montserrat', sans-serif;  font-size:18px;}

a.botones1{font-family: 'Montserrat', sans-serif;  font-weight:600; font-size:21px; color:#232323; border:2px solid #232323; width:400px; line-height:2; text-align:center;  padding:3% 4%; }
a.botones1:hover{ color:#960; border:2px solid #960; }

#separador{height:35px; width:100%;}
#separador2{height:20px; width:100%;}

#VID{width:30.5%; padding:1%}

#cuaa1{width:100%; float:left;  }
#cuaa2{width:100%; float:right; margin-top:25px  }
}