body{
margin:0; padding:0;
background:#8CAB32 url("/img/bg.jpg") top center repeat-x;
}

body, td{
font-family:"Helvetica", arial, sans-serif;
font-size:14px;
color:#555;
}

a{
color:#006699;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a img{
border:0;
}

p{
margin:0; padding:0 0 15px 0;
}

abbr{
cursor:help;
}

#contenedor{
margin:auto;
width:920px;
}

#header{
position:relative;
height:142px;
}

#header .logo{
position:absolute;
top:30px; left:15px;
}

#header .titulo{
position:absolute;
top:38px; right:50px;
}

#header .logout{
position:absolute;
top:52px; right:216px;
color:#fff;
text-decoration:none;
font-size:12px;
}

#header .logout:hover{
color:#fff;
text-decoration:underline;
}

#login{
position:relative;
margin:120px auto 0;
width:526px; height:196px;
background:url(../img/login_box.jpg) top left no-repeat;
}

#login .titulo{
padding:0 10px; height:25px;
position:absolute; top:-25px; left:20px;
color:#fff; background:#121212;
-moz-border-radius:6px 6px 0 0;
text-align:center; line-height:25px;
}

#login table{
float:right; width:385px;
margin:30px 30px 0 0;
}

#login td{
padding:8px 5px;
color:#fff; font-size:12px;
}

#login a{
color:#ccc; font-size:11px;
text-decoration:underline;
}

#login a:hover{
color:#fff;
text-decoration:none;
}

#login input{
/*width:100%;*/
border:0; background:#fff;
}

#login .btn{
display:block; width:113px; height:42px;
position:absolute; bottom:-15px; right:35px;
background:url(../img/btn_entrar.png) top left no-repeat;
text-decoration:none;
}

#login .btn:hover{
background-position:0 -42px;
}

#login .btn2{
display:block; width:153px; height:42px;
position:absolute; bottom:-15px; right:35px;
background:url(/img/btn_enviarclave.png) top left no-repeat;
text-decoration:none;
}

#login .btn2:hover{
background-position:0 -42px;
}

#aviso_importante{
background:#ffb url(../img/aviso_importante.png) top right no-repeat;
padding:16px 20px;
text-align:left;
}

#aviso_importante h2, #aviso_importante h3{
margin:0; padding:0;
line-height:1.2em;
color:#333;
}

#aviso_importante button{
padding:4px;
}

#cuerpo{
padding:30px 20px 30px 250px;
background:#fff;
}

#cuerpo .titulo{
font-family:'Helvetica Neue',Helvetica,'Lucida Grande','Lucida Sans Unicode',sans-serif;
color:#505050; font-size:1.6em;
}

.columnaDer{
float:left; width:225px;
padding-top:20px;
background:#e0e0e0;
border-radius:0 0 20px;
-moz-border-radius:0 0 20px;
-webkit-border-radius:0 0 20px;
}

.columnaDer .pad, #menuNav .titulo{
padding-left:10px; margin-bottom:4px;
font-weight:bold; color:#333;
}

#menuNav{
margin:0; padding:0;
list-style:none;
}

#menuNav li{
padding:4px 0 3px 15px;
margin:0; font:10pt arial;
}

#menuNav a{
color:#666;
}

#menuNav li.selected{
border-top:1px dotted #999;
border-bottom:1px dotted #999;
background:#fff;
}

#menuNav li.selected a{
color:#99CC00;
}

.btn_log{
padding:0 3px;
font-size:11px;
}

#log_div{
/*background:#e0e0e0;*/
padding:4px; color:#444;
}

table.tabla th{
background:#e0e0e0;
}

table.tabla td, table.tabla th{
padding:2px 0; text-align:center;
border-bottom:1px dashed #ccc;
}

.gris{
color:#888;
}

.naranja{
color:#ff6600;
}

.verde{
color:#99CC00;
}

.rojo{
color:red;
}

.azul{
color:#0066cc;
}

.invisible{
display:none;
}

.enviarclave{
display:block; float:right;
margin:10px 29px 0 0;
width:153px; height:42px;
background:url(../img/btn_enviarclave.png) top left
}

.enviarclave:hover{
background-position:0 -42px;
}