/*
########################
Box di colonna arancione
########################
*/
.box-arancio{
	width: 169px;
}

.box-arancio .top{
	height: 4px;
	background-image: url(/resources/viven/images/box-arancio-top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.box-arancio .middle{
	background-image: url(/resources/viven/images/box-arancio-middle.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 5px;
	text-align: left;
}

.box-arancio .middle h1{
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 5px;
	font-size: larger;
}

.box-arancio .middle a{
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/resources/viven/images/box-arancio-dettaglio.gif);
	background-position: left 50%;
	background-repeat: no-repeat;
	padding-left: 15px;
}

.box-arancio .middle a:hover{
	text-decoration: underline;
}

.box-arancio .bottom{
	height: 5px;
	background-image: url(/resources/viven/images/box-arancio-bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*
####################
Box di colonna rosso
####################
*/
.box-rosso{
	width: 169px;
	border-top: 1px solid #CECECE;
	padding-top: 10px;
	margin-top: 10px;
}

.box-rosso .top{
	height: 4px;
	background-image: url(/resources/viven/images/box-rosso-top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.box-rosso .middle{
	background-image: url(/resources/viven/images/box-rosso-middle.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 5px;
	color: #FFFFFF;
}

.box-arancio .middle a{
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/resources/viven/images/box-arancio-dettaglio.gif);
	background-position: left 50%;
	background-repeat: no-repeat;
	padding-left: 15px;
}

.box-rosso .middle h1{
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 5px;
	font-size: larger;
}

.box-rosso .bottom{
	height: 5px;
	background-image: url(/resources/viven/images/box-rosso-bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*
####################
Box di colonna verde
####################
*/
.box-verde{
	width: 169px;
	margin-top:  8px !important;
	margin-top: 0px;
}

.box-verde .top{
	height: 4px;
	background-image: url(/resources/viven/images/box-verde-top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.box-verde .middle{
	background-image: url(/resources/viven/images/box-verde-middle.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 5px;
	text-align: left;
}

.box-verde .middle h1{
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 5px;
	font-size: larger;
}

.box-verde .middle a{
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/resources/viven/images/box-arancio-dettaglio.gif);
	background-position: left 50%;
	background-repeat: no-repeat;
	padding-left: 15px;
}

.box-verde .middle a:hover{
	text-decoration: underline;
}

.box-verde .bottom{
	height: 5px;
	background-image: url(/resources/viven/images/box-verde-bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*
#####################
Box di colonna grigio
#####################
*/
.box-grigio{
	width: 169px;
}

.box-grigio .top{
	height: 4px;
	background-image: url(/resources/viven/images/box-grigio-top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.box-grigio .middle{
	background-image: url(/resources/viven/images/box-grigio-middle.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 5px;
	text-align: left;
}

.box-grigio .middle h1{
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 5px;
	font-size: larger;
}

.box-grigio .middle a{
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/resources/viven/images/box-arancio-dettaglio.gif);
	background-position: left 50%;
	background-repeat: no-repeat;
	padding-left: 15px;
}

.box-grigio .middle a:hover{
	text-decoration: underline;
}

.box-grigio .bottom{
	height: 5px;
	background-image: url(/resources/viven/images/box-grigio-bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*
##########################################
Box generale multicolore (rosso - arancio)
##########################################
*/
.box-principale{
	border: 1px solid #CECECE;
	background-color: #FFFFFF;
	padding: 2px;
	float: left;
	width: 98%;
	/*min-width: 70%;*/
}
.box-principale-small{
	width: 97%;
}
.box-principale .testata{
	font-size: larger;
	background-color: #C51100;
	/*background-image: url(/resources/viven/images/grad-box-r.gif);
	background-repeat: repeat-y;
	background-position: right top;*/
	padding: 2px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	float: left;
	width: 99% !important;
	width: 100%;
	margin-bottom: 10px;
}

.box-principale .testata .titolo{
	/*height: 25px;*/
	padding: 4px 2px 4px 10px;
	float: left;
	width: 79%;
}

.box-principale .testata .link-guest{
	text-align: right;
	float: right;
	width: 15%;
	/*padding-right: 20px;*/
}
.box-principale .testata .link-guest img{
	width: 24px;
	height: 24px;
}

.arancio .testata {
	background-color: #FF7F00;
	/*background-image: url(/resources/viven/images/grad-box-a.gif);
	background-repeat: repeat-y;
	background-position: right top;*/
}

.grigio .testata {
	background-color: #D8D9D8;
	/*background-image: url(/resources/viven/images/grad-box-g.gif);
	background-repeat: repeat-y;
	background-position: right top;*/
	color: #000000;
}

.box-principale .nocontent {
	padding: 10px;
	text-align: center;
	background-image: url(/resources/viven/images/rep-rosso.gif);
	background-repeat: repeat;
	background-position: left top;
	border: 1px dashed #C51100;
	margin-top: 5px;
	font-weight: bold;
}

.arancio .nocontent {
	background-image: url(/resources/viven/images/rep-arancio.gif);
	background-repeat: repeat;
	background-position: left top;
	border: 1px dashed #FF7F00;
}

.grigio .nocontent {
	background-image: url(/resources/viven/images/rep-grigio.gif);
	background-repeat: repeat;
	background-position: left top;
	border: 1px dashed #D8D9D8;
}

.box-principale li.spaziato div.icona-freccia, 
.box-principale li.spaziato div.box-inserimento-appunti{
	margin-left: 5px !important;
	margin-left: 0px;
}

.box-principale li.spaziato div.box-inserimento-appunti{
	padding-left: 15px !important;
	padding-left: 18px;
}

.box-principale ul.elemento {
	list-style-image: none;
	list-style: none;
	vertical-align: top;
	padding: 0em 2em 0em 0em;
}

.box-principale ul.elemento li {
	clear: both;
}

.box-principale ul.elemento li.coppie {
	float: left;
	/*width: 45%;*/
	width: 49%;
	clear: none;
}

.box-principale ul.elemento li div.percorsi{
	margin-left: 1em;
	margin-bottom: 1em;
}

.box-principale ul.elemento li.grigio {
	background-color: #EBECEB;
	/*width: 95%;*/
	width: 98%;
	float: left;
}

.box-principale ul.elemento li.bianco {
	background-color: #FFFFFF;
	/*width: 95%;*/
	width: 98%;
	float: left;
}

.box-principale ul.elemento li .immagine {
	float: left;
	margin-right: 5px;
}

.box-principale ul.elemento li img {
	margin-bottom: 5px;
	width: 129px;
	height: 75px;
}

.box-principale ul.elemento li img.quadrata {
	margin-bottom: 5px;
	width: 75px;
	height: 75px;
}

.box-principale ul.elemento li img.listaItinerari {
	margin-bottom: 5px;
	width: 100px;
	height: 75px;
}

ul.elemento li div.icona-freccia {
	width: 100%;
	height: 80px;
	background-image: url(/resources/viven/images/tab/lista-menu-tab.gif);
	background-position: 0% 0%;
	background-repeat: no-repeat;
}

ul.elemento li div.icona-freccia .contenuto{
	margin-left: 20px;
}
.box-principale ul.elemento li div.contenuto-lista{
	/* dipende dalla dimensione dell'immagine che abbiamo fissato */
	margin-left: 129px;
}
/* Opzione per risorse correlate 
dipende dalla dimensione dell'immagine che abbiamo fissato 
.box-principale ul.elemento li.spaziato div.contenuto-lista{
	margin-left: 115px;
}
*/
.box-principale ul.elemento li h2,
.box-principale ul.elemento li h2 a {
	color: #C51100;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 1em 0px 0px;
}
.arancio ul.elemento li h2,
.arancio ul.elemento li h2 a {
	color: #FF7F00;
}

.box-principale ul.elemento li span.appunti a{
	display: block;
	margin: 10px 0px 0px 0px;
	color: #646464;
	text-decoration: none;
	background-image: url(/resources/viven/images/inserimento-appunti.gif);
	background-position: left 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
	float: left;
}

.box-principale ul.elemento li span.appunti a:hover{
	text-decoration: underline;
}

.slider {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

.slider div.link-alternativi{
	position: relative;
	bottom: 125px;
	padding: 0px 20%;
	font-size: 86%;
}

.slider object {
	/*width: 602px;
	height: 125px;
	*/
	width: 602px;
	height: 125px;
}

/* stile per i pulsanti di aggiunta negli appunti*/
.box-principale ul.elemento li div.box-inserimento-appunti{
	text-align: left;
	margin-top: 5px;  /* 1em; */
}

.box-principale ul.elemento li div.box-inserimento-appunti a{
	text-decoration: none;
}

.box-principale ul.elemento li div.box-inserimento-appunti a:hover{
	text-decoration: underline;
}

.box-principale ul.elemento li div.box-inserimento-appunti img{
	width: 19px;
	height: 14px;
	vertical-align: middle;
	border: 0px;
}
.box-principale ul.elemento li div.box-inserimento-appunti span.abstract-small{
	text-align: left;
	font-size: 90%;
}
/* fine stile per i pulsanti di aggiunta negli appunti*/

/* LABEL VARIE per box principale */
.label-inferiore {
	border: 1px solid #CECECE;
	background-color: #7C7C7C;
	background-image: url(/resources/viven/images/box-principale-frecciadx-a.gif);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	padding: 5px 25px 5px 10px;
	color: #FFFFFF;
	font-weight: bold;
	float: right;
	margin-right: 10px;
}

.label-inferiore a {
	color: #FFFFFF;
	text-decoration: none;
}

.label-inferiore a:hover {
	text-decoration: underline;
}

.label-paginazione {
	border: 1px solid #CECECE;
	background-color: #7C7C7C;
	padding: 2px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	float: left;
}

.label-paginazione .fr-sx {
	width: 10%;
	float: left;
	text-align: left;
}

.label-paginazione .fr-dx {
	width: 10%;
	float: left;
	text-align: right;
}

.label-paginazione .testo {
	width: 80%;
	float: left;
	text-align: center;
}

.box-principale .errori{
	text-align: center;
	border: 1px solid #C3C3C3;
	background-color: #EEEEEE;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.box-principale .errori h1{
	font-weight: bold;
	background-color: #2A7F00;
	padding: 3px;
	color: #FFFFFF;
	letter-spacing: 2px;
}

.box-principale .errori ul {
	width: 90%;
	list-style-image: none;
	list-style: none;
	padding: 1em 1em 1em 1em;
	vertical-align: top;
	margin-left: 10px;
}
.box-principale .errori ul li {
	clear: both;
	text-align: left;
}

.box-principale .errori .link-errore {
	font-weight: bold;
	text-decoration: none;
}

.box-principale .errori .link-errore a{
	text-decoration: none;
}

.box-principale .errori .link-errore a:hover{
	text-decoration: underline;
}

/*
#########################################
Box per multimedia (in descrizione ville)
#########################################
*/

.box-multimedia {
	background-color: transparent;
	padding: 2px;
	float: left;
	width: 98%;
	/*min-width: 70%;*/
}

.box-multimedia h2 {
	border: 2px solid #FFFFFF;
	background-color: #C51100;
	padding: 2px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}

/*
######################
Box grigio dei servizi
######################
*/
.box-servizi {
	background-color: #FFFFFF;
	float: left;
	width: 98%;
	padding: 2px;
	margin-bottom: 10px;
}

.box-servizi h1 {
	background-color: #C3C3C3;
	padding: 5px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
}

.box-servizi .dati div.note {
	padding: 10px;
	margin-top: 5px;
}

.box-servizi .dati div.grigio {
	background-color: #EBECEB;
}

.box-servizi .dati .note span {
	font-weight: bold;
}

/*
######################
Box grigio dei servizi
######################
*/
.box-richieste {
	background-color: #FFFFFF;
	float: left;
	width: 99%;
	padding: 2px;
}

.box-richieste h1 {
	font-size: larger;
	background-color: #D8D9D8;
	/*background-image: url(/resources/viven/images/grad-box-g.gif);
	background-repeat: repeat-y;
	background-position: right top;*/
	padding: 5px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	margin-bottom: 2px;
}

.box-richieste .elemento {
	border-bottom: 1px solid #CECECE;
	padding: 5px 5px 5px 10px;
	background-color: transparent;
}
.box-richieste .nero {
	color: #000000;
}
.box-richieste .rosso {
	color: #C41200;
}

.box-richieste .elemento span {
	font-weight: bold;
}

.box-richieste .bottone {
	float: right;
	margin-top: 3px;
}