@charset "utf-8";

/* CSS Document */

/*
-----------------------------------------------
Hoja de Estilos

Site: Web Defensor del Pueblo de la Region de Murcia
Author:   NEWEB
Version:  04.2009
-----------------------------------------------
*/

body {
    background-color: #CCDBDB;
    margin: 0em;
}

#foto {
    position:relative;
    float: right;
    z-index: 1;
    margin-right: 1em;
    margin-left: 1.5em;
}

label, .label {
    font-weight: bold;
    color: #282828;
    text-decoration: none;
}

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

a:hover {
    color: #A3002F;
}

acronym {
    text-decoration: none;
    border-bottom: 1px solid dashed;
}

p {
    margin-top: 0.7em;
    margin-bottom: 0.7em;
}

/* ------------------ BLOQUES ------------------ */

#contenedor {
    width: 100%;
}

#contenido {
    margin-left: 5%;
    margin-right: 5%;
    background: #FFFFFF;
}

/* ------------------ CABECERA ------------------ */

#cabecera  {
    background: #FFFFFF;
    padding-top: 0.3em;
    padding-right: 2%;
    padding-left: 2%;
    height: 120px;
}
#logo {
    background: url(../images/logo-defensor.png) no-repeat left;
    position: absolute;
    float: left;
    width: 150px;
    height: 116px;
}

#titulo {
    position: relative;
    float: right;
    padding-top: 8px;
    width: 80%;
}

#titulo1 {
    background: url(../images/fondo-cab.png) repeat-x;
    position: relative;
    float: right;
    padding-left: 3%;
    padding-top: 0.5em;
    width: 97%;
    height: 83px;
}

#titulo1 h1 {
    display: block;
    float: right;
    margin-top: 0.9em;
    margin-bottom: 0px;
    margin-right: 20px;
    font: 26px "tahoma", "arial", "myriad pro";
    text-align: right;
    color: #FFFFFF;
}


#titulo2  {
    background: #EAE8CE url(../images/img-menu.png) no-repeat left;
    position: relative;
    float: right;
    height: 10px;
    width: 100%;
}

#titulo2 h2 {
    display: block;
    float: right;
    margin-top: 3px;
    margin-right: 20px;
    margin-bottom: auto;
    font: 14px Verdana, Arial, Helvetica, "sans-serif right";
    font-weight: bold;
    color: #A3002F;
}

#subcabecera {
    background: url(../images/fondo-menu-gris.png) repeat-x;
    position: relative;
    width: 100%;
    height: 8px;
}

/* ------------------ CUERPO CENTRAL ------------------ */

#central {
    background: #FFFFFF;
    float: left;
    padding-left: 3%;
    padding-right: 2%;
    width: 95%;
    border-bottom: #A3002F 3px solid;
}

/* ------------------ CUERPO CENTRAL : BLOQUE IZQUIERDA ------------------ */

#bloqueizq {
    position: relative;
    float: left;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-bottom: 2em;
    padding-top: 1em;
    width: 18%;
}

#menu {
    width: 97%;
    padding-right: 4%;
    text-transform: uppercase;
    border: #A3002F 1px solid;
    margin-bottom: 20px;
}

#menu ul {
    font: 11px "Arial";
    font-weight: bold;
    color: #A3002F;
    margin-top: 1.2em;
}

#menu ul li.primerNivel {
    margin-left: -1em;
    margin-top: 1em;
    list-style-image: url(../images/nivel-menu.png);
}

#menu ul li.segundoNivel {
    margin-left: 0.2em;
    text-transform: none;
    list-style: none;
    margin-top: 0.2em;
}

#menu a {
    width: 90%;
    margin-left: 0px;
    color: #A3002F;
    text-decoration: none;
}

#home #nav, #home #seguimiento {
    color: #666666;
}

#bajomenu {
    background: #EAEFEF;
    width: 100%;
    margin-left: 0px;
    text-decoration: none;
    line-height: 20px;
}

.fondomenu {
    position: relative;
    float: left;
    background: url(../images/fondo-menu.png) repeat-x center;
    width: 100%;
    height: 25px;
    margin-bottom: 1%;
}

.fondomenu h2 {
    display: block;
    position: relative;
    float: left;
    margin-top: 4px;
    margin-left: 15px;
    font: 12px Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #FFFFFF;
}

.datoseventos {
    background: #F8F8F8;
    position: relative;
    float: left;
    padding: 5% 5% 2% 5%;
    width: 90%;
    font: 11px "Arial";
    line-height: 1.4em;
}

.datoseventos strong {
    color: #A3002F;
}

.separador {
    position: relative;
    float: left;
    background: #A3002F;
    width: 95%;
    height:1px;
}

/* ------------------ CUERPO CENTRAL : BLOQUE derecha ------------------ */

#seguimiento  {
    position: relative;
    float: left;
    padding-top: 5px;
    width: 96%;
    height: 25px;
    font: 11px "arial", "verdana";
    color: #A3002F;
}

#seguimiento  a {
    text-decoration: none;
    color: #A3002F;
}

#bloqueder {
    position: relative;
    float: right;
    padding: 2% 0 2% 4%;
    min-height: 600px;
    width: 73%;
}

#titulos {
    float: left;
    width: 96%;
    padding-top: 15px;
    padding-bottom: 20px;
    font: 20px "arial";
    font-weight: bold;
    color: #A3002F;
}

#principal {
    position: relative;
    float: left;
    width: 98%;
    text-align: justify;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    line-height: 18px;
    margin-bottom: 2em;
}

#principal h3 {
    line-height: 30px;
    font: 16px "arial";
    font-weight: bold;
    color: #A3002F;
}

#principal li {
    line-height: 18px;
    text-decoration: none;
    margin-bottom: 1em;
}

#principal img {
    border: 0em;
}

#secundario {
    background: #EAEFEF;
    position: relative;
    float: right;
    padding: 2% 2% 2% 2%;
    width: 96%;
    text-align: justify;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    line-height: 18px;
}

.boxnoticias {
    background: #EAEFEF;
    position: relative;
    float: left;
    margin-left: 1.4em;
    margin-right: 10px;
    padding-top: 20px;
    width: 95%;
    text-align: justify;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    line-height: 18px;
}

.boxnoticias p {
    float: left;
    line-height: 18px;
}

.boxnoticias br {
    line-height: 18px;
}

.boximg {
    padding-right: 20px;
}

.infoboxnoticias {
    /*padding-top: 0.6em;*/
    padding-bottom: 1.5em;
    margin-left: 15em;
    max-width: 80em;
}

.infoboxnoticias a {
    color: #A3002F;
    text-decoration: none;
}

.infoboxnoticiastitulo {
    margin-bottom: 0.2em;
    display: inline-block;
}

.infoboxnoticiascuerpo {
    margin-top: 0.2em;
}

dt.fechaNotaPrensa {
    margin-top: 2em;
    font-weight: bold;
}

img.actualidad  {
    /**
    border: 3px double #cccccc;
    margin-right: 4px;
    float: left;
    width: 140px;*/
    border: 3px double #CCCCCC;
    margin-right: 3em;
    margin-bottom: 2em;   
    float: left;
}

.clear {
    clear: both;
    text-align: right;
    margin-top: 15px;
    margin-bottom: 30px;
}

.clear a {
    font-family: "arial";
    color: #A3002F;
    text-decoration: none;
}

.clear a:hover {
    font-weight: bold;
}
#imgbienv {
    padding-right: 50px;
    width: 100%;
}

#imgbienve img {
    float: right;
    padding-left: 20px;
}

#titulosnoticias a {
    float: left;
    width: 100%;
    height: 30px;
    padding-top: 10px;
    padding-bottom: 15px;
    font: 14px "Verdana";
    color: #A3002F;
    text-decoration: none;
}

#titulosnoticias a:hover {
    text-decoration: underline;
}

dl.listadoeventos {
    margin-left: 2em;
    margin-right: 2em;
}

dt.fechaevento {
    margin-top: 1em;
    margin-bottom: 0.6em;
    font-weight: bold;
    color: #000000;
}

dt.horaynombreevento {
    margin-left: 2em;
    margin-top: 1em;
    margin-bottom: 0.2em;
    color: #A3002F;
}

dd.infoevento {
    margin-left: 2em;
    margin-bottom: 1.2em;
}

.accioneslistadoarchivos {
    float: right;
    margin: -0.2em 0.5em 0.2em 1.5em;
    padding: 0.2em 0.6em 0.6em;
    position: relative;
}

.accioneslistadoarchivos img {
    border: 0em;
}

p.titularFicha {
    display: none;
}

#buscanoticia {
    border: 1px solid #E5E5E5;
    width: 94%;
    position: static;
    padding: 1em;
    margin: auto;
}

.titular {
    color: #666666;
    font-weight:bold;
    margin-top: 0px;
    font-size: 1em;
    line-height: 1.2em;
    margin-bottom: 0px;
    padding-left: 0.4em;
    clear: left;
}

.titular a {
    padding-bottom: 0em;
}

.titularFicha {
    font-size: 135%;
    text-decoration: none;
    font-weight: bold;
    line-height: 125%;
    padding: 0.5em 1.5em 0.5em 1em;
    color: #333333;
    background-color: #F9F9F9;
}

.filaDivListado .titular {
    margin-top: 1em;;
    clear:none;
}

.sumario {
    line-height: 1.1em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 1em;
    padding-top: 0px;
    padding-left: 0.4em;
}

.sumarioFicha{
    font-size: 110%;
    font-weight: bold;
    line-height: 120%;
    color: #666666;
}

.formulario {
    margin-left: 25px;
    margin-right: 10px;
}

.formulario input, .formulario select, .formulario textarea, .formulario checkbox {
    border: 1px solid #666666;
    font-size: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

legend, ul.listadoMenu li.legend {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
    color:#003366 !important;
    font-weight: bold !important;
    text-align:left;
}

.paginador {
    float: right;
    margin-left: 25px;
}

/* ------------------ PIE DE PAGINA ------------------ */

#pie {
    float: left;
    background: #FFFFFF;
    width: 100%;
    font: 10px "Arial";
    color: #663300;
    border-bottom: #A3002F 3px solid;
}

#contenidopie {
    float: left;
    background: #EAE8CE;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    height: 60px;
}

.datosuno {
    float: left;
    margin-top: 15px;
    margin-bottom: 6px;
    margin-left: 20px;
}

.datosdos {
    float: right;
    margin-top: 15px;
    margin-bottom: 6px;
    margin-right: 20px;
    text-align: right;
}

/* ------------------ PLANTILLA DE ERROR ------------------ */

#error {
    text-align: center;
    border-bottom: #A3002F 3px solid;
    padding-top: 1em;
}

#trazaError {
    text-align: center;
    padding: 1em;
    font-weight: normal;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    margin: 0px 0px 4px 0px;
}

/* ------------------ ESTILOS PARA EL CALENDARIO ------------------ */

table.calendario {
    width: 20.85em;
    border: 0.1em solid #cccccc;
    margin: auto;
    text-align: center;
    font-size: 10px;
    line-height: 1.2em;
}

table.calendario td.botones_calendario {
    text-align: center;
}

table.calendario td.diaActual {
    text-align: right;
    font-weight: bold;
    color: #EE5500;
}

table.calendario td.dias {
    text-align: right;
    color: #C9C9C9;
}

table.calendario td.festivo {
    font-weight: bold;
    color: #CC0000;
    text-align: right;
}

table.calendario tr.titulo_calendario th {
    background: #F5F5F5;
    border: solid 1px;
    color: #404040;
}

table.calendario tr.titulo_dias th {
    text-align: center;
    border: solid 1px;
    color: #404040;
}

#principal table.calendario a {
    line-height: 10px;
}

/* ------------------ ESTILOS PARA LAS LEGISLACIONES ------------------ */
table.fichadatosvcalborde {
        border-collapse:collapse;
        border: 1px #CCCCCC solid;
}
table.fichadatos, table.fichadatosvcal {
    empty-cells:hide;
    margin-bottom: 2em;
    clear: both;
}

table.fichadatos td, table.fichadatosvcal td {
    padding-left: 0.4em;
    padding-bottom: 0.8em;
    background-color: #FBFBFB;
}
table.fichadatosvcalborde td {
        padding: 0.4em 0.4em 0.8em 0.4em;
        border: 1px solid #CCCCCC;
}

table.fichadatos th {
    text-align:left;
    border-top-style: none;
    border-left-style: none;
    border-right-style: double;
    background-color: #F8F8F8;
    vertical-align:top;
    color: #282828;
}

table.fichadatosvcal th, .fichadatosvcalborde th {
    text-align:left;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    background-color: #F8F8F8;
    vertical-align:top;
    color: #484848;
    border-bottom: 3px double #CCCCCC;
}
 .fichadatosvcal caption, .fichadatosvcalborde caption {
        font: bold 1.3em "Trebuchet MS", Verdana, "Arial Rounded MT Bold", Arial, sans-serif;
        color: #333333;
        background: #F8F8F8;
        margin-top: 1em;
        padding: 0.2em 0.5em;
        border-bottom: 3px solid #CCCCCC;
    }


/* ------------------ ESTILOS PARA LOS RELACIONADOS ------------------ */

ul.listadoMenu {
    padding: 2px 10px 2px 35px!important;
    margin: 0px 0px 4px 10px !important;
    background: url(../images/f_listadomenu.gif) repeat-y;
    list-style: square outside;
    vertical-align: baseline;
    position: relative !important;
}

ul.listadoMenu li {
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 0.2em;
    padding: 0em 0em 0.8em 1em;
    line-height: 1.4em;
    vertical-align: middle;
    list-style-image: none;
    list-style-type: none;
    z-index: auto;
    position: relative !important;
}

ul.listadoMenu ul, ul.listadoMenu ul li {
    margin-left: 1em;
    padding-left: 0px;
    position: relative !important;
}

.listadoMenu li a {
    font-size: 105% !important;
}

ul.listadoMenu ul li ul li a {
    font-weight: normal;
}

/* ------------------ ESTILOS PARA EL FORMULARIO DE CONTACTO ------------------ */

fieldset.consulta {
    border: solid #CC0066 0.1em;
}

div.capaConsulta {
    width: 51em;
}

fieldset.consulta legend {
    color: black;
    font-weight: bold;
}

fieldset.consulta input, fieldset.consulta textarea {
    border: solid #A9A9A9 0.1em;
}

/* ------------------ ESTILOS PARA EL LISTADO DE ENLACES ------------------ */

img.rebordeFotos {
    border: 1.5px solid #CCCCCC;    
    width: 78px;
    height: 54px;
}
.celdaImagenEnlace img.rebordeFotos {
    border: 1.5px solid #CCCCCC;
    width:auto;
    height: auto;
}

/* ------------------ ESTILOS PARA LOS CONTENIDOS RELACIONADOS ------------------ */

.relacionados {
    margin-left: 0em;
    padding: 2px;
    position: relative;
    clear: both;
}

ul.relacionados li {
    list-style-position: inside;
}
ul.relacionados li a{
    margin-left: 4px;
}

#otrosFormatos {
    margin-top: 2px;
    padding: 0.5em;
    text-align:right;
    position:relative;
}

#otrosFormatos p.relacionados {
    width: 180px;
    text-align: center;
    background-color: #F9F9F9;
    position:relative;
}

/* ------------------ ESTILOS PARA LOS RECORTES DE PRENSA ------------------ */

p.listadoRecortesPrensa {
    margin-top: 2em;
}

div.fechaRecortePrensa {
    margin-bottom: 0.5em;
    font-weight: bold;
}

div.materiaRecortePrensa {
    color: #282828;
    margin-left: 1.5em;
    margin-bottom: 0.5em;
    font-weight: bold;
}

/*table.infoRecortePrensa img {
    width: 80px;
    height: 14px;
    margin-left: 3em;
}

table.infoRecortePrensa a {
    float: left;
}*/

.infoRecortePrensa img{
    /*padding: 0.5em 0.25em 0.5em 3em;*/
    width: 80px;
    height: 14px;
    vertical-align: middle;
}

.infoRecortePrensa {
    padding: 0em 1em 2em 1em;
}
.infoRecortePrensa p {
    margin-left: 9em;
    padding-top: 0em ! important;
    margin-top: 0em !important;
    margin-bottom: 0em !important;
 
}

.fotoRecortePrensa {
    margin-right: 1em;
    margin-left: 1em;
    vertical-align: middle;
    float: left;
}

/* ------------------ ESTILOS PARA LOS ANUNCIOS DE LICITACIÓN ------------------ */

table.listadoAnuncios th {
    border: 1px solid;
    text-align: center;
    padding: 1px;
    background-color: #F5F5F5;
    color: #585858;
    border-color: #AFAFAF;
    padding: 0.8em;
}

table.listadoAnuncios td {
    text-align: center;
    height: 3.8em;
}

.anuncioLicitacion table.fichadatosvcal caption {
    text-align: left;
    font-weight: bold;
    padding: 0.5em;
    background-color: #FBFBFB;
    color: #282828;
}

.tituloSeccionAnuncio {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 135%;
    background-color: #F8F8F8;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: bold;
    display: block !important;
    display: inline-block;
    margin-bottom: 0.3em;
    color: #282828;
}

/* ------------------ ESTILOS PARA OTROS ASPECTOS ------------------ */

.separador {
    margin-left: 0em;
    padding: 4px;
    background-color: #F2EBD0;
    position: relative;
    height: 3%;
}
.separamulti {
    border-bottom: 1px dotted #CCCCCC;
}
a.enlaceMasActividades {
    margin-top: 0.4em;
    float: right;
}

a.enlaceMasNotasPrensa {
    margin-top: 1.6em;
    float: right;
}

li.listadoDocs a img {
  border-width: 0px;
}

.filaDivListado {
      display:inline-block;
      width:95%;
  }

.fotoNoticia{
  width:12em;
  margin-top: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
  float: left;  
}

.agrupacionTablaEnlace{
    margin-bottom:1em;
    margin-left: 3em;
}

.celdaImagenEnlace {
    margin-left: 1em;
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    width:12em;
    float: left;
    height:8em;
}

.bloqueGaleriaImagenes {
    margin-top:1em;
    margin-left:1em;
}
.filaGaleriaImagenes {
    display:inline-block;
    width:95%;
}

.celdaDerechaGaleriaImagenes{
    width:49%;
    float:right;
}

.celdaIzquierdaGaleriaImagenes{
     width:49%;
     float:left;
}

.imagenCeldaGaleriaImagenes {
    border: 3px double #cccccc;
    float: left;
    margin-right:1em;
    margin-bottom:1em;
}

form.sintabla fieldset.fieldsetEstandar {
    margin-left: 4em!important;
    width: auto;
    padding: 1em 2em;
}

.sintabla fieldset.fieldsetEstandar input {
    font-size: 1em;
    height: 1.6em;
    margin-top: 0em;
    margin-bottom: 0em;
    border: 1px solid #636363;
    background-color: #FFFFFF;
}

form.sintabla fieldset.fieldsetEstandar label {
    width: 8em;
    background-color: #F2F2F2;
    padding: 0.2em;
    border: 1px solid #636363;
    display: block;
    float: left;
    line-height: 1.4em;
    margin-top:0.1em;
}

/** FORMULARIO DE AUTENTICACIÓN */

form#formularioAutenticacion {
    text-align: center;
    font-size: 1.05em;
}

form#formularioAutenticacion fieldset#autenticacion {
    text-align: center;
    width: 23em;
    margin: auto;
    overflow: hidden;
}

form#formularioAutenticacion fieldset#autenticacion #datosAutenticacion {
    display: block;
    text-align: left;
    padding: 0.5em;
    margin: auto;
    margin-top: 0.5em;
}

form#formularioAutenticacion fieldset#autenticacion #datosAutenticacion .filaAutenticacion {
    margin: auto;
    margin-top: 0.3em;
}

form#formularioAutenticacion fieldset#autenticacion #datosAutenticacion .columnaAutenticacionIzquierda {
    text-align: right;
    font-weight: bold;
    float: left;
    width: 5.5em;
    padding-right: 0.5em;
}