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

* {
	margin:0;
	padding:0;
	border:none;
	outline:none;
}

/*General Mosaic Styles*/
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:400px;
	height:250px;
	/*margin:10px;*/
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}
.mosaic-block-463-138 {
	float:left;
	position:relative;
	overflow:hidden;
	width:463px;
	height:138px;
	margin-bottom:10px;
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);


/*
position: absolute;
	left: 100px;
	top: 100px;*/
	z-index: 1;
	
}
.mosaic-block-463-288 {
	float:left;
	position:relative;
	overflow:hidden;
	width:463px;
	height:288px;
	margin-bottom:10px;
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);

	z-index: 1;
	
}
.mosaic-block-146-288 {
margin-right: 10px;
	float:left;
	position:relative;
	overflow:hidden;
	width:146px;
	height:288px;
	margin-bottom:10px;
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}.mosaic-block-146-288-1 {

	float:rigth;
	position:relative;
	overflow:hidden;
	width:146px;
	height:288px;
	margin-bottom:10px;
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}
.mosaic-block-305-288 {
	float:right;
	position:relative;
	overflow:hidden;
	width:305px;
	height:288px;
	margin-bottom:10px;	
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}
.mosaic-block-146-138 {
	margin-right: 10px;
	float:left;
	position:relative;
	overflow:hidden;
	width:146px;
	height:138px;
	margin-bottom:10px;
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}
/*.mosaic-block-146-138 {
	margin-right: 10px;
	float:left;
	position:relative;
	overflow:hidden;
	width:146px;
	height:138px;
	margin-bottom:10px;
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}*/
.mosaic-block-146-138-1 {

	float:right;
	position:relative;
	overflow:hidden;
	width:146px;
	height:138px;
	margin-bottom:10px;
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}
.mosaic-block-146-138-1g {

	float:right;
	position:relative;
	overflow:hidden;
	width:146px;
	height:138px;
	margin-bottom:10px;
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}
.mosaic-block-305-138 {
	float:left;
	position:relative;
	overflow:hidden;
	width:305px;
	height:138px;
	margin-bottom:10px;
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}
	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
	}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		.circle .mosaic-overlay {
			background:url(../img/hover-magnify.png) no-repeat center center;
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			display:none;
		}
		
		.fade .mosaic-overlay {
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			background:url(../img/bg-black.png);
		}
		
		
		.bar .mosaic-overlay {
			bottom:-100px;
			height:60px;
			background:url(../img/bg-black.png);
			
		}
		
		.bar2 .mosaic-overlay {
			bottom:-50px;
			height:100px;
			opacity:0.8;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=80);
		}
		
			.bar2 .mosaic-overlay:hover {
				opacity:1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=100);
			}
		
		.bar3 .mosaic-overlay {
			top:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}
		/*** End Animation Styles ***/

	#content{ 
		width:845px; 
		margin:20px auto; 
		padding:10px 30px; 
	}
	.clearfix{ 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden; }
	
						
	.details{ 
		margin:5px 10px; 
	}	

	.pmosaic{
/* 		font:300 14px  line-height:160%;  */
/* 		letter-spacing:0.15em;  */
		color:#fff;
		text-shadow:1px 1px 0 rgb(0,0,0); 
	}

#zona-1 {
	position: absolute;
	left: 441px;
	top: 116px;
	z-index: 5;
	
}
#zona-2 {
	position: absolute;
	left: 124px;
	top: 266px;
	z-index: 5;
}
#zona-3 {
	position: absolute;
	left: 283px;
	top: 266px;
	z-index: 5;
}
#zona-4 {
	position: absolute;
	left: 124px;
	top: 116px;
	z-index: 5;
}
#zona-5 {
	position: absolute;
	left: 124px;
	top: 116px;
	z-index: 5;
}
#zona-6 {
	position: absolute;
	left: 124px;
	top: 116px;
	z-index: 5;
}
#zona-7 {
	position: absolute;
	left: 124px;
	top: 116px;
	z-index: 5;
}
#zona-8 {
	position: absolute;
	left: 124px;
	top: 116px;
	z-index: 5;
}
#zona-9 {
	position: absolute;
	left: 124px;
	top: 266px;
	z-index: 5;
}
#zona-10 {
	position: absolute;
	left: 283px;
	top: 116px;
	z-index: 5;
}
/* Gomendioak */
#zonag-1 {
	position: absolute;
	left: 443px;
	top: 118px;
	z-index: 5;
}
#zonag-2 {
	position: absolute;
	left: 285px;
	top: 118px;
	z-index: 5;
}
#zonag-3 {
	position: absolute;
	left: 126px;
	top: 118px;
	z-index: 5;
}
#zonag-4 {
	position: absolute;
	left: 126px;
	top: 118px;
	z-index: 5;
}
#zonag-5 {
	position: absolute;
	left: 126px;
	top: 118px;
	z-index: 5;
}
#zonag-6 {
	position: absolute;
	left: 126px;
	top: 118px;
	z-index: 5;
}
#zonag-7 {
	position: absolute;
	left: 126px;
	top: 118px;
	z-index: 5;
}
#zonag-8 {
	position: absolute;
	left: 126px;
	top: 118px;
	z-index: 5;
}
#zonag-9 {
	position: absolute;
	left: 126px;
	top: 118px;
	z-index: 5;
}
#zonag-10 {
	position: absolute;
	left: 126px;
	top: 268px;
	z-index: 5;
}
#zonag-11 {
	position: absolute;
	left: 126px;
	top: 118px;
	z-index: 5;
}
#zonag-12 {
	position: absolute;
	left: 126px;
	top: 118px;
	z-index: 5;
}
#zonag-13 {
	position: absolute;
	left: 443px;
	top: 268px;
	z-index: 5;
}
#zonag-14 {
	position: absolute;
	left: 285px;
	top: 118px;
	z-index: 5;
}
#zonag-15 {
	position: absolute;
	left: 126px;
	top: 118px;
	z-index: 5;
}
#zonag-16 {
	position: absolute;
	left: 126px;
	top: 118px;
	z-index: 5;
}
#zonag-17 {
	position: absolute;
	left: 126px;
	top: 118px;
	z-index: 5;
}