@media screen {
  /*
Table of Contents
=================
-- General HTML Elements
-- Global classes
-- Header
-- Footer
-- Search
-- Home
-- Items
-- Simple Pages
-- Exhibits
*/
  /* @group ----- Generic HTML elements ----- */
	
    /*UAB globals*/
	body {font-size:16px}
    #wrap { width: 100%!important;}
	a:visited{color:#404040}
	a:link{color:#404040}
	a:hover{color:#6F97A8}
	
	/*capçalera institucional*/
	#nav-UAB{height:0px!important}	
	#logoUAB{width:20%!important;height:42px!important;background-color:#404040;display:inline-block!important}
	#logoUAB img{height:120px!important;position:relative;top:-40px!important;}
	#top-nav{width:80%!important;float:right;display:inline-block!important}
	#top-nav .nav-item:nth-of-type(6){display:none}
	
	/*banner propi VID*/
	#site-title{width:100%; background-image:url('/database/themes/vid/css/bannerVID.png');background-repeat:no-repeat;background-color:#000000; height:170px;padding-right:2%}
	#site-title .title{font-size:2em;margin-left:18%;position:relative;top:40%}
	#site-title .title a{color:#ffffff;}
	
	/*navegació*/
	
	#top-nav ul{background-color:#404040; }
	#top-nav ul li {float:right}
	#top-nav ul li a:hover{color:#6F97A8}
	.pagination-nav{float:right;}
	.pagination_next,.pagination_previous {background-color: #608392}
	#item-filters {border:0;display:inline-block}
	.total{display:inline-block;padding: 10.5px 10px;background-color: #e2dfc0;color: #706b34;}
	/*UAB poso codi invertit per canviar les proporcions al browsing. Facetes es a l'esquerra i llistat és a la dreta*/
	#primary.browse{width:30%!important;}
	#secondary.browse{width:70%!important}
	#primary.show{width:70%!important;}
	#secondary.show{width:30%!important}

   /*item browse*/
   .item.hentry .item-meta .item-img img{width:200px!important}
   .item.hentry .item-meta h2 {display:none}

   /*item show*/
 	#registre{box-shadow:5px 5px #efefef;border:1px solid #ccc;margin-top:40px;padding:20px 40px;background-color: #fff;background-image:linear-gradient(90deg, transparent 40px, #abced4 40px, #abced4 40px, transparent 40px),linear-gradient(#eee .1em, transparent .1em);background-size: 100% 1.2em;}
    .element-set{margin:0;padding:0;}
	.element .element-text, .element h3 {display:inline;}
	.element h3::after{content:': '}
	.element-set .element h3{line-height:1.4em!important}
	.element .element-text{word-wrap: break-word;font-size:1em}
	.element-set h2, #dublin-core-title {display:none;}
	#relations{width:100%; column-count: 2;}
	.itemRelacionat  .thumb{width:180px;box-shadow:5px 5px #efefef;border:1px solid #ccc;background-color: #fff;}
	.previousPage{margin-top:20px}
  /*main page*/
	.carrusel{width:80%;margin:5% auto;}
	.jcarousel {position: relative;overflow: hidden;width: 100%;}
	.jcarousel ul { width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;}
	.jcarousel li {width: 300px!important;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;list-style-type: none;}
	.jcarousel img { display: block; width: 100%!important; border: 2px solid transparent; height: auto !important; margin: auto;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;	}
  /*Quiz iframe*/
	.iframeQuiz iframe {height:700px;}
	
	/*logosPage*/
	#logosPage{width:100%}
    .logos{display:inline-block;text-align:center;width:28%;margin:2% 1%}
	/*Footer*/
	footer a:visited{color:#404040}
	footer a:link{color:#404040}
	footer a:hover{color:#6F97A8}
	#blockColorblindContent{display:none}
	#footer-text{width:100%;font-size:10pt}
  /* @end */ 

	@media screen and (max-width: 1280px) {
	#site-title .title {top:15%;width:80%;text-align:right;margin-left:20%;line-height:1.2em}
	}
@media screen and (max-width: 959px) {
	#site-title .title {top:12%;width:60%;text-align:right;margin-left:35%; line-height:0.8em}
	#site-title .title a {font-size:70%}
	#primary.browse, #secondary.browse, #primary.show, #secondary.show{width:100%!important}
	}

@media screen and (max-width: 480px) {
	#site-title .title {text-align:right;float:right;margin-left:50%;top:-5px;margin-right:2%;}
	#site-title .title a { font-size:45%;line-height:0.6em}
  }

@media print {
   }