/*
gris fluix (background): #f2f2f2;
vermell: #bd2716;
gris subapartats menu: #898989;
*/

body{
	background-color:#FFF;
	margin:0px 0px 0px 0px;
}

#wrapper{
	float:left;
	position:relative;
	margin-top:36px;
	width:100%;
	min-width:1058px; /* 1022 + 36*/
}

#wrapper #marge-esquerre{
	position:absolute;
	left:0px;
	background-color:#FFF;
	width:36px;
	height:100%;
}

#wrapper #marge-dreta{
	position:absolute;
	right:0px;
	background-color:#FFF;
	width:36px;
	height:100%;
}

#wrapper2{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	background-color:#f2f2f2;
	margin-bottom:0px;
	/*background-image:url(../img/punt-blanc.png);
	background-repeat:repeat-y;
	background-size:36px;*/
}

#wrapper2 #top-right{
	position:absolute;
	top:0px;
	right:36px;
	height:15px;
	width:15px;
	background-image:url(../img/background-top-right.png);
	background-repeat:no-repeat;
}

#wrapper2 #bottom-right{
	position:absolute;
	bottom:0px;
	right:36px;
	height:15px;
	width:15px;
	background-image:url(../img/background-bottom-right.png);
	background-repeat:no-repeat;
}


#header-left{
	height:54px;
	margin-left:36px;
}

#header-left h1{
	margin-top:0px;
}

#header-right{
	position:absolute;
	top:-6px;
	right:0px;
	width:305px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	height:54px;
	margin-right:36px;
}

#header-right h2{
	font-family:Helvetica, Arial, sans-serif;
	color:#898989;
	font-size:12px;
	margin-bottom:2px;
}

#header-right a{
	text-decoration:none;
	color:#898989;
}

#header-right a:hover{
	color:#bd2716;
}

#header-right img{
	margin-bottom:4px;
}

#header-right .separador{
	color:#bd2716;
}

#header-right .unselected a{
	text-decoration:none;
	color:#898989;
}

#header-right .unselected a:hover{
	color:#bd2716;
}

#header-right .selected a{
	text-decoration:none;
	color:#bd2716;
}

#content{
	position:relative;
	float:left;
	width:650px;
	min-height:366px;
	margin-left:36px;
}

#content #top-left{
	position:absolute;
	top:0px;
	height:15px;
	width:15px;
	background-image:url(../img/background-top-left.png);
	background-repeat:no-repeat;
}

#content #bottom-left{
	position:absolute;
	bottom:0px;
	left:0px;
	height:15px;
	width:15px;
	background-image:url(../img/background-bottom-left.png);
	background-repeat:no-repeat;
}

#content #video-home{
	background-color:#f2f2f2;
	height:366px;
}

#content #fondo-familia{
	margin-left:36px;
}

#content #fondo-lluis{
	margin-left:240px; 
}

#content #google-map{
	margin-left:36px;
	margin-bottom:36px;
}

#content #fondo-contacte #map{
	margin-top:165px;
}

#content #content1{
	float:left;
	width:168px; /* 222 - 18 - 36 (margin-left) */
	margin-right:18px;
	margin-top:35px;
	margin-bottom:36px;
	margin-left:36px;
	text-align:right;
}

#content #content1 h3{
	padding-top:0px;
	margin-top:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:19px;
	font-weight:normal;
	color:#bd2716;
}

#content #content1 #tomaquet-fondo{
	position:absolute;
	bottom:36px;
	left:110px;
}

#content #content1 #llista-links-projectes{
	margin-top:10px;
	line-height:15px;
}

#content #content1 #llista-links-projectes a{
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#898989;
}

#content #content1 #llista-links-projectes a:hover{
	color:#bd2716;
}

#content #content2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	float:left;
	margin-left:18px;
	margin-top:36px;
	margin-bottom:36px;
	width:410px; /* 650 - 222 (width content1) - 18 (margin-left) */
}

#content #content2 h4{
	padding-top:0px;
	margin-top:-1px;
	margin-bottom:10px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:19px;
	font-weight:normal;
	color:#898989;
}

#content #content2 ul{
	padding-left:12px;
}

#content #content2 li{
	list-style-image:url(../img/punt.png);
	margin-bottom:4px;
}

#content #content2 a{
	text-decoration:none;
	color:#bd2716;
}

#content #content2 .link_invers a{
	color:#898989;
}

#content #content2 .link_invers a:hover{
	color:#bd2716;
	
}

#content #content2 a:hover{
	color:#000;
}

#content #content2 .any-projecte{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
}

#content #content2 .img-projecte{
	margin-top:20px;
}

#content #content2 .img-projecte img{
	text-decoration:none;
	/*border:1px solid #898989;*/
	border:1px solid #898989;
}

#content #content2 .img-projecte img:hover{
	text-decoration:none;
	border:1px solid #bd2716;
}

#content #content2 object{
	margin-top:15px;
	/*border:1px solid #898989;*/
}

/*#content #content2 .img-projecte .top-left{
	position:absolute;
	top:0px;
	height:15px;
	width:15px;
	background-image:url(../img/background-top-left.png);
	background-repeat:no-repeat;
}

#content #content2 .img-projecte .top-right{
	position:absolute;
	top:0px;
	right:0px;
	height:15px;
	width:15px;
	background-image:url(../img/background-top-right.png);
	background-repeat:no-repeat;
}

#content #content2 .img-projecte .bottom-left{
	position:absolute;
	bottom:0px;
	height:15px;
	width:15px;
	background-image:url(../img/background-bottom-left.png);
	background-repeat:no-repeat;
}

#content #content2 .img-projecte .bottom-right{
	position:absolute;
	bottom:0px;
	right:0px;
	height:15px;
	width:15px;
	background-image:url(../img/background-bottom-right.png);
	background-repeat:no-repeat;
}
*/
#content #content2 .img-projecte .play-projecte{
	background-image:url(../img/play.png);
	position:absolute;
	left:157px;
	top:82px;
	height:20px;
	width:16px;
	background-repeat:no-repeat;
}

#content #content2 .separador-projecte{
	margin-top:15px;
	margin-bottom:15px;
	color:#bd2716;
}


#menu{
	position:relative;
	float:right;
	height:100%;
	right:0px;
	width:305px;
	padding-top:36px;
	margin-right:36px;
	background-color:#f2f2f2;
}

#menu .item{
	margin-bottom:4px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
}

#menu .item a{
	text-decoration:none;
	color:#898989;
	padding-left:0px;
}

#menu .item a:hover{
	color:#bd2716;
}

#menu .item-selected{
	margin-top:-2px;
	padding-top:0px;
	margin-bottom:2px;
}

#menu .item-selected a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#898989;
	padding-left:0px;
	color:#bd2716;
}

#menu .subitems{
	margin-left:10px;
	margin-top:5px;
	margin-bottom:10px;
	font-weight:normal;
}

#menu .subitems a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#898989;
}

#menu .subitems a:hover{
	color:#bd2716;
}

#menu .subitems .selected{
	color:#bd2716;
}

#footer{
	min-width:1058px; /* 1022 + 36 */
}

#footer #text-esquerre{
	font-family:Verdana, Geneva, sans-serif;
	color:#898989;
	font-size:10px;
	float:left;
	margin-left:60px;
	margin-top:15px;
}

#footer #text-dreta{
	font-family:Verdana, Geneva, sans-serif;
	color:#898989;
	font-size:10px;
	float:right;
	width:305px;
	margin-right:36px;
	margin-top:13px;
}

#footer #text a{
}