/* CSS Generali */
html, body {margin:0; padding:0; height:100%;}
html, body, ul, li, p, h1, h2, h3, h4, h5, h6, div {color:#fff; font-family: Verdana,Tahoma,sans-serif; font-weight:normal; margin:0; padding:0;}
html {font-size:100%;}
ul {list-style-image:none; list-style-position:outside; list-style-type:none;}
.hidden {display:none;}
.clear {clear:both; display:block; font-size:1px; height:0; line-height:0; margin:0;}
a:link, a:visited {color:#ffcc00; text-decoration:none;}
a:hover {color:#ffcc00; text-decoration:underline;}
a img {border:0;}
body {background:#20b3f2 url(../img/backHead.gif) repeat-x;}

#wrapper {
	padding-bottom:6em; /* bottom padding for footer */
	width:970px;
}
#container {
	position: relative; /* needed for footer positioning*/
	min-height: 100%; /* real browsers */
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-width:970px;
}
#footcontainer {
	clear: both;
	position: absolute;
	bottom: 0; /* stick to bottom */
	width: 100%;
	background-image:url(../img/backSea.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
	background-color:#20b3f2;
	height:90px;
}

/* CSS Pagina */
p {font-size:14px; line-height:1.5em;}
#sx {width:298px; float:left;}
#dx {width:672px; float:left;}

/* CSS Sx */
#logo {padding-top:25px;}
#servLogo {margin-left:36px; margin-top:4px;}
#servLogo li {color:#304a68; font-size:12px; font-weight:bold;}
.bianco {color:#FFFFFF;}
#scoprire {background:url(../img/scoprirci.gif) no-repeat; margin-top:50px; padding-top:50px;}
#visitare {background:url(../img/visitare.gif) no-repeat; margin-top:30px; padding-top:55px;}
#scoprire li, #visitare li {text-transform:uppercase; font-size:12px; font-weight:bold; margin-top:4px; text-align:right; margin-right:78px;}
#scoprire li a:link, #scoprire li a:visited, #visitare li a:link, #visitare li a:visited {color:#304a68; text-decoration:none;}
#scoprire li a, #scoprire li a:hover, #visitare li a, #visitare li a:hover {color:#FFFFFF; text-decoration:underline;}

/* CSS Header */
#serv {float:right; margin-top:20px; margin-right:16px;}
#serv li {float:left; margin-left:20px;}
#serv li a {font-size:11px; text-transform:uppercase; font-weight:bold;}

/* CSS Dx */
#flash {margin-top:10px; margin-bottom:20px;}
#benvenuto {width:376px; float:left;}
#benvenuto h3 {background:url(../img/titoli/titBenvenuto.gif) right 0 no-repeat; text-indent:-9999px; margin-right:-6px;}
.sezioni {background:url(../img/angBackTit.gif) right 26px no-repeat;}
.sezioni p {margin-top:4px;}
.titSez {background:url(../img/backTit.gif) 0 bottom repeat-x; height:34px; margin-right:7px;}
#ombrellone {background:url(../img/ombrellone.png) no-repeat; width:57px; height:61px; position:absolute; top:-26px;}
#gallHP {width:250px; margin-left:10px; float:right; position:relative;}
#gallHP h3 {background:url(../img/titoli/titGallery.gif) right 0 no-repeat; text-indent:-9999px; margin-right:-6px;}

/* CSS Gallery */
#fotoHP li { float:left; background:#63caf6; height:96px; width:96px; margin:12px; padding:2px;}
.imgGallery {border:3px solid #FFFFFF;}

/* CSS Gallery servizi */
#fotoservizi li { float:left; background:#63caf6; width:165px; margin:124px; margin:12px; padding:2px;}
.imgGallery {border:3px solid #FFFFFF;}

/* CSS Footer */
#footer {background:url(../img/angBackTit.gif) right bottom no-repeat; margin-top:90px;}
#footer p {background:url(../img/backTit.gif) 0 bottom repeat-x; font-size:12px; padding-bottom:20px; margin-right:7px; padding-left:10px;}

/* CSS Contenuto */
.contenuti {background:url(../img/angBackTit.gif) right 26px no-repeat; margin-bottom:50px;}
.contenuti p {margin-top:14px;}
.imgVarie {border:2px solid #63caf6; margin-top:20px; background:#fff; padding:3px;}

/* CSS Listino prezzi */
.listino {margin-top:0px; width:60%; padding-bottom:20px;}
.listino li {margin-top:10px; border-bottom:1px solid #63caf6; list-style:disc; padding-bottom:6px; font-size:13px;}
.titBlu {text-transform:uppercase; color:#304a68; font-size:18px; margin-top:20px;}
.prezzo {display:block; text-align:right; color:#304a68; font-weight:bold; margin-top:-15px;}
.titorange {text-transform:uppercase; color:orange; font-size:18px; margin-top:20px;}

/* CSS Mappa */
#indicazioni {color:#000000;}
#gmap {border:5px solid #fff; margin-top:20px;}

/* CSS Titoli */
#servizi {background:url(../img/titoli/titServizi.gif) right 0 no-repeat; text-indent:-9999px; margin-right:8px;}
#camere {background:url(../img/titoli/titCamere.gif) right 0 no-repeat; text-indent:-9999px; margin-right:8px;}
#gallery {background:url(../img/titoli/titGallery.gif) right 0 no-repeat; text-indent:-9999px; margin-right:8px;}
#prezzi {background:url(../img/titoli/titPrezzi.gif) right 0 no-repeat; text-indent:-9999px; margin-right:8px;}
#come {background:url(../img/titoli/titCome.gif) right 0 no-repeat; text-indent:-9999px; margin-right:8px;}
#info {background:url(../img/titoli/titInfo.gif) right 0 no-repeat; text-indent:-9999px; margin-right:8px;}
#iter {background:url(../img/titoli/titIter.gif) right 0 no-repeat; text-indent:-9999px; margin-right:8px;}
#parchi {background:url(../img/titoli/titParchi.gif) right 0 no-repeat; text-indent:-9999px; margin-right:8px;}
#meteo {background:url(../img/titoli/titMeteo.gif) right 0 no-repeat; text-indent:-9999px; margin-right:8px;}


/* css servizi e camere */
.servizi {margin-top:0px; padding-bottom:20px;}
.servizi li {margin-top:10px; list-style:disc; padding-bottom:6px; margin-left: 20px;}


/* tabella prezzi */
table.prezzi {width: 500px;margin: 0 auto; padding: 0; font: normal 13px georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
th.periodo {background: #007dc0;padding: 6px; color: #fff;} 
td.periodo {background: #c8ebff;padding: 6px; font-weight: bold; color: #000;} td.camera1 {background: #fad6c0;padding: 6px; font-weight: bold; color: #000;} 


/*tabella info*/
table.info { 	 margin: 0; padding: 0;	width: 600px; }
td.info { text-align: right; padding: 3px; }
td.selezione { text-align: left; color : #000; padding: 3px;}
td.info a {   color: #000;}
input.testo { width: 300px; 	padding: 2px;	border: 2px solid #ddd;	color: #777;	background: #f9f9f9;	font-size: 125%;	font-family: Arial, Verdana, sans-serif;	}
input.testo a:hover { border: 2px solid blue; }
input.testo2 { width: 95px; 	padding: 2px;	border: 2px solid #ddd;	color: #777;	background: #f9f9f9;	font-size: 110%;	font-family: Arial, Verdana, sans-serif;	}
select.testo { width: 250px; 	padding: 2px;	border: 2px solid #ddd;	color: #777;	background: #f9f9f9;	font-size: 110%;	font-family: Arial, Verdana, sans-serif;	}
input.pulsante {width: 100px; padding: 2px; }

/* mirabilandia */
div#dintorni { width: 380px; height: 293px; float: center; margin: 0 auto; background: url("../img/cornice-dintorni.gif"); }
div#dintorni img { margin: 13px; border: 1px solid #ccc;}