
.conte .gracias.imagen {background-image: url('../img/inscripcion/gracias.png'); width: 369px; height: 67px; margin: auto; margin-top: 170px}
.conte .gracias.texto {margin: 50px auto 0 auto; width: 450px; font-size: 14pt; text-align: center; line-height: 30px; font-weight: bold}
.conte .gracias.volver {margin: 20px auto 0 auto; width: 450px; font-size: 13pt; text-align: center; font-weight: bold}

.conte .img_celular {float: left; overflow: hidden; width: 400px; height: 299px; margin: 80px 0 0 70px}
.conte .texto_home {float: left; clear: left; width: 500px; margin: 20px 0 15px 20px; font-family: Arial; letter-spacing: 1px; font-size: 9pt; text-align:center;}

.conte .banners {height:60px; width: 510px; float:left; margin:30px 0 0 20px; overflow: hidden}
.conte .banners .banner_soccer {width: 121px; height: 42px; margin: 4px 0px 0 15px; float: left; background-image: url('../img/inicio/banners/soccer_factory.png')}
.conte .banners .banner_movart {width: 70px; height: 42px; margin: 3px 0px 0 15px; float: left; background-image: url('../img/inicio/banners/movart.png')}
.conte .banners .banner_milkit {width: 52px; height: 50px; margin: 0 0px 0 15px; float: left; background-image: url('../img/inicio/banners/milkit.png')}
.conte .banners .banner_first {width: 196px; height: 31px; margin: 10px 0px 0 15px; float: left; background-image: url('../img/inicio/banners/first.png')}


.conte .inscripcion {margin: 35px 30px 0 15px; padding-top: 20px; width: 363px; height: 479px; background-image: url('../img/inscripcion/fondo_inscripcion.png'); background-position: top center}
.conte .inscripcion {color: rgb(212,234,200); text-align: center; float: right}
.conte .inscripcion .inscribete {width: 265px; height: 67px; background-image: url('../img/inscripcion/inscribete.png');  margin: auto;}
.conte .inscripcion form {width: 310px; padding: 20px 23px 0 30px}
.conte .inscripcion form input.error {border-color: red}
.conte .inscripcion form div.error {font-size: 8pt; text-align: right; margin: 0 25px 5px 0; color: rgb(202,158,0); height: 8px}
.conte .inscripcion form div.ayuda {font-size: 9pt; text-align: right; margin: 0 25px 5px 0; font-style: italic; height: 8px; color: rgb(150,150,150); clear: both}
.conte .inscripcion form .campo {height: 50px; margin-bottom: 10px}
.conte .inscripcion form .campo.celular input {width: 118px !important; margin: 0}
.conte .inscripcion form .campo.celular span.pre {width: 28px}

.conte .inscripcion form .campo label {line-height: 26px; height: 26px; width: 90px; text-align: right; margin-right: 20px; font-size: 11pt; font-family: Arial, Verdana; float: left}
.conte .inscripcion form .campo label.marcado {font-weight: bold; }
.conte .inscripcion form .campo input, .conte .inscripcion form .campo select {color:white;  border: solid 1px rgb(149,149,149)}
.conte .inscripcion form .campo input {width: 172px; height: 21px; font-size: 11pt; background-color: transparent; background-image: url('../img/inscripcion/fondo_input.png')}
.conte .inscripcion form .campo select {width: 179px; height: 23px; font-size: 11pt; background-color: rgb(2, 27, 2)}
.conte .inscripcion form .campo input:focus, .conte .inscripcion form .campo select:focus {border-color: green}
.conte .inscripcion form .submit {margin-top: 10px; width: 132px; height: 37px;}
.conte .inscripcion form .terminos {height: 31px; font-size: 8pt; clear: both; margin-top:10px;}

/*
.conte .inscripcion form input {background-image: url(/img/inscripcion/textbox.png); background-repeat: no-repeat; border: 0; padding: 5px}
select {border: 1px solid black}
*/

.conte .cuadro.activar.error {}
.conte .cuadro.activar.error.celular {}
.conte .cuadro.activar.error.mail {}
.conte .cuadro.activar {margin-top: 100px;}
.conte .cuadro.activar .formulario {margin: auto; width: 300px}
.conte .cuadro.activar .formulario .submit { margin: 20px auto 20px auto; width: 99px; height:27px;}
.conte .cuadro.activar .formulario .campo label { width:100px; margin-right:20px; text-align:right; float:left;}



.conte .cuadro.activar {width: 500px; padding: 30px 23px 0 30px}
.conte .cuadro.activar input.error {border-color: red}
.conte .cuadro.activar div.error {font-size: 8pt; text-align: right; margin: 0 25px 5px 0; color: rgb(202,158,0); height: 8px}
.conte .cuadro.activar div.ayuda {font-size: 9pt; text-align: right; margin: 0 25px 5px 0; font-style: italic; height: 8px; color: rgb(150,150,150); clear: both}
.conte .cuadro.activar .campo {height: 50px; margin-bottom: 10px}
.conte .cuadro.activar .campo.celular input {width: 118px !important; margin: 0}
.conte .cuadro.activar .campo.celular span.pre {width: 28px}

.conte .cuadro.activar .campo label {line-height: 26px; height: 26px; width: 90px; text-align: right; margin-right: 20px; font-size: 11pt; font-family: Arial, Verdana; float: left}
.conte .cuadro.activar .campo label.marcado {font-weight: bold; }
.conte .cuadro.activar .campo input, .conte .cuadro.activar .campo select {color:white;  border: solid 1px rgb(149,149,149)}
.conte .cuadro.activar .campo input {width: 172px; height: 21px; font-size: 11pt; background-color: transparent; background-image: url('../img/inscripcion/fondo_input.png')}
.conte .cuadro.activar .campo select {width: 179px; height: 23px; font-size: 11pt; background-color: rgb(2, 27, 2)}
.conte .cuadro.activar .campo input:focus, .conte .cuadro.activar .campo select:focus {border-color: green}
.conte .cuadro.activar .submit {margin: 5px; width: 132px; height: 37px;}

