@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}

#bt0{ height:45px;  width:100%;    background-color: orange;  display:flex; /* declaras que vas a usar flexbox*/    justify-content: center; /* centrado horizontal*/
    align-items: center; /* centrado vertical */ margin-top:5%; margin-bottom:5%}
.bt1 a{height: 40px;  width: 300px; padding: 10px; text-align: center; color: #fff; font-size:25px; line-height:1; font-weight:500; text-decoration:none; border:2px solid #fff;}
.bt2 a{height: 40px;  width: 300px; padding: 10px; margin:0 10px; text-align: center; color: #fff; font-size:25px; line-height:1; font-weight:500; text-decoration:none; border:2px solid #fff;}
.bt3 a{height: 40px;  width: 300px; padding: 10px; text-align: center; color: #fff; font-size:25px; line-height:1; font-weight:500; text-decoration:none; border:2px solid #E6007F; background:#E6007F}

.bt1 a:hover{ color: #000;  border:2px solid #000; }
.bt2 a:hover{ color: #000;  border:2px solid #000; }
.bt3 a:hover{ color: #fff;  background:#000; border:2px solid #000 }


@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: 2px 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}

#bt0{ height:45px;  width:100%;    background-color: orange;  display:flex; /* declaras que vas a usar flexbox*/    justify-content: center; /* centrado horizontal*/
    align-items: center; /* centrado vertical */ margin-top:5%; margin-bottom:5%}
.bt1 a{height: 40px;  width: 300px; padding: 10px; text-align: center; color: #fff; font-size:19.5px; line-height:1; font-weight:500; text-decoration:none; border:2px solid #fff;}
.bt2 a{height: 40px;  width: 300px; padding: 10px; margin:0 10px; text-align: center; color: #fff; font-size:19.5px; line-height:1; font-weight:500; text-decoration:none; border:2px solid #fff;}
.bt3 a{height: 40px;  width: 300px; padding: 10px; text-align: center; color: #fff; font-size:19.5px; line-height:1; font-weight:500; text-decoration:none; border:2px solid #E6007F; background:#E6007F}

.bt1 a:hover{ color: #000;  border:2px solid #000; }
.bt2 a:hover{ color: #000;  border:2px solid #000; }
.bt3 a:hover{ color: #fff;  background:#000; border:2px solid #000 }

}


@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}

#bt0{ height:45px;  width:100%;    background-color: orange;  display:flex; /* declaras que vas a usar flexbox*/    justify-content: center; /* centrado horizontal*/
    align-items: center; /* centrado vertical */ margin-top:5%; margin-bottom:5%}
.bt1 a{height: 40px;  width: 300px; padding: 10px; text-align: center; color: #fff; font-size:14.5px; line-height:1; font-weight:500; text-decoration:none; border:2px solid #fff;}
.bt2 a{height: 40px;  width: 300px; padding: 10px; margin:0 10px; text-align: center; color: #fff; font-size:14.5px; line-height:1; font-weight:500; text-decoration:none; border:2px solid #fff;}
.bt3 a{height: 40px;  width: 300px; padding: 10px; text-align: center; color: #fff; font-size:14.5px; line-height:1; font-weight:500; text-decoration:none; border:2px solid #E6007F; background:#E6007F}

.bt1 a:hover{ color: #000;  border:2px solid #000; }
.bt2 a:hover{ color: #000;  border:2px solid #000; }
.bt3 a:hover{ color: #fff;  background:#000; border:2px solid #000 }


}


@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}


#bt0{ height:102px;  width:100%;    background-color:#F09228;  display:block; /* declaras que vas a usar flexbox*/    justify-content: center; /* centrado horizontal*/
    align-items: center; /* centrado vertical */ margin-top:5%; margin-bottom:5%}
.bt1 a{height: 16px;  width: 35%; margin-left:5%;  text-align: center; color: #fff; font-size:16px; line-height:1; font-weight:500; text-decoration:none; border:2px solid #fff; float:left}
.bt2 a{height: 16px;  width: 42%; padding-left:1%; text-align: center; color: #fff; font-size:16px; line-height:1; font-weight:500; text-decoration:none; border:2px solid #fff; float:left}
.bt3 a{height: 16px;  width: 20%;  text-align: center; color: #fff; font-size:16px; line-height:1; font-weight:500; text-decoration:none; border:2px solid #E6007F; background:#E6007F; float:left; margin-top:20px; margin-left:40%;}

.bt1 a:hover{ color: #000;  border:2px solid #000; }
.bt2 a:hover{ color: #000;  border:2px solid #000; }
.bt3 a:hover{ color: #fff;  background:#000; border:2px solid #000 }


}