@import url(inicial.css);

/* ESTILOS GENERALES */
body{ color:#666; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; padding:1em}
a{ color:#BB1A32}
p{ margin:1em 0}
p.centro{ text-align:center}
.listaHorizontal li{float:left; padding:0.3em 0.6em; background:url(../img/separador_listas.gif) no-repeat 0 12px}
.listaHorizontal li:first-child{ background:none}
.listaVertical li{ margin:0.5em }
.enlaceExterno{ background:url(../img/ico_enlace_externo.gif) no-repeat right top; padding-right:1em;color:#963; margin-right:0.3em}
.enlaceExterno.enlaceExternoSinIcono{ background:none; padding-right:0}
ol{ margin:0.2em 0 0.3em 1.8em}
ol li{ margin:0.5em 0} 


/* CONTENEDOR */
#contenedor{}


/* CABECERA */
#cabeceraInterior{clear:both; background:url(../img/fondo_cabecera_mapa_fosas.jpg) no-repeat; padding:0.7em; overflow:auto}
#cabeceraIzq{  float:left; width:30%; }
#cabeceraCent{  float:left; width:10%; }
#cabeceraDer{ float:right; width:60%}
#bloqueLogo{padding-left:2em; padding-top:0.2em; font-size:1.0em; height:1.5em; color:#635412; font-family:Verdana;}
#cabeceraDer #bloqueLogoJusticia{ float:right; height:2.9em; padding-right:0.7em; padding-top:0.4em}
*:first-child+html #cabeceraDer #bloqueLogoJusticia{height:3.5em}
.cabeceraTablasSinPaginar{text-align: center; padding-bottom:0.5em; font-weight:bold}
.estiloH5 {font-size:115%; font-weight:bolder; color:#484848; border-bottom:1px dashed #BDB9B4; padding:0.3em; margin:1.8em 0 0.5em 0; background:#F5F5F5;}

 
 /* MENU idiomas */
.menuIdiomas{ text-align:right; padding:0.3em; font-size:0.75em; }
.menuIdiomas li{ display:inline;color:#666;margin:0;padding:0 5px;background:url(../img/menucabecera.gif) top right no-repeat;}
.menuIdiomas li.ultimo{background:none; }
.menuIdiomas li a{ color:#999; text-decoration:none}
.menuIdiomas li a:hover{ text-decoration:underline}
.menuIdiomas li span{ font-weight:bold}


/* MENU */
#menu{  padding:0.8em 0.2em; height:2.2em }
#menu ul { float:left; width:99% }
#menu ul li{ background-color:#F4F4F4; float:left; margin:0 0.5em; -moz-border-radius:4px}
#menu ul li a{  padding:0.5em 1em;  color:#CECECE; font-size:0.9em; text-decoration:none; display:block}
#menu ul li a:hover{  color:#BB1A32; }
#menu ul li.selected{ background-color:#999}
#menu ul li.selected a{ color:#fff}
#menu ul li.selected a:hover{  color:#BB1A32; }


/* CONTENIDO CENTRAL */
#contenido{width:100%; font-size:0.8em; padding-top:1em;  background-color:#FFF; position:relative}
#contenidoCentral{ width:55em;float:left; margin-right:1em; margin-left: 30px;}
#contenidoLateral{margin:0 0 0 56em; padding-top:5em }

.subtitulo{ margin-bottom:0.2em}
.titulo_01{ color:#BB1A32; font-size:1.8em; margin-bottom:0.2em;border-bottom: 1px solid #E2E2E2}
.titulo_02{ color:#BB1A32; font-size:1.3em; font-weight:bold;}
.titulo_02 h3{ font-weight:bold}
.titulo_03{ color:#BB1A32; font-size:1.3em; margin-bottom:0.2em;}
.titulo_04{ color:#333; font-size:1em; margin-bottom:0.2em; }
.titulo_04 h3{font-weight:bold}
.titulo_05{ color:#BB1A32; font-size:1.1em; margin-bottom:0.2em;border-bottom: 1px solid #E2E2E2 }
.titulo_06{ color:#333; font-size:1.3em; font-weight:bold; margin-bottom:0.2em}
.titulo_06 h3{font-weight:bold;}


/*.seccionesImagenes{}
.seccionesImagenes_01{ border:1px solid #E2E2E2; width:27em; float:left; margin:0 2em 0 1em; padding:5px; background:url(../img/fondo_seccion_mapas.jpg) no-repeat ; padding-top:8em}
.seccionesImagenes_02{ border:1px solid #E2E2E2; width:27em; float:left; padding:5px; background:url(../img/fondo_seccion_buscador.jpg) no-repeat ; padding-top:8em}
*/
.contenidoCentralGrande {width:95%; }
#contenidoCentral{width:95%; font-size:0.8em;}
.seccionesImagenes_01{ border:1px solid #E2E2E2; width:23em; float:left; margin:0 1em 0 1em;  }
.seccionesImagenes_01 img{ float:right}
.seccionesImagenes_01 .titulo_02 { padding:5px 5px 0; clear:both}
.seccionesImagenes_01 .descripcionSeccionesImagenes{ padding:0 5px}
.seccionesImagenes_01 .enlaceSeccionesImagenes{ padding:5px}
.descripcionSeccionesImagenes p{ margin:0.7em 0}
.enlaceSeccionesImagenes{ text-align:right}
.enlaceSeccionesImagenes a{ color:#BB1A32; text-decoration:underline}
.enlaceSeccionesImagenes a:hover{ text-decoration:none}

.bloqueFieldset{ border:1px solid #E2E2E2; padding:0.5em 0.2em; margin:1em 0.5em; font-size:0.9em}
.bloqueFieldset2{padding-top:25px;}
.bloqueFieldset legend{ font-size:1.2em; font-weight:bold; padding:0.5em; color:#555 }
.bloqueFieldset .bloqueFieldsetInterior div{ display:inline; margin:0 0.5em}
.bloqueFieldsetInterior2 div{ margin:0.1em 0}
.bloqueFieldsetInterior2 label{ width:18em; float:left; margin-right:0.5em; text-align:right}
.bloqueFieldsetInterior2 select{ color:#333; }

.bloqueListadoFosas{ background-color:#F2F2F2; padding:0.5em; border-bottom:1px solid #DFDEDE }
.bloqueListadoFosas2{ padding:0.5em; border-bottom:1px solid #DFDEDE }
.bloqueListadoFosas ul{ font-size:0.85em}
.bloqueListadoFosas2 ul {font-size:0.85em;}
.bloqueListadoFosasEnlace{ text-align:left;margin-bottom:1em}

.bloqueSubmit{ text-align:center}
.botonSubmit{float: left; background-color:#BB1A32; color:#fff; font-weight:bold; padding:0.3em 0.6em; border:none;-moz-border-radius:4px}
.botonSubmit2{background-color:#BB1A32; color:#fff; font-weight:bold; padding:0.3em 0.6em; border:none;-moz-border-radius:4px; font-size:0.9em}
.botonSubmit3{float:left; margin-right:0.5em; margin-top:0.2em; background-color:#BB1A32; color:#fff; font-weight:bold; padding:0.3em 0.6em; border:none;-moz-border-radius:4px; font-size:0.8em}
.botonSubmit4{float: center; background-color:#BB1A32; color:#fff; font-weight:bold; padding:0.3em 0.6em; border:none;-moz-border-radius:4px}
.botonSubmit:hover,.botonSubmit2:hover,.botonSubmit3:hover{ background-color:#999}
input.campoMedio,select.campoMedio{ width:20em}
input.campoLargo,select.campoLargo{ width:25em}
textarea { font-size:1em; font-family:Arial, Helvetica, sans-serif}

.bloqueTablaResultados{ margin:2em 0; clear:both; margin-top:1em;}
table{ width:100%}
th{ background-color:#F6F6F6; padding:0.6em;  font-weight:bold; text-align:center}
td{padding:0.5em 0.3em; text-align:center;border-bottom:1px solid #F6F6F6;}

.bloqueTablaResultadosConScroll{ margin:2em 0; clear:both; overflow:auto;overflow-y: hidden;width: 80%}
th{ background-color:#F6F6F6; padding:0.6em;  font-weight:bold; text-align:center}
td{padding:0.5em 0.3em; text-align:center;border-bottom:1px solid #F6F6F6;}


.bloqueDetalle{ margin:1em 0; float:left; width:99%}
.bloqueGrupoDetalles01Izq{ float:left; margin-right:3em; width:50%}
.bloqueGrupoDetalles01Der{ float:left; width:46%}
.bloqueGrupoDetalles02{ clear:both} 
.bloqueBotonFormBuscador{ margin:0.6em 0}
dl dt{ font-weight:bold; float:left; clear:both; padding-right:0.5em; margin:0.1em 0; color:#555}
dl dd{  padding:0.1em 0 }
dl dd.dtLargo{ float:left; width:99%}

#wrapper { text-align:right}
#wrapper #location{ float:left}
#wrapper #fuente{ float:left; margin-left:10em}
#wrapper #scale{ float:right;padding-right0.6em}

#entidadInformanteTx { width:55em}
#entidadInformanteTx option{ width:55em}

.bloquePaginacion{ border:1px solid #ccc; padding:0.5em; font-size:0.9em}
.textoResultados{ margin-right:0.5em}
.bloquePaginacion ul li{ display:inline; padding:0.1em}
.bloquePaginacion ul li.siguienteMedio{padding-left:0.5em}
.bloquePaginacion ul li.siguiente a{ background:url(../img/siguiente.gif) no-repeat right 5px; padding-right:0.5em}
.bloquePaginacion ul li.anteriorMedio{padding-right:0.5em}
.bloquePaginacion ul li.anterior a{ background:url(../img/anterior.gif) no-repeat left 5px; padding-left:0.5em}
.bloquePaginacion a.botonera{ float:left; cursor:hand}
.bloquePaginacion div.footPaginacion{ clear:both; text-align:right; padding:0.3em; font-size:0.75em;}

.bloqueInputFiltro {padding:0.5em; font-size:0.9em}
.bloqueInputFiltro .eleBloqueInput{ float:left; margin-left:20px}

.bloqueCampo{ float:left; width:98%; margin:0.7em 0; padding-left: 1.5em; margin-top: 0px; margin-bottom: 0px;}
.bloqueCampoInput{float:left; width:66%}
.bloqueCampoLabel{float:left; width:20%; text-align:right; margin-right:5px}

.inputGrande{ width:30em}
.inputMediano{ width:10em}

.ui-widget {
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 0.9em;
}

.bloqueCampoInput label{
	width: auto;
	float: none;
}
.textoPresentacion{
	padding: 1em;
}

.aviso div{ border:1px solid #f00; padding:0.5em; color:#B90000}
.aviso div a{ color:#06c}

div.clear {clear:both;}


/* PIE */
#pie{ float:left; width:100%;border-top:1px dotted #ccc;background:url(../img/fondo_pie.jpg) repeat-x #eee; height:1.9em; margin-top:1em}
#pie a{color:#666; font-size:0.7em; text-decoration:none;}
#pie a:hover{text-decoration:underline;}
#bloquePieIzq{ float:left; width:24%; padding-left:1em; height:1.3em; padding-top:0.6em }
#bloquePieIzq a{float:left} 
#bloquePieDer{ float:right; width:74%;  height:1.9em;  }
#bloquePieDer ul{ float:right} 

#mensaje {width:90%;}
#mensaje ul{margin: 0.5em 0 1.2em 2em; float:left;}
#mensaje ul li{ margin:0.2em 0 0.8em 3em; font-size:0.9em; background:url(../img/bullet_01.gif) no-repeat 0 5px; padding-left:0.5em}
#mensaje ul.icoInformativo{background: url(../img/iconoInformativo.jpg) no-repeat scroll 0 0 transparent; padding-top: 0.2em;}
#mensaje ul.icoError{background: url(../img/iconoError.jpg) no-repeat scroll 0 0 transparent;}

.bloqueCampoTextoExito{ width:90%}

.bloqueInformativoCampoRojoReescan{
	float:left; 
	width:922px;  
	font-size:0.9em; 
	background:#FFFCF9; 
	border:1px solid #FF3300; 
	padding:10px; 
	margin-bottom:10px;
}

.submitLink {
background-color: transparent;
text-decoration: underline;
border: none;
color:#BB1A32;
cursor: pointer;
}