@import url(http://fonts.googleapis.com/css?family=Telex);
/* CSS Document */
body {margin: 0; padding:0; font-family: 'Telex', sans-serif; background-color:#83837d; color:#272727; }
ul, li, a, p, img, h2 {margin:0; padding:0; list-style-type:none; text-decoration:none; border:none; }
h2 { color:#09C; }
h4 { color:#666666 }
#wrapper {width:960px; height:auto; margin: 0 auto; }
#cabecera {width:960px; height:149px; background:url(../imagenes/cabecera.jpg) }
#botonera {width:960px; height:44px; background:url(../imagenes/botonera_bg.jpg);}
#botonera ul { width:959px; height:34px; padding-left:1px; z-index: 9999; }
#botonera ul li { display:block; width:145px; height:42px; float:left; text-align:center; background:url(../imagenes/rayita_btn.jpg) no-repeat right; }
#botonera ul li a { display:block; width:132px; height:32px; color:#FFF; font-size:15px; padding:12px 0 0 12px; }
#botonera ul li a:hover { background-color:#1e1e1e; color:#FFF; border-bottom: 1px solid #e1e1d7;}
#botonera ul li ul {display: none; /* De lo que hablábamos */position: absolute; /* Muy importante */}
#botonera ul li:hover ul {display: block;}
#botonera ul li ul li {display: block;float: none;position: relative;color: #fff; background:url(../imagenes/botonera_bg.jpg) repeat-x; border-bottom: 1px solid #e1e1d7;}
#botonera ul li ul.nivel3 {display: none; /* De lo que hablábamos */position: absolute; /* Muy importante */}
#botonera ul li ul li:hover ul.nivel3 {display: block; left:145px; top:0;}
#botonera ul li.activo { display:block; width:132px; height:32px; background:#1e1e1e; color:#FFF;font-size:15px; padding:12px 0 0 12px; }
#botonera ul li.last { background:none; }
#middle {width:920px; height:auto; padding:20px; overflow:hidden; background-color:#e1e1d7; }
#iz_1 { width:460px; height:auto; float:left; }
#iz_1indx{ width:440px; height:auto; float:left; }
#der_1 {width:460px; height:auto; float:left; }
#acceso_form{ margin:0 auto; width:400px; padding:20px;}
#acceso_form h1 {font-size:24px; font-weight:bold; margin-bottom:10px;}
#acceso_form label{display:block;font-weight:bold;text-align:right;width:140px;float:left;}
#acceso_form .detalle{color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:140px;}
#acceso_form input{float:left;font-size:12px;padding:4px 2px;width:200px;margin:2px 0 20px 10px;}
#acceso_form button{clear:both;margin:5px 0 0 255px;width:100px;height:31px;background:#696969;text-align:center;line-height:31px;color:#FFFFFF;font-size:11px;font-weight:bold;}
#last_news { width:460px; height:auto; padding:20px 0 10px 0; background-color:#b6b6ac; -moz-border-radius: 15px;
-webkit-border-radius: 15px; border-radius: 15px;}
#last_news h2 { color:#FFF; margin:0; padding:0 20px 5px 20px; border-bottom:1px dashed #FFF; margin-bottom:10px; }
.pbg { background-color:#94948b; }
#usuario_name { color:#600; }
#saldo {float:right; }
.msaldo { border: 1px solid #030; padding:5px 25px; background-color:#b6b6ac; color:#FFF; }
#menu_usuario {width:420px; height:auto; padding:0 20px; }
.menu_items { width:150px; height:auto; margin:10px 20px; float:left; }
.menu_items img { padding:10px 15px; }
.menu_items p { text-align:center; font-size:14px; color:#98bc02; text-decoration:underline;}
#last_news p { color:#FFF; font-size:14px; padding:10px 20px; }
#banner { width:960px; height:100px; background:url(../imagenes/bg_banner.jpg) repeat-x; padding:10px 0px; }
#footer {width:960px; height:120px; background-color:#1e1e1e; }
.legal { color:#c5c5c5; padding:20px; text-align:center; font-size:12px; }
#ianuncio { margin:50px 0 0 10px; }
#ianuncio li { width:150px; height:50px; background-color:#96c017; padding:5px; }
#ianuncio .he1 { font-size:24px; font-weight:600; text-align:center; border-bottom:1px solid #c2d460; }
#ianuncio .he1 a { color:#FFF; }
#ianuncio .he2 { font-size:18px; text-align:center; }
#ianuncio .he2 a { color:#903fea; }
#morosos { width:960px; height:103px; position: relative; }
p.limo { margin-left:30px; color:#F60; }
/*.mor_right{ width:960px; }
.mor_left{ min-width:300px; float:right; display:block; }*/
.niv2 {
color:#4A4A4A;
}
.tickercontainer {
width: 960px;
height: 35px;
margin: 5px auto 0 auto;
padding: 0;
overflow: hidden;
background-color:#FFF;
}
.tickercontainer .mask {
position: relative;
top: 10px;
width: 900px;
height: 20px;
margin: 0 auto;
overflow: hidden;
}
ul.newsticker {
position: relative;
font: 10px;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left;
margin: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #d718ee;
font: 10px ;
margin: 0 25px 0 0;
}
ul.newsticker span {
margin: 0 25px 0 0;
color: #0C0;
}
ul.newsticker span.pblank { color:#FFF; }
.niv1, niv2 { margin-bottom:2px; }
#iz_2 { width:150px; height:auto; float:left; }
#der_2 {width:720px; min-height:400px; float:left; padding:20px; }
#der_2 ol li, ul li { color:#09C; line-height:26px; }
/*galería comisiones*/
.img_comis { width:160px; height:147px; margin: 20px 20px 0 0; float:left; }
.foto { border: 5px solid #FFF; }
.nombre p { padding: 5px 5px 0 5px; text-align:center; font-size:14px; font-weight:bold; color:#666; }
/*fin galeria*/
#mail_box {width:100px; height:auto; float:left;}
.mail_item { padding:10px; }
.mail_item p { font-size:12px; color:#39C;}
#box {
width:540px;
height:220px;
padding:15px;
background:#033;
float:right;
font-size:15px;
background-color:#FFF;
color:#3F3F3F;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
.menu_item2 { width:150px; height:auto; margin:10px 10px 10px 0; float:left; }
.menu_item2 img { padding:10px 15px; }
.menu_item2 p { text-align:center; font-size:14px; color:#98bc02; }
#paypal {width:100px; height:35px; height:auto; padding:20px 40px; }
.tabla {
margin: 0 auto 0 auto;
font-size: 12px;
font-weight:bold;
color: #990000;
text-align:left;
}
.tabla td {
padding: 8px;
background-color:#e9eed4;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
}
.tabla th {
padding: 8px;
background-color:#1e1e1e;
font-size: 12px;
font-weight:bold;
color: #FFF;
text-align:center;
}
.limpiar { clear:both; }
/*formulario*/
#form { }
#contentForm { display: block; width: 400px; height:240px; margin:0 auto;/*this line will center the page*/ padding: 10px; }
/* and now the form formatting itself */
#contentForm label {display: block;float: left;clear: left; width: 100px;line-height: 23px; margin-bottom: 10px;margin: 3px 0; color:#414749; font-size:15px;}
#contentForm input, textarea, select {display: block;float: right; padding: 2px; margin: 3px 0; border:solid 1px #CCC;
}
#contentForm textarea { min-height:200px; width: 390px; }
#contentForm input:focus, textarea:focus, select:focus {border: 1px solid #09C;}
#contentForm input.buttonform {cursor:pointer; border:none; width: 80px; height:auto; color:#FFF; background-color:#94c900; padding:5px 10px; margin-top:15px; font-family: 'Telex', sans-serif; font-size:16px;}
#contentForm input.buttonform:hover { background-color:#1e1e1e; }
#contentForm span.required{font-size: 13px !important;color:#F60; !important;
}
#contentForm.errormsg {display:block; width:90%; height: 22px; line-height: 22px; color:#F00; font-weight: bold;
background-color: #FF9D9D;
padding: 3px 10px 3px 40px;
border-top: 2px solid #FF0000;
border-bottom: 2px solid #FF0000;
}
#contentForm.msgSent h4 {font-size: 14px;text-align: center; color:#09C;}
/*fin formulario*/