
/* elementi della struttura */
html,body{margin:0;padding:0; background: url("../img/bg_laterale.jpg") #5bdd45; background-repeat: repeat; }

div#container { background: #fff;  }
div#wrapper{float:left; width:100%;  /*border-top: 1px dashed #ccc;*/ }
div#content{margin: 0 230px 0 220px;  background: #fff; /*border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;*/ }
div#navigation{float:left; width:220px; margin-left: -100%; padding: 0; /*background: #E8E8E8;*/  }
div#extra{float:left; width:230px; margin-left: -230px;   }
div#header {width: 100%; margin: 0 auto; height:101px; background: url("../img/logo.gif") #5bdd45; background-repeat: no-repeat; border: none; } div#header img { border: none; }
div#header2 {width: 100%; margin: 0 auto; background: url("../img/bg_menu_superiore.jpg"); background-repeat: repeat; height: 25px;}
div.section { background: #f8f8f8; margin: 0px auto; }

/* menu */
#menu { margin: 0; padding: 3px 0 0 0; float: right; }
#menu ul {padding:0; margin:0; text-align: center; }
#menu ul li { position: relative; display: inline; padding:0; margin:0; border-right: 1px solid #ccc; font:normal 11px Arial, Verdana, Tahoma, Arial, Serif; color: #000; }
#menu ul li a:link, #menu ul li a:visited {	color: #000; padding: 2px 15px; text-decoration: none; border:none; }
#menu ul li a:hover, #menu ul li a:active, #menu ul li.current_page_item a { border:none; padding: 2px 15px; text-decoration: underline; }

/* home */
div#home a { text-decoration: none; text-transform: lowercase;}
div#home a:hover { text-decoration: none; color: red;}

/* sinistra e destra  */
div#hotel{	width:200px;  text-align: left; 	margin: 25px auto;	float: center;	}
div#hotel img {	border: none;	}
div#hotel h2 {    padding: 2px;  font: bold 12px verdana, arial, sans-serif;   color: #000;   margin: 0 auto; line-height: 20px; }
div#hotel h2 a {	color: #000;   	font: normal 11px verdana, arial, sans-serif;  	text-decoration: none; }
div#hotel h2 a:hover {	color: #000;  	font-weight: normal;  text-decoration: underline;  }
div#hotel h2 a.cur {	color: #fff;   	font-weight: normal;	text-decoration: underline; }
div#hotel h1 {   padding: 5px;   border: 1px solid #f8f8f8; font: bold 12px verdana, arial;   color: #fff;   text-transform: uppercase;   background: #5BDD45;   text-align: center;   margin: 0 auto;}
div#hotel h1 a {	text-decoration: none;   	color: black;  }

div#testimonial{	width:210px; text-align: left; 	margin: 25px auto;	float: center; 	}
div#testimonial h2 { padding: 5px 15px;   font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;   color: #000;  margin: 0 auto; line-height: 15px; letter-spacing: 0.2px;  }
div#testimonial h3 { padding: 0px 15px; text-align: right; font: bold 11px verdana, arial, sans-serif;  color: red;  margin: 0 auto; }

/* destra */
div#extra p { font: normal 11px verdana, arial, sans-serif; color: #000; padding-left: 10px;}
div#articolo{	width:210px;  text-align: left; 	margin: 25px auto;	float: center; 	}
div#articolo h2 { padding: 0px; text-align: left; color: #000; font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;  margin: 0 auto; line-height: 20px; letter-spacing: 0.2px;  }
div#articolo h3 { padding: 0px; text-align: left; font: bold 12px verdana, arial, sans-serif;  color: white;  margin: 0 auto; text-transform: uppercase;}


/* centro */
div#content h1 { font: normal 26px Tahoma, Trebuchet MS, verdana, arial, helvetica, sans-serif;  line-height:26px; color:#FB6A00; text-align: left; margin: 0px auto 2px 0px;}
div#content h2 { color: #666; font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 20px; letter-spacing: 1px; padding-left: 10px; text-align: left; margin: 0px 40px 0px 0px;}
div#content h3 { font-family:Verdana; font-size:12pt; color:#FB6A00; }
div#content {color: #000; font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 20px; letter-spacing: 1px; padding-left: 25px;}
ul { list-style: square; margin-left: 0; padding-left: 25px;}
/* link */
div#content h2 a { color: #000; text-decoration: none;   }
div#content h2 a:hover { color: red; text-decoration: none;  }
div#sito-base{width:350px;  background: #dcff7f; text-align: left; margin: 5px 5px; float: center;	}
div#sito-completo{width:350px; background: #FFD600; text-align: left; margin: 5px 5px; float: center;	}
/* specchio */
div#specchio { 	margin: 0 auto; 	float: center; 	background: #f8f8f8; }
div#specchio h2 { letter-spacing: 0px; padding: 15px;}
div#specchio img { padding-right: 15px; }
/* contact sponsor */
div#contact { width: 400px; border: 1px solid #83D160; background: #F7FFF0; color: #ccc; padding: 10px; text-align: center; float: center; margin: 0 auto; font-weight: bold;}

/* tabelle grafici */
table.chart { width: 450px; margin-left: 0px; padding: 0; background: #ccc; }
td.chart1 { background: #e8e8e8; padding: 5px; }
td.chart2 { background: #f8f8f8; padding: 5px; text-align: center; color: #ccc; font-weight: bold; }
th.chart { background: #e8e8e8; padding: 5px; font-weight: bold; text-align: center; color: #ccc;}

/* tour 360*/
ul li { margin-left: 0; padding: 0; }


/* footer */
div#footer{clear: both; margin: 0 0; background: url("../img/bg_footer.jpg"); background-repeat: repeat-x; }
div#footer { font: normal 13px Arial, Verdana, Tahoma, Arial, Serif; color: #fff;  text-align: center; padding: 5px 15px; text-align: right;  }
div#footer a {text-decoration: none; color: #000;}
div#footer a:hover {text-decoration: none; color: #fff;}


/* home page */
.box-home { float: left; width: 187px; height: 184px; margin: 0;  }
.box-home p  { margin: 90px 12px 0 30px; paddding: 0; /*border: 1px solid #000;*/ letter-spacing: 0px; } 
.box-home p  a:link, .box-home p a:visited, .box-home p a:active { text-decoration: none; color: #000; } 
.box-home p  a:hover { text-decoration: underline; } 



/*tabella info form online*/
table.info { 	 margin: 0; padding: 0;	width: 500px; font-size: 125%;}
td.info { text-align: right; font: bold 12px; 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; }
textarea.testo { width: 300px; 	height: 120px; padding: 2px;	border: 2px solid #ddd;	color: #777;	background: #f9f9f9;	font-size: 125%;	font-family: Arial, Verdana, sans-serif;	}


/*logo */
table.logo {margin: 0; padding: 0; width: 960px; }
table.logo img { margin: 0; padding: 0; border: none;}
td.logo {margin: 0; padding: 0; font: normal 14px Arial, Verdana, Tahoma, Arial, Serif; color: #fff; padding: 5px 15px; text-align: right; line-height: 20px; }
td.logo a { color: #000; text-decoration: none; } td.logo a:hover { text-decoration: underline; color: #000;}