/* Fulla d'estils ZOO STUDIO
/* © 2011
*/

body{

	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				11px;
	line-height:			14px;
	margin:					0px;
	padding:				0px;
	border:					0px;
}
#footer a{
	text-decoration: 	underline;
}
a{
	color: 					#999;
	text-decoration:		none;
}
a:hover{
	color:					#000;
}
ul, li{
	border:					0px;
	margin: 				0px;
	padding: 				0px;
	list-style-type: 		none;
}

p{
	margin: 				0px;
	padding:				0px;
}
p.espai{
	margin-bottom:			20px;
	margin-top:				20px;

}
#lateralE{
	display:				block;
	position:				absolute;

	left:					20px;
	top:0px;
	float:					left;
	z-index:				1000;
	position: 				fixed;

}
h2#lateralEIntro{
	font-size: 				11px;
	font-weight:			normal;
	margin-top:				60px;
	height: 				160px;
}
#logoZoo{
	margin-bottom:			80px;
}
.novetat{
	position:absolute;
	z-index:100;
	margin-left: -3px;
	margin-top: 0px;
}
h3#menu{
	font-size: 				11px;
	font-weight:			normal;
}
#menu a{
	text-decoration:none;
	color:			#000;
}
#menu a:hover{
	color:#999;
}
#conteProjectes{
	/*overflow:hidden;*/
}
#conteProjectes ul {

}
.relatiu{
	position:relative;
}

.blanc {
	background-color:		#FFF;
}
.subrallat{
	text-decoration:underline;
}
#areaProjectes{
	
	display:			block;
	width:				100%;
	margin-top: 		220px;	
}

.caixaProjecte {

	width:					185px;
	min-height: 			165px;
	display:				inline-block;
	margin-right:			17px;
	/* pedaços per l'ie :( */
	vertical-align: top;
	zoom: 1;
     *display: inline;
}

/*.caixaProjecte a{
	width: 185px; 
	height: 160px;
	position:relative;
	display:block;
}*/

.caixaProjecte li{
	white-space:nowrap;
	position:relative;
}

.caixaProjecte h2{
	background-color:	#000;
	width:				185px;
	height:				103px;
	color:				#FFF;
	font-family:		"Georgia";
	padding-top:		4px;
	font-size:		24px;
	line-height:		26px;
}
.caixaProjecte h3{
	color:#000;
	padding-top:10px;
}
.caixaProjecte h4{
	color:#999;
	padding-bottom:10px;
}
.caixaImgOver{
	display:block;
	position:absolute;
	opacity:1;
	top: -107px;
}
.caixaDivOver{
	position:absolute;
	width: 185px;
	height: 160px;
	overflow:hidden;
}
.caixaImgSeleccinat {
	top: 0px;
}
#conteProjecte{
	background-color:#000;
}
.visorProjecte {
	background-color:#000;
	position:absolute;
	left:0px;
	width:100%;
	height:360px;
	color:#FFF;
	overflow:hidden;
}
#footer{
	padding-bottom:40px;
	padding-top:20px;
}
#footer ul {
	color:#999;
	display:block;
	float:left;
	width: 182px;
	margin-right:20px;
}
#footer strong{
	color:#000;
	font-weight:normal;

}

.descripcioProjecte{
	width: 185px; 
	height: 360px; 
	background-color:#141414; 
	position:absolute; 
	top:0px; 
	right: 0px; 
	color:#FFF;
}
.descripcioProjecte span a{
	color:#AAA !important;
}
.descripcioProjecte a:hover{
	color:#FFF !important;
}
.tirImg{
	left:0px;
	position:absolute;
	height:360px;
	width:auto;
	width:10500px;
	
}
.scrollImg{
	position:relative;
	overflow:hidden;
	height:360px;
	
}
#tiraImatges img{
	float:left; 
	display:block;
}

.iconesProjecte{
	display:block;
	width: 186px;

	position:absolute;
	bottom:0px;
	left:0px;
}
.iconesProjecte img{
	float:left;
	margin-right:1px;
	margin-bottom:1px;
}
.contaProjecte {
	text-align: center;
	width:93px;
	height:57px;
	float:left;
	padding-top:35px;
}
.ma {

	cursor:pointer;
}
.isocial{
	display:block;
	overflow:hidden;
	float:left;
	margin-right:5px;
	background-image:url(../img/icones_social.png);

	width: 15px;
	height: 15px;
	cursor: pointer;
}

.isocial span {
  position: absolute;
  top: -999em;
}