@import url("/docroot/cavallfort/css/add0402.css");

/*
Pagines de la seccio 4 (el tatano) amb un #main que ocupa tot l'espai, i el related info a sota
*/


#wrapper {
	background: url(/docroot/cavallfort/imgs/wrapperBg-04-relatedBottom.gif) repeat-y;
}
#content {
	background: url(/docroot/cavallfort/imgs/contentBg-04.gif) no-repeat left bottom;
	padding-bottom: 22px;
}
* html #content {
	padding-bottom: 0; /* IE */
}


/* main */
#main {
	margin-right: 48px;
	border-top: 1px solid;
}



/* relatedInfo */
#relatedInfo {
	background: url(/docroot/cavallfort/imgs/relatedBg-04-relatedBottom.gif) no-repeat left top #7cb134;
	padding-top: 28px;
	padding-left: 18px;
	margin-right: -8px; padding-right: 8px; /* amaga l'ombra de la dreta de main */
	margin-left: 1px;
	color: #fff;
	font-size: .9em;	
	position: relative;
	height: 42em;
	
	/*amaga l'espai blanc que hi ha sota el joc del tatano*/margin-top:-3px;

}


#relatedInfo h2 {
	color: #fc0;
	font-size: 2.5em;
	
/* trick to align image and number (because IE fails with vertical-align) */
	margin-top: -6px;
}
#relatedInfo h2 img {
	position: relative;
	top: 6px;
}
/* ends trick */


#relatedInfo h3 {
	margin-top: 2em;
	margin-bottom: 1em;
}
#relatedInfo h3 a {
	background: #fff !important;
	color: #7cb134 !important;
}


#relatedInfo ul {
	position: absolute;
	top: 15px; left: 220px;
}
#relatedInfo ul + ul {
	left: 460px;
}
#relatedInfo li {
	position: relative;
	width: 125px; /* 200 - padding left */
	padding-left: 75px;
	padding-top: 10px;
	min-height: 46px;
	font-size: 1.2em;
}
#relatedInfo li img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 71px;
	max-height: 65px;
}

/*#relatedInfo  a:hover {
	background: #fff !important;
	color: #7cb134 !important;
}*/