/*
10px =
11px =

regions[logo] = Logo
regions[cercador] = Cercador
regions[idiomatic] = Idiomàtic
regions[capcalera_links] = Menú secció capçalera links
regions[capcalera] = Capçalera
regions[menu_principal] = Menú principal
regions[vitrines] = Vitrines
regions[menu_lateral] = Menú Lateral
regions[content] = Content
regions[cataleg] = Catàleg accés a recursos electrónics
regions[arapids] = Accessos ràpids
regions[peu_superior] = Peu de pagina superior
regions[peu_inferior] = Peu de pagina inferior
*/

/* FRONT PAGE MOBIL*/
/*

body
    pagina-general 980 max 1280
        contenedor-general
            logo 440
            seccio-capcalera 540
            menu_principal
            menu_lateral
            content
            cataleg
            arapids
            peu superior 980
            peu inferior 980
*/

/*
BLOQUES

1-
2- Capçalera - Logo
3- Footer - copy i enlaces
4- Footer - Campus de excelencia
5- Footer - Xarxes socials
6- CRAI Logo
*/



/****************************************************/
/*
/*     PAGE, estils generals del web
/*
/****************************************************/
body{
    color: #333333;
    font: normal 80% Arial !important;
    margin: 0;
    padding: 0;
}

h1{
    font-size: 1.23076923076923em; /* 16/13 */
}

p{ /* EXPLICAR esto lo ponemos porque drupal asigna un margen superior e inferior a los P de entrada y preferimos controlarlo, hay que tener en cuenta esto para los P de los textos */
    margin: 0;
    padding: 0;
}

a{
    color: #0059A2; /* blau fosc */
    text-decoration:none;
}

a:hover{
    color: #4C8BBE; /* blau clar */
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#pagina-general{
    margin: 0 auto;
    max-width: 1280px;
    width: 980px;/* 95.703125%; */ /* 980px / 1024px */
}

.dotted a{
    text-decoration:none;
    border-bottom:1px dotted #0059a2;
}
/****************************************************/
/*
/*     Admin
/*
/****************************************************/
#admin-menu a{
    color: white !important;
}

/****************************************************/
/*
/*     Logo
/*
/****************************************************/
#logo{
    width: 44.897959183673%; /* 440px / 980px */
    float: left;
}
#barra-superior-logo{
    width: 100%;
    background-color: #e5e5e5;
    height: 6px;
}

#logo img{
    max-width: 220px; /* TODO esto no se puede pasar a porcentajes */
    width: 100%;
}

#block-block-2 h2{
    display: none;
}

/****************************************************/
/*
/*     Secció de capçalera
/*
/****************************************************/
#seccio-capcalera{
    width: 55.102040816327%; /* 540px / 980px */
    float: left;
    font-size: 0.76923076923077em; /* 10px / 13px */
}
#capcalera-superior{
    background-color: #e5e5e5;
    height: 35px;
    border-bottom-left-radius: 100px 50px;
    -moz-border-radius-bottomleft: 100px 50px;
}

/****************************************************/
/*
/*     Inici Ub
/*
/****************************************************/
#inici-ub-link{
    float: right;
    margin-top: 1.851851851852%; /* 10px / 540px */
}
#inici-ub-link a{
    margin-left: 15px;
}
#inici-ub-link span.ext{
    display: none;
}

/****************************************************/
/*
/*     Cercador
/*
/****************************************************/
#cercador{
    float: right;
    margin-left: 7.407407407407%; /* 40px / 540px */
    margin-top: 0.925925925926%; /* 5px / 540px */
}
/****************************************************/
/*
/*     Idiomático
/*
/****************************************************/
#idiomatic{
    float: right;
    width: 32.407407407407%; /* 175px / 540px */
    margin-right: 2.407407407407%; /* 13px / 540px */;
}
#block-locale-language h2{
    display: none;
}
#block-locale-language ul li{
    border-right: 1px solid #0f62a6;
    list-style: none;
    float: right;
    margin-right: 2.285714285714%; /* 4px / 175px */
    padding-right: 4px; /* 4px / 34px */ /* POR HACER, los tamaños de los elementos difieren de 30 a 38 px, así que calculo el padding haciendo la media */
}
#block-locale-language ul li.first{
    border-right: none;
}
#block-locale-language a{
    text-decoration: none;
}
#block-locale-language a.active{
    border: 0;
}

.language-switcher-locale-url{
    padding: 0; /* EXPLICAR quitamos el padding 40px que nos aplica por defecto el agente */
}

/****************************************************/
/*
/*     Secció capçalera links
/*
/****************************************************/
#block-menu-menu-secci-cap-alera-links span.ext{
    display: none;
}
#block-menu-menu-secci-cap-alera-links h2{
    display: none;
}
#block-menu-menu-secci-cap-alera-links ul li{
    list-style: none;
    float: left;
}
#block-menu-menu-secci-cap-alera-links ul li a{
    text-decoration: none;
}
#block-menu-menu-secci-cap-alera-links ul.menu{
    padding: 0; /* EXPLICAR quitamos el padding 40px que nos aplica por defecto el agente */
    margin: 0; /* EXPLICAR */
    float: right;
    margin-top: 20px;
}

#block-menu-menu-secci-cap-alera-links ul li{
    height: 13px;
    display: block;
    padding-left: 18px;
}
#block-menu-menu-secci-cap-alera-links ul li:nth-child(1){
/*
    width: 35px;
    background: url(../images/bustia-mini.jpg) no-repeat bottom left;
*/
}
#block-menu-menu-secci-cap-alera-links ul li:nth-child(2){
/* 	width: 58px;   */
    background: url(../images/bustia-mini.jpg) no-repeat bottom left;
}
#block-menu-menu-secci-cap-alera-links ul li:nth-child(3){
/* 	width: 90px; */
    background: url(../images/directori-mini.jpg) no-repeat bottom left;
}
#block-menu-menu-secci-cap-alera-links ul li:nth-child(4){
    width: 50px;
    background: url(../images/mobil-mini.jpg) no-repeat bottom left;
}

/****************************************************/
/*
/*     Barra UB
/*
/****************************************************/
#barra-ub{
    width: 100%;
    float: left;
}
#barra-tram1, #barra-tram2, #barra-tram3{
    float: left;
    height: 6px;
}
#barra-tram1{
    width: 6%; /* 79px / 980px */
    background-color: #c7c7c7;
}
#barra-tram2{
    width: 15.7%; /* 154px / 980px */
    background-color: #0059a2;
}
#barra-tram3{
    width: 78.3%; /* 767px / 980px */
    background-color: #c7c7c7;
}

/****************************************************/
/*
/*     Logo CRAI
/*
/****************************************************/
#block-block-6 {
    float:left;
}
/* Ombra amb degradé que tenia sota el logo del CRA antic i que ara ocultem:*/

#logo-crai{
    width: 420px;
/*
background: #f2f2f2; /* Old browsers */
/*background: -moz-linear-gradient(left, #f2f2f2 0%, #ffffff 87%, #ffffff 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f2f2f2), color-stop(87%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(left, #f2f2f2 0%,#ffffff 87%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(left, #f2f2f2 0%,#ffffff 87%,#ffffff 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(left, #f2f2f2 0%,#ffffff 87%,#ffffff 100%); /* IE10+ */
/*background: linear-gradient(to right, #f2f2f2 0%,#ffffff 87%,#ffffff 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}
/* Canviat per logo nou del CRAI el 24/març/2017 Abans logo de la caseta en taula i text a la segona columna */
#logo-crai img{
    width: 420px;
    height: 91px;
    margin-right: 20px;
/* 	margin-top: 10px; */
}
/*
#logo-crai img{
    width: 203px;
    height: 80px;
    margin-right: 20px;

}
#logo-crai table{
    border: none;
}*/

#logo-crai tbody{
    border: none;
}
/****************************************************/
/*
/*     Menú principal Superior
/*
/****************************************************/
#superfish-1{
    margin-top: 5px;
}
#menu_principal #block-menu-menu-men-principal-superior a{
    color: #222222;
    text-decoration: none;
}
#menu_principal #block-menu-menu-men-principal-superior a:hover{
    color: #555555;
}
#menu_principal #block-menu-menu-men-principal-superior .active{
    color: #4C8BBE;
}
#menu_principal #block-menu-menu-men-principal-superior .ui-widget{
    font-family: Arial !important;
}
#menu_principal #block-menu-menu-men-principal-superior ul li {
    background-color:#E5E5E5;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    box-shadow:#888888 2px 2px 2px;

    font-size: 0.84615384615385em; /* 11/13 */
    font-weight:bold;
    margin: 5px;
    padding:5px 7px;

    float:left;
    list-style: none;
    text-align: center;
}
#menu_principal #block-menu-menu-men-principal-superior .content {
    float:right;
}
/****************************************************/
/*
/*     Menú principal
/*
/****************************************************/
/*PARA LOS DOS MENUS PRINCIPALES*/
#menu_principal h2{
    display:none;
}
#menu_principal ul.sf-menu {
    font-size: 1.07692307692308em; /* 14/13 */
    float: right;
/* 	box-shadow: 1px 1px 1px #377ab0;	 */
}
#menu_principal ul.sf-menu li{
    margin: 0 0 0 1px !important;
    font-weight: bold;
    float: left;
}
#menu_principal ul.sf-menu li ul li{
    position: relative;
    left: -1px;
    width: 205px !important	;
    border-bottom: 1px solid white;
}
#menu_principal ul.sf-menu a{
    background-color: #0059a2;
    padding:10px;
    color: white;

}
#menu_principal ul.sf-menu a:hover{
    color: #dddddd;
}
#menu_principal ul.sf-menu .active {
    color: #dddddd;
}
#menu_principal ul.sf-menu .sf-depth-2,
#menu_principal ul.sf-menu .sf-depth-3,
#menu_principal ul.sf-menu .sf-depth-4,
#menu_principal ul.sf-menu .sf-depth-5,
#menu_principal ul.sf-menu .sf-depth-6{
    background-color: #e5e5e5;

}
ul.sf-menu .sf-depth-2 a{
    color: #0059a2 !important;
    font-weight: normal;
}

/****************************************************/
/*
/*     Menú Lateral -
        1. Conoce el CRAI
        2. Serveis
        3. Recursos de informació
        4. PMF Generals
/*
/****************************************************/

/****************************************************/
/*
/*     Menú Lateral
/*
/****************************************************/
#menu_lateral{
    width:17.85714285714286%; /* 175px / 980px/ */
    float:left;
    margin-top: 8px;
    font-size: 0.9em !important;
}
#menu_lateral span.ext{
    display: none;
}
#menu_lateral h2{
    color: #4c8bbe;
    width: 250px;
    margin-top: 0 !important;
    font-size: 1.15384615384615em; /* 15/13 */
}
/*Toni afegeixo paddings top i bottom  22/12/2020*/
#menu_lateral h3{
    background: none;
    border: none;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}
#menu_lateral a{
    color: #222222 !important;
    text-decoration: none;
}
#menu_lateral a:hover{
    color: #555555  !important;
}
#menu_lateral .active,
#menu_lateral .active-trail{
    color: #4C8BBE !important;
    font-weight: bolder;
}
#menu_lateral .ui-widget{
    font-family: Arial !important;
}
#menu_lateral .block-accordion-menu .ui-accordion .ui-accordion-content{
    overflow: hidden !important;
    border: none;
    padding: 0 3em !important;
    width: 140px;
}
/*Toni padding-left de 27px a 0px 22/12/2020*/
.ui-accordion .ui-accordion-header a{
/* 	padding: 3em 5em 3em 7em  */
padding: 2px 5px 2px 0px;
}

#menu_lateral .block-accordion-menu ul li,
#menu_lateral .block-accordion-menu ul.menu,
#menu_lateral .block-menu ul li,
#menu_lateral .block-menu ul li.menu{
    padding: 0;
    margin: 0;
    padding: 3px 5px;
}


/* RECURSOS ELECTRÒINICS EN PROVA */
.node-webform .submitted{
    display: none;
}


/* TWITTER */
#block-block-20 .ext{
    display: none;
}
#block-block-20{
    margin-top: 10px;
}
.customisable-border{
/*
    display: none;
    border: 1px solid #4C8BBE !important/* blau */;
*/
}


/****************************************************/
/*
/*     PMF preguntes més freqüents
/*
/****************************************************/
.node-type-pmf-llibres-e .node .field-name-field-acces-pmf-llibre .field-label {
    margin: 0;
}
.view-pmf-generals-serveis.view-display-id-page_7{
    margin-left: 20px;
    padding-top: 10px;
}
.ui-accordion-content{
    border: none;
    height: auto !important;
}
.ui-accordion-content .views-field-field-pmf-resposta .field-content,
.view-llic-ncies-d-s .views-field{
    font: normal 100% Arial !important;
}
.view-llic-ncies-d-s .views-label{
    font-weight: 600;
    float: left;
    margin-right: 10px;
}
.view-llic-ncies-d-s a{
    color: #4C8BBE; /* blau clar */
}
.ui-accordion-content .views-field-field-pmf-resposta .field-content a{
    color: #0059A2; /* blau fosc */
}
.ui-accordion-content .views-field-field-pmf-resposta .field-content a:hover{
    color: #4C8BBE; /* blau clar */
}
.views-field-field-pmf-pregunta,
.view-llic-ncies-d-s .views-field-title{
    background: none;
    -webkit-border-radius: 0px/*{cornerRadius}*/;
    border-radius: 0px/*{cornerRadius}*/;
    margin-top: 4px;
}
.views-field-field-pmf-pregunta,
.view-llic-ncies-d-s .views-field-title{
    border: none !important;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
    color: #0059A2 !important; /* blau fosc */
}

.view-pmf-generals-serveis .ui-widget
.view-llic-ncies-d-s .ui-widget{
    font: normal 100% Arial !important;
}
.views-field-field-pmf-pregunta .field-content a{
    color: #0059A2 !important; /* blau fosc */

}
.views-field-field-pmf-pregunta .field-content a:hover{
    color: #4C8BBE; /* blau clar */
}
.view-pmf-generals-serveis ul.pager{
    margin: 20px;

}


/****************************************************/
/*
/*     Page Title
/*
/****************************************************/
#title_pagina_basica{
    margin-top: 10px;
}
.node-type-page #content h1.title-pagina-todas{
    display: none !important;
}
#page-title,
#block-block-12 .content p/* perque ?*/{
    margin-left: 20px;
    color: #0059A2;
    background: white;
    font-size: 1.5em;
    text-align: left;
    display: block;
}
.node-type-apadrina h1#page-title{
    width: 713px;
    display: block;
}
#subtitol-pagina{
    font-weight: bold;
    font-size: 15px;
    color: #3A3A3A;
}


/****************************************************/
/*
/*     HOME
/*
/****************************************************/

/* BARRA DRETA */
#block-block-19{
    margin-top: 7px;
}
#block-block-19 h2{
    display: none;
}
#barra-dreta-wrapper{
    width: 240px;
    height: 790px;
    float: right;
}
/* LOGO SAU */
#block-block-14 H2{
    display: none;
}
#block-block-14{
    text-align: center;
}
#block-block-14 img{
    width: 238px;
    border: 1px solid #4C8BBE /* blau */;
}

/* NOU BLOC AMB 6 ENLLACOS RAPIDS AMB ICONES */

#block-block-22{
    margin-top: 10px;
}
#block-block-22 h2{
    display: none;
}
/* pujo al servidor les 6 icones a millor resolució 350x350 px per tal que es vegin grans al mòbil i aquí diem que facin 75 px. Josep maig2017 */
#block-block-22 img{
    width: 75px;
}
#rapidsambicones {
    width: 720px;
/*	height: 100px; Toni*/
    height: 110px;
}
.blocrapidsambicones{
/*	width: 110px; Toni*/
    width: 90px;
    float: left;
    text-align: center;
    margin: 0 5px 10px 5px;
}

.canviopacitat {
    opacity: 1;
    transition-property: opacity;
}

.canviopacitat:hover {
    opacity: 0.7;
}

/* NOU BLOC ENLLACOS RAPIDS DE FONS GRIS*/
#rapids {
    width: 720px ;
    height: 215px;
background-color: #f1f1f1
}
.blocrapids{
    width: 150px;
    float: left;
font-size: 0.94em;
margin:15px 15px 20px;

}
.paragrafrapids{
margin-bottom: 5px
}
/* NOU BLOC AMB ENLLACOS RAPIDS EN 4 BLOCS DE TEXT */

#block-block-23{
    margin-top: 10px;
}
#block-block-23 h2{
    display: none;
}

/* BANNER INICIAT EN EL CRAI */

#block-block-21{
    margin-top: 10px;
}
#block-block-21 h2{
    display: none;
}

/* NOTICIES */
.page-taxonomy-term .node.node-article .content{
    border: none;
}
.page-taxonomy-term .node-article {
    border: 1px solid #4C8BBE /* blau */;
    padding: 20px;
    margin-left: -30px;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 750px;
}
.page-taxonomy-term .node-article h2{
    margin-left: 20px;
}
#block-menu-menu-not-cies ul.menu{
    margin-left: -15px;
}
.addthis_toolbox span.ext{
    display: none;
}
.node-type-article .addthis_toolbox .addthis_button_facebook{
    /* background-image: url("../images/social-facebook-icon.png"); */
}

.node-type-article .submitted{
    display: none;
}
#field-slideshow-1-controls{
    float: left;
    margin-left: 180px;
}
.view-noticies-home.view-display-id-page_1{
    margin: 0 0 0 20px;
    padding: 20px;
    border: 1px solid #4C8BBE /* blau */;
}

.node-type-article .field-name-field-data{
/* 	float: left; */
    position: relative;
    left: 10px;
}
.node-type-article .field-name-field-data .field-label{
    position: relative;
    top: -5px;
}
.field-slideshow-1{
    clear: both;
}
#block-views-noticies-home-block{
    /* border: 1px solid #c7c7c7; */ /* gris */
    border: 1px solid #4C8BBE /* blau */;
    font-size: 0.84615384615385em; /* 11 / 13 */
    margin-top: 10px;
}
#block-views-noticies-home-block h2{
    color: #0059A2; /* blau fosc */
    font-size: 1.15384615384615em; /* 15 / 13 */
    margin: 5px 0 5px 10px;
}
#block-views-noticies-home-block .views-field-field-image{
    float: left;
    margin-left: 10px;
}
#block-views-noticies-home-block img{
    border: 1px solid #c7c7c7;
    width: 65px;
    height: 65px;
}

.page-noticies-butlleti img{
    width: 65px;
    height: 65px;
}
#block-views-noticies-home-block .views-row{
    padding-top: 5px;
    height: 75px;
}
#block-views-noticies-home-block .views-field-title,
#block-views-noticies-home-block .views-field-field-data{
    width: 150px;
    float: left;
    margin-left: 5px;
}
#block-views-noticies-home-block .more-link{
    font-weight: bold;
}

/* VISTA GENERAL NOTICIES */
.view-noticies-home.view-display-id-page_2.field-name-field-expo-virt-slideshow
.view-noticies-home.view-display-id-page_2 .views-row{
    border: 1px solid #4C8BBE /* blau */;
    margin-bottom: 20px;
    padding: 20px;
    height: 70px;
}
.view-noticies-home.view-display-id-page_2 .views-field-field-image{
    float: left;
    margin-right: 20px;
}

.field-name-field-basic-expo-virt-slideshow  .field-slideshow-slide{
    width: 380px !important;
    color: grey;
}

.field-name-field-basic-expo-virt-slideshow2 .field-slideshow-caption{
    width: 380px !important;
}


.field-name-field-expo-virt-slideshow-2 .field-slideshow-caption,
.field-name-field-expo-virt-slideshow-3 .field-slideshow-caption,
.field-name-field-expo-virt-slideshow-4 .field-slideshow-caption{
    width: 210px !important;
}

.views-field-field-expo-virt-data{
    padding-left: 195px;
    font-size: 11px;
    text-transform: capitalize;
}
.view-exposicions-virtuals{
    margin-left: 20px;
}
.field-name-field-expo-virt-slideshow-2{
    float: left;
}
.field-name-field-expo-virt-slideshow-3{
    position: relative;
    left: 250px;
}
.field-name-field-expo-virt-enquesta{
    float: right;
    margin: 10px;
}
.node-expo-virtual .content{
    min-height: 750px;
}
.field-name-field-expo-virt-slideshow-4{
    float: right;
}

.field-name-field-expo-virt-slideshow-2 img,
.field-name-field-expo-virt-slideshow-3 img,
.field-name-field-expo-virt-slideshow-4 img{
    border: 1px solid gray;
    max-width: 95%;

}
.field-name-field-expo-virt-contingut{
    clear: both;
}


/* BANNER EXPOSICIONS VIRTUALS */
#block-block-15{
    margin-top: 10px;
}
#block-block-15 h2 {
    display: none;
}
#block-block-15 img {
    width: 240px;
}

/* VITRINES (SLIDESHOW DE LA HOME) */
#views_slideshow_cycle_teaser_section_vitrines-block_1,
#views_slideshow_cycle_div_vitrines-block_1_0,
#views_slideshow_cycle_div_vitrines-block_1_1,
#views_slideshow_cycle_div_vitrines-block_1_2{
    position: relative;
    top: -36px;
    height: 250px;
}
#vitrines-wrapper{
    width: 720px;
    height: 250px;
    margin: 0px 0px 20px 0px;
    float: left;

    -webkit-box-shadow: 1px 1px 2px grey;
    -moz-box-shadow: 1px 1px 2px grey;
    box-shadow: 1px 1px 2px grey;
    border: 1px solid gray;
}
#vitrines h2{
    display: none;
}
.view-vitrines img{
    width: 720px;
}
#titulo-vitrina{
    opacity: 0.7;
    color: white;
    position: relative;
    top: -41px;
    float: right;
    background-color: black;
    display: block;
    width: 700px;
    text-align: right;
    font-size: 16px;
    padding: 10px;
}
#views_slideshow_controls_text_previous_vitrines-block_1,
#views_slideshow_controls_text_next_vitrines-block_1{
    width: 34px;
    height: 0px;
    padding-top: 36px;
    position: absolute;
    top: 100px;
    overflow: hidden;
}
#views_slideshow_controls_text_next_vitrines-block_1{
    background:url(../images/next.png) ;
    display: block;
    float: right;
    position: relative;
    z-index: 20;
}
#views_slideshow_controls_text_previous_vitrines-block_1{
    background:url(../images/previous.png) ;
    float: left;
    position: relative;
    display: block;
    z-index: 20;
}
#views_slideshow_controls_text_pause_vitrines-block_1{
    display: none;
}


/* CERCADOR DEL CATÀLEG I RECERCADOR*/
/* PAGINA INICIAL DE RECURSOS D'INFORMACIÓ */
.page-node-214 #block-block-10{
    margin-left: 20px;
}
.page-node-214 #cataleg-wrapper{
    border: none;
}
.page-node-214 #block-block-10{
    border: 1px solid #4C8BBE /* blau */;
}
#block-block-10 span.ext{
    display: none;
}
.front #cataleg-wrapper{
    float: left;
    margin-bottom: 10px;
}
#block-block-10{
    width:721px; /*Judit*/
}
#block-block-10 h2{
    display: none;
}

.tabs-cataleg-home { /* es el rectángulo contenedor */
    margin: 0px auto 0px;
    min-height: 150px;
    position: relative;
}
.tab-cataleg-home { /* cada una de las pestañas */
    float: left;
}
.tab-cataleg-home label { /* la parte superior con el título de la pestaña */
    border-bottom: 1px solid #4C8BBE /* blau */;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    color: white;
    background-color: #636564;
    cursor: pointer;
    left: 0;
    padding: 5px 15px;
    position: relative;
    width: 330px;
    z-index: 50;

    -webkit-transition: opacity 0.5s ease-in-out;
       -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
         -o-transition: opacity 0.5s ease-in-out;
            transition: opacity 0.5s ease-in-out;

}

.tab-cataleg-home label:hover{
    zoom: 1;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/* el control input sólo lo necesitamos para que las pestañas permanezcan abiertas así que lo ocultamos */
.tab-cataleg-home [type=radio] {
    display: none;
}

/* el contenido de las pestañas */
.content-cataleg-home {
    border: 1px solid #4C8BBE /* blau */;
    border-top: none;


    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 46%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 46%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 46%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 46%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 46%,#eeeeee 100%); /* W3C */
    background: linear-gradient(to bottom, #ffffff 46%,#eeeeee 100%); /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
/* 	background-color: #678; */
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 23px;
    padding-bottom: 40px;
}
.content-cataleg-home p{
    height: 0 !important;
}

/* controlamos la pestaña activa */
.tab-cataleg-home [type="radio"]:checked ~ label {
    border-left: 1px solid #4C8BBE /* blau */;
    border-top: 1px solid #4C8BBE /* blau */;
    border-right: 1px solid #4C8BBE /* blau */;
    border-bottom:none;
    border-top-right-radius: 5px;

    background-color: white;
    color: #ff9705;
    width: 328px;
    z-index: 2;
}

.tab-cataleg-home [type=radio]:checked ~ label ~ .content-cataleg-home { z-index: 1; }
.tab-cataleg-home [type=radio]:checked ~ label ~ .content-cataleg-home > * {
    opacity: 1;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
}

#block-block-10 #cataleg_form_select2,
#block-block-10 #cataleg_form_select1{
    display: none;
}

.cercabib #el-meu-compte2{
    position:relative;
    top: 75px;
    left: 410px;
    background-color: #dddddd;
    width: 95px;
    height: 20px;
    display: block;
    text-align: center;
    padding-top: 4px;

    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/*
#block-block-10 #encoreSearchInput{
    width: 485px;
    height: 40px;
    padding-left: 15px;
    position:relative;
    bottom: 10px;
}
*/

/*
#block-block-10 input#cercar_cercabib{
    width: 60px;
    height: 36px;
    background-color: #f8bb63;
    color: #0059A2;
    border: 0.5px solid gray;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    right: 70px;
    bottom: 10px;
}
*/

#block-block-10 #cataleg_form_input3,
#block-block-10 #cataleg_form_input2{
    margin-top: 14px;
    float: left;
}
#block-block-10 #cataleg_form_input3,
#block-block-10 #Search{
    margin-top: 20px;
    width: 60px;
    height: 35px;
    background-color: #f8bb63;
    color: #0059A2;
    border: 0.5px solid gray;
    position: relative;
    left: -70px;
    bottom: 14px;
    border-radius: 4px;
    cursor: pointer;

}
#cataleg_form input.submit{
    font-weight: bold;
}
#block-block-10 #Search{
    position: relative;
    top: -1px;
}
/* recercador+ */
#block-block-10 ul#llista-links-recercador li{
    list-style: none;
    position: relative;
    top: -60px;
    left: 480px;
    }
#block-block-10 #input_recercador_portada{
    width: 500px;
    height: 40px;
}
/* cataleg */
#block-block-10 ul#llista-links-cataleg li::before,
#block-block-10 ul#llista-links-recercador li::before{
/* 	content: "."; */
}
#block-block-10 ul#llista-links-cataleg{
    width:1px;
}
#block-block-10 ul#llista-links-cataleg li{
    list-style: none;
    width: 175px;
    position: relative;
    left: 480px;
    top: -61px;
}
#block-block-10 #cataleg_form_input2{
    width: 500px;
    height: 40px;
    position: relative;
    bottom: 13px;
}
#cercador-cataleg-totes-les-opcions a{
    color: #0c5486;
    font-weight: bold;
    font-size: 11px;
}
#cercador-cataleg-totes-les-opcions{
    float: left;
    position: relative;
    top: 38px;
    right: 170px;
    background-color: #dddddd;
    width: 110px;
    height: 20px;
    display: block;
    text-align: center;
    padding-top: 4px;

    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#el-meu-compte a,
#el-meu-compte2 a{
    color: #0c5486;
    font-weight: bold;
    font-size: 11px;
}
#el-meu-compte{
    float: left;
    position: relative;
    top: 62px;
    right: 280px;
    background-color: #dddddd;
    width: 95px;
    height: 20px;
    display: block;
    text-align: center;
    padding-top: 4px;

    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#link1-cercabib{
    position: relative;
    top: 25px;
    float: right;
    z-index: 1;
}

#cercador-recercador-totes-les-opcions a{
    color: #0c5486;
    font-weight: bold;
    font-size: 11px;
}
#cercador-recercador-totes-les-opcions{
    float: right;
    position: relative;
    top: 75px;
    right: 175px;
    background-color: #dddddd;
    width: 110px;
    height: 20px;
    display: block;
    text-align: center;
    padding-top: 4px;

    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/* ACCESSOS RÀPIDS */
#horaris-especials-ar{
    margin-top: 80px;
/* 	padding-top: 10px; */
}
#taula-arapids-home-5,
#taula-arapids-home-6{
    height: 130px
}
/* AVIS */
#block-block-18{
    /* display: none; */
}
#arapids-wrapper{
    width: 720px;
    float: left;
    /* height: 600px; *//*  treure quan surtin els avisos */
}
#arapids{
    /*padding-left: 20px;
    border: 1px solid #4C8BBE  blau ;
    height: 439px;*/
    margin-bottom: 20px;
}
#arapids h2{
    color: #0059A2;
    font-size: 1.15384615384615em; /* 15 / 13 */
}

div[id^="taula-arapids-home-"]{
    width: 198px;
    float: left;
    margin: 0 16px 5px 16px;
}
#taula-arapids-home-4{
    height: 130px;
}
#taula-arapids-home-4 #punt,
#taula-arapids-home-5 #punt,
#taula-arapids-home-6 #punt,
#taula-arapids-home-10 #punt,
#taula-arapids-home-11 #punt,
#taula-arapids-home-12 #punt{
    float: left;
    width: 5px;
    margin-right: 5px;
    margin-top: 4px;
}

#taula-arapids-home-4 p,
#taula-arapids-home-5 p,
#taula-arapids-home-6 p,
#taula-arapids-home-10 p,
#taula-arapids-home-11 p,
#taula-arapids-home-12 p{
    float: left;
    width: 185px;
}
#taula-arapids-home #taula-arapids-home-1,
#taula-arapids-home #taula-arapids-home-7{
    padding-left: 10px;
}
#taula-arapids-home #taula-arapids-home-2,
#taula-arapids-home #taula-arapids-home-8{
    padding-left: 10px;
    margin-left: 5px;
}
#taula-arapids-home #taula-arapids-home-3,
#taula-arapids-home #taula-arapids-home-9{
    padding-left: 10px;
    margin-left: 5px;
}
#taula-arapids-home #taula-arapids-home-1,
#taula-arapids-home #taula-arapids-home-2,
#taula-arapids-home #taula-arapids-home-3,
#taula-arapids-home #taula-arapids-home-7,
#taula-arapids-home #taula-arapids-home-8,
#taula-arapids-home #taula-arapids-home-9{
    font-size: 1.15384615384615em; /* 15 / 13 */
    color: #0059A2;;
    margin-bottom: 5px;
    font-weight: bold;
    background: url(../images/bola-7px.png) left center no-repeat;
}
#taula-arapids-home #taula-arapids-home-7,
#taula-arapids-home #taula-arapids-home-8,
#taula-arapids-home #taula-arapids-home-9{
    margin-top: 10px;
}

/****************************************************/
/*
/*     Content
/*
/****************************************************/
/* EXPOSICIONS VIRTUALS */
.node-type-expo-virtual tbody,
.node-type-p-gina-b-sica-expo-virtual tbody{
    border: none;

}
.field-name-field-expo-virt-contingut tbody{
    border: none;
}
.view-exposicions-virtuals{
    margin-left: 20px;
}
.view-exposicions-virtuals .views-field {
    margin: 10px 10px;
}
.view-exposicions-virtuals .views-field-title{
    font-weight: bold;
    font-size: 15px;
    margin: 0px;
}
.view-exposicions-virtuals .views-row{
    float: left;
    border: 1px solid #4C8BBE /* blau */;
    margin: 20px 0px;
    padding: 20px;
    width: 710px;
}
.view-exposicions-virtuals .view-filters{
/* 	border: 1px solid #4C8BBE  *//* blau */;
    margin-top: 10px;
    padding: 20px 20px 0 0;
    width: 710px;
}
.views-field-field-expo-virt-ima-id{
    float: left;
}
.views-field-field--expo-virt-resum{
    margin-left: 205px !important;
}
.field-name-field--expo-virt-resum,
.field-name-field-expo-virt-sumari{
    background-color: #f4f4f4;
    padding: 15px;
}
.field-name-field--expo-virt-resum{
    margin-bottom: 0px !important;
}
/* VISITES DE LLIBRES A RESERVA */
.view-id-visita{
    margin-left: 20px;
}
.view-id-visita .views-field {
    margin: 10px 10px;
}
.view-id-visita .views-field-title{
    font-weight: bold;
    font-size: 15px;
    margin: 0px;
}
.view-id-visita .views-row{
    float: left;
    border: 1px solid #4C8BBE /* blau */;
    margin: 20px 10px;
    padding: 10px;

}
.view-id-visita .views-field-body{
    width: 400px;
    margin-left: 240px;
}

/*Toni 30/01/2020*/

div.views-field-field-llibre-visita-imatge{width: 220px;}

/*xxxxxxxxxxxxxxx*/

.view-id-visita .views-field-field-llibre-visita-imatge{
    float: left;
}
.view-id-visita .view-header,
.view-id-visita .view-filters,
.view-id-visita .view-content{
    border: 1px solid #4C8BBE /* blau */;
    margin-top: 10px;
    padding: 20px;
    width: 710px;
}
.view-id-visita .view-content{
    border: none;
}
.view-id-visita .view-content{
    float: left;

}

/* VISTA DE PRODUCTES EN VENDA */
.view-productes-en-venda{
    margin-left: 20px;
}
.view-productes-en-venda .views-field {
    margin: 10px 10px;
}
.view-productes-en-venda .views-field-field-campdifusio-nom{
    font-weight: bold;
    font-size: 16px;
    margin: 10px 20px 10px 10px;
    width: 320px;
}
.view-productes-en-venda .views-row{
    float: left;
    border: 1px solid #4C8BBE /* blau */;
    margin: 20px 10px;
    padding: 10px;

}
.view-productes-en-venda .views-field-field-campdifusio-preu-ub{


font-weight: bold;
    font-size: 14px;
    color: #898f8b;
    float: left;
    margin-top: 0px;
    margin-bottom: 20px;
}
.view-productes-en-venda .views-field-field-campdifusio-preu-externs{

    margin-left: 100px;
    margin-top: 0px;
    margin-bottom: 20px;
font-weight: bold;
    font-size: 14px;
    color: #898f8b;
float: left;
}

.view-productes-en-venda .views-field-campdifusio-imatge-venda{
    float: left;
}
.view-productes-en-venda .view-header,
.view-productes-en-venda .view-filters,
.view-productes-en-venda .view-content{
    border: 1px solid #4C8BBE /* blau */;
    margin-top: 5px;
    padding: 10px;
    width: 700px;
}
.view-productes-en-venda .view-content{
    border: none;
}
.view-productes-en-venda .view-content{
    float: left;

}


/* CAIXES */
.caixa-gris1{
    background-color: #f4f4f4;
    padding: 5px;
}
.caixa-gris2{
    background-color: #e5e5e5;
    padding: 5px;
}

/* LINKS */
a[href$='.pdf'] {
    background: url(../images/pdf-icona.gif) right center no-repeat;
    padding-right: 27px;

    position: relative;
    top: 1px;
}

/* GENERAL CONTENT */
.node .field {
    margin: 0 0 15px 0;
}
.node .field-label{
    margin: 5px 0;
}
#block-system-main .horizontal-tabs{
    border: 1px solid #4C8BBE /* blau */;
}
.horizontal-tabs ul.horizontal-tabs-list{
    border-right:1px solid #4C8BBE /* blau */;
}
/* LLICENCIES D'US */
.view-llic-ncies-d-s{
    margin-left: 20px;
}
.node-llicencies-us .content{
/* 	height: 250px;	 */
    float: left;
}
div[id^="node_llicencies_us_full_group_llicencia_columna"] caption{
    display: none;
}
div[id^="node_llicencies_us_full_group_llicencia_columna"] .field-item{
    padding: 10px 0 0 5px;
}
div[id^="node_llicencies_us_full_group_llicencia_columna"] table{
    border-collapse: separate;
}
div[id^="node_llicencies_us_full_group_llicencia_columna"]{
    float: left;
    width: 330px;
}
#definicio-termes-usats{
    float: right;
}

/* BREADCRUM */
.easy-breadcrumb{
    margin: 5px 0 10px 20px;
    font-size: 0.84615384615385em; /* 11 / 13 */
}
#fil-dariadna{
    margin-bottom: 20px;
}
#content {
    width: 730px; /* POR HACER *//* 76.53061224489796%; *//* 750px / 980px */
    float:left;
    margin: 0 0 30px 30px
}
/* PRESENTACIÓ */
#node-190 p{
    margin: 10px;
}
/* PAGINA BASICA */
img.imatge-marge{
    margin: 0 20px 10px 0;
}

#horaris-especials{
    float: right;
    margin-right: 40px;
/*	border: 1px solid #4C8BBE  blau ;*/
    padding: 7px 15px;
    margin: 0 42px 5px 0;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    background-color: #0059a2;
    opacity: 0.8;

}
#horaris-especials:hover{
    background-color: #004a86;
}
.node-biblioteques ul li a:hover{
    background: none !important;
}
.node-biblioteques .content{
    margin-left: 20px;
    margin-top: 10px;
}
.node-type-page #content{
    width: 750px; /* por hacer */
}
#block-system-main .view{
    margin-bottom: 20px;
    margin-top: 10px;
    width: 688px;
}
#block-system-main .view-crai-unitats,
#block-system-main .view-biblioteques-del-crai{
    border: none;
    padding: 0;
    margin: 0;

}
.node .content{
    border: 1px solid #4C8BBE /* blau */;
    padding: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 688px;
}
.node-colleccions-especials .content,
.node-biblioteques .content{
    border: none;
    margin-left: 0px;
    margin-top: 0px;
}
.node-biblioteques .field-label{
    margin: 0;
}
.node-type-page .field-name-field-basic-page-img-cabecera- {
    border: none !important;
    padding: 0 !important;
    margin-left: 20px !important;
    margin-top: 8px;
}
.node-type-page .field-name-field-basic-page-img-cabecera- img{
    max-width: 730px;
}

/* Memories y publicacions */
#block-block-12{
    font-size: 1.23076923076923em;
    font-weight: bold;
}
#block-block-8,
#block-block-9{
    border: 1px solid #4C8BBE /* blau */;
    padding: 20px;
    margin: 10px 20px 20px 20px;
    height: 150px;
}
#block-block-9{
    height: 110px;
}
#block-block-8 #memories img{
    width: 130px;
    height: 150px;
}
#block-block-8 #memories,
#block-block-8 #textmemories{
    float: left;
}
#block-block-8 #memories{
    width: 200px;
}
#block-block-8 #textmemories{
    width: 400px;
}
#block-block-9{
/* 	clear: both; */
}

/* CAMPANYES DE DIFUSIÓ */
.view-campanyes-de-difussi-{
    margin-top: 10px;
    margin-left: 20px;
}
.view-campanyes-de-difussi- .view-header{
    border: 1px solid #4C8BBE /* blau */;
    padding: 20px;
}
.view-campanyes-de-difussi- .view-filters{
    margin-top: 20px;
}
.view-campanyes-de-difussi- ul{
}
.view-campanyes-de-difussi- ul li{
    margin-top: 20px;
    margin-left: 0;
    padding: 20px;
    list-style: none;
    border: 1px solid #4C8BBE /* blau */;
}
.view-campanyes-de-difussi- ul.pager li{
    border: none !important;
}


.view-campanyes-de-difussi- .views-field-title{
    font-size: 15px;
}
.view-campanyes-de-difussi- .views-field-title,
span.views-label-field-campdifusio-objectius,
span.views-label-field-campdifusio-descripcio{
    font-weight: bold;
}
span.views-label-field-campdifusio-objectius,
span.views-label-field-campdifusio-descripcio{
    float: left;
    margin-right: 5px;
}
.view-campanyes-de-difussi- .views-field-title,
.views-field-field-campdifusio-objectius,
.views-field-field-campdifusio-descripcio{
    margin-bottom: 10px;
    width: 420px;
}
.views-field-field-campdifusio-ima1{
    float: right;
}
.views-field-field-campdifusio-enquesta{
    float: right;
    margin-bottom: 10px;
    font-weight: bold;
}
/* node */
.node-campanya-de-difusi- .submitted{
    display: none;
}

/****************************************************/
/*
/*     discapacitats colorbox
/*
/****************************************************/
/* eliminant header, barres i footer per a la modal */
#cboxContent #logo,
#cboxContent #seccio-capcalera,
#cboxContent #barra-ub,
#cboxContent #menu_principal,
#cboxContent #menu_lateral,
#cboxContent #peu-contenidor{
    display: none;
}

/****************************************************/
/*
/*     Footer - superior
/*
/****************************************************/
#peu-superior{
    width: 100%; /* 980px / 980px */
}

/****************************************************/
/*
/*     Footer - logos
/*
/****************************************************/
#block-block-17{
    float: left;
    margin-bottom: 10px;
}
#block-block-17 h2{
    display: none;
}

/****************************************************/
/*
/*     Footer - Xarxes socials del CRAI
/*
/****************************************************/
.front #block-block-5{
    position: relative;
    top: 8px;
}


#block-block-5{
    float: right;
    width: 30%; /* 400px / 980px */

    background-color: #e7e8e8;
    height: 35px;
    border-top-left-radius: 100px 50px;
    -moz-border-radius-topleft: 100px 50px;*/
    /*desde aqui, Hecho por Maka - Degradado*/
    /* DEGRADADO */
}
#block-block-5 h2{
    display: none;
}
#block-block-5 .content img{
    float: right;
    margin-right: 5px; /* POR HACER en % */
    width: 25px; /* POR HACER en % */
    /*desde aqui, Hecho por Maka */
    padding-top:6px; /* POR HACER en % */
}
#block-block-5 #segueixnos{
    float: right;
    /*desde aqui, Hecho por Maka */
    margin:-9px 5px 0 0;/* POR HACER en % */
}
#block-block-5 h2{
    font-size: 1.15384615384615em; /* 15 / 13 */
}
/****************************************************/
/*
/*     Footer - inferior
/*
/****************************************************/
#peu-inferior{
    font-size: 0.84615384615385em; /* 11px / 13px */
    width:100%;
    height: 100px;
    background-color:#f0f0f0;
    border-top:1px solid #c7c7c7;

    /* DEGRADADO */
    background: #f0f0f0; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(left,  #f0f0f0 0%, #ffffff 74%, #ffffff 91%, #f0f0f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0f0f0), color-stop(74%,#ffffff), color-stop(91%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #f0f0f0 0%,#ffffff 74%,#ffffff 91%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #f0f0f0 0%,#ffffff 74%,#ffffff 91%,#f0f0f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #f0f0f0 0%,#ffffff 74%,#ffffff 91%,#f0f0f0 100%); /* IE10+ */
    background: linear-gradient(to right,  #f0f0f0 0%,#ffffff 74%,#ffffff 91%,#f0f0f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-8 */
}

/****************************************************/
/*
/*     Footer - Copyright más enlaces
/*
/****************************************************/
#block-block-3 {
    float: left;
    width: 50%;  /* 490px / 980px */
    margin-top: 44px;
    margin-left: 3.061224489796%; /* 30px / 980px */
}

#block-block-3 h2{
    display:none;
}

#peu-copyright, #peu-enlaces {
    float:left;
}
#peu-contacte, #peu-mapa-web, #peu-avis-legal, #peu-compra-llibres {
    float:left;
    border-left: 1px solid #0f62a6;
    margin-left: 5px; /* POR HACER, PONER ESTO EN PORCENTAJES */
    padding-left: 5px; /* POR HACER, PONER ESTO EN PORCENTAJES */
}
/****************************************************/
/*
/*     Footer - Campus d'exelència internacional
/*
/****************************************************/
#block-block-4 h2{
    display: none;
}
#block-block-4{
    color: #919191;
    float: right;
    margin-top: 24px;
/*	margin-right: 9.183673469388%;  90px / 980px ;*/
}

#block-block-4 a{
    border: none;
}

/****************************************************/
/*
/*     Biblioteca, vista i continguts.
/*
/****************************************************/

#unitats-cedocbiv-cedi{
    display: none;
}

#marc-blau{
    border:1px solid #4c8bbe;
    border-radius:2px;
    margin:10px;
    padding:5px;
    font-weight: 100 !important;
}
#marc-taronja{
    border:1px solid #FF9800;
    border-radius:2px;
    margin:10px;
    padding:5px;
    font-weight: none !important;
}
#marc-gris{
    border:1px solid #C7C7C7;
    border-radius:2px;
    margin:10px;
    padding:5px;
    font-weight: none !important;
}
#expo_fons{
    border:1px solid #c7c7c7;
    border-radius:2px;
    margin:10px;
    padding:5px;
}
#expo_fons tbody{
    border: none;
}
#biblio_fons{
    border:1px solid #4c8bbe;
    border-radius:2px;
/* 	box-shadow: 2px 2px 5px #4c8bbe; */
    margin:10px;
    padding:5px;
}
#biblio_fons tbody{
    border:none;
}

#biblio_fons table td{
    width: 300px;
    vertical-align:text-top;
    padding:5px;
}
#biblio_fons a {
    text-decoration:none;
    color:#4c8bbe;
    font-weight: bold;
}

#biblio_fons img{
    float:right;
    margin:10px;
}

/* Centre de documentació biodiversitat */
#centre_fons  {
    border:1px solid #4c8bbe;
    border-radius:3px;
    margin:10px;
    padding:5px;
}
#centre_fons tbody{
    border:none;
}

#centre_fons table tr{
/* padding:0 10px; */

}
#centre_fons a {
    text-decoration:none;
    color:#4c8bbe;
    font-weight: bold;
}
#centre_fons img{
    float:left;
    margin:10px;
}
.view-not-cies-biodiversitat-vegetal{
    border:1px solid #4c8bbe;
    margin: 20px 20px;
    padding:20px;
}
.view-not-cies-biodiversitat-vegetal ul li{
    margin-top: 10px;
}
#centre_img {
    margin:20px;
}

#logo_bio {
    width: 125px; /*** pasar %? */
    float:right;
    margin-left:15px;
    position:relative;
    top:-50px;
}
/****************************************************/
/*
/*     Biblioteca - Vista llistat
/*     Unitats - Vista llistat
/*
/****************************************************/
.views-field-field-bib-imatge,
.views-field-field-bib-direccio,
.views-field-field-bib-cp,
.views-field-field-bib-ciutat,
.views-field-field-bib-horari,
.views-field-field-bib-mail,
.views-field-field-bib-telefon,
.views-field-field-bib-en-5-minuts,
.views-field-field-bib-horaris-especials{
    float: left;
    font-size: 0.84615384615385em; /* 11/13 */
    width: 175px;/* PASAR A % */
}
.view-biblioteques-del-crai .views-field-field-bib-iconos,
.view-crai-unitats .views-field-field-bib-iconos{
    float: left;
    position: relative;
    left: -160px;
    top: 220px;
}

.view-biblioteques-del-crai .views-field-field-bib-direccio,
.view-crai-unitats .views-field-field-bib-direccio{
    margin-top: -22px;
}
.view-biblioteques-del-crai .view-content ul li,
.view-crai-unitats .view-content  ul li{
    float: left;
    list-style:none;
    padding:10px 10px 10px 10px; /* POR HACER, PONER ESTO EN PORCENTAJES */
    margin-bottom: 20px;
    border:1px solid #4C8BBE;
    height: 320px;
}
.views-field-field-bib-horaris-especials{

}

/*** Título ***/
.view-biblioteques-del-crai ul li .views-field-title,
.view-crai-unitats ul li .views-field-title{
    font-weight:bold;
    margin:5px 10px 10px 20px; /* POR HACER, PONER ESTO EN PORCENTAJES */
    font-size:1.2em; /* 15/13 */
}

/*** Imagen ***/
.view-biblioteques-del-crai ul li .views-field-field-bib-imatge img,
.view-crai-unitats ul li .views-field-field-bib-imatge img{
    width: 230px !important;
    height: 200px !important;
    border: 1px solid #c2c2c2;
     margin: 0 20px 0 20px;	/* POR HACER PASAR A % */
     box-shadow: #4C8BBE 1px 1px 5px;
}
/*** Descripción ***/
/*
.view-crai-unitats .views-field-body{
    margin: 0 0 30px 20px;
}
*/
.view-crai-unitats .field-content{
/* 	margin-top: 10px; */
}
.view-biblioteques-del-crai .views-field-body,
.view-crai-unitats .views-field-body{
    margin: 0 0 30px 280px;
}
/*** Mapa ***/
.views-field-field-bib-mapa{
    position: relative;
    top: -30px;
    float: left;
    margin: 10px 25px 0 105px; /* POR HACER PASAR A % */
}
.view-biblioteques-del-crai ul li .views-field-field-bib-mapa iframe,
.view-crai-unitats ul li .views-field-field-bib-mapa iframe{
    width:130px !important;
    height:130px !important;
}
/*
.view-crai-unitats .views-field-field-bib-direccio{
    margin-top: 20px;
}
*/
/*
.view-crai-unitats .views-field-field-bib-imatge,
.view-crai-unitats .views-field-field-bib-direccio,
.view-crai-unitats .views-field-field-bib-cp,
.view-crai-unitats .views-field-field-bib-ciutat,
.view-crai-unitats .views-field-field-bib-horari,
.view-crai-unitats .views-field-field-bib-mail,
.view-crai-unitats .views-field-field-bib-telefon,
.view-crai-unitats .views-field-field-bib-en-5-minuts{
    float: none;
}
*/
/* AIXÓ S'HAURIA DE MIRAR DE ARREGLAR MILLOR */
.page-node-72 fieldset.group-bib-descripcio .field-name-body,
.page-node-73 fieldset.group-bib-descripcio .field-name-body,
.page-node-74 fieldset.group-bib-descripcio .field-name-body,
.page-node-75 fieldset.group-bib-descripcio .field-name-body,
.page-node-76 fieldset.group-bib-descripcio .field-name-body,
.page-node-126 fieldset.group-bib-descripcio .field-name-body,
.page-node-128 fieldset.group-bib-descripcio .field-name-body{
/*
    float: none;
    width: 90%;
    margin-left: 20px;
*/

}
#block-menu-menu-unitats-del-crai,
#block-menu-menu-men-bibliotecas{
    margin-top: 20px;
}

.view-biblioteques-del-crai .item-list ul.pager,
.view-crai-unitats .item-list ul.pager{
    position: absolute;
}
/****************************************************/
/*
/*     Biblioteca - Contingut
/*
/****************************************************/

/*** Títol ***/
.node-type-biblioteques h1.title a {
    text-decoration:none;
    color:white !important;

    background:#4c8bbe;
    padding:5px 8px; /* POR HACER, PONER ESTO EN PORCENTAJES */

    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

/* Pestanyes */
.horizontal-tabs ul.horizontal-tabs-list li.selected {
    background:#4c8bbe;
}
.horizontal-tabs ul.horizontal-tabs-list .selected strong  {
    color:white;
}
.horizontal-tabs ul.horizontal-tabs-list li {
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;

    border-style:solid;
    border-width:1px;
    border-color:#4c8bbe;

    position:relative;
    top:-20px;
    left: -1px;
    margin-right: 2px; /* POR HACER, PONER ESTO EN PORCENTAJES */
}
.horizontal-tabs ul.horizontal-tabs-list {
    background:white;
}
.horizontal-tabs {
    top:20px;
    border-color:#4c8bbe;
}
        /*** Descripció***/
.group-bib-descripcio a{
    text-decoration: none;
}

.field-name-field-bib-imatge img {
    width: 260px; /* POR HACER */
    height: 226px; /* POR HACER */
}

.field-name-field-bib-en-5-minuts,
.field-name-field-bib-guia,
.field-name-field-bib-video,
.field-name-field-bib-formacio,
.field-name-field-bib-exposicions{
    margin-top: 10px;
}

.node-type-biblioteques .field-name-field-bib-imatge{
    float: left;
}

.node-type-biblioteques .field-name-field-bib-guia{
/* 	float: left; */
}

.node-type-biblioteques .field-name-field-bib-guia .field-item{
    width: 260px;
    margin-bottom: 10px;
}

fieldset.group-bib-descripcio .field-name-body{
    float: right;
    width: 59%;
/* 	margin-top: -270px; */
}
.field-name-field-bib-horari,
.field-name-field-bib-horaris-especials{
    float: right;
    width: 60%;
    margin-top: 20px;
}

        /*** Contacte***/
.field-name-field-bib-mapa iframe{
    width:200px !important;/* 200px / 750px */ /* POR HACER, PONER ESTO EN PORCENTAJES */
    height:200px !important;
}
.field-name-field-bib-mapa {
    float:right;
    position:relative;
    top:-150px;
    right:20px;
}
.field-name-field-bib-responsable  {
/* 	float:left; */
    margin-right:20px; /* POR HACER, PONER ESTO EN PORCENTAJES */
}
.field-name-field-bib-telefon::before {
/*
    content: "Dades de contacte:";
    font-weight: bold !important;
*/
    margin-bottom: 5px;
}
.field-name-field-bib-cp,
.field-name-field-bib-ciutat,
.field-name-field-bib-direccio,
.field-name-field-bib-mail{
    margin-bottom: 5px !important;
}

.field-name-field-bib-ciutat{
    margin-left: 40px !important;
    width: 200px;
}
.field-name-field-bib-cp{
    float:left;
    margin-right:5px;
}
.field-name-field-bib-iconos{
    clear:both;
    float: right;
    margin-top:150px;
}
.field-name-field-bib-iconos img {
    margin:0 2px;
}

/****************************************************/
/*
/*     newsletters
/*
/****************************************************/
.node-type-simplenews .node-article .content {
    width: 600px !important;
}

/* Josep setembre 2016 per tal que no es vegi enllaç al butlletí web a la resta de butlletins */
.node-type-simplenews .field-name-field-simplenews-term {
    display: none !important;
}
/*
.node-type-article .field-name-body img[src*="/Noticies/"] {
*/

/*
div.node-type-article .field-name-body img{
    display: none;
}
*/

/*
div#newsletter_wrapper p img:first-child,
div#newsletter_wrapper div span img:first-child{
    display: none;

}
*/


/****************************************************/
/*
/*     avís
/*
/****************************************************/
#block-block-18{
    border-style:solid;
    border-width:1px;
/* 	border-color:#4c8bbe; */
/*	border-color:red; Toni 27/04/2020*/
    border-color:#4C8BBE;
    width: 218px;
    /*	padding: 10px; Toni 27/04/2020*/
    padding: 0 10px 0 10px;
    margin-bottom: 10px;
}

#block-block-18 h2{
    display: none;
}
.view-id-noticies_home .views-row{
    height: 90px;
}


/* CURSOS FORMACIÓ */
#bttn-formulari-inscripcio-curs{
    width: 180px;
    height: 20px;
    background-color: GhostWhite;
    border: 1px solid grey;
    font-size: 18px;
    padding: 15px;
    float: right;
    position: relative;
    bottom: 90px;
}
.view-recursos-d-autoformacio .node-readmore{
    display:none;
}

.view-recursos-d-autoformacio .view-header{
    margin-left: 40px;
}
#webform-client-form-3431 label{
    display: block;
    margin-bottom: 5px;
}

/* josep */
#subtitol-formacio{
    font-weight: bold;
    font-size: 1.25em;
    color: #0159a3;
    margin-top: 15px;
    margin-bottom: 10px;
}
#subtitol2-formacio{
    font-weight: bold;
    font-size: 1.20em;
    color: #0159a3;
    margin-bottom: 10px;
}
.imatge-formacio{
    width: 90px;
    float: left;
    margin-right: 20px;
}
.imatge-formacio img{
    width: 75px;
}
.text-formacio{
    padding: 5px;
    width: 100%;
    height: 80px;
}

.text-formacio ul li{
    margin-top: 5px;
    margin-left: 0;
    padding: 1px;
    list-style-image: url(../images/llista_petita.png);

}
.text-formacio-apartats{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    margin-bottom: 10px;
    font-size: 0.94em;
    line-height: 90%;
}
.text-formacio-apartats ul{
    margin:0 !important;
}
.text-formacio-apartats ul li:nth-child(1) {
    margin:0 !important;
}
.field-name-field_curs_formacio_correu_bu{
    display: none;
}
#webform-component-correu-bib-uni{
    display: none;
}
.view-cursos-de-formacio-programats .view-content::before{
        content: "Llista de cursos disponibles";
}
.view-calendar-curs-formaci- .view-content::before{
    display: none;
}

#block-views-calendar-curs-formaci-block-3{
    width: 250px;
    /* position: absolute; */
    /* left: 400px; */
    /* top: 200px; */
}

/* Firefox 3.0+ */
#block-views-calendar-curs-formaci-block-3{
    /* position: absolute; */
    /* left: 1400px; */
    /* top: 1200px; */
}

.view-calendar-curs-formaci- .date-nav {
    margin: 0 !important;
    padding: 0 !important;
}
#block-views-calendar-curs-formaci-block-3 h2{
    display: none;
}
.view-cursos-de-formacio-programats .views-field-title{
    width: 320px;
}
/* fi josep */

/* JOAN CERCADOR */
.tabs-cataleg-home .cercabib label,
.tabs-cataleg-home .cataleg label,
.tabs-cataleg-home .recerca label{
    width: 209px;
}
.tab-cataleg-home [type="radio"]:checked ~ label {
    width: 211px !important;
}
/* JOAN BIBLIOGRAFIA RECOMENADA esborrar el formulari de comentaris */
.node-type-bibliografia-recomenada #comments{
    display: none;
}


/*Toni - Vista expos virtuals*/

.view-id-enquestes_valoracio_exposicions_virtuals
{

width: 900px !important;


}


.view-id-resultados_encuestas_valoracion_exposiciones_virtuales
{

  width: 900px !important;
}

.expo-colum-ample{
    width: 30%;
    padding-left: 10px;

    }

.expo-colum-estreta{
    width: 10%;

}

.expo-capsa-estreta{

    background-color: #c8def0 ;
    font-size: 15px ;
}

.expo-capsa-ample{

    background-color: #c8def0 ;
    font-size: 15px ;
    padding-left: 10px;
}




/*Final Toni - Vista expos virtuals*/




/* -----------------------------------
ESTILS LLISTA CSS - INICI
-------------------------------------*/

.llista-triangle-blau {

    list-style-image: url('../css/imatges/llista_petita.png');
     margin-left: 10px;

}

.llista-quadrat-taronja {

    list-style-image: url('../css/imatges/quadrat_taronja.png');
     margin-left: -25px;
    margin-bottom: 5px;

}

.llista-triangle-blau2 {

    list-style-image: url('../css/imatges/triangle_blau_gros.png');
     margin-left: -25px;
    margin-bottom: 5px;
}

.llista-triangle-blau-espaiada {

    list-style-image: url('../css/imatges/llista_petita.png');
     margin-left: 10px;

}

.llista-triangle-blau-espaiada li{
    margin: 10px 0px;
}

.marc-blau-nou{
    border:1px solid #4c8bbe;
    border-radius:2px;
    margin:10px;
    padding:5px;
    font-weight: none;
}

/*
--------------------------------------
ESTILS LLISTA CSS - FINAL
--------------------------------------*/


/*--------------------------------------
TONI - TESAURUS - INICI
----------------------------------------*/

.page-node-4286 #menu_lateral{
    display:none !important;
}

.page-node-4286 #content{

    margin-left: 0px;
    width: 900px !important;
}

.page-node-4286 .node .content{
    width: 900px !important;
}


/*--------------------------------------
TONI - TESAURUS - FINAL
----------------------------------------*/


/*--------------------------------------
TONI- CERCABIB UNIC - INICI
---------------------------------------*/

.contenidor-cerca-cercabib { /* es el rectángulo contenedor */
    margin: 0px auto 0px;
    min-height: 176px;
    position: relative;
}

/* el contenido de las pestañas */
.content-cercabib-home {
    border: 1px solid #cfcccc /* blau */;
/*	border-top: none;	*/


    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 46%, #b3b1b1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#ffffff), color-stop(100%,#b3b1b1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 46%,#b3b1b1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 46%,#b3b1b1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 46%,#b3b1b1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 46%,#b3b1b1 100%); /* W3C */
    background: linear-gradient(to bottom, #ffffff 46%,#b3b1b1 100%); /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
/* 	background-color: #678; */
    bottom: 0;
    left: 0;
    overflow: hidden;
/*	padding: 20px;*/
    padding: 10px 0px 20px 0px;
    position: absolute;
    right: 0;
    top: 23px;
/*	padding-bottom: 40px;*/
}

/*
.content-cercabib-home p {
    height: 0 !important;
}
*/

img#iconacercabib{
    width: 30px;
    position: relative;
    left: 10px;
    top: 10px;
}

/*EL QUADRE DE CERCA CERCABIB*/

input#encoreSearchInput{
    width: 350px;
    height: 40px;
    padding-left: 35px;
    position:relative;
/*	top: 5px;*/
/*    bottom: 10px;*/
    background-image: url('../css/imatges/searchicon1.png');
    background-position: 5px 10px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    border: 1px solid #ddd;
}

/*EL BOTÓ DE CERCA CERCABIB*/

input#cercar_cercabib {
    width: 112px;
    height: 46px;
    background-color: #0159a3;
    color: #ffffff;
    text-emphasis: bold;
    border: 1px solid gray;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
/*	right: 70px;*/
    bottom: 46px;
/*    margin-left: 25px;*/
    font-weight: bold;
    font-size: 13px;
    opacity: 0.9;
    transition-property: opacity;
    display: block;
    -webkit-border-radius: 4px;
    left: 587px;

}

input#cercar_cercabib2 {
    width: 112px;
    height: 46px;
    background-color: #0159a3;
    color: #ffffff;
    text-emphasis: bold;
    border: 1px solid gray;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
/*	right: 70px;*/
    bottom: 55px;
/*    margin-left: 25px;*/
    font-weight: bold;
    font-size: 13px;
    opacity: 0.9;
    transition-property: opacity;
    display: block;
    -webkit-border-radius: 4px;
    left: 587px;

}

input#cercar_cercabib:hover{
    opacity: 1;
}

input#cercar_cercabib2:hover{
    opacity: 1;
}



/*PER PERSONALITZAR BLOC INFERIOR*/
.cercabib-home-bloc-inferior{

/*   padding-top: 15x;*/
/*    background-color: #e4e4e4 !important;*/
/*     float:left;*/
    width: 721px;
    height: 87px;
}

/*
.blocs-enllacos-cercabib-home{
    width: 24%;
    border: 1px solid #4C8BBE;
    float:left;

    }
*/

.enllacos-cercabib-home-bloc{
    float:left;
    padding: 5px 10px 0px 40px;

}

.enllacos-cercabib-home-bloc li{
    list-style: none;
    padding-bottom: 7px;
    border-left: 2px groove #275c8c;
    padding-left: 5px;

}



#cercabib-elmeucompte{
/*	float: left;*/
    position: relative;
    top: 15px;
    left: 587px;
    background-color: #ffffff;
    width: 112px;
    height: 46px;
/*	display: block;*/
    text-align: center;
/*	padding-top: 4px;*/

    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #eae1e1;
    cursor:pointer;
    line-height:15px;
}

#cercabib-elmeucompte a{
    color: #0159a3;
    font-weight: bold;
    font-size: 13px;
    position:relative;
    bottom: 58px;
    display: inline-block;
    height: 100%;
    width: 100%;

}


.content-cercabib-home-form{
    width: 721px;
    height: 55px;

}
#contenidor-cerca-cercabib-logo{
  padding: 12px 4px 0px 0px;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    width: 120px;
    height: 28px;
}


/*--------------------------------------
TONI - CERCABIB UNIV - FINAL
----------------------------------------*/

/*--------------------------------------
TONI - TESAURUS - INICI
----------------------------------------*/

.page-node-12074 #menu_lateral,
.page-node-12075 #menu_lateral,
.page-node-12076 #menu_lateral,
.page-node-12090 #menu_lateral{
    display:none !important;
}

.page-node-12074 #content,
.page-node-12075 #content,
.page-node-12076 #content,
.page-node-12090 #content{

    margin-left: 0px;
    width: 900px !important;
}

.page-node-12074 .node .content,
.page-node-12075 .node .content,
.page-node-12076 .node .content,
.page-node-12090 .node .content{
    width: 900px !important;
}

/*BOTO TORNAR THESAURUS*/

div#boto-tornar-thesaurus{
    float:right;
    position: relative;
     }

div#boto-tornar-thesaurus ul{
    list-style-type: none;
}

div#boto-tornar-thesaurus ul li a{
    text-align: center;
    padding: 8px 10px 8px 10px;
    background-color: #e5e5e5;
    text-decoration: none;
    border-radius: 5px;
    display: block;
    font-weight: bold;
}


/*MENUS I LOGO*/

ul#llist-menu-idiomes-thesaurus{
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

ul#llist-menu-idiomes-thesaurus li a{
    float:left;
    border-right: 1px solid #4d4c4c;
}

ul#llist-menu-idiomes-thesaurus li:last-child{
    border-right: none;
}


ul#llist-menu-idiomes-thesaurus li a{
    text-align: center;
/*    padding: 14px 8px;*/
    text-decoration: none;
/*    display: block;*/
    font-weight: bold;
    padding: 3px 5px 3px 5px;
    background-color: #666666;
    color: white;

}

ul#llist-menu-idiomes-thesaurus li a:hover{
    text-decoration: underline !important;
    text-decoration-style: solid !important;
    opacity: 0.5 !important;
}

div#menu-idiomes-thesaurus{
    margin-left: auto;
    margin-right: auto;
/*
    left: 320px;
top: 15px;
*/
    position: relative;
    width: 200px;
/*    padding: 10px 0px 25px 15px;*/
/*
    background-color: #e5e5e5;
    border-radius: 5px;
*/

}

li#menu-thesaurus-rounded-p a{
    border-radius: 5px 0px 0 5px;
}

li#menu-thesaurus-rounded-u a{
    border-radius: 0 5px 5px 0;
}


div#menu-opcions-thesaurus{
    float:right;
    position: relative;
    bottom:57px;
}

ul#llist-menu-opcions-thesaurus li a{
    text-align: center;
    padding: 8px 5px 8px 5px;
    background-color: #0059A2;
    color:white;
    text-decoration: none;
/*    border-radius: 5px;*/
    display: block;
    font-weight: bold;
}

div#bloc-logo-thesaurus{
    width: 25%;
}

div#bloc-logo-thesaurus img{
    width: 250px;
    height: 73px;
}

ul#llist-menu-opcions-thesaurus li a:hover{
    background-color: #666666;
    color: #ffffff !important;
}



ul#llist-menu-opcions-thesaurus{
    list-style-type: none;
    margin: 0;
    padding: 0;

  }

ul#llist-menu-opcions-thesaurus li{
    float:left;
    background-color: #397fb9;
    border-right: 1px solid white;
    }

ul#llist-menu-opcions-thesaurus li:last-child{
    border-right:none;
}




/*--------------------------------------
TONI - TESAURUS - FINAL
----------------------------------------*/


-------------------------------------------
/*     TONI - INICI -  TAULA DONANTS*/

-------------------------------------------*/



/*
#div-menu-crai-donants div{
   margin-left: 11px;
}
*/



table#taula-crai-donants {
    border: solid 1px grey;

}

table#taula-crai-donants tr {

    border: solid 1px #d6d6d6;
    height: 22px;
}

table#taula-crai-donants tr:hover{
      background-color: #d6d6d6;

    }


table#taula-crai-donants td{
    padding-left: 10px;
}

td#taula-crai-donants-lletra a{

    font-size: 1.7em;
}

ul#menu-crai-donants{
 list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #0059A2;

}


ul#menu-crai-donants li {
    float: left;
    border-right: 1px solid #bbb;
}


ul#menu-crai-donants li:last-child{
    border-right: none;
}

ul#menu-crai-donants li a{
    display:block;
    color: white;
    text-align: center;
    padding: 10px 8px 10px 8px;
    background-color: #0059A2;
    font-weight: bold;
}


ul#menu-crai-donants li a:hover{
    background-color: #002f55;

}


div#capsa-menu-crai-donants {

   margin-left: 11px;
}

div#taula-crai-donants-cercador input#DonantsMyInput{
    width: 50%;
    height: 20px;
    position: relative;
    margin: 30px 0 15px 11px;
    border: 1px solid #d0cbcb;
    background-image: url('../css/imatges/searchicon1.png');
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding: 10px 20px 10px 40px;
    font-size: 15px;
}


/*
-------------------------------------------
     TONI - FINAL -  TAULA DONANTS

-------------------------------------------*/
*/



/*
----------------------------------------------
        FONS PERSONALS - COLS ESPECIALS
----------------------------------------------
*/





table#taula-coleccions-especials {
    border: solid 1px grey;

}

table#taula-coleccions-especials tr {

    border: solid 1px #d6d6d6;
/*    height: 22px;*/
}
table#taula-coleccions-especials td{
     padding: 5px 5px 5px 10px;
}

td#taula-crai-coleccions-lletra a{
    color: #5C5C5C;
    font-size: 1.7em;
}

.capsa-menu-coleccions-especials {

position: relative;
    left:10px;
/*    bottom: 15px;*/

}

ul#menu-coleccions-especials{
 list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #0059A2;

}

ul#menu-coleccions-especials li {
    float: left;
    border-right: 1px solid #b0b0b0;
}


ul#menu-coleccions-especials li:last-child{
    border-right: none;
}

ul#menu-coleccions-especials li a{
    display:block;
    color: #0059A2;
    text-align: center;
    padding: 10px 8px 10px 8px;
    background-color: #e0e0e0;
    font-weight: bold;
}


ul#menu-coleccions-especials li a:hover{
    background-color: #b4b4b4;

}

a.col-lletra-buida{
    cursor:no-drop;
    background-color: #e0e0e0;
}


/*
*
-----------------------------------------------
FINAL - COLS ESPECIALS
-----------------------------------------------*/
*/



/*
-------------------------------------------------
    LLICENCIES D US
------------------------------------------------
*/



.node-type-llicencies-us table.group_llicencia_columna1{
    border-bottom: none;
}

.node-type-llicencies-us table.group_llicencia_columna2{
    border-top:none;
}

.node-type-llicencies-us caption{
    display:none;
}

.node-type-llicencies-us div.field-label-hidden{
    margin:10px 5px 10px 10px;
}

.node-type-llicencies-us th.field-label{
    width: 250px;
    border: 1px solid grey;
    padding-left: 10px;
    background-color: #f6f6f6;
}

.node-type-llicencies-us td.field-content{
    width: 350px;
    border: 1px solid grey;
    vertical-align: middle;
}

.node-type-llicencies-us table{
    border: 2px solid #959393;
    margin-left: auto;
    margin-right: auto;
}

.node-type-llicencies-us table.group_llicencia_columna1{
    border-bottom: none;
}

.node-type-llicencies-us table.group_llicencia_columna2{
    border-top:none;
}
/*
-------------------------------------------------
    LLICENCIES D US FINAL
------------------------------------------------*/


/*
----------------------------------------------------
    TAULA - GUIA GENERAL REFERENCIA
----------------------------------------------------
*/


div#capsa-taula-general-referencia1{
/*    width: 195px;*/
    position: relative;
    left:50px
}


div#capsa-taula-general-referencia2{
/*    width: 195px;*/
    float:right;
    position: relative;
    bottom: 330px;
    -webkit-margin-before: 30px;
    right: 200px;
}

table#taula-general-referencia tr:hover
{
    background-color: #ebeaea;
}

table#taula-general-referencia td
{
    padding: 7px 10px 7px 5px;
}

table#taula-general-referencia tbody{
    border-top:none;
}

table#taula-general-referencia{

background-color: #f6f6f6;
width: 195px;
    }


/*
----------------------------------------------------
    TAULA - GUIA GENERAL REFERENCIA - FINAL
----------------------------------------------------
*/


/*
----------------------------------------------
        BIBLIOGRAFIA RECOMANADA - INICI
----------------------------------------------
*/


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


.vistabibrecomanada {

/*    background-color: #e8e8e8;*/
    border:1px solid #4C8BBE;
/*    height: 650px;*/
}

.vistabibrecomanada .views-exposed-form {
/*    border: 1px solid red;*/
}

.vistabibrecomanada .view-header{
    height: 370px;
    margin-bottom: 25px;
}

.vistabibrecomanada .view-header{
    margin-bottom: 70px;
}

/*.vistabibrecomanada .view-content div,*/
.vistabibrecomanada .view-header div{
    padding: 10px 10px 20px 10px;

}
.vistabibrecomanada .view-footer div {
    padding: 20px 5px 5px 10px;
}

.vistabibrecomanada .view-filters {
margin-left: 10px;
}

.vistabibrecomanada .view-content{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
}

input#edit-submit-bibliografia-recomanda {
    float: left;
    position: relative;
    bottom: 6px;
    left: 20px;
    -webkit-margin-before: 20px;
  }

#imatge-capcalera-bib-recomanada img{
    width: 650px;
    padding: 10px 10px 0px 10px;
}

#imatge-peu-bib-recomanada{
    width: 200px;
}


#imatge-peu-bib-recomanada img{
    width: 150px;
    height: 35px;
}

#text-peu-bib-recomanada{
    width: 470px;
    float: right;
    position:relative;
    bottom: 75px;
}


.vistabibrecomanada .view-footer{
    height: 170px
}

#text2-capcalera-bib-recomanada{
    float:left;
    margin-top:-80px;
}
#text3-capcalera-bib-recomanada{
    float:left;
    margin-top:-35px;
}
/*
----------------------------------------------
        BIBLIOGRAFIA RECOMANADA - FINAL
----------------------------------------------
*/



/*
-----------------------------------------------
    CORREGIR POSICIO INPUT CAMPANYES DIFUSIO
-----------------------------------------------*/

input#edit-submit-campanyes-de-difussi-{
    margin-top: 14px;
}


/*
-----------------------------------------------
CORREGIR POSICIO INPUT CAMPANYES DIFUSIO - FI
-----------------------------------------------
*/


/*
-----------------------------------------------
SUPRIMIR USUARI I DATA DE LES CERQUES
------------------------------------------
*/



.search-snippet-info p.search-info {
    display:none;
}

/*
-----------------------------------------------
    CORREGIR POSICIO APLICA VISTES
-----------------------------------------------*/

.views-exposed-form .views-exposed-widget .form-submit{
    margin-top: 1.1em;
}



/*
------------------------------------------------
    RECURSOS-E NO INDEXATS CERCABIB
-------------------------------------------------*/

table#taula-recursos-noindexats {
    border: solid 1px grey;
    margin-left: 50px;
/*    margin-right: auto;*/
    width: 80%;

}

table#taula-recursos-noindexats tr {

    border: solid 1px #d6d6d6;
/*    height: 22px;*/
}
table#taula-recursos-noindexats td{
     padding: 5px 5px 5px 10px;
}

td#taula-recursos-noindexats a{
    color: #883F3F;
    font-size: 1.7em;
}

.capsa-menu-recursos-noindexats {

position: relative;
    left:30px;
/*    bottom: 15px;*/

}

ul#menu-recursos-noindexats{
 list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #0059A2;

}

ul#menu-recursos-noindexats li {
    float: left;
    border-right: 1px solid #b0b0b0;
}


ul#menu-recursos-noindexats li:last-child{
    border-right: none;
}

ul#menu-recursos-noindexats li a{
    display:block;
    color: #0059A2;
    text-align: center;
    padding: 10px 8px 10px 8px;
    background-color: #e0e0e0;
    font-weight: bold;
}


ul#menu-recursos-noindexats li a:hover{
    background-color: #b4b4b4;

}




/*

--------------------------------------------------
*/


/*
------------------------------------------------
    VISTA GUARDES
-----------------------------------------------
*/



.view-id-papers_decorats_reserva .node .content{
    width: 220px;
    height: 280px;
/*    margin-left: 40px;*/
    padding: 10px;
    border: none;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.view-id-papers_decorats_reserva h2 {
    display:none;
}

.view-id-papers_decorats_reserva .views-exposed-form{
    margin-left: auto;
    margin-top: 25px;
    margin-bottom: 35px;
    background-color: #f4f4f4;
    width: 330px;
    border-radius: 5px;
    padding: 0 0 5px 30px;
    margin-right: auto;
    box-shadow: 0 1px 5px 0 rgb(9, 85, 133);
}

.view-id-papers_decorats_reserva .form-item-field-taxonomia-tid{
    margin-top: 10px;
}

.view-id-papers_decorats_reserva img{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.view-id-papers_decorats_reserva .field-name-field-url {
    text-align: center;
}

.view-id-papers_decorats_reserva .field-name-field-tipus-de-paper {
    text-align: center;
    font-weight: bold;
}


.view-id-papers_decorats_reserva .node .field{
   margin: 1px 0 5px 0;

}

div#text-papers-decorats-reserva{
    padding: 8px 5px 8px 5px;
}

.view-id-papers_decorats_reserva ul.links.inline{
    position: relative;
    bottom: 330px;
    left:50px;
}

.views-widget-filter-field_tipus_de_paper_tid label{
    color: #0059A2;
    margin-bottom: 5px;
}

.views-exposed-form .views-exposed-widget .form-submit{
    margin-top: 1.4em;
    background-color: #0059A2;
    color: white;
/*    font-weight: bold;*/
    border-color: #0059A2;
    border-radius: 4px;
}
.views-exposed-form .views-exposed-widget .form-submit:hover{
    background-color: #003e71;
}

.view-id-papers_decorats_reserva div.view-footer {

    font-weight: bold;

    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;


    width: 200px;
    background-color: #e9e9e9;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/



/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
VISTA RESULTATS ENQUESTES CURSOS FORMACIÓ
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.resultats-enquestes-satisfaccio table {
    width: 950px;
}

.resultats-enquestes-satisfaccio table th {
    text-align: center;
    background-color: #dcdbdb;
}

.resultats-enquestes-satisfaccio table th:first-child{
    width: 9%;
}

.resultats-enquestes-satisfaccio table th:last-child{
    text-align: left;
    min-width: 30%;
}

.resultats-enquestes-satisfaccio table th:nth-child(2){
    width: 12%;
}

.resultats-enquestes-satisfaccio table td{
    text-align:center;
}

.resultats-enquestes-satisfaccio table td:last-child{
    text-align: left;
}

.resultats-enquestes-satisfaccio table tr.even {
    background-color: #fbf9f9;
}

.resultats-enquestes-satisfaccio .form-submit {
    position:relative;
    bottom: 5px;
}


/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/


/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
        PATRIMONI BIBLIOGRÀFIC

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.page-node-510 .node .content,
.page-node-1193 .node .content,
.page-node-1745 .node .content{
    width: 730px;
    padding: 20px 0px 20px 10px;
}

.patri-digital-tot{
    box-sizing:border-box;
}

.patri-digital-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
/*    justify-content: space-around;*/
    align-content: space-around;
}

.patri-digital-flex::after{
    content: "";
  clear: both;
  display: table;

}

.patri-digital-item{
    float: left;
/*    width: 27%;*/
    padding: 20px 21px 0 20px;
    position: relative;
}

.patri-digital-item-img img {
    width: 200px;
    height: 200px;
    border-radius: 10px;

}

.patri-digital-item-text {
  position: absolute;
  bottom: 3px;
  left: 20px;
  right: 0;
  background-color: rgba(0, 0, 0, 0.54);
  overflow: hidden;
  width: 200px;
  height: 25%;
  transition: .5s ease;
  text-align: center;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;

}

.patri-digital-item-text:hover{
    height: 65%;
}

.patri-digital-item-text span#digicols-tit {

    font-size: 18px;
    color: #f1f1f1;
    display:block;
    margin-top: 22px;
}

.patri-digital-item-text span#digicols-tit2 {

    font-size: 18px;
    color: #f1f1f1;
    display:block;
    margin-top: 1px;
    line-height: 1em;
}

.patri-digital-item-text span#digicols-tit3 {

    font-size: 18px;
    color: #f1f1f1;
    display:block;
    margin-top: 10px;
    line-height: 1em;
}

.patri-digital-item-text span#digicols-subtit1 {
    font-size: 14px;
    color: #f1f1f1;
    font-weight: bold;
}

.patri-digital-item-mes{
    display: block;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;

    width: 80px;
/*    left: 50px;*/
    left: 55px;
    border-radius: 5px;

    color: white;
/*    bottom: 10px;*/
    bottom: 15px;
    opacity: 0;
    text-align: center;

}

.patri-digital-item-text:hover .patri-digital-item-mes{
    opacity: 1;
    transition: .5s ease;
}

.patri-digital-item-img:hover .patri-digital-item-text{
    height: 65%;
}

.patri-digital-quadre-text div#marc-taronja,
.patri-digital-quadre-text div
{
    margin: 10px 27px 0px 19px;
}

/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
       COL.LECCIONS DIGITALS

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.page-node-13564 .node .content,
.page-node-1203 .node .content,
.page-node-238 .node .content{
    width: 730px;
    padding: 20px 0px 20px 10px;
}

.neocoldig-digital-tot{
    box-sizing:border-box;
}

.neocoldig-digital-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
/*    justify-content: space-around;*/
    align-content: space-around;
}

.neocoldig-digital-flex::after{
    content: "";
  clear: both;
  display: table;

}

.neocoldig-digital-item{
    float: left;
/*    width: 27%;*/
    padding: 20px 15px 0 2px;
    position: relative;
    margin-bottom: 15px;
}

.neocoldig-digital-item-img img {
    width: 165px;
    height: 165px;
    border-radius: 10px;

}

.neocoldig-digital-item-text {
  position: absolute;
  bottom: 3px;
/*
  left: 20px;
  right: 0;
*/
  background-color: rgba(0, 0, 0, 0.56);
  overflow: hidden;
  width: 165px;
  height: 27%;
  transition: .5s ease;
  text-align: center;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;

}

/*
.neocoldig-digital-item-text:hover{
    height: 100%;
}
*/

.neocoldig-digital-item-text span#digicols-tit1 {

    font-size: 14px;
    color: #f1f1f1;
    display:block;
    margin-top: 18px;
    font-weight: bold;
}
.neocoldig-digital-item-text span#digicols-tit2 {

    font-size: 14px;
    color: #f1f1f1;
    display:block;
    margin-top: 10px;
    font-weight: bold;
}

.neocoldig-digital-item-text span#digicols-tit3 {

    font-size: 14px;
    color: #f1f1f1;
    display:block;
    margin-top: 1px;
    font-weight: bold;
}


.neocoldig-digital-item-text span#digicols-subtit1 {
    font-size: 13px;
    color: #f1f1f1;

}

.neocoldig-digital-item-mes{
    display: block;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;

    width: 80px;
/*    left: 50px;*/
    left: 40px;
    border-radius: 5px;

    color: white;
/*    bottom: 10px;*/
    bottom: 10px;
    opacity: 0;
    text-align: center;

}

.neocoldig-digital-item-text:hover .neocoldig-digital-item-mes{
    opacity: 1;
    transition: .5s ease;
}

.neocoldig-digital-item-img:hover .neocoldig-digital-item-text{
    height: 65%;
}

.neocoldig-digital-quadre-text div#marc-taronja,
.neocoldig-digital-quadre-text div
{
    margin: 10px 27px 0px 19px;
}

/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/




/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
        FONS PERSONALS

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
.page-node-221 .node .content,
.page-node-1199 .node .content,
.page-node-13563 .node .content{
    width: 730px;
    padding: 20px 0px 20px 10px;
}

.fonspers-digital-item-text{
     position: absolute;
  bottom: 3px;
  background-color: rgba(0, 0, 0, 0.56);
  overflow: hidden;
  width: 165px;
  height: 24%;
  transition: .5s ease;
  text-align: center;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.fonspers-digital-item-text:hover{
    height: 64%;
}

.fonspers-digital-item-text span#fonspers-tit1 {

    font-size: 14px;
    color: #f1f1f1;
    display:block;
    margin-top: 17px;
    font-weight: bold;
    line-height: 1.1;
}

.fonspers-digital-item-text span#fonspers-tit2 {

    font-size: 14px;
    color: #f1f1f1;
    display:block;
    margin-top: 17px;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: -0.5px;
}

.fonspers-digital-item-text span#fonspers-tit3 {
    margin-top: 7px;
    font-size: 14px;
    color: #f1f1f1;
    display:block;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: -0.5px;
    }

.fonspers-digital-item-text span#fonspers-subtit1 {
    font-size: 13px;
    color: #f1f1f1;

}



.fonspers-digital-item-text:hover .neocoldig-digital-item-mes{
    opacity: 1;
    transition: .5s ease;
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


/*

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
        AFFLUENCES
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
*/


div.affluences-counter.affluences-div div.title,
div.affluences-counter.affluences-div div.owner{
    display:none;
}

div.affluences-div a canvas{
    max-width: 85% !important;
}

/*????????????????????????????????????????????????*/

/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
       COL.LECCIONS ESPECIALS
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.page-node-13609 .node .content{
    width: 730px;
    padding: 20px 0px 20px 10px;
}

.neocolsesp-digital-item-text{
     position: absolute;
  bottom: 3px;
  background-color: rgba(0, 0, 0, 0.56);
  overflow: hidden;
  width: 165px;
  height: 24%;
  transition: .5s ease;
  text-align: center;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.neocolsesp-digital-item-text:hover{
    height: 64%;
}

.neocolsesp-digital-item-text span#neocolsesp-tit1 {

    font-size: 14px;
    color: #f1f1f1;
    display:block;
    margin-top: 17px;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: -0.5px;
}

.neocolsesp-digital-item-text span#neocolsesp-tit2 {

    font-size: 14px;
    color: #f1f1f1;
    display:block;
    margin-top: 8px;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: -0.5px;
}

.neocolsesp-digital-item-text span#neocolsesp-tit3 {

    font-size: 14px;
    color: #f1f1f1;
    display:block;
    margin-top: 0px;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: -0.5px;
}
.neocolsesp-digital-item-text span#neocolsesp-tit4 {

    font-size: 14px;
    color: #f1f1f1;
    display:block;
    margin-top: 0px;
    font-weight: bold;
    line-height: 1.03;
    letter-spacing: -1px;
    margin-bottom: -9px;
}

.neocolsesp-digital-item-text span#neocolsesp-subtit1 {
    font-size: 13px;
    color: #f1f1f1;

}

.neocolsesp-digital-item-text:hover .neocoldig-digital-item-mes{
    opacity: 1;
    transition: .5s ease;
}

/*????????????????????????????????????????????????*/

/*

&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
        VISITANTS
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

.imatge-arrodonida-5pixels{
    border-radius:5px;
}

div#visitants-titol {
    display:none;
}

/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/



/*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
    INICIEU-VOS EN CRAI
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
*/

.inicieuvos-titol{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    background-color: #e2e2e2;
    border-radius: 5px;
}

.inicieuvos-titol p {
    color: #494848;
    font-weight: bold;
    padding: 6px 0 6px 14px;
    font-size: 1.2em;
}

.inicieuvos-central{
    width: 90%;
    margin-left: 65px;

}

.inicieuvos-central-flex{

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: space-around;
    justify-content: space-around;
}

.inicieuvos-central-flex::after{
/*    content: "";*/
  clear: both;
  display: table;

}

.inicieuvos-central-item {
    position: relative;
    padding: 20px 0 10px 0;
    width: 50%;
}

.inicieuvos-central-item img{
    border-radius: 10px;
    width: 80%;
}

.inicieuvos-central-item img:hover{
    filter: drop-shadow(0 0 5px blue);
}

div#inicieuvos-peu1 img{
    border-radius: 10px;
    margin-left: 65px;
}

div#inicieuvos-peu1 img:hover{
    filter: drop-shadow(0 0 5px blue);
}

div#inicieuvos-peu2{
    display:none;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

/*
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
        ERASMUS STAFF
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/

div.erasmus-staff-content{
    height: 780px;
}

div.erasmus-staff-gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 210px;
    margin-top: 50px;
    margin-left: 100px;
}

div.erasmus-staff-gallery:hover {
  border: 1px solid #777;
}

div.erasmus-staff-gallery img {
  width: 100%;
  height: auto;
}

div.erasmus-staff-desc {
  padding: 10px;
  text-align: center;
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/



/*
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
CRAI EN XIFRES
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

table#taula-crai-xifres{
width: 70%;
font-size: 15px;
margin-left: auto;
margin-right: auto;
border: 1px solid #ddd;
border-radius: 5px;
border-collapse: separate;
}

table#taula-crai-xifres tr{
    height: 25px;
}

table#taula-crai-xifres tr:nth-child(even) {background: #f2f1f1}
table#taula-crai-xifres tr:nth-child(odd) {background: #fbfbfb}

table#taula-crai-xifres td{
    padding-left: 8px;
}

img#taula-crai-xifres-img{
    width: 100%;
    margin-left: 7px;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


/*

WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
        CORONAVIRUS
WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
*/

li#idcoronavirus {display:none;}

div#block-block-24 img{display:none;}

div#covid-imatge{
    width: min-content;
    margin-left: auto;
    margin-right: auto;
}

div#covid-imatge img{
    border-radius: 5px;
}

div#covid-titol {
    display:none;
}

/*

WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
        Afegeixo aquest display none per a que no es
mostrin els horaris normals a les fitxes de les biblios
WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
*/


.views-field-field-bib-horari,
.field-name-field-bib-horari div {display:none;}

/*
----------------------------------------------
    TREURE ICONA PDF HOME
---------------------------------------------
*/

a.iconapdfhome{background: none;}

/*
66666666666666666666666666666666666666666666666666666666666666
        ACCORDION
777777777777777777777777777777777777777777777777777777777
*/
.ckeditor-accordion-container{width: 90%; margin-right: auto; margin-left: auto;}

.ckeditor-accordion-container dl dd  {padding: 15px 15px;}

.ckeditor-accordion-container dl dt a {
    background-color: #0059a2;
    font-weight: bold;
}

/*88888888888888888888888888888888888888888888888888*/

/*