
/* Tipos */

@font-face {
    font-family: 'Heebo', sans-serif;
}

body{
    font-family: 'Heebo', sans-serif;
    font-weight: 300;
    max-width: 1920px;
    margin: 0 auto;
}

strong{
    font-weight: 500;
}


/* ATRIBUTOS PARA LISTAS *******************************************************/

ul{
    list-style: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.ul1 li a{
    color: rgb(65,40,25);
}

.ul1 li a:hover{
    color: rgb(210,200,20);
    text-decoration: none;
}

.ul2 li a{
    color: rgb(65,40,25);
}

.ul2 li a:hover{
    color: rgb(255,255,255);
    text-decoration: none;
}





/* ATRIBUTOS PARA ENLACES ******************************************************/
 
a,
a:focus,
a:visited{
    color: rgb(255,255,255);
}

a:link{
    text-decoration: none;
    /*color: rgb(140,140,10);*/
}

a:hover{
    color: rgb(210,200,20);
    cursor: pointer;
    text-decoration: none;
}




/* CLASES A LAS COL*************************************************************/

.col-lg-10{
    padding: 0;
}

.col-lg-12{
    padding: 0;
    min-height: 0px;
}

.col-lg-5, .col-lg-2{
    padding: 0;
}

.col-xs-12{
    padding: 0;
}

.col-xs-11{
    float: none;
}





/* PADDING Y MÁRGENES *********************************************************/

.pad_1{
    padding: 1em;
}

.margen_sup_menos05{
    margin-top: -0.5em;
}

.pad_sup_05{
    padding-top: 0.5em;
}

.pad_sup_1{
    padding-top: 1em;
}

.pad_sup_2{
    padding-top: 2em;
}

.pad_tit{
    padding-top: 2em;
}

@media screen and (max-width: 1024px){
    .pad_tit{
        padding-top: 0;
    }
}

.pad_sup_3{
    padding-top: 3em;
}

.pad_sup_5{
    padding-top: 5em;
}

.pad_sup_8{
    padding-top: 0em;
}

.pad_sup_10{
    padding-top: 10em;
}

@media screen and (max-width: 1366px){
    .pad_sup_10{
        padding-top: 9em;
    }
}

@media screen and (max-width: 1024px){
    .pad_sup_10{
        padding-top: 8em;
    }
}

@media screen and (max-width: 768px){
    .pad_sup_10{
        padding-top: 7em;
        padding-bottom: 1.5em;
    }
}

.pad_sup_12{
    padding-top: 12em;
}

.pad_inf_05{
    padding-bottom: 0.5em;
}

.pad_inf_03{
    padding-bottom: 0.3em;
}

.pad_inf_1{
    padding-bottom: 1em;
}

.pad_inf_2{
    padding-bottom: 2em;
}

.pad_inf_3{
    padding-bottom: 3em;
}

.pad_inf_log{
    padding-bottom: 2em;
}

.pad_izd_05{
    padding-left: 0.5em;
}

.pad_izd_1{
    padding-left: 1em;
}

.pad_izd_2{
    padding-left: 2em;
}

.pad_izd_3{
    padding-left: 3em;
}

.pad_der_05{
    padding-right: 0.5em;
}
 
.pad_der_1{
    padding-right: 1em;
}

.pad_der_2{
    padding-right: 2em;
}

.pad_der_3{
    padding-right: 3em;
}

.pad_foto{
    padding-right: 2em;
    padding-bottom: 2em;
}

.margen_sup_1{
    margin-top:1em;
}

.margen_sup_2{
    margin-top:2em;
}

.margen_sup_3{
    margin-top:0;
}

.margen_der_1{
    margin-right:1em;
}



@media screen and (max-width: 992px){
    .pad_der_2{
        padding-right: 0em;
    }
    .pad_der_mov{
        padding-right: 0.5em;
    }
    .pad_der_mov_1{
        padding-right: 1.6em;
    }    
    .pad_izd_mov{
        padding-left: 0.5em;
    }
    .pad_izd_mov_1{
        padding-left: 1.6em;
    }    
    .pad_sm{
        padding-left: 0.5em;
        padding-right: 0.5em;
    } 
    .pad_sm1{
        padding-left: 1em;
        padding-right: 1em;
    }
    .pad_sup_12{
        padding-top: 9em;
    }
    .margen_sup_3{
        margin-top:2em;
    }
}

@media screen and (max-width: 768px){
    .pad_der_1{
        padding-right: 1em;
    }    
    .pad_der_3{
        padding-right: 1em;
    }
    .pad_der_mov{
        padding-right: 0.5em;
    }    
    .pad_der_mov_1{
        padding-right: 1.5em;
    }    
    
    .pad_inf_2{
        padding-bottom: 0em;
    }
    .pad_inf_log{
        padding-bottom: 4em;
    }
    
    .margen_sup_2{
        margin-top: 0em;
    }
    .pad_sup_m_1{
        padding-top:1em;
    }
    .pad_sup_m_2{
        padding-top:9em;
    }
    .pad_sup_8{
        padding-top: 3em;
    }
    
    .pad_izd_mov{
        padding-left: 0.5em;
    }
    .pad_izd_mov_1{
        padding-left: 1.5em;
    }
    .pad_sm{
        padding-left: 0.5em;
        padding-right: 0.5em;
    }   
    
}




/* MENU SIMPLE *****************************************************************/

.barra_superior{
    padding: 0;
    border: none;
    border-radius: 0;
    top: 0;
    max-width: 1920px;
    margin: 0 auto;
}

.navbar{
    margin-bottom: 0;
    background-color: rgb(210,200,20);
}

@media screen and (max-width: 1366px){
    .navbar{
        height: 10em;
    }
}

@media screen and (max-width: 1024px){
    .navbar{
        height: 9em;
    }
}

@media screen and (max-width: 992px){
    .navbar{
        height: 8em;
    }
}

@media screen and (max-width: 767px){
    .navbar{
        height: 6em;
    }
}

.menu{
    top: 0;
    right: 0;
    width: auto;
    background-color: rgb(80,80,0);
    position: absolute;
}

.menu li{
    margin: 0.2em 0em 0em 0;
    padding: 0 0.4em;
    list-style-type: none;
    display: inline-block;
    font-size: 1.5em;
    font-weight: 200;
}

@media screen and (max-width: 992px){
    .menu{
        font-size: 0.9em;
    }
    .menu li{
        font-size: 1.4em;
        padding: 0 0.3em;
    }
}

@media screen and (max-width: 767px){
    .menu{
        display: none;
    }
}  

.logo{
    text-align: center;
    padding: 1.5em 0;
}

.logo img{
        width: 18em;
    }

@media screen and (max-width: 1366px){
    .logo img{
        width: 17em;
    }
}

@media screen and (max-width: 1024px){
    .logo img{
        width: 12em;
    }
}

@media screen and (max-width: 992px){
    .logo img{
        width: 10em;
    }
}

@media screen and (max-width: 767px){
    .logo{
        padding: 1.5em 0 1em 0;
    }
    .logo img{
        width: 8em;
    }
}

#boton_menu{
    color: rgb(107, 154,31);
    position: absolute;
    cursor: pointer;
    top: 2.1em;
    left: 1em;
    z-index: 9999;
}

.girar{
    transform: rotate(135deg);
    transition: transform 0.5s ease-in;
    -ms-transform: rotate(135deg); /* IE 9 */
    -ms-transition: -ms-transform 0.5s ease-in;
    -moz-transform: rotate(135deg); /* Firefox */
    -moz-transition: -moz-transform 0.5s ease-in;
    -webkit-transform: rotate(135deg); /* Safari and Chrome */
    -webkit-transition: -webkit-transform 0.5s ease-in;
    -o-transform: rotate(135deg); /* Opera */
    -o-transition: -o-transform 0.5s ease-in;
}

.animar {
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

/* MINI MENU *******************************************************************/

.mini_menu{
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background-color: rgb(80,80,0);
    display: none;
}

.mini_menu li{
    margin: 0.4em 0em 0.4em 0em;
    padding: 0 0.4em;
    list-style-type: none;
    display: inline-block;
    font-size: 1.5em;
    font-weight: 300;
}

@media screen and (max-width: 992px){
    .mini_menu li{
        font-size: 1.2em;
        padding: 0.3em 0.4em;
    }
}


@media screen and (max-width: 767px){
    .mini_menu{
        display: none;
        padding: 0 0 0.8em 0;
        background-color: rgb(210,200,20);
        text-align: center;
    }
    
    .mini_menu li{
        display: block;
        font-size: 1.4em;
    }
    
    .mini_menu li a:hover{
        color: #fff;
    }
    
}


/* NUEVO PARA PÁGINAS INTERNAS *************************************************/
/*.menu_arriba, .menu_arriba_2 {
    padding: 0;    
    width: 100%;
    padding-top: 0.5em;
}


.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

*/



/*COLORES***********************************************************************/

.color_gris_1{
    color: rgb(120,120,120);
}

.color_gris_2{
    color: rgb(160,160,160);
}

.color_gris_3{
    color: rgb(190,190,190);
}

.color_gris_4{
    color: rgb(200,200,200);
}

.color_blanco{
    color: rgb(255,255,255);
}

.color_verde1{
    color: rgb(220,220,0);
}

.color_verde2{
    color: rgb(170,170,0);
}

.color_verde3{
    color: rgb(135,135,0);
}

.color_verde4{
    color: rgb(80,80,0);
}

/*.color_marron{
    color: rgb(65,40,25);
}*/





/* FONDOS DE COLOR *************************************************************/

.fondo_marron{
    background: rgb(65,40,25);
}
.fondo_marron2{
    background: rgba(210,200,95, 0.5);
}
.fondo_verde1{
    background: rgb(220,220,0);
}

.fondo_verde2{
    background: rgb(170,170,0);
}

.fondo_verde3{
    background: rgb(135,135,0);
}

.fondo_verde4{
    background: rgb(80,80,0);
}

.fondo_verde_claro{
    background: rgba(210,220,20, 0.22);
}

.fondo_verde_claro2{
    background: rgba(210,220,20, 0.40);
}

.fondo_verde_claro3{
    background: rgba(210,200,20, 0.40);
}

.fondo_gris_claro{
    background: rgb(238,238,238);
}

.fondo_hover_1:hover{
    background: rgba(210,200,95, 0.5);
}

.fondo_hover_2:hover{
    background: rgba(150,150,150, 0.2);
}

.fondo_hover_3:hover{
    background: rgba(210,220,20, 0.22);
}

.fondo_iconos{
    background: rgba(230,230,120, 0.22);
}



/* TEXTOS GENERALES ************************************************************/

.texto1{
    font-size: 2.5em;
    line-height: 1em;
}

@media screen and (max-width: 767px){
    .texto1{
        font-size: 2em;
    }
}

.texto2{
    font-size: 2.2em;
    line-height: 1.1em;
}

.registro .texto1{
    line-height: 1.2em;
}

.texto3{
    font-size: 1.8em;
    line-height: 30px;
}

.texto4{
    font-size: 1.5em;
}

.texto5{
    font-size: 1.3em;

}

.texto6{
    font-size: 1.2em;

}

.texto7{
    font-size: 1em;
}

.texto_derecha{
    text-align: right;
}

.texto_izquierda{
    text-align: left;
}

.light{
  font-weight: 300;  
}

.regular{
  font-weight: 300;  
}

.medium{
  font-weight: 400;  
}

.bold{
  font-weight: 500;  
}

.block{
  display: block;  
}



/* FOOTER**********************************************************************/

.cajafooter{
    margin:0;
    padding: 4em 2em 4em 2em;
    text-align: center;
    bottom: 0;
    /*color: rgb(250,250,250);*/
    display: block;
    background: rgba(140,140,10, 0.1);
}

.cajafooter a,
.cajafooter a:hover{
    color: rgb(210,200,20);
}

.logo_bbi{
    width: 4em;
}

.logo_bbc{
    width: 11em;
}

.logo_eu{
    width: 10em;
}

@media screen and (max-width: 767px){
    .logo_bbi{
        width: 3em; 
    }

    .logo_bbc{
        width: 6em;
    }

    .logo_eu{
        width: 6em;
    }
}


/*TAMAÑOS PARA OBJETOS**********************************************************/

.tamano6{
    width: 6%;
}

.tamano15{
    width: 15%;
}

.tamano{
    width: 25%;
}

.tamano40{
    width: 40%;
}

.tamano50{
    width: 50%;
}

.tamano60{
    width: 60%;
}

.tamano70{
    width: 70%;
}

.tamano80{
    width: 80%;
}

.cienporcien{
    width: 100%;
}


/*VARIOS*/


.fijo{
    position: fixed;
    z-index: 100;
}

/* Para centrar texto o imágenes*/
.centrar{
    text-align: center;
    margin: 0 auto;
}

/* Líneas inferiores*/

.linea_inferior{
    border-bottom: solid 1px rgba(100,100,100, 0.6);
    padding-bottom: 0.4em;
}

.linea_inferior_puntos{
    border-bottom: dotted 1px rgba(100,100,100, 0.6);
    padding-bottom: 0.4em;
}

/* Botones ver más, ver todo...*/

.boton_ver_mas{
    padding: 0.3em 0.3em 0.3em 0.3em;
    background: rgb(220,220,0);
    color: rgb(80,80,0);
}

/* Botón Volver*/
.back-to-top{
    position: fixed;
    bottom: 3em;
    right: 0;
    display: none;
    float: right;
    z-index: 100000;
    cursor: pointer;
}



/* PAGINADOR ******************************************************************/

.paginador{
    margin: 1em 0;
    padding: 0;
    font-size: 1.1em;
}

.paginador a{
    color: rgb(65,40,25);
}

.paginador a:hover{
    color: rgb(220,220,0);
}

.paginador ul{
    list-style-type: none;
    margin: 0;
    padding: 0 0.5em 0 0;
    font-weight: 300;
    color: rgb(10,10,10);
}

.margin_bottom{
    margin-bottom: 0.6em;
}

.sinpadding{
    padding: 0;
}

.paginador select{
    border: 0;
    border: 1px solid #ccc;
    background-color: rgba(240,240,240,0.1);
    font-weight: 300;
}
.paginador .disabled img{
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}
.paginador img{
    margin-bottom: 0.2em; 
}

/* FORMULARIOS ****************************************************************/
form select{
    border: 0;
    border: 1px solid #ccc;
    background-color: rgba(240,240,240,0.1);
    height: 1.9em;
    font-weight: 300;
}
form input{
    font-weight: 300;
    height: 1.9em;
}

/* BUSCADOR *******************************************************************/

.boton_buscador{
    color: rgb(100,100,100);
    font-size: 0.8em;
    cursor: pointer;
    text-align: right;
}

.boton_buscador:hover{
    color: rgb(210,200,20);
    text-decoration: none;
}

.buscador{
    padding: 0.75em;
    margin: 0 0 2em 0em;
    font-size: 1.1em;
    font-weight: 300;
    display: none;
}

.buscador hr{
    margin: 0 -0.75em 0.5em 0;
    border-top: 1px solid rgb(180, 180, 180);
}

.buscador input[type=text]{
    margin-bottom: 0.5em;
}

@media screen and (max-width: 1280px){
    .buscador{
        margin: 0 0 1em 0;
    }
    hr{
        margin: 0;
    }
}

@media screen and (max-width: 992px){
    .buscador{
        margin: 0 0 1em 0;
    }
}

@media screen and (max-width: 767px){
    .boton_buscador img{
        width: 1em;
    }
    
}


.buscador ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.buscador ul li{
    margin: 0 0 0.5em 0;
    padding: 0;
}

.buscador ul li:last-child{
    margin: 0.5em 0 0 0;
}

.acciones_buscar a{
    border: none;
    background-color: rgb(80,80,0);
    color: #fff;
    padding: 0.2em;
    font-weight: 300;
}

.acciones_buscar a:hover{
    background-color: rgb(210,200,20);
    color: #fff;
}

.disabled{
    color: #ccc;
}


/* LISTADOS ********************************************************************/

.listados{
    margin-bottom: 4em;
}
.listados img{
    width: 100%;
    padding-right: 2em;
    /*margin-left: -1em;*/
}
.listados .icono{
    padding-right: 0.3em;
    padding-bottom: 0.3em;
    width: 26px;
    /*margin-left: -1em;*/
}
.listados .icono2{
    padding-right: 0.3em;
    padding-bottom: 0.5em;
    width: 20px;
    /*margin-left: -1em;*/
}

.icono2{
    padding-right: 0.3em;
    padding-bottom: 0.5em;
    width: 25px;
    /*margin-left: -1em;*/
}
img-responsive{
    margin: 0 auto;
}
.listados a .texto4{
    color: rgb(80,80,0);
}
.listados a{
    color: rgb(0,0,0);
}
.hr_list{
    border-bottom: 1px solid rgb(210, 210, 210);
    /*margin-left: 1em;*/
}
.enlace{
    z-index: 100;
    text-align: right;
    display: block;
}

.enlace a{
    font-weight: 300;
}

.publica{
    padding: 1em;
    margin-top: 1em;
    display: block;
    position: relative;
    border-bottom: 1px solid rgb(210, 210, 210);
    display: none;
}

.registro a{
    color: rgb(0,0,0);
}

.registro{
    margin-bottom: 3em;
}

.pie_foto{
    display: block;
    margin: 0.4em 0 0.5em 0;
    color: rgb(160,160,160);
    font-size: 1.1em;
    font-style: italic;
    font-weight: 300;
}

/* MIGAS  *********************************************************************/

.migas{
    font-size: 1.2em;
    font-weight: 300;
    padding-top: 1.5em;
    padding-bottom: 3em;
    text-align: right;
}


@media screen and (max-width: 1024px){
    .migas{
        padding-top: 1.5em;
    }
}

@media screen and (max-width: 768px){
    .migas{
        padding-top: 0;
    }
}

@media screen and (max-width: 767px){
    .migas{
        padding-top: 4em;
    }
}

.migas1{
    font-weight: 500;
}

.migas a{
    color: rgb(10,10,10);
}

.migas a:hover{
    color: rgb(220,220,0);
}


/* PARTNERS  ******************************************************************/

.inactivo{
    display: none;
}

.enlaces li{
    color: #fff;
    font-size: 0.5em;
    cursor: pointer;
}

.enlaces img{
    width: 50%;
}

@media screen and (max-width: 1366px){
    .enlaces img{
        width: 60%;
    }
}

@media screen and (max-width: 1024px){
    .enlaces img{
        width: 70%;
    }
}

@media screen and (max-width: 480px){
    .enlaces img{
        width: 90%;
    }
}

.patrono{
    padding: 2em;
    padding-bottom: 3em;
    margin-top: 2em;
    display: block;
    position: relative;
    /*border-top: 1px solid rgb(210, 210, 210);*/
    display: none;
}
.patrono .color_verde3{
    line-height: 1.1em;
    display: block;
    margin-bottom: 0.4em;
}

.patrono a{
    color: #000;
}

.patrono ul li{
    display: inline-block;
    padding-right: 1em;
}
.patrono ul li:last-child{
    padding-left: 0;
}

.patrono .pad_der_2{
    padding-right: 2em;
}

.contact a{
    color: #000;
}

.contact a:hover{
    color: rgb(210,200,20);
}

.boton_cerrar{
    text-align: right;
    font-size: 0.9em;
    color: #999;
    margin-bottom: 1em;
    padding: 0;
}

.boton_cerrar:hover,
.close_pub:hover,
.close_partner:hover{
    color: #666;
    cursor: pointer;
}

.close_pub,
.close_partner{
    float: right;
    font-size: 0.9em;
    color: #999;
}

.hasDatepicker{
    text-align: right;
    padding: 0 0.2em 0 0;
    border: 1px solid #ccc;
    color: #555;
    font-size: 1em;
}

/* Disable default calendar icons */
.ui-widget-content,
.ui-widget-header,
.ui-state-default,
.ui-state-hover,
.ui-state-focus,
.ui-state-active,
.ui-state-highlight,
.ui-state-error,
.ui-state-error-text,
.ui-widget-content .ui-state-highlight,
.ui-widget-content .ui-state-default,
.ui-widget-content .ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-highlight,
.ui-widget-header .ui-icon,
.ui-widget-header .ui-state-default,
.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-active{
	background-image: none;
        background: none;        
}

/* Calendar container */
.ui-widget-content{
    background: #fff;
    padding: 0;
    border: 1px solid rgb(210,200,20);
    color:rgb(80,80,0);
    border-radius: 0;
    font-family: 'Heebo', sans-serif;

}


/* Calendar header */
.ui-datepicker .ui-datepicker-header{
    font-weight: 300;
    background-color: rgb(210,200,20);
    margin: 0;
    padding: 0.5em 0;
    border: 0;
    border-radius: 0;
}

/* Calendar prev and next */
.ui-icon{
    text-indent: 0;
    width: auto;
}

.ui-datepicker .ui-datepicker-prev{
    left: 0.2em;
    top: 0;
}

.ui-datepicker .ui-datepicker-next {
    right: 1.5em;
    top: 0;
}

.ui-datepicker .ui-datepicker-prev span{
    left: 0;
    top: 0;
    margin: 0;
    height: 2.5em;
}
 
.ui-datepicker .ui-datepicker-next span {
    right: -2em;
    top: 0;
    margin: 0;
    height: 2.5em;
}

.ui-state-hover.ui-datepicker-prev-hover,
.ui-state-hover.ui-datepicker-next-hover{
    border: 0;
    color: rgb(80,80,0);
}

/* Rows */
.ui-datepicker td,
.ui-datepicker td a{
       padding: 0;
       text-align: center;
       width: 2em;
       height: 2em;
       line-height: 0.9em;
}


/* Header row */
.ui-datepicker-calendar thead{
    font-weight: 300;
}

/* Calendar row */
.ui-datepicker-calendar tbody{
font-weight: 300;    
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default{
    background-color: rgb(210,200,20);
    margin: 0.1em 0 0.1em 0.35em;
    padding: 0.4em 0.1em 0 0.1em;
    line-height: 1.2em;
    border: 0;
    border-radius: 3em;
    font-weight: 300;
    color: #fff;
}

.ui-state-default .ui-state-hover,
.ui-widget-content .ui-state-default .ui-state-hover, 
.ui-widget-header .ui-state-default .ui-state-hover{
    background-color: rgb(80,80,0);
    color: #f00;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active {
    background: rgb(80,80,0);
    font-weight: 300;
    color: rgb(210,200,20);
}

.ui-state-default:hover{
    background: rgb(80,80,0);
}

.ui-datepicker-trigger{
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: 0;
}

.ui-datepicker-trigger img{
    width: 1.9em;
    margin-bottom: 0;
}

/*
.buscador select{
    -moz-appearance: none;
    color: #666;
    border: 0;
    border: 1px solid #ccc;
    font-size: 1.1em;
    padding: 0.2em 0;
    margin: 0 0.5em 0.2em 0;
    font-weight: 200;
}
*/
/* Typeahead */

.twitter-typeahead{
    width: 100%;
    height: auto;
}

.twitter-typeahead input[type=text]{
    color: #666;
    border: 0;
    border: 1px solid #ccc;
    font-size: 1.1em;
    padding: 0.3em 0;
    margin: 0 0.5em 0.2em 0;
    width: 100%;
    font-weight: 300;
}  

.typeahead {
    background-color: #fff;
    font-weight: 300;
    color: #666;
    border: 0;
    border: 1px solid #ccc;
    font-size: 1.1em;
    padding: 0.2em 0;
    margin: 0;
}

.tt-hint {
  color: #999;
}

.tt-menu {
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.tt-suggestion{
    padding: 0.5em 0.2em;
    height: auto;
    border-bottom: 1px solid #eee;
}

.tt-suggestion:last-of-type{
    border-bottom: none;
}

.tt-suggestion .journal{
    font-size: 0.8em;
    font-weight: 500;
}

.tt-suggestion .authors{
    font-size: 0.8em;
    font-weight: 300;
    color: rgb(170,170,0);
}

.tt-suggestion .year{
    font-size: 0.8em;
    font-weight: 500;
    color: rgb(170,170,0);
}

.tt-suggestion:hover {
  cursor: pointer;
  background-color: rgba(210,220,20, 0.22);
}

.tt-suggestion.tt-cursor {
  color: #000;
  background-color: rgba(210,220,20,0.8);

}

.bootstrap-tagsinput {
    background-color: #fff;
    border: 0;
    box-shadow: none;
    width: 100%;
    padding: 0;
}

.bootstrap-tagsinput .label-info{
    background-color: #eee;
    color: #000;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    line-height: 2.2em;
    padding: 0.2em 0.5em 0.1em 0.5em;
    font-size: 1.3em;
    font-weight: 300;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    color: #ccc;
    margin-left: 0.5em;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    color: #000;
}

.pointer{
    cursor: pointer;
}

bo{
    font-weight: 500;
}

it{
    font-style: italic;
}

un{
    text-decoration: underline;
}

ye{
    color: rgb(210,200,20);
}

.publica a,
.publica a:visited,
.publica a:focus{
    color: rgb(210,200,20);
    text-decoration: none;
}

.publica a:hover{
    color: rgb(80,80,0);
    text-decoration: none;
    cursor: pointer;
}

.link_file:last-of-type{
    margin-bottom: 1em;
}



/** SHOWROOM **/

.boton_showroom{
    cursor: zoom-in;
}

.showroom {
    display: none;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.9);
    color: #fff;
    font-size: 1.3em;
    font-weight: 300;
    overflow-y: scroll;
    padding: 1em 0 2em 0;
}

.showroom img {
    margin: 0.5em auto;
    padding: 0 1em;
    text-align: center;
}

.showroom .carousel-inner>.item>img{
    height: 500px;
}


.close_showroom{
    font-size: 1.3em;
    margin: 1em 0 0 0;
    font-weight: 300;
    cursor: pointer;
}

.close_showroom:hover{
    font-weight: 300;
}

.showroom .carousel-control span{
    color: transparent;
}

.showroom .carousel-control.left{
    background-image: url("../img/panel/actions/arrow_left.svg");
    background-repeat: no-repeat;
    background-size: 30%;
    width: 20%;
    top: 40%;
    left: 5%;
    text-shadow: none;
}

.showroom .carousel-control.left:hover{
    background-image: url("../img/panel/actions/arrow_left.svg");

}

.showroom .carousel-control.right{
    background-image: url("../img/panel/actions/arrow_right.svg");
    background-repeat: no-repeat;
    background-size: 30%;
    width: 20%;
    top: 40%;
    right: -10%;
    text-shadow: none;
}

.showroom .carousel-indicators{
    position: relative;
    text-align: center;
    margin-top: 2em;

}

.showroom .carousel-indicators li{
    border: 1px solid #fff;
}

.showroom .carousel-indicators .active{
    border: 1px solid #fff;
}

.showroom .carousel-control.right:hover{
    background-image: url("../img/panel/actions/arrow_right.svg");

}

@media screen and (max-width: 768px){
    .showroom .carousel-control.left{
        display: none;
    }
    .showroom .carousel-control.right{
        display: none;
    }
    .showroom img {
        width: 100%;
    }
}

.logo_col{
    width: 15em;
}

.map svg{
    width: 100%;
}

.map svg circle:hover{
    fill: #fff;
    cursor: pointer;
}

.enlaces img{
    opacity: 0.7;
}

.enlaces img:hover{
    opacity: 1;
}

.img_contact img{
    width: 100%;
    padding: 1em 1em 1em 0;
}

@media screen and (max-width: 767px){
    .img_contact img{
        width: 100%;
        padding: 1em 0 0 0;
    }
}

.btn{
    padding: 0.2em 0.5em 0 0.5em;
    border-radius: 0;
}

.bootstrap-select>.dropdown-toggle {
    padding-right: 1em;
}

.dropdown-menu{
    border-radius: 0;
}

.search_web .btn{
    padding: 0.3em 1em 0.2em 0.5em;
}

.texto_noticia a,
.texto_noticia a:visited,
.texto_noticia a:focus{
    text-decoration: none;
    cursor: pointer;
    color: rgb(170,170,0);
}

.texto_noticia a:hover{
    text-decoration: none;
    cursor: pointer;
    color: rgb(10,10,10);
}

.error404{
    margin: 14em 0 3em 0;
    text-align: center;
}

.error404 img{
    margin-bottom: 2em;
}

.error404 span{
    font-size: 1.5em;
}

@media screen and (max-width: 767px){
    .error404{
        margin: 9em 0 4em 0;
    }
}

.menor{
    font-size: 0.9em;
}


.grupo a,
.grupo a:focus,
.grupo a:visited{
    color: rgb(135,135,0);
}

.grupo a:hover{
    color: rgb(210,200,20);
    cursor: pointer;
    text-decoration: none;
}