@charset "utf-8";
/* SLIDER_PORTADA */
.img-slide-portada{width:auto; max-height:450px;}

/* NOTICIES*/
#divNoticiesPortada{overflow:hidden; background-color:transparent;}
	.itemNoticiesPortada{overflow:hidden; width:100%;}
	.itemNoticiesPortada:hover{background-color:#ddd; cursor:pointer;}
		.thumbNoticiesPortada{width:100%; position:relative;}
			.back-thumbNoticiesPortada{width:100%;}
			.img-thumbNoticiesPortada{position:absolute; width:100%; height:100%; top:0; left:0; z-index:10; background-position:center; background-size:cover;}
		.dataNoticiesPortada{overflow:display; height:100px; padding:0.5em 1em;
								position:absolute; width:100%; height:100%; top:60%; left:0; z-index:20;
								background: rgba(0,0,0,0.5);
								}
		.dataNoticiesPortada:hover{top:40%;}
			.titolNoticiesPortada{font-weight:normal; color:#eee;}
			.titolNoticiesPortada a{color:#eee;}
			.titolNoticiesPortada a:hover{color:#fff;}
			.textNoticiesPortada{}
		.iconNoticiesPortada{position:absolute; top:-8px; left:49%; z-index:20;}

/* PUBLI 
.img-publi-portada{width:100%; height:220px;}*/

/* SHORCUTS */
.block-shortcut-portada{position:relative; display:inline-block;}
	.item-shortcut-portada{position:relative; width:13em; height:13em; overflow:hidden !important;}
		.back-shortcut-portada{width:100%;}
		.img-shortcut-portada{position:absolute; width:100%; height:100%; top:0; left:0; z-index:10; background-position:center; background-size:cover;}
		.xtext-shortcut-portada{font-weight:bold; margin-bottom:2em; display:none;}
	
		span.text-content { 
		   background: rgba(0,0,0,0.8); 
		   color: white; 
		   cursor: pointer; 
		   display: table; 
		   height: 100%; 
		   left: 0; 
		   position: absolute; 
		   top: 0; 
		   width: 100%; 
		   opacity: 0;
		   -webkit-transition: opacity 500ms; 
		   -moz-transition: opacity 500ms; 
		   -o-transition: opacity 500ms; 
		   transition: opacity 500ms; 
		   z-index:20;
		   font-size:1.2em;
		   font-weight:bold;
		} 
		 
		span.text-content span { 
		   display: table-cell; 
		   text-align: center; 
		   vertical-align: middle; 
		} 
		
		.item-shortcut-portada:hover span.text-content { 
		  opacity: 1; 
		} 

@media screen and (max-device-width:990px),screen and (max-width:990px){
}

@media screen and (max-device-width:768px),screen and (max-width:768px){
	.item-shortcut-portada{width:10em; height:10em;}
		.xtext-shortcut-portada{display:block;}
}

@media screen and (max-device-width:480px),screen and (max-width:480px){
}