html {
padding: 0;
margin: 0;
}
body {
margin: 0;
padding: 0;
font-size:62.5%;
font-family: Arial, sans-serif;
background: #9AC1E2 url(../img1024/fondo.png) repeat-x;
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(../img1024/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(../img1024/punteado-hor-col.gif); }
/* ============ ORGANIZACION ESTRUCTURAL ============ */
#top {width: 954px; height: 124px; text-align: left; background: transparent url(../img1024/fondo-top.png) no-repeat; margin: 0px auto; padding: 22px 0 0 36px; }
#top1 { background: transparent url(../img1024/fondo-top2-manual.png) no-repeat; width: 990px; height: 40px; }
#botonera ul {width: 990px; height: 59px; padding-top: 9px; }
#botonera { height: 70px; width: 990px; background: url(../img1024/fondo-menu.png) no-repeat; margin: 0 auto; }
.af #top ul {background-image: url(../img1024/fondo-botonera-af.png); }
#botonera li {display: block; float: left; }
#botonera li a {display: block; text-indent: -9000px; height: 19px; padding-top: 9px; background-image: url(../img1024/botonera-es.png); background-repeat: no-repeat; }
.af #top li a {background-image: url(../img1024/botones-af.png); }
.po #botonera li a {background-image: url(../img1024/botonera-po.png); }
.en #botonera li a {background-image: url(../img1024/botonera-en.png); }
#botonera #btn1 a {margin-left: 46px; width: 96px; background-position: 3px 0;} #botonera #btn1 a:hover {background-position: 3px -29px;}
#botonera #btn2 a {width: 108px; background-position: -93px 0;} #botonera #btn2 a:hover {background-position: -93px -29px;}
#botonera #btn3 a {width: 131px; background-position: -199px 0;} #botonera #btn3 a:hover {background-position: -199px -29px;}
#botonera #btn4 a {width: 109px; background-position: -331px 0;} #botonera #btn4 a:hover {background-position: -331px -29px;}
#botonera #btn5 a {width: 143px; background-position: -439px 0;} #botonera #btn5 a:hover {background-position: -439px -29px;}
#botonera #btn6 a {width: 111px; background-position: -582px 0;} #botonera #btn6 a:hover {background-position: -582px -29px;}
#botonera #btn7 a {width: 75px; background-position: -694px 0;} #botonera #btn7 a:hover {background-position: -694px -29px;}
#botonera #btn8 a {width: 104px; background-position: -766px 0;} #botonera #btn8 a:hover {background-position: -766px -29px;}
.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: 990px; text-align: left; background: url(../img1024/fondo-contenido.png) repeat-y; margin: 0 auto; overflow: hidden; position: relative; }
.zcompra #wrapper {background-image: url(../img1024/fondo-wrapper-2.png); }
#wrappswer2 { background: url(../img1024/fondo-top-contenido-manual.png) no-repeat; }
#contenido {width: 585px; float: left; background: url(../img1024/fondo-top-contenido.png) no-repeat; padding: 21px 40px 0 60px; position: relative; font-size: 13px; }
.compra #contenido {background-image: url(../img1024/fondo-top-contenido-manual.png); }
#contenido h3 {font-size: 17px; color: #d1dff3; margin-bottom: 54px; }
#contenido #h3home {margin-bottom: 54px; font-family: Arial; font-size: 17px; }
#contenido #home_img { float: left; width: 147px; height: 195px; margin-bottom: 10px; }
#contenido .linea-vertical { float: left; width: 1px; height: 195px; background: url(../img1024/pixel-linea-vertical.png) repeat-y; overflow: hidden; }
#contenido #home_grafico { float: left; padding-left: 19px; padding-top: 6px; }
#contenido #idiomas {position: absolute; top: 20px; right: 30px; overflow: hidden; }
#contenido #idiomas li {display: block; float: left; margin: 0 9px 0 0; }
#contenido #idiomas li a {display: block; width: 36px; height: 24px; text-indent: -9000px; background-repeat: no-repeat;}
#fsp a {background-image: url(../img1024/flag-sp.png); }
#fus a {background-image: url(../img1024/flag-us.png); }
#fbr a {background-image: url(../img1024/flag-br.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; }
#contenido #ulFloatHome { float: left; width: 339px; margin-left: 20px; }
#contenido ul li {padding-left: 10px; background: url(../img1024/bullet-li.gif) no-repeat 0 5px; margin-bottom: 2px; }
#contenido strong {color: #183D7A; }
#contenido h4 {font-size: 12px; color: #fff; background: #466495 url(../img1024/bullet-h4.gif) no-repeat 6px 6px; padding: 3px 0 5px 21px; margin-bottom: 5px; }
#contenido #h4FloatHome { clear: both; zoom: 1; }
#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: 13px; 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 0px; text-align: center; }
#imgsEvitar img { 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: 580px; }
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: 580px; 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(../img1024/contacto.gif) no-repeat 0 2px; }
#columna {width: 224px; float: left; background: url(../img1024/fondo-top-contenido.png) no-repeat scroll -685px 0; font-size: 12px; padding: 12px 50px 0 31px; color: #fff; }
.compra #columna { background-image: url(../img1024/fondo-top-contenido-manual.png);}
#columna #entradaManual, #columna #formAfiliados {margin-bottom: 10px; }
#columna #entradaManual fieldset, #columna #formAfiliados fieldset { margin-top: 1px; background-color: #395d88; padding-top: 3px; padding-bottom: 4px; width: 215px; padding-left: 9px; }
#columna legend { display: none; }
#columna input {width: 128px; border-color: #2b4e7a; border-width: 1px; height: 19px; }
#columna button {width: 73px; height: 27px; text-indent: -9000px; border: 0; cursor: pointer; background: url(../img1024/boton-entrar.png) no-repeat; margin: 2px 0 0 0; vertical-align: middle; }
.po #columna button {background-image: url(../img1024/boton-entrar-po.png); }
.en #columna button {background-image: url(../img1024/boton-entrar-en.png); }
#columna li {padding-bottom: 8px; background: url(../img1024/punteado-hor-col.gif) repeat-x 0 bottom; margin-bottom: 5px; }
#columna li a {color: #fff; padding-left: 14px; background: url(../img1024/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(../img1024/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(../img1024/label-nombre.png); }
#labelPass {background-image: url(../img1024/label-pass.png); margin-top: 7px; }
#recuperarPass {display: block; width: 139px; height: 13px; text-indent: -9000px; background: url(../img1024/recuperar-pass.png) no-repeat; }
#btnRegistrate {display: block; width: 102px; height: 27px; margin: 0 auto; background: url(../img1024/btn-registrate.png) no-repeat; text-indent: -9000px; }
#saldoActual {display: block; width: 139px; height: 11px; background: url(../img1024/saldo-actual.gif) no-repeat; text-indent: -9000px; }
#fechaActual {display: block; width: 139px; height: 11px; background: url(../img1024/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: 170px; font-weight: bold; float: left; text-align: right; padding-right: 13px; background: url(../img1024/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(../img1024/btn-enviar.png) no-repeat; }
.formComun .actualizar {background-image: url(../img1024/btn-actualizar.png); }
.formComun .agregar {background-image: url(../img1024/btn-agregar.png); }
.en .formComun button {background-image: url(../img1024/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(../img1024/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(../img1024/btn-enviar.png) no-repeat; }
.formComun2 .actualizar {background-image: url(../img1024/btn-actualizar.png); }
.formComun2 .agregar {background-image: url(../img1024/btn-agregar.png); }
.en .formComun2 button {background-image: url(../img1024/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(../img1024/money_add.png); }
#lUser {background-image: url(../img1024/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: 990px; height: 130px; background: url(../img1024/fondo-pie.png) no-repeat; position: relative; }
.compra #pie {background-image: url(../img1024/fondo-pie-manual.png); }
#pie address {display: block; position: absolute; top: 80px; color: #fff; left: 715px; font: normal bold 10px Arial, sans-serif; line-height: 1.2; text-transform: uppercase; }
#pie address a {color: #fff; text-decoration: none; }
#pie h3 a {display: block; text-indent: -9000px; width: 258px; height: 22px; background: url(../img1024/pidalo-ahora-es.png) no-repeat; margin: 77px 0 0 150px; float: left; }
.po #pie h3 a {background-image: url(../img1024/pidalo-ahora-po.png); height: 28px; }
.en #pie h3 a {background-image: url(../img1024/pidalo-ahora-en.png); }
#pie #continuar {position: absolute; top: 77px; left: 525px; display: block; text-indent: -9000px; width: 149px; height: 34px; background: url(../img1024/boton-continuar.gif) no-repeat; float: left; }
.po #pie #continuar {background-image: url(../img1024/boton-continuar-po.gif); }
.en #pie #continuar {background-image: url(../img1024/boton-continuar-en.gif); }
#decoracion {display: block; width: 123px; height: 121px; background: url(../img1024/decoracion.png) no-repeat; position: absolute; bottom: 0; left: 12px; }