@charset "utf-8";
/* CSS Document */
#esq h1{
	display:block;
	float: left;
	background: url(../imatges/fondos/fondo_h1_esq.jpg) left top repeat-x;
	width: 279px;
	margin-left: -28px;
	margin-top:-20px;
	text-align: center;
	font-size: 14px;
	color:#FFFFFF;
	text-transform: uppercase;
	padding: 20px 0 15px 0;
	/*float: left;
	padding: 20px 13px 20px 28px;
	width: 238px;*/
}
#esq h2{
	display:block;
	float: left;
	background: url(../imatges/fondos/fondo_h1.jpg) left top repeat-x;
	width: 239px;
	margin-left: -28px;
	text-align: center;
	font-size: 12px;
	color: #666666;
	padding: 10px 20px 25px 20px;
	/*float: left;
	padding: 20px 13px 20px 28px;
	width: 238px;*/
}
#content #esq li{
	float: left;
	padding-bottom: 4px;
	padding-right: 4px;
}
#content #esq a{
	display: block;
	float:left;
	width:234px;
	padding: 5px 0;
	text-align: center;
	color:#FFFFFF;
	font-weight: bold;
	background:url(../imatges/vinyetes/boto_esq.jpg) left top no-repeat;
	
}
#content #esq a:hover {
	background:url(../imatges/vinyetes/boto_esq_ov.jpg) left top no-repeat;
	
}
#content #esq li img {
	border: solid 1px #d8d8d8;
}
#dret ul {
	padding-bottom: 15px;
	padding-left: 15px;
	float: left;
	margin-top: -15px;
	
}

#dret ul li{
	background: url(../imatges/fondos/fondo_h2.jpg) left bottom repeat-x;
	padding: 8px 0;
	float: left;
	width: 559px;
}
#dret ul li .fletxa {
	padding-left: 15px;
	background:url(../imatges/vinyetes/fletxa.png) 4px 5px no-repeat;
	float: left;
}
#dret ul#submenu li{
	padding: 8px 0;
	float: left;
	width: 185px;
}

#dret ul#submenu li a{
	display: block;
	float:left;
	width: 180px;
	padding: 5px 0;
	text-align: center;
	color:#FFFFFF;
	font-weight: bold;
	background:url(../imatges/vinyetes/boto_dret.jpg) left top no-repeat;
}

#dret ul#submenu li a:hover{
	background:url(../imatges/vinyetes/boto_dret_ov.jpg) left top no-repeat;
}