/*  ------------------------------------------
/*  Version 2021 por Santi: en proceso
/*  ------------------------------------------ */

* {margin:0;padding:0}
html,input,textarea {font-family: Verdana, sans-serif;font-size: 100%}
body {background: #fff;color: #333;font-size: .75em;padding: 0 .7em}

a { text-decoration: none; color: #333}
a:hover { text-decoration: underline;color:#000}
h1,h2,h3,h4,h5,h6 {font-size: 1em;font-weight: normal}
li {list-style-type: none}
img {max-width: 100%;height: auto;display: block}
hr {height: 1px;background-color: #ddd;border:0;margin:2em 0}

/* layout principal */
header,nav,#main,footer {max-width:970px;margin: 0 auto 1.5em auto}
#main {display: flex;flex-flow: row nowrap;justify-content: space-between}
#main > article {flex-grow: 1;margin-right: 1.6em;width: 20px;padding-top: 1.5em;border-top: 1px solid #eee}
.sommaire #main > article {padding: 0;border-width: :0;border-top: 0 none}
aside {width: 18.15rem;box-sizing: border-box;font-size: .95em}
.flex {display: flex;justify-content: space-between;flex-flow: row nowrap}

/* cabezal */
header {border-radius: 0 0 5px 5px;background-blend-mode: multiply}
header a {display: block;padding: 5.4em 1em .5em 1.3em}
header .spip_logo {height: 4em;width: auto}

/* menu principal */
nav {display: flex;flex-flow: row nowrap;justify-content: space-between}
nav ul {
	flex-grow: 1;margin-right: 1.5em;padding: .9em .9em 0 0;
	display: flex;justify-content: space-between;flex-flow: row wrap;
	border: 1px solid #9f9f9f;background: #eee;border-radius: 5px
}
nav li {margin: 0 .0 .9em .9em}
nav .on {font-weight: bold}
nav .correo {width: 18.15rem;box-sizing: border-box;text-shadow: 1px 1px 3px #ccc;flex-shrink: 0}
nav .correo a {
	display: flex; justify-content: center; align-items: center;box-sizing: border-box;
	border: 1px solid #9f9f9f;border-radius: 5px;padding: .9em;height:100%;
	background: #e6e6e6 url(../img/fondo_sub_menu_dcha_50.png) center repeat-x
}
nav .correo a:hover {text-decoration: none;background: #e6e6e6 url(../img/fondo_sub_menu_dcha.png) center}

/* Pie de pagina */
footer {border-top: 1px solid #e1e1e1;margin: 3em auto 1em auto}
footer p {margin: 1.5em;font-size: .95em;text-align: center}

/* BLOQUES -----------------*/ 

.block {border-bottom: 1px solid #e1e1e1;margin: 0 0 1.5em 0}
.block h4 {color: #a00000;text-transform: uppercase;margin-bottom: 1.2em}
.block ul, .block ol, .block p {line-height: 1.25;margin-bottom:1em}
.block li {list-style-type: none;margin-bottom: .4em}
.block ol li {list-style-type:decimal-leading-zero;margin: 0 0 .4em 2em}

.titulares .fecha {margin:0;color:#999}
.titulares h3 {font-size:1.9em;line-height: 1.3;font-family:'Georgia',serif;margin-bottom:.3em}
.titulares p {line-height: 1.4}
.titulares .ultimos .block {margin-bottom:.6em}
.titulares .ultimos .block:last-child {border-width:0;margin-bottom:1.5em}
.titulares .ultimos h3 {font-size: 1.45em; line-height: 1.25;margin-bottom: .4em}

#superbanner {margin-bottom: 1.5em}
#superbanner img {border:1px solid #eee;margin:auto}
#superdestacado img {float: right;margin: 0 0 1em 1em;max-height: 9em;width: auto;}
#destacados > div {width: 46%}
#destacados .fecha {margin-bottom:.8em}
#destacados img {float: left;margin: .2em 1em 1em 0}
#destacados > .block {border-width: 0;margin-right:1.5em;flex-grow: 1}
#destacados .antetitulo {text-transform: uppercase;margin: 0}

#novedades {width: 60%;margin-right: 1.5em;flex-grow: 1;border-width: 0;padding-top: 1.5em;font-size:.95em}
#novedades ul {padding: 1.5em;background-color: #eee}
#novedades li {padding:.6em;line-height: 1.4}
#novedades li span {text-transform: uppercase;font-size:.9em}
#novedades li:nth-of-type(odd) {background-color: #fafafa}
#novedades > p {font-size:.9em}
#novedades > p span {color: #005985; text-transform:uppercase;font-size:.9em}
#novedades h4 a {padding:1.5em;border:1px solid #eee}
#novedades h4 .on {background-color: #eee}
#novedades form select {border:1px solid #e1e1e1;padding: .2em}
#novedades form input {vertical-align: middle}

#convocatorias {width: 30%;border:0;margin-top: 1.5em}
#convocatorias article {background-color: #87888a;color:#000;margin-bottom: 1rem;padding: 1.1em .7em .1em .7em;font-size: .95em}
#convocatorias article a {color: #fff}
#convocatorias.block h4.contador {color: #fff}
#convocatorias article .item {text-transform: uppercase}
#convocatorias > p {font-size:.9em}
#convocatorias > p span {color: #005985; text-transform:uppercase;font-size:.9em}
#convocatorias .fecha {font-family: Georgia,serif;line-height: 1}
#convocatorias .dia {line-height: .8;font-size: 3em}
#convocatorias li {margin: 1em 0;line-height: 1.3}
#convocatorias li a {display: block;padding: .4em .3em;border-bottom: 1px solid #a9a9a9}
#convocatorias li a:hover {background-color: #0094c1;text-decoration: none}

#inc_lasfrases blockquote {border-top: 1px solid #e1e1e1;font-size:1.1em;padding:1.4em 6em 1.2em 4em;font-family: Georgia, Times, serif}
#inc_lasfrases p {color:#777;font-style: italic;line-height: 1.4}
#inc_lasfrases cite {font-style:normal}

#sindicados {border-bottom: 0;font-size: .95em}
#sindicados ul {width: 50%;margin: 0 auto 1em auto}
#sindicados li {list-style-type: square;margin: .6em 1em .6em 2em}
#sindicados .titulo {color: #005985}
#sindicados .autor {text-transform: uppercase;font-size: .8em}

#ayudausuarios {border: 1px solid #e1e1e1;border-radius: 5px;margin-bottom: 1.5em;padding: .8em}
#ayudausuarios .menu {display: flex; flex-flow: row wrap;justify-content: space-between;margin-bottom: .8em}
#ayudausuarios .menu li {width: 48.5%;font-size: 1.1em;margin-bottom:.4em}
#ayudausuarios .menu li a {
	border-radius: 3px;text-shadow: 0 1px 0 #fff;border: 1px solid #9f9f9f;
	background:url(../img/fondo_sub_menu_dcha_50.png) left -9px repeat-x scroll #ccc;
	display: block;text-align: center;
	padding: .3em
}
#ayudausuarios .menu li a:hover {background-image: url(../img/fondo_sub_menu_dcha.png);text-decoration: none}
#ayudausuarios .flex > div {margin-left: .6em}
#ayudausuarios .textos {font-size: 1.05em;width: 76%;margin-bottom:2.7em;min-height: 9.5em;margin-right:.6em}
#ayudausuarios h3 {font-size: 1.1em;font-weight: bold;margin-bottom:.4em }
#ayudausuarios article {position: relative}
#ayudausuarios .mas {text-align: center;position: absolute;bottom:0;width: 99.5%}
#ayudausuarios .mas a {
	display: inline-block;
	padding:.4em .8em;
	color:#fff;
	border-radius: 3px;
	font-size:1.05em;
	margin-left: 7px;
	background:url('../img/fondo_sub_menu_dcha_blue.png') left -9px repeat-x scroll #0097bf;
}
#ayudausuarios .mas a:hover {text-decoration: none;background-image: none}

#block_buscador {
	background: #eee url(../img/lupa_buscador50.gif) 96% 1.2em no-repeat;
	padding: 1.2em .6em .9em .75em;border-radius: 5px;border:1px solid #ddd
}
#block_buscador label {display: none}
#block_buscador input {
	width: 80%;padding: .2em .3em;margin-right: 1em;
	font-size: 1.1em;border: 1px solid #ccc;border-radius: 3px}

#block_twitter_rss li {width: 49%;font-size: 1.1em}
#block_twitter_rss li a {
	border-radius: 3px;text-shadow: 0 1px 0 #fff;
	border: 1px solid #9f9f9f;
	background:url(../img/fondo_sub_menu_dcha_50.png) left -9px repeat-x scroll #ccc;
	display: block;text-align: right;padding: 4px 1em;
        position: relative	
}
#block_twitter_rss a:hover {background-image: url(../img/fondo_sub_menu_dcha.png);text-decoration: none}
#block_twitter_rss img {width: 45px;height: auto;position: absolute;left:7px;top:-1em}

#block_multimedia {border:0}
#block_multimedia .tabs {text-transform:uppercase;margin:0;position: relative;top:2px}
#block_multimedia .tabs a {display: inline-block;padding:.9em 1em .7em 1em;border:1px solid #efefef;border-bottom: 0;border-radius: 6px 6px 0 0;margin-right:.25em}
#block_multimedia .tabs a:hover {text-decoration: none;border-color:#ccc}
#block_multimedia .tabs a.on {background-color:#eaeaea;;color:#000;border:0}
#block_multimedia article {background-color: #eaeaea;padding: .8em;border-radius:4px;position: relative;z-index: 4}
#block_multimedia .caja {background-color: #fafafa;padding: .6em;margin-top: 1em}
#block_multimedia h3 {font-family:'Georgia',serif;font-size: 1.3em;line-height: 1.4;margin-bottom: .6em}
#block_multimedia .fecha {margin:0}

#block_noticias-tecnicas {background: url(../img/fondo_tecnico2.gif) no-repeat top right;border: 1px solid #f1d0ce;padding: .8rem;border-radius: 5px}
#block_noticias-tecnicas h3 {font-size: 1.15em;font-weight: bold;margin-bottom: .6em}
#block_noticias-tecnicas .mas {text-align: right;text-transform: uppercase;font-size: .9em;margin-bottom:0}
#block_campanas img {margin-bottom:1rem}
#block_subscribete .flex {text-transform: uppercase}
#block_subscribete .flex > p {width: 48%;font-size: .8em;line-height: 1.4}
#block_subscribete img {float:left; width:26px;margin:0 1em 1em 0}
#block_subscribete .caja {border: 1px solid #e1e1e1; padding:.8em;margin: .4rem 0 1rem 0;border-radius:6px}
#block_subscribete .caja strong {color: #005985; text-transform:uppercase; font-size:.9em}
#block_contacto .flex > div {width: 47%}
#block_contacto strong {color: #005985; text-transform:uppercase; font-size:.9em;font-weight: 600;margin-bottom:1em}
#block_visitas strong,
#block_vigilantes h4 {color: #005985; text-transform:uppercase;font-size:.9em;font-weight: 600;margin-bottom:1em}
#block_vigilantes img {margin: 0 1em 1em 0;max-width: 90px}
#block_debian {display: flex;align-items:center;justify-content:center}
#block_populares span {text-transform: uppercase;font-size: .9em}

/* secciones */
.seccion h2 {font-size: 2.5em;margin-bottom:1em;color:#005985}
.seccion > h3 {font-family:'Georgia',serif;font-size: 1.6em;margin-bottom: 1em;line-height: 1.2}
.seccion > p {margin-bottom: 1em}
.seccion p a {color: #005985;text-decoration: underline}
.listado {background-color: #eee;margin:1.5em 0;padding: 1.2em}
.listado:after {content: ".";visibility: hidden;display: block;height: 0;clear: both}
.listado .spip_logo {float: right;margin: 0 0 .5em 1em;max-height:10em;width: auto}

.listado h3 {font-family:'Georgia',serif;font-size: 1.6em;margin-bottom: .2em;line-height: 1.2}
.listado .fecha {font-size: .9em}
.listado .intro {margin-top: 1em}
.listado p {line-height: 1.3}
.listado .galeria {display: flex;justify-content: space-around;margin: 1.3em 0;flex-wrap:wrap}
.listado .galeria a {width: 20%;box-sizing: border-box;padding-right:1px}
.listado .galeria img {height: auto;width:100%}
.paginacion {color: #e1e1e1;border: 1px solid #e1e1e1;padding: .8em 1em}
.paginacion .on {color: #23AEE8;font-size: 130%}

/* articulos */
.spip li {list-style-type: square;margin-left: 1.2em}
.articulo .spip_logo {float: right;margin: 0 0 .5em 1.5em;max-height:10em;width: auto}
.articulo .antetitulo {font-size: 1.2em;margin-bottom: .3em}
.articulo > h2 {font-size: 2.2em;font-family:'Georgia',serif;margin-bottom:1em;line-height: 1.2}
.articulo img {background-color: #ddd}
.articulo p a, .texto a {color: #005985;text-decoration: underline}
.articulo .fecha {margin-bottom: 2em}
.articulo .intro {font-family:'Georgia',serif;font-size: 1.55em;line-height: 1.35;margin-right: 2em}
.articulo .autor {margin:1em 0}
.articulo .texto {margin: 2.5em 0}
.articulo .texto > * {margin: 1em auto;font-size: 1.2em;line-height: 1.35}
.articulo .texto > p, .articulo .texto > h3,
.articulo .texto > ul {margin-right: 3em}
.articulo .texto h3 {font-family:'Georgia',serif;font-size: 1.5em;line-height: 1.25}
.articulo .texto h2 {font-size: 1.6em;color:#23AEE8}
.articulo .texto > blockquote {margin: 2em; color:gray; font-size: large; font-weight:bold; font-style: italic; padding-left: 15px; border-left: 3px solid #23AEE8;} /* citas entre párrafos, primit 20220907 */


#main > article.manuales {margin-right: 0}
.manuales h1 {font-size: 1.8em;margin-bottom:1em}
.manuales h1 a {color:#005985}

.spip_documents {font-size: .8em;margin: 1em}
.spip_documents dt img {background-color: #fff}
.spip_documents strong {font-weight: normal}
.spip_documents_center {display: block;text-align: center}
.spip_documents_center img {max-width:100%;height: auto;margin: auto}
.spip_documents_left {margin: 0 1em .8em 0 !important}
.spip_documents_right {margin: 0 0 .8em 1em !important}
.spip_doc_titre {margin: 1em auto;font-size: .9em}

.spip_document_video {margin: 3em 0;text-align: center; width: 100% !important}

.galeria_fotos {display: flex;flex-flow: row wrap;justify-content: flex-start;margin:2em 0}
.galeria_fotos .items {margin: 0 .5em 1em.2em;font-size: .9em;flex-basis: 14.5em;background-color: #eee}
.galeria_fotos .pie_foto {padding: .3em}

.articulo .texto .adjuntos h2 {margin-bottom: 1em;font-size:1.3em}

.notas {margin: 2em 3em 2em 0;font-size:1.1em}
.notas > * {margin:.5em 0;line-height: 1.4}

.relacionadas h3 {font-size: 1.6em;color:#23AEE8}
.relacionadas ul {margin:1.5em 0}
.relacionadas li {margin-bottom: .6em}
.relacionadas span {font-size:.8em;background: #EEE;padding: .3em;text-transform: uppercase}

.descargapdf {margin-top: 2em;padding: .8em 1em;background: #E4F2FD;border-radius:6px}
.descargapdf a {color: #21759B}

.recuadro {border:1px solid #ddd;padding: 1em;margin:1.5em auto}
.recuadro > h3 {font-size: 1.4em;color:#23AEE8;margin-bottom: 1em}
.recuadro > ul {margin-top: 1.5em}
.recuadro li {list-style-type: square;margin-left: 1.2em;margin-bottom: .2em}

/* ALTAS */
.art6362 article .fecha,
.art6362 article > h2,
.art6362 article > h1 {display:none}
.art6362 article .antetitulo {font-weight: bold;margin-bottom:1em}
.art6362 article blockquote {color:#666;font-size: 1em !important;padding: 1em;border:1px solid #ddd;border-radius: 8px}
.art6362 article .texto h2 {font-size: 2.4em}
.art6362 article img {background-color: #fff}
.art6362 table {border: 1px solid #eee;width:100%;margin-bottom:2em !important}
.art6362 tr:hover {background-color: #f7f7f7}
.art6362 th {background: #eee;font-weight:normal;padding:.2em;font-size:110%}
.art6362 td {padding:.1em .2em;font-size: .95em}

.masinfoanuncio a {
	display: inline-block;
	padding:.4em 1em;
	color:#fff;
	border-radius: 3px;
	font-size:1.05em;
	background: #0097bf url('../img/fondo_sub_menu_dcha_blue.png') left -6px repeat-x;
	text-decoration: none;
	margin-top:1em;
	font-size: .9em
}
.masinfoanuncio a:hover {background-image: none}
.fondono {color: #DB011A}
.fondosi {color: #13B301}

.art6362 .flex {margin-bottom: 2em}
.art6362 .flex > div {width:30%}
.art6362 .flex h3 {margin-bottom: .3em}

/* buscadorhistorico */
.art1529 .recuadro {border:2px solid #23AEE8; padding: .6em}
.art1529 .recuadro p {margin: .6em 0}

/*sin fecha*/
.art12 .fecha,
.art13 .fecha,
.art1529 .fecha {display: none}



@media only screen and (min-width: 1520px) {
	body {font-size: .9em}
	header,nav,#main,footer {max-width:1200px}
	nav {font-size:1.1em}
	nav .correo {width: 21rem}
	#destacados > div {width: 50%}
	.listado .galeria img {height: 100px}
	aside {width: 21rem}
}

@media only screen and (max-width: 830px) {
	#destacados,
	#contenido .flex {display: block}
	#novedades, #convocatorias,#sindicados ul,
	#destacados > div {width: 100%}
	.listado .galeria a {width: 25%}
	.listado .galeria a:last-child {display:none}
	.articulo .texto > p, .articulo .texto > h3, .articulo .texto > ul {margin-right: 0}
	.articulo > h2 {font-size: 1.9em}
}
@media only screen and (max-width: 600px) {
	body {font-size: .9em}
	header,nav,#main,footer {margin-bottom: 1.1em}
	#main, 
	nav {display:block}
	nav li {width: 41%}
	#main > *, 
	nav > * {margin: 0 0 1.2em 0 !important;;width: 100% !important;box-sizing: border-box}
	#main > article {padding: 1.1em 0}
	.titulares .listado .block:last-child {border-width:1px}
	.titulares h3 {font-size: 1.6em}
	.titulares .listado h3 {font-size: 1.25em}
	#destacados > .block,
	#novedades {border-width: 1px}
	#novedades ul, #novedades h4 a {padding:1.2em}
	#inc_lasfrases blockquote {font-size:1em;padding:1.4em 2em 1.2em 2em}
	footer {border-top-width: 0}
	.listado .galeria a {width: 33%}
	.listado .galeria a:first-child,
	.listado .galeria a:last-child {display:none}
	.articulo > h2 {font-size: 1.6em}
	.articulo .intro {font-size: 1.25em}
	.galeria_fotos .items {flex-basis: 47%}
	.descargapdf {font-size: .9em}
	
}
