/* ######################## LAYOUT ID #################################################### */

body{
	background: #00553D url("../images/bg_page.gif") repeat-y top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

strong{ color: #FFF; }

a{ 
	color: #FFF;
	text-decoration:underline;
	}
	
a:hover{ text-decoration:none;}

#wrapper{ 
	width: 100%;
	height: auto !important;  /* per i browser moderni */
    height: 1212px;      /* per IE5.x e IE6 */
    min-height: 1212px;  /* per i browser moderni */
	background: url("../images/background.png") no-repeat top center;
	}

#container{
	width: 950px;
	margin: 0 auto;
	text-align: center;
	
	}	
	
#header{
	margin-top: 30px;
	width:950px;
	height: 362px;
	}	
	
	#fade{
		float: left;
		height: 362px;
		}
	
#navigation {
    background: #0C2418 url("../images/navigation.gif") no-repeat;
    width:950px;
    height:54px;
    margin:0;
    padding:0;
    }

    #navigation span {
    display: none;
    }

    #navigation li, #navigation a {
    height:54px;
    display:block;
    }

    #navigation li {
    float:left;
    list-style:none;
    display:inline;
    }
	
	#navigation-home {width: 72px;}
    #navigation-dove {width: 105px;}
    #navigation-servizi {width: 139px;}
    #navigation-camere {width: 94px;}
    #navigation-meeting {width: 80px;}
	#navigation-photo {width: 122px;}
	#navigation-news {width: 200px;}
	#navigation-prenotazioni {width: 138px;}
	
	#navigation-home a:hover {background:url("../images/navigation.gif") 0px -54px no-repeat; }
    #navigation-dove a:hover {background:url("../images/navigation.gif") -72px -54px no-repeat; }
    #navigation-servizi a:hover {background:url("../images/navigation.gif") -177px -54px no-repeat; }
    #navigation-camere a:hover {background:url("../images/navigation.gif") -316px -54px no-repeat; }
    #navigation-meeting a:hover {background:url("../images/navigation.gif") -410px -54px no-repeat; }
    #navigation-photo a:hover {background:url("../images/navigation.gif") -490px -54px no-repeat; }
    #navigation-news a:hover {background:url("../images/navigation.gif") -612px -54px no-repeat; }
    #navigation-prenotazioni a:hover {background:url("../images/navigation.gif") -812px -54px no-repeat; }  

#left-col{
	float:left;
	width:285px;
	height:50px;
}

#left-menu {  
   background:url("../images/left-menu.gif") 0 0 no-repeat;  
   width:203px;  
   height:188px;  
   margin:20px 0 20px;  
   padding:0;
   float:left;
   }
   
#left-menu li span { display: none; }  
   
#left-menu li { float:left; list-style:none; position:relative; }  

#left-menu li, #left-menu a{display:block;  margin:0;  padding:0;}

#left-menu-offerte { width:203px; height:45px; }  
#left-menu-prenota { width:203px; height:45px; }  
#left-menu-newsletter { width:203px; height:63px; }  
#left-menu-mappa { width:203px; height:35px; }

#left-menu-offerte li, #left-menu-offerte a{ width:203px; height:45px;}  
#left-menu-prenota li, #left-menu-prenota a{ width:203px; height:45px;}
#left-menu-newsletter li, #left-menu-newsletter a{ width:203px; height:65px;}  
#left-menu-mappa li, #left-menu-mappa a{ width:203px; height:35px;}

#left-menu-offerte a:hover { background:url("../images/left-menu.gif") -203px  0px no-repeat; }  
#left-menu-prenota a:hover { background:url("../images/left-menu.gif") -203px  -45px no-repeat; }  
#left-menu-newsletter a:hover { background:url("../images/left-menu.gif") -203px  -90px no-repeat;height:63px; }  
#left-menu-mappa a:hover { background:url("../images/left-menu.gif") -203px  -153px no-repeat; }  

#content{
	float: left;
	width: 380px;
	text-align: left;
	color:#FFF;
	margin: 15px 0;
}

	#content h2{ 
		font-size: 1.2em;
		color: #FFC731;
	}

	#content p{
		margin:0 0 10px 0;
		line-height:20px;
		}

	#content p.date{
		font-size: 0.8em;
		color: #FFF;
		}
	
	#content li{
		margin:10px 0;
		list-style:inside; 
		list-style-type:square;
		line-height:20px;
		}
		
#footer{ 
	float:left;
	width:950px;
	height:80px;
	}

p.legal{
	margin:10px 0;
	color:#FFF;
	font-size:0.8em;
	text-align:center;
	}

.clear{ clear:both; }

h1.title{
	margin: 30px 0;
	}

/* ######################## CLASSI VARIE #################################################### */

.left{ float: left; margin-right: 5px}
.right{ float: right; margin-left: 5px}
.clear{ clear: both; }
.upper{ text-transform:uppercase; }


.gallery-content{ margin:0 0 10px; }
.gallery{ margin: 20px 20px 0 0 }


/* ############################  FORM   ############################################ */
  
.form fieldset{border:0;margin:0;padding:0;}
.form legend{display:block;padding:0;margin:0}
.form label{float:left;width:140px;line-height:23px;padding:0 10px;text-align:left;}
.form{padding: 10px 0;border-bottom: 1px solid #F0F0F0;text-align:left}
.required{color:#CC0000}
.form input, textarea, select{
	border: 1px solid #bbb;
	border-top: 1px solid #777;
	border-bottom: 1px solid #ddd;
	background: #fefefe url("../default_images/textbg.png") no-repeat top left;
	padding: 0.2em 0.2em;
	max-width: 1000px;
	font-variant: normal;
}

/* ######################## GOOGLE MAPS #################################################### */

#sidebar_map{ margin:5px 0;}
#sidebar_map li{
	padding:5px 0 5px 10px;
	margin:5px 0;
	background: #A5272A url("../images/header.gif") repeat-x;
	font-weight:bold;
}
#sidebar_map a{color:#FFF;}


/* ######################## MSG BOX #################################################### */

#con{width:100%;float:left}

.message{
	font-size: 1em;
    margin: 0.5em 0 0.5em;
    padding: 1em 15px 0.5em 60px;
    border-style: solid;
    border-width: 1px 1px;
	text-align:left;
	height: auto !important;  /* per i browser moderni */
    height: 60px;      /* per IE5.x e IE6 */
    min-height: 60px;  /* per i browser moderni */
	border-color: #E0E0E0;
}

.message p{margin: 0 0 0.4em 0}	
.message a{text-decoration:underline; line-height:30px; display:block; color:#000}
.message a:hover{text-decoration:none;color:#000}
.message li{list-style : square inside; margin:5px 0;}
.message h4{font-size:1.1em;}
.message.succes{background: #EFF5EF url('../default_images/alert_succes.gif') no-repeat 12px 1em; border-color:#D6E9D6}
.message.succes h4{color:#6AA367}
.message.info{background:  #F3F7FC url('../default_images/alert_info.gif') no-repeat 12px 1em; border-color:#DDE7F4}
.message.info h4{color:#6488B7}
.message.question{background: #FDF4EC url('../default_images/alert_question.gif') no-repeat 12px 1em; border-color:#FBE8D0}
.message.question h4{color:#E79742}
.message.error{ background: #FEEDF1 url('../default_images/alert_error.gif') no-repeat 12px 1em; border-color:#F4CED9}
.message.error h4{color:#9C052F}


/* ############################  PAGINAZIONE RISULTATI  ############################################ */

.pag {width:100%;}
.pag-left{text-align:left;float:left;padding-bottom:5px;}
.pag-right{text-align:right;padding-top:10px;height:30px;float:right}
.pag-right a{color:#A5272A;text-decoration: none;font-weight:bold;}
.pag-right a:hover,active,visited{color:#000;text-decoration:none;	border: 1px solid #A5272A;}
.paglink{
	height:22px;
	background: #FFFFFF;
	padding: 0px 3px 0px 4px;	
	text-decoration:none;
	border: 1px solid #FFF;
}
.activelink{
	color:#FFF;
	height:22px;
	background: #A5272A;
	padding: 0px 3px 0px 4px;
	font-weight:bold;
	border: 1px solid #A5272A;
}