/*
 *font-family: 'Montserrat', sans-serif;
 *font-family: 'Lora', serif;
 */

/* Generics
----------------------------------------------*/
body{font-size:62.5%;background:#fff; font-family:'Lora', serif; font-weight: 300; color:#000; padding:0; margin:0; line-height:1.5;}

a{color:#b10a22;text-decoration:underline;}
a:hover{text-decoration:underline !important;}
h1,h2,h3,h4, .h1, .h2, .h3, .h4{color:#000;margin:0;padding:0;font-family: 'Lora', serif; font-weight: 400;}
h1, .h1{
    font-size: 30px;
    font-size: calc(28px + (36 - 28)*(100vw - 300px)/(1800 - 300));
    line-height: 1;
}
h2, .h2{
    font-size: 24px;
    font-size: calc(22px + (26 - 22)*(100vw - 300px)/(1800 - 300));
    line-height: 1.1;
}
h3, .h3{
    font-size: 20px;
    font-size: calc(18px + (24 - 18)*(100vw - 300px)/(1800 - 300)); 
}
h4, .h4{
    font-size: 16px;
    font-size: calc(14px + (22 - 14)*(100vw - 300px)/(1800 - 300)); 
}
h1 a, h2 a, h3 a, h4 a{
    text-decoration: none;
}
img{border:0;display:block;}
form,p,li{margin:0;padding:0;}
input{color:#000;}
ul{margin:0;padding:0;list-style:none;}
th{font-family: 'Lora', serif; font-weight: 400;}


/* Layout
----------------------------------------------*/
#contenidor{margin:0 5%;background:#fff;
    font-size: 16px;
    font-size: calc(14px + (16 - 14)*(100vw - 300px)/(1800 - 300));
}
#capcalera{height:110px;margin:2em 0;}
#capcalera h1{
    line-height: 1;
    font-size: 35px;
}
#capcalera h1 span{max-width: 20em;}
#capcalera img{float:left;}
#capcalera p,#capcalera h1{float:right; width: 80%; padding:40px 0 0;}
#cos{overflow:hidden;}
#menu{float:left; width:20%;}
#contingut{position: relative; float:right; width:80%;padding:0 0 3em;}
#peu{clear:both; margin: 1em 0 0; border-top:1px solid #bababa; padding:1em 0; text-align:center;overflow:hidden;font-size:.8em;}
#peu ul{
    display: inline-block;
}


/* Menu
----------------------------------------------*/
#menu{font-size:1em; color:#000; padding-bottom: 3em;}
#menu ul{overflow:hidden;}
#menu li{display:block; margin:0 0 1px; border-bottom:1px solid #fff; font-size: 1.2em;}
#menu li a{display:block;padding:0; color:#000;text-decoration: none;}
#menu li ul{padding:2px 0 5px;}
#menu li li {margin:0;border:none;}
#menu li li a{background:url(../img/bg_item_submenu.gif) no-repeat 0 .8em;padding: 0 0 0 1.2em; font-size: .8em;}
#menu li a:hover{color:#000;text-decoration:none;}
#menu li ul{display:none;}
#menu li#m-home {padding: 1em 0 0; color: #000; border-top: 1px solid #a3a3a3; margin: 0 3em 0 0em;}

/*items del menu actius segons id del body*/
#p-home #m-home a span,#p-presentation #m-presentation a span,#p-activities #m-activities a span,#p-people #m-people a span,#p-projects #m-projects a span,#p-visit-us #m-visit-us a span,#p-links #m-links a span,#p-contact-us #m-contact-us a span{color:#b10a22;}
/*items del submenu actius segons id del body*/
#p-seminar #m-seminar a,#p-colloquium #m-colloquium a,#p-conferences #m-conferences a,#p-reading-groups #m-reading-groups a, #p-other-talks  #m-other-talks a, #p-grg #m-grg a,#p-all-activities #m-all-activities a, #p-members #m-members a,#p-students #m-students a, #p-PhDs #m-PhDs a, #p-associates #m-associates a, #p-FormerPostdocs #m-FormerPostdocs a, #p-visitors #m-visitors a,#p-all-activities #m-all-activities a{color:#b10a22; font-weight: 700;}
/*submenus actius segons id del body*/
#p-activities #m-activities ul, #p-seminar #m-activities ul,#p-colloquium #m-activities ul,#p-conferences #m-activities ul,#p-reading-groups #m-activities ul,#p-other-talks #m-activities ul,#p-grg #m-activities ul,#p-all-activities #m-activities ul,#p-the-blogos #m-activities ul,#p-people #m-people ul,#p-members #m-people ul,#p-students #m-people ul,#p-associates #m-people ul, #p-PhDs #m-people ul, #p-FormerPostdocs #m-people ul, #p-visitors #m-people ul{display:block;}


/* Contingut
----------------------------------------------*/
.linkable{cursor: pointer;}
.link:after{
    content:"\2192";
    display: inline-block;
    margin-left: .6em;
    font-size: .8em;
}

/*home*/
.agenda{float:left; width:45%;margin:0 0 30px;}
.agenda .capcalera-agenda{position: relative;}
.agenda h2{ padding: .8em 0 .4em; color:#000;border-top:1px solid #a3a3a3;}
.agenda .mes-info{position: absolute; right:0; top: .8em;padding:6px 0 0;font-size:1.1em;text-align:right;}
.agenda .mes-info a{text-decoration: none;}
.agenda h3{ color:#000;font-size: 1.2em; line-height:1.1em; margin-bottom:5px;}
.agenda li{padding:1em 0; overflow:hidden; border-top: 1px solid #d9cfca;}
#seminar .agenda li{ border:none;}
.agenda li.primer{border: none;}
.agenda li .data-lloc{float:right;width:30%; color:#666;font-size: .9em;}
.data-lloc a{text-decoration: none;}
.agenda li .info{float: left;width: 65%;}
.agenda li .info a{text-decoration: none;}

.next-events{float:right; width: 45%;}
.next-events .agenda{float: none;width: auto;}
#news{border:none;margin-bottom:0;}
#news ul{border:none;}
#news li{border-top:1px solid #d9cfca;background-image:none;}
#news li.primer{border:none;}
#news .capcalera-agenda{ border:none;margin:0;}
#calendar-home a{text-decoration: none;}

/*activities*/

#p-people #contingut{margin:0 0 30px;}
.row{overflow:hidden;}
.row .seccio{float:left;width:45%;}
/* .row .primera h2{padding-top:25px} */
.row .right{float:right;}
.seccio{
    padding-bottom: 2em;
}
.seccio h2{
    padding: .8em 0 1em;
    color: #000;
    border-top: 1px solid #a3a3a3;
}

/*seminar archive*/
.arxiu h1{border-top:1px solid #a3a3a3;padding: .8em 0 1em;}
.arxiu{float:left; width:83%;}
.arxiu .capcalera-arxiu{margin:0 0 10px;}
.arxiu .capcalera-arxiu p{font-size:1.1em;}
.arxiu .info h2{padding:0 0 4px; font-size:1.2em; }
.arxiu .info h2 a{text-decoration: none;}
.arxiu .mes-info{float:right;width:25px;padding:6px 0 0;font-size:1.1em;text-align:right;}
.arxiu h3{display:inline; color:#000; /* font-family: Montserrat, sans-serif; */ font-size: 1.2em}
.arxiu li{padding:1em 0; overflow:hidden; border-top: 1px solid #d9cfca;}
.arxiu li .info{float:left; width:65%; }
.arxiu li .info a{
    text-decoration: none;
}
.arxiu li .data-lloc{float:right;width:30%; text-align: right; color: #666;min-width: 10em;}
#arxius{float:right; width: 6em;}
#arxius h2{color:#000;border-top:1px solid #a3a3a3;padding:1.1em 0;font-size: 1.4em;}
#arxius h2 a{text-decoration: none;}
#arxius li{color:#666;padding:2px 0 2px;}
#arxius li a{display:inline-block;color:#333;text-align:center;text-decoration: none;padding: 0 .5em;}
#arxius li a.on{background:#7f1900;color:#fff;}



/*seminar card*/
#fitxa{float:left; width:83%;}
#fitxa h2{border-top:1px solid #a3a3a3;padding: .8em 0 1em;}
#back{
    color: #000;
    border-top: 1px solid #a3a3a3;
    padding: 1.1em 0;
    font-size: 1.1em;
    width: 6em;
    float: right;
}
#back a{
    text-decoration: none;
    
}
#back > a{
    font-family: 'Lora', serif; font-weight: 400;
}
#fitxa .dades{margin:0 0 25px;}
#fitxa .dades p{margin: 0;}
#fitxa .autors p{margin: 0 0 .3em; color:#666;}
#fitxa .dades li{padding:1em 0; overflow:hidden; }
#fitxa .dades h3{ margin: 0 0 .5em;}
#fitxa .dades h4{}

#fitxa .autors ul{margin:0 0 15px;font-size:1.1em;}
#fitxa .autors ul h3{display:inline;padding:0 3px 0 0;font-size: 1.2em;}
#fitxa .autors ul h3 a{text-decoration: none;}
#fitxa .autors li{padding:0 0 3px;}
#fitxa .publicacions li{margin:0 0 15px;}
#fitxa .publicacions li p{}

/*members*/
.members h2{border-top:1px solid #a3a3a3;padding: .8em 0 1em;}

.members .grup{color:#666;margin:0 0 15px;overflow:hidden}
.members .grup div{font-size: 1.4em;color:#000;margin:0 0 6px;}
.members .grup ul{margin:0 0 1em;}
.members .grup ul h3{display:inline;padding:0 .2em 0 0; font-family: 'Lora', serif; font-size: 1.2em;}
.members .grup .esq{float:left;width:45%;}
.members .grup .dreta{float:right;width:45%;}



/*member card*/
.foto{float:right;width:150px;text-align:center;}
.foto img{margin:0 auto;}
#back-members{float:right;width:150px;font-size:1.1em;font-weight:bold; padding:11px 0 3px;border-bottom:1px solid #a3a3a3;text-align:center;margin:0 0 4px;}
#fitxa-member{float:left; width:563px;}
#fitxa-member h2{font:1.8em;border-top:1px solid #a3a3a3;padding: .8em 0 1em;}
#fitxa-member .dades{color:#666;margin:0 0 35px;padding:0 0 0 10px;}
#fitxa-member .dades li{padding:0 0 3px;}
#fitxa-member .dades p{font-size:1.1em;}
#fitxa-member .dades h3{font-size: 1.4em; font-weight: bold;color:#000;margin:0 0 6px;}
#fitxa-member .dades h4{font-size: 1.1em; font-style: italic;}

#fitxa-member .destacat{ gbackground:#fff0e7; background:#eee; padding:12px 10px 13px;min-height:95px;margin:0 0 22px;}
#fitxa-member .destacat h3{margin:0;font-weight:normal;margin:0 0 2px;}
#fitxa-member .destacat h4{font-size: 1.2em; color:#666;}
#fitxa-member .presentacio p{margin:0 0 13px;}
#fitxa-member .publicacions li{margin:0 0 15px;}
#fitxa-member .links li{font-size:0.9em !important;padding:0 0 5px;}
#fitxa-member .contacte div{padding:0 0 6px;}

/*projects*/
#projects h2{padding:0 0 .2em; font-size: 1.2em;}
#projects li{padding:1em 0; overflow:hidden; border-top: 1px solid #d9cfca;}
#projects.arxiu h3{font-family: 'Lora', serif; font-size: 1em;}

/*news*/
.noticies .info h2{color:#000;}
/* .noticies li{background-image:url(../img/bg_data_lloc.gif);} */
.noticies li{background-image:none;}
.noticies h1{margin-bottom:0;}
.noticies .capcalera-arxiu {margin-bottom:5px;}

/*presentation*/
#presentation-columna1{
    border-top: 1px solid #d9cfca;
    padding-top: 1em;
}
#presentation-columna2{}
.presentation{padding:0; max-width: 50em;}
.presentation h1{font-size: 1em;
display: inline;
line-height: 1em;
padding: 0 .3em 0 0;}
.presentation ul{margin:13px 0 0;}
.presentation li{margin: 0 0 4px;}
.presentation p{margin:0 0 10px;}

/*pages*/

.text-page {padding:5px 0 0;line-height:1.3;}

/*publications*/
.publications h1{border-top:1px solid #a3a3a3;padding: .8em 0 1em;}
.publications ul{margin:0 0 15px;}
.publications ul h2{margin:0 0 20px;}
.publications ul h3{color:#000;display:inline;}
.publications ul h4{}
.publications li{padding: 1em 0; border-top: 1px solid #d9cfca;}
.publications li:first-of-type{border-top: none;padding-top:0;}
.publications .autor{margin:0;font-size:1.2em;}
.publications .info1{margin:0 0 20px;}

/*reading groups*/
#fitxa-rg{float:left; width:83%;}
#fitxa-rg h1{border-top:1px solid #a3a3a3;padding: .8em 0 1em;}
#fitxa-rg h2{margin: 0 0 .5em;}
#fitxa-rg .intro{margin:0 0 24px;}
#fitxa-rg .arxiu{float:none;width:auto;}
#fitxa-rg .sessions{margin:0 0 12px;}
#fitxa-rg .convenor .dades{}
#fitxa-rg .convenor{ margin-bottom: 2em;}
#fitxa-rg .convenor h2{margin:0 0 8px;}

.arxiu .term{float:left;width:45%;}
.arxiu .second{float:right;width:45%;margin-bottom: 2em;}
.arxiu .term li{background-image:none;padding:11px 0 6px;}
.arxiu .term div{font-size: 1.4em; color:#000;}
.arxiu .term h2{font-size: 1.2em; color:#000;padding:0 0 3px;}
.arxiu .term h3{font-size: 1em; color:#000;}

/*web map*/
.webmap h1{border-top:1px solid #a3a3a3;padding: .8em 0 1em;}
.webmap div.column{}
.webmap h2{font-size: 1.2em; margin:0 0 2px;}
.webmap h2 a{text-decoration: none;}
.webmap div.seccio{margin:0 0 10px;}
.webmap ul{margin:0 0 5px;}
.webmap li{}
.webmap li li{font-size:1em;}
.webmap h3{margin:0 0 2px; font-size: 1.1em;}
.webmap a{text-decoration: none;}

/*all activities*/
.arxiu table{border-collapse:collapse;border:1px solid #a3a3a3;border-left:none;width:100%;}
.arxiu th{font-size:1.2em;border-left:1px solid #a3a3a3;padding:3px;}
.arxiu td{border-top:1px solid #a3a3a3;border-left:1px solid #a3a3a3;padding:8px;text-align:center;}
.arxiu .fons td{ /*background:#fff4ee;*/ background:#eee;}
.arxiu td.date,.arxiu td.time,.arxiu td.type,.arxiu td.rg{}
.arxiu td.speaker a,.arxiu td.activity a{text-decoration: none;}
.arxiu td.activity{ width:60%; font-family: 'Lora', serif; text-align:left;}
/*.arxiu td.speaker{width:15%;}*/
.arxiu td.type{width:10%;}


/*links*/
.links h1{border-top:1px solid #a3a3a3;padding: .8em 0 1em;}
.links h2{font-size: 1.4em;color:#000;margin:0 0 7px;}
.links ul{margin:0 0 15px;}
.links h3{display:inline;padding:0 3px 0 0;font-size: 1em; font-family: 'Lora', serif;}
.links h3 a{text-decoration: none;}
.links li{padding:0 0 13px;color:#666;}

/*contact*/
.contact .columna1{width:45%;float:left;}
.contact .columna2{width:45%;float:right;}
.contact .bloc{padding:0 0 5px;}
.contact .bloc div{font-size:1.1em;color:#666;margin:0 0 13px;}
.contact .h1{border-top:1px solid #a3a3a3;padding: .4em 0 .8em;}
.contact h3{}

/*visitors*/
.visitors .arxiu h2{border-top:1px solid #a3a3a3;padding: .8em 0 1em;}
.visitors .grup{margin:0 0 15px;}
.visitors .grup div{color:#000;margin:0 0 6px;}
.visitors .grup ul{margin:0 0 15px;}
.visitors .grup ul h3{font-style:italic;display:inline;padding:0 3px 0 0;}
.visitors .grup li{background-image:none;}
.visitors .grup li h4{ font-size: 1.2em; font-family: 'Lora', serif;}
.visitors .grup p{font-size:0.9em;padding:3px 0 0;}

/* Peu
----------------------------------------------*/
#peu li{display:block; float:left; background:url(../img/bg_item_peu.gif) no-repeat right center; padding:0 11px 0 10px;margin:0;line-height:2;}
#peu li.ult {background:#fff;border:none;margin:.4em 0 0 .6em;padding:0 5px; white-space: nowrap;}
#peu li.ult a{margin: .5em 0;}
#peu li.ult a.link-facebook{padding-right: .4em;}
#peu a{display:inline-block; color:#999;margin:.2em 0 ; text-decoration: none;}
#peu img{display:inline;vertical-align:middle;}
#peu #wai,#peu #w3c{background-image:none;padding:0;}
#peu #wai a,#peu #w3c a{padding:0;}



/*visit us*/
.visitus h1{border-top:1px solid #a3a3a3;padding: .8em 0 1em;}


a.link-facebook {
    background: url("../img/ico-facebook.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    width:11px;
    height:19px
}
a:hover.link-facebook {
    background: url("../img/ico-facebook.jpg") no-repeat scroll 0 -18px transparent;

}

a.link-twitter {
    background: url("../img/ico-twitter.jpg") no-repeat scroll 0 -2px transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    width:16px;
    height:19px
}
a:hover.link-twitter {
    background: url("../img/ico-twitter.jpg") no-repeat scroll -1px -19px transparent;

}

a.link-identica {
    background: url("../img/ico_identica.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    width:18px;
    height:19px
}
a:hover.link-identica {
    background: url("../img/ico_identica.png") no-repeat scroll 0 -18px transparent;
}

/*Students*/
.students h2{border-top:1px solid #a3a3a3;padding: .8em 0 1em;}

.students .grup{color:#666;margin:0 0 15px;overflow:hidden}
.students .grup div{font-size: 1.4em;color:#000;margin:0 0 6px;}
.students .grup ul{margin:0 0 15px;}
.students .grup ul h3{font-size: 1.2em; font-family: 'Lora', serif; display:inline;padding:0 3px 0 0;}
.students .grup ul h3 a{text-decoration: none;}
.students .grup .esq{float:left;width:45%;}
.students .grup .dreta{float:right;width:45%;}

/*Recent phds*/
#arxius2{float:right;width:6em;}
#arxius2 h2{font-size: 1.6em; font-weight: bold; color:#000;margin:2px 0 1px;border-bottom:1px solid #a3a3a3;text-align:center;}
.arxiu2 h1{border-top:1px solid #a3a3a3;padding: .8em 0 1em;}
.arxiu2 .capcalera-arxiu{margin:0 0 10px;}
.arxiu2 .capcalera-arxiu p{font-size:1.1em;color:#666;width:460px;}


/*Member Card 2*/


#back-members-estrecho{float: right; width: 5em; color:#000;border-top:1px solid #a3a3a3;padding:1.1em 0;font-size: 1.4em;font-family: 'Lora', serif; line-height: 1.2;}
#back-members-estrecho a{text-decoration: none;}
#fitxa-member-ampla{float:left; width:79%;}
#fitxa-member-ampla h2{border-top:1px solid #a3a3a3;padding: .8em 0 1em;}
#fitxa-member-ampla .dades{margin:0 0 35px;/*padding:0 0 0 10px;*/}
#fitxa-member-ampla .dades h3{margin:0 0 .5em;}


#fitxa-member-ampla .destacat{ gbackground:#fff0e7; background:#eee; padding:12px 10px 13px;min-height:30px;margin:0 0 22px;}
#fitxa-member-ampla .destacat h3{margin:0;font-weight:normal;margin:0 0 2px;}
#fitxa-member-ampla .destacat h4{font-size: 1.2em; color:#666;}
#fitxa-member-ampla .presentacio p{margin:0 0 13px;}
#fitxa-member-ampla .links li{font-size:0.9em !important;padding:0 0 5px;}
#fitxa-member-ampla .contacte div{padding:0 0 6px;}
#member-dos-colum {overflow:auto; }
#member-dos-colum .imatge{float:left; margin-right:35px;}
#member-dos-colum .contacte{margin-bottom:20px;}
/*#fitxa-member-ampla .dades-contacte h3{font-size: 1.4em; font-weight: bold;color:#000}
#fitxa-member-ampla .dades-curriculum h3{font-size: 1.4em; font-weight: bold;color:#000}*/

#menu .toggle-menu{
    display: none;
}

.publicacions li{
    padding:1em 0; overflow:hidden; border-bottom: 1px solid #d9cfca; font-size: .9em;
}
.publicacions li h4{
    font-size: 1.2em;
}
.publicacions li:first-child{
    border-top: 1px solid #d9cfca;
}

/********** RESPONSIVE *********/
@media only screen and (max-width:1300px) {
	#menu{
        font-size: 1.25em;
    }
}
/* TABLETS horitzontal */
@media only screen and (max-width:1020px) {
	#menu{
        font-size: 1.1em;
    }
    #menu li#m-home {
        border-top: none;
        margin: 0;
        padding: 0;
    }
    #capcalera{
        margin: 6% 0;
        position: relative;
        height: auto;
    }
    #capcalera .logo{
        position: relative;
        z-index: 999;
        display: inline-block;
        width: 25%;
        max-width: 155px;
    }
    #capcalera img{
        width: 100%;
        height: auto;
    }
    
    #capcalera h1{
        position: absolute;
        bottom: .3em;
        left: 23%;
        font-size: 16px;
        font-size:calc(17px + (36 - 17)*(100vw - 300px)/(1800 - 300));
    }
     #menu{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        float: none;
        font-size: 1.4em;
    }
    #menu .toggle-menu{
        position: absolute;
        right: 5%;        
        top: 8vw;
        cursor: pointer;
        display: inline-block;
        width: 30px;
        height: 30px;
        z-index: 1;
    }
    #menu .menu-container .toggle-menu{
        z-index: 100;
        width: 25px;
    }
    #menu .toggle-menu img{
        width: 100%;
        height: auto;
    }
    #menu .menu-container{
        position: relative;
        display: none;
        width: 90%;
        top: 0;
        left:0;
        opacity: 1;
        padding: 5%;
        z-index: 99;
        background: #fff;
        
    }
    #menu ul{
        border-top: 1px solid #a3a3a3;
        margin-top: 7em;
    }
    #menu li a{
        display: block;
        padding: .3em;
        border-bottom: 1px solid #a3a3a3;
        text-align: center;
    }
    #menu li ul{
        margin-top: 0;
        border-top: none;
        padding: 1em 0;
        border-bottom: 1px solid #a3a3a3;
    }
    #menu li li a{
        border-bottom: none;
        font-size: .9em;
        background: none;
        padding: .1em 9px;
    }
    #contingut{
        width: 100%;
    }
}

/* TABLETS vertical */
@media only screen and (max-width:768px) {
	
    #capcalera h1{
        left: 28%;
    }
    #menu ul{
        margin-top: 23%;
    }
     #menu li#m-home {
        border-top: none;
        margin: 0;
        padding: 0;
    }
    .agenda, .next-events{
        float: none;
        width: auto;
    }
    #news{
        margin-bottom: 2em;
    }
}

/* MÒBIL vertical */
@media only screen and (max-width:598px) {
	.row .right{
        float: none;
    }
    .row .seccio{
        float: none;
        width: auto;
    }
    .contact .columna1, .contact .columna2{
        width:auto;
        float:none;
    }
     #menu li#m-home {
        border-top: none;
        margin: 0;
        padding: 0;
    }
    /*
    #arxius{
        position: absolute;
        right: 0;
        top: 0;
    }
    #arxius h2{
        text-align: right;
    }
    .arxiu, .arxiu li .info{
        float: none;
        width: auto;
    }
    .arxiu h1{ max-width: 9em;}
    */
    
    
    .arxiu, .arxiu li .info, #arxius, #back, #fitxa, #fitxa-member-ampla, #back-members-estrecho, #fitxa-rg{
        float: none;
        width: auto;
        clear: both;
    }
    .members .grup .esq, .members .grup .dreta{
        float: none;
        width: auto;
    }
    #member-dos-colum .imatge{
        float: none;
    }
}