@charset "utf-8";
#container {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	/*height: 800px;*/
	/*background-image: url(images/bg2.png);
	background-repeat: repeat;*/
}
#header{
	width: 1024px;
	height: auto;
	float:left;
	background-image: url(images/bg2.png);
	background-repeat: repeat;
}
#logo {
	width: 454px;
	height: 175px;
	float: left;
}
#data {
	width: 250px;
	height: 50px;
	background-image: url(images/bg2.png);
	background-repeat: repeat;
	float: left;
	background-color:#0099CC;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #D82EFD;
	margin-left: 300px;
	margin-top: 25px;
}
#simboli {
	width: 300px;
	height: 50px;
	float: left;
	background-image: url(images/bg2.png);
	margin-left: 250px;
	margin-top: 30px;
}
#tv {
	width: 39px;
	height: 39px;
	float: left;
	background-image: url(images/tv.png);
	background-repeat: no-repeat;
	margin-top: 5px;
}
#wc {
	width: 39px;
	height: 39px;
	float: left;
	background-image: url(images/wc.png);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-left: 5px;
}
#caffe {
	width: 39px;
	height: 39px;
	float: left;
	background-image: url(images/caffe.png);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-left: 5px;
}
#letto {
	width: 39px;
	height: 39px;
	float: left;
	background-image: url(images/letto.png);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-left: 5px;
}
#doccia {
	width: 39px;
	height: 39px;
	float: left;
	background-image: url(images/doccia.png);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-left: 5px;
}
#clima {
	width: 39px;
	height: 39px;
	float: left;
	background-image: url(images/clima.png);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-left: 5px;
}
#navigation {
	width: 1024px;
	height: auto;
	float: left;
	background-image: url(images/bg2.png);
	background-repeat: repeat;
}
#menu {
	width: 520px;
	height: 47px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1;
	z-index: 9998;
}
#menu a {
	background: url(images/menu.png) no-repeat 0 0;
	display: block;
	height: 47px;
	text-indent: -5555px;
	overflow: hidden;
}
#menu li {
	float: left;
	position: relative;
	list-style: none;
}

* html #menu li * { position:relative; }
#menu li , #menu ul { margin: 0; padding: 0; }

#menu #bottone1 a { background-position: 0 0; width: 70px;}
#menu #bottone2 a { background-position: -70px 0; width: 84px;}
#menu #bottone3 a { background-position: -154px 0; width: 97px;}
#menu #bottone4 a { background-position: -251px 0; width: 90px;}
#menu #bottone5 a { background-position: -341px 0; width: 76px;}
#menu #bottone6 a { background-position: -417px 0; width: 103px;}
  
  
#menu #bottone1 a:hover { background-position: 0 -47px; width: 70px;}
#menu #bottone2 a:hover { background-position: -70px -47px; width: 84px;}
#menu #bottone3 a:hover { background-position: -154px -47px; width: 97px;}
#menu #bottone4 a:hover { background-position: -251px -47px; width: 90px;}
#menu #bottone5 a:hover { background-position: -341px -47px; width: 76px;}
#menu #bottone6 a:hover { background-position: -417px -47px; width: 103px;}

#corpo {
	width: 1024px;
	/*heigth: auto;*/
	float: left;
	background-image: url(images/bg2.png);
}

#corpo_alto {
	width: 996px;
	height: 16px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/corpo_alto.png);
	background-repeat: no-repeat;
}

#corpo_medio{
	width: 996px;
	height: 460px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/corpo_medio.png);
	background-repeat: repeat-y;
}

#corpo_medio_eventi{
	width: 996px;
	height: 550px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/corpo_medio.png);
	background-repeat: repeat-y;
}

#corpo_medio_prenota{
	width: 996px;
	/*height: 830px;*/
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/corpo_medio.png);
	background-repeat: repeat-y;
}

#corpo_medio_camere {
	width: 996px;
	height: 600px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/corpo_medio.png);
	background-repeat: repeat-y;
}

#corpo_medio_camere_foto {
	width: 996px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/corpo_medio.png);
	background-repeat: repeat-y;
}

#corpo_basso {
	width: 996px;
	height: 16px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/corpo_basso.png);
	background-repeat: no-repeat;
}

#footer {
	width: 1024px;
	height: auto;
	float: left;
	background-image: url(images/bg2.png);
	background-repeat: repeat; 
}

#copy {
	width: 700px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg2.png);
	background-repeat: repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #D82EFD;
}

#notizie {
	width: 447px;
	/*height: 450px;*/
	float: left;
	margin-left: 10px;
}
#portafoto {
	width: 537px;
	height: 440px;
	float: left;
	background-image: url(images/portafoto.png);
	background-repeat: no-repeat;
}

#mappa {
	width: 517px;
	height: 420px;
	float: left;
	padding: 10px;
}

#testo {
	width: 447px;
	/*height: 380px;*/
	float: left;
	margin-top: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	text-align: justify;
}

#display{
	width: 480px;
	height: 345px;
	float: left;
	margin-top: 48px;
	margin-left: 30px;
}
#contattaci {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

#contattaci_prenota {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#form {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF00FF;
	background-image: url(images/sfondo_contattaci.png);
	background-repeat: no-repeat;
}

#form_prenota {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF00FF;
}

#form_prenota_mail {
	width: 700px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF00FF;
}

#camere {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF00FF;
}

#camere_tenda {
	width: 730px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF00FF;
}

#intestazione{
	width: 233px;
	height: 41px;
	margin-left: 250px;
}

#chirone {
	width: 350px;
	float: left;
}

#diomede {
	width: 350px;
	float: left;
}

#antea {
	width: 350px;
	float: left;
}

#teseo {
	width: 350px;
	float: left;
}

.boxgrid{ 
				width: 325px; 
				height: 232px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative;
				margin: 10px; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute;
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
				
h3 {margin: 10px;}
a { color: #D82EFD; text-decoration: none; }
#foto{
	width: auto;
	padding: 5px;
}
#container_foto{
	width: 700px;
	float: left;
}

td{
	color: #CCCCCC;
}

td#conferma{
	color:#000099;
}

#anthea_foto{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}
#teseo_foto{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	
}
#diomede_foto{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}
#chirone_foto{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}
#logo_anthea{
	width: 500px;
	height: 68px;
	margin-left: auto;
	margin-right: auto;
	background-color: #901d78;
}
#logo_teseo{
	width: 500px;
	height: 68px;
	margin: auto;
	background-color: #063970;
}
#logo_diomede{
	width: 500px;
	height: 68px;
	margin-left: auto;
	margin-right: auto;
	background-color: #e7775f;
}
#logo_chirone{
	width: 500px;
	height: 68px;
	margin-left: auto;
	margin-right: auto;
	background-color: #00923f;
}
#anthea_thumb{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}
#teseo_thumb{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}
#diomede_thumb{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}
#chirone_thumb{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}
img{
	border-color:#ffffff;
}
#menu ul ul{
position: absolute;
top: 47px; 
visibility: hidden;
} 
#menu ul li:hover ul{
visibility:visible;
} 
#menu #bottone3 #territorio a{
	background: url(images/territorio_ok.png) no-repeat 0 0;
	display: block;
	width: 130px;
	height: 35px;
}
#menu #bottone3 #territorio a:hover { background-position: 0 -35px;}

#menu #bottone3 #eventi a{
	background: url(images/eventi_ok.png) no-repeat 0 0;
	display: block;
	width: 130px;
	height: 35px;
}
#menu #bottone3 #eventi a:hover { background-position: 0 -35px;}

#menu #bottone5 #convenzioni a{
	background: url(images/convenzioni_ok.png) no-repeat 0 0;
	display: block;
	width: 130px;
	height: 35px;
}
#menu #bottone5 #convenzioni a:hover { background-position: 0 -35px;}

#anthea{
	width: 350px;
	height: 232px;
	float: left;
	margin: 5px;
	border: 2px solid #FFFFFF;
}

#teseo{
	width: 350px;
	height: 232px;
	float: left;
	margin: 5px;
	border: 2px solid #FFFFFF;
}

#diomede{
	width: 350px;
	height: 232px;
	float: left;
	margin: 5px;
	border: 2px solid #FFFFFF;
}

#chirone{
	width: 350px;
	height: 232px;
	float: left;
	margin: 5px;
	border: 2px solid #FFFFFF;
}

#flag {
	width: 170px;
	height: 20px;
	float: left;
	margin-left: 250px;
}

#language {
	width: 30px;
	height: 20px;
	float: left;
	margin-left: 10px;
}

#language a {
	width: 30px;
	height: 20px;
	display: block;
}

#language em{
	display: none;
}

.ita {
	background-image: url(ita_flag.jpg);
}

.eng {
	background-image: url(eng_flag.png);
}

.fra {
	background-image: url(fra_flag.jpg);
}

.det {
	background-image: url(det_flag.jpg);
}