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


#wrapper {
	background: url(/docroot/cavallfort/imgs/wrapperBg-04-rightBar.gif) repeat-y;
}
#content {
	background: url(/docroot/cavallfort/imgs/contentBg-04-rightBar.gif) no-repeat left bottom;
	padding-bottom: 24px;
}



#main>p+p {
	text-align:right;
padding-right:70px;
margin:0px;
}

#main>p.imgCenter {
	text-align:center;

margin:0px;
}

/* relatedInfo */

/* Forcem una altura minima per que hi capigui #relatedInfo */
* html #main { height: 105em; }

#main {
	min-height: 100em;
	
}

#relatedInfo {
    position: absolute;
    right: -225px;
    top: 0;
    width: 201px;
}

#relatedInfo {
	color: #fff;
	font-size: .8em;
}
#relatedInfo a:hover, #relatedInfo h3 a {
	background: #fff;
	color: #7cb134;
	text-transform: none;
}
#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 {
	text-transform: uppercase;
	margin-top: 2em;
	margin-bottom: 1em;
}
#relatedInfo h3 a {
	background: #fff !important;
	color: #7cb134 !important;
}


#relatedInfo ul {
	margin-top: 0px;
}
#relatedInfo li {
	position: relative;
	width: 125px; /* 200 - padding left */
	padding-left: 75px;
	padding-top: 10px;
	min-height: 38px;
	font-size: 1.2em;
	line-height:14px;
}
#relatedInfo li img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 71px;
	max-height: 65px;
}

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

#relatedInfo p a {
	font-size: 1em;
}

#relatedInfo li.releated-selected a { float:left; left:0px; margin-right:0px; top:0px;}