*{outline:none}
a{color:#005fa9; text-decoration:none; border-bottom:1px solid #005fa9}

body{font:.9em Arial, Helvetica, sans-serif; background:#f4f4f4; color:#222; text-align:center; margin:0; padding:0; color:#232325}

#menu{background:#222; color:#fff; margin:40px auto; width:960px; text-align:left; overflow:hidden; text-transform:uppercase; font-weight:bold}
#menu a{color:#fff; text-decoration:none; display:block; padding:20px; float:left}
#menu a.on, #menu a:hover{background:#337fba}

.out{width:960px; text-align:right; margin:20px auto 0 auto; margin-bottom:40px; overflow:hidden}

#wrapd{background:#fff; border:1px solid #e1e1e1; margin:0 auto 40px auto; width:880px; text-align:left; padding:40px; position:relative; overflow:hidden}

h1{font:normal 160% Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #e1e1e1; padding-bottom:20px; margin-bottom:40px}

/*CUENTAS*/
#cuentas{position:absolute; left:760px; top:0; width:200px; z-index:99; overflow:visible}
.txt{font-size:12px; width:95px; float:left; text-align:right; padding:5px 5px 0 0}
.number{background:#f63; color:#fff; font-weight:bold; text-align:center; font-size:36px; width:100px; float:right}

/*COMPRAR CUENTAS*/
#precio-distribuidor{width:400px; float:right}
.numero{font-size:160%; padding-bottom:20px}
.precio-lista{text-decoration:line-through}

/*FOOTER*/
#footerd{text-align:left; width:960px; clear:both; margin:40px auto; overflow:hidden; border-top:2px solid #e1e1e1; padding:10px 0 40px 0}
#copy{width:500px; float:left}
#telef{background:url(../images/tel.gif) no-repeat left center; width:220px; padding-left:60px; float:right; font-size:130%; color:#666}

/*FORMULARIOS*/
#form_registrar_usuario strong, #form_cargar_cuenta{text-transform:uppercase; font-size:80%; color:#444}
#form_registrar_usuario input[type=text], #form_registrar_usuario input[type=password], #form_cargar_cuenta input[type=text]{font-size:24px; padding:5px; border:1px solid #e1e1e1; width:400px; margin:.5em 0}

button[type=submit], button.boton{background:url(admin/bg-boton-naranja.gif) repeat-x; height:35px; font-size:18px; color:#fff; border:none}

#total{display:inline}

.filtro, .mensaje{background:#f9f9f9; border:1px solid #ebebeb; padding:20px; margin:20px 0}

/*MENSAJES*/
.error{background:#b23a12; color:#fff; padding:5px; font-weight:bold}
a.no{background:#b23a12; color:#fff; padding:5px 10px; border-bottom:none}
a.si{background:#00b269; color:#fff; padding:5px 10px; border-bottom:none; margin-right:5px}

/*MENU SECCIONES*/
ul#secciones{margin:0; padding:0}
#secciones li{list-style-type:none; display:inline; margin-left:10px; text-transform:uppercase; font-weight:bold}
#footer #secciones li{margin-left:0; margin-right:10px}
#secciones li a{color:#232325; padding:5px; border-bottom:none}
#secciones li a.on, #secciones li a:hover{color:#005fa9}

/*PAGINADOR*/
.paginador{margin:20px auto; text-align:center}
.paginador a{text-decoration:none; padding:5px}
.paginador a:hover{background-color:#f63; color:#fff}
.paginador strong{background-color:#005FA9; padding:5px; color:#fff}
.paginador a.pag_prev_next:hover{background:none}

/*REGISTRO-DISTRIBUIDOR*/
.intro-registro{font-size:140%; margin-top:0}
#formulario{width:560px; float:left; background:#f9f9f9; padding:20px}
#formulario-desc{width:240px; float:right}
#formRegistroDistribuidor input[type=text], #formRegistroDistribuidor textarea{width:200px}
#formRegistroDistribuidor textarea{height:80px}
#formRegistroDistribuidor .toolbar{margin-top:20px}

/*TABLAS*/
.lista th{padding:5px; border-bottom:1px solid #ebebeb; color:#005fa9; text-align:left}
.lista td{padding:5px; border-bottom:1px solid #ebebeb}
.impar{background:#FAF9F8}
.lista tr:hover td{background:#e5eff6; border-bottom-color:#fff} 

/*TIPS*/
#tips{width:600px}
#tips h3{margin-top:3em; margin-bottom:0; color:#f63; font-size:24px; font-weight:normal}

/*LANDING PAGE*/
#intro{text-align:right; overflow:hidden; margin-bottom:40px}
#intro div{width:400px; float:left; text-align:left}

a.registro1{display:block; width:280px; height:80px; background:url(../images/distribuidor/registro1.jpg) left top; border:none}
a.registro1:hover{display:block; width:280px; height:80px; background:url(../images/distribuidor/registro1.jpg) left -80px; border:none}
.registro1 span{display:none}

.tercio{width:265px; float:left}
.centro{margin:0 40px}

.contactod{clear:both; background:#232325; margin:0 auto 40px auto; width:920px; text-align:left; padding:40px 20px 20px 20px; color:#f4f4f4}


.hand{cursor:pointer; cursor:hand}

.login{text-transform:uppercase; font-weight:bold}

a.play{background:url(../images/dale_play.gif) no-repeat left center; display:block; height:30px; line-height:30px; width:120px; padding-left:30px; border:none}
a.play:hover{color:#000}