html,body{margin: 0 auto;text-align: center;padding: 0;height:100%;color: 676767;}

body{background: #c5d6ee;}

div#container{width: 807px;margin: 0px auto;text-align: center;height: 100%;position: relative;background: url(but/bg_cont.jpg);}
body>div#container{height:auto;min-height:100%}
DIV#header {z-index: 1;margin:0 auto;padding:0;position:relative;width: 733px;text-align: left;}

div#navigazione{background: url(but/menu.jpg) no-repeat;width:150px;height:226px;position: absolute;left: 588px;z-index: 1;top: 0px;
        padding-top: 2px;}
        
div#content{font: normal 11px arial,times,verdana ;position: relative;width: 700px;padding: 0;margin: 0 auto; border: 1px solid #ccc;background: #f2f2f2; text-align: justify;}


div#footer{position: relative;bottom:-1px;bottom: 0 !important; left: 0; right: 0;border-top: 1px solid #f2f2f2; width: 100%;margin: 0; padding: 0;font-size: 11px;color: #fbfbfb;text-align:center;background: #e27645;font: normal 11px arial,times,verdana ;}
        
div#footer a{color: #fff;text-decoration: none;}
div#footer a:active{color: #fff;text-decoration: none;}
div#footer a:visited{color: #fff;text-decoration: none;}
div#footer a:hover{color: #f3de9f;text-decoration: none;}       
        
h2{font: bold 16px arial,verdana,times;text-align: center;color: #434343;} 
        
#cap {font-family: times;font-size:50px; color:#e27645; font-weight:bold; float:left; height:34px; line-height:34px; margin-top:6px; margin-right:5px;}

        
/* LISTA MENU NAVIGAZIONE */    
ul#menutop{margin:0;padding: 0;list-style:none;}
ul#menutop li {margin:0 auto;padding:0;border-bottom: 1px solid #f6e7bb;}
#menutop a {margin: 0 auto;padding: 0;font: normal 11px arial,times,verdana ;color:#000000;text-decoration: none;}
#menutop a:hover {margin: 0;padding: 0;font: bold 11px verdana,times,verdana ;color:#000000;display: block;line-height: 19px;background: url(but/menu_hover.png) no-repeat right;text-decoration: none;}
#menutop .current {margin:0;padding:0;border-bottom: 1px solid #C5B8A6;border-top: 1px solid #C5B8A6;display: block;background: url(but/menu_current.png) no-repeat right;text-decoration: none;font: bold 11px arial,times,verdana ;}
#menutop .alt { display:none}


/* IMMAGINE SPIAGGIA SOTTO LOGO E TESTATA */
div#top2{background: url(but/top_2.jpg) no-repeat;margin: 0 auto; padding: 0px; position: relative;z-index: 0; top: -50px; width: 733px;height: 153px;text-align: center;}


div#lingue{border-bottom: 1px dotted #c4c4c4;margin: 0 auto; padding:0; position: relative; top: -48px;width: 733px; text-align: left;font: normal 11px arial,verdana,times;}


/* LINK BARRA LINGUE */
div#lingue a{color: #3333ff;font: normal 11px arial,verdana,times;text-decoration: none;}
div#lingue a:hover{color: #e27645;font: normal 11px arial,verdana,times;text-decoration: none;}


/* BANDIERA ITALIANA */
div#lingue a.ita{color: #3333ff;font: normal 11px arial,verdana,times;text-decoration: none;background: url(but/ita.jpg) no-repeat left;
padding-left: 18px;}
div#lingue a.ita:hover{color: #e27645;font: normal 11px arial,verdana,times;text-decoration: none;background: url(but/ita.jpg) no-repeat left;padding-left: 18px;}


/* BANDIERA INGLESE */
div#lingue a.eng{color: #3333ff;font: normal 11px arial,verdana,times;text-decoration: none;background: url(but/eng.jpg) no-repeat left;
padding-left: 18px;}
div#lingue a.eng:hover{color: #e27645;font: normal 11px arial,verdana,times;text-decoration: none;background: url(but/eng.jpg) no-repeat left;padding-left: 18px;}


/* BANDIERA FRANCESE */
div#lingue a.fra{color: #3333ff;font: normal 11px arial,verdana,times;text-decoration: none;background: url(but/fra.jpg) no-repeat left;
padding-left: 18px;}
div#lingue a.fra:hover{color: #e27645;font: normal 11px arial,verdana,times;text-decoration: none;background: url(but/fra.jpg) no-repeat left;padding-left: 18px;}


/* BANDIERA TEDESCA */
div#lingue a.de{color: #3333ff;font: normal 11px arial,verdana,times;text-decoration: none;
background: url(but/de.jpg) no-repeat left;
padding-left: 18px;}

div#lingue a.de:hover{color: #e27645;font: normal 11px arial,verdana,times;text-decoration: none;
background: url(but/de.jpg) no-repeat left;padding-left: 18px;}


/* LINK PREFERITI */
div#lingue a.pref{color: #3333ff;font: normal 11px arial,verdana,times;text-decoration: none;
background: url(but/preferiti.jpg) no-repeat left;padding-left: 13px;}

div#lingue a.pref:hover{color: #e27645;font: normal 11px arial,verdana,times;text-decoration: none;
background: url(but/preferiti.jpg) no-repeat left;padding-left: 13px;}


/* LINK CONSIGLIA SITO */
div#lingue a.cons{color: #3333ff;font: normal 11px arial,verdana,times;text-decoration: none;
background: url(but/consiglia.jpg) no-repeat left;margin-left: 5px;padding-left: 19px;}

div#lingue a.cons:hover{color: #e27645;font: normal 11px arial,verdana,times;text-decoration: none;
background: url(but/consiglia.jpg) no-repeat left;padding-left: 19px;}

/* DOVE SIAMO */
.comearrivare_dovesiamo{ width: 650px; height: 40px;font: normal 1em arial,verdana,times;text-align: justify;
	border-bottom: 1px solid #ccc;margin: 0 auto; padding: 0;line-height: 180%;}
.img_dovesiamo{float: left; width: 40px;height: 40px; margin: 0 1em; padding: 0;}


.span_titolo_pagina{width: 200px;z-index: 1;position: relative; top: 6px; left: -218px;margin: 0 auto;padding: 3px;background: #fff;
border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;border-top: 3px solid #e27645;display: block;font: bold 12px verdana,times,verdana ; color: #676767;}


.span_desc_home_main{margin: 5px;padding: 5px;background: #fff;display: block;}

/* DESCRIZIONE HOME PAGE */
.span_desc_home{margin-left: 25px;margin-top: 20px;display: block;width: 42%;line-height: 200%;float: left;}

.span_img_home{width: 301px; margin-left: 35px;text-align: center;}

.span_desc_photogallery{margin-left: 5px;margin-top: 20px;display: block;width: 100%;line-height: 200%;float: left;}




/* DISTANZE */
.span_distanze{text-align: center;border: 1px dotted #e27645;margin-top: 35px;display: block; background: url(but/bg_diagonale.jpg);}

.span_distanze_centro{display: block; background: #e5eefc;margin:0 auto;padding:0;}


.span_pref{padding-left: 40px;}

/*
.palma{position: relative;width: 83px;height: 107px;background: url(but/palma.gif) no-repeat;left: 100px; top: 0px;z-index: 2;}
*/

.design{font:normal 9px arial,verdana,times;}

.span_lingue{padding-left: 5px;}


/* PHOTO GALLERY */

.table_photo{width: 700px;border-collapse: collapse;margin-left: -10px;padding: 0;text-align: center;}

.table_photo caption{display: none;}

.table_photo img{margin-left: -16px;padding: 3px;border:3px solid #e27645;width: 180px;height:130px;}

.table_photo td{vertical-align: top;font: normal 0.8em arial,verdana,times;color: #676767;text-align: center;width: 250px;}

.numerazione_pagine{	padding: 1em;	margin: 5px 0 20px auto;	font-size: 12px;	text-align: center;}

.numerazione_pagine a{	font-size: 12px;text-decoration: none;	color: #3333ff;}

.numerazione_pagine a:active{	font-size: 12px;text-decoration: none;	color: #3333ff;}

.numerazione_pagine a:visited{	font-size: 12px;text-decoration: none;	color: #3333ff;}

.numerazione_pagine a:hover{	font-size: 12px;text-decoration: none;	color: #c20000;}


/* CLASSI SERVIZI */
.table_servizi{width: 675px;margin: 0 0 10px auto; padding: 0;border-collapse: collapse;}

.table_servizi caption{display: none;}

.table_servizi td{font: normal 0.9em arial,verdana,times;color: #434343;text-align: left;}

.table_servizi td img{border:0;padding: 0px;width: 33px;height: 32px;border:1px solid #ededed;background-color: #fbfbfb;padding: 2px;}


/* CLASSI per STAMPARE PAGINA Prezzi e Bungalow */
.stampa{display: block; margin: 1em; float: left;}
.stampa a{font-size: 11px;text-decoration: none;padding-top: 2px;padding-right: 20px;color: #3333ff; 
background: url(but/stampa.jpg) right no-repeat; }
.stampa a:active{font-size: 11px;text-decoration: none;	color: #3333ff;}
.stampa a:visited{font-size: 11px;text-decoration: none;	color: #3333ff;}
.stampa a:hover{font-size: 11px;text-decoration: none;color: #c20000;}
/* CLASSI per ANDARE A PAGINA PREZZI */
.prezzib{display: block; margin: 1em; float: right;}
.prezzib a{font-size: 11px;text-decoration: none;padding-top: 2px;padding-right: 20px;color: #3333ff; 
background: url(but/prezzi.jpg) right no-repeat; }
.prezzib a:active{font-size: 11px;text-decoration: none;	color: #3333ff;}
.prezzib a:visited{font-size: 11px;text-decoration: none;	color: #3333ff;}
.prezzib a:hover{font-size: 11px;text-decoration: none;color: #c20000;}



.privacy{display: block; background: #f1f1ef;padding-left: 5px;margin-bottom: 7px;}


.diva{float: left;width: 49%;width: 49%;width: 49%;margin: 0 2px 0;padding: 10px 0;text-align: center;border: 1px solid #dbe6f5;
background: #ffffff;}
.diva h3{display: block;border-bottom: 2px solid #89aad7;border-top: 2px solid #89aad7; background: #b1cae9;font: bold 1.5em arial,verdana,times;color: #ffffff;}
div.clearer{float: none; clear: left;text-align: center;} 
.diva img{width: 280px; height: 220px; padding: 0.5em; border: 1px solid #d3d3d3;}
.diva h3 a{color: #ffffff; text-decoration: none;}
.diva h3 a:visited{color: #ffffff; text-decoration: none;}
.diva h3 a:active{color: #ffffff; text-decoration: none;}
.diva h3 a:hover{display: block;background: #dbe6f5;color: #89aad7; text-decoration: none;}


.div_home{float: left;width: 49%;width: 49%;width: 49%;margin: 0 4px 0;padding: 10px 0;}
div.clearer{float: none; clear: left;text-align: justify;font: normal 1em arial,verdana,times;color: #000000;line-height: 180%;margin-top: -25px;} 


.stampa_bungalow {display: block; width: 650px;margin-left: 15px;}
.stampa_bungalow img{border: 2px solid #d9d9d9;padding: 2px;width: 300px; height: 200px;} 
.stampa_bungalow hr{color: #e27645; background: #e27645;}