@charset "utf-8";
/* CSS Document */

body {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:994px;
	margin:auto;
	padding:0;
	text-align:center;
	background:#ffffff;
}

hr { display:none }
/* Definizione dei link per il menu principale */
h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#menu li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu li a:link, #menu li a:visited {
        color: #000000;
        display: block;
        padding: 8px 0 0 0px;
        }

#menu li a:hover, #menu li #current {
        color: #FF6600;
        padding: 8px 0 0 20px;
        }

		
/* dichiarazione di immagini senza bordo */

img {
    border: none;
}



/* pagina */
#pagina {
	position:relative; 
	width: 994px;
	height:auto;
	left: 0px;
	top: 0px; 
	background: #ffffff;
}
/* top */
#top {
	position:absolute;
	width: 950px;
	height: 85px;
	left: 0px;
	top: 0px;
	z-index: 0;
}
/* menussx */
#menusx {
	position:absolute;
	width: 150px;
	height: 250px;
	left: 0px;
	top: 104px;
	z-index: 0;
}

/* menuscontatti */
#menucontatti {
	position:absolute;
	width: 150px;
	height: 100px;
	left: 844px;
	top: 104px;
	z-index: 0;
}


/* linea2 orizzontale */
#linea1 {
	position:absolute;
	width: 950px;
	height: 15px;
	left: 0px;
	top: 87px;
	z-index: 0;
}
/* fotter */
#fotter {
	position:absolute; 
	width: 994px;
	height: 35px;
	left: 0px;
	top: 635px;
	z-index: 0;
}
/* barra orizzonale 2 */
#linea2 {
	position:absolute;
	width: 950px;
	height: 15px;
	left: 0px;
	top: 600px;
	z-index: 0;
}
#menu {
	position:absolute;
	width: 150px;
	left: 0px;
	top: 105px;
	z-index: 1;

}
#struttura_1{
	position:absolute;
	width: 150px;
	height: 150px;
	left: 844px;
	top: 207px;
	z-index: 0;
}
#struttura_2{
	position:absolute;
	width: 150px;
	height: 150px;
	left: 844px;
	top: 359px;
	z-index: 0;
}
/* ------------------------------------- INDEX -------------------------------------------*/
#container_index {
position:absolute;
top:50%;
left:50%;
width:800px; /* larghezza del box */
height:500px; /* lunghezza del box */
margin-left:-400px; /* serve ad allineare il box nel centro della pagina, deve avere sempre un valore negativo e deve essere sempre la meta della larghezza del box. */
margin-top: -280px; /* serve ad allineare il box nel centro della pagina, deve avere sempre un valore negativo e deve essere sempre la meta della lunghezza del box. */
font-weight:bold; /* carattere predefinito del box */
padding:0;
	border:#FF3300;
	border-style:double;
}

#logo {
	position:absolute;
	width: 250px;
	height: 98px;
	left: 275px;
	top: 150px;
	z-index: 0;
}
#it {
	position:absolute;
	width: 50px;
	height: 32px;
	left: 275px;
	top: 255px;
	z-index: 0;
}
#en {
	position:absolute;
	width: 50px;
	height: 32px;
	left: 375px;
	top: 255px;
	z-index: 0;
}
#de {
	position:absolute;
	width: 50px;
	height: 32px;
	left: 475px;
	top: 255px;
	z-index: 0;
}

/* --------------------------------- PAGINA DOVE SIAMO -----------------------------------*/

#mappa {
	position:absolute;
	width: 640px; /* larghezza del div */
	height: 480px; /* lunghezza del div */
	left: 180px; /* distanza del div da sinitra */
	top: 105px; /* distanza del div dal top */
	z-index: 1;
}

/* ------------------------------------ PAGINA GALLERY ---------------------------------*/
/*
#contenitore_gallery {
	/* definisco il div */
/*
	position:absolute;
	width: 600px; /* larghezza del div */
/*	height: 480px; /* lunghezza del div */
/*	left: 200px; /* distanza del div da sinitra */
/*	top: 113px; /* distanza del div dal top */
/*	z-index: 1;
}*/

#contenitore_gallery {
	/* definisco il container per la descizione foto */

	text-align:left; /* giustificazione del testo */
	font-weight:bold;
	
	/* definisco il div */

	position:absolute;
	width: 640px; /* larghezza del div */
	height: 480px; /* lunghezza del div */
	left: 180px; /* distanza del div da sinitra */
	top: 113px; /* distanza del div dal top */
	z-index: 1;
}
	#descrizione_gallery {
		position:absolute;
		width: 630px; /* larghezza del div */
		height: 25px; /* lunghezza del div */
		left: 0px; /* distanza del div da sinitra */
		top: 0px; /* distanza del div dal top */
		border-style:solid;
		border-width: 0px 0px 1px 0px;
		border-color:#FF3300;
		z-index: 2;
		}		
#piscina {
	position:absolute;
	width: 630px; /* larghezza del div */
	height: 225px; /* lunghezza del div */
	left: 5px; /* distanza del div da sinitra */
	top: 10px; /* distanza del div dal top */
	z-index: 2;
}

#esterno {
	position:absolute;
	width: 630px; /* larghezza del div */
	height: 135px; /* lunghezza del div */
	left: 5px; /* distanza del div da sinitra */
	top: 255px; /* distanza del div dal top */
	z-index: 2;
}

#interno {
	position:absolute;
	width: 630px; /* larghezza del div */
	height: 45px; /* lunghezza del div */
	left: 5px; /* distanza del div da sinitra */
	top: 500px; /* distanza del div dal top */
	z-index: 2;
}
#natura {
	position:absolute;
	width: 630px; /* larghezza del div */
	height: 135px; /* lunghezza del div */
	left: 5px; /* distanza del div da sinitra */
	top: 645px; /* distanza del div dal top */
	z-index: 2;
}

/* -------------------------------------------- PAGINA TOSCANA------------------------------------*/

#linea2toscana {
	position:absolute;
	width: 950px;
	height: 15px;
	left: 0px;
	top: 953px;
	z-index: 0;
}

#fotter_toscana {
	position:absolute; 
	width: 994px;
	height: 35px;
	left: 0px;
	top: 970px;
	z-index: 0;
}

#contenitore_toscana {
	/* definisco il container per la descizione dei luoghi */

	text-align:left; /* giustificazione del testo */
	font-weight:bold;
	
	/* definisco il div */

	position:absolute;
	width: 640px; /* larghezza del div */
	height: 480px; /* lunghezza del div */
	left: 180px; /* distanza del div da sinitra */
	top: 113px; /* distanza del div dal top */
	z-index: 1;
}
		#descrizione_luogo {
			position:absolute;
			width: 495px; /* larghezza del div */
			height: 100px; /* lunghezza del div */
			left: 130px; /* distanza del div da sinitra */
			top: 30px; /* distanza del div dal top */
			z-index: 2;
		}
		#nome_luogo {
			position:absolute;
			width: 630px; /* larghezza del div */
			height: 25px; /* lunghezza del div */
			left: 0px; /* distanza del div da sinitra */
			top: 0px; /* distanza del div dal top */
			border-style:solid;
			border-width: 0px 0px 1px 0px;
			border-color:#FF3300;
			z-index: 2;
		}

	#riparbella {
		position:absolute;
		width: 630px; /* larghezza del div */
		height: 135px; /* lunghezza del div */
		left: 5px; /* distanza del div da sinitra */
		top: 5px; /* distanza del div dal top */
		z-index: 2;
	}

	#bibbona {
		position:absolute;
		width: 630px; /* larghezza del div */
		height: 135px; /* lunghezza del div */
		left: 5px; /* distanza del div da sinitra */
		top: 140px; /* distanza del div dal top */
		z-index: 2;
	}

	#volterra {
		position:absolute;
		width: 630px; /* larghezza del div */
		height: 135px; /* lunghezza del div */
		left: 5px; /* distanza del div da sinitra */
		top: 280px; /* distanza del div dal top */
		z-index: 2;
	}
	
	#suvereto {
		position:absolute;
		width: 630px; /* larghezza del div */
		height: 135px; /* lunghezza del div */
		left: 5px; /* distanza del div da sinitra */
		top: 420px; /* distanza del div dal top */
		z-index: 2;
	}

	#bolgheri {
		position:absolute;
		width: 630px; /* larghezza del div */
		height: 135px; /* lunghezza del div */
		left: 5px; /* distanza del div da sinitra */
		top: 560px; /* distanza del div dal top */
		z-index: 2;
	}

	#castagneto {
		position:absolute;
		width: 630px; /* larghezza del div */
		height: 135px; /* lunghezza del div */
		left: 5px; /* distanza del div da sinitra */
		top: 700px; /* distanza del div dal top */
		z-index: 2;
	}

/* ---------------------------------- PAGINA LISTINO------------------------------------------ */
#fotter_prezzi {
	position:absolute; 
	width: 994px;
	height: 35px;
	left: 0px;
	top: 917px;
}
/* barra orizzonale 2 */
#linea2_prezzi {
	position:absolute;
	width: 950px;
	height: 15px;
	top:900px;
	left:0px;
}
/* ------------------------------- PAGINA CONTATTI -------------------------------------------*/
#form_contatti {
	position:absolute;
	width: 640px; /* larghezza del div */
	height: 480px; /* lunghezza del div */
	left: 180px; /* distanza del div da sinitra */
	top: 105px; /* distanza del div dal top */
	z-index: 1;
}