﻿/* ------------------------ STRUTTURA ------------------------ */

body {position:relative; text-align:center; margin:0; padding:0; font-family:Verdana; font-size:8pt; color:#717170; background:#b9d6dd;}

#wrapper {position:relative; width:972px; margin:0 auto; padding:0; text-align:left;}

#sidebar {position:relative; width:243px; float:left;}
#indirizzi {position:relative; margin:100px 0 0 0; width:200px;}
#home #sidebar #indirizzi {position:relative; margin:210px 0 0 0; width:200px;}
#home #sidebar #indirizzi p,
#sidebar #indirizzi p {font-size:7pt; margin:0 0 10px 0; padding:0;}
h1#logo a {width:211px; height:103px; display:block; background:url(/images/HotelCaporeamol_logo.gif); text-indent:-9999px; margin:25px 0 0 0;}
.bottone	{font-size:10px; color:#39414E; width:90px; height:25px;}


/* ------------------------ MENU ------------------------ */
ul#menu {margin:17px 0 0 0; padding:0; width:231px;}
ul#menu li {list-style-type:none; height:15px; border-bottom:1px solid #d4d2c1; text-align:center; margin:0; padding:0;}
ul#menu li.spazio {margin:10px 0 0 0;}
ul#menu li a, ul#menu1 li a {text-decoration:none; color:#706257;}
ul#menu li a:hover {color:#d4d2c1;}
ul#menu li.selezionato {color:#d4d2c1;}

ul#menu1 {margin:25px 0 0 0; padding:0; width:231px;}
ul#menu1 li {list-style-type:none; height:15px; text-align:center; margin:5px; padding:0;}
ul#menu1 li a:hover {color:#fff;}
ul#menu1 li.selezionato {color:#fff;}
ul#menu1 li#li_booking {margin-top:20px}
ul#menu1 li#li_booking #voce_booking {color:#fff}

/* --- Fine MENU --- */

/* --- MENU LINGUA --- */

ul#menu_lingue {margin:31px 0 0 61px; padding:0; list-style-type:none; width:120px;}
ul#menu_lingue li {display:block; float:left; height:15px; padding:3px 10px 3px 10px; border-right:1px solid #fff; border-bottom:none;}
ul#menu_lingue li.selezionato2 {font-weight:bold;}
ul#menu_lingue li.primo {border-left:1px solid #fff;}
ul#menu_lingue li a {color:#706257; text-decoration:none;}
ul#menu_lingue li a:hover {color:#d4d2c1;}

/* --- MENU LINGUA --- */

ul#benvenuti {margin:0 0 0 145px; padding:0;}
ul#benvenuti li {list-style-type:none; display:inline; padding:0 19px 0 19px; border-right:1px solid #706257;}
ul#benvenuti li.primo {border-left:1px solid #706257;}
ul#benvenuti li a {text-decoration:none;}
ul#benvenuti li a:hover {color:#8f847b;}



/* ------------------------ Fine MENU ------------------------ */

/* ------------------------ CONTENUTI ------------------------ */
#content {width:725px; float:right; background:url(/images/sf_content.gif) repeat-y; margin:0; padding:0;}
#immagine_principale {background:url(/images/sf_immagine_principale.jpg); width:660px; height:290px; padding:30px 32px 0 35px;}
#testo {background:#dceaee; margin:30px 32px 31px 35px; background:url(/images/sf_testo.gif) no-repeat #dceaee; border:1px solid white; padding:40px 30px 40px 30px;}
#testo div.left {width:300px; float:left; margin:0 0 0 50px;}
#testo img {padding:5px; border:1px solid #c6c6b3; background:#fff; margin:0 20px 10px 0;}
/* ------------------------ Fine CONTENUTI ------------------------ */

/* ------------------------ BOTTOM ------------------------ */
	

/* ------------------------ Fine BOTTOM ------------------------ */

/* ------------------------ TITOLI ------------------------ */
h1 {margin:0; padding:0;}
h3 {margin:0 0 20px 0; padding:0; height:13px; text-indent:-9999px;}
#benvenuti h3 {background:url(/images/tito_IT/tito01.gif) no-repeat; width:285px;}
#welcome h3 {background:url(/images/tito_EN/tito01_en.gif) no-repeat; width:269px;}
#willkommen h3 {background:url(/images/tito_DE/tito01_de.gif) no-repeat; width:297px;}
h2 {margin:0 0 30px 0; padding:0; height:16px; text-indent:-9999px;}
h4 {margin:0; padding:0;}
h5 {height:13px; margin:0 0 10px 0; padding:0; text-indent:-9999px; width:147px;}
h6 {margin:0 0 5px 0; padding:0; font-size:10pt;}

.titolo {color:#397c8c;}
.evidenza {font-size:9pt; line-height:20px; color:#464646;}
ul {margin:0; padding:0;}
ul li {margin:10px 0 10px 0; padding:0; list-style-type:none;}

/* ------------------------ Fine TITOLI ------------------------ */



/* ------------------------ GENERICI ------------------------ */


a {text-decoration:underline; 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:0; 	padding:0; 	width:580px; 	height:380px; }
	#formconferma {	position:relative; 	margin:0; 	padding:0; 	height:250px; 	width:580px; }
	.elemento_input {	width:250px; 	padding:2px; 	height:14px; 	border:1px solid #706257; }
	.input_area {	height:60px; 	font-size:8pt; 	width:250px; 	border:1px solid #706257; }
	.contatti {	position:relative; 	float:left; 	width:270px; 	margin:0 10px 0 0; 	padding:0; }
	#box_errore {	position:absolute; 	display:none; 	margin:100px; 	width:300px; 	left:620px; 	top:300px; 	height:150px; 	border:1px solid #706257; 	text-align:left; 	background:#fff; 	z-index:5; 	}
	#div_titolo_errore {	background:#9bc1ca; 	color:#fff; 	padding:10px; 	}
	#div_errore {	color:#000; 	padding:10px; 	text-align:center; 	position:relative; 	top:10px; 	}
	#bottone_errore {	position:relative; 	top:30px; 	}
	.clear {	clear:both; }
/* fine FORM */

/* ------------------------ concept by ------------------------ */

#concept {float:right; font-family:Verdana; color:white; margin:-2px 0 20px 0; padding:0; width:727px; text-align:right; background:#b9d6dd;}
#concept .linktp, #concept .linktp:link, #concept .linktp:visited {font-size:9px; font-family: Times New Roman; color: #fff; text-decoration: none;}
#concept .linktp:hover {font-size:9px; font-family: Times New Roman; color: #E97D00; text-decoration: none;}

/* ------------------------ Fine concept by ------------------------ */


/* ------------------------ Pagina CAMERE ------------------------ */

#camere #content h2 {width:213px; background:url(/images/tito_IT/tito02.gif) no-repeat;}
#rooms #content h2 {width:135px; background:url(/images/tito_EN/tito02_en.gif) no-repeat;}
#zimmer #content h2 {width:182px; background:url(/images/tito_DE/tito02_de.gif) no-repeat;}
#camere #content #testo ul, #rooms #content #testo ul, #zimmer #content #testo ul {margin:0 20px 0 0; padding:0; width:270px; float:left;}
#camere #content #testo ul li, #rooms #content #testo ul li, #zimmer #content #testo ul li {margin:10px 0 20px 0; padding:0;}
#camere #content ul li#li1 h5 {background:url(/images/tito_IT/tito_camera1.gif) no-repeat;}
#rooms #content ul li#li1 h5 {background:url(/images/tito_EN/tito_camera1_en.gif) no-repeat;}
#zimmer #content ul li#li1 h5 {background:url(/images/tito_DE/tito_camera1_de.gif) no-repeat;}

#camere #content ul li#li2 h5 {background:url(/images/tito_IT/tito_camera2.gif) no-repeat;}
#rooms #content ul li#li2 h5 {background:url(/images/tito_EN/tito_camera2_en.gif) no-repeat;}
#zimmer #content ul li#li2 h5 {background:url(/images/tito_DE/tito_camera2_de.gif) no-repeat;}

#camere #content ul li#li3 h5 {background:url(/images/tito_IT/tito_camera3.gif) no-repeat;}
#rooms #content ul li#li3 h5 {background:url(/images/tito_EN/tito_camera3_en.gif) no-repeat;}
#zimmer #content ul li#li3 h5 {background:url(/images/tito_DE/tito_camera3_de.gif) no-repeat;}

#camere #content ul li#li4 h5 {background:url(/images/tito_IT/tito_camera4.gif) no-repeat;}
#rooms #content ul li#li4 h5 {background:url(/images/tito_EN/tito_camera4_en.gif) no-repeat;}
#zimmer #content ul li#li4 h5 {background:url(/images/tito_DE/tito_camera4_de.gif) no-repeat;}

/* ------------------------ Fine Pagina CAMERE ------------------------ */

/* ------------------------ Pagina LISTINO PREZZI ------------------------ */

.td {background:#e6f2f6;}
.td2 {background:#cbdfe5;}
ul#supplementi {margin:0; padding:0; width:270px;}
ul#supplementi li {border-bottom:1px solid white; padding:0 0 5px 0;}
#listinoprezzi #content #testo ul.left, #pricelist #content #testo ul.left, #preisliste #content #testo ul.left {float:left; width:270px;}

/* ------------------------ Fine LISTINO PREZZI ------------------------ */

#news #content h2#tito_news {width:61px; background:url(/images/tito_IT/tito10.gif) no-repeat;}
#news #content h2#tito_lastminute {width:138px; background:url(/images/tito_IT/tito11.gif) no-repeat;}
#servizi #content h2 {width:213px; background:url(/images/tito_IT/tito03.gif) no-repeat;}
#services #content h2 {width:152px; background:url(/images/tito_EN/tito03_en.gif) no-repeat;}
#serviceleistungen #content h2 {width:225px; background:url(/images/tito_DE/tito03_de.gif) no-repeat;}
#beautycenter #content h2 {width:304px; background:url(/images/tito_IT/tito04.gif) no-repeat;}
#beautycenter_en #content h2 {width:332px; background:url(/images/tito_EN/tito04_en.gif) no-repeat;}
#beautycenter_de #content h2 {width:175px; background:url(/images/tito_DE/tito04_de.gif) no-repeat;}
#windsurf #content h2 {width:304px; background:url(/images/tito_IT/tito05.gif) no-repeat;}
#photogallery #content h2 {width:304px; background:url(/images/tito_IT/tito06.gif) no-repeat;}
#listinoprezzi #content h2 {width:169px; height:20px; background:url(/images/tito_IT/tito07.gif) no-repeat;}
#pricelist #content h2 {width:114px; height:19px; background:url(/images/tito_EN/tito07_en.gif) no-repeat;}
#preisliste #content h2 {width:114px; height:19px; background:url(/images/tito_DE/tito07_de.gif) no-repeat;}
#dovesiamo #content h2 {width:139px; height:16px; background:url(/images/tito_IT/tito08.gif) no-repeat;}
#location_en #content h2 {width:112px; height:16px; background:url(/images/tito_EN/tito08_en.gif) no-repeat;}
#wowirsind #content h2 {width:150px; height:16px; background:url(/images/tito_DE/tito08_de.gif) no-repeat;}
#contatti #content h2, #conferma #content h2 {width:139px; height:16px; background:url(/images/tito_IT/tito09.gif) no-repeat;}
#contacts #content h2, #confirmation #content h2 {width:116px; height:16px; background:url(/images/tito_EN/tito09_en.gif) no-repeat;}
#anfrage #content h2, #bestatigung #content h2 {width:100px; height:16px; background:url(/images/tito_DE/tito09_de.gif) no-repeat;}	
	
