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

body {
	background-attachment: scroll;
	background-color: #00568d;
	background-image: url(../images/sfondo_body.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}
p {
	margin: 20px 0px 20px 0px;
	padding: 0px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 20px;
}
#container {
	background-image: url(../images/sfondo_main.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0px;
	width: 760px;
}
#container #header {
	background-image: url(../images/sfondo_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 98px;
	width: 760px;
	margin: 0px;
	padding: 0px;
}
#container #flash {
	background-image: url(../images/sfondo_flash.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 232px;
	width: 760px;
}
#container #main {
	background-image: url(../images/sfondo_main.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	width: 760px;
}
#container #mainindex {
	background-image: url(../images/sfondo_mainindex.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	width: 760px;
}
#container #subnav {
	float:left;
	background-image: url(../images/sfondo_subnav.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px 7px 0px 10px;
	height: 500px;
	width: 187px;
}
#container #subnavspiaggia {
	float:left;
	background-image: url(../images/sfondo_subnav.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px 7px 0px 10px;
	height: 350px;
	width: 187px;
}
#container #contenuti {
	float:right;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 556px;
}
#container #contenutiindex {
	/*float:right;*/
	/*background-color: #FFFFFF;*/
	margin: 0px;
	padding: 5px 20px 0px 0px;
	width: 740px;
}
#container #contenutilaspiaggia {
	float:right;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 556px;
	height: 550px;
	background-image: url(../images/sfondo_contenutispiaggia.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#container #contenutiilvillaggio {
	float:right;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 556px;
	height: 500px;
	background-image: url(../images/sfondo_contenutivillaggio.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#prenotazioni {
	
	float:left;
	margin: 0px;
	padding: 0px 15px 0px 15px;
	width: 526px;

}
#contenutivillaggio {
	
	float:left;
	margin: 0px;
	padding: 0px 15px 0px 15px;
	width: 526px;

}
#dovesiamo {
	float:left;
	margin: 0px;
	padding: 0px 15px 0px 15px;
	width: 526px;

}
#contenutispiaggia {
	float:left;
	margin: 0px;
	padding: 0px 15px 0px 15px;
	width: 526px;
}
#alloggi {
	float:left;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px 15px 130px 15px;
	width: 526px;
}
#alloggi h4{
	margin: 0px 0px 10px 0px;
	padding: 0;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
    color: #ff2a00;
}
#prenotazioni h4{
	margin: 0px 0px 10px 0px;
	padding: 0;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
    color: #ff2a00;
}
#dovesiamo h4{
	margin: 0px 0px 10px 0px;
	padding: 0;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
    color: #ff2a00;
}
#contenutihome {
	float:left;
	margin: 0px;
	padding: 0px 15px 0px 15px;
	width: 730px;
	background-color: #FF7D07;
	background-image: url(../images/sfondo_mainindex.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#contenutihome h4{
	margin: 0px 0px 10px 0px;
	padding: 0;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
    color: #ff2a00;
}
#fotouno {
	float:left;
	background-color: purple;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 250px;
	height: 200px;
}
#fotodue {
	float:right;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 250px;
	height: 200px;
}
#mappaalloggio {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 250px;
	height: 171px;
}
#linkprezzi {
	float:right;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 40px;
	width: 210px;
	height: 130px;
	background-image: url(../images/sfumaturaboxlink.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#container #footer {
	clear: both;
	background-image: url(../images/sfondo_footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 160px;
	width: 760px;
}
#container #footerindex {
	clear: both;
	background-image: url(../images/sfondo_footerindex.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 160px;
	width: 760px;
}
#container #footerspiaggia {
	clear: both;
	background-image: url(../images/sfondo_footer_spiaggia.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 160px;
	width: 760px;
}
#container #footervillaggio {
	clear: both;
	background-image: url(../images/sfondo_footer_villaggio.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 160px;
	width: 760px;
}
#footerA {
	margin: 0px;
	padding: 0px;
	height: 108px;
	width: 760px;
}
#footerB {
	margin: 0px;
	height: 47px;
	width: 760px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #66FFFF;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footerB a{
	color: #66FFFF;
}
#footerC {
	float:left;
	margin: 0px;
	padding: 38px 0px 0px 10px;
	height: 70px;
	width: 370px;
}
#footerD {
	float:right;
	margin: 0px;
	padding: 48px 20px 0px 0px;
	height: 60px;
	width: 360px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-align: right;
}
#container #header #service {
	text-align:right;
	margin: 0px;
	padding: 39px 10px 0px 0px;
	height: 19px;
	width: 750px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	color: #004673;
}
#container #contenuti #indirizzo {
	text-align:left;
	margin: 0px;
	padding: 30px 15px 0px 15px;
	width: 526px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
#container #contenutiindex #indirizzo {
	text-align:left;
	margin: 0px;
	padding: 30px 15px 0px 15px;
	width: 526px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
#ultimenews {
	text-align:left;
	margin: 0px;
	padding: 10px 15px 0px 15px;
	width: 490px;
	height: 120px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-color: #ffe2c8;
	border: 1px solid red;
}
#container #contenuti #mappa {
	margin: 0px;
	padding: 0px 15px 0px 15px;
	width: 526px;
	height: 400px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
#service a{
	color: #004673;
	text-decoration:none;
}
#service a:hover{
    color: #ff2a00;
}
#container #header #menu {
	margin: 0px;
	padding: 0px;
	height: 28px;
	width: 760px;
}
ul#lang{
	width: 154px;
    float: left; 
	margin: 0px;
	padding: 6px 0px 0px 50px;  
}
ul#lang li{
	text-indent: -9000px;
	list-style-type:none;
	margin:0px 25px 0px 0px;
	padding:0 0px 0 0px;
	float:left;
}
li#it a{
	margin:0px 0px 0px 0px;
	padding:0 0px 0 0px;
	background-image: url(../images/lang_it.png);
	background-repeat: no-repeat;
	background-position: left center;
}
li#en a{
	margin:0px 0px 0px 0px;
	padding:0 0px 0 0px;
	background-image: url(../images/lang_en.png);
	background-repeat: no-repeat;
	background-position: left center;
}
li#de a{
	margin:0px 0px 0px 0px;
	padding:0 0px 0 0px;
	background-image: url(../images/lang_de.png);
	background-repeat: no-repeat;
	background-position: left center;
}
ul#lang a{
	float:left;
	padding:0px 25px 0px 0px;
	margin:0px 0px 0px 0px;
    text-decoration:none;
	font-weight:bold;
	color:#82C90A;
}
ul#navigazione{
	width: 556px;
    float: right;
    list-style: none;
    margin: 0 auto;
    padding: 12px 0 0 0;   
} 
ul#navigazione li{
    float: left;
	margin-right: 13px;
	padding: 0;
}
ul#navigazione li a{
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    padding: 0px;
    text-decoration: none;
	color: #004673;
	float: left;
}
ul#navigazione li#activelink a,ul#navigazione a:hover{
    color: #ff2a00;
}
#subnav h3{
	margin: 0px 0px 10px 0px;
	padding: 0;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
	text-align:center;
}
ul#mezzi li a{
	width: 80px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
	color: #004673;
}
ul#mezzi li#active a,ul#mezzi a:hover{
    color: #ff2a00;
}
ul#mezzi{
	width: 187px;
    float: left; 
	margin: 0px;
	padding: 0px 0px 0px 15px;  
}
ul#mezzi li{
	width: 150px;
	background-color: #ffe2c8;
	list-style-type:none;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 8px;
	border: 1px solid red;
}
li#auto a{
	background-image: url(../images/ico-auto.png);
	background-repeat: no-repeat;
	background-position: left center;
}
li#aereo a{
	background-image: url(../images/ico-aereo.png);
	background-repeat: no-repeat;
	background-position: left center;
}
li#treno a{
	background-image: url(../images/ico-treno.png);
	background-repeat: no-repeat;
	background-position: left center;
}
li#mare a{
	background-image: url(../images/ico-nave.png);
	background-repeat: no-repeat;
	background-position: left center;
}
ul#mezzi li{
	float:left;
	margin-right:5px;
}
ul#mezzi a{
	float:left;
	margin-top:5px;
	padding:15px 0 15px 65px;
    text-decoration:none;
	font-weight:bold;
	color:#82C90A;	
}
li#auto a:hover{
	background-image: url(../images/ico-auto-over.png);
	background-repeat: no-repeat;
	background-position: left center;
}
li#aereo a:hover{
	background-image: url(../images/ico-aereo-over.png);
	background-repeat: no-repeat;
	background-position: left center;
}
li#treno a:hover{
	background-image: url(../images/ico-treno-over.png);
	background-repeat: no-repeat;
	background-position: left center;
}
li#mare a:hover{
	background-image: url(../images/ico-nave-over.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#navigation h3{
	margin: 0px 0px 10px 0px;
	padding: 0;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
	text-align:center;
}
div#navigation ul{
	list-style-type: none;
	margin: 0px 0px 50px 0px;
	padding: 0;
	font-family: "Arial", Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
	color: #004673;}
div#navigation li{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
div#navigation a{
	display: block;
	width: 160px;
	line-height: 30px;
    text-decoration: none;
	border: 1px solid #ff2a00;
	/*text-indent: 30px;*/
    background: url(../images/bknormal.jpg) no-repeat top left;
    color: #004673;
	font-variant: small-caps;
	padding: 0px 0px 0px 20px;
}
div#navigation a:hover{
    background: url(../images/bkactive.jpg) no-repeat top left;
	color: #ff2a00;
}

div#navigation li#activelink a,div#navigation li#activelink a:hover{
    background: url(../images/bkactive.jpg) no-repeat top left;
	color: #ff2a00;
}
div#mappavillaggio{
	width: 250px;
	height: 100px;
	float:left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/pulsantemappa.jpg) no-repeat center left; color: #ffe2c8;
	font-family: "Arial", Helvetica, sans-serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
    color: #004673;
	text-align:center;
	border: 1px solid #ff2a00;
}
div#mappavillaggio a{
	padding: 30px 0px 0px 85px;
	display: block;
	width: 165px;
	height: 70px;
	margin: 0px;
	text-decoration: none;
	font-family: "Arial", Helvetica, sans-serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
}
div#mappavillaggio a:hover{
	padding: 30px 0px 0px 85px;
	display: block;
	width: 165px;
	height: 70px;
	margin: 0px;
	text-decoration: none;
	font-family: "Arial", Helvetica, sans-serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
    color: #ff2a00;
}
div#linkprezzi ul{
	list-style-type: none;
	margin: 0px 0px 50px 0px;
	padding: 0;
	font-family: "Arial", Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
	color: #004673;}
div#linkprezzi li{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
div#linkprezzi a{
	display: block;
	width: 100px;
	line-height: 30px;
    text-decoration: none;
	border: 1px solid #ff2a00;
	/*text-indent: 30px;*/
    background: url(../images/bknormal.jpg) no-repeat top left;
    color: #004673;
	font-variant: small-caps;
	padding: 0px 0px 0px 20px;
}
div#linkprezzi a:hover{
    background: url(../images/bkactive.jpg) no-repeat top left;
	color: #ff2a00;
}
div#linkprezzi li#activelink a,div#linkprezzi li#activelink a:hover{
    background: url(../images/bkactive.jpg) no-repeat top left;
	color: #ff2a00;
}
/*#container #footerspiaggia #footerA {
	margin: 0px;
	padding: 0px;
	height: 108px;
	width: 760px;
}
#container #footerspiaggia #footerB {
	margin: 0px;
	height: 47px;
	width: 760px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #66FFFF;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#container #footerspiaggia #footerB a{
	color: #66FFFF;
}
#container #footerspiaggia #footerC {
	float:left;
	margin: 0px;
	padding: 38px 0px 0px 10px;
	height: 70px;
	width: 370px;
}
#container #footerspiaggia #footerD {
	float:right;
	margin: 0px;
	padding: 48px 20px 0px 0px;
	height: 60px;
	width: 360px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-align: right;
}*/
dl{width:100%} 
dt{font-weight: bold;height: 20px;
    line-height: 20px;padding-left: 0px;color: #F60;
    background: url(omino.png) no-repeat center left}
dd{margin:0 0 15px;border:1px solid #BBB;
    background: #CCD8E6 url(grad.jpg) no-repeat top left}
dd p{margin: 0;padding: 5px;line-height: 1.3em}
dd p img{margin: 0;padding: 5px; float:left;}

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

ul#minipics li{float: left;margin: 20px;padding:0 0 12px 0;
    background: url(shadow.png) no-repeat bottom center}

ul#minipics li img{display:block;border:1px solid;
    border-color: #e8ad35 #e8ad35 #e8ad35 #e8ad35;
    padding: 5px;background: #ff9900}