@charset "utf-8";
/* CSS Document */

/* GENERALES */
*,
*:before,
*:after{box-sizing:border-box}

body{
font-family:'Open Sans', sans-serif;
font-weight:300;
font-size:calc(16px + (22 - 18) * ((100vw - 300px) / (1600 - 300)));
background-color:#000;
color:#fff;
padding:0;
margin:0}

img{max-width:100%;height:auto}
a:link, a:visited, a:active{color:#fff; text-decoration:none;}

a.en2:link, a.en2:visited, a.en2:active{color:#cc99ff;}
a.en2:hover{text-decoration:underline;}

h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-family:'Arvo', serif; font-weight:400}

h1{text-align:center; padding-top:2rem}

header{
background-image:url(../img/presentacion_extralarge.jpg);
background-position:top;
background-repeat:no-repeat;
height:100vh;
display:flex;
justify-content:center;
align-items:center
}

.centro{text-align:center}

section{padding:0; margin:0}

.seccion_1{background-color:#2e0f4d; padding:2rem 0}

.seccion_2{
margin-top:2rem;
background-image:url(../img/fondo_sexxx_extralarge.gif);
background-repeat:no-repeat;
background-position:center}
	
.sec1, .sec2, .sec3{
padding:0;
max-width:1400px;
margin:auto;	
display:flex;
flex-wrap:wrap;
justify-content:space-between}

.sec1A{max-width:1400px; margin:auto; padding-top:2rem; text-align:center}

.sec1Img{width:30%; margin:1rem}
	
.sec2Texto, .sec2Img, .sec3Texto, .sec3Img{width:50%; padding:.8rem}
.sec2Texto{display:flex; justify-content:center; align-items:center}
.sec1Img img, .sec2Img img, .sec3Img img{display:block}
.seccion_3{background-color:#000}
.sec2Texto, .sec3Texto{display:flex; justify-content:center; align-items:center}

.textos{max-width:600px; width:90%; margin:auto; text-align:left; padding:1rem; font-size:90%}
.inicio{text-align:center; background-color:rgba(255,255,255,.4); padding:1rem 0; margin:1.5rem 0}
.textos h1{padding:5rem 0}
.textos h3{padding:.8rem}

footer{text-align:center; padding:1rem 0; font-size:80%}

footer ul{list-style:none; width:100%; margin:0; padding:1rem 0}
footer li{margin:0; padding:0 .8rem; text-align:center; border-right:1px solid #fff; display:inline}
footer li a{color:#9933ff}
footer li:last-child{border-right:none}

/* Textos Legales */
#cab_legal,#footer_legal{text-align:center; margin:0; padding:1rem 0}
#textos_legales{max-width:900px;width:90%;margin:auto;line-height:1.3;text-align:left}
#carta_pago{text-align:center; padding:0; font-size:0.8em; width:100%}

.caja_centro{width:96%; overflow: hidden; margin:auto; padding:0;}

.cp_izq{float:left; width:41%; text-align:left;  font-size: 0.8em; font-weight: bold;}
.cp_der{float:right; width:49%; text-align:right;  font-size: 0.8em; font-weight: bold;}

#textos_legales h1, #textos_legales h2, #textos_legales h3{color:#FFF; font-family:'Roboto', sans-serif}
#textos_legales h1{font-size:1.8em; font-weight:500; margin:1.5rem 0; text-align:center}
#textos_legales h2{font-size:1.5em; font-weight:300; margin:1em 0 .5rem 0}
#textos_legales h3{font-weight:300; margin:.5rem 0; text-transform:lowercase}

.textizqu{text-align:left; width:95%; margin:auto; font-size:0.7em; font-weight:bold}

#textos_legales ul{margin:1rem auto; padding:0; width:90%; list-style-type:circle}
#textos_legales li{padding:.5rem 0}

table.estiloTabla{border:1px solid #666; width:100%; margin:0 0 50px 0; font-size:1rem}
.estiloTabla th{background:#666; padding:5px; text-align:center}
.estiloTabla td{border-bottom:1px solid #666; padding:5px; text-align:center}
.estiloTabla tr:last-child td{border:0}

.en_inicio{padding:1.5rem 0; text-align:center; background-color:#333}
/* Fin Textos Legales */

/* BOTONES */
.btn{text-align:center; width:25%; padding:.5rem; margin:1.5rem auto 0 auto; border:1px solid #FFF}
a.en1:link, a.en1:visited, a.en1:active{color:#FFF}
a.en1:hover{color:#9F0; text-decoration:none}


@media only screen and (min-width:320px) and (max-width:479px){
header{background-image:url(../img/presentacion_small.jpg)}
.seccion_2{background-image:none}
.sec1Img{width:50%; margin:0; padding:.3rem}
.sec2Img{background-image:url(../img/fondo_sexxx_small.gif); background-repeat:no-repeat; background-position:center}

.sec2Texto, .sec2Img, .sec3Texto, .sec3Img{padding:.8rem}
.btn{width:40%}

.sec2Texto, .sec2Img, .sec3Texto, .sec3Img{width:100%; padding:.8rem}

footer li{padding:.5rem 0; border-bottom:1px solid #fff; border-right:0; display:block; width:80%; margin:auto}
footer li:last-child{border-bottom:none}
}
	
	
@media only screen and (min-width:480px) and (max-width:799px){
header{background-image:url(../img/presentacion_medium.jpg)}
.seccion_2{background-image:url(../img/fondo_sexxx_medium.gif)}
h2{text-align:center}

.sec1Img{width:50%; margin:0; padding:.5rem}
.sec2Texto, .sec2Img, .sec3Texto, .sec3Img{padding:.8rem}
.btn{width:40%}
}
	
	
@media only screen and (min-width:800px) and (max-width:2000px){
header{background-image:url(../img/presentacion_large.jpg)}
.seccion_2{background-image:url(../img/fondo_sexxx_large.gif)}
.sec1Img{width:33%; margin:0; padding:.5rem}
}