html,body,{margin: 0;padding:0;}
body{font-family: arial,sans-serif;font-size: 76%;background-color:#FFF; }
div#container{ width:1000px; height:672px; position: relative; margin-left:-500px;  left:50%; margin-top:2%;}
li{ padding:0px; margin:0px; display:inline;}
body,a{ color:#CC9966;}
/* stili per debuggare ie */
a:active, a:focus{outline:none;}
textarea{overflow:auto;}
#main{}
body{}
.button{ margin-right:6px; }
li.main_element img{ padding: 0px 0px 0px 0.5em; margin:0px 0px 0px 0px;}
li#menu_mare{position:absolute; right:492px;}
li#menu_ristorazione{position:absolute; right:358px;}
li#menu_sport{position:absolute;right:278px;}
li#menu_servizi{position:absolute; right:190px;}
li#menu_eventi{position:absolute;right:106px;}
div.box{ overflow:hidden;height:200px; position:absolute; top:55px;}
div.box_container{ width:0%;}

/*stili generici, su header e footer*/
div#header{ width:200px; height: 80px;background-color:#FFF;color: #d0ccad; margin-left:60px; margin-top:20px;}
div#header ul{margin: 0;padding: 0; padding-right:6px; list-style-type: none; width:400px;}
div#header li, div#header h1, div#header h3, div#header img{display:inline;}
div#intestazione{margin:-22px 0 0 185px;}
h1#title{ padding:0 0.5em 0 0; }
a { text-decoration:none; }
a:hover{}
h1,h2,h3{margin: 0;padding:0; font-weight:400;}
h1{padding-left:10px;font: 3.0em/80px arial,sans-serif; font-weight:400;}

/* stile titolo e sottotitolo */
h3.sottotitolo, a.sottotitolo{font-weight:700;position:relative; top:-4px; font-size:16px;}
a#sottotitolo_day{color:#f3961a;  border-left:2px solid #aaa; padding-left:1em; padding-top:0.5em;}
a#sottotitolo_day:hover{ color:#CCCCCC;}
a#sottotitolo_night{color:#c3cfde; padding:0; margin:0;}
a#sottotitolo_night:hover{color:#666666; text-decoration:none;}



div#footer a{}
div#footer a:hover{}
/*stili specifici per il layout*/
div#navigation{position: absolute; top: 8px; right: -70px;
    width:600px;padding: 1em 0px 0px 100px; margin-right:0;}
div#extra{ display:none; position: absolute; top: 80px; right: 0;
    width: 160px;\width:170px;w\idth:160px;padding: 1em 5px}
div#content{padding: 1em 10px;}
div#footer{position: absolute; bottom: 0px; left:10px; padding: 5px 0;
    background-color:none; color: #d0ccad; margin-left:60px; margin-bottom:20px; width:900px;}
div#footer ul{margin: 0;padding: 0; list-style-type: none}
div#footer li, div#footer h3, div#footer a{margin: 0;padding: 0; display:inline; font-weight:lighter; }
div#footer li{}
div#footer h3:hover, div#footer a:hover{ text-decoration:underline;}

/*stili per la navigazione*/
li.main_element{ position:relative; }


div#navigation ul{margin: 0;list-style-type: none; z-index:100; margin-top:-22px;}
div#navigation h1{font-size:18px; display:inline;margin: 0;padding: 0; font-weight:700; padding-left:4px; border-left:2px solid #FFF; }
div#navigation img{}
div#navigation li{margin: 0 0 0 6px;padding: 0;}
div#navigation a{}
div#navigation a:hover{ text-decoration:none;}
div#navigation a#activelink{text-decoration: none;}
div#navigation p{font-size: 90%}
ul#nav_ul{ width:auto; position:relative; right:2em;}

ul.sub_menu{
	background:none;
	text-align:right;
	padding:0px;
	margin:0px;
	padding-top:20px;
	height:300px;
	position:relative;
	bottom:0;																																																	
}
ul.sub_menu li{ padding:0; margin:0; display:block; }
a.sezione, h2.sezione{font-weight:400; font-size:14px; margin:0; padding: 3px 6px 3px 0; border-right:2px solid #ddd;}
a.sezione:hover, ul.sezione:hover{ border-right:2px solid #b0aa8b;}

div#mare{position:absolute;right:4px; height:110%; width:140px;}
div#ristorazione{position:absolute; right:4px;height:135%; width:100px;}
div#sport{position:absolute;right:4px;;height:138%; width:100px;}
div#sport a{ padding-bottom:5px;}
div#servizi{position:absolute; right:4px; height:136%; width:140px;}
div#servizi a{ padding-bottom:5px;}
div#eventi{position:absolute; right:4px;height:28%; width:90px;}

/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{color: #999;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}

/* stili per il box contenuti */
div#center{ position:relative; top:80px; margin:0; padding:0;}
div#descrizione { position:relative; margin:0; padding:0; position:absolute; right:4.9em; top:0px; overflow:hidden; text-align:right; height:350px; width:300px; overflow-x:hidden;overflow-y:hidden; }
div#descrizione iframe{margin:0; padding:0; height:104%; width:300px; overflow:hidden; border:none; padding-right:0px; overflow-x:hidden;overflow-y:hidden; }

/* footer e foto gallery*/
div#box_foto{ position:relative; top:15px; left:61px;}
div#box_foto iframe{ width:555px; height:342px; position:absolute; top:0; left:0;  margin:0px 0 0 0px; padding:0;}
ul#foto_gallery{position:relative; left:-9px;  }
li.icona img, li.icona { padding:0; margin:0 11px 10px 0;}
li.icona img:hover { margin-bottom:14px; }
ul#menu_footer { background:none; position:relative; left:28px;}
ul#menu_footer li{margin-right:29px;background:none;}
ul#menu_footer a{ font-size:14px;}