/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

/*General Mosaic Styles*/
.mosaic-block-enter {
	float:left;
	position:absolute;
	overflow:hidden;
	width:120px;
	height:30px;
	left: 45%;
	margin-left:-10px;
	top: 73%;
	border:0px solid #f2f2f2;
	-webkit-box-shadow:0px 0px 12px rgba(250,250,250,0.7); /*eix X, eix Y, cantitat de "blur" de l'ombra, color*/
	-moz-box-shadow:0px 0px 12px rgba(250,250,250,0.7);
	box-shadow:0px 0px 9px rgba(250,250,250,0.7); /*de fet aquest funciona amb FF*/
	z-index: 999;
	/* [disabled]margin: 0 auto; */ /*elimina el % left*/
}
.mosaic-backdrop {
	display:none;
	position:absolute;
	height:100%;
	width:100%;
	background-color:#000;
	left:0px;
	margin-left:0px;
	padding-left:0px;
	/* [disabled]margin: 0 auto; */
	text-align:center;
	/* [disabled]vertical-align:middle; */
}
.mosaic-backdrop:hover {text-decoration: none;}
	
.mosaic-overlay {
	float: left;
	position:relative;
	width:100%;
	height:100%;
	background:#CCC;
	/* [disabled]padding:0px; */
	/* [disabled]top:0px; */
	/* [disabled]right:0px; */
	/* [disabled]left:0px; */
	/* [disabled]margin: 0 auto; */
	/* [disabled]text-align:center; */
	top:0px;
	left: 0px;
	display:none;
	z-index:5;

}
.details {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
	/* [disabled]text-align:center; */
	/* [disabled]position:relative; */
	/* [disabled]text-align:center; */
}
.clearfix {display: block; height: 0; clear: both; visibility: hidden;}

/* -------------ALTRES---------------*/
#content {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align:left;
	background-repeat: no-repeat;
	background-size: contain; /* es CSS3: fa que sigui resize. Pot ser "cover" o "contain" */
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	z-index: 3;
}
.centrar {margin: 0 auto;text-align:center;}
/*h1 es troba a "index.css" */
h2{
	color:#FFF;
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	font-weight: normal;
	margin-top:5px;
	margin-left:20px;
	letter-spacing: 1px;
	vertical-align:middle;
	display: block;
	position:absolute; /*no tocar*/
}
a{ text-decoration:none;}

@media screen and (max-width: 460px) {
	.mosaic-block-enter {margin-left:-30px;}
}

@media screen and (max-width: 680px) and (orientation : landscape){
	.mosaic-block-enter {margin-left:-20px;}
}