/*--------------------- RESET CSS --------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
font-family: inherit;
vertical-align: baseline
}

body {
line-height: 1
}

:focus {
outline: 0
}

ol, ul {
list-style: none
}

table {
border-collapse: collapse;
border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
content: ""
}

blockquote, q {
quotes: "" ""
}

input, textarea {
margin: 0;
padding: 0
}

hr {
margin: 0;
padding: 0;
border: 0;
color: #000;
background-color: #000;
height: 1px;
}


/*--------------------- ELEMENTOS COMUNES --------------------------*/


body{
background: #ffffff url(../gfx/fondo3.png) repeat-x;
font: 11px tahoma, verdana, arial;
color: #303030;
}

h1{
font-size: 15px;
color: #b33;
}

input:focus,select:focus, textarea:focus{
/*background: #FEFFBF;*/
border: #00c 1px solid;
}

table td ul{
list-style-image: url(../gfx/icon/bullet_pink.png);
}

/*--------------------- ESTRUCTURA PRINCIPAL --------------------------*/

.main { 
/*margin: 0 auto;  por si lo quiero centrar*/
margin: 5px 0px 0px 5px;
width: 98%;
}

#cabecera{
margin-bottom:10px;
}

#navegacion{
color: #333; 
border: #D2D2D2 1px solid;
padding:5px 0 0 10px;
height:20px;
background: transparent url(../gfx/fondobarra.gif) repeat-x;
cursor:pointer;
font-size:12px;
}

#contenido { 
color: #333;
} 

#buscar{
margin-top:8px;
padding:5px;
background: transparent url(../gfx/fondobarra.gif) repeat-x;
border: #C3D9DF 1px solid;
float:right;
display:none;
}

#loading{
display:none;
position:absolute;
left:50%;
top:50%;
border: #333 1px solid;
}

/* ---------------------------------- FORMULARIOS -----------------------------*/

.tNuevo{
background: transparent;
border:0;
margin-top: 10px;
}

.tNuevo td,.Tnuevo th{
border: 0px;
}

.tNuevo caption{
border-bottom: #999 1px solid;
}

.tNuevo tr:hover{
background: transparent;
}

.titulo{
text-align: left;
font: bold 18px tahoma, verdana, arial;
background: transparent;
color: #666; 
border-bottom: #999 1px solid;
}

/*------------------------------------ TABLAS -----------------------------------------*/

#navegacion span:hover{
color: blue;
}

#tablaSorter tbody{
border: #666 1px solid;

}

#tablaIndice{
position: relative;
top:20px;
background: transparent;
border:0px;
}

#tablaIndice tbody th{
font-size:20px;
/* padding: 0 100px 10px 50px; */
text-align:left;
width:350px !important;
padding-bottom:15px;
}

#tablaIndice tbody td{
font-size:12px;
color: #666;
text-align:left;
}

#tablaIndice tbody td ul{
margin-left:20px;
cursor:pointer;
}

#tablaIndice tbody td ul li:hover{
color:blue;
}

#lateral{
width:80px;
margin-left:10px;
}

.tablaMenu{
background: transparent;
border:0px;
border-spacing:0px;
}

.tablaMenu td{
border: 0px;
padding:0px;
margin: 0px;
font-size: 30px;
text-align:center;
color: #666;
cursor:pointer;
}

.tablaMenu tbody td h1{
text-align: center;
font-size: 20px;
margin:0px;
padding:0px;
}

.tablaMenu tbody tr:hover{
background: none;
}

#anyo{
font-size:16px
}

#tabla{
border: #666 0px solid !important;
border-collapse: collapse;
font: 11px tahoma, verdana, arial;
color: #363636;
background: #fff;
}

#tabla tbody td, #tabla tbody th{
text-align:center;
border-top: 0px dotted #999;
border-bottom: #999 1px dotted;
border-right: #999 1px dotted;
border-left: #999 1px dotted;
padding: .4em;
color: #363636;
}

#tabla thead th{
font-size:12px;
padding: 2px;
border:#ccc 1px solid;
background: transparent url(../gfx/fondotabla.png) repeat-x;
}

#tabla tbody tr:hover {
background: #FEFFBF;
}

caption,h1{
text-align: left;
font: bold 18px tahoma, verdana, arial;
background: transparent;
padding:6px 4px 2px 0px;
color: #666;  
}

.odd {
background: #ECF4FF;
}

.fuente{
padding-left:7px;
color: #44f;
font-size:15px;
font-weight:bold;
}

.tablaMenu td:hover{
color:#a00;
}

/* CLASES PROPIAS */

.seleccionado{
background: #FFC45F !important;
font-weight:bold;
}

.filaHombre{
background: #DFFFCF;
font-size:9px;
vertical-align:middle;
text-align:center;
}

.filaMujer{
background: #EDD1EF;
font-size:9px;
vertical-align:middle;
text-align:center;
padding:0px;
}

.celdaPoblacion{
background: #FFFFAE;
vertical-align:middle;
border-right: #666 1px solid;
}

.celdaEdad{
background: #C2CFC4;
vertical-align:middle;
border: #666 1px solid;
}

.celdaComarca{
background: #FFFFAE;
vertical-align:middle;
border: #666 1px solid;
font-weight:bold;
text-align:center;
}

.totalHombre{
border-top: #666 2px solid;
background: #ceeebe;
vertical-align:middle;
font-weight:bold;
text-align:center;
font-size:9px;
}

.totalMujer{
background: #cec0de;
vertical-align:middle;
font-weight:bold;
text-align:center;
font-size:9px;
}

.totalComarca{
background: #ffcccc;
font-weight:bold;
border-top: #666 2px solid;
vertical-align:middle;
font-size:9px;
text-align:center;
}

.totales{
background: #fe6666;
border: #666 1px solid;
vertical-align:middle;
font-weight:bold;
}

.leyenda{
position:relative;
font-size: 11px;
}

.leyendaHombre{
background: #DFFFCF url(../gfx/icon/chico.png) no-repeat;
border: #666 1px solid;
padding-right:7px;
}

.leyendaMujer{
background: #EDD1EF url(../gfx/icon/chica.png) no-repeat;
border: #666 1px solid;
padding-right:7px;
}

.leyendaHombre img, .leyendaMujer img{
margin:0 3px -3px 0 !important;
border:none;
}

.inputDato{
padding: 2px;
margin: 0px; 
color: darkred;
width:30px;
font-size:10px;
border: #000 1px solid;
}

/* ---------------------------------------- WIDGETS -----------------------------------------*/

/* DIALOGO ALERT */

.jqalert-title{
font-size:15px;
padding-left:10px;
}

.jqalert-message{
font-size:15px;
padding-top:10px !important;
}

.jqalerter-blocker{
/*filter: alpha(opacity=20) !important;*/
opacity: 0.2 !important;
}

/* TOOLTIP ENLACES  */

#tip{
border:2px solid #333; 
background:#FFFCDF;
padding: 5px;
}

#tip a{
text-decoration:none;
color: #000;
padding: 5px 0px 50px 5px !important;
font: 14px tahoma;

}