@import url("responsive.css");

/*Para añadir un cuadro a la información de cada servicio, para el formulario de contacto .contact*/
/*div.BloqueServicio /*,.itemListView , .item-page, .item-pageh3/*, .nssp2, .login, /*.container_clearfix*/ /*,.span9/*, .span12*/ 
/*ns2-103 es para el bloque de mas noticias de la pag ppal, span9 para las distintas páginas incluidas las pag de los servicios*/
/*Para añadir el cuadro al mapa del sitio en osmap*/

/*div.ns2-103 ,.contact, .span9, .login, #osmap, .system-message-container, .BloqueLocalizacion , .mod_events_latest_table jevbootstrap{
    color: #000;

  background-color:#eeeeee;  
  margin: 0 auto 10px auto;
    padding: 5px 8px;
    position: relative;

    border: 1px solid #990000;
    min-height: 220px;
 
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    /*-webkit-box-shadow: 8px 8px 5px rgb(141,143,146);
    -moz-box-shadow: 8px 8px 5px rgb(141,143,146);
    box-shadow: 8px 8px 5px rgb(141,143,146);*/
 /*-webkit-box-shadow: 8px 8px 5px rgb(153,0,0);
    -moz-box-shadow: 8px 8px 5px rgb(153,0,0);
    box-shadow: 8px 8px 5px rgbrgb(153,0,0);

}*/
/*Estas dos reglas son para alinear las imágenes de los menus principales de la página*/
/*Estas son los logos de los menus*/
/*img {
  vertical-align: middle;
  margin-bottom: -50px;
  margin-top: 20px;
}
/*Tengo que recolocar el logo de la dipu porque con la regla anterior se modifica tb y esa imagen no la quiero modificar*/
/*.logo-image {
    height: 120px;
    margin-bottom: 25px;
}*/
/*Cambio el tipo de letra a Avenir en toda la página*/
body {
    margin: 0;
    font-family: avenir !important;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}
/*Defino los valores de todos los elementos de los articulos para todas las páginas*/
.h3, h3 {
    font-size: 1.75rem;
    font-weight: 700;
}
/*Defino h4 para los titulos de todos los artículos*/
#articulos h2 {
  font-size: 14.0pt;
  font-weight: bold;
  color: #990000; 
  font-family: Avenir;
}
#articulos a{
  font-size: 14.0pt;
  font-weight: bold;
  color:#990000 !important;
  font-family: Avenir;
}
#articulos h6 {
  font-size: 28.0pt;
  font-weight: bold;
  color: #697577; 
  font-family: Arial;
}
#articulos p { margin-left: 1pt; text-align: justify;}
#articulos img {display: block; margin-left: auto; margin-right: auto;}
#articulos ul li {text-align: justify;}
/*Cambio la cabecera y el pie con el color granate y la fuente en blanco*/
#sp-header {
    background: #fff !important;
}
#sp-top-bar, #sp-footer {
    background: #990000;
    color: #fff;
}
#sp-footer {
    background: #990000;
    color: #fff;
}
/*Cambio los enlaces a color blanco*/
#sp-top-bar a:hover, a:focus, a:active {
    color: #fff !important;
}
#sp-top-bar a {
    color: #fff !important;
    }
a:hover, a:focus, a:active {
    color: #990000 !important;
}
/*Centrar los enlaces del menu superior*/
.sp-menu-item a{
      text-align: -webkit-auto;
}
a {
    color: #565b61 !important;
 
    text-decoration: none;
    background-color: transparent;
  font-family: avenir !important;
    -webkit-text-decoration-skip: objects;
}
/*Alineo la imagen de los menus en la cabecera*/
.sp-megamenu-parent > li > a img {
    vertical-align: middle;
  margin-bottom: -50px;
  margin-top: 20px;
}
/*Al pasar por la imagen del menú se vuelve un poco transparente*/
.sp-megamenu-parent > li > a img:hover, .sp-megamenu-parent > li > a img:focus, .sp-megamenu-parent > li > a img:active {
    opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}


/*Bajo el desplegable de los menus principales se solapaba con la imagen de menú*/
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    left: 0;
    margin-top: 5px;
   
}

/*Cambio el tamaño de la imagen en el menú responsive de tamaño y el color del acceso al menu responsive*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li a img{
width: 50px; height: 40px;
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
    color: #990000;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:active {
    color: #990000;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    display: flex;/*Esto es para poner en una línea la imagen y la opción de menú*/
    font-size: 1rem;
    padding: 0.125rem 0;
    position: relative;
}

/*Modulo Acceso Usuarios. Cambiar botón desconectar*/
/*Para quitar el borde del botón del Módulo Buscar*/
#sp-top-bar .btn-primary, .sppb-btn-primary {
    /*border-color: #434b4d;
    background-color: #fff;*/
  color: #434b4d;
}
#sp-top-bar.btn-primary:hover, .sppb-btn-primary:hover, .btn-primary:focus, .sppb-btn-primary:focus, .btn-primary:active, .sppb-btn-primary:active {
   /* border-color: #fff;
    background-color: #eeeeee;*/
 	color:#990000; 
}
/*Reducir el tamaño de la caja de texto el alto*/
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 25px;
}
/*Para Justificar los resultados de la búsqueda general de la web*/
.search .search-results dt, .search .search-results dd {
    margin: 5px 0;
    text-align: justify;
}
/*Para reducir la ruta de navegación comento el padding y quito el fondo gris*/
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0; 
    margin-bottom: 1rem;
    list-style: none;
    background-color: #fff;
    border-radius: .25rem;
}
/*Cambio el margin de 0 a -47px para que se muestre justo debajo de las opciones de menu*/
.sp-megamenu-parent .sp-dropdown {
    margin: -47px;
    position: absolute;
    z-index: 10;
    display: none;
  /*border:outset;*/
}
/*Cambio la letra a Avenir y le pongo un poco mas tamano y sombra negra. Pongo la altura para acortar la imagen del menu*/
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
  	height:120px !important;
    padding: 0 15px;
    line-height: 150px;
    font-size: 16px;
    margin: 0;
    font-family: avenir;
    text-shadow: 0 0 black;
  text-align: -webkit-center;
}

/*Para colocar el título con el margin left donde quede mejor en la página*/
#sppb-addon-1580284868682 .sppb-addon-title {
    margin-top: 20px;
    color: #FFF;
    font-size: 40px;
    line-height: 40px;
    line-height: 80px;
    letter-spacing: 0px;
    margin-left: 200px;
}
/* Oculto el título de Actualidad para las categorias K2 al seleccionar la opción de menu Actualidad*/ 
/*Tenía puesto esto para ocultar el título de Actualidad pero esto provocaba que no se vieran las bolsas de trabajo y oposiones en empleo público lo comento para que se vean*/
/*div.itemListCategoriesBlock {
    display: none;
}*/
/*Para que al mover el cursor por encima de la imagen del menú se vuelva más transparente la imagen*/
.sp-megamenu-parent > li > a img:hover {
    opacity: 0.5;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
/*Muevo la posición del logo de la dipu en los títulos de las páginas principales de los menus*/
.sp-page-builder .page-content #section-id-1580321112536 {
    padding-top: 50px;
    padding-right: 0px;
    padding-bottom: 50px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-color: #74001C;
    background-image: url(/images/2020/01/29/siluetadiptitulos1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: scroll;
    background-position: 130px 0;
}

/*Problema que el titulo de la pagina para el menu de municipios salia mas grande y no podía reducir el ancho de la linea quitando este margin bottom*/
#sp-page-builder .sppb-section-title {
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
}
.page-content #section-id-1580385427758{
   margin-bottom: 0px;
}

/*Mapa Municipios CR*/
#municipios .div_centrado {margin:auto; text-align:center; width:900px;}
#municipios .lista_multicol {width: 220px; float:left; text-align:left; margin:0;}
#municipios .lista_municipios{list-style-type:none; margin:0; padding:0;}
#municipios .item_municipios{font: bold 10pt avenir;}
#municipios .lista_square{list-style:square outside;}
#municipios .lista_simple{list-style-type:none;}
#municipios .item_lista{margin: 9px 9px 9px 1px; padding:3px; font: bold 14px avenir;}
#municipios .item_lista2{font: bold 12px avenir;}
#municipios .info_item_lista{ margin-left: 30px; margin-bottom: 10px; font-size:12px;}
/*#municipios .mapa_provincia { width: 900px; height: 500px; display: block; margin-left: auto; margin-right: auto; border: 1px solid #990000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 8px 8px 5px #990000; -moz-box-shadow: 8px 8px 5px #990000; box-shadow: 8px 8px 5px rgb#990000;}

*/
#municipios .mapa_provinciaia { width: 900px; height: 500px; display: block; margin-left: auto; margin-right: auto;}


#municipios h2 { color:#fff; font-variant:small-caps; }
#municipios .cabecera { float:right; width:480px; margin-top:10px; margin-bottom:50px; background:#990000; font-variant:small-caps; }


#municipios .tabla_info_muni {background-color:#990000; border:color:#fff; margin:5px auto 0 auto;}
#municipios .info_municipio { background-color:#990000; color: #FFF; width:25%; padding:5px; margin-left: 4px;}
#municipios .info_muni_estrecho { background-color:#990000; color: #fff; width:10%; padding:5px; margin-left: 4px;}
#municipios .fondo_blanco {background-color:#eeeeee; text-align:left;padding:5px; margin-left: 4px;}
#municipios .fondo_blanco_centro {background-color:#FFFFFF; text-align:center;}
#municipios .titulo_tabla_muni {background-color:#990000; text-align:center; color:#FFFFFF; font-size:16px; padding:5px; margin-left: 4px;}
#municipios .div_centrado {margin:auto; text-align:center; width:900px;}
#municipios .lista_multicol {width: 220px; float:left; text-align:left; margin:0;}
#municipios .lista_municipios{list-style-type:none; margin:0; padding:0;}
#municipios .item_municipios{font: bold 10pt avenir;}
#municipios .lista_square{list-style:square outside;}
#municipios .lista_simple{list-style-type:none;}
#municipios .item_lista{margin: 9px 9px 9px 1px; padding:3px; font: bold 14px avenir;}
#municipios .item_lista2{font: bold 12px avenir;}
#municipios .info_item_lista{ margin-left: 30px; margin-bottom: 10px; font-size:12px;}


/*Botón Buscar Documento*/
.btn-primary, .sppb-btn-primary {
    border-color: #990000;
    background-color: #990000;
    opacity: 70%;
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .sppb-btn-primary:hover, .sppb-btn-primary:focus, .sppb-btn-primary:active {
  border-color: #990000;
    background-color: #990000;
    opacity: 100%;
  color: #fff !important;
}
/*Separar el título de las categorías de los edocman*/

#edocman-category h1.edocman-page-heading {
    margin: 0 0 0px 0px!important;
    font-size: xx-large !important;
    font-family: avenir !important;
}
/*Centrar el título de la categoría*/
#edocman-category {
    padding: 10px 0;
    text-align: center;
}
.btn-primary {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(to bottom, #990000, #990000);
    background-repeat: repeat-x;
    }

.btn-primary:hover {
    color: #fff;
    background-color: #990000 !important;
    border-color: #990000 !important;
}
/*Opciones para el menu de la izquierda de todos los servicios y los municipios*/
#sp-left .sp-module:first-child, #sp-right .sp-module:first-child {
    margin-top: 10px;
    margin-left: 60px;
  /*    border: outset; /*border del menu lateral de los servicios*/
}
/*Este modulo es para mostrar los banners de cada uno de los servicios*/
#sp-left .sp-module-content {
    
    margin-left: 45px;
}

#sp-left .sp-module, #sp-right .sp-module {
   
    border: 2px solid #f3f3f3;
    padding: 10px;
    border-radius: 3px;
	margin-top: 3px;
  	margin-left:60px; /*Para igualar los modulos en el modulo de buscar noticias*/
    border: outset;/*Para incluir el contenido en un recuadro*/
}
/*Esto es para subir el menú de la izquierda de areas y de servicios*/
#sp-right .sp-column{
  margin-top: -50px;
}
/*Para bajar el modulo de buscar noticias en actualidad*/
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 30px;
}
/*Formato tabla listin telefonico #FFB732 naranja; #b74c4c granate mas claro*/
#tabla_listin {border-style:groove; width:100%; border:1px solid #990000; margin-right:auto; margin-left:auto;}
#tabla_listin .celda_nivel1{background-color:#990000; color:white; font: bold 16px avenir; text-align:center; height:25px;}
#tabla_listin .celda_nivel2{background-color:#b74c4c; color:#FFB732; font:14px avenir;}
#tabla_listin .celda_nivel2 a{color:#ffffff;}
#tabla_listin .fondo_fila1{background-color:#eeeeee;}
#tabla_listin .fondo_fila1_gruesa{background-color:#d6d6d6; font-weight: bold;}
#tabla_listin .fila_gruesa{font-weight: bold;}
#tabla_listin .col_pue{width:20%;text-align:left;}
#tabla_listin .col_nom{width:50%;}
#tabla_listin .col_ext{width:5%; text-align:center;}
#tabla_listin .col_ema{width:25%;}


//MODIFICACIONES K2 NOTICIAS, BUSQUEDA LISTINi
//MOdificar vista lista de bolsas de trabajo y oposiciones
//Justifico el titulo de la bolsa de trabajo y oposición NO ME HACE CASO


//Para modificar el tipo de letra del módulo Buscar Extensiones
.k2filter-table h3, input{
    font-size: 1.1rem;
}


/*para justificar el titulo de la noticia desde el menu noticias*/
div.catItemBody {
    text-align: justify;
  font-family:avenir;
  
   
    
  
}
/*para separar la foto un poco del titulo de la lista de noticias de menu Noticias*/
span.catItemImage {
   
    margin: 0 8px 8px 0;
}
/* para justificar el titulo de la noticia cuando seleccionas una particular*/
div.itemHeader h2.itemTitle {
   text-align:justify;
   font-family:avenir;
}
/*MOFICACIONES BUSQUEDA RANGO FECHAS h3 y h2 para consulta en el calendario por dia de publicacion*/
/*Titulo de la noticia en las búsquedas por rango de fecha*/
div.genericView h1 {
    font-size: 20px;
   text-align: justify;
   font-family:avenir;
}
/*Justificar la vista de resultados de buscar noticias por rango de fechas*/
div.genericItemBody {
    text-align: justify;
   font-family:avenir;
}
/* Cambiar el tipo de letra para la busqueda por fecha del calendario pongo la misma que h3*/
div.genericItemHeader h2.genericItemTitle {
    font-family: avenir;
    font-size: 20px;
    font-weight: bold;
    text-align:justify;
}
/*Cambiar tamaño de la fecha de las noticias en la vista de busqueda del calendario*/
div.genericItemHeader span.genericItemDateCreated {
    color: #999;
    font-size: 16px;
}
/*Para el calendario de la busqueda por rango poner la cabecera del mes en granate para que se vean en blanco las flechas anterior y siguiente mes*/
.ui-widget-header {
    border: 1px solid #990000 !important;
    background: #990000 !important;
    color: #fff !important;
    font-weight: bold;
}
/*Formatear el texto de una noticia en particular y el subtitulo, aumentar el tamaño de la letra tb*/
div.itemFullText{
    text-align: justify;
   font-family:avenir !important;
  font-size: 18px;
}
/*Para formatear el subtitulo*/
div.mod_itemExtraFields {
    font-weight: bold;
    font-size: 20px !important;
    text-align: justify;
   font-family:avenir;
}
/*Esto es para formatear la parte en la que se muestra el video en el detalle de una noticia en particular*/
div.itemVideoBlock {
    background: none;
    width: 50%;
    color: #990000;
}
/*Para que se muestren las imçagenes de los menus de la izquierda en la misma línea con el texto*/
.sp-module img
{
	display: inline;
    max-width: 100%;
    height: auto;
    padding-right: 10px;
}

/*Quitar el color de fondo de la parte del titulo de la categoria y donde se muestra el boton añadir nueva*/
div.itemListCategory {
    background: #fff;
    border: 0px solid #ddd;
    border-radius: 4px;
    margin: 0 0 24px 0;
    padding: 8px;
   font-family:avenir;
}
/* Cambio el tamaño de la letra del modulo Buscar Extensiones*/
.k2filter-table h3, input {
    font-size: 1.1rem;
   font-family:avenir;
}
/*Cambiar Tamaño fecha noticia*/
div.itemHeader span.itemDateCreated {
    color: #999;
    font-size: 16px;
  	font-family:avenir;
}


/*CAMBIOS PÁGINA PROTECCIÓN DE DATOS*/
#proteccion_datos h1 { font-family: bold avenir, serif; font-size:xx-large; text-align:center; color:black}
#proteccion_datos h2 { font:avenir; font-size:20px; text-align:center;color:#990000;}
#proteccion_datos h3 { font:avenir; font-size:20px; text-align:left;color:#990000;}
#proteccion_datos h4 { font: avenir;font-weight: bold; font-size:22px; text-align:left; color:black}
#proteccion_datos p  { font:avenir; font-size:14px; text-align:justify;color:#666666;}
#proteccion_datos li p  { font:avenir; font-size:14px; text-align:justify;color:#666666;}
#proteccion_datos a  { color:#980000;}

#tabla_inforPD {border-style:groove; border-collapse: collapse;width:100%; border:2px solid #990000; margin-right:auto; margin-left:auto; padding:15;}
#tabla_inforPD tr {border: #990000 5px solid;}
#tabla_inforPD td {border: #990000 5px solid;}
#tabla_inforPD  h3 { font:"Helvetica Neue"; font-size:20px; text-align:center;color:#990000;}
#tabla_inforPD .celda_nivel1{ text-align:center; width:30%; padding: 10px;}
#tabla_inforPD .celda_nivel2{text-align:justify;  width:70%; padding: 20px;}
#tabla_inforPD .celda_nivel3{text-align:justify;  width:100%; padding: 20px;}


#tabla_inforPID {border-style:groove; border-collapse: collapse;width:100%; border:4px solid #990000; margin-right:auto; margin-left:auto; padding:15;}
#tabla_inforPID tr {border: #990000 2px solid;}
#tabla_inforPID td {border: #990000 2px solid;}
#tabla_inforPID .celda_nivel1{ text-align:left; width:30%; padding: 5px;}
#tabla_inforPID .celda_nivel2{text-align:left;  width:30%; padding: 5px;}
#tabla_inforPID .celda_nivel3{text-align:left;  width:30%; padding: 5px;}

/*Mapa del sitio*/
#sp-footer a {
    color: #fff !important;
    text-align: right !important;
}
/*Cambiar el color del botón subir documentos*/
.btn-success {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #990000, #990000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *: ;
    background-color: #51a351;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
/*Subir las información de las páginas. NO puede ser de 150 como deberia porque las noticias suben demasiado*/
#sp-component.col-lg-8 {
    top: -30px;
}
/*Quitar la raya de arriba del modulo de compartir en las redes sociales*/
.article-details .article-ratings-social-share {
    padding: 1rem 0;
    border-top: 0px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 1rem;
}
/*Alinear el Mapa del sitio y copyright a la derecha*/
#sp-footer {
    font-size: 14px;
    text-align: right;
}
/*Para que el escudo de los municipios sea más pequeño*/
.sp-module img {
    display: inline;
    max-width: 70%;
    height: auto;
    padding-right: 10px;
}



/*Nuevas reglas para los modulos buscar noticias */

#k2ModuleBox106 input.button{
margin-left: 5px;
}

#k2ModuleBox106 input.inputbox{
width: 90%;
float: left;
}

img.ui-datepicker-trigger, input#alt-inicio, input#date-fin, .k2filter-field-created span {
    float: left;
}

#K2FilterBox118{
  margin: 0 auto;
  text-align:center;
}

#K2FilterBox118 input.button{
  margin-top: 5px;
}

._search_module{
  min-height: 60px;
}
/*Esto es para agrandar el cuadro de texto de adjuntar archivo en las bolsas de trabajo y en las noticias*/
.isJ30 .itemAdditionalField .itemAdditionalData input {
    margin-bottom: 0;
    height: -webkit-fill-available;
}
/*Reduzco el tamaño de h3 para el titulo de buscar extensiones y para los titulos de las noticias*/
.h3, h3 {
    font-size: 1.45rem;
}
/*Cambios MOdulos Buscar Noticias*/

/*Cambios Seccion Noticias*/
table.calendar tr td.calendarToday {
    background: #fff;
    color: #990000;
  border-color: #990000;
}

table.calendar tr td.calendarDateLinked a {
    display: block;
    padding: 2px;
    text-decoration: none;
    /*background: #990000;*/
    color: #c0392B !important;
}


table.calendar tr td.calendarDateLinked a:hover {
    display: block;
    background: #fff !important;
    color: #990000;
    padding: 2px;
    text-decoration: double;
  border-color: #990000 !important;
}

/* Calendario de búsqueda por rango de fechas*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #990000;
    background: #f4f4f4 !important;
    color: #fff !important;
}

/* Calendario de búsqueda por rango de fechas*/

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fff !important;
    background: #990000 !important;
    color: #363636;
}
/*Cabecera del calendario desplegado de búsqueda de rango*/
.ui-widget-header {
    border: 1px solid #990000 !important;
   /* background:#f4f4f4 !important;*/
  background:#990000 !important;
    color: #fff !important;
    font-weight: bold;
}
/*Borde del día que vamos a seleccionar en el calendario de rango de fechas*/

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #990000 !important;
    background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
  /*  color: #990000 !important; Esto lo quito para que en el dia actual al ponerme encima no se oculte el numero*/
}

/*Modifico la altura de los menus de las imágenes para que no se solape al seleccionar alguna opción de la página de debajo*/
.sp-megamenu-parent > li {
    display: inline-block;
    position: relative;
    padding: 0;
    height: 130px;
}


.localizacion-responsive{
	float:right;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	max-width: 715px;
    box-shadow: 5px 5px 5px 5px #7f7a7a;
}

.map-center{
	margin: 0 auto;
}

.localizacion-responsive{
	float:right;
}

.localizacion-responsive img {
    display: initial;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    box-shadow: 5px 5px 5px 5px #7f7a7a;
}

.videos-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	max-width: 915px;
    margin:auto;
    box-shadow: 5px 5px 5px 5px #7f7a7a;
}
.videos-responsive video{
   left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    text-align:center; 
  
}

.logopids-responsive img{
  width: 100%;
  max-width: 915px;
  
}
.mapcenter-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    text-align:center; 
    box-shadow: 5px 5px 5px 5px #7f7a7a;
}
/*Para quitar el margen superior del detalle de cada página*/
.article-details {
  margin-top: -100px;
}
/*Para reducir el tamaño de la letra del timeline*/
.SandboxRoot.env-bp-660 .timeline-Tweet-text {
    font-size: 15px !important;
    line-height: 16px !important;
    font-weight: 300;
}
/*quitar el fondo de los botones de compartir en la red social*/
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
    background: #fff !important;
}
/*Para quitar el borde del botón del Módulo Buscar*/
#sp-top-bar .btn-primary, .sppb-btn-primary {
    /* border-color: #434b4d; */
    /* background-color: #fff; */
    color: #434b4d;
}

/*Cambios EDOCMAN*/
/*Mensaje documento guardado correctamente*/
/*CAMBIOS DOCUMENTOS EDOCMAN*/
#edocman-category h1 {
  margin: 0px -4px 7px -4px;
    padding: 2px 2px 2px 2px;
    font-size: 200%;
    /*border-bottom: 4px solid #990000;*/
 font-weight: bold;
}
/*BOTON SUBIR DOCUMENTO*/
.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #990000;
    background-image: -moz-linear-gradient(top,  #990000,  #990000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#990000), to( #990000));
    background-image: -webkit-linear-gradient(top,  #990000, #990000);
    background-image: -o-linear-gradient(top, #990000, #990000);
    background-image: linear-gradient(to bottom, #990000, #990000);
    background-repeat: repeat-x;
    border-color: #990000 #990000 #990000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='#990000', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-success:hover {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #990000;
    background-image: -moz-linear-gradient(top,  #b74c4c,#b74c4c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b74c4c), to( #b74c4c));
    background-image: -webkit-linear-gradient(top,  #b74c4c, #b74c4c);
    background-image: -o-linear-gradient(top, #b74c4c, #b74c4c);
    background-image: linear-gradient(to bottom, #b74c4c, #b74c4c);
    background-repeat: repeat-x;
    border-color: #b74c4c #b74c4c #b74c4c;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b74c4c', endColorstr='#b74c4c', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
/*BOTÓN CANCELAR SUBIDA*/
.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #990000;
    background-image: -moz-linear-gradient(top, #990000,  #990000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #990000), to( #990000));
    background-image: -webkit-linear-gradient(top, #990000,  #990000);
    background-image: -o-linear-gradient(top,  #990000,  #990000);
    background-image: linear-gradient(to bottom, #990000, #990000);
    background-repeat: repeat-x;
    border-color:  #990000  #990000  #990000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=' #990000', endColorstr=' #990000', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.alert, .alert h4 {
    color: #990000;
}
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.edocman_new {
    background-color: #990000;
    border-radius: 3px 3px 3px 3px;
    padding: 2px 4px;
    color: #FFFFFF;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 11.844px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    margin-right: 8px;
    display: inline-block;
}
.edocman_vencido {
    background-color: #fee228;
    border-radius: 3px 3px 3px 3px;
    padding: 2px 4px;
    color: #990000;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 14.844px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    margin-right: 8px;
    display: inline-block;
}

/*EDOCMAN para que no se justifique el titulo de las categorias*/

.edocman-container h3 a{
  text-align: left;
  font-size:16px;
}
.edocman-document-title pull-left h3 a{
  text-align: left;
}

/*Para que cambie el color cuando una bolsa de trabajo u oposición está vencida*/
.bolsaTrabajoVencida {
    background-color: #fee228;
    border-radius: 3px 3px 3px 3px;
    padding: 2px 4px;
    color: #990000;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 14.844px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    margin-right: 8px;
        display: inline-block;

}
.bolsaTrabajoFinalizada {
    background-color: #990000;
    border-radius: 3px 3px 3px 3px;
    padding: 2px 4px;
    color: #fff;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 14.844px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    margin-right: 8px;
        display: inline-block;

}
/*para que se muestren las imágenes de empleo público de bolsas y oposiciones iguales de alto independientemente del tamaño de las imagenes de las categorías*/
div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img {
    height: 70px;
}
/*Borde en la paginación de bolsas de trabajo y oposiciones*/
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #fff !important;
    border-color: #990000 !important;
}
/*Botón de editar y eliminar noticias k2*/
span.itemEditLink a, span.catItemEditLink a, span.userItemEditLink a, span.userItemAddLink a {
    display: inline-block;
    padding: 4px 8px;
    margin: 0;
    background: #990000 !important;
    color: #fff !important;
    border: 0;
    border-radius: 4px;
    font-size: 11px;
    line-height: 100%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

/*Reducir Tamaño Letra*/
.SandboxRoot.env-bp-550 .timeline-Tweet-text {
    font-size: 16px !important;
    line-height: 27px;
    font-weight: 300;
}
/*Reducir margen del pie de página*/
#sp-footer .container-inner {
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin-top: -80px;
  	
}
/*Margen de debajo del pie de página*/
#sp-page-builder .page-content .sppb-section:first-child {
    margin-top: 0;
    margin-bottom: 70px;
}
/*Para agrandar el modulo donde se muestra el calendario de las noticias*/
div.k2CalendarBlock {
    height: 220px;
    margin-bottom: 18px;
    /* MARGIN-TOP: -0PX; */
}

.sppb-addon-title{
    font-size: 25px;
    line-height: 25px;
      text-align: center;
}

/* 
* Empleo público:
* ocultar título de Subcategorías y "Ver artículos ... "
* Se aplica la clase empleo_publico_dipucr en el menú correspondiente
*/

.empleo_publico_dipucr div.itemListSubCategories h3, .empleo_publico_dipucr a.subCategoryMore{
display: none !important;
}

/*Quitar una línea que estaba debajo de las imágenes de los menús*/
#sp-header {
    height: 170px; /*Oculto esto para reducir el tamaño de esa parte. No lo oculto porque si no se solapa el texto cuando bajas el cursor con el logo de la dipu*/
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 99;
    box-shadow: 0 0 0px 0 rgb(0 0 0 / 10%);
    /* box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%); */
}

/* Icono de RSS*/

.k2FeedIcon a {
    font-family: 'simple-line-icons' !important;
}
/*Para colocar la barra de accesibilidad de la web*/
#x-insuit-tab {
top: 29% !important;
}
/*Si pongo este borde para la agenda se me pone para muchos otros sitios*/
/*.sppb-addon-content {
    border: outset;
    
}*/
/*Reducir el tamaño de la barra granate de arriba*/
#sp-top-bar {
    padding: 8px 0;
    font-size: 0.875rem;
    margin-top: -30px;
}
/*Justificar el texto de la descripción en los documentos de edocman*/
.edocman-description-details {
    text-align: justify;
}
/*Para cambiar el tamaño de la letra a los submenus principales*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    padding: 8px 0;
    cursor: pointer;
}
/*bajar el texto de los menus para centrarlo con el escudo de la diputación padding a 12*/
.sp-megamenu-parent {
    list-style: none;
    padding: 12px;
    margin: 0 -15px;
    z-index: 99;
    display: block;
    float: right;
    position: relative;
}

/*quitar el margen superior de las noticias que estaba en 100px Es necesario para que no se suba el menu actualidad el componente buscar noticias*/
#sp-main-body {
    padding: 100px 0;
}

/*Para justificar la agenda el detalle de une evento en el movil*/

#jevents_body .contentpaneopen table, #jevents_body .contentpaneopen td, #jevents_body .contentpaneopen tr, #jevents_body .contentpaneopen p, #jevents_body .contentpaneopen div {
    border: none;
    line-height: 1.5em;
    text-align: justify !important;
}
  
  .social_k2_new {
    float: left;
}
/*Para el formulario de reservas de Valdeparaiso que los label de textareas se muestren arriba */
label {
    display: -webkit-box;
    margin-bottom: .5rem;
}
/*Seccion Promueve*/

#promueve p  { font-family: arial ; font-size:16px; text-align:justify;}
#promueve li h2 { font-family: arial; font-size:14px;}
#promueve li a {font-family: arial black; font-size:16px; font-weight: bold;}
#promueve a {font-family: arial black; font-size:16px; font-weight: bold;}

/*Seccion Nueva transparencia Internacional*/
.contenedor {
  	width:100%
    max-width :1200px;
  	/*height:410px;*/
  	flex-wrap:wrap;
    display: flex;
    margin: auto;
    justify-content:center;
}
.contenedor .seccion {
  	width:310px;
      
  	height:375px;
  	border-radius:8px;
	box-shadow: 2px 2px 5px #999;
    /*box-shadow: 0 2px 2px rgba (0,0,0,0.2);*/
  	overflow:hidden;
    margin: 10px;
    text-align:center;
    transition:all 0.25s;
}
.contenedor .banner{
  margin:1px;
  
  
}
.contenedor .seccion:hover {
 transform:translateY(-12px);
    border-color:#990000;
 /* box-shadow: 0 12px 16px rgba (0,0,0,0.2);*/
  box-shadow: 2px 2px 5px #990000;
}
.contenedor .seccion img{
  margin:auto;
  display:block;
  
}
.contenedor .seccion a{
  color:#990000;
  text-align:left !important;
}
/*Componente Phoca Gallery Texto mas grande de las subcategorias*/
.pg-cv-name {
    text-align: left;
    margin-top: 5px;
    font-size: medium !important;
  	font-weight: bold !important;
}
.pg-cv-folder {
    text-align: left;
    margin-top: 5px;
    padding-left: 0px !important;
    background: url() 0 1px no-repeat !important;
}
/*Componente Phoca Gallery Recuadro de las subcategorias*/
.pg-cv-box {
    max-height: 290px !important;
    max-width: 200px;
}
/*Color hover de los iconos de las imágenes  */
.pg-cv-box:hover {
    background:#e9ecef !important;
}

/*Ajustar el botón Entendido del pluging de las cookies*/
#cookieMessageContainer .cookie_button {
    background: url(https://www.dipucr.es/plugins/system/EUCookieDirective/EUCookieDirective/images/continue_button_white.png);
    text-shadow: #ffffff 0.1em 0.1em 0.2em;
    color: #000000;
    padding: 0px 12px !important;
    height: 14px;
    float: left;
}
/*Cambiar tamaño letra texto cookies y justificar*/
#cookieMessageText p, .accept {
    font: normal 14px/16px Arial,Verdana,sans-serif !important;
    margin: 0;
    padding: 0 0 6px;
    text-align: justify;
    vertical-align: middle;
}
/*En phoca gallery para quitar el título de la categoría y no muestre el municipio*/
.page-header {
    padding-bottom: 15px;
    display: none !important;
}