/* Autor : Francisco Javier López Guerra */
/* Fecha : 13/07/2011 */


/* CSS de la pagina Web del Portal Web de la CNSP*/
/* GENERAL (DEFAULT) */
/* DEFINICION DE LAS CLASES GENERALES Y DE ELEMENTOS BÁSICOS DE LA PÁGINA */

/* ---------------------------------------- CLASES GENERALES --------------------------------------------- */

body  { font:0.75em "Trebuchet MS", Arial, Helvetica, sans-serif; background:#fff; text-align: center;
	color: #666;margin:0;padding:0;
	height:100%}
html {height:100%}

#contenedor {background:url(../img/sombracuerpoizq.png) scroll repeat-y 0 0;}
#sombraderecha{background:url(../img/sombracuerpodch.png) scroll repeat-y right 0;}
#fondo{background: url(../img/fondopagina.png) scroll repeat  0;}

h1 {font-size:1.4em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1em;}
h6 {font-size:0.9em;}

h1, h2, h3, h4, h5, h6 { color:#696969; font-weight:100; letter-spacing:0.15em; border-bottom:1px dotted #ccc; margin: 1.2em 0;}

p, span {font-size:1em; line-height:1.8em;}

select{LINE-HEIGHT: 1.8em; FONT-SIZE: 1em;}

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

a:visited{ color:#666;text-decoration:none;}

a:active{ color:#004C90;text-decoration:none;}

a:hover{ color:#6694BC; text-decoration:none;}

.enlaceContenido{text-decoration:underline !important;}

li.listaContenido{LIST-STYLE-TYPE: none;}

/* ---------------------------------------- CLASES AUXILIARES --------------------------------------------- */

.clear { clear:both; height:0; font-size: 1px; line-height: 0px; }
/* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */

.oculto { display:none;}
/* clase para ocultar elementos de bloque */

.fltizquierda { float:left; margin:1em 2em 1em 0; clear:both;}
/* clase para flotar elementos hacia la izquierda */

.fltderecha { float:right; margin:1em 0 1em 2em; clear:both;}
/* clase para flotar elementos hacia la derecha */


img.izquierda{ float:left; margin:0.6em 2em 0.3em 0; clear:left;}
/* clase para flotar imagenes hacia la izquierda */


img.derecha{float:right; margin:0.6em 0 0.3em 2em; clear:right;}
/* clase para flotar imagenes hacia la derecha */

.nofondo{background:none !important;}
/* clase para eliminar fondos de bloques */


/* ---------------------------------------- CLASES ESPECÍFICAS : LISTAS --------------------------------------------- */

ul.listanoordenada, ol.listaordenada {
    /* resetamos los estilos de las listas */
    padding:0 0 0 3em;
    margin:1em auto;
    border:1px solid #f0f0f0;
    border-left:3em solid #CCDBE9;  
}

ul.listanoordenada li, ol.listaordenada li{
    background:#FFFFFF;
    margin: 0 0 0 -3em;
    padding:1em 1em 1em 0.8em;
    border-bottom:1px dotted #CCDBE9;
}

ul.listanoordenada{
    list-style-image:url(../img/bullet-azul.png);
}

ol.listaordenada {
    list-style-image:none;
    list-style-type:upper-roman;
}

ul.lista{
    padding:0;
    margin:2em 0 0 4em;
    list-style:none;
}

ul.lista li{margin:0.5em auto;}

ul.lista li a{font-style:italic;}

ul.enlaces li a {background:url(../img/iconoenlaces-reposo.png) scroll no-repeat 0 0.1em; padding-left:2em;}
ul.enlaces li a:hover {background-image:url(../img/iconoenlaces-sobre.png); }
ul.enlaces li a:active {background-image:url(../img/iconoenlaces-activo.png); color:#004C90;}

ul.documentos li a {background:url(../img/iconodocumentos-reposo.png) scroll no-repeat 0 0em; padding-left:2em;}
ul.documentos li a:hover {background-image:url(../img/iconodocumentos-sobre.png); }
ul.documentos li a:active {background-image:url(../img/iconodocumentos-activo.png); color:#004C90;}

/* ---------------------------------------- CLASES ESPECÍFICAS : ELEMENTOS DE TEXTO --------------------------------------------- */
span.importante{
    font-weight:bold;
    color:#004C90;
    letter-spacing:0.15em;
}

span.cita{
    color:#6694BC;
    font-style:italic;
}


/* ---------------------------------------- DEFINICION DE LOS ELEMENTOS DEL CUERPO PRINCIPAL DE LA PÁGINA PRINCIPAL  --------------------------------------------- */
/* ------------------------------------------ ALGUNOS DE ESTOS ESTILOS SERAN HEREDADOS POR LAS PÁGINAS INTERIORES  ----------------------------------------------- */

#cuerpocontenido{
    line-height: 1.8em;
    text-align:justify;
}

#cuerpocontenido div {
    margin-bottom: 1em;
}

#cuerpocontenido h1.encabezado{
    color:#666;
    background:url(../img/hr.png) scroll repeat-x 0 bottom;
    letter-spacing:normal;
    border:0px;
}

#cuerpocontenido h1.encabezado span{
    background:url(../img/arte-azul-der.png) scroll no-repeat 0 0;  
    display: block;
    padding-bottom: 12px;
    padding-left: 35px;
    line-height:1em;
}

#cuerpocontenido h1.encabezado2{
    color:#666;
    background:url(../img/hr.png) scroll repeat-x 0 bottom;
    letter-spacing:normal;
    border:0px;
}

#cuerpocontenido h1.encabezado2 span{
    display: block;
    padding-bottom: 12px;
    padding-left: 0px;
    line-height:1em;
}

#cuerpocontenidoportada{
    text-align:justify;
}

#cuerpocontenidoportada h1.encabezado{
    color:#666;
    background:url(../img/hr.png) scroll repeat-x 0 bottom;
    letter-spacing:normal;
    border:0px;
}

#cuerpocontenidoportada h1.encabezado span{
    background:url(../img/arte-azul-der.png) scroll no-repeat 0 0;  
    display: block;
    padding-bottom: 12px;
    padding-left: 35px;
    line-height:1em;
}

#cuerpocontenidoportada h1.encabezado2{
    color:#666;
    background:url(../img/hr.png) scroll repeat-x 0 bottom;
    letter-spacing:normal;
    border:0px;
}

#cuerpocontenidoportada h1.encabezado2 span{
    display: block;
    padding-bottom: 12px;
    padding-left: 0px;
    line-height:1em;
}

/* BLOQUE DESTACADOS */

.entradadestacados {
    font-size:1.2em;
    font-style:italic;
    line-height:1.4em;
    border-bottom:0.1em dotted #ccc;
    padding:1em;
}

.cajadestacados {
    
    padding-bottom:1em;
}

.cajadestacados h1.titulodestacado h2.titulodestacado{ 
    float: left;
    text-align: left;
    letter-spacing:normal;
    border:0px;
    width:75%;
    margin-top:1em;
}

h1.titulodestacado a {
    color: #6694BC;
}

.cajadestacados h1.titulodestacado img{
    margin-left:0.5em;
    margin-bottom: -0.25em;
}

.cajadestacados .leermas{   
    float:right;
    margin-top: 0;
    font-size:1em;
}

.cajadestacados .leermas a, .cajadestacados .leermas a:visited{
    color:#6694BC;
    font-style:italic;
    background:url(../img/lupa-p-reposo.png) scroll no-repeat 0 0.2em;
    padding-left:1.6em;
}

.cajadestacados .leermas a:hover{

    background-image:url(../img/lupa-p-sobre.png);
    font-weight:bold;
}

.cajadestacados .leermas a:active{
    color:#004C90;
    background-image:url(../img/lupa-p-activo.png); 
}

.cajadestacados .fechadestacados{
    color:#6694BC;
    float:right;
    margin-top:0.5em;
    font-style:italic;
    font-size:1.1em;
    font-weight:normal;
}


/* BLOQUE CAMPAÑAS */

.entradacamps {
    font-size:1em;
    font-style:italic;
    line-height:1.4em;
    border-bottom:0.1em dotted #ccc;
    padding:1.5em 1em 1em;
}

#camps .elementocamp{
    margin:1em 0.8em 0 0;
    float:left;
    text-align:left;
}

#camps .elementocamp span{
    display:block;
    color:#6694BC;
    padding-bottom:0.6em;
}


/* ---------------------------------------- DEFINICION DE LOS ELEMENTOS DE LAS PÁGINAS INTERIORES--------------------------------------------- */
/* MIGAS DE PAN (BREADCRUMB) */

div.migas{
    color:#666;
    background:url(../img/hr.png) scroll repeat-x 0 bottom;
    letter-spacing:normal;
    border:0;
    padding: 1.5em 0 0.8em;
}
    
div.migas span{
    font-style:italic;
}

div.migas ul{
    margin:0;
    padding:0;
    display:inline;
}

div.migas ul li {
    display:inline;
    margin:0;
    padding:0 0.1em 0 1.2em;
    background:url(../img/bullet-p-migas.png) scroll no-repeat 0 0.25em;
}

div.migas li:first-child{
    background:none;
    padding-left:0.2em;
}

div.migas ul li a{
    color:#6694BC;
    font-style:italic;
}

/* BOTONERA (BARRA AUXILIAR PARA BOTONES) */

.botonera {
    float:right;
    margin:0 0 1em 0; 
    clear:both;
}

.botonera a{
    color:#6694BC;  
    margin-left:1em;
}

.botonera a.imprimir{padding-left:2em; background:url(../img/iconoimprimir-reposo.png) scroll no-repeat 0 0;}
.botonera a.imprimir:hover{background-image:url(../img/iconoimprimir-sobre.png);}
.botonera a.imprimir:active{background-image:url(../img/iconoimprimir-activo.png); color:#004C90;}

.botonera a.volver{padding-left:1.5em; background:url(../img/iconovolver-reposo.png) scroll no-repeat 0 -0.15em;}
.botonera a.volver:hover{background-image:url(../img/iconovolver-sobre.png);}
.botonera a.volver:active{background-image:url(../img/iconovolver-activo.png); color:#004C90;}

/* CONTENIDO GENERAL DE LAS PAGINAS */

.bloquecontenido{
    background:url(../img/cierrecajas.png) scroll no-repeat bottom center;
padding-bottom:2em; 
margin:1em auto; 
}


h1.titulo, h2.titulo{   
    float: left;
    text-align: left;
    letter-spacing:normal;
    border:0px;
    margin-top:0.7em;
    color: #004C90;
}

h1.titulo {font-size:1.6em;}
h2.titulo {font-size:1.2em; font-style:italic;}


h1.titulo img{
    margin-left:0.5em;
    margin-bottom: -0.1em;
}

.fecha, .tipodocumento{
    float:right;
    font-size:1.1em;
    font-style:italic;
    color:#6694BC;
}

/*.contenido img, .pieimagen{
    width:40%;
}*/

.pieimagen{
    font-size:0.9em;
    font-style:italic;
    color:#6694BC;
    text-align:center;
    clear:both;
    }

/* CONTENIDO PARA PÁGINAS TIPO LISTADO */

.bloquelistado{margin:1em 0 0 5em; padding-bottom:1em; background:url(../img/cierrecajas.png) scroll no-repeat center bottom;}

.tituloarchivo, .tituloenlace, .titulonoticia{ border:none; float:left; }

.tituloarchivo a, .tituloenlace a, .titulonoticia a{ font-size:0.9em; color: #004C90; letter-spacing:normal; font-style:italic; padding-right:1.5em;}
 
.tituloarchivo a{ background:url(../img/iconodescarga-reposo.png) scroll no-repeat 0.2em; }
.tituloarchivo a:hover{background-image:url(../img/iconodescarga-sobre.png);}
.tituloarchivo a:active{background-image:url(../img/iconodescarga-activo.png);}

.tituloenlace a{ background:url(../img/iconoenlaces-reposo.png) scroll no-repeat right 0.22em;}
.tituloenlace a:hover{background-image:url(../img/iconoenlaces-sobre.png);}
.tituloenlace a:active{background-image:url(../img/iconoenlaces-activo.png);}

.titulonoticia a{ background:url(../img/icononoticia-reposo.png) scroll no-repeat right 0.1em;}
.titulonoticia a:hover{background-image:url(../img/icononoticia-sobre.png);}
.titulonoticia a:active{background-image:url(../img/icononoticia-activo.png);}

.peso{
    color:#6694BC;
    letter-spacing:0.1em;
    padding-left:2.5em;
    background:url(../img/iconodocumentos-reposo.png) scroll no-repeat 0 0.2em;
    font-style:italic;
}

/* PAGINACIÓN */

#navegacion{
    margin:0 0 1em 5em;
    text-align:center;
}

.anterior, .paginacion, .siguiente{ 
    font-size:0.9em;
    font-style:italic;
}

a.anterior {background:url(../img/iconoanterior-reposo.png) scroll no-repeat 0 0; padding-left:2em;}
a.anterior:hover {background-image:url(../img/iconoanterior-sobre.png);}
a.anterior:active {background-image:url(../img/iconoanterior-activo.png); color: #004C90;}

a.siguiente {background:url(../img/iconosiguiente-reposo.png) scroll no-repeat right 0; padding-right:2em;}
a.siguiente:hover {background-image:url(../img/iconosiguiente-sobre.png);}
a.siguiente:active {background-image:url(../img/iconosiguiente-activo.png); color: #004C90;}

.paginacion{margin:0 0; color:#6694BC; }

/* MAPA WEB */

.bloquemapaweb{border:1px solid #ccc; margin:0 0 3em 0; padding:0 0 2em 0; list-style:none; border-bottom:0em; }
.bloquemapaweb li.titulomapaweb{margin:-1em 0 1em 2em; float:left; padding:0.3em 1em; background:url(../img/fondopagina.png) scroll repeat 0 0;}
.bloquemapaweb li a{display:block; clear:both; font-size:1em; font-weight:bold}

div.cierrecajas{ width:100%; float:left; height:1em; background:url(../img/cierrecajas.png) scroll no-repeat center top; margin-top:-3.4em; clear:both;}

.apartado{margin:0 0 0 5em; padding:0; list-style:none;}
.subapartado{margin:0 0 0 2.5em; padding:0; list-style:none;}

.apartado li, .subapartado li{margin:0.8em 0 0 0; padding:0;}
.apartado li a{font-weight:lighter;}

.subapartado li a{font-style:italic; font-size:0.9em;}

/* ESTIlOS DE TABLAS */

.tipotabla{width:100%; margin:2em 0 1em 0; border-collapse:collapse;}
.tipotabla caption{color:#6692BA; text-align:right; margin:0.4em 0; font-size:1.1em; font-style:italic;}
.tipotabla th, .tipotabla td{background:#0CC; padding:1em; text-align:left; border-left:0.3em solid #F7F7F7}
.tipotabla th{background:#6692BA; color:#FFF;}
.tipotabla tr td{background:#CCDBE9; color:#666;}
.tipotabla tr:nth-child(2n) td{background:#DDDDDD;}
.tipotabla tr td:first-child, .tipotabla tr th:first-child{border:0;}
.tipotabla .nowrap{white-space:nowrap; text-transform:uppercase;}



/* FORMULARIO DE BUSQUEDA */

.cajablanca{border:1px solid #ccc; margin:2em 0 3em 0; padding:1em; list-style:none;  background:#FFF;}
.cajablanca h2{border:0; color:#6694BC}
.fltdch { float:right !important; margin:1.2em 0 1em 2em !important;}

.formulariobusqueda label{width:100%; color:#6694BC; font-size:1.2em; float:left; margin:0.5em 0; padding:0.3em 0 0 0; text-align:left; border-bottom:1px dotted #6694BC;}
.formulariobusqueda input[type=text]{width:100%; color:#6694BC; float:left; font-size:1em; margin:0.5em 0; font-style:italic;}
.formulariobusqueda select{width:100%; color:#6694BC; float:left; font-size:1em; margin:0.5em 0; font-style:italic;}
.formulariobusqueda input[type=submit]{color:#6694BC; border:0; background:url(../img/lupa-p-reposo.png) scroll no-repeat 0 0;margin:1em 0 0 0; padding-left:1.5em; float:left; cursor:pointer;}
.formulariobusqueda input[type=submit]:hover{background-image:url(../img/lupa-p-sobre.png);}
.formulariobusqueda input[type=submit]:active{background-image:url(../img/lupa-p-activo.png);color:#004C90;}
.formulariobusqueda input[type=button]{color:#6694BC; border:0; background:url(http://www.cnspostal.es/export/system/modules/es.cnsp.portal.site.module/resources/img/iconoreiniciar-reposo.png) scroll no-repeat 0 0;margin:1em 0 0 0; padding-left:1.5em; float:left; cursor:pointer;}
.formulariobusqueda input[type=button]:hover{background-image:url(http://www.cnspostal.es/export/system/modules/es.cnsp.portal.site.module/resources/img/iconoreiniciar-sobre.png);}
.formulariobusqueda input[type=button]:active{background-image:url(http://www.cnspostal.es/export/system/modules/es.cnsp.portal.site.module/resources/img/iconoreiniciar-activo.png);color:#004C90;}


/* FORMULARIO DE CONTACTO */

.formulariocontacto form label{width:20%; float:left;font-size:1em; margin:0.5em 0; padding:0.3em 2em 0 0; padding-left:2em; text-align:left; border-bottom:1px dotted #ddd;}
.formulariocontacto form label.requerido{background:url(../img/iconollave.png) scroll no-repeat 0 0.35em; }
.formulariocontacto form input[type=text]{width:70%; color:#6694BC; float:right; font-size:1em; margin:0.5em 0; font-style:italic;}
.formulariocontacto form textarea{width:70%; color:#6694BC; float:right; font-size:1.2em; font-style:italic; height:8em;}
.infoformulario{float:left; font-size:1.2em; color:#004C90; font-style:italic;}
.datorequerido{font-size:1em; color:#666; float:right; font-style:italic}
.formulariocontacto form input[type=submit]{color:#6694BC; border:0; background:url(../img/iconoenviar-reposo.png) scroll no-repeat 0 0;margin:1em 0 0 0; padding-left:2em; float:right; cursor:pointer;}
.formulariocontacto form input[type=submit]:hover{background-image:url(../img/iconoenviar-sobre.png);}
.formulariocontacto form input[type=submit]:active{background-image:url(../img/iconoenviar-activo.png);color:#004C90;}