/* ------------------------ STRUTTURA ------------------------ */

body {text-align:center; margin:0; padding:0; font-family:Arial; font-size:9pt; color:#82aac9; background:url(/images/sf_pagina.jpg) center top no-repeat;}
#wrapper, .container {position:relative; width:927px; margin:0 auto; padding:0; text-align:left;}
img, div, h1, h2, h4, h6, a, li {behavior: url(/css/iepngfix.htc);}

/* ------------------------ TOP ------------------------ */

#top {width:927px; height:140px; margin:0; padding:0;}
#top h1#logo a {position:relative; display:block; float:left; top:22px; left:37px; margin:0; width:142px; height:100px; background:url(/images/Hotellaperla_logo.png); text-indent:-9999px;}
/*#home h1#logo a {	
	position:absolute; display:block; float:left; top:0; left:0; margin:0; width:142px; height:100px; background:url(/images/Hotellaperla_logo.png); text-indent:-9999px;}*/
#top #menu {float:right; margin:86px 6px 0 0; padding:0; width:705px; height:42px; background:url(/images/sf_menu.gif) no-repeat;}	
#top #menu ul {float:left; margin:0; padding:0; height:42px;}
#top #menu ul li {display:block; float:left; height:33px; padding:12px 20px 0 20px; font-size:13pt; background:url(/images/pallino_menu.gif) top right no-repeat;}
#top #menu ul li.last {background:none;}
#top #menu ul#menu_home li {display:block; float:left; height:33px; padding:13px 20px 0 20px; background:url(/images/righina_menu.gif) top left no-repeat; 
}
#top #menu ul li a {font-size:13pt; font-weight:lighter; color:#00599d;}

#immagine_principale ul#lang li a {font-size:14pt; font-weight:lighter; color:#00599d;}
#top #menu ul li a:hover, #top #menu ul li.selezionato, #immagine_principale ul#lang li a:hover, #immagine_principale ul#lang li.selezionato, #home #immagine_principale ul#menu li a:hover {color:#fff;}

/* ------------------------ Fine TOP ------------------------ */

/* ------------------------ IMMAGINE PRINCIPALE ------------------------ */

#immagine_principale {position:relative; width:927px; height:330px; background:url(/images/sf_immagine_principale.jpg) no-repeat; margin:0 0 20px 0;}
#immagine_principale h2 {position:absolute; top:35px; right:70px; width:218px; height:86px; background:url(/images/slogan.png); text-indent:-9999px;}
#immagine_principale div {position:absolute; bottom:6px; left:4px; background:url(/images/sf_didascalia.png); width:919px; height:47px; color:white;}
#immagine_principale div p {margin:8px 0 0 34px; width:788px; font-size:11pt;}
#immagine_principale ul#lang {float:left; position:absolute; right:4px; bottom:6px; margin:0; padding:0; font-size:14pt; font-family:Georgia, "Times New Roman", Times, serif; height:47px; list-style-type:none;}
#immagine_principale ul#lang li {display:block; float:left; padding:8px 10px 0 10px; margin:0; height:39px; background:none;}
#immagine_principale ul#lang li.last {background:url(/images/righina_menu2.gif) left top no-repeat;}

/* ------------------------ Fine IMMAGINE PRINCIPALE ------------------------ */

/* ------------------------ CONTENT ------------------------ */

#content {position:relative; float:left; width:615px; margin:0 0 0 25px; font-size:10pt;}
#content .box {width:275px;}
#content p {margin:0 0 15px 15px; padding:0; text-align:justify;}
#content h3 {	
	color:#00599d; font-weight:lighter; margin:0 0 3px 0; font-size:12pt;}
#content h4 {float:left; color:#00599d; font-weight:lighter; margin:0; padding:0 0 1px 0; width:500px; font-size:11pt;}
#content #titolo {height:25px;}
#content .freccia {float:left; font-size:8pt; margin:0 10px 0 0; color:#00599d;}
#content a {text-decoration:none; color:#00599d;}
#content a:hover {color:#acc8de;}

/* ------------------------ Fine CONTENT ------------------------ */


/* ------------------------ SIDEBAR ------------------------ */

#sidebar {float:right; width:212px; margin:0 0 0 4px;}
#sidebar .indirizzi {background:url(/images/sf_indirizzi.gif); height:102px; width:212px; color:white; margin:0 0 10px 0;}
#sidebar .indirizzi h5 {position:relative; left:16px; top:10px; font-size:12pt; color:#00599d; margin:0 0 8px 0; padding:0; font-family:Georgia, "Times New Roman", Times, serif;}
#sidebar h5 {font-size:12pt; color:#00599d; margin:0 0 8px 0; padding:0; line-height:20px; font-family:Georgia, "Times New Roman", Times, serif;}
#sidebar .indirizzi p {position:relative; margin:15px 0 0 16px; line-height:14px;}
#sidebar ul {margin:0 0 20px 0; padding:0; width:212px; list-style-type:none;}
#sidebar ul li {border-bottom:1px solid #95bad6; padding:10px 0;}
#sidebar ul li img {float:left;}
#sidebar ul li a {display:block; height:23px; float:left; margin:0 0 0 20px; padding:7px 0 0 0;}
#sidebar a {color:#00599d; text-decoration:none; font-size:8pt;}
#sidebar a:hover {color:#b4cee2;}
#sidebar #box_gallery img {border:6px solid #95bad6; margin:0 5px 0 0;}

/* ------------------------ Fine SIDEBAR ------------------------ */

/* ------------------------ BOTTOM ------------------------ */

#bottom {position:relative; bottom:0; left:0; width:100%; height:10%; margin:25px 0 0 0; background:#95bad6;}

/* ------------------------ Fine BOTTOM ------------------------ */

/* ------------------------ TITOLI ------------------------ */

h1,h2,h3,h4,h5 {margin:0; padding:0;}
#middle .container h2 {position:absolute; top:30px; right:60px; font-size:12pt; font-weight:lighter; padding:0 0 0 20px; border-left:1px solid #cdb799; color:#cdb799;}
.titolo {font-family:Georgia, "Times New Roman", Times, serif; color:#00599d; font-weight:bold; font-size:9pt; margin:0 5px 0 0;}
.sottotitolo {

}
.testo_piccolo {font-size:8pt; margin:0 10px 0 0;}
.evidenza {font-size:11pt; margin:0 0 10px 15px;}

/* ------------------------ Fine TITOLI ------------------------ */



/* ------------------------ GENERICI ------------------------ */


a {text-decoration:none; color:#706257;}
a:hover {color:#fff;}
img {border:0; padding:0; margin:0;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}

/* ------------------------ Fine GENERICI ------------------------ */

/* FORM */
	#formcontatti {	position:relative; 	margin:30px 30px 20px 30px; 	padding:0; 	width:600px; }
	#formconferma {	position:relative; 	margin:0; 	padding:0; 	width:600px; }
	.input_text {	width:240px; 	padding:2px; 	height:20px; 	border:1px solid #00599d; }
	.input_area {	height:60px; 	font-size:8pt; 	width:240px; 	border:1px solid #00599d; }
	.contatti {	float:left; 	width:250px; 	margin:0 10px 0 0; 	padding:0; }
	#box_errore {	position:absolute; 	display:none; 	width:300px; 	left:100px; 	top:300px; 	height:150px; 	border:1px solid #00599d; 	text-align:left; 	background:#fff; 	z-index:10; 	}
	#div_titolo_errore {	background:#00599d; 	color:#fff; 	padding:10px; 	}
	#div_errore {	color:#2e0b01; 	padding:10px; 	text-align:center; 	position:relative; 	top:10px; 	}
	#bottone_errore {	position:relative; 	top:30px; 	}
/* fine FORM */

/* ------------------------ concept by ------------------------ */

#iva {float:left; margin:10px 0 10px 0; color:white; font-size:8pt;}
#iva a {text-decoration:none; color:#00599d;}
#iva a:hover {color:#fff;}
#concept {float:right; font-family:Verdana; margin:10px 0 10px 0; padding:0; text-align:right; font-size:7pt; color:#fff;}
#concept .linktp, #concept .linktp:link, #concept .linktp:visited {font-size:9px; font-family: Times New Roman; color: #8d8d8c; text-decoration: none;}
#concept .linktp:hover {font-size:9px; font-family: Times New Roman; color: #E97D00; text-decoration: none;}

/* ------------------------ Fine concept by ------------------------ */


#photogallery #content img {margin:5px;}
#prezzi #content table {font-size:8pt; margin:0 0 20px 0;}
#prezzi #content table tr td.colore {background:#e5eff7;}
#prezzi #content table tr td.colore2 {background:#d4e6f5;}
#prezzi #content ul {margin:0 0 0 15px; padding:0; list-style-type:none;}
#prezzi #content div.left {width:300px;}
#prezzi #content h4 {margin:0 0 10px 0; width:250px;}

#home #immagine_principale ul#menu li a {font-size:15pt; font-weight:lighter; color:#00599d;}
#home #immagine_principale ul#menu {position:absolute; bottom:0; left:0; margin:0; padding:0; height:42px;}
#home #immagine_principale ul#menu li {display:block; float:left; height:33px; padding:8px 20px 0 20px; font-size:15pt; background:url(/images/pallino_menu.gif) top right no-repeat;}