﻿/********************************************************/
/* GENERALE												*/
/********************************************************/
* 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 12px;
	color: White;
	text-align: center;
	background-color: #9999ff;
}

.hidden 
{
	display: none;
}

/********************************************************/
/* DIV PRINCIPALE										*/
/********************************************************/
#main 
{
	width: 760px;
	margin: 0px auto 0px auto;
}

/********************************************************/
/* BARRA DELLA LINGUA									*/
/********************************************************/
#home a:link, #home a:visited, #home a:active
{
	position:relative;
	float: left;
	font-family: Arial;
	font-size: 90%;
	color: #3C4059;
	z-index: 3;
	margin: 5px auto;
	text-decoration: none;
}

#home a:hover 
{
	text-decoration: underline;
}

#lingua 
{
	position: relative;
	float: right;
	margin: 5px auto;
	z-index: 3;
}

#lingua img 
{
	border: 0px;
}

/********************************************************/
/* LOGO													*/
/********************************************************/
#logo 
{
	position: relative;
	width: 760px;
	height: 300px;
	background: url(immagini/header.jpg) no-repeat;
	float: left;
	top: -20px;
	z-index: 2;
}

#logo-chisiamo
{
	position: relative;
	width: 760px;
	height: 300px;
	background: url(immagini/header_chisiamo.jpg) no-repeat;
	float: left;
	top: -20px;
	z-index: 2;
}

#logo-listino
{
	position: relative;
	width: 760px;
	height: 300px;
	background: url(immagini/header_listino.jpg) no-repeat;
	float: left;
	top: -20px;
	z-index: 2;
}

#logo-galleria
{
	position: relative;
	width: 760px;
	height: 300px;
	background: url(immagini/header_galleria.jpg) no-repeat;
	float: left;
	top: -20px;
	z-index: 2;
}
/********************************************************/
/* MENU DI NAVIGAZIONE									*/
/********************************************************/
#menu 
{
	position: relative;
	display: block;
	width: 459px;
	height: 75px;
	top: 24px;
	overflow: hidden;
	font-family: Georgia, "New York CE" , utopia, serif;
	text-transform: uppercase;
	float: right;
}
#menu ul 
{
	width: 460px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menu ul li 
{
	display: block;
	position: absolute;
	top: 0px;
	height: 75px;
}
#menu ul li a 
{
	padding-top: 75px;
    background-position: left top;
    background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-decoration: none;
	color: blue;
	font-size: 12px;
}
#menu ul li#chi_siamo {	background: url(immagini/it/menu-chi_siamo.gif) 0 0;	left: 0px;	width: 65px;}
#menu ul li#dove_siamo {	background: url(immagini/it/menu-dove_siamo.gif) 0 0;	left: 66px;	width: 65px;}
#menu ul li#itinerari {	background: url(immagini/it/menu-itinerari.gif) 0 0;	left: 132px;	width: 65px;}
#menu ul li#servizi {	background: url(immagini/it/menu-servizi.gif) 0 0;	left: 198px;	width: 65px;}
#menu ul li#listini {	background: url(immagini/it/menu-listini.gif) 0 0;	left: 264px;	width: 65px;}
#menu ul li#cultura {	background: url(immagini/it/menu-cultura.gif) 0 0;	left: 330px;	width: 65px;}
#menu ul li#galleria {	background: url(immagini/it/menu-galleria.gif) 0 0;	left: 396px;	width: 65px;}

#menu ul li#chi_siamo a:hover {	background:  url(immagini/it/menu-chi_siamo.gif) 0 -75px;	color: white; }
#menu ul li#dove_siamo a:hover {	background:  url(immagini/it/menu-dove_siamo.gif) 0 -75px; color:white;}
#menu ul li#itinerari a:hover {	background:  url(immagini/it/menu-itinerari.gif) 0 -75px; color:white;}
#menu ul li#servizi a:hover {	background:  url(immagini/it/menu-servizi.gif) 0 -75px; color:white;}
#menu ul li#listini a:hover {	background:  url(immagini/it/menu-listini.gif) 0 -75px; color:white;}
#menu ul li#cultura a:hover {	background:  url(immagini/it/menu-cultura.gif) 0 -75px; color:white;}
#menu ul li#galleria a:hover {	background:  url(immagini/it/menu-galleria.gif) 0 -75px; color:white;}

/********************************************************/
/* CORPO DEL SITO										*/
/********************************************************/
#leftCol 
{
	position: relative;
	float: left;
	width: 180px;
	padding: 5px 5px 5px 5px;
}

#rightCol 
{
	position: relative;
	float: right;
	width: 180px;
	padding: 5px 5px 5px 5px;
}



#cartina img 
{
	border: solid 1px #3C4059;
}

#cartina h1 
{
	text-align: right;
	font-family: Tahoma;
	font-size: 110%;
	margin-right: 5px;
	color: #dcdcdc;
}

#cartina p 
{
	position: relative;
	text-align: right;
	font-family: Tahoma;
	font-size: 100%;
	margin-right: 5px;
	color: #dcdcdc;
	top: -20px;
	line-height: 1.4;
}

#centerCol 
{
	position: relative;
	margin-left: 205px;
	margin-right: 205px;
} 

#centerCol h1
{
	position: relative;
	text-align: left;
	font-family: Tahoma;
	font-weight: lighter;
	color: #3C4059;
}

#centerCol h2
{
	position: relative;
	text-align: left;
	font-family: Tahoma;
	font-weight: lighter;
	color: #3C4059;
	font-size: 150%;
}

#centerCol p 
{
	position: relative;
	text-align: left;
	font-family: Tahoma;
	font-size: 110%;
	color: #3C4059;
	line-height: 1.8;
}

#content 
{
	position: relative;
	width: 100%;
	clear: both;
}

#centerColWide
{
	position: relative;
	margin-left: 205px;
	margin-right: 5px;
} 

#centerColWide h1
{
	position: relative;
	text-align: left;
	font-family: Tahoma;
	font-weight: lighter;
	color: #3C4059;
}

#centerColWide p 
{
	position: relative;
	text-align: left;
	font-family: Tahoma;
	font-size: 110%;
	color: #3C4059;
	line-height: 1.8;
}

#centerColWide img 
{
	border: solid 1px #3C4059;
}

#oneCol
{
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
} 

#oneCol h1
{
	position: relative;
	text-align: left;
	font-family: Tahoma;
	font-weight: lighter;
	color: #3C4059;
}

#oneCol p 
{
	position: relative;
	text-align: left;
	font-family: Tahoma;
	font-size: 110%;
	color: #3C4059;
	line-height: 1.8;
}

#oneCol img 
{
	border: solid 1px #3C4059;
}

#oneCol a:link, #oneCol a:active, #oneCol a:visited
{
	clear: both;
	font-family: Tahoma;
	color: White;
	text-decoration: none;
	font-size: 110%;
}

#oneCol a:hover
{
	color: #330099;
}

#oneCol hr 
{
	border: solid 1px #fff;
	margin: 5px 0px 5px 0px;
}


/********************************************************/
/* FOOTER												*/
/********************************************************/
#footer 
{
	position: relative;
	clear: both;
}

#footer hr 
{
	position: relative;
	color: #dcdcdc;
	border: solid 1px #dcdcdc;
}

#footer #copyright 
{
	position: relative;
	float: left;
	font-size: 90%;
}

#footer #redeye:link, #footer #redeye:visited, #footer #redeye:active
{
	float: right;
	position: relative;
	font-family: Arial;
	font-size: 90%;
	color: White;
	text-decoration: none;
}

#footer #redeye:hover 
{
	text-decoration: underline;
}

#imgBox 
{
	text-align: center;
	line-height: 2;
}

#imgBox a:link,#imgBox a:visited,#imgBox a:active 
{
	border: solid 1px #3C4059;
}

#imgBox a:hover
{
	border-right: #ff3300 1px solid;
	border-top: #ff3300 1px solid;
	border-left: #ff3300 1px solid;
	border-bottom: #ff3300 1px solid;
}

#imgBox img 
{
	border: none;
	width: 110px;
	height: 83px;
}
/********************************************************/
/* OFFERTE												*/
/********************************************************/
#offerte 
{
	text-align: left;
	line-height: 1.5;
	margin-top: -5px;
	letter-spacing: 1px;
}

#offerte h2 
{
	font-family: Arial;
	font-size: 16px;
	text-align: left;
	letter-spacing: 2px;
}
#offerte sapn
{
	font-family: Arial;
	font-size: 12px;
	text-align: left;
}
#offerte img 
{
	margin-top: 10px;
	margin-bottom: 10px;
}
#offerte hr 
{
	border-bottom: none;
	border-top: solid 1px;
}
/********************************************************/
/* MENU ITINERARI												*/
/********************************************************/
#menuItinerari 
{
	text-align: left;
}
#menuItinerari h2 
{
	font-family: Arial;
	font-size: 14px;
	letter-spacing: 2px;
}

#menuItinerari a:link,
#menuItinerari a:visited,
#menuItinerari a:active 
{
	font-family: Arial;
	letter-spacing: 2px;
	font-size: 12px;
	color: White;
	text-decoration: none;
}
#menuItinerari a:hover
{
	text-decoration: underline;
	color: #8b0000;
}
/********************************************************/
/* ITINERARIO
/********************************************************/
#itinerario 
{
	text-align: left;
	font-family: Arial;
	letter-spacing: 2px;
	font-size: 12px;
	color: #3C4059;	
}

#itinerario p{
	text-align: justify;
	width: 70%;
	float: left;
}
#itinerario #immagini
{
	width: 25%;
	float: left;;
}
#itinerario #immagini img
{
	width: 150px;
	margin-left: 5px;
}
#itinerario h2 
{
	font-family: Arial;
	font-size: 18px;
	letter-spacing: 2px;
}
#dovesiamoLeft 
{
	position: relative;
	float: left;
	width: 200px;
	margin: 0px 0px 0px 0px;
}
#dovesiamoRight
{
	position: relative;
	float: right;
	width: 200px;
	margin: 0px 0px 0px 0px;
}
#dovesiamoCenter
{
	position: relative;
}
#dovesiamoCenter img
{
	margin-left: auto;
	margin-right: auto;
}

#dovesiamoCenter fieldset 
{
	margin-left: 30px;
	margin-right: 30px;
	color: #000;
	text-align: left;
	padding: 5px;
}