/* Autore: Fabio Di Lupo */
/* www.operadigitale.it  */
/* ENJOY !!!             */	
/*-----------------------*/
/* Generale */	
body {background:#F6F6EA url(/hotel/sfondo3.jpg); color:#630; font:14px Georgia,Verdana,Arial,sans-serif; margin:0 auto 30px auto; padding:0px; text-align:center; }
a:link , a:visited , a:active {background:transparent; color:#630; font-weight:normal; text-decoration:underline; } 
a:hover {background:transparent; color:black; } 
div {background:white; color:#000; font:14px Georgia, Verdana,Arial,sans-serif; text-align:justify;}
table {background:white; color:#000; font:100% Verdana,Arial,sans-serif; padding:0px; margin:0; border:0; width:100%;}
td {background:white; color:#000; font:100% Georgia,Verdana,Arial,sans-serif; padding:5px; margin:0; text-align:justify; vertical-align:top;}
th {background:#eee; color:black; font:bold 100% Verdana,Arial,sans-serif;border-left:1px solid #ccc; border-top:1px solid #ccc; padding:2px 2px 2px 10px; margin:5px 0px 3px 0px; text-align:justify; vertical-align:top; } 
th.scura {background:#333; color:white; font:bold 100% Verdana,Arial,sans-serif; border:0; padding:2px 2px 2px 10px; margin:5px 0px 3px 0px; text-align:justify; vertical-align:top; } 
b { color:#444; }
p { font:100% Georgia,Verdana,Arial,sans-serif; text-align:justify; }
p.centrato {text-align:center; }
acronym,abbr {background:#fff; color:#666; font-weight:bold; cursor:help; border-bottom:1px solid #ccc;}
small {background:white; color:#333; font:italic 10px Verdana,Arial,sans-serif}
caption {background:#eee; color:#630; font:bold 100% Georgia,Verdana,Arial,sans-serif; border-top:#ccc 1px solid; padding:3px; margin:5px 0px 10px 0px; caption-side:top;}
form { padding:0; margin:0; }
em {background:white; color:#f60; font:bold 100% Verdana,Arial,sans-serif;}
select , textarea , button {font:110% Garamond,Verdana,Arial,sans-serif; background:#ccc; color:#000; }
input {background:#ccc; color:black; font:110% Garamond,Verdana,Arial,sans-serif; padding:0px; margin:0px;}
input:focus, select:focus, textarea:focus{background:#ffc;color:black;}
input.bottone {cursor:pointer; background:#630; color:#fff; border-bottom:2px solid #410; border-top:2px solid #885522; border-left:2px solid #885522; border-right:2px solid #410; }
ul {margin:10px 0 10px 10px; padding:0; } 
li {list-style-image: url(/hotel/chiodino.gif); margin:0 0 0 10px; padding:2px 0 4px 0; vertical-align: middle; }
ul.piccola li {background:#fff; color:black; font:10px Verdana,Arial,sans-serif;}
input.scuro {background:#6b849d; color:red} 
input.chiaro {background:white; color:black;} 
img { border:0px; }
img.icona { border:#630 1px solid; margin:0 0 10px 10px; padding:5px; float:right;}
img.iconadx { border:0; margin:0; padding:0 0 10px 10px; float:right;}
img.passepartout { border:#630 1px solid; margin:0px; padding:0px; }

/* formattazione per moduli */
fieldset{padding:8px; border:1px solid #ccc; margin-bottom:2px}
legend{padding: 0 5px;background:#fff; color:#630; font-weight:bold}
label {font:bold 120% Garamond,Verdana,Arial,sans-serif; background:white; color:#444; display:block; width:100px; float: left;}
fieldset input,select{width:200px}
fieldset textarea{width:350px}

/*-----------------------*/
/* Sezione in alto */
div#welcome {background:#fff; color:#630; padding:5px; margin:5px auto; font:14px Georgia,Verdana,Arial,sans-serif; border:1px solid #ccc; text-align:center; width:758px;}

/* Sezione principale */
div.principale {background:#fff; color:#630; font:14px Georgia,Verdana,Arial,sans-serif; padding:0; margin:0 auto; border:0; width:760px;} 
div.principale a, div.principale a:visited, div.principale a:active  {background:#fff; color:#630; font-weight:bold; text-decoration:underline;} 
div.principale a:hover {background:#fff; color:#000;}
div.principale div.bordo {padding:10px; line-height:1.2em}


div.greca {background:#fff url(/hotel/forte-hotel.gif) no-repeat top center; color:#000; padding:0px 5px; margin:0px; font:100% Georgia,Verdana, Arial, sans-serif; width:347px; height:401px; text-align:justify;} 
div.greca p{background:transparent; color:#000; padding:55px 15px 0px 15px; margin:0px; font:100% Georgia,Verdana, Arial, sans-serif; text-align:justify;} 
div.greca p.nopad{padding:5px 25px 0px 25px;} 
div.greca h1{background:transparent; color:#630; padding:50px 10px 0px 10px; margin:5px;} 

div.greca2 {background:#fff url(/hotel/hotel-lunga3.jpg) no-repeat top center; color:#000; padding:0px 5px; margin:0px; font:100% Georgia,Verdana, Arial, sans-serif; width:347px; height:530px; text-align:justify;} 
div.greca2 p{background:transparent; color:#000; padding:55px 25px 0px 25px; margin:0px; font:100% Georgia,Verdana, Arial, sans-serif; text-align:justify;} 
div.greca2 p.nopad{padding:5px 15px 0px 15px;} 
div.greca2 h1{background:transparent; color:#630; padding:50px 10px 0px 10px; margin:5px;} 

div.ristorante {background:#fff url(/hotel/forte-hotel-lunga.jpg) no-repeat top center; color:#000; padding:0px 5px; margin:0px; font:100% Georgia,Verdana, Arial, sans-serif; width:347px; height:510px; text-align:justify;} 
div.ristorante p{background:transparent; color:#000; padding:0px 15px 0px 15px; font:85% Georgia,Verdana, Arial, sans-serif; text-align:center; margin:0px;} 
div.ristorante h1{background:transparent; color:#630; font:bold 110% Georgia,Verdana, Arial, sans-serif; padding:50px 10px 0px 10px; margin:5px;  text-align:center; border:0} 


/* Sezione MENU */
#pulsanti {background:#F3F5E0; color:white; padding:0; margin:0 auto; text-align:center; border:0; width:300px; }
#pulsanti ul {list-style:none; list-style-image:none; margin: 0; padding: 0; border:none;}
#pulsanti ul li {margin:0 5px 0 0; float:left;}
#pulsanti ul li a, #pulsanti ul li a:visited, #pulsanti ul li a:active {display:block; padding:3px; width:80px; text-align:center; text-decoration:none; font:bold 10px Verdana,Arial,sans-serif; background:#630; color:#fff; border-bottom:2px solid #410; border-top:2px solid #885522; border-left:2px solid #885522; border-right:2px solid #410;} 
html>body #pulsanti ul li {list-style:none; list-style-image:none; margin: 0; padding:0; border:none;}
html>body #pulsanti ul li a {width:80px;}
#pulsanti ul li a:hover {background:#630; color:#F8F9E7;text-decoration:underline; }

div#menu {background:#322012; color:white; padding:0; margin:0 auto; text-align:center; border:0; width:760px; }
div#menu ul {list-style:none; list-style-image:none; margin:0 auto; padding: 0; border:none;}
div#menu ul li {margin:0; float:left;}
div#menu ul li a, div#menu ul li a:visited, div#menu ul li a:active {display:block; padding:4px; width:auto; text-align:center; text-decoration:none; font:10px Verdana,Arial,sans-serif; background:#322012; color:#fff; border-bottom:2px solid #120002; border-top:2px solid #524032; border-left:2px solid #524032; border-right:2px solid #120002;} 
div#menu ul li#activelink a, div#menu ul li#activelink a:visited, div#menu ul li#activelink a:active {background:#666; color:#fff; border-bottom:2px solid #464646; border-top:2px solid #868686; border-left:2px solid #868686; border-right:2px solid #464646;} 
html>body div#menu ul li {list-style:none; list-style-image:none; margin: 0; padding:0; border:none;}
html>body div#menu ul li a {width:auto;}
div#menu ul li a:hover {background:#322012; color:#ccc; text-decoration:underline; }

/* Sezione in basso */
#basso {background:#322012; color:white; font:110% Garamond,Verdana, Arial, sans-serif; padding:0 0 3px 0; margin:0 auto; text-align:center; border:0; width:760px; }
div#basso a, div#basso a:visited, div#basso a:active  {background:#322012; color:white;} 
div#basso a:hover {background:#322012; color:white;  text-decoration:underline;}
#basso ul {list-style:none; margin: 0; padding: 0; border:none;}
#basso ul li {margin:0; float:left;}
#basso ul li a, #basso ul li a:visited, #basso ul li a:active {display:block; padding:4px; width:auto; text-align:center; text-decoration:none; font:10px Verdana,Arial,sans-serif; background:#322012; color:#fff; border-bottom:2px solid #120002; border-top:2px solid #524032; border-left:2px solid #524032; border-right:2px solid #120002;} 
#basso ul li#activelink a, #basso ul li#activelink a:visited, #basso ul li#activelink a:active {background:#666; color:#fff; border-bottom:2px solid #464646; border-top:2px solid #868686; border-left:2px solid #868686; border-right:2px solid #464646;} 
html>body #basso ul li {list-style:none; list-style-image:none; margin: 0; padding:0; border:none;}
html>body #basso ul li a {width: auto;}
#basso ul li a:hover {background:#322012; color:#ccc; text-decoration:underline; }

/* Sezione validazioni */
div#validazioni {background:transparent; color:#000; padding:10px; margin:0 auto; font:10px Verdana, Arial, sans-serif; width:760px; text-align:center;} 
div#validazioni a, div#validazioni a:visited, div#validazioni a:active  {background:transparent; color:#444;} 
div#validazioni a:hover {background:transparent; color:#000;  text-decoration:underline;}


/*-----------------------*/
/* Headers */
h1 {background:transparent; color:#630; font:150% Georgia,Verdana,Arial,sans-serif; padding:0 2px 0 2px; margin:0px 0px 10px 0px; text-align:left; border-bottom:2px solid #dddddd; text-decoration:none;} 

h2 {background:transparent; color:#630; font:130% Georgia,Verdana,Arial,sans-serif; padding:2px; margin:5px 0px 3px 0px; text-align:left; border-bottom:1px solid #dddddd; } 

/* Formattazione tabelle generiche */
table.benvenuto {margin:0px; padding:0px; background:#F3F5E0; color:black; width:100%;} 
table.benvenuto td {margin:0px; padding:5px; background:#F3F5E0; color:#630; font:120% Garamond,Verdana,Arial,sans-serif; text-align:center; vertical-align:middle;}  

table.alto {margin:0px; padding:0px; width:760px;} 
table.alto td {margin:0px; padding:0px; background:#fff; color:#000; width:555px;}  

/* Tabelle prezzi */

table.prezzi td {background:white; color:black; font:10px Verdana,Arial,sans-serif; padding:5px; border-top:1px #ccc solid; text-align:center;}
table.prezzi th {background:#eee; color:#666; font:10px Verdana,Arial,sans-serif; padding:5px; border-top:1px #ccc solid; text-align:center;}
table.prezzi td.beige {background:#F4F3EF; color:#666; padding:5px; border-top:1px #ccc solid; text-align:center;}
table.prezzi td.giustificato {background:transparent; color:#666; padding:5px; border-top:1px #ccc solid; text-align:justify;}

table.lastminute td {background:white; color:black; font:14px Verdana,Arial,sans-serif; padding:5px; border-top:1px #ccc solid; text-align:center;}
table.lastminute th {background:#eee; color:#666; font:14px Verdana,Arial,sans-serif; padding:5px; border-top:1px #ccc solid; text-align:center;}
table.lastminute td.beige {background:#F4F3EF; color:#666; padding:5px; border-top:1px #ccc solid; text-align:center;}
table.lastminute td.giustificato {background:transparent; color:#666; padding:5px; border-top:1px #ccc solid; text-align:justify;}

p.giornale:first-letter {background:transparent; color:#630;
	padding:0 5px 5px 0px;
	font:bold italic 36px Georgia,Garamond,"Times New Roman",serif;
	left:0px;
	float:left;
	position:absolute;
	top:100px;}

p.segue {background:transparent; font:100% Georgia,Verdana,Arial,Sans-Serif; color:#303A88; text-align:right;}
p.segue a:link, p.segue a:visited, p.segue a:active {text-decoration:none; background:transparent; color:#303A88;}
p.segue a:hover {text-decoration:none; background:transparent; color:#ff9900}

div.privacy {background:#ccc; color:black; border:#000 1px solid; padding:3px; margin:0; font:10px Verdana,Arial,sans-serif; }
