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


body{ font-family: Arial, Helvetica, sans-serif; padding: 0px;	margin: 0px; background:#FFF }
#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; }

#logo{ width:50%; margin: 2.5% auto 0%;	overflow:hidden; border: 0px solid #F60;}	
#logo img{width:100%}

#redes{float:right; width:134; border: 0px solid #f60; margin-top:2.5%;}
#redes img{width:36px; margin-right:5PX}

p, #binetas{ font-family: Arial, Helvetica, sans-serif; font-size: calc(0.7em + 0.7vw); line-height:1.3; color:#fff; font-weight:500; letter-spacing:1.5px; text-wrap: balance; }

a.boton1{ color: #fff; background: #121212; font-size: calc(1em + 1vw); font-weight:500; padding:15px 15px; text-decoration: none; margin-top:15px; margin-bottom:30px;  border-radius:50px; font-weight:600; line-height:1}
a.boton1:hover{ color: #FFF; background:#DA0081;   text-decoration: none; border-radius:50px;	}

#separa{width: 100%; height:100px}
#separa2{width: 100%; height:50px}

#cua1{float:left; width:50%}
#cua2{float:left; width:50%}

#f1{float:left; width:25%; text-align:left; border: 0px solid #0C6; margin-top:2%; margin-bottom:2%; font-size:15px;}
#f2{float:right; width:25%; text-align:right; border: 0px solid #0C6; margin-top:2%; margin-bottom:2%; font-size:20px;}
#f1 img{width:55px}


@media screen and (min-width: 1024px) and (max-width: 1199px) {
#contenedor0{	width:100%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #000	margin: 0px auto 0px;	overflow:hidden; }

#logo{ width:50%; margin: 2.5% auto 0%;	overflow:hidden; border: 0px solid #F60;}	
#logo img{width:100%}

#redes{float:right; width:134; border: 0px solid #f60; margin-top:2.5%;}
#redes img{width:36px; margin-right:5PX}

p, #binetas{ font-family: Arial, Helvetica, sans-serif; font-size: calc(0.7em + 0.7vw); line-height:1.3; color:#fff; font-weight:500; letter-spacing:1.5px; text-wrap: balance; }

a.boton1{ color: #fff; background: #121212; font-size: calc(1em + 1vw); font-weight:500; padding:15px 15px; text-decoration: none; margin-top:15px; margin-bottom:30px;  border-radius:50px; font-weight:600; line-height:1}
a.boton1:hover{ color: #FFF; background:#DA0081;   text-decoration: none; border-radius:50px;	}

#separa{width: 100%; height:100px}
#separa2{width: 100%; height:50px}

#cua1{float:left; width:50%}
#cua2{float:left; width:50%}

#f1{float:left; width:25%; text-align:left; border: 0px solid #0C6; margin-top:2%; margin-bottom:2%; font-size:15px;}
#f2{float:right; width:25%; text-align:right; border: 0px solid #0C6; margin-top:2%; margin-bottom:2%; font-size:20px;}
#f1 img{width:55px}

}

@media screen and (min-width: 800px) and (max-width: 1023px) {
#contenedor0{	width:100%;	border: 0px solid #FFF;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #FFF;	margin: 0px auto 0px;	overflow:hidden; }

#logo{ width:65%; margin: 2.5% auto 0%;	overflow:hidden; border: 0px solid #F60;}	
#logo img{width:100%}

#redes{float:right; width:134; border: 0px solid #f60; margin-top:2.5%;}
#redes img{width:36px; margin-right:5PX}

p, #binetas{ font-family: Arial, Helvetica, sans-serif; font-size: calc(0.7em + 0.7vw); line-height:1.3; color:#fff; font-weight:500; letter-spacing:1.5px; text-wrap: balance; }

a.boton1{ color: #fff; background: #121212; font-size: calc(1em + 1vw); font-weight:500; padding:15px 15px; text-decoration: none; margin-top:15px; margin-bottom:30px;  border-radius:50px; font-weight:600; line-height:1}
a.boton1:hover{ color: #FFF; background:#DA0081;   text-decoration: none; border-radius:50px;	}

#separa{width: 100%; height:100px}
#separa2{width: 100%; height:30px}

#cua1{float:left; width:50%}
#cua2{float:left; width:50%}

#f1{float:left; width:25%; text-align:left; border: 0px solid #0C6; margin-top:2%; margin-bottom:2%; font-size:15px;}
#f2{float:right; width:25%; text-align:right; border: 0px solid #0C6; margin-top:2%; margin-bottom:2%; font-size:20px;}
#f1 img{width:55px}

}


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

#logo{ width:80%; margin: 2.5% auto 0%;	overflow:hidden; border: 0px solid #F60;}	
#logo img{width:100%}

#redes{float:right; width:134; border: 0px solid #f60; margin-top:2.5%;}
#redes img{width:36px; margin-right:5PX}

p, #binetas{ font-family: Arial, Helvetica, sans-serif; font-size: calc(0.7em + 0.7vw); line-height:1.3; color:#fff; font-weight:500; letter-spacing:1.5px; text-wrap: balance; }

a.boton1{ color: #fff; background: #121212; font-size: calc(1em + 1vw); font-weight:500; padding:15px 15px; text-decoration: none; margin-top:15px; margin-bottom:30px;  border-radius:50px; font-weight:600; line-height:1}
a.boton1:hover{ color: #FFF; background:#DA0081;   text-decoration: none; border-radius:50px;	}

#separa{width: 100%; height:100px}
#separa2{width: 100%; height:30px}

#cua1{float:left; width:50%}
#cua2{float:left; width:50%}

#f1{float:left; width:50%; text-align:left; border: 0px solid #0C6; margin-top:4%; margin-bottom:2%; font-size:15px;}
#f2{float:right; width:50%; text-align:right; border: 0px solid #0C6; margin-top:2%; margin-bottom:2%; font-size:16px;}
#f1 img{width:45px}
#f2 img{width:85px}
}


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

#logo{ width:90%; margin: 2.5% auto 0%;	overflow:hidden; border: 0px solid #F60;}	
#logo img{width:100%}

#redes{float:right; width:134; border: 0px solid #f60; margin-top:2.5%;}
#redes img{width:36px; margin-right:5PX}

p, #binetas{ font-family: Arial, Helvetica, sans-serif; font-size: calc(0.7em + 0.7vw); line-height:1.3; color:#fff; font-weight:500; letter-spacing:1.5px; text-wrap: balance; }

a.boton1{ color: #fff; background: #121212; font-size: calc(1em + 1vw); font-weight:500; padding:15px 15px; text-decoration: none; margin-top:15px; margin-bottom:30px;  border-radius:50px; font-weight:600; line-height:1}
a.boton1:hover{ color: #FFF; background:#DA0081;   text-decoration: none; border-radius:50px;	}

#separa{width: 100%; height:100px}
#separa2{width: 100%; height:30px}

#cua1{float:left; width:50%}
#cua2{float:left; width:50%}

#f1{float:left; width:50%; text-align:left; border: 0px solid #0C6; margin-top:4%; margin-bottom:2%; font-size:15px;}
#f2{float:right; width:50%; text-align:right; border: 0px solid #0C6; margin-top:2%; margin-bottom:2%; font-size:16px;}
#f1 img{width:45px}
#f2 img{width:75px}
}


@media screen and (min-width: 320px) and (max-width: 479px) {
#contenedor0{	width:100%;	border: 0px solid #FFF;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:95%;	border: 0px solid #FFF;	margin: 0px auto 0px;	overflow:hidden; }

#logo{ width:80%; margin: 2% auto 0%;	overflow:hidden; border: 0px solid #F60;}	
#logo img{width:100%}

#redes{float:right; width:134; border: 0px solid #f60; margin-top:2.5%;}
#redes img{width:36px; margin-right:5PX}

p, #binetas{ font-family: Arial, Helvetica, sans-serif; font-size: calc(0.7em + 0.7vw); line-height:1.3; color:#fff; font-weight:500; letter-spacing:1.5px; text-wrap: balance; }

a.boton1{ color: #fff; background: #121212; font-size: calc(1em + 1vw); font-weight:500; padding:15px 15px; text-decoration: none; margin-top:15px; margin-bottom:30px;  border-radius:50px; font-weight:600; line-height:1}
a.boton1:hover{ color: #FFF; background:#DA0081;   text-decoration: none; border-radius:50px;	}

#separa{width: 100%; height:100px}
#separa2{width: 100%; height:15px}

#cua1{float:left; width:50%}
#cua2{float:left; width:50%}

#f1{float:left; width:50%; text-align:left; border: 0px solid #0C6; margin-top:4%; margin-bottom:2%; font-size:15px;}
#f2{float:right; width:50%; text-align:right; border: 0px solid #0C6; margin-top:2%; margin-bottom:2%; font-size:16px;}
#f1 img{width:45px}
#f2 img{width:75px}
}