/* @override 
	http://127.0.0.1/SitiPicov/TPS2009/ptv.it/_engine/modules/SiteTemplate/tps/css/stili_comuni_tps.css
	http://www.e-link.it/tps2009/_engine/modules/SiteTemplate/tps/css/stili_comuni_tps.css
*/

body {
 background: url('../immagini/page_bg.gif');
}

/* @group .layout-main */

.layout-main {
	width: 95% ; /* Oppure px per dimensione fissa */
	min-width: 930px;
	max-width: 1300px; /* mettere sul commento condizionale */
	/*
	width1: expression(document.body.clientWidth > 777 ? "700px": document.body.clientWidth < 666 ? "600px": "90%" );  
 	*/
 	margin: 0 auto; /* centra orrizzontalmente */	
}

/* @end */

/* @group .layout-main .top */

.layout-main .top {
	position: relative; /* Gli absolute interni sono riferiti a questo div */
	width: 100%;
	margin-top: 0px;
}

.layout-main .top .header-fullsize {
	margin-left: 14px;
	margin-right: 14px;
	padding-top: 22px;
	height: 16px;
	text-align: right;
	font-family: arial;
	font-size: 10px;
	color: #fff;
}
.layout-main .top .header-fullsize a {
	color: #fff;
	text-decoration: none;
}
.layout-main .top .header-fullsize a:hover {
	text-decoration: underline;
}

.layout-main .top .header-3cols {
/*
	padding-top1:10px;
*/
}

.layout-main .top .left {
	width: 23%;
	float: left;
}
.layout-main .top .left .inside {
	margin: 0;
	padding: 0;
	border: 0;
	margin-left: 10px;
}
.layout-main .top .center {
	margin-left: 23%;
	margin-right: 23%;
	padding: 0;
	border: 0;
}
.layout-main .top .center .inside {
	margin: 0;
	padding: 0;
	border: 0;
}
.layout-main .top .right {
	width: 23%;
	float: right;
}
.layout-main .top .right .inside {
	margin: 0;
	padding: 0;
	border: 0;
	margin-right: 20px;
}

.layout-main .top .right .inside p {
	text-align: center;
	padding-top: 4px;
	color:	#fff;
	font-family: Verdana, Arial;
	font-size: 11px;	
}
.layout-main .top .right .inside p a {
	color:	#fff;
	text-decoration: none;
	font-weight: bold;
}
.layout-main .top .right .inside p a:hover {
	text-decoration: underline;
}
.layout-main .top .right .inside p a.selected {
	color:	#fff;
	text-decoration: none;
	border-bottom: 1px #fff solid;
}











/* @group .bg */

.layout-main .top .bg {
	position: absolute; /* Serve il relative sul parent */
	width: 100%; /* IMP */
	height: 64px; /* non sfrutto l'hidden sul parent altrimenti i menu non si vedono */
	z-index: -1;
	top:  0; /* cosi posso mettere questo div prima che dopo il contento */
	left: 0; /* FIX IE altrimenti il posizionament è errato */
}

.layout-main .top .bg .bg-l,
.layout-main .top .bg .bg-c,
.layout-main .top .bg .bg-r {
	background: url('../immagini/layout_header.gif') repeat;
}
.layout-main .top .bg .bg-l {
	position: absolute;
	left: 0; /* IMP per IE 7 */
	top: 0;
	width: 30%;
	height: 100%;
	background-position: left top;
}
.layout-main .top .bg .bg-c {
	margin-left: 30%;
	margin-right: 30%;
	height: 100%;
	background-position: center top;
}
.layout-main .top .bg .bg-r {
	position: absolute;
	right: 0; /* IMP per IE 7 */
	top: 0;
	width: 30%;
	height: 100%;
	background-position: right top;
}

/* @end */

/* @end */

/* @group .layout-main .middle */

.layout-main .middle {
	position: relative; /* Gli absolute interni sono riferiti a questo div */
 	overflow: hidden; /* MP: Cosi la colonna più alta determina l'altezza ma serve position:absolute o float */
	width: 100%; /* IMP FIX IE6 oppure height: 1%; */
}


.layout-main .middle .left {
	width: 23%;
	float: left;
	position: relative; /* IMP per i bg interni */
}
.layout-main .middle .left .inside {
	margin: 0;
	padding: 0;
	border: 0;
	margin-left: 10px;
	margin-right: 1px;
}
.layout-main .middle .center {
	margin-left: 23%;
	margin-right: 23%;
	padding: 0;
	border: 0;
	position: relative; /* IMP per i bg interni */
}
.layout-main .middle .center .inside {
	margin: 0;
	padding: 0;
	border: 0;
}

.layout-main .middle .right {
	width: 23%;
	float: right;
	position: relative; /* IMP per i bg interni */
}
.layout-main .middle .right .inside {
	margin: 0;
	padding: 0;
	border: 0;
	margin-left: 1px;
	margin-right: 10px;
}

/* @group .bg */

/* @group .left .bg */

.layout-main .middle .left .bg {
	position: absolute; /* Serve il relative sul parent */
	width: 100%; /* IMP */
	height: 9999px; /* sfrutto l'hidden sul parent*/
	z-index: -1;
	top:  0; /* cosi posso mettere questo div prima che dopo il contento */
	left: 0; /* FIX IE altrimenti il posizionament è errato */
}

.layout-main .middle .left .bg .bg-l,
.layout-main .middle .left .bg .bg-c,
.layout-main .middle .left .bg .bg-r {
	background: url('../immagini/layout_bg_middle_left.gif') repeat;
}
.layout-main .middle .left .bg .bg-l {
	position: absolute;
	left: 0; /* IMP per IE 7 */
	top: 0;
	width: 50px;
	height: 100%;
	background-position: left top;
}
.layout-main .middle .left .bg .bg-c {
	margin-left: 50px;
	margin-right: 50px;
	height: 100%;
	background-position: center top;
}
.layout-main .middle .left .bg .bg-r {
	position: absolute;
	right: 0; /* IMP per IE 7 */
	top: 0;
	width: 50px;
	height: 100%;
	background-position: right top;
}

/* @end */

/* @group .center .bg */

.layout-main .middle .center .bg {
	position: absolute; /* Serve il relative sul parent */
	width: 100%; /* IMP */
	height: 9999px; /* sfrutto l'hidden sul parent*/
	z-index: -1;
	top:  0; /* cosi posso mettere questo div prima che dopo il contento */
	left: 0; /* FIX IE altrimenti il posizionament è errato */
	background: white;
}
.layout-main .middle .center .bg .bg-l,
.layout-main .middle .center .bg .bg-r,
.layout-main .middle .center .bg .bg-c {

}
.layout-main .middle .center .bg .bg-l {
	position: absolute;
	left: 0; /* IMP per IE 7 */
	top: 0;
	width: 40px;
	height: 100%;
	background-position: left top;
}

.layout-main .middle .center .bg .bg-c {
	margin-left: 40px;
	margin-right: 40px;
	height: 100%;
	background-position: center top;
}

.layout-main .middle .center .bg .bg-r {
	position: absolute;
	right: 0; /* IMP per IE 7 */
	top: 0;
	width: 40px;
	height: 100%;
	background-position: right top;
}

/* @end */

/* @group .right .bg */

.layout-main .middle .right .bg {
	position: absolute; /* Serve il relative sul parent */
	width: 100%; /* IMP */
	height: 9999px; /* sfrutto l'hidden sul parent*/
	z-index: -1;
	top:  0; /* cosi posso mettere questo div prima che dopo il contento */
	left: 0; /* FIX IE altrimenti il posizionament è errato */
}
.layout-main .middle .right .bg .bg-l,
.layout-main .middle .right .bg .bg-c,
.layout-main .middle .right .bg .bg-r {
	background: url('../immagini/layout_bg_middle_right.gif') repeat;
}

.layout-main .middle .right .bg .bg-l {
	position: absolute;
	left: 0; /* IMP per IE 7 */
	top: 0;
	width: 50px;
	height: 100%;
	background-position: left top;
}

.layout-main .middle .right .bg .bg-c {
	margin-left: 50px;
	margin-right: 50px;
	height: 100%;
	background-position: center top;
}

.layout-main .middle .right .bg .bg-r {
	position: absolute;
	right: 0; /* IMP per IE 7 */
	top: 0;
	width: 50px;
	height: 100%;
	background-position: right top;
}

/* @end */

/* @end */

/* @end */



/* @group .layout-main .bottom */

.layout-main .bottom {
	position: relative; /* Gli absolute interni sono riferiti a questo div */
 	overflow: hidden; /* MP: Cosi la colonna più alta determina l'altezza ma serve position:absolute o float */
	width: 100%;
	height: 140px;
}


.layout-main .bottom .left {
	width: 23%;
	float: left;
	position: relative; /* IMP */
}
.layout-main .bottom .left .inside {
	margin: 0;
	padding: 0;
	border: 0;
}
.layout-main .bottom .right {
	width: 23%;
	float: right;
	position: relative; /* IMP */
}
.layout-main .bottom .right .inside {
	margin: 0;
	padding: 0;
	border: 0;
}
.layout-main .bottom .center {
	margin-left: 23%;
	margin-right: 23%;
	padding: 0;
	border: 0;
	position: relative; /* IMP */
}
.layout-main .bottom .center .inside {
	margin: 0;
	padding: 0;
	border: 0;
}

/* @group .bg */

/* @group .left .bg */

.layout-main .bottom .left .bg {
	position: absolute; /* Serve il relative sul parent */
	width: 100%; /* IMP */
	height: 1000px; /* sfrutto l'hidden sul parent*/
	z-index: -1;
	top:  0; /* cosi posso mettere questo div prima che dopo il contento */
	left: 0; /* FIX IE altrimenti il posizionament è errato */
}
.layout-main .bottom .left .bg .bg-l,
.layout-main .bottom .left .bg .bg-c,
.layout-main .bottom .left .bg .bg-r {
	background: url('../immagini/layout_footer_cols_left.gif');
}

.layout-main .bottom .left .bg .bg-l {
	position: absolute;
	left: 0; /* IMP per IE 7 */
	top: 0;
	width: 50px;
	height: 100%;
	background-position: left top;
}

.layout-main .bottom .left .bg .bg-c {
	margin-left: 50px;
	margin-right: 50px;
	height: 100%;
	background-position: center top;
}

.layout-main .bottom .left .bg .bg-r {
	position: absolute;
	right: 0; /* IMP per IE 7 */
	top: 0;
	width: 50px;
	height: 100%;
	background-position: right top;
}

/* @end */

/* @group .center .bg */

.layout-main .bottom .center .bg {
	position: absolute; /* Serve il relative sul parent */
	width: 100%; /* IMP */
	height: 1000px; /* sfrutto l'hidden sul parent*/
	z-index: -1;
	top:  0; /* cosi posso mettere questo div prima che dopo il contento */
	left: 0; /* FIX IE altrimenti il posizionament è errato */
}
.layout-main .bottom .center .bg .bg-l {
	position: absolute;
	left: 0; /* IMP per IE 7 */
	top: 0;
	width: 4px;
	height: 100%;
	background: url('../immagini/layout_footer.gif') no-repeat left top;
}

.layout-main .bottom .center .bg .bg-c {
	margin-left: 4px;
	margin-right: 4px;
	height: 100%;
	background: url('../immagini/layout_footer.gif') no-repeat center top;
}

.layout-main .bottom .center .bg .bg-r {
	position: absolute;
	right: 0; /* IMP per IE 7 */
	top: 0;
	width: 4px;
	height: 100%;
	background: url('../immagini/layout_footer.gif') no-repeat right top;
}

/* @end */

/* @group .right .bg */

.layout-main .bottom .right .bg {
	position: absolute; /* Serve il relative sul parent */
	width: 100%; /* IMP */
	height: 1000px; /* sfrutto l'hidden sul parent*/
	z-index: -1;
	top:  0; /* cosi posso mettere questo div prima che dopo il contento */
	left: 0; /* FIX IE altrimenti il posizionament è errato */
}
.layout-main .bottom .right .bg .bg-l,
.layout-main .bottom .right .bg .bg-c,
.layout-main .bottom .right .bg .bg-r {
	background: url('../immagini/layout_footer_cols_right.gif');
}
.layout-main .bottom .right .bg .bg-l {
	position: absolute;
	left: 0; /* IMP per IE 7 */
	top: 0;
	width: 50px;
	height: 100%;
	background-position: left top;
}

.layout-main .bottom .right .bg .bg-c {
	margin-left: 50px;
	margin-right: 50px;
	height: 100%;
	background-position: center top;
}

.layout-main .bottom .right .bg .bg-r {
	position: absolute;
	right: 0; /* IMP per IE 7 */
	top: 0;
	width: 50px;
	height: 100%;
	background-position: right top;
}

/* @end */

/* @end */

/* @end */


#header {
	z-index: 1; /* FIX IE 6 Mette i menu davanti a tutto*/
}
#header-right img {
	display: block;
}


#dropdown-menu {
	border: 1px #fff solid;
	height: 24px; /* non posso mettere float left -> l'altezza non si espande */
}

/* @group #body-left */

#body-left img {
	display: block;
	margin: 0 auto;
}

#body-left .top-cap {
	margin-left: 10px;
	height: 164px
}
#body-left .top-cap span {
	display: block;
	height: 44px;
	background: url('../immagini/bg_rossoptv.gif');
}

#body-left .top-cap span p {
	text-align: center;
	padding-top: 16px;
	color:	#fff;
	font-family: Verdana, Arial;
	font-size: 11px;	
}
#body-left .top-cap span p a {
	color:	#fff;
	text-decoration: none;
	font-weight: bold;
}
#body-left .top-cap span p a:hover {
	text-decoration: underline;
}
#body-left .top-cap span p a.selected {
	color:	#fff;
	text-decoration: none;
	border-bottom: 1px #fff solid;
}
#body-left .top-cap a.link-home {
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	color: #c30014;
	text-decoration: none;
	background: url('../immagini/arrow_back.gif') no-repeat;
	padding-left: 16px;
	padding-right: 8px;
}
#body-left .top-cap a.link-home:hover {
	text-decoration: underline;
}


#body-left .content {
	margin-top: 42px;
}

/* @end */

/* @group #body-center */

#body-center .foto-sezione {
	width: 100%; /* FIX IE 6 */
	overflow: hidden; /* FIX IE 6 */
}
#body-center .fotosezione img {
	display: block;
}
#body-center .foto-sezione .internal {
	font-size: 0; /* FIX per extra height */
	line-height: 0; /* FIX per extra height */
	overflow: hidden;
	border: 1px #fff solid;
	border-top: 0;
}

#body-center .content {
	padding: 16px;
}

/* @end */

/* @group #body-right */

#body-right .top-cap {
	margin-right: 10px;
	height: 164px;
	font-family: verdana;
	font-size: 11px;	
	text-align: center;
	color: #555;
}
#body-right .top-cap p {
}
#body-right .top-cap li {
	padding: 4px;
}
#body-right .top-cap li strong {
}
#body-right .top-cap a {
	color: #999;
	text-decoration: none;
	color: #c30014;
}
#body-right .top-cap a:hover {
	text-decoration: underline;
}
/*
#body-right .top-cap a span.icon {
	display: inline-block; // IE6 double margin fix
	height: 32px;
	width: 32px;
	margin-left: 16px;
	margin-right: 4%;
	margin-top: 4px;
	border: 1px #fff solid;
}
#id-supporto span.icon {
	background-image: url('../immagini/icona_supporto.gif');
}
#id-news span.icon {
	background-image: url('../immagini/icona_news.gif');
}
#id-email span.icon {
	background-image: url('../immagini/icona_email.gif');
}
#body-right .top-cap a:hover span.icon {

}
*/



#body-right .content {
	width: 100%; /* FIX IE 6 altrimenti i position absolute interni non tengono conto del margin dell'inside */
	margin-top: -127px; /* 63px allinea con la colonna a sx utilizzato per le sezioni -> la home lo sosvrascrive nel codice */
}
#body-right .content .accordion_element a,
#body-left .content .accordion_element a {
	color: #a38342; 
	text-decoration: none;
}
#body-right .content a:hover,
#body-left .content a:hover {
	text-decoration: underline;
}
#body-right .content p,
#body-left .content p {
	padding-top: 3px;
	padding-bottom: 3px;
}

#body-right .content h2,
#body-left .content h2 {
	border: 1px #fff solid;
	background-color: #d0b27e;
	text-align: center;
	font-family: verdana, arial;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
	position: relative;
}

#body-right .content span.spacer {
	display: block;
	height: 40px;
}

#body-right .accordion_toggler span,
#body-left .accordion_toggler span {
	visibility: hidden;
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 2px;
	right: 3px;
	background-image: url('../immagini/icon_righttoggler_dx.gif');
}

#body-right .accordion_toggler.opened span,
#body-right .accordion_toggler span.opened,
#body-left .accordion_toggler.opened span,
#body-left .accordion_toggler span.opened {
	background-image: url('../immagini/icon_righttoggler_down.gif');
}


#body-right .content div.accordion_element,
#body-left .content div.accordion_element {
	text-align: left;
	font-family: verdana;
	color: #555;
	font-size: 11px;
	padding: 4px;
	padding-left: 12px;
	padding-right: 12px;
}

#body-right .content li.image-thumb-txt,
#body-left .content li.image-thumb-txt {
	text-align: center;
	line-height: 16px;	
	font-size: 10px;
}
#body-right .content .image-tumb,
#body-left .content .image-tumb {
	display: block; /* IMP */
	margin: 0 auto;
	margin-bottom: 5px;
	width: 140px;
}
/* nom metto img.image-tumb-reflect poiche poi la rifletto e la classe di img passa allo span contenitore autogenerato come img.x senza quindi essere applicata */
#body-right .content .image-tumb-reflect,
#body-left .content .image-tumb-reflect {
	display: block; /* IMP */
	margin: 0 auto;
	margin-bottom: 5px;
}

#body-right .content ul,
#body-left .content .accordion_element ul {
	margin: 4px;
}
#body-right .content ul li,
#body-left .content .accordion_element ul li {
	padding: 4px;
}
#body-right .content .accordion_element ul li img,
#body-left .content .accordion_element ul li img {
	margin-bottom: 1px;
	vertical-align: middle;
}

/* @end */

#footer-left .inside {
	text-align: right;
	padding-right: 10px;
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	padding-top: 60px;
}
#footer-left .inside a {
	color: #888;
}

#footer-right .inside {
	text-align: center;
	margin-right: 16px;
	margin-top: 23px;
	font-size: 0;
}
#footer-right .inside a {
	display: block
}

#footer-center .inside p {
	color: #999;
	text-align: center;
	font-family: tahoma, arial;
	font-size: 10px;
	padding-top: 34px;
	line-height: 13px;
}

#footer-center .inside a {
	color: #999;
}
#footer-center .inside a:hover {
	color: #c30014;
}