/* NORMALIZE MARGIN PADDING */
body, div, dl, dt, dd, ul, ol,li, h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td
{margin :0; padding:0; }

/*NORMALIZE FONT FOR HEADERS */
h1,h2,h3,h4,h5,h6
{font-size :100%; }

/*REMOVE LIST-STYLE FROM LIST */
ul,ol
{ list-style : none; }

/* NORMALIZE FONT_STYLE E FONT_WEIGHT TO NORMAL */
addres, caption, cite, code, dfn, em, strong, th, var
{ font-style:normal ; font-weight:normal;}

table
{ border-collapse:collapse ; border-spacing:0; }

/* REMOVE BORDER FROM FIELDSET AND IMAGE */
fieldset, img
{ border:0; }

/*LEFT ALIGN TEXT IN CAPTION E TH */
caption, th
{ text-align: left ;}

/*REMOVES QUOTATION MASK FROM Q */
q:before, q:after 
{ content:''; }
a{ color:#0066FF; text-decoration:none;}

body{font-family:Trebuchet MS, arial,sans-serif;font-size: 76%; background-color:#ecf3f7;}
h2{font-size:120%; font-family:Trebuchet MS;}
p{text-align:justify; font-size:1.2em}
/*=================================================================================================== STILI GENERALI ============================================*/
.titolo_lista_hotel{ margin-bottom:2em;}
h6, h6 a{font-size:.9em; margin:-1em 0 3em 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
.elemento_a_destra{text-align:right;}
.elenco_puntato{ list-style-image:url(../img/layout/spunto.gif); margin-left:15px; font-size:1.2em; line-height:22px;}
.elenco_puntato li{ margin:15px 0 0 0;}
.banner_laterale{ text-align:center; margin-top:1em;}
.titolo > a{}
/*=================================================================================================== STILI PER IL LAYOUT ============================================*/
div#container{position: relative; width:1024px; margin:0 auto;}
div#navigation{position: absolute; top: 230px; left: 0; width: 145px;\width:155px;w\idth:145px;padding: 1em 0 0 0;}
div#extra{position: absolute; top: 233px; right: 0px; width: 145px;\width:155px;w\idth:145px;padding: 1em 0 0 0;}
div#content{margin: 0 145px 0 145px; border-style:solid; border-width:0 1px; border-color:#ccc; padding:1em 10px;}
div#footer{text-align:center; padding: 5px 0; background-color: #73bef0; color: #000}

/*================================================================================================ D I V    H E A D E R ==============================================*/
div#header{height: 230px;color: #fff; background-image:url(../img/costa-ligure.jpg); background-repeat:no-repeat;}
h1{ font-size:.8em; margin-top:-3px; color:#999999; letter-spacing:5px; text-align:center;}
ul#menu_a_2livelli{
width:1023px;
position:absolute;
top:210px;
float: left;
margin: 0;
padding: 0;
border-top: 1px solid #d06145;
border-bottom: 1px solid #d06145;
border-left: 1px solid #d06145;
background: #2D4E6C;
list-style:none;
font:1em Trebuchet MS;
z-index:1000;
}	
ul#menu_a_2livelli li ul li{
list-style:none;
margin:0;
padding:0;
}
ul#menu_a_2livelli li{
float:left;
margin: 0;
padding: 0;
border-left:1px solid  	#D76120;
color:black;
width:145px;
}
ul#menu_a_2livelli a:link,
ul#menu_a_2livelli a:visited{
display: block;
padding: 4px 6px;
color: #fff;
text-decoration: none;
}
ul#menu_a_2livelli a:hover,
ul#menu_a_2livelli a:focus,
ul#menu_a_2livelli a:active{
background-color: #D76120;
color: #FFFFFF;
text-decoration: none;
}

ul#menu_a_2livelli li ul{
display: none;
}

ul#menu_a_2livelli li:hover ul{
display: block;
position: absolute;
z-index:1;
width:145px;
padding: 0;
margin: 0 0 0 -1px;
border:1px solid #d06145;
background: #2D4E6C;
font-size:1em;
}
ul#menu_a_2livelli li li {
border-bottom:1px solid #d06145;
width: 145px;
}



/*================================================================================================== D I V     N A V I G A Z I O N E ================================*/
#navigation ul{

margin:0;
padding:0;
font-size:1em;
margin-top:15px;
}
#navigation li{
border-bottom: 1px solid #d06145; 
}
#navigation h2{font-size:1.5em; text-align:center; color:#d06145;}
div#navigation li a:link, div#navigation li a:visited{
font-size:.9em;
display:block;
padding:0.4em 0 0.4em 15px;
border-right:1px solid #d06145;
border-left:1px solid #d06145;
background-image:url(../img/layout/freccia.gif);
background-position:3px 8px;
background-repeat:no-repeat;
background-color:#2D4E6C;
color:#FFF;
}
div#navigation li a:hover{ background-color:#006699; }
div#navigation h3{
font-size:1.2em; padding:.3em 0; height:20px; background-color:#d06145; text-align:center; color:#ecf3f7; text-transform:uppercase; letter-spacing:7px;
}


/* ================================================================================================ D I V     E X T R A =============================================*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#extra div.newsbox h2{ font-size:1.8em; text-align:center; color:#d06145;}
div#extra div.newsbox ul h3{ font-size:1.2em; padding-top:.3em; height:20px; background-color:#d06145; text-align:center; color:#ecf3f7; text-transform:uppercase; letter-spacing:2px;}
div#extra div.newsbox p{margin: 0}
div#extra div.newsbox ul{width:100%;background-color:#2D4E6C; margin-top:15px;}

div#extra div.newsbox li a{ display:block; font-size:.9em; padding:.3em 2em; letter-spacing:2px;border-bottom:1px solid #d06145; font-weight:bold;color:#ecf3f7; background-image:url(../img/layout/freccia.gif); background-position:5px 5px; background-repeat:no-repeat;letter-spacing:1px;}
div#extra div.newsbox li a:hover{background-color:#006699;}

.random ul{
top:0;
background-color:#2D4E6C;
}
.random h3{font-size:1.2em; padding-top:.3em; height:20px; background-color:#d06145; text-align:center; color:#ecf3f7; text-transform:uppercase; letter-spacing:2px;}
.random li p{color:#FFFFFF; padding:0 .4em;}

.scambio_laterale { margin-top:2em; background-color:#2D4E6C; height:60px;}
.scambio_laterale p{color:#FFFFFF; font-size:11px; padding-left:3px;}
.scambio_laterale h3{font-size:1em; padding-top:.3em; height:20px; background-color:#d06145; text-align:center; color:#ecf3f7; text-transform:uppercase; letter-spacing:2px;}
/*==================================================================================================== D I V    F O O T E R ==========================================*/
div#footer{
border-bottom:1px solid #000000;font-size:0.9em; height:20px;
}
div#footer p{
text-align:center;
}
/*==================================================================================================== D I V    C O N T E N T ========================================*/
div#motore_ricerca{margin-bottom:70px;}
.contenitore_hotel{
position:relative;
width:100%;
height:113px;
background-color:#006699;
background-image:url(../img/layout/angolo_destra_basso.gif);
background-position:bottom right;
background-repeat:no-repeat;
margin-bottom:30px;
}
.contenitore_hotel a{ color:#FFFFFF;}
.foto_contenitore_hotel{
position:absolute;
top:0;
left:0;
border:1px solid #000000;
width:100px; height:100px; margin:5px 5px;
}
.foto_contenitore_hotel img{
width:100px;
height:100px;
}
.nome_contenitore_hotel{
position:absolute;
top:3px;
left:115px;
font-size:1.2em;
font-weight:bold;
color:#ecea65;
letter-spacing:3px;

}
.descrizione_contenitore_hotel{position:absolute; top:25px; left:115px; color:#FFFFFF; text-align:justify; padding-right:5px;}
.stanze_contenitore_hotel{position:absolute; left:215px; bottom:5px; color:#ccc; font-style:italic; font-size:1em;}
.costo_contenitore_hotel{position:absolute; left:115px; bottom:5px; color:#ccc; font-style:italic; font-size:1em;}
.località_contenitore_hotel{position:absolute; left:115px; top:50px; color:#ccc; font-style:italic; font-size:1em;}
.scheda_contenitore_hotel{position:absolute;bottom:5px; right:210px; border:1px solid #2D4E6C; background-color:#d06145;height:17px; width:85px; text-align:center;}
.prenota_contenitore_hotel{position:absolute;bottom:5px; right:20px; font-size:1em; border:1px solid #2D4E6C; height:17px;width:135px; text-align:center; background-color:#d06145;}
.btnfoto_contenitore_hotel{position:absolute; bottom:5px; right:115px; border:1px solid #2D4E6C; background-color:#d06145; width:85px; text-align:center;height:17px;}
.stelle{ position:absolute; top:3px; right:20px;}
.distanza_contenitore_hotel{position:absolute; top:-18px; color:#fff;background-color:#d06145; padding:0 3px 0 5px; font-weight:bold;}
.paginazione{text-align:right; font-size:1.5em; letter-spacing:5px;}
.informazioni_e_prenotazioni{margin-bottom:2em;}
.informazioni_e_prenotazioni h3{ font-size:1.1em; font-weight:900;}
#map{ background-color:#000000; height:500px; width:100%; border:3px solid #2D4E6C; }

/*classe della select di ordinamento hotel*/
.ordinamento{background-color:#ecf3f7;}

/*classe di stile per le foto nella pagina delle località*/
.descrizione_località{font-size:1.2em; line-height:22px;}
.foto_località{float:right; margin:2em 0 2em 2em; border:1px solid #666;}
/*============================================================================================ P A G I N A    C O N T A T T I =======================================*/
.p_pag_contatti{
margin-top:25px;
margin-bottom:80px;
}
.form_contatto{
margin-top:20px;
}
.form_contatto label{
float:left;
width:200px;
font-weight:bold;
}
.form_contatto_btn{
margin:15px 0 50px 200px;
}
.p_riepilogo_errori_modulo{
font-size:1.2em;
margin-top:-70px;
font-weight:bold;
color:#FF0000;
}

.ul_riepilogo_errori_modulo{
margin-top:-10px;
margin-left:20px;
font-size:1.2em;
font-weight:bold;
list-style: disc;
color:#FF0000;
}
/*================================================================================== L U O G H I   D A     V I S I T A R E  =======================================*/
.elenco_luoghi_da_visitare{ margin:3em 0 3em 0; }
.elenco_luoghi_da_visitare li{
margin-top:3em;
background-color:#006699; 
box-shadow:5px 8px 10px #000;
-webkit-box-shadow:5px 8px 20px #000;
-moz-box-shadow: 5px 8px 20px #333;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
.elenco_luoghi_da_visitare p{
margin-top:-1px; padding:.7em 1em 1em 1em; color:#fff;letter-spacing:1px; font-size:1.2em; line-height:1.5em;
}
.elenco_luoghi_da_visitare h3{ background-image:url(../img/layout/spunto.gif); background-repeat:no-repeat; background-position:3px 5px; background-color:#006699; padding-left:1em; font-size:1.5em;  border-bottom:1px dotted #ecf3f7; letter-spacing:2px; color:#000;}
.elenco_luoghi_da_visitare h3 a, .elenco_luoghi_da_visitare a{ color:#f29150;}
/*====================================================================================== E L E N C O   E V E N T I ===================================================*/
.elenco_eventi{
position:relative;
width:100%;
height:115px;
background-image:url(../img/layout/sfondo-eventi.jpg);
background-repeat:no-repeat;
background-position:bottom;
background-color:#006699;
margin-top:3em;font-family:Verdana, Arial, Helvetica, sans-serif;
}
.elenco_eventi p{display:inline;}

.evento_titolo{ position:absolute; top:0; left:0; padding:5px .5em; font-size:1em; letter-spacing:2px; font-weight:bold;}
.evento_descrizione{position:absolute; top:20px; left:0; color:#CCC; padding:.5em; text-align:justify; line-height:1.7em; font-style:italic; font-size:.9em;}
.evento_dove{ position: absolute; bottom:30px; left:.5em; color:#CCC; font-size:.9em;}
.evento_quando{position:absolute; bottom:10px; left:.5em;color:#CCC;text-align:justify; font-size:.9em;}
.evento_informazioni a{position:absolute; bottom:15px; right:1em; width:150px; height:18px; background-color:#FF9F71; text-align:center; color:#333; }

/*=============================================================================== S C A M B I O    L I N K        ===================================================*/
.lista_scambio_link{ margin:1em 0 0 10px; list-style:url(../img/layout/freccia.gif)}
.lista_scambio_link li{margin-bottom:5px;}