/* @import url( 'style.css' );*/

/*------------------------------------------ WORDPRESS CORE ------------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #222;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
    width: initial;
}


/*------------------------------------------ CONTENIDO ------------------------------------------*/
/********
   La anchura del DIV de contenido en el FRONT es de alrededor de 850 píxeles.
   Hay que hacer que tanto el editor del Tiny como el visualizador de plantillas tenga la misma anchura para que la visión sea real, sobretodo por el responsive.
   En ambos casos se agregan más píxeles por las márgenes inherentes a cada DIV
*********/

#tinymce,
.plantContent {
    font-size: 16px;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #6a6a6a;
    padding: 0;
}
.mainContent {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    word-wrap: break-word;
    /*opacity: 0.8;*/
    letter-spacing: -0.06px;
    word-spacing: 0.00px;
    text-transform: none;
    margin: 0 0 15px;
    overflow: hidden;
}
#tinymce p,
.plantContent p {
    border: 1px dashed #333;
    margin: 3px;
}
#tinymce div,
.plantContent div {
    border: 1px dashed #888;
    padding: 3px;
    margin: 2px
}
.mce-container * {
    background-color: inherit;
}

.mainContent pre {
    font-size: 12px;
    margin: 25px 10px;
    padding: 20px 10px;
}

/* Si es página no se visualiza la fecha */
.mainContent > article.page .meta_data {
    display: none;
}
/* Si tiene showUpdate_option = 1, o es centro, o es lista de páginas, se muestra la fecha de actualización */
.mainContent > article.page .meta_data.showUpdate,
.mainContent > article.page .articles_list .meta_data,
.uca_ent_centro .mainContent > article.page .meta_data {
    display: inherit;
}


.mainContent a {
    color: #A4A437;
    font-weight: 400;
    text-decoration: underline;
}
.mainContent a:hover {
    color: #C3C45A;
}

.mainContent a[disabled]
, .mainContent a[disabled]:hover {
   pointer-events: none;
   color: #e1e1e1;
}


/* Para arreglar los in page links (enlaces internos), que no se oculten tras la cabecera */
.mainContent a:not([href]) {
    display: block;
    position: relative;
    top: -220px;
}

/* Conflicto del ANTERIOR con caldera Forms */
.mainContent .caldera_forms_form a:not([href]) {
    top: 0;
}



.mainContent h1, .mainContent h2, .mainContent h3, .mainContent h4, .mainContent h5, .mainContent h6 {
    padding-bottom: 0px;
    font-weight: bold;
}
.mainContent hr {
    background-color: #384850;
    height: 1px;
}

.mainContent ul {    
	list-style: none;
    padding: 0;
    margin: 20px 0;	
	display: table;
}
.mainContent ul.dropdown-menu {    
    display: none;
}
.mainContent .open > .dropdown-menu {
    display: block;
}

.mainContent ul > li {
    /*padding-left: 2em;
    text-indent: -.7em;*/
    margin-bottom: 7px;	
	display: table-row;	
}
.mainContent ul > li:before {
    content: "• ";
    color: #575756;
    padding-right: 5px;		
	display: table-cell;
}
.mainContent li ul {
    margin: 5px 0;
}
.mainContent ul.list-unstyled {
    padding-left: 0;
    list-style: none;
    margin: 1px;
}
.mainContent ul.list-unstyled > li:before {
    content: none;
}
.mainContent img,
.mainContentIndex img {
    height: auto;
    max-width: 100%;
}

/*  ----- LISTA PLUGIN wp_rss_retriever_item ----- */
.mainContent ul.wp_rss_retriever_list > li.wp_rss_retriever_item:before {
    content: none;
}
.wp_rss_retriever_item_wrapper {
    margin: 15px 0;
}


/*  ----- TABLA POR DEFECTO ----- */
.mainContent table {
    overflow-x: auto;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    background: #fff;
    overflow: hidden;
    border: none;
    margin: 10px 0 25px;
}
.mainContent table tr.cabeceraUCA, .mainContent table tr.cabeceraUCA:hover {
    background-color: #384850;
    color: #FFFFFF;
    font-weight: 400;
    border-left: 1px solid #384850;
    border-right: 1px solid #384850;
    border-bottom: 1px solid #384850;
}
.mainContent .cabeceraUCA th, .mainContent .cabeceraUCA:hover th {
    font-weight: 400;
}

.mainContent th, .mainContent tr.cabeceraUCA td {
    border: none;
    padding: 5px;
}
.mainContent table tr {
    color: #626262;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    text-align: left;
}
.mainContent table tr:hover {
    background: none repeat scroll 0 0 #f0f0f0;
}
.mainContent table tr:last-child {
    /*border-bottom: none;*/
}
.mainContent table td {
    padding: 8px 10px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
/* Fila o Celda Destacada */
.mainContent td.uca_celdadestacada, .mainContent tr.uca_celdadestacada {
    background-color: #EAEAEA;
}
.mainContent table tr.filaTotales {
    background-color: #EAEAEA;
    color: #000;
}
.mainContent .fa {
    padding: 0 5px;
}
.mainContent .privateContent {
    color: #800000;
}

/*---- LOGIN LDAP ------------------*/
.uca-form.login-form {
    width: 60%;
    margin: 50px auto;
}
.form_text {
    font-size: 15px;
    padding: 10px;
}
.form_text .fa {
    margin: 0px 5px;
}
.btn-record-m {
    padding: 10px;
    min-width: 100px;
    margin: 0 10px;
}
.login-btn-bar {
    display: flex;
    justify-content: space-between;
    margin: 10px;
}


/*---- LOGIN LDAP PROFILE BAR ------------------*/
.uca_user_profile_bar {
    display: flex;
    flex-direction: row-reverse;
    height: 0;
    margin: 0 15px;
    color: #F0F0F0;
    background-color: #5d6d75;
}
.uca_user_profile {
    font-size: 15px;
    padding: 4px;
    padding-left: 10px;
    background-color: inherit;
    height: max-content;
    z-index: 90;
}
.uca_user_profile .username {
    margin-right: 5px;
}
.uca_user_profile_bar a.icon-link {
    padding: 2px 3px;
    border-radius: 3px;
}
.uca_user_profile_bar a.icon-link:hover {
    background-color: #F0F0F0;
    color: #384850;
    text-decoration: none;
}
.uca_user_profile_bar a {
    color: #FFF;
    font-weight: 400;
    padding: 0 5px;
    margin: 2px 0;
}

.uca_user_profile_bar .user_udni {
    opacity: 0.7;
    margin-right: 6px;
}
.uca_user_profile_bar .user_name {
    text-transform: capitalize;
}


/*---- EN EL MENU RESPONSIVE ------------------*/
#navbar-local .uca_user_profile_item .uca_user_profile_bar {
    background-color: transparent;
    height: auto;
    width: auto;
    margin: 0;
    flex-direction: row;
}
#navbar-local .uca_user_profile_item .uca_user_profile_bar .uca_user_profile {
    margin: 8px 0;
}
#navbar-local .uca_user_profile_item .uca_user_profile_bar .icon-link {
    display: initial;
}

















/*--------------------- ESTILOS ADICIONALES ASOCIADOS AL DESPLEGABLE DE FORMATOS ---------------------*/
/*---- TABLAS, FILAS Y CELDAS ------------------*/

/*
** ESTILO: uca_tabla1 - Tabla UCA sin bordes verticales
*/
.mainContent .uca_tabla1 td {
    border-left: none;
    border-right: none;
}
.mainContent .uca_tabla1 tr:last-child td {
    border-bottom: none;
}

/*
** ESTILO: uca_tabla_noborders - Tabla UCA sin bordes
*/
.mainContent .uca_tabla_noborders td {
    border: none;
}
.mainContent .uca_tabla_noborders tr:last-child td {
    border-bottom: none;
}
.mainContent .uca_tabla_noborders tr {
    border: none;
}

/*---- PÁRRAFOS ++++++++++++++++++*/

/* PÁRRAFOS BAJO TABLAS  */
.mainContent p.bajotabla {
    font-size: 10px;
    color: #595959;
    margin: -20px 0 20px 8px;
    line-height: 12px;
    background-color: #eeeeee;
}
.mainContent p.bajoimagen {
    font-size: 10px;
    color: #595959;
    margin: -14px 0 20px 5px;
    line-height: 12px;
}

/*---- LISTAS +++++++++++++++++*/
/* VIÑETAS */
.mainContent ul.circulo > li {
    list-style-type: circle;
}
.mainContent ul.cuadrado > li {
    list-style-type: square;
}
/* NUMERADAS */

.mainContent ol.numerico > li {
    list-style-type: decimal;
}
.mainContent ol.alfMayus > li {
    list-style-type: upper-alpha;
}
.mainContent ol.alfMinus > li {
    list-style-type: lower-alpha;
}
.mainContent ol.romMayus > li {
    list-style-type: upper-roman;
}
.mainContent ol.romMinus > li {
    list-style-type: lower-roman;
}

/* ALERT BOOTSTRAP */
.alert-info {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}


/* Para que los niveles inferiores tengan 2.1, 2.2, ... */
.mainContent ol { counter-reset: item }
.mainContent ol li { display: block }
.mainContent ol li:before { content: counters(item, ".") " "; counter-increment: item }


/* Para añadir iconos a los enlaces a fichero */
.mainContent a.uca_file::after { content: "\f016"; font-family: FontAwesome; padding-left: 3px; }
.mainContent a.uca_pdf::after { content: "\f1c1"; font-family: FontAwesome; padding-left: 3px; }
.mainContent a.uca_word::after { content: "\f1c2"; font-family: FontAwesome; padding-left: 3px; }
.mainContent a.uca_excel::after { content: "\f1c3"; font-family: FontAwesome; padding-left: 3px; }
.mainContent a.uca_image::after { content: "\f1c5"; font-family: FontAwesome; padding-left: 3px; }
.mainContent a.uca_archive::after { content: "\f1c6"; font-family: FontAwesome; padding-left: 3px; }



/*---- PÁRRAFOS ++++++++++++++++++*/

.embed-container {
    position: relative;
    height: 0;
    overflow: hidden;
}
.embed_16x9 {
    padding-bottom: 56.25%;
}
.embed_4x3 {
    padding-bottom: 75%;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*---- VÍDEOS EMBEBIDOS ++++++++++++++++++*/

.mainContent .wp-video {
    margin: 30px 10px;
}



/*------------------------------------------ COMPONENTES ------------------------------------------*/


/* ........ ACCORDION ....................................... */
/* http://bootsnipp.com/snippets/3kB4m */

.uca-group-heading img {
    width: 100%;
/*    margin-bottom: 30px;     Se comenta para que las fotos no tengan un margen blanco debajo */
}
.uca-group-desc {
    
}
.panel-group .panel {
    border: none;
    box-shadow: none;
    border-color: #EEEEEE;
}
.panel-default > .panel-heading {
    padding: 0;
    border: none;
    color: #212121;
    background-color: #fff;
}
.panel-default:nth-child(odd) > .panel-heading {
    background-color: #ededed;
}
.panel-heading br, .panel-group > p {
    display: none;
}
.panel-group .panel+.panel {
    margin-top: 2px;
}
.mainContent .panel-title {
    font-size: 18px;
    margin: 0;
}
.mainContent .panel-title > a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #808080;
}
.mainContent .panel-title > a:hover {
    background-color: #808080;
    color: #fff;
}
.more-less {
    float: right;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
    padding: 15px 0;
}
.panel .panel-collapse {
    margin-left: 15px;
}
.panel ul {
    margin-top: 0;
}
.panel .panel-title a {
    border-radius: 4px;
}


/* ........ UCA_TABS ....................................... */
/* https://codepen.io/wizly/pen/BlKxo */

.uca_tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    display: inherit;
}
.uca_tabs .nav-pills > li:before {
    content: "";
}
.uca_tabs .nav-pills > li {
    margin: 0;
    display: inherit;
}
.nav-pills > li > a {
    background-color: #eee;
    text-decoration: none;
    border: 1px solid #ddd;
    border-bottom: 1px solid #bbb;
    color: #808080;
}
.nav-pills > li > a:hover {
    background-color: #ddd;
    color: #808080;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover,
.portalUCA .uca_tabs .nav > li > a:focus {
    color: #777;
    background-color: #fff;
    border: 1px solid #bbb;
    border-top: 1px solid #bbb; 
    border-bottom: 1px solid #fff;
    text-decoration: none;
}
.uca_tabs .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}
.uca_tabs .tab-content {
    background-color: transparent;
    padding: 15px 20px 5px 20px;
    outline: 1px solid #bbb;
    margin-bottom: 5px;
}


/* ........ UCA_SOCIAL ....................................... */
.uca_social {
    margin-left: 10px;
}
.uca_social ul.dropdown-menu {
    margin: 0;
    min-width: 0;
    border: 1px solid #bbb;
}
.uca_social ul > li:before {
    content: none;
    padding-right: 0;     
}
.uca_social .share-link:first-child  {
    margin-left: 3px;
}
.uca_social .share-link {
    border: 1px solid #bbb;
}
.uca_social .share-button {
    font-size: 12px;
    margin: 3px;
    margin-bottom: 2px;
    padding: 5px 10px;
    font-weight: 300;
    background-color: #eee;
    border-radius: 3px;
    color: #888;
    box-shadow: none;
}
.uca_social.open .dropdown-toggle {
    box-shadow: none;
}
.uca_social .share-button:hover {
    color: inherit;
    background-color: #ddd;
}
.rss-button {
    font-size: 16px;
    margin: 3px;
    padding: 1px 6px;
}


/*------------------------------------------ FIN COMPONENTES ------------------------------------------*/



/**********************************************/
/* NOTICIAS */
    
.sec-noticias a {
    display: block;
    color: inherit;
}

.sec-noticias .col-sm-6 {
    margin-bottom: 15px;
}

.sec-noticias h3 {
    margin: 0;
    font-size: 14px;
    line-height: 1.1em;
    color: #3c3c3c;
}
.sec-noticias a {
    text-decoration: none;
}
.sec-noticias a:hover h3 {
    text-decoration: underline;
}


.sec-noticias img {
    margin-bottom: 5px;
    width: 100%;
}

.sec-noticias .fecha {
    color: #a4a437;
    font-size: 12px;
    margin-bottom: 0px;
}

.sec-noticias .noticias-preview li {
    display: block;
    padding: 0;
    margin: auto;
    max-width: 90%;
}

.sec-noticias .noticias-preview li + li {
    margin-top: 5px;
    padding-top: 5px;
}
.sec-noticias .noticias-preview li + li .separator {
    width: 35%;
    border-top: 1px solid #aaa;
    height: 5px;
}

.noticias-item {
    margin-bottom: 10px;
}

li.noticias-item:after {
    border-bottom: 1px solid;
    content: "";
    height: 1px;
    margin: 5px 0;
    position: absolute;
    width: 30%;
}
li.noticias-item:last-child:after {
    border-bottom: none;
}


.more-items {
    font-size: 20px;
    text-align: right
}
.more-items i.fa {
    font-size: 6px;
    margin-right: 5px;
}
.more-items .more-link {
    height: 25px;
    color: inherit;
    display: block;
}
.more-items .more-link:hover {
    color: #e7be48;
}

.widget_noticias .media {
    margin-top: 2px;
    margin-bottom: 15px;
    padding: 2px;
    background-color: #fff;
    min-height: 60px;
    border-left: 2px solid #ddd;
}
.widget_noticias .media:nth-child(2n) {
    background-color: #fff;
}
.widget_noticias .media-object {
    width: 100px;
    padding: 2px 0px 0px 2px;
}
.widget_noticias .post-date {
    font-size: 11px;
    color: #666;
    text-align: left;
    padding-left: 0;
    padding-top: 2px;
}
.widget_noticias .media-text {
    font-size: 14px;
    margin-top: 1px;
    line-height: 1.2em;
}
.widget_noticias p {
    margin: 0;
}
.widget_noticias .media:hover {
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,.18),0 2px 8px 0 rgba(0,0,0,.15)*/
}
.widget_noticias .separator {
    border-bottom: 1px solid;
    margin: 5px 0;
    width: 70%;
    /*margin-left: 25%;*/
}



/**********************************************/
/* LOGOTIPO: Incluir en Presentación o en Widget: div.site-logo > img */
.mainContentIndex .site-logo {
    margin-top: 65px;
}
.site-logo {
    margin: auto;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
}
.site-logo img {
    max-height: 150px;
    max-width: 100%;
}


/******* SITEMAP: Portada  *********************/
.uca-sitemap .panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding: 0;
}
.mainContent .uca-sitemap ul > li::before {
  content: none;
}
.mainContent .uca-sitemap ul {
  margin: 10px 20px;
}
.uca-sitemap .depth-2 {
  margin-top: 6px;
}


/**********************************************/
/******* PLUGIN WP-PHOTO-SPHERE: imagenes 360  *********************/
.wpps_container {
    margin: 10px auto;
}
.wpps_container .title_link {
    background-color: #384850;
    color: #fff;
    text-decoration: none;
    padding: 5px;
}
.wpps_container .title_link:hover {
    color: #fff;
    text-decoration: underline;
}







/*------------------------------------------ ESTILOS ADICIONALES ASOCIADOS A LAS PLANTILLAS ------------------------------------------*/
/******* PLANTILLA: SUB-HOME  *********************/
/******* Listas desornedadas sin estilo (para los bloques subhome se vean en el editor) **********************/
.mainContent ul.pull-izqda {
    float: left;
}
.mainContent ul.lista-inline {
    list-style: none;
    margin-left: -5px;
    padding-left: 0;
    padding: inherit;
    margin: inherit;
    margin-top: 0;
}
.mainContent ul.lista-inline > li {
    display: inline-block;
    padding-left: 5px;
    text-indent: inherit;
	margin-bottom: 5px;
}
.mainContent ul.lista-inline > li:before {
    content: none;
}
.subhome div {
    margin: 0 5px;
}
.subhome li h3 {
    background-color: #e1e1e1;
    margin: -5px -5px 3px;
    padding: 5px;
}
.mv_cont h3 {
    background-color: #e1e1e1;
    margin: -5px -5px 3px;
    padding: 5px;
    margin-right: 12px;
}

.mv_cont {
    float: none;
    margin-bottom: 15px;
    margin-top: 10px;
    resize: vertical;
}
.mv_img {
	width: 250px;
	height: 120px;
    margin-bottom: 0;
    float: none;
    text-align: center;
	/*/overflow: hidden;*/
	/*white-space: pre;
	/*margin-right: 4%;*/
}
div.mv_img img {
	max-width: 100%;
	max-height: 100%;
	margin: 0;
}
.ucaGallery p.mv_desc {
    display: inherit;
    font-size: 15px;
	word-wrap: break-word;
	padding-right: 5px;
    margin: 7px 0;
}

.mve_img {
    width: 250px;
    height: 120px;
    margin-bottom: 0;
    float: none;
    margin: auto;
}


/******* PLANTILLA: SECCIONES DEPARTAMENTALES  *********************/
.sd_data .sd_job {
    margin-left: 15px;
    margin-bottom: 7px;
}

.grados_content .sd_data p {
    margin-bottom: 2px;
    margin-left: 5px;
}


/******* PLANTILLA: GRADOS  *********************/
div.grados_header {
    /*padding: 5px 0;
    display: block;
    margin-bottom: 5px;
    text-align: center;*/
	border-bottom: 1px dotted #bbb;
    padding-top: 5px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    width: 100%;
}

div.grados_img_header {
	width: 120px;
	height: 50px;
    margin-bottom: 0;
    float: left;
    margin-bottom: 0;
    margin-top: 10px;
}

div.grados_img_header img {
	width: 100%;
	height: 100%;
    margin: 0;
}
/*
.grados_header img {
    float: left;
    width: 100px;
    margin: 5px;
}*/
div.grados_tit_header {
	text-align: center;
    display: block;
    margin: auto 0;
    width: 100%;
}
/*.grados_header h2 {
    margin: 14px 25px;
    padding: 0;
}*/
.mainContent ul.lista-inline > li.grados_content {
    width: 49%;
}
.grados_content div {
    padding: 10px;
    box-sizing: border-box;
}
.grados_content h3 {
    background-color: #eee;
    padding: 10px;
    color: #C3C45A;
    margin: 0px;
}
.grados_content h4 {
    font-weight: bold;
    margin: 5px 10px;
}
.grados_content p {
    margin-bottom: 15px;
}

/******* PLANTILLA: Galería de Imágenes y Vídeos  *********************/
.ucaGallery > li {
    width: 270px;
    vertical-align: top;
}

div.ucaGallery_wrap {
    background-color: #EDEDED;
    border-radius: 3px; 
}
div.ucaGallery_wrap:hover{
    background-color: #CCCCCC;
}

.ucaGallery .ucaGallery_item a {
    color: #555;
    font-size: 18px;
    text-align: center;
}
.ucaGallery .ucaGallery_item a:hover {
    color: #555;
}

.ucaGallery_item .mainTitle {
    padding: 10px;
    height: 57px;
}
.ucaGallery_item .textLink {
    padding: 8px 10px;
    font-size: 16px;
}
.ucaGallery .imgMain {
    margin-top: 4px;
    text-align: center;
    width: 250px;
    height: 120px;
}
/*.ucaGallery .imgMain img {
    width: 250px;
    height: 120px;
}*/
.ucaGallery .ucaGallery_desc {
    color: #555;
    margin: 5px;
}
.ucaGallery br, .ucaGallery p {
    display: none;
}

/******* PLANTILLA: Portada  *********************/
.ucaRow:nth-child(even) {
    background-color: #ededed;
}

.ucaRow:first-child > .container > .row {
    padding-top:  0;
    padding-bottom: 0;
}

.ucaRow > .container > .row {
    padding-top: 0px;
    padding-bottom: 0px;
}

.select_nitems {
    background-color: #eee;
    padding: 10px 30px;
}
.select_nitems #iters {
    min-width: 45px;
    text-align: right;
}


/******* FILTROS JS: Personal  *********************/
.uca_filter_bar {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    flex-wrap: wrap;
    background-color: #f0f0f0;
    padding: 3px;
}
.uca_st.group > .uca_filter_bar {
    margin-top: -10px;
}
.uca_filter_counter {
    font-size: 12px;
    font-weight: bold;
    margin: 0 5px;
    padding: 0 5px;
    background-color: #ffffffc9;
    border-radius: 2px;
    cursor: default;
    border: 1px solid #0002;
    min-width: 30px;
    text-align: center;
}
.uca_filter_btn {
    font-size: 11px;
    padding: 1px;
    border-radius: 3px;
    border: 1px solid #8c8c8c;
}
.uca_filter_btn:hover { 
    cursor: pointer;
    background-color: #fff;
}
.filter_select_item {
    display: flex;
    align-items: baseline;
    margin-left: 10px;
    max-width: 200px;
}
.filter_select {
    display: flex;
    margin-left: 8px;
}

.uca_sorter_bar .sorter_select {
    max-width: 200px;
}

/******* ORDENACIONES SORTER JS: Personal  *********************/
.uca_sorter_bar {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    flex-wrap: wrap;
    background-color: #f0f0f0;
    padding: 3px;
}
.uca_st.group > .uca_sorter_bar {
    margin-top: 0px;
}
.sorter_select {
    margin-left: 3px;
    max-width: 300px;
}


/******* SHORTCODE: Personal  *********************/
.uca_st br {
    display: none;
}

div.group {    
    margin-bottom: 70px;
}
h3.group {
    border-top: 1px dashed #dadada;
	font-weight: 300;
	font-size: 25px;
    padding-top: 35px;
	margin-top: 0px;
}
h2.group {
    border-bottom: 1px solid #4a9283;
}

.uca_st.group .sectionSeparator {
    font-size: 24px;
    border-bottom: 1px solid #dadada;
    margin-top: 30px;
    margin-bottom: 5px;
    margin-left: 10px;
}

.anchor {
    position: relative;
    top: -310px;
}
.row .contact{
	margin-left: -15px;
}
.personal_item {
    display: table;
    margin: 15px 0;
}
.personal_item .pictureWrapper {
    width: 120px;
    margin: 10px;
    border: 3px solid #eee;
    position: relative;
}
.personal_item .picture {
    display: block;
    width: 120px;
    height: auto;
    max-height: 200px;
}
.personal_data {
    display: table-cell;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    padding-top: 14px;
    padding-left: 5px;
}
.personal_data .name {
    color: #575756;
	font-weight: 300;
    font-size: 20px;
	font-weight: bold;
    padding-bottom: 0px;
    margin: 0 0 4px 0px; 
}
.group .fa.fa-caret-right {
    font-size: 20px;
    height: 28px;
    margin-right: 7px;
    vertical-align: middle;
}
.personal_data .personalMain {
    line-height: 1.1;
    font-size: 20px;
    margin-bottom: 4px;
}
.personal_data p {
    margin-left: 0;
    margin-bottom: 2px;
    font-size: 16px;	
	font-weight: 400;
	color: #575756;
}
.personal_data p.position {        
    font-style: italic;
    font-size: 17px;
}
.personal_data p.separator {        
    margin-top: 15px;
}
.personal_data i.fa {
    padding: 2px;
    margin-right: 5px;
}
.personal_data .email > a {		
	color: #575756;
    text-decoration: none;
}
.personal_data .url > a {		
    color: #204e64;
	padding-left: 40px;
	text-decoration: underline;
	font-style: italic;
}
.contact .personal_item {
    border-top: none;
	width: 90%;
}
.contact .toc {
    width: 100%;
}
.tocWrapper.right {
    text-align: right;
}
.tocWrapper.center {
    text-align: center;
}
.tocWrapper.left {
    text-align: left;
}
.tocWrapper.full .toc {
    display: block;
}
.toc {
    text-align: left;
    background-color: #eee;
    border-radius: 5px;
    padding: 20px 30px;
    display: inline-block;
}
.toc p {
    margin: 0;
}
.toc p.title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
.toc a.tocitem {
    color: #888;
    font-size: 14px;
}
.toc .fa.fa-caret-right {
    margin-right: 4px;
}

.toc a.tocitem.level1 { margin-left: 20px; }
.toc a.tocitem.level2 { margin-left: 40px; }
.toc a.tocitem.level3 { margin-left: 60px; }

.organos-de-gobierno p { display: block; }


/**** Galerías de imágenes grandes o muy grandes  ***/

.ucaGallery > li.mv_item_big {
	width: 560px;
}
.mv_img_big {
	width: 560px;
	height: 150px;
    margin-bottom: 0;
    float: none;
    text-align: center;
	/*/overflow: hidden;*/
	/*white-space: pre;
	/*margin-right: 4%;*/
}
div.mv_img_big img {
	max-width: 100%;
	max-height: 100%;
	margin: 0;
}

.ucaGallery > li.mv_item_very_big {
	width: 1120px;
}
.mv_img_very_big {
	width: 1120px;
	height: 384px;
    margin-bottom: 0;
    float: none;
    text-align: center;
	/*/overflow: hidden;*/
	/*white-space: pre;
	/*margin-right: 4%;*/
}
div.mv_img_very_big img {
	max-width: 100%;
	max-height: 100%;
	margin: 0;
}


/******* SHORTCODE: MenuVisual  *********************/
.mainContent ul.uca_menuvisual {
    display: block;
    margin-top: 0;
}
.mainContent ul.uca_menuvisual > li::before {
    content: "";
    display: initial;
}

.uca_menuvisual {

}

.uca_menuvisual .mvItem {
    display: inline-block;
    max-width: 270px;
    vertical-align: top;
    overflow: hidden;
}

.uca_menuvisual .mvItem a.mvItem_link {
    display: block;
    color: #555;
    background-color: #E7E7E799;
    border-radius: 5px;
    text-decoration: none;
    padding: 10px;
    font-size: 15px;
}
.uca_menuvisual .mvItem a.mvItem_link:hover {
    background-color: #E7E7E7;
}

.mvItem_Title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}
.mvItem_img_wrap {
    width: 250px;
    height: 120px;
    overflow: hidden;
}
.uca_menuvisual.size_S .mvItem_img_wrap { height: 120px; }
.uca_menuvisual.size_M .mvItem_img_wrap { height: 150px; }
.uca_menuvisual.size_L .mvItem_img_wrap { height: 170px; }

.mvItem_img {
    border-radius: 3px;
    max-width: 100%;
    max-height: 100%;
}
.mvItem_desc {
    padding: 5px;
    padding-top: 0;
    max-width: 250px;
    font-size: 14px;
}
.mvItem.class_2 .mvItem_desc,
.mvItem.class_3 .mvItem_desc,
.mvItem.class_4 .mvItem_desc {
    margin-top: 5px;
    padding-top: 5px;
}



.uca_menuvisual .mvItem.class_3 a.mvItem_link, 
.uca_menuvisual .mvItem.class_4 a.mvItem_link {  background-color: transparent;  }
.uca_menuvisual .mvItem.class_3 a.mvItem_link:hover,
.uca_menuvisual .mvItem.class_4 a.mvItem_link:hover {  background-color: #d1d1d1;  }

.mvItem.class_3 .mvItem_Title {
    background-color: #F1F1F1;
    border-radius: 0px 0px 5px 5px;
}
.mvItem.class_3 .mvItem_img { border-radius: 5px 5px 0px 0px; }

.mvItem.class_4 .mvItem_Title {
    background-color: #F1F1F1;
    border-radius: 5px 5px 0px 0px;
}
.mvItem.class_4 .mvItem_img { border-radius: 0px 0px 5px 5px; }





/******* SHORTCODE: UcaPageSecuencer  *********************/
.uca_psec_header,
.uca_psec_navBar {
    margin-top: 50px;
    padding: 10px;
    border-radius: 5px;
    background-color: #eee;
}
.uca_psec_header {
    padding: 2px;
}



/******* SHORTCODE: separator  *********************/
.uca_sc_separator {
    color: #ccc;
    border-bottom: 1px solid #ccc;
    min-height: 10px;
    font-size: 12px;
}

/******* SHORTCODE: remark  *********************/

.uca_st_remark {
    color: #666;
    padding: 2px 5px;
    background-color: #e7e7e7;
    border-radius: 3px;
    border: 1px solid #bbb;
}

.mainContent a.uca_st_remark {
    color: #666;
    text-decoration: none;
}
.mainContent a.uca_st_remark:hover {
    background-color: #bbb;
    color: #fff;
    border-color: #bbb;
}

/******* SHORTCODE: accordion  *********************/
.mainContent .panel-uca-st {
    margin-bottom: 0;
}
.panel-uca-st .panel-body > br:first-child {
    display: none;
}
.panel-uca-st .panel-heading {
    background-color: #ededed;
}

/******* SHORTCODE: linktitle  *********************/
.mainContent .linktitle-st {
  margin: 2px 10px;
}


/******* SHORTCODE: MenuIconos  *********************/
.cl_container {
    color: #000C;
    background-color: transparent;
    margin: 0px;
}
.cl_section {
    width: 100%;
    color: #000C;
    background-color: #ffee5555;
    background: #D1D1D1;
    background: linear-gradient(90deg, #d1d1d1 0%, #ffffff 21%, #ffffff 100%);
    margin: 30px 10px;
    border-radius: 5px;
    overflow: hidden;
}
.cl_sec_title {
    background-color: #9991;
    padding: 10px;
    border-radius: 5px 5px 0px 0px;
}
.cl_sec_title .fa {
    font-size: 10px;
    vertical-align: middle;
    padding-bottom: 4px;
    margin: 0 5px;
    margin-right: 10px;
}
.cl_sec_block {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.flex-center { justify-content: center; }
.flex-left { justify-content: left; }
.flex-right { justify-content: right; }

.flex-v-start { align-items: flex-start; }
.flex-v-end { align-items: flex-start; }
.flex-v-center { align-items: center; }
.flex-v-stretch { align-items: stretch; }

.cl_item {
    font-size: 12px;
    color: #000C;
    background-color: #e4e4e499;
    margin: 10px 5px;
    padding: 13px 3px;
    border: 1px solid #0002;
    border-radius: 5px;
    max-width: 140px;
}
.mainContent .cl_link_block {
    display: block;
    color: #000C;
    background-color: transparent;
    margin: 0px 10px;
    padding: 7px;
    border-radius: 5px;
    min-width: 70px;
    max-width: 100px;
    text-align: center;
    
    text-decoration: none;
    opacity: 0.8;
    overflow: hidden;
}
.cl_link_block:hover {
    cursor: pointer;
    opacity: 1;
    background-color: #fff8;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.cl_link_title {
    font-size: 12px;
}
.cl_link_main img {
    width: 60px;
    margin-bottom: 10px;
}
.cl_link_main .fa {
    font-size: 30px;
    margin: 12px;
    padding: 2px;
}
.cl_link_block_desc {
    padding: 3px 7px;
    margin-top: 5px;
}
.cl_icons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 5px;
    padding: 0px 5px;
}
.cl_icon {
    font-size: 12px;
    margin: 4px 2px;
    text-align: center;
}
.cl_icon .fa {
    display: block;
    font-size: 16px;
    text-align: center;
    margin: 3px 3px;
}






/******* SHORTCODE: url_update  *********************/
.sc_urlupdate {
    margin-right: 4px;
}
.url_item.url_fileUpdate {
    color: #111;
    background-color: #ddd;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.url_item.url_new {
    color: #eee;
    background-color: #555;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.url_item {
    font-size: 10px;
    margin-left: 0px;
    padding: 1px 5px;
    border-radius: 3px; 
    vertical-align: text-top;
}







/******* SHORTCODE: departamentos  *********************/
.dep_bar {
    font-size: 24px;
    color: #444;
    background-color: #dfdfdf;
    border-radius: 5px;
    margin-top: 20px;
    padding: 5px 10px;
    display: flex;
    justify-content: end;
}
.dep_bar .bar_title {
    flex-grow: 1;
}
.dep_bar .btn.btn_swapBlockinfo {
    padding: 0;
    color: #000;
    margin-left: 5px;
}
.dep_item {
    color: #575756;
    margin: 20px auto;
    padding: 10px;
    background-color: #f7f7f7;
    border-radius: 5px;
}
.dep_item.mode_min { margin: 5px auto; }
.dep_item.mode_full { margin: 30px auto; margin-top: 5px; }


/* mode FULL */
.dep_item.mode_full .btn_moreinfo { display: none; }


/* mode MIN */
.dep_item.mode_min .btn_lessinfo { display: none; }
.dep_item.mode_min .dep_director { display: none; }
.dep_item.mode_min .dep_prop { display: none; }
.dep_item.mode_min .dep_title { margin-bottom: 0; }

.dep_title {
    line-height: 1.2;
    color: #575756;
    font-weight: 300;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 0px;
    margin: 0 0 4px 0px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}
.dep_title .dep_code {
    padding: 1px 10px;
    color: #777;
    background-color: #ddd;
    border-radius: 5px;
    margin-right: 5px;
}

.dep_title .dep_link {
    text-decoration: none;
}
.dep_prop {
    margin-left: 15px;
}
.dep_director {
    margin-top: 30px;
}












/* Responsive ............................................*/
@media screen and (max-width: 768px) {
    .ucaGallery > li.mv_item_big, .ucaGallery > li.mv_item_very_big {
        width: 250px;
    }
    .mv_img_big, .mv_img_very_big {
        width: 250px;
        height: 120px;
    }   
}

@media screen and (max-width: 600px) {
    .ucaGallery > li.mv_item_big, .ucaGallery > li.mv_item_very_big {
        width: 200px;
    }
    .mv_img_big, .mv_img_very_big {
        width: 200px;
        height: 90px;
    }   
}

@media screen and (max-width: 350px) {
    .ucaGallery > li.mv_item_big, .ucaGallery > li.mv_item_very_big {
        width: 200px;
    }
    .mv_img_big, .mv_img_very_big {
        width: 200px;
        height: 90px;
    }   
}