@import url(css@family=Droid+Sans%257CPT+Serif.32);
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
*/

/* @media only screen and (min-width: 1024px) {
   /* Add your custom styles here for Desktop 
 }
 @media only screen and (max-width: 1023px) {
   /* Add your custom styles here for Tablet 
 }
 @media only screen and (max-width: 640px) {
   /* Add your custom styles here for Mobile 
 }
 @media only screen and (max-width: 480px) {
   /* Add your custom styles here for smaller Mobile 
 }*/
@import url(css@family=Droid+Sans%257CPT+Serif.32);
@import url(css@family=Roboto);

/*mida de la pàgina*/
body {
  margin: 0px auto!important;
  padding: 0!important;
  width:100%;
}
p {font-family: "Droid Sans", sans-serif;
	font-weight: normal;}
h1 {
font-size: 2em;
margin: 0.67em 0;
padding:0px;/*uab*/
}
.download-file{text-align:center!important}
#admin-bar{margin-top:40px}
#barraUAB{padding:3px;margin:0;position:fixed;z-index:1;top:0;width:100%;height:42px;background-color:#E2E9DE}
.barraUABContent {max-width:1280px; margin: auto; padding:0px;}
.barraUABLeft {float:left;}
.barraUABLeft img{height:38px;padding-left:10px}
.barraUABRight {float:right;}
.barraUABRight img {height:35px;padding-left:2px}
#frame{margin:55px auto;padding:0px;-webkit-box-shadow: 10px 10px 35px 2px rgba(0,0,0,0.50);
-moz-box-shadow: 10px 10px 55px 2px rgba(0,0,0,0.75);
box-shadow: 10px 10px 55px 2px rgba(0,0,0,0.75); }
header {width:100%!important;margin:0px!important; padding:0px!important;}
#site-title {width: 100%!important;}
#header-container{width:100%;margin:0 auto;}
#content{width:100%;padding:25px}
#content > h1 {width:75%!important}
#content.full{min-height:500px; top:-60px}
footer{width:100%;}
#footer-custom{}
.footerLeft {float:left;overflow: hidden; width:38%;padding:15px;vertical-align:middle;}
/*.creativeCommons img{vertical-align:middle;}*/
.creativeCommons img{display:none;}
.copyrightBiblioteca{padding-left:15px;}
.footerRight {float:right;overflow: hidden; width:58%;padding:15px;vertical-align:middle;text-align:right;}
.footer-custom, .footer-custom a, .footer-custom img {vertical-align:middle!important;}
.omeka_copyright {text-align:center}
#blockColorblindContent {display:none}
/*correcció vores imatges esquerra i dreta*/
.exhibit-items.left img {padding-right:20px}
.exhibit-items.right img {padding-left:20px}

/*correcció del carroussel*/
.slick-slide.slick-current.slick-active > .item-file {margin-left:auto;margin-right:auto;max-width:80%}
.slick-active{border-color:black}
.slick-slide {background-color:black!important; border-color:black!important}

/*menú lateral*/
#exhibit-pages.side {margin:0px;width:22%;}
#exhibit-pages.side li {margin:0px;margin-top:5px;border:0px}
#exhibit-pages.side li a{padding:15px 25px;display:block;border-bottom:1px solid rgba(0, 0, 0, 0.15);}
#exhibit-pages.side ul li a {}
#exhibit-pages.side ul li {position:relative;padding:0px!important;}
#exhibit-pages.side ul li ul{display:none;position:relative;}
#exhibit-pages.side ul li ul li {margin-top:5px}
#exhibit-pages.side ul li ul li a{padding-left:40px}
#exhibit-pages.side ul li:hover ul{display:block;}
#exhibit-pages.side ul li ul li ul li{display:block}
#exhibit-pages.side ul li ul li:hover ul li {display:block}
#exhibit-pages * li::before,#exhibit-pages * li::after{display:none}
.exhibit-page.side{display:block; width:100%;padding-left:6%} 
#exhibit-blocks.side{width:74%;margin-right:0;padding-left:0;text-align:justify}
#exhibit-pages.side,#exhibit-pages.side h4{font-size:1em}

/*menú superior*/

/*colors*/
#exhibit-pages.full {}
#exhibit-pages.full li {}
#exhibit-pages.full li:hover,#exhibit-pages.full li:active,#exhibit-pages.full li.current {}
#exhibit-pages.full li a{}
#exhibit-pages.full li a:hover,#exhibit-pages.full li a:active,#exhibit-pages.full li a.current {}

/*comportament i mides*/

/*linia 1*/
#exhibit-pages.full{height:80px;width:98%;text-align:right;margin-bottom:60px;}

/*linia 2*/
#exhibit-pages.full ul {border:0px;width:100%;}
#exhibit-pages.full ul li {position:relative;display:inline-block;text-align:center;}/*1a linia*/
#exhibit-pages.full ul li a {}
#exhibit-pages.full ul li a:hover {}
#exhibit-pages.full ul li ul {display:none;position:absolute;z-index:1;left:0px;right:auto;top:52px;min-width:220px;text-align:center;}/*menu*/
#exhibit-pages.full ul li:hover ul {display:block;-webkit-box-shadow: 2px 2px 60px 1px rgba(0,0,0,0.55) }
#exhibit-pages.full ul li ul li {display:block;position:relative;left:-21px;min-width:240px;margin:0;padding:12px;border-bottom:1px solid #ccc;text-align:center}
#exhibit-pages.full ul li:last-of-type ul {left:-90px;}

/*linia 3*/
#exhibit-pages.full ul li ul li ul li{display:none;}/*submenu*/
#exhibit-pages.full ul li ul li ul{position:absolute;left:-50px;top:0px;}
#exhibit-pages.full ul li ul li:hover ul li {display:block;padding-left:25px;}
#exhibit-pages.full ul li:last-of-type ul li ul li{}

/*correccions de mides*/
#exhibit-pages.full >ul:first-of-type {padding-right:20px}
#exhibit-pages.full >ul:first-of-type > li {margin:1px;padding-top:12px;}

/*accés a la fitxa d'item*/
.fancybox-title.fancybox-title-float-wrap {display:none}

/*bloc de pàgines i títol pàgina*/
.exhibit-page.full,#exhibit-blocks.full { }
.exhibit-page.full { width:90%;position:relative; left:3%}
#exhibit-blocks.full {margin-right:3%;width:95%;text-align:justify;padding-left:0;}
#exhibit-pages.full{padding-right:10px}

/* menu per mòbils */

#exhibit-pages-mobile {list-style-type:none;height: 100%; width: 0; position: fixed;  z-index: 1; top: 0; left: 0; background-color: #fff; overflow-x: hidden; /* Desactiva scroll horitzontal */ padding-top: 60px; /* Contingut 60px des de dalt */ transition: 0.5s; /* 0.5 segons per fer slide */}
#exhibit-pages-mobile a {text-decoration:none;color:#333333}
#exhibit-pages-mobile a:hover {color:#777777!important}
#exhibit-pages-mobile h4 {font-family: "Droid Sans", sans-serif;font-size:1.2em;font-weight: bold;text-transform: uppercase;padding-top:30px;padding-left:20px;color:#666}
#exhibit-pages-mobile ul {list-style-type:none;margin:10px!important;padding:5px!important;}
#exhibit-pages-mobile ul:first-of-type li {padding-bottom:5px}

/* Enllaços */
#exhibit-pages-mobile.sidebar ul a {padding:7px 15px;display:block;border-bottom:1px solid #ccc;text-decoration:none;}
#exhibit-pages-mobile.sidebar ul li ul {margin:0px!important}
#exhibit-pages-mobile.sidebar ul li ul li a {margin-left:10px!important}
#exhibit-pages-mobile.sidebar a:hover {color: #f1f1f1;}
/* botó per tancar i obrir*/
.closebtn { position: absolute; top: 5px; right: 10px; margin-left: 50px;}
.closebtn .openbtn { font-size: 30px; cursor: pointer; padding: 10px 15px;}
.closebtn .openbtn:hover {}

/*ocults a la principal*/
#header-container-mobile,#site-title-mobile,#menu-mobile{display:none}

/*correcció amplades pantalles quadrades*/
@media screen and (min-width: 961px) and (max-width: 1400px) {#frame{width:90%;}#content{width:100%}}
@media screen and (min-width: 1400px){#frame{max-width:1280px}#content{margin:auto!important;}}

/* DivTable */
.divTable{display: table;}
.divTableRow {display: table-row;}
.divTableHeading {display: table-header-group;}
.divTableCell, .divTableHead {display: table-cell;padding: 3px 10px;}
.divTableHeading {display: table-header-group;font-weight: bold;}
.divTableFoot {display: table-footer-group;font-weight: bold;}
.divTableBody {display: table-row-group;}

/* Estils per mòbil*/
@media screen and (max-width: 960px) {
body{width:98%}
#exhibit-pages,#barraUAB {display:none}
#frame{margin:0px!important;}
#content{top:-20px;}
#content.full{top:0px;}
#header-container, #site-title {display:none}
#header-container-mobile,#site-title-mobile {display:block;}
#header-container-mobile header {position:relative;top:-25px;left:10px}
#site-title-mobile > header > a {text-decoration:none;float:left;}
#header-container-mobile {min-height:10em;padding-bottom:2em}
#menu-mobile{display:block!important; transition: margin-left .5s; /* If you want a transition effect */
  background:#333;width:100%;height:60px;}
#menu-mobile span img {float:left;height:120px;position:relative;top:-30px;left:-20px}
#menu-mobile button{float:right;margin-top:10px;margin-right:10px;background-color:transparent;border:none}
#exhibit-pages-mobile.sidebar {padding-top: 15px;}
#exhibit-pages-mobile.sidebar a {font-size: 18px;}
#exhibit-blocks{width:100%!important}
#exhibit-blocks.side{margin:0px!important;padding:0px!important}
#exhibit-blocks.full{margin:0px!important;padding:0px!important}
.exhibit-page.full {width:100%;padding:0px;margin:0px!important; left:0%!important;}
.exhibit-page.side {width:100%;padding:0px;margin:0px!important;}
.footerLeft {padding:10px;width:100%;text-align:right}
.footerRight {padding:10px;width:100%;clear:left; }
}