html {
padding: 0;
margin: 0;
}
body {
margin: 0;
padding: 0;
font-size:62.5%;
font-family: Verdana, Arial, sans-serif;
background: #9ac1e2 url(../img/fondo-color.png);
text-align: center;
color: #5a5a5a;
}
/* ============ TAGS GLOBALES ============ */
img {border: 0;}
ul, ol, li, dl, dt, dd {
list-style-type: none;
margin: 0;
padding: 0;
}
a { text-decoration: none; outline: none; }
h1,h2,h3,h4,h5,h6 {padding: 0; margin: 0;}
form,fieldset,label,input {padding: 0;margin: 0;}
fieldset {border: 0;}
p {margin: 1em 0;}
.hidden, .invisible {display: none;}
.clear {clear: both; background: }
.division, .divisionc, .divisiong, .divisioncol {display: block; padding: 8px 0; height: 1px; line-height: 1px; font-size: 1px; background: url(../img/punteado-hor.gif) repeat-x 0 8px; }
.divisionc {padding: 3px 0; background-position: 0 3px; clear: both; }
.divisiong {padding: 15px 0; background-position: 0 15px; }
.divisioncol {background-image: url(../img/punteado-hor-col.gif); }
/* ============ ORGANIZACION ESTRUCTURAL ============ */
#top {width: 770px; text-align: left; background: url(../img/fondo-top.png) no-repeat; margin: 15px auto 0 auto; padding-top: 18px;}
.compra #top {background-image: url(../img/fondo-top-c.png); height: 108px; }
#top h1 {width: 271px; height: 75px; text-indent: -9000px; background: url(../img/titulo.png) no-repeat; margin-left: 34px; }
#top ul {width: 770px; height: 59px; background: url(../img/fondo-botonera.png) no-repeat; }
.af #top ul {background-image: url(../img/fondo-botonera-af.png); }
#top li {display: block; float: left; }
#top li a {display: block; text-indent: -9000px; height: 16px; padding-top: 9px; background-image: url(../img/botones_es.png); background-repeat: no-repeat; }
.af #top li a {background-image: url(../img/botones-af.png); }
.po #top li a {background-image: url(../img/botones_po.png); }
.en #top li a {background-image: url(../img/botones_en.png); }
#top #btn1 a {margin-left: 27px; width: 77px; background-position: 10px 0;} #top #btn1 a:hover {background-position: 10px -25px;}
#top #btn2 a {width: 85px; background-position: -67px 0;} #top #btn2 a:hover {background-position: -67px -25px;}
#top #btn3 a {width: 104px; background-position: -153px 0;} #top #btn3 a:hover {background-position: -153px -25px;}
#top #btn4 a {width: 87px; background-position: -257px 0;} #top #btn4 a:hover {background-position: -257px -25px;}
#top #btn5 a {width: 114px; background-position: -344px 0;} #top #btn5 a:hover {background-position: -344px -25px;}
#top #btn6 a {width: 89px; background-position: -458px 0;} #top #btn6 a:hover {background-position: -458px -25px;}
#top #btn7 a {width: 59px; background-position: -547px 0;} #top #btn7 a:hover {background-position: -547px -25px;}
#top #btn8 a {width: 83px; background-position: -606px 0;} #top #btn8 a:hover {background-position: -606px -25px;}#top #btn1 a {margin-left: 27px; width: 77px; background-position: 10px 0;} #top #btn1 a:hover {background-position: 10px -25px;}
.af #top #btn1 a {margin-left: 41px; width: 53px; background-position: 0 0; } .af #top #btn1 a:hover {background-position: 0 -25px;}
.af #top #btn2 a {margin-left: 37px; width: 31px; background-position: -53px 0;} .af #top #btn2 a:hover {background-position: -53px -25px;}
.af #top #btn3 a {margin-left: 42px; width: 62px; background-position: -84px 0;} .af #top #btn3 a:hover {background-position: -84px -25px;}
.af #top #btn4 a {margin-left: 42px; width: 42px; background-position: -146px 0;} .af #top #btn4 a:hover {background-position: -146px -25px;}
.af #top #btn5 a {margin-left: 41px; width: 52px; background-position: -188px 0;} .af #top #btn5 a:hover {background-position: -188px -25px;}
.af #top #btn6 a {margin-left: 42px; width: 33px; background-position: -240px 0;} .af #top #btn6 a:hover {background-position: -240px -25px;}
.af #top #btn7 a {margin-left: 46px; width: 40px; background-position: -273px 0;} .af #top #btn7 a:hover {background-position: -273px -25px;}
.af #top #btn8 a {margin-left: 39px; width: 70px; background-position: -313px 0;} .af #top #btn8 a:hover {background-position: -313px -25px;}
#wrapper {width: 770px; text-align: left; background: url(../img/fondo-wrapper.png) repeat-y; margin: 0 auto; overflow: hidden; position: relative; }
.compra #wrapper {background-image: url(../img/fondo-wrapper-2.png); }
#contenido {width: 485px; float: left; background: url(../img/fondo-contenido.png) no-repeat; padding: 21px 40px 0 50px; position: relative; font-size: 11px; }
.compra #contenido {background-image: url(../img/fondo-contenido-2.png); }
#contenido h3 {font-size: 11px; color: #d1dff3; margin-bottom: 40px; }
#contenido #h3home {margin-bottom: 0; }
#contenido #idiomas {position: absolute; top: 21px; right: 30px; overflow: hidden; }
#contenido #idiomas li {display: block; float: left; margin: 0 9px 0 0; }
#contenido #idiomas li a {display: block; width: 23px; height: 17px; text-indent: -9000px; background-repeat: no-repeat;}
#fsp a {background-image: url(../img/flag-sp.png); }
#fus a {background-image: url(../img/flag-us.png); }
#fbr a {background-image: url(../img/flag-br.png); }
#contenido #h2home {width: 400px; height: 40px; background: url(../img/h2home.png) no-repeat; margin: 55px 0 25px 5px; text-indent: -9000px;}
.po #contenido #h2home {background-image: url(../img/h2home_po.png); margin-top: 51px; height: 44px; }
.en #contenido #h2home {background-image: url(../img/h2home_en.png); }
#contenido .textoHome {margin-top: 0; line-height: 1.3; }
#contenido .imgLeft {float: left; margin: 5px 15px 0 0; }
.po #contenido .imgLeft {margin: 5px 15px 12px 0; }
#contenido ul {padding-bottom: 10px; margin-bottom: 5px; background: url(../img/punteado-hor.gif) repeat-x 0 bottom; }
#contenido #ulFloatHome {float: left; width: 339px; }
#contenido ul li {padding-left: 10px; background: url(../img/bullet-li.gif) no-repeat 0 5px; margin-bottom: 2px; }
#contenido strong {color: #183D7A; }
#contenido h4 {font-size: 11px; color: #fff; background: #214B8F url(../img/bullet-h4.gif) no-repeat 4px 3px; padding: 1px 0 2px 21px; margin-bottom: 5px; }
#contenido #h4FloatHome {float: left; width: 318px; }
#contenido #costo {font: normal 13px Arial; color: #868686; float: left; clear: both; width: 500px; margin: 5px 0px 5px -18px; padding: 3px 10px; background-color: #ECECEC; }
#contenido #costo select {width: 150px; margin-right: 10px; }
#contenido #costo strong {color: #F5820D; font-size: 16px; }
#contenido h5 {font-size: 11px; color: #183D7A; margin: 8px 0; }
#contenido p.alt {color: #183D7A; }
#contenido .continuar {text-indent: -9000px; display: block; position: absolute; }
.imgcentro {display: block; margin: 0 auto; }
.imgright {display: block; float: right; margin: 10px 0 10px 20px; }
#imgsEvitar {padding: 5px 0 5px 16px; }
#imgsEvitar img {border: 2px solid #d06163; margin-right: 7px; }
#contenido ol li {list-style-type: decimal; margin-left: 20px; margin-bottom: 5px; }
#contenido .flash {display: block; margin: 20px auto; width: 300px; height: 225px; border: 2px solid #707A84; }
#contenido .ol {padding-left: 17px; text-indent: -17px; margin: 0.7em 0;}
#contenido ul.alt {background: none; padding-bottom: 0; margin-left: 15px; }
#contenido ul.alt li {margin-bottom: 6px; color: #183D7A; }
/* Layers de Comprar */
#layerFecha {position:absolute; margin-top: -270px; width:320px; height:245px; }
#layerCodigo {position:absolute; margin-left: 170px; margin-top: -240px; width:229px; height:216px;}
.trigTarjetas {text-decoration: underline; margin-right: 10px; cursor: pointer; }
table {width: 475px; }
table caption {background-color: #3f75cd; color: #fff; font-weight: bold; padding: 3px 0; border-bottom: 2px solid #8CB9DF; }
table thead th {background-color: #D5E4F2; padding: 3px 10px;}
table #datos {padding: 3px 0 3px 10px; background-color: #b6d5f2; border-top: 3px solid #EDF2F8; }
table tbody th {text-align: center; border-top: 3px solid #edf2f8; background-color: #8CB9DF; padding: 3px 0; border-left: 1px solid #fff; }
table tbody .sinborde {border-left: none; }
table tbody .fecha {width: 85px; }
table tbody td {height: 20px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
table tbody .odd {background-color: #e5e5e5; }
table td a {color: #214B8F; text-decoration: underline; }
.taf {width: 485px; margin-bottom: 30px; }
.taf thead th {text-align: center; padding: 3px 2px; border-left: 1px solid #fff; }
.taf thead .sinborde {border-left: 0; }
.taf tbody td {text-align: center; }
.taf tbody tr > td:first-child {border-left: none; }
.ejercicios {width: 480px; margin-top: 10px; }
.ejercicios th {width: 70px; padding: 3px 0 3px 5px; border-top: 0; text-align: left;}
.ejercicios .big {width: 170px; border-left: 0; }
.ejercicios td {padding-left: 5px; }
iframe {border: 0; margin: 5px -3px 0 -18px; background-color: #EDF2F8; border-color: #fff; }
#contactobtn {position: absolute; top: 21px; right: 30px; color: #fff; padding-left: 20px; background: url(../img/contacto.gif) no-repeat 0 2px; }
#columna {width: 139px; float: left; background: url(../img/fondo-columna.png) no-repeat; font-size: 11px; padding: 25px 33px 0 23px; color: #fff; }
#columna #entradaManual, #columna #formAfiliados {margin-bottom: 10px; }
#columna #entradaManual fieldset, #columna #formAfiliados fieldset {background: #395d88 url(../img/ticket-acceso.png) no-repeat; padding-top: 30px; width: 139px; text-align: center; }
.po #columna #entradaManual fieldset {background-image: url(../img/ticket-acceso_po.png); }
.en #columna #entradaManual fieldset {background-image: url(../img/ticket-acceso_en.png); }
#columna legend {display: none; }
#columna input {width: 121px; border-color: #2b4e7a; border-width: 1px;}
#columna button {width: 63px; height: 20px; text-indent: -9000px; border: 0; cursor: pointer; background: url(../img/btn-entrar.gif) no-repeat; margin: 5px 0; }
.po #columna button {background-image: url(../img/btn-entrar_po.gif); }
.en #columna button {background-image: url(../img/btn-entrar_en.gif); }
#columna li {padding-bottom: 8px; background: url(../img/punteado-hor-col.gif) repeat-x 0 bottom; margin-bottom: 5px; }
#columna li a {color: #fff; padding-left: 14px; background: url(../img/bullet-h4.gif) no-repeat 0 2px; display: block; }
#columna li a:hover {text-decoration: underline;}
#columna .alt {color: #9cd1ff; }
#columna .alt a {color: #9cd1ff; }
#columna #formAfiliados fieldset {background-image: url(../img/ingreso-afiliados.png); }
#columna #formAfiliados label {display: block; text-indent: -9000px; background-repeat: no-repeat; height: 5px; margin-left: 10px; margin-bottom: 3px; }
#labelUsuario {background-image: url(../img/label-nombre.png); }
#labelPass {background-image: url(../img/label-pass.png); margin-top: 7px; }
#recuperarPass {display: block; width: 139px; height: 13px; text-indent: -9000px; background: url(../img/recuperar-pass.png) no-repeat; }
#btnRegistrate {display: block; width: 102px; height: 27px; margin: 0 auto; background: url(../img/btn-registrate.png) no-repeat; text-indent: -9000px; }
#saldoActual {display: block; width: 139px; height: 11px; background: url(../img/saldo-actual.gif) no-repeat; text-indent: -9000px; }
#fechaActual {display: block; width: 139px; height: 11px; background: url(../img/fecha-hora-actual.gif) no-repeat; text-indent: -9000px; margin-bottom: 3px; }
#columna h3 {font-size: 14px; margin: 7px 0; text-align: center; padding: 5px 0; border: 1px dotted #9AC1E2; border-width: 1px 0; }
#columna h4 {text-align: center; font-size: 11px; }
#cuadroLeyendas {border: 1px solid #9AC1E2; padding: 3px 10px; margin: 15px 0; }
#cuadroLeyendas a {text-decoration: underline; color: #9AC1E2; }
.selects {text-align: center; margin-bottom: 20px; }
.selects select {margin-right: 5px; }
.selects legend {display: none; }
.selectFixed {width: 400px; }
.nota {background-color: #fff799; padding: 5px 10px; }
.nota em {font-style: normal; color: #f00; }
.nota a {text-decoration: underline; color: #f00; }
.alerta {display: block; clear: both; padding: 5px; background-color: #A5D99F; font-weight: bold; text-align: center; margin: 5px auto 10px auto; border: 1px solid #3D6F20; }
.small {display: block; width: 460px; margin: 8px auto; font-size: 11px; color: #fff; padding: 6px 4px; background-color: #707A84; }
.mensaje {display: block; margin: 20px auto; background-color: #D2E2F5; width: 450px; border: 1px solid #92B4DD; padding: 5px; }
.mensaje a {color: #00f; text-decoration: underline; }
/* Form Contacto */
.formComun {margin-top: 10px; }
.formComun legend {display: none; }
.formComun label, .formComun .label {padding-top: 3px; display: block; width: 130px; float: left; text-align: right; padding-right: 13px; background: url(../img/flecha-roja.gif) no-repeat right 5px; margin-right: 5px;}
.formComun .label {float: none; }
.formComun input {width: 200px; margin-bottom: 4px; }
.formComun span {display: block; padding-top: 2px; }
.formComun textarea {width: 200px; }
.formComun button {display: block; margin: 10px auto; border: 0; cursor:pointer; width: 104px; height: 24px; text-indent: -9000px; background: url(../img/btn-enviar.png) no-repeat; }
.formComun .actualizar {background-image: url(../img/btn-actualizar.png); }
.formComun .agregar {background-image: url(../img/btn-agregar.png); }
.en .formComun button {background-image: url(../img/btn-enviar_en.png); }
.formComun br {clear: both; }
.formComun .nota {margin: 10px 0 5px 0; }
.formComun .leyenda {display: block; text-align: right; padding-right: 15px; color: #f00; }
.formComun .radio {text-align: left; background: none; margin-left: 150px; padding-top: 0; }
.formComun .radio input {width: auto; vertical-align: -6px; }
.formComun2 {margin-top: 10px; }
.formComun2 legend {display: none; }
.formComun2 label, .formComun2 .label {padding-top: 3px; display: block; width: 210px; float: left; text-align: right; padding-right: 13px; background: url(../img/flecha-roja.gif) no-repeat right 5px; margin-right: 5px;}
.formComun2 .label {float: none; }
.formComun2 input {width: 200px; margin-bottom: 4px; }
.formComun2 span {display: block; padding-top: 2px; }
.formComun2 textarea {width: 200px; }
.formComun2 button {display: block; margin: 10px auto; border: 0; cursor:pointer; width: 104px; height: 24px; text-indent: -9000px; background: url(../img/btn-enviar.png) no-repeat; }
.formComun2 .actualizar {background-image: url(../img/btn-actualizar.png); }
.formComun2 .agregar {background-image: url(../img/btn-agregar.png); }
.en .formComun2 button {background-image: url(../img/btn-enviar_en.png); }
.formComun2 br {clear: both; }
.formComun2 .nota {margin: 10px 0 5px 0; }
.formComun2 .leyenda {display: block; text-align: right; padding-right: 15px; color: #f00; }
.formComun2 .radio {text-align: left; background: none; margin-left: 150px; padding-top: 0; }
.formComun2 .radio input {width: auto; vertical-align: -6px; }
.formComun2 fieldset { width: 550px; margin-left: -40px; }
#formUsers fieldset {border: 1px solid #92B4DD; padding: 7px 0 5px 0; margin-bottom: 10px; }
#formUsers legend {display: inline; margin-left: 10px; font-weight: bold; color: #214B8F; }
.linkOtro {display: block; background-repeat: no-repeat; color: #214B8F; margin: -5px 0 10px 0; padding-left: 20px; font-weight: bold; font-size: 13px; text-decoration: underline; }
#lCobro {background-image: url(../img/money_add.png); }
#lUser {background-image: url(../img/user_edit.png); }
.mBanner { padding-bottom: 10px; margin: 10px 0; border-bottom: 1px dashed #ccc; }
#contenido .mBanner h3 {margin-bottom: 4px; color: #000; font-size: 15px; text-align: center; }
.mBanner img {display: block; margin: 0 auto; clear: both; }
.mBanner code {display: block; width: 462px; height: 70px; padding: 2px; overflow: auto; font-size: 13px; background-color: #fff; border: 1px solid #ccc; margin: 2px auto;}
#pie {clear: both; width: 770px; height: 136px; background: url(../img/fondo-pie.png) no-repeat; position: relative; }
.compra #pie {background-image: url(../img/fondo-pie-2.png); }
#pie address {display: block; position: absolute; top: 93px; color: #fff; left: 140px; font: normal bold 10px Arial, sans-serif; line-height: 1.2; text-transform: uppercase; }
#pie address a {color: #fff; text-decoration: underline; }
#pie h3 a {display: block; text-indent: -9000px; width: 184px; height: 16px; background: url(../img/pidalo-ahora.png) no-repeat; margin: 20px 0 0 150px; float: left; }
.po #pie h3 a {background-image: url(../img/pidalo-ahora_po.png); height: 20px; }
.en #pie h3 a {background-image: url(../img/pidalo-ahora_en.png); }
#pie #continuar {position: absolute; top: 50px; left: 449px; display: block; text-indent: -9000px; width: 106px; height: 25px; background: url(../img/continuar.gif) no-repeat; float: left; }
.po #pie #continuar {background-image: url(../img/continuar_po.gif); }
.en #pie #continuar {background-image: url(../img/continuar_en.gif); }
#decoracion {display: block; width: 123px; height: 121px; background: url(../img/decoracion.png) no-repeat; position: absolute; bottom: 0; left: 12px; }