/*
    Author     : AntonioL
    Description:
        Hoja de estilos que definen elementos comunes repetidos por toda la aplicación pero que
        no forman parte directa de la estructura base de la plantilla.
        Son los que, generalmente, se ubican dentro de la capa 'contenido'.
        Por ejemplo:
            - Cabeceras de pantallas, contenedores de elementos, botones...

        Esta hoja de estilos forma parte de la plantilla y NO DEBE modificarse.
*/

/* NOTA PLANTILLA:
    - Salvo excepciones en estilos propios de la plantilla, los nombres de los
      estilos deben empezar en minúscula y hacer la separación de términos
      empezando cada palabra con mayuscula, por ejemplo: esteEsElNombreDelEstilo */



/********************************ESTILOS CONTENIDO LISTADOS*******************************/

.contenedorListado{
    margin-top:60px;
    position:absolute;
    width:100%;
    padding-bottom:35px;
    /* *padding-bottom:45px; */
}

.contenedorFilaListado{
    float:left;
    clear:both;
    width:97%;
    height:auto;
    margin-top:10px;
    margin-bottom:10px;
}

.contenedorFilaListado a{
    color:#2A6CD9;
}

.contenedorFilaListado a:hover{
    color: #0606B5;
}

.contenedorBtnRadioListado {
    float:left;
    margin-left:-5px;
}

.contenidoOpcionListado{ /*las capas de este tipo se apilan horizontalmente*/
                         width:95%;
                         float:left;
                         clear:right;
                         margin-left:5px;
                         margin-top:3px;
}

.tituloOpcionListado{
    float:left;
    clear:both;
    color:#91544A; /*Color marron del titulo de las opciones del listado */
    font-size:11px;
}

.detalleOpcionListado{
    float:left;
    clear:both;
    font-size:11px;
    margin-top:5px;
    text-align:justify;
}


/*********************CABECERA QUE VA INCLUIDA EN LA CAPA CONTENIDO**************************/
/*(la que contiene los botones de administración de las pantallas y su título)*/
.contenedor_cabecera_administrar {    
    width: 82.3%;
    position:fixed;
    background-color:#FFFFFF;
    height:50px;
    padding-top: 10px;
    left:17.6%;
    top: 115px;
    z-index:3;
}

.cabecera_objeto_negocio {
    width:100%;	
    margin-top:-2px;
    margin-left:-2px;    
    height:20px;
}

.capa_borde_cabecera_objeto_negocio{
    height: 15px;    
    margin-left: 24px;    
    border-style: solid; 
    border-width: 1px;    
    background-color:#FFFFFF;
    margin-right:2px;    
}

.logo_cabecera_objeto_negocio{
    border:none;	
    float:left;
}

.titulo_cabecera_objeto_negocio{
    font-size:13px; 
    font-weight:600;
    padding-top:3px;
    margin-top:0px;
    padding-left:10px;
    float:left;  
    height:12px; /*provoca que los botones alineados a la izquierda en las páginas administrar se muestren correctamente*/
}

.titulo_cabecera_objeto_negocio_derecha{
    font-size:11px;
    padding-top:3px;
    margin-top:0px;
    padding-left:3px;
    padding-right:5px;
    float:right;
}

.lineaBotones{
    height: 19px;
    margin-right: 15px;
    /*   *margin-right: 7px; */
    padding-left: 30px;
    margin-top:-10px;    
}
/* ****************************************************************************************************** */

.contenido_superior{
    width: 100%;
    margin-left: 25px !important;
    margin-left: 10px;
    margin-bottom: 5px;
    padding-top:12px;
}

.contenido_izquierda{ 
    height: 100%;
    width: 49%;
    float: left;
    padding-top:12px;
    margin-left: 25px !important;
    margin-left: 10px;    
}
.contenido_derecha{
    padding-top:12px;
    height: 100%;
    width: 48%;
    float: right; 
}



/* ELEMENTOS DEL FORMULARIO */

.campo_formulario {
    width: 100%;
    margin-bottom: 3px;
    clear:both;
}

.etiqueta_formulario{
    float: left;
    background-repeat: no-repeat; 
    background-position: top left;
    padding-bottom: 10px; 
    padding-top: 5px; /*angel*/
    padding-left: 5px; /*Posición de la letra*/ 
    width: 160px;
    height: 8px;/*angel*/
    margin-top: 5px;/*angel*/
    font-size: 11px;    
}

.contenedorEtiquetaFormulario{
    float: left;
    margin-top: 5px;
    margin-right: 3px;
}

.etiquetaFormulario{
    float: left;
    background-repeat: no-repeat;
    background-position: top left;
    padding-bottom: 10px;
    padding-top: 5px;
    padding-left: 5px; /*Posición de la letra*/
    height: 8px;
    font-size: 11px;
    background-color: #F2F3F5;
}

.imagenEtiquetaFormulario{
    height: 8px;
    margin-top: 5px;
    margin-left: 2px;
    padding-bottom: 10px;
    float: left;
    width: 10px;
}

.botonImagenAuxiliar {
    position:relative;
    top:3px;
}

.lista_desplegable{  /*angel probando*/
                     margin-top: 6px;
                     height: 17px!important; /*Mozilla Firefox*/
                     /* *height: 20px!important; */ /*IE7*/
                     height: 20px; /*IE6*/
                     /*Estilos para que la lista no quede tan hundida */
                     border-style: solid;
                     border-width: 1px;
                     border-color: #ACACAC;
                     right: auto;
}

.cuadro_texto{
    margin-top: 6px;
    margin-left: 5px; /*Es es espacio que ocupa la imagen con el titulo del combo teniendo en cuenta el padding*/
}

.fuente_controles_formulario {
    font-family:   'LatoWeb', Verdana;
    font-size: 11px;
}


/*////////////////////estilos etiquetas de estados//////////////*/

.etiqueta_estado{
    margin-left: 20px;
}

/*////////////////////estilos etiquetas de estados//////////////*/

/********************************FIN ESTILOS CONTENIDO LISTADOS*******************************/



/************************BOTONES***********************************/
.boton{
    cursor: pointer;    
    font-size: 11px;
    text-align: center;    
    border: 1px; 
    border-style: solid;    
    padding-bottom: 1px; 
    padding-top: 1px; 
    padding-left: 5px; 
    padding-right: 5px;    
    margin-left: 7px;    
    width: 75px;
}

.lista_ficheros_adjuntos_item {
    width: 100%;
    height: 20px;
    clear: both;
    font-size: 12px;
}

/* .lista_ficheros_adjuntos_deshabilitado {
    width: 100%;
    height: 100%;
    overflow: scroll;
    overflow-x: hidden; /*quita el el scroll horizontal, con y quitar�a el scroll vertical*/
/* overflow-y: hidden;
 clear: both;
 -moz-opacity: 0.70;
 opacity: 0.45;
 filter: alpha(opacity='70');
 z-index: 100;
 visibility: visible;
 font-size: 12px;
} */


/*********************************CAPA DE CARGA***************************/
.contenedorBarraCarga {
    position :fixed;
    z-index: 600;     
    top: 45%;
    left: 50%;
    width: 126px;
    margin-left: -63px;
}

.transparenteBarraCarga { /*Este estilo hereda de .transparente, que stá ubicado en mensajes.css*/
                          z-index :500;
}
/**************************************************************************/

/**********************************PAGINACIÓN**************************/
.barraPaginacion {
    position:fixed;
    bottom:25px;
    right:5px;
    height:20px;
    width:100%;
    text-align:right;
    background-color:#ffffff;
}

.enlaceBarraPaginacion {
    cursor: pointer;
    color:#2a6cd9;
    font-size:11px;
}
/**************************************************************************/

/**********************LINEA SEPARADORA************************************/
.lineaSeparadora {
    background-color: #FFFFFF;
    border-bottom: 2px solid;
    /* El color del borde hay que especificarlo aparte */
    clear: both;
    height: 10px;
    margin-bottom: 18px;
    padding-top: 10px;
    width: 100%;
}

.textoLineaSeparadora {
    background-color: #FFFFFF;
    /* El color de la fuente hay que especificarlo aparte */
    font-size: 11px;
    font-weight: bold;
    left: 50px;
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
}

.lineaSeparadora .p {
    margin: 5px 0 0;
    padding: 0;
}



/********************** CONTENIDOS ************************************/


.contentTitle{
    font-size:18px;
    font-weight:bold;
}

.contentSubtitle{
    font-size:12px;
    font-weight:bold;
}

.contentMainText{
    font-size:11px;

}

.contentFootText{
    font-size:14px;
}

.contentTitleContainer{
    margin-top:25px;
    text-align:center;
}

.leftContentTitleContainer{
    margin-top:25px;
    text-align:left;
}

.content{
    /*margin-top:25px;*/

}

.contentLineaVida{
    width:100%;
    height: 100%;
    position: relative;
    /*margin-top:25px;*/
}
.contentInicio{
    /*margin-top:25px;*/
    /*    width:65%;*/

}

.contentText{
    font-size:11px;
}

.titulo_parrafo_grande{
    font-size: 14px;
    font-weight: bold;
}
.titulo_parrafo_medio{
    font-size: 13px;
    font-weight: bold;
}
.separacionGrande{
    margin-top: 12px;
}
.separacion30px{
    margin-top: 30px;
}

table {
  width: 100%;
  /*min-width: 550px;*/
  border-collapse: collapse;
  border-style: solid;
  text-align: center;
  border: none;
  font-family: suisseintl, Helvetica, Arial, sans-serif;
  table-layout: fixed;
}
table, th, td {
  border: 1px solid black;
  font-weight: 300;
}

.table__tit {
  background: #000000;
  color: #fff;
}

.table__subtit {
    background: #f4f4f4;
    color: #000;
}



.cookiesWelcome {
    position: fixed;
    bottom: 0;
    /*width: 100%;*/
    background-color: #2b2d2f;
    color: #fff;
    /*font-family: suisseintl, Helvetica, Arial, sans-serif;*/
    padding: 20px 7vw;
    font-size: 14px;
    text-align: left;
    transition: all 0.5s ease;
    z-index: 6;
}

.cookiesWelcome__tit, .cookiesWelcome__subtit {
    width: 100%;
}

.cookiesWelcome__tit {
    font-size: 18px;
    font-weight: 500;
}

.cookiesWelcome__subtit {
    font-size: 14px;
    font-weight: 100;
    margin-top: 20px;
}

.cookiesWelcome__txt {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.3;
    margin-top: 10px;
}

.cookiesWelcome__btn {
    background-color: #d28417;
    border: 1px solid #d28417;
    color: #fff;
    cursor: pointer;
    padding: 10px 15px;
    text-align: center;
    float: left;
    margin-top: 20px;
    margin-right: 20px;
    font-weight: 300;
    transition: all 0.3s ease;
}

.cookiesWelcome__btn:hover {
    background-color: transparent;
}

.cookiesWelcome a {
    color: #d28417;
}

.cookiesWelcome__list {
    display: flex;
    margin-top: 10px;
}

.cookiesWelcome__list li:not(:first-child) {
    margin-left: 20px;
}

.cookiesWelcome__btnInfo {
    background-color: transparent;
    margin-right: 0px;
    font-weight: 300;
}

.cookiesWelcome__btnInfo:hover {
    background-color: #d28417;
}

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .3s;
  transition: .3s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .3s;
  transition: .3s;
}

input:checked + .slider {
  background-color: #d28417;
}

.switch--disabled input:checked + .slider {
  background-color: #ebebeb;
}

input:focus + .slider {
  box-shadow: 0 0 1px #d28417;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

.cookiesConfigBlock {
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.cookiesConfigBlock__tit {
    display: flex;
    justify-content: space-between;
}

.cookiesConfig__btn {
    background-color: #d28417;
    border: 1px solid #d28417;
    color: #fff;
    cursor: pointer;
    padding: 10px 15px;
    text-align: center;
    float: left;
    /*margin-right: 20px;*/
    font-weight: 300;
    transition: all 0.3s ease;
}

.cookiesConfig__btn:hover {
    background-color: transparent;
    color: #d28417;
}


.modal__btn {
    background-color: transparent;
    border: 1px solid #d28417;
    color: #d28417;
    cursor: pointer;
    padding: 10px 15px;
    text-align: center;
    float: left;
    /*margin-right: 20px;*/
    font-weight: 300;
    transition: all 0.3s ease;
}

.modal__btn:hover {
    background-color: #d28417;
    color: #fff;
}

.modal__btn-primary {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}

.separacionMuyGrande{
    margin-top: 20px;
}

.separacionGrandeAmpliada{
    margin-top: 9px;
}

.separacionMediana{
    margin-top: 4px;
}


.separacionMedia{
    margin-top: 9px;
}

.medallaInicio{
    float:right;padding-left:4%;padding-bottom:2%;
}

.contenidoInicio{
    /*float: left;*/ position: relative; /*width: 62%;*/
}

.tituloCabecera{
    font-size: 21px;
    line-height: 1.4;
    margin-top:1px;
    font-weight: normal;
    /*font-family: 'LatoWebSemibold';*/
}
.subtituloCabecera{
    font-size: 14px;
    line-height: 1;
    margin-top:1px;
    /*font-family: 'LatoWebSemibold';*/
}

.tituloPremio{
    font-size: 19px;
    margin-bottom: 25px;
    font-variant: small-caps;
    color: #939393;
    font-weight: bold;
    letter-spacing: 1.2px;
}

.titulo2Premio{
    font-size: 17px;
    margin-bottom: 15px;
    font-variant: small-caps;
    letter-spacing: 1.2px;
}

.elementoPremiado{
    float:left;
    position:relative;
    width: 100%;
    margin-bottom: 20px;
}

.bloqueNoticia{
    float:left;
    position:relative;
    margin-bottom: 65px;
}

.tituloNoticia{
    font-size: 19px;
    margin-bottom: 18px;
    font-variant: small-caps;
    color: #939393;
    font-weight: bold;
    letter-spacing: 1.2px;
    float: left;
}

.fechaNoticia{
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 9px;
    font-variant: small-caps;
    color: black;
    letter-spacing: 1.2px;
}

.juntaDirectiva{
    float:left;
    position:relative;
    width: 50%;
    margin-bottom: 25px;
}
@media screen and (max-width: 1350px) {

    .juntaDirectiva{
        width: 100%;
    }
}
.imagenJuntaDirectiva{
    float:left;
    margin-left:5%;
    margin-right: 5%;
    width: 40%;
}

.textoJuntaDirectiva{
    float:left;
    width: 50%;
}

.nombreJuntaDirectiva{
    font-family: 'LatoWeb';
    font-size: 15px;
    color:#000000;
    width: 100%;
    margin-top:25px;
}
.datosJuntaDirectiva{
    width: 100%;
    font-family: 'LatoWeb';
    font-size: 13px;
    color:#939393;
    width: 100%;
}

.datosJuntaDirectiva a{
    color:#939393;
}

.cargoJuntaDirectiva{
    width: 100%;
    float:left;
    position: relative;
    font-family: 'LatoWebBlack';
    font-size: 16px;
    color:#000000;
    margin-bottom: 15px;
}


.iconoPDFPublicacion{
    float: left;
    margin-top: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

.textoPDFPublicacion{
    float:left;
    margin-top:3px;
    margin-right: 50px;
}
/* ********************* FIN CONTENIDOS *********************************** */
.visorTimeline{
    overflow-y:hidden;
    position:absolute;
    top:-3px;
    right: 150px;
    left:150px;

    overflow-x:hidden;


}

.flechaIzq{
    left: 5px;
    position: absolute;
    top: 242px;
    padding:30px;
    /*cursor: pointer;*/
}
.flechaDcha{
    right: 5px;
    position: absolute;
    top: 242px;
    cursor: pointer;
    padding:30px;
}