html, body {font-family: Arial, Verdana; font-size: 12pt; color:white; background-repeat: no-repeat; margin: 0; padding: 0; border: 0; background-color: rgb(2,2,2); background-image: url('../img/base/fondo.png'); background-position: bottom center; height: 100%; background-repeat: no-repeat; background-attachment: fixed}

.login_home {padding-left: 400px}
.conte {width: 1000px; margin: auto; padding-bottom: 20px; overflow: hidden}

a {color: rgb(202,158,0); text-decoration: none; border: 0}
a img {border: 0}
a:hover {text-decoration: underline}

.oculto {display: none}

.logo_goleamos {position: absolute; top: 0px; left: 15px}
.logo_goleamos img {width: 150px}

.arriba {height: 55px; background-image: url('../img/base/fondo_barra.png'); background-repeat: repeat-x; }
.arriba .barra {width: 1000px; background-image: url('../img/base/fondo_barra.png'); background-repeat: repeat-x; height: 55px; margin-left: auto; }
.arriba .barra .redes_sociales {width: 110px; height: 55px; float: right}
.arriba .barra .redes_sociales .twitter, .arriba .barra .redes_sociales .facebook {margin: 10px; cursor: pointer; width: 35px; height: 35px; display: compact; float: left}
.arriba .barra .redes_sociales .twitter {background-image: url('../img/base/twitter.png');}
.arriba .barra .redes_sociales .facebook {background-image: url('../img/base/facebook.png');}
.arriba .barra .redes_sociales .fb_compartir {float: none !important}

.arriba .login {position: absolute; top: 0; left: 170px; float: left; font-size: 10pt; height: 45px; width: 720px; color: rgb(184, 203, 182); margin-top: 8px}
.arriba .login .campo {margin: 0 10px 0 0}
.arriba .login .submit {width: 75px; height: 20px; vertical-align: middle; margin: 0 0 0 20px}
.arriba .login .campo input {color:white; border: solid 1px rgb(149,149,149); width: 175px; font-size: 9pt; background-color: transparent; background-image: url('../img/inscripcion/fondo_input.png')}
.arriba .login .olvidaste {width: 457px; text-align: right; font-size: 8pt;}
.arriba .login .olvidaste a {color: rgb(184, 203, 182);}

.conte .cuadro {margin: 30px auto 0 auto; font-size: 1pt}
.conte .cuadro .c5 {font-size: 11pt}
.conte .cuadro {color: rgb(213,235,201);}
.conte .cuadro hr {height: 0; border: dotted rgb(213,235,201); border-width: 1px 0 0 0}
.conte .cuadro .titulo {font-size: 16pt; text-transform: uppercase; margin: 0 0 20px 0; font-weight: bold}
.conte .cuadro .bajada {font-size: 10pt; margin: 0 0 20px 0}
.conte .cuadro .cambio_item {margin-top: 80px} 

.abajo {position: fixed; width: 100%; bottom: 0px; left: 0px; height: 20px; line-height: 20px; font-size: 8pt; border-width: 1px 0 0 0; border-color: black; border-style: solid; background-color: transparent; background-image: url('../img/inscripcion/fondo_input.png')}
.abajo a {color: white}
.abajo .izq {float: left}
.abajo .der {width: 1000px;  margin-left: auto; text-align: right; margin-right: 5px}
.abajo .ranking {width: 170px; border: 1px rgb(149,149,149) solid; float: left; cursor: pointer; text-align: center; text-transform: uppercase; margin: 2px 20px 0 15px; padding: 2px 0 0 2px; font-size: 8pt; line-height: 8pt; font-weight: bold; height: 12px}

.terminos.titulo {margin: 50px auto 0px auto; width:406px; vertical-align:middle;}
.faq.titulo {margin: 50px auto 0px auto; width:406px; vertical-align:middle;}
.faq.titulo .imgpreguntas {width:406px; height:47px;}
.terminos.titulo .imgterminos {width:354px; height:47px;}
.cuadro.faq, .cuadro.terminos {width:600px; margin:0 auto;}
.faq.texto .iphone {margin-left:100px; clear:both; vertical-align:top;}
.terminos.texto, .faq.texto {text-align: justify; padding: 5px 10px 5px 5px; font-size:9pt;}
.terminos.texto h1,.faq.texto h1 {font-size: 12pt; font-weight: bold}
.terminos.texto h2, .faq.texto h2 {font-size: 11pt; font-weight: bold}

.cuadro {border: 0; padding: 0; border-collapse: collapse}
.cuadro td {border: 0; margin: 0; padding: 0}
.cuadro.menosmargen {position: relative;}
.cuadro.menosmargen .contenedor {position: absolute; left: 0px; top: 0px; margin: 17px; padding: 5px; overflow: hidden}
.cuadro .c1 {background-image: url('../img/base/cuadro/c1.png'); width: 38px; height: 38px; }
.cuadro .c2 {background-image: url('../img/base/cuadro/c2.png'); height: 38px; }
.cuadro .c3 {background-image: url('../img/base/cuadro/c3.png'); width: 38px; height: 38px; }
.cuadro .c4 {background-image: url('../img/base/cuadro/c4.png'); width: 38px; }
.cuadro .c5 {background-image: url('../img/base/cuadro/c5.png'); }
.cuadro .c6 {background-image: url('../img/base/cuadro/c6.png'); width: 38px; }
.cuadro .c7 {background-image: url('../img/base/cuadro/c7.png'); width: 38px; height: 38px; }
.cuadro .c8 {background-image: url('../img/base/cuadro/c8.png'); height: 38px; }
.cuadro .c9 {background-image: url('../img/base/cuadro/c9.png'); width: 38px; height: 38px; }
.cuadro .cv1 {background-image: url('../img/base/cuadro/cv1.png'); width: 27px; height: 27px; }
.cuadro .cv2 {background-image: url('../img/base/cuadro/cv2.png'); 				height: 27px; }
.cuadro .cv3 {background-image: url('../img/base/cuadro/cv3.png'); width: 27px; height: 27px; }
.cuadro .cv4 {background-image: url('../img/base/cuadro/cv4.png'); width: 27px; }
.cuadro .cv5 {background-image: url('../img/base/cuadro/cv5.png'); }
.cuadro .cv6 {background-image: url('../img/base/cuadro/cv6.png'); width: 27px; }
.cuadro .cv7 {background-image: url('../img/base/cuadro/cv7.png'); width: 27px; height: 27px; }
.cuadro .cv8 {background-image: url('../img/base/cuadro/cv8.png'); 				height: 27px; }
.cuadro .cv9 {background-image: url('../img/base/cuadro/cv9.png'); width: 27px; height: 27px; }

.bottomUP {height: 0; position: fixed; bottom: 22px; overflow: hidden; }
.bottomUP.cuadro_ranking {width: 250px; height: 68px; margin: 2px 10px 0 4px; padding: 2px 0 0 0; left: -15px}
.bottomUP.cuadro_ranking .cuadro {width: 225px; font-size: 10pt}
.bottomUP.cuadro_ranking .cuadro img {width: 20px; height: 20px; vertical-align: middle}
.bottomUP.cuadro_publicita {width: 400px; left: 200px; margin: 2px 10px 0 4px; padding: 2px 0 0 0; }
.bottomUP.cuadro_publicita .cuadro {width: 400px; height: 350px}
.bottomUP.cuadro_publicita .campo.mensaje textarea {width: 200px; height: 70px}


.bottomUP.cuadro_publicita .cuadro.publicita.formulario .campo label {text-align:right; width:80px; float:left; margin-right:20px; color: rgb(212,234,200); font-size:10pt; line-height:23px;}
.bottomUP.cuadro_publicita .cuadro.publicita.formulario .error {color: rgb(202,158,0); font-size:8pt; width: 200px; margin: 0 0 2px 100px;}
.bottomUP.cuadro_publicita .cuadro.publicita.formulario .campo {margin-top:5px;}
.bottomUP.cuadro_publicita .cuadro.publicita.formulario .submit{ float:right; width: 99px; height:27px; margin: 10px 15px 0 0;}
.bottomUP.cuadro_publicita .cuadro.publicita.formulario .campo textarea {height:110px; width: 200px;}
.bottomUP.cuadro_publicita .cuadro.publicita.gracias .c5 {text-align:center}
.bottomUP.cuadro_publicita .cuadro.publicita.error .c5 {text-align:center}


.bottomUP.cuadro_ranking .cuadro.ranking .titulo {margin-bottom:10px; text-transform: uppercase; font-size: 10pt; font-weight: bold; text-align: center; font-family: "Arial";}
.bottomUP.cuadro_ranking .cuadro.ranking .linea {float: left; width: 180px; clear: both; border: solid rgb(20,20,20); border-width: 0 0 1px 0; height: 20px; }
.bottomUP.cuadro_ranking .cuadro.ranking .linea div {float: left; line-height: 20px}
.bottomUP.cuadro_ranking .cuadro.ranking .linea .logo {width: 20px; height: 20px}
.bottomUP.cuadro_ranking .cuadro.ranking .linea .logo img {width: 15px; height: 15px}
.bottomUP.cuadro_ranking .cuadro.ranking .linea .nombre {width: 120px; text-align: center; font-size: 9pt}
.bottomUP.cuadro_ranking .cuadro.ranking .linea .numero {width: 40px; text-align: right; font-size: 9pt; font-weight: bold}