@charset "uft8";
/* CSS Document */

/* reactivar cuando se instale google analytics */
#cookie1 {
	display: none;
}
/* activación sólo para webmaster */
.spip-admin-boutons {
	/* display: none; */
}

.spip-admin-float {
	z-index: 100;
position: fixed;
right: 0 !important;
left: auto;
width: 100%;
text-align: center;
top: auto !important;
white-space: nowrap;
bottom: 0 !important;
left: 0;
}
@media (max-width: 780px) {
	.spip-admin-float {
		display: none;
	}
}


body {
	margin: 0;
	/* font-family: 'PT Sans', sans-serif;*/
	/* font-family: 'Roboto', sans-serif; */
	font-family: 'IBM Plex Serif', serif;
	color: #666;
	font-size: 17px;
	word-break: word-break;
	overflow-x: hidden;
}
@media (max-width: 780px) {
	body {
		font-size: 19px;
	}
}
a {
	text-decoration: none;
	color: #012255;
}
a:link {
	text-decoration: none;
	color: #012255;
}
a:hover{
	text-decoration: none;
	color: #012255;
}
.sommaire h1, .sommaire h2 {
	font-family: 'PT Sans', sans-serif ;
	font-weight: 700;
}
h1 {
	margin-top: 0;
	padding-top: 0;
	font-weight: normal;
	color: #022157;
	line-height: 110%;
	text-align: left;
    /* font-family: 'Playfair Display', serif; */
    }
 .caja-article-rubrique h2,  .resto-not h2 {
	line-height: 110% !important;
	text-align: left;
    /* font-family: 'Playfair Display', serif; */
    font-family: 'IBM Plex Serif', serif;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
 }
.tipo-h1 {
	font-size: 2em;
	color: #022157;
    /* font-family: 'Playfair Display', serif; */
    font-family: 'IBM Plex Serif', serif;
}
#bloque-4 h1, #bloque-5 h1 {
	text-align: center;
}
.caja-articulo h3 {
	  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
@media only screen and (min-width: 600px) {
h2 {
	margin-top: 0;
	padding-top: 0;
	font-weight: normal;
	font-size: 26px;
	text-align: left;
	/* font-family: 'Lobster', cursive;
    /* font-family: 'Playfair Display', serif; */ 
    font-family: 'IBM Plex Serif', serif;
}
}
@media only screen and (max-width: 600px) {
h2 {
	margin-top: 10px;
	padding-top: 0;
	font-weight: normal;
	font-size: 22px;
	text-align: left !important;
    /* font-family: 'Playfair Display', serif; */
    font-family: 'IBM Plex Serif', serif;
}
}
h3 {
	font-weight: 500;
	line-height: 25px;
	font-size: 22px;
    /* font-family: 'Playfair Display', serif; */
    font-family: 'IBM Plex Serif', serif;
}
.bold {
	font-weight:bold;
}
#total {
	width: 100%;
}
#cabecera {
	display:inline-block;
	width: 100%;
	position: relative;
    z-index: 999;
    background: #fff;

}
#cabecera-contenido {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1000px; /*max-width: 1200px;*/
}
/* ojo responsive */
#logo {
	position: relative;
	float:left;
	width: 300px;
}
#conexion-buscador {
	position: relative;
	float: right;
	width: 350px;
	text-align: right;
	top: 20px;
	padding-right: 20px;
}
.ico-redes-top {
	top: 30px;
	width: 25px;
	height: auto;
	opacity: 1;
	-webkit-transition: opacity 0.2s; /* Safari */
    transition: opacity 0.2s;
}
.ico-redes-top:hover {
	opacity: 0.5;
}
.ico-conexion {
	width: 30px;
	height: auto;
}
.area-clientes {
	padding-left: 15px;
	padding-top: 15px;
	font-size: 15px;
	color: #012255;
	opacity: 1;
	-webkit-transition: opacity text-decoration 0.4s; /* Safari */
    transition: opacity text-decoration 0.4s;
}
.area-clientes:hover {
	opacity: 0.75;
}
.area-clientes a:link {
	color: #012255;
}
.area-clientes a:hover {
	color: #012255;
	text-decoration:underline;
}
#buscador {
	padding-top: 25px;
	padding-bottom: 20px;
}
@media only screen and (max-width: 600px) {
#buscador {
	padding-bottom: 40px;
}
}
#buscador .search {
	width: 240px;
	height: 30px;
	border: 1px solid #466ba3;
	border-radius: 4px;
	color: #666;
	padding-left: 5px;
}
#buscador label {
	display: none;
}
#buscador .submit {
	background-color: #FFF;
	border: none;
	background-image: url(imagen/lupa.png);
	background-position: left top 2px;
	background-repeat:no-repeat;
	background-size: 24px;
	width: 35px;
	height: 30px;
	margin-left: 5px;
}
#caja-menu {
	display: inline-block;
	width: 100%;
	background-color: #012255;
	height: 50px;
}
/* ojo responsive */
#menu {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1000px; /*max-width: 1200px;*/
	padding-top: 12px;
	padding-bottom: 8px;
	text-align:center;
	z-index: 3;
}
.menu {
	position: relative;
}
.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	max-width:1000px;
	/*left:0;*/
	/*Podemos hacer que el menu abarque el 100% al hacer scroll*/
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
}
.op-menu {
	font-size: 18px;
	text-transform:uppercase;
	color: #fff;
	padding-right: 20px;
}
.op-menu a:link {
	color: #fff;
	text-decoration: none;
}
.op-menu a:hover {
	color: #ccc;
	text-decoration: none;
}
.op-menu-last {
	padding-right: 0px !important;
}
#img-grande {
	display: inline-block;
	width: 100%;
	background-image: url(imagen/img-index-Netrisk.png);
	background-repeat:repeat-x;
	background-size: 85%;
	background-position: 32% 0%;
	height: 350px;
	min-height: 350px;
	z-index: 2;
	font-size: 34px;
	color: #ffffff;
	text-align: center;
	padding-top: 86px;
	font-family: 'PT Sans', sans-serif;
}
#bloque-1 {
	display: inline-block;
	width: 100%;
	margin-top: 84px;
	margin-bottom: 52px;
}
@media only screen and (max-width: 800px) {
#bloque-1 {
	display: inline-block;
	width: 95%;
	margin-top: 84px;
	margin-bottom: 52px;
}
}
@media only screen and (max-width: 600px) {
#bloque-1 {
	display: inline-block;
	width: 90%;
	margin-top: 84px;
	margin-bottom: 52px;
}
}

@media only screen and (max-width: 800px) {
#img-grande {

	height: 200px;
	min-height: 200px;
}
}
@media only screen and (max-width: 600px) {
#img-grande {
	display: none;
}
}
/* ojo responsive */
.img-grande {
	width: 100%;
}

#contenidos-1 {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px; /*max-width: 1200px;*/
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}
/* ojo responsive */
@media only screen and (min-width: 800px) {
#introduccion {
	position: relative;
	float: left;
	width: 60%;
	padding-right: 10px;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
}
#version-demo {
	position: relative;
	float: right;
	width: 35%;
	padding-top: 20px;
}	
}
@media only screen and (max-width: 800px) {
#introduccion {
	position: relative;
	float: left;
	width: 55%;
}
/* ojo responsive */
#version-demo {
	position: relative;
	float: right;
	width: 40%;
	padding-top: 20px;
}	
}
@media only screen and (max-width: 600px) {
#introduccion {
	width: auto;
}
/* ojo responsive */
#version-demo {
	width: 100%;
	padding: 20px 0 20px 0;
}	
}
#bloque-2 {
	display: inline-block;
	width: 100%;
	background-color: #f4f2f3;
	padding-top: 40px;
	padding-bottom: 10px;
}
#bloque-2 h2 {
	text-align: center;
}
@media only screen and (min-width: 800px) {
.contenidos-3de3 {
	position: relative;
	float: left;
	width: 23% !important;
	text-align: center;
	padding: 20px 50px 20px 50px;
	font-family: 'PT Sans', sans-serif;
}
#bloque-2-h1 {
	display: inline-block;
	text-align: center;
	width: 100%;
}
#bloque-2-h1 h1 {
	text-align: center !important;
}
}
#contenidos-2 {
	position: relative;
	width: 100%;
	max-width: 1000px; /*max-width: 1200px;*/
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

@media only screen and (max-width: 800px) {

#contenidos-2 {
	position: relative;
	width: 100%;
	max-width: 1000px; /*max-width: 1200px;*/
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
.contenidos-3de3 {
	position: relative !important;
	float: left;
	width: 43% !important;
	padding: 20px;
}
#bloque-2-h1 {
	position: relative;
	float: left;
	width: 45%;
	text-align: left;
	padding: 20px;
	padding-top: 17%;
}
}
@media only screen and (max-width: 600px) {
.contenidos-3de3 {
	position:relative;
	float: left;
	width: 90% !important;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 30px;
	text-align:center;
}
#bloque-2-h1 {
	display: inline-block;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	text-align: center;
}
}
@media only screen and (min-width: 800px) {
#bloque-3 {
	display: inline-block;
	width: 100%;
	background-color: #012255;
	padding-top: 67px !important;
	padding-bottom: 83px !important;
	padding: 30px 0 30px 0;
}
#contenidos-3 {
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
}
@media only screen and (max-width: 800px) {
#bloque-3 {
	display: inline-block;
	width: 99.9%;
	background-color: #012255;
	/* padding-top: 67px;
	padding-bottom: 83px;
	*/
	padding: 30px 0 30px 0;
}
#contenidos-3 {
	margin: 0 auto;
	max-width: 900px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
}

/* ojo responsive */

#texto-bloque-3 {
	position: relative;
	float: left;
	width: 60%;
	font-size:28px;
	color: #fff;
	font-family: 'PT Sans', sans-serif;
}
@media only screen and (max-width: 600px) {
#texto-bloque-3 {
	position: relative;
	float: left;
	width: auto;
	font-size:28px;
	color: #fff;
}
}
.iconos-servicios {
	padding: 7px 0 0 0;
    -webkit-transition: padding 0.3s; /* Safari */
    transition: padding 0.3s;
}
.iconos-servicios:hover {
	padding: 0 0 7px 0;
}
/* ojo responsive */
#boton-bloque-3 {
	position: relative;
	float: left;
	left: 25px;
	width: 20%;
	font-size:18px;
	color: #fff;
	border-radius: 3px;
	background-color: #36527a;
	border: 1px solid #fff;
	text-align:center;
	padding: 10px;
    -webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
	margin-top: 10px;
	font-family: 'PT Sans', sans-serif;
}
@media only screen and (max-width: 600px) {
#boton-bloque-3 {
	width: 75%;
	left: 0px;
    -webkit-transition: none; /* Safari */
    transition: none;
	margin-top: 35px;
	-webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
}
#boton-bloque-3:hover {
	width: 78%;
}
}

#boton-bloque-3 a {
	color: #fff;
}
@media only screen and (min-width: 800px) {
#boton-bloque-3:hover {
	width: 22%;
}
}
#bloque-4 {
	display: inline-block;
	width: 100%;
	padding-top: 67px;
	padding-bottom: 83px;
}
#contenidos-4 {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px; /*max-width: 1200px;*/
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
@media only screen and (max-width: 800px) {
#contenidos-4 {
	margin: 0;
	padding: 0 !important;
}
}
@media only screen and (max-width: 600px) {
#contenidos-4 {
	margin: 0;
	padding: 0 !important;
}
}
#bloque-5 {
	display: inline-block;
	width: 100%;
	background-color: #f4f2f3;
	padding-top: 67px;
	padding-bottom: 83px;
}
#contenidos-5 {
	width: 100%;
	max-width: 1000px; /*max-width: 1200px;*/
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
#contenidos-5 .tipo-h1 {
	text-align: center !important;
}
@media only screen and (max-width: 800px) {
#contenidos-5 {
	margin: 0;
	padding: 0 !important;
}
}
@media only screen and (max-width: 600px) {
#contenidos-5 {
	width: 100%;
	margin: 0;
	padding: 0;
}
}
.caja-articulo {
	position: relative; 
	float: left; 
	width: 22%;
	/* height: 400px;*/
	min-height: 400px;
	padding: 10px; 
	margin: 5px;
	border-radius: 2px;
	background-color: inherit;
	-webkit-transition: background-color 0.9s; /* Safari */
    transition: background-color 0.9s;
}
@media only screen and (max-width: 800px) {
.caja-articulo {
	width: 45%;
}
}
@media only screen and (max-width: 600px) {
.caja-articulo {
	width: 100% !important;
	margin: 0px;
	padding: 0px !important;
	margin-bottom: 25px;
}
.caja-articulo h3 {
	padding: 10px;

}
.caja-articulo .intro-texto {
	display: inline-block;
	padding: 10px;
	padding-top: 0px;
	font-size: 19px;
}
}
.caja-articulo:hover {
	background-color: #d2def2;
}
.logo-caja-articulo {
	width: 101%0; 
	background-size: 100%; 
	height: 135px; 
	overflow: hidden; 
	background-repeat:no-repeat; 
}
@media only screen and (max-width: 800px) {
.logo-caja-articulo {
	background-size: 350px; 
}
}
@media only screen and (max-width: 600px) {
.logo-caja-articulo {
	background-size: 100%; 
	height: auto;
	min-height: 200px;
}
}
.intro-texto {
	display: inline;
    line-height: 19px;
    font-size: 17px;
}
.masinfo {
	/*
	display: inline;
	border: 1px solid #666;
	border-radius: 2px;
	font-weight: 600;
	font-size: 20px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 10px;
	height: 10px;
	padding-left: 4px;
	padding-right: 4px;
	*/
	display: none;
}
#bloque-6 {
	display: inline-block;
	width: 100%;
	padding-top: 67px;
	padding-bottom: 83px;
}
@media only screen and (max-width: 800px) {
#bloque-6 {
	display: inline-block;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 0;
}

}
@media only screen and (max-width: 600px) {
#bloque-6 {
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 0;
}
}
#contenidos-6 {
	max-width: 1000px; /*max-width: 1200px;*/
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
#enlaces {
	position: relative;
	float: left;
	width: 90%;
	max-width: 90%;
}

@media only screen and (min-width: 800px) {
#enlaces {
	position: relative;
	float: left;
	width: 45%;
}
#documentos {
	position: relative;
	float: right;
	width: 100%;
}
.documentos {
	position: relative;
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 15px;
	margin-right: 5px;
	margin-top: 10px;
}
}

@media only screen and (max-width: 800px) {
#enlaces {
	width: 94%;
	padding: 0 3% 50px 3%;
}
#documentos {
	width: 94%;
	padding: 0 3% 50px 3%;
}
.documentos {
	position: relative;
	float: left;
	width: 50%;
	height: 150px;
	min-height: 150px;
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}
}

@media only screen and (max-width: 600px) {
#documentos {
	width: auto !important;
	margin-left: 20px;
	margin-right: 20px;
}
.documentos {
	position: relative;
	float: left;
	width: 100%;
	height: 150px;
	min-height: 150px;
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}	
#enlaces {
	width: 100% !important;
	margin-left: 20px;
	margin-right: 20px;
}
}



.documentos .img-left {
	position: relative;
	float: left;
	width: 50%;
	background-repeat:no-repeat;
	background-size: 125px;
	height: 150px;
	min-height: 150px;
}
.documentos .img-right {
	position: relative;
	float: right;
	width: 50%;
	background-repeat:no-repeat;
	background-size: 125px;
	height: 150px;
	min-height: 150px;
}
@media only screen and (max-width: 600px) {
.documentos .img-left {
	width: 40%;
}
.documentos .img-right {
	width: 40%;
}
}
.documentos .text {
	position: relative;
	float: left;
	width: 100%;
	color: #666666 !important;
	font-weight:500;
	font-size: 18px;
	padding: 0;
	height: 150px;
	min-height: 150px;
	line-height: 18px;
	background-color: #fff;
	-webkit-transition: background-color 0.9s; /* Safari */
    transition: background-color 0.9s;
}
.documentos .text:hover{
	background-color: #eaeaea;
}
.documentos .text .right {
	text-align: right !important;
}

.documentos .text a:link {
	display: block;
	color: #333333 !important;
	padding: 10px !important;
	font-weight:500;
	font-size: 18px;
	line-height: 17px;
}
.documentos .text .right a:link {
	padding-right: 10px !important;
}

#pie {
	display: inline-block;
	width: 100%;
	background-color: #012255;
	padding-top: 67px;
	padding-bottom: 20px;
	margin-top: 50px;
	font-size: 16px;
	font-family: 'PT Sans', sans-serif;
}
#pie a {
	color: #666;
}
@media only screen and (min-width: 800px) {
#contenidos-pie {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px; /*max-width: 1200px;*/
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
}

@media only screen and (max-width: 800px) {
#contenidos-pie {
	padding-left: 20px;
	padding-right: 20px;
}
}
.tit-mapa-web {
	color: #fff; font-weight:600; border-bottom: 1px solid #fff; margin-bottom: 5px; width: 40%;
}
#mapa-pie-1, #mapa-pie-2 {
	position: relative;
	float: left;
	width: 20%;
}
@media only screen and (max-width: 600px) {
#mapa-pie-1, #mapa-pie-2 {
	position: relative;
	float: left;
	width: 90%;
}	
}
#mapa-pie-1 a, #mapa-pie-2 a {
	display: block;
	text-transform:uppercase;
	color: #fff;
	padding-bottom: 3px;
}
#mapa-pie-1 a:hover, #mapa-pie-2 a:hover {
	color: #666;
}
#contenido-pie-2 {
	position: relative;
	float: right;
	width: 40%;
}
@media only screen and (max-width: 800px) {
#contenido-pie-2 {
	width: 50%;
}
}
@media only screen and (max-width: 600px) {
#contenido-pie-2 {
	float: left;
	width: 95%;
}
}

#contenido-pie-2-1 {
	position: relative;
	float: left;
	width: 100%;
	text-transform:uppercase;
	color: #fff;
}

#contenido-pie-2-1-texto {
	position: relative;
	float: left;
	width: 65%;
}
@media only screen and (max-width: 800px) {
#contenido-pie-2-1-texto {
	width: 90%;
}
}
@media only screen and (max-width: 600px) {
#contenido-pie-2-1-texto {
	width: 90%;
	padding-top: 25px;
}
}


#contenido-pie-2-1-boton {
	position: relative;
	float: right;
	right: 10px;
	width: 25%;
	font-size:18px;
	text-transform:none;
	color: #fff;
	border-radius: 3px;
	background-color: #36527a;
	border: 1px solid #fff;
	text-align:center;
	padding: 10px;
    -webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
}
#contenido-pie-2-1-boton a {
	color: #fff;
}
#contenido-pie-2-1-boton:hover {
	width: 30%;
}
@media only screen and (max-width: 800px) {
#contenido-pie-2-1-boton {
	display: inline-block;
	float: left;
	width: 40%;
    -webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
	margin-top: 10px;
	margin-left: 15px;
}
#contenido-pie-2-1-boton a {
	color: #fff;
}
#contenido-pie-2-1-boton:hover {
	width: 45%;
}	
}
#contenido-pie-2-2 {
	position: relative;
	float: left;
	width: 100%;
	text-transform:uppercase;
	color: #fff;
	margin-top: 50px;
}

#iconos-redes {
	display: inline-block;
	margin-top: 15px;
	width: 200px !important;
}
@media only screen and (max-width: 800px) {
#iconos-redes {
	display: inline-block;
	margin-top: 15px;
	width: 100%;
	text-align: center;
}
}
.ico-redes {
	padding-top: 4px;
	opacity: 1;
    -webkit-transition: opacity 0.3s; /* Safari */
    transition: opacity 0.3s;
}
.ico-redes:hover {
	opacity: 0.7;
}
#copyright {
	display: inline-block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	color: #666;
	margin-top: 20px;
}
@media (max-width: 800px) {
	#copyright {
		text-align: center;
	}
}
#copyright a:hover {
	color: #666;
	text-decoration: underline;
}
.ico-link {
	margin-bottom: 12px;
	padding-left: 5px;
}
.enlace {
	color: #800001;
}
.enlace a {
	color: #800001;
}
.enlace a:link {
	color: #800001;
}
.links a:hover {
	color: #800001;
	text-decoration: underline;
}
.links a:visited {
	color: #800001 !important;
}
@media only screen and (min-width: 800px) {
#siguenos {display: inline; margin-bottom: 10px;}
}
@media only screen and (max-width: 800px) {
#siguenos {display: inline-block; margin-bottom: 10px; width: 100%; text-align: center;}
#iconos-redes, #copyright, #contenido-pie-2-1-texto, {width: 100%; text-align: center;
}
}

@media only screen and (min-width: 600px) {
#cookies-baja {
	display: none;
}
#cookies-baja {
}
}
@media only screen and (max-width: 600px) {
#cookies-alta {
	display: none;
}
#cookies-baja {
}
}
.cookiesms {
    width: 100%;
    height: 55px;
    margin: 0 auto;
    padding-left: 1%;
    padding-top: 5px;
    font-size: 13px;
    clear: both;
    color: #fff;
    text-align: center;
    bottom: 0px;
    position: fixed;
    left: 0px;
    background-color: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    z-index: 999999999;
}
#total-rubrique, #total-article {
	display: inline-block;
	width: 100%;
	padding-bottom: 83px;
}
#total-article {
	display: inline-block;
	width: 100%;
	padding-bottom: 83px;
}
/*
#cuerpo-rubrique img, #cuerpo-article img {
	max-width: 650px;
}
*/
@media only screen and (min-width: 800px) {
#cuerpo-rubrique, #cuerpo-article {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px; /*max-width: 1200px;*/
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}

#encabezado-rubrique {
	display: inline-block;	
	width: 100%;
	padding-top: 30px;
	padding-bottom: 40px;
	background-image:url(imagen/fd-seccion.png);
	margin-bottom: 30px;
}
#encabezado-article {
	display: inline-block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#3270cc;
	margin-bottom: 40px;
}
}
@media only screen and (max-width: 800px) {
#cuerpo-rubrique, #cuerpo-article {
	margin: 0 auto;
	width: 90%;
	padding-left: 3%;
	padding-right: 3%;
}
#encabezado-rubrique {
	width: 80%;
	padding-top: 30px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #012255;
}
#encabezado-article {
	width: 80%;
	padding-top: 30px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
}

#contenido-encabezado {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px; /*max-width: 1200px;*/
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFF;
}
.article #contenido-encabezado {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px; /*max-width: 1200px;*/
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	color: #333;
}
#contenido-encabezado h1 {
	color: #FFF;
}
.rubrique-es-2 #sidebar {
	display: none;
	
}
#noticias-rubrique, #noticia-article {
	text-align: left;
}
#noticia-article ul {
	list-style:disc !important;
}
@media only screen and (min-width: 800px) {
#noticias-rubrique, #noticia-article {
	position: relative;
	float: left;
	width: 70%;
}

#noticias-rubrique-2 {
	position: relative;
	float: left;
	width: 100%;
}
#sidebar {
	position: relative;
	float: right;
	width: 25%;
	
}

}
@media only screen and (max-width: 800px) {
#noticias-rubrique, #noticia-article {
	display: inline;
	width: auto;
	padding: 0 5% 0 15%;
}
#contenido-encabezado h1 {
	color: #012255;;
}
#sidebar {
	display: inline;
	width: auto;
	padding: 0 5% 0 15%;
}
}
#noticia-article a:link, #noticia-article a:active, #noticia-article a:visited {
	color: #012255;
}
#noticia-article a:hover {
	text-decoration:underline;
}
.caja-article-rubrique {
	display: inline-block;
	border-bottom: 1px solid #ccc;
	padding-bottom: 35px;
	margin-bottom: 35px;
}
@media only screen and (min-width: 600px) {
.caja-article-rubrique-img {
	position: relative;
	float: left;
	width: 37%;
	height: 100%;
	min-height: 170px;
	border-radius: 2px;
}
.no-logo .caja-article-rubrique-img {
	display: none;
}
.caja-article-rubrique-texto {
	position: relative;
	float: right;
	width: 60%;
}
.no-logo .caja-article-rubrique-texto {
	position: relative;
	float: right;
	width: 100%;
}
}
@media only screen and (max-width: 600px) {
.caja-article-rubrique-img {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	min-height: 170px;
	border-radius: 2px;
}
.caja-article-rubrique-texto {
	position: relative;
	float: right;
	width: 100%;
}
}
.caja-article-rubrique h2 {
	line-height: 90%;
}
#rubrique-mas-noticias .titulo {
	background-color: #f4f2f3;
	color: #012255;
	text-transform: uppercase;
	padding: 7px 0 7px 50px;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight:600;
	letter-spacing: 1px;
}
#rubrique-mas-noticias h2 {
	display: inline-block;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
	line-height: 95%;
	width: 100%;
}
#pagination {
	position: relative;
	float: right;
	padding-top: 20px;
}
#pagination .lien_pagination {
	border: 1px solid #eaeaea;
	padding: 5px 6px 5px 6px;
	width: 35px;
	min-width: 35px;
	color: #4c70a9;
}
#pagination .lien_pagination:hover {
	background-color: #012255;
	color: #FFFFFF;
}
#pagination .on {
	border: 1px solid #eaeaea;
	padding: 5px 6px 5px 6px;
	background-color: #d6e2f5;
}
#pagination .tbc {
	padding: 4px;
}
#pagination .sep {
	display: none;
}
#migas-de-pan {
	color: #d0d6df;
	font-size: 13px;
	padding-bottom: 20px;
}
.migas-de-pan {
	color: #666;
	font-size: 13px;
	padding-bottom: 20px;
}
#migas-de-pan a:link, #migas-de-pan a:visited, #migas-de-pan a:active {
	color: #d0d6df !important;
}	
#migas-de-pan a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#noticia-article #migas-de-pan a:link, #noticia-article #migas-de-pan a:visited, #noticia-article #migas-de-pan a:active {
	color: #012255 !important;
}
.carpeta {
	background-image:url(imagen/carpeta.png); background-repeat:no-repeat; background-position: left; 
	padding: 10px 0 10px 30px;
}
.carpeta-min {
	background-image:url(imagen/carpeta.png); background-repeat:no-repeat; background-position: left; background-size: 20px;
	padding: 10px 0 10px 30px;
	font-size: 14px;
}
#arbol li {
	padding-bottom: 7px;
	padding-top: 7px;
}
#subrubriques {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #012255;
}
.logo-article {
	width: 100%;
	max-width: 100%;
	margin-bottom: 25px;
}
.para-baja .logo-article {
	width: 111%;
	max-width: 111%;
	margin-right: 15px;
}
#sidebar img {
	max-width: 100%;
}
.spip_documents_center {
display: inherit;
text-align: center;
}
.spip_documents_center img {
width: auto;
max-width: 100%;
height: auto;
}
@media only screen and (min-width: 600px) {

.spip_documents_right {
	margin-left: 15px;
}
.spip_documents_left {
	margin-right: 15px;
}
.logo-article {
	position: relative;
	float: right;
	width: auto;
	max-width: 50%;
	margin-left: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
}
}
@media only screen and (max-width: 600px) {

.spip_documents_left img {
	width: 98%;
	height: auto;
}
.logo-article {
	display: inline;
	width: 111% !important;
	margin-left: -22px;
	min-width: 100%;
	height: auto;
	padding-bottom: 20px;
}
}
.articulos-qs {
	position: relative;
	float: left;
	width: 30.5%;
	padding: 20px 5px 20px 5px;
	font-size:24px;
	text-align:center;
	height: 230px;
	background-color: #ffffff;
	border-radius: 4px;
	padding: 20px 5px 20px 5px;
	margin: 20px 5px 20px 5px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
.articulos-qs:hover {
	background-color: #800001;
	color: #fff;
	border-radius: 4px;
	border-bottom: none;
}
@media only screen and (max-width: 800px) {
.articulos-qs {
	position: relative;
	float: left;
	width: 45%;
	padding: 20px 5px 20px 5px;
	font-size:24px;
	text-align:center;
	height: 160px;
	background-color: #ffffff;
	border-radius: 4px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}	
}
@media only screen and (max-width: 600px) {
.articulos-qs {
	position: relative;
	float: left;
	width: 95%;
	padding: 20px 5px 20px 5px;
	font-size:24px;
	text-align:center;
	height: 160px;
	background-color: #ffffff;
	border-radius: 4px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}	
}
.editer_login, .editer_password {
	margin-bottom: 40px;
}
#formulaire_login fieldset {
	border: none;
}
#formulaire_login legend {
	display: none;
}
#formulaire_login input {
	display:block;
	border: 1px solid #666;
	border-radius: 3px;
	padding: 4px;
	
}
.saisie_email_message_auteur, .saisie_sujet_message_auteur, .saisie_texte_message_auteur {
	margin-bottom: 40px;
}
.formulaire_ecrire_auteur fieldset {
	border: none;
}
.formulaire_ecrire_auteur legend {
	display: none;
}
.secteur-2 .info-publi {
	display: none;
}
.secteur-2 .info-publi {
	display: none;
}
.formulaire_formidable {
	position: relative;
	float: left;
	width: 50%;
}
	
.formulaire_formidable li {
	list-style: none;
	margin-bottom: 25px;
}
.formulaire_formidable .submit {
	margin-left: 40px;
	max-width: 150px;
}
.formulaire_formidable input, .formulaire_formidable textarea {
	display:block;
	border: 1px solid #666;
	border-radius: 3px;
	padding: 4px;
	width: 100%;
}


	
.contact li {
	list-style: none;
	margin-bottom: 25px;
}
.contact .submit {
	margin-left: 40px;
	max-width: 150px;
}
.contact input, .contact textarea {
	display:block;
	border: 1px solid #666;
	border-radius: 3px;
	padding: 4px;
	width: 100%;
}
.saludo {
	font-size: 14px;
}
@media only screen and (max-width: 600px) {
.para-baja {
	display: inherit;
}
.para-alta {
	display: none;
}
}
@media only screen and (min-width: 600px) {
.para-baja {
	display: none;
}
.para-alta {
	display: inherit;
}
}
#arbol {
	padding-bottom: 20px;
}
.noticia-rubrique {
	display: inline-block;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* ARREGLO DOCUMENTOS !! intocable hasta fin de .derecha .text-doc !! */
.doc-izq {
	position: relative;
	float: left;
	width: 45%;
	margin-bottom: 25px;

}
.doc-dch {
	position: relative;
	float: left;
	width: 45%;
	margin-bottom: 25px;

}

.img-doc {
	position: relative;
	width: 38%;
	height: 120px;
	background-size: 130px;
	background-repeat: no-repeat;
}
.text-doc {
	position: relative;
	width: 60%;
}
.izquierda .img-doc {
	position: relative;
	float: left;
}

.izquierda .text-doc {
	position: relative;
	float: right;
	text-align: left;
}
.derecha .img-doc {
	position: relative;
	float: right;
}
.derecha .text-doc {
	position: relative;
	float: left;
	text-align: right;
}
@media only screen and (max-width: 800px) {
.doc-izq {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 25px;

}
.doc-dch {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 25px;

}
.img-doc {
	position: relative;
	width: 38%;
	height: 160px;
	background-size: 200px;
	background-repeat: no-repeat;
}
}

#formulaire_login ul {
	padding-left: 0 !important;
}
#formulaire_login input {
	width: 250px !important;
}
#formulaire_login #session_remember {
	width: 25px !important;
}
@media only screen and (max-width: 600px) {
.login-page #encabezado-rubrique {
	display: none;
}
.login-page #buscador {
	display: none;
}
}
.anuncio-redireccion {
	background-color: #EAEAEA;
	border-radius: 4px;
	padding: 7px;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	color: #666;
	margin: 0 0 20px 0;
}
.caja-articulo-buscado {
	padding: 15px 0px 15px 0px; border-bottom: 1px solid #666; margin-bottom 15px;
}
.caja-articulo-buscado .titre {
	font-weight: bold;
}
.spip_surligne {
	background-color: #999;
	padding: 0 4px 0 4px;
}
.subrayado {
text-decoration: underline;
}
#bus-avanza {
	font-size: 12px;
	text-transform: uppercase;
	text-align: right;
	padding-right: 42px;
}

/** cambios en actualidad Mayo 20 ***/

.rubrique-6 #noticias-rubrique {
	width: 100%;
	display: inline-block;
}

@media (min-width: 980px) {
	.rubrique-6 .caja-article-rubrique  {
		position: relative;
		float: left;
		width: 29%;
	    margin: 2%;
	    height: auto;
	    min-height: 460px;
	    max-height: 460px;
	    overflow: hidden;
	    border-bottom: 0px;
	}
	.rubrique-6 .caja-article-rubrique:hover .caja-article-rubrique-img {
		background-size: 115% !important;
		background-position: center center;
	}

}
.rubrique-6 .caja-article-rubrique-img,
.rubrique-6 .caja-article-rubrique-texto {
	width: 100%;
	text-align: left;
}
.rubrique-6 .caja-article-rubrique-img {
	background-size: cover;
	margin-bottom: 20px;
	background-position: center center;
	transition: background-size .7s;
}
.rubrique-6 #rubrique-mas-noticias .titulo {
	background: #ccc;
	padding: 10px;
	margin-top: 50px;
}
.rubrique-6 .caja-article-rubrique h2 {
	line-height: 100%;
}
.rubrique-6 #rubrique-mas-noticias {
	display: inline-block;
	width: 100%;
}
@media (min-width: 980px) {
	.rubrique-6 .resto-not {
		position: relative;
		float: left;
		width: 45%;
		margin-right: 5%;
		height: auto;
		min-height: 200px;
		max-height: 200px;
		overflow: hidden;
	}
	.rubrique-6 .resto-not .img {
		position: relative;
		float: left;
		width: 25%;
		height: 100px;
	}
	.rubrique-6 .resto-not .tit,
	.rubrique-6 .resto-not .intro {
		position: relative;
		float: right;
		width: 70%;
		font-size: 16px;
	}
}
.rubrique-6 .resto-not .tit h2 {
	font-size: 18px !important;
	font-weight: 600;
	border-bottom: 0px !important;
	padding-bottom: 0px !important;
}

/**** Ajustes version movil Mayo-20 ****/

@media (max-width: 980px) {
	body {
		font-size: 19px;
	}
	.tipo-h1,
	#texto-bloque-3,
	#introduccion,
	#introduccion h1,
	#conexion-buscador
	 {
		text-align: left !important;
		padding: 20px;
	}
	#version-demo,
	.contenidos-3de3 h2,
	#contenidos-4 .tipo-h1 {
		text-align: center !important;
	}
	#boton-bloque-3 {
		width: 90%;
		text-align: center;
	}
	#logo {
		width: 100%;
		text-align: center;
	}
	#bus-avanza {
		padding: 0px;
		text-align: center;
	}
	.formulaire_formidable {
		width: 100%;
	}
	.formulaire_formidable input {
		height: 40px;
		font-size: 24px;
	}
	.formulaire_formidable textarea {
		min-height: 80px;
		font-size: 24px;
	}
	.formulaire_formidable .editer {
		margin-bottom: 20px;
	}
	.formulaire_formidable .submit {
	    margin-left: 0px;
	    max-width: 100%;
	}
	#noticias-rubrique {
		padding: 0px;
	}
	.resto-not {
		margin-bottom: 25px;
	}
	.resto-not .img {
		height: 200px;
	}
	#bloque-1, #bloque-2, #bloque-3, #bloque-4, #bloque-5, #bloque-6 {
		width: 100%;
	}
}




/*** Sticky!!! ***/
#sticky {
    position: fixed;
    z-index: 9;
    width: 100%;
}


.sharethis-inline-share-buttons .st-label {
	display: none !important;
}
#st-1.st-has-labels .st-btn {
	min-width: 30px !important;
}

#st-1 .st-btn > img {
	height: 20px !important;
    width: 20px !important;
    top: 6px !important;
}



div#pagination li {
    display: contents;
}