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

@font-face {
 font-family: "Helvetica";
  src: url("HelveticaNeueLTStdRoman.otf");
  
 font-family: "Helvetica2";
 src: url("HelveticaNeueLTStdHv.otf");
}

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:55%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

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

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

#looking img{width:45%; margin-top:5%; margin-bottom:5%}

p, #binetas{font-size:20px; line-height:1.3px; text-align:left; color:#fff}

#titu1{color:#fff;  font-size:2.4em; line-height:1.2; letter-spacing: 1px; font-weight:600; margin-bottom:20px}
#titu11{color:#EA0B2A; font-weight:800; font-size:2.5vw; line-height:1.2; text-align:center; margin-bottom:4% }

#txt1{color:#404042; font-family: 'Montserrat', sans-serif; font-size:25px; }
#txx{color: #FFF;  font-size: 1.7em;  font-weight: 400; margin-top:8%; margin-bottom:8%;}
#txx1{margin-top:5%; margin-bottom:2%; color:#fff;  font-size:1.7vw; font-weight:400;}

#x1{width:48%; float:left; margin-bottom:5%}
#x1 img{width:100%;}
#x2{width:48%; float:right; margin-bottom:5%}
#x2 img{width:100%;}
#x3{width:100%; float:right; margin-bottom:5%; display:none}
#x3 img{width:100%;}
#x4{width:100%; float:right; margin-bottom:6%; }
#x4 img{width:100%;}

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

#cua-1{width:100%; display:none}
#cua-1 img{width:60%;}
#cua1{width:65%; float:left; margin-top:8%; margin-bottom:8%; color:#fff;  font-size:1.5em; font-weight:400;}
#cua2{width:30%; float:right; border:0px solid #09F; margin-top:4%; margin-bottom:4%; }
#cua2 img{width:90%;}

#titu2{color:#1E1645; font-size:2.5vw; line-height:1.2; letter-spacing: 1px; font-weight:600; margin-bottom:4%; margin-top:4%;}
#ser0{width:55%; float:left; margin-top:6.5%; margin-bottom:5%; margin-left:5%; border:0px solid #000; }
#ser1{ color:#fff;  font-size:1.7vw; font-weight:400; }
#ser3{ margin-left:-10%; padding-top:1%; padding-bottom:1%;  padding-left:10%; color:#fff;  font-size:1.7vw; font-weight:400;  background:#EA0B2A}
#ser2{width:35%; float:right;  }
#ser2 img{width:100%;}
#ser22{width:100%;  display:none }
#ser22 img{width:100%;}

#s1{width:60%; float:left; margin-top:6%; margin-bottom:6%; color:#fff; }
#s2{width:30%; float:right;  }
#s2 img{width:100%;}

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

#conta1{width:50%; float:left; border:0px solid #09F; margin-top:4%; margin-bottom:4%; font-size:#FFF}
#conta2{width:45%; float:right; border:0px solid #09F; margin-top:13%; margin-bottom:4%;}

#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:#B4212C; color:#fff; font-size:20px; padding:5px 10px; border:0px; font-family: 'Montserrat', sans-serif; letter-spacing: 1px; border-radius:3px }

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



/* 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;
}



@media screen and (min-width: 800px) and (max-width: 1024px) {
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:85%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

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

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

p, #binetas{font-size:20px; line-height:1.3px; text-align:left; color:#fff}

#titu1{color:#fff;  font-size:1.9em; line-height:1.2; letter-spacing: 1px; font-weight:600; margin-bottom:20px}
#txt1{color:#404042; font-family: 'Montserrat', sans-serif; font-size:25px; }
#txx{ font-size: 1.5em;  font-weight: 400;; margin-top:5%}
#looking img{width:55%; margin-top:5%; margin-bottom:5%}

#txx1{margin-top:8%; margin-bottom:2%; color:#fff;  font-size:2.8vw; font-weight:400;}

#x1{width:100%; float:left; margin-bottom:0%; display:none}
#x1 img{width:100%;}
#x2{width:100%; float:right; margin-bottom:8%; display:none}
#x2 img{width:100%;}
#x3{width:70%; float:left; margin-left:15%; margin-bottom:8%; display:block}
#x3 img{width:100%;}

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

#cua1{width:65%; float:left; margin-top:8%; margin-bottom:8%; color:#fff; font-size: 1.3em; }
#cua2{width:30%; float:right; border:0px solid #09F; margin-top:8%; margin-bottom:4%; }
#cua2 img{width:100%;}
#cua-2 img{width:100%;}

#titu2{color:#1E1645; font-size:3vw; line-height:1.2; letter-spacing: 1px; font-weight:600; margin-bottom:4%; margin-top:4%;}
#ser0{width:90%; float:left; margin-left:5%; margin-top:8%; padding-bottom:2% }
#ser1{ color:#fff;  font-size:2.3vw; font-weight:400; }
#ser3{ margin-left:-10%; padding-top:1%; padding-bottom:1%;  padding-left:10%; color:#fff;  font-size:2.3vw; font-weight:400;  background:#EA0B2A}
#ser2{width:100%; float:right; display:none }
#ser2 img{width:100%;}
#ser22{width:100%;  display:block }
#ser22 img{width:100%;}

#titu11{color:#EA0B2A; font-weight:800; font-size:3.5vw; line-height:1.2; text-align:center }
#s1{width:100%; float:left; margin-top:2%; margin-bottom:4%; color:#fff; }
#s2{width:50%; float:left; margin-left:25%; margin-bottom:6%; }
#s2 img{width:100%;}

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

#conta1{width:50%; float:left; border:0px solid #09F; margin-top:4%; margin-bottom:4%; font-size:#FFF}
#conta2{width:45%; float:right; border:0px solid #09F; margin-top:13%; margin-bottom:4%;}

#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:#B4212C; color:#fff; font-size:20px; padding:5px 10px; border:0px; font-family: 'Montserrat', sans-serif; letter-spacing: 1px; border-radius:3px }
}



@media screen and (min-width: 600px) and (max-width: 799px) {
#contenedor1{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

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

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

p, #binetas{font-size:20px; line-height:1.3px; text-align:left; color:#fff}

#titu1{color:#fff;  font-size:1.5em; line-height:1.2; letter-spacing: 1px; font-weight:600; margin-bottom:20px}
#txt1{color:#404042; font-family: 'Montserrat', sans-serif; font-size:25px; }
#txx{ font-size: 1.4em;  font-weight: 400;}
#txx img{width:100px;}
#looking img{width:60%; margin-top:7%; margin-bottom:7%}

#txx1{margin-top:8%; margin-bottom:2%; color:#fff;  font-size:3.5vw; font-weight:400;}

#x1{width:100%; float:left; margin-bottom:0%; display:none}
#x1 img{width:100%;}
#x2{width:100%; float:right; margin-bottom:8%; display:none}
#x2 img{width:100%;}
#x3{width:100%; float:right; margin-bottom:8%; display:block}
#x3 img{width:100%;}

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

#cua-1{width:50%; display:block; margin-left:25%;}
#cua-1 img{width:60%; margin-bottom:8%; margin-left:20%}

#cua1{width:100%; float:left; margin-top:5%; margin-bottom:10%; color:#fff;   font-size:1.3em; font-weight:400; }
#cua2{width:40%; float:right; border:0px solid #09F; margin-top:4%; margin-bottom:4%;display:none }
#cua2 img{width:60%;}


#titu2{color:#1E1645; font-size:4.6vw; line-height:1.2; letter-spacing: 1px; font-weight:600; margin-bottom:4%; margin-top:4%;}
#ser0{width:90%; float:left; margin-left:5%; margin-top:9%; padding-bottom:4%; border:0px solid #000 }
#ser1{ color:#fff;  font-size:3.5vw; font-weight:400; }
#ser3{ margin-left:-10%; padding-top:1%; padding-bottom:1%;  padding-left:10%; color:#fff;  font-size:3.5vw; font-weight:400; margin:1% 0 1% -10%;  background:#EA0B2A}
#ser2{width:100%; float:right; display:none }
#ser2 img{width:100%;}
#ser22{width:100%;  display:block }
#ser22 img{width:100%;}

#titu11{color:#EA0B2A; font-weight:800; font-size:3.5vw; line-height:1.2; text-align:center }
#s1{width:100%; float:left; margin-top:2%; margin-bottom:4%; color:#fff; }
#s2{width:50%; float:left; margin-left:25%; margin-bottom:6%; }
#s2 img{width:100%;}

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

#conta1{width:100%; float:left; border:0px solid #09F; margin-top:10%; margin-bottom:5%; font-size:#FFF}
#conta2{width:100%; float:right; border:0px solid #09F; margin-top:0%; margin-bottom:8%;}

#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:#B4212C; color:#fff; font-size:20px; padding:5px 10px; border:0px; font-family: 'Montserrat', sans-serif; letter-spacing: 1px; border-radius:3px }
}


@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor1{	width:90%;	border: 0px solid #0F0;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

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

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

p, #binetas{font-size:20px; line-height:1.3px; text-align:left; color:#fff}

#titu1{color:#fff;  font-size:1.8em; line-height:1.2; letter-spacing: 1px; font-weight:600; margin-bottom:20px}
#txt1{color:#404042; font-family: 'Montserrat', sans-serif; font-size:25px; }
#txx{  font-size: 1.3em;  font-weight: 400; margin-top:8%; margin-bottom:8%}
#txx img{width:90px}
#looking img{width:90%; margin-top:8%; margin-bottom:8%}

#txx1{margin-top:8%; margin-bottom:2%; color:#fff;  font-size:3.8vw; font-weight:400;}

#x1{width:100%; float:left; margin-bottom:0%; display:none}
#x1 img{width:100%;}
#x2{width:100%; float:right; margin-bottom:8%; display:none}
#x2 img{width:100%;}
#x3{width:100%; float:right; margin-bottom:8%; display:block}
#x3 img{width:100%;}


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

#cua-1{width:50%; display:block; margin-left:25%;}
#cua-1 img{width:70%; margin-bottom:8%; margin-left:15%}

#cua1{width:100%; float:left; margin-top:5%; margin-bottom:10%; color:#fff;  font-size:1.15em; font-weight:400; }
#cua2{width:40%; float:right; border:0px solid #09F; margin-top:4%; margin-bottom:4%;display:none }
#cua2 img{width:60%;}

#titu2{color:#1E1645; font-size:1.8em; line-height:1.2; letter-spacing: 1px; font-weight:600; margin-bottom:4%; margin-top:4%;}
#ser0{width:90%; float:left; margin-left:5%; margin-top:9%; padding-bottom:4%; border:0px solid #000 }
#ser1{ color:#fff;  font-size:3.8vw; font-weight:400; }
#ser3{ margin-left:-10%; padding-top:1%; padding-bottom:1%;  padding-left:10%; color:#fff;  font-size:3.8vw; font-weight:400; margin:1% 0 1% -10%;  background:#EA0B2A}
#ser2{width:100%; float:right; display:none }
#ser2 img{width:100%;}
#ser22{width:100%;  display:block }
#ser22 img{width:100%;}

#titu11{color:#EA0B2A; font-weight:800; font-size:4vw; line-height:1.2; text-align:center }
#s1{width:100%; float:left; margin-top:2%; margin-bottom:4%; color:#fff; }
#s2{width:50%; float:left; margin-left:25%; margin-bottom:6%; }
#s2 img{width:100%;}

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

#conta1{width:100%; float:left; border:0px solid #09F; margin-top:10%; margin-bottom:5%; font-size:#FFF}
#conta2{width:100%; float:right; border:0px solid #09F; margin-top:0%; margin-bottom:8%;}

#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:#B4212C; color:#fff; font-size:20px; padding:5px 10px; border:0px; font-family: 'Montserrat', sans-serif; letter-spacing: 1px; border-radius:3px }
}


@media screen and (min-width: 320px) and (max-width: 479px) {
#contenedor1{	width:90%;	border: 0px solid #0F0;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

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

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

p, #binetas{font-size:18px; line-height:1.3px; text-align:left; color:#fff}

#titu1{color:#fff;  font-size:1.8em; line-height:1.2; letter-spacing: 1px; font-weight:600; margin-bottom:20px}
#txt1{color:#404042; font-family: 'Montserrat', sans-serif; font-size:25px; }
#txx{ font-size: 1.15em;  font-weight: 400; margin-top:8%; margin-bottom:9%}
#txx img{width:70px}
#looking img{width:90%; margin-top:8%; margin-bottom:8%}

#txx1{margin-top:8%; margin-bottom:2%; color:#fff;  font-size:4.2vw; font-weight:400;}

#x1{width:100%; float:left; margin-bottom:0%; display:none}
#x1 img{width:100%;}
#x2{width:100%; float:right; margin-bottom:8%; display:none}
#x2 img{width:100%;}
#x3{width:100%; float:right; margin-bottom:8%; display:block}
#x3 img{width:100%;}


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

#cua-1{width:50%; display:block; margin-left:25%;}
#cua-1 img{width:70%; margin-bottom:8%; margin-left:15%}

#cua1{width:100%; float:left; margin-top:5%; margin-bottom:10%; color:#fff;  font-size:1em; font-weight:400; }
#cua2{width:40%; float:right; border:0px solid #09F; margin-top:4%; margin-bottom:4%;display:none }
#cua2 img{width:60%;}

#titu2{color:#1E1645; font-size:1.8em; line-height:1.2; letter-spacing: 1px; font-weight:600; margin-bottom:4%; margin-top:4%;}
#ser0{width:90%; float:left; margin-left:5%; margin-top:9%; padding-bottom:4%; border:0px solid #000 }
#ser1{ color:#fff;  font-size:4.2vw; font-weight:400; }
#ser3{ margin-left:-10%; padding-top:1%; padding-bottom:1%;  padding-left:10%; color:#fff;  font-size:4.2vw; font-weight:400; margin:1% 0 1% -10%;  background:#EA0B2A}
#ser2{width:100%; float:right; display:none }
#ser2 img{width:100%;}
#ser22{width:100%;  display:block }
#ser22 img{width:100%;}

#titu11{color:#EA0B2A; font-weight:800; font-size:4.5vw; line-height:1.2; text-align:center }
#s1{width:100%; float:left; margin-top:2%; margin-bottom:4%; color:#fff; }
#s2{width:100%; float:left; margin-left:0%; margin-bottom:6%; }
#s2 img{width:100%;}

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

#conta1{width:100%; float:left; border:0px solid #09F; margin-top:10%; margin-bottom:5%; font-size:#FFF}
#conta2{width:100%; float:right; border:0px solid #09F; margin-top:0%; margin-bottom:8%;}

#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:#B4212C; color:#fff; font-size:20px; padding:5px 10px; border:0px; font-family: 'Montserrat', sans-serif; letter-spacing: 1px; border-radius:3px }
}