﻿/* STRITTURA */

body {text-align:center; background:#e6c383; color: #555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt;}
#wrapper,
.container {position:relative; margin:0 auto; width: 970px; text-align:left;padding:1px 0 0 0;}
.container2 {position:relative; margin:0 auto; width:978px; height:140px; text-align:left;}

/* Fine STRITTURA */

/* TOP */

	#top {height:99px; width:100%; background:url(/images/sf_top.gif);}
	#top h1#logo a {position:relative;top:-1px;float:left; display:block; width:362px; height:61px; background:url(/assets/images/Hotelvillarosa_logo.gif); text-indent:-9999px;}
	#top ul {margin:0; padding:0;}
	#top ul li {display:inline; list-style-type:none; margin:0; padding:0;}
	
	/* MENU LINGUE */
		#top ul#menu_lingue {float:right; color:#fff; margin:25px 0 0 0;}
		#top ul#menu_lingue li,
		#content ul#menu_lingue li {padding:0 10px; display:inline; border-right:1px solid white;}
		#top ul#menu_lingue li.selezionato {color:#50493d; font-size:12pt;}
		#top ul#menu_lingue li.last,
		#content ul#menu_lingue li.last {border:0;}
		#top ul#menu_lingue li a {color:#fff; text-decoration:none; font-size:12pt;}
		#content ul#menu_lingue {position:absolute; top:256px; right:195px; z-index:4;}
		#content ul#menu_lingue li a {font-size:12pt; color:#fff; text-decoration:none;}
	/* Fine MENU LINGUE */
	
	/* MENU */
		ul#menu {margin:13px 0 0 0;}
		ul#menu li {padding:0 10px; border-right:1px solid #ff7100;}
		ul#menu li.selezionato {color:#ff7100;}
		ul#menu li.first {padding:0 10px 0 0;}
		ul#menu li.last {border:0;}
		ul#menu li a {color:#827867; text-decoration:none;}
		ul#menu li a:hover {color:#ff7100;}
	/* Fine MENU */
	
	#ombra {position:absolute; top:99px; left:0; width:100%; height:5px; background:url(/images/ombra.png) repeat-x; z-index:4;}
	.container2 #ombra {position:absolute; top:0; left:0; width:100%; height:130px; background:url(/images/ombra-bottom.png) no-repeat; z-index:2;}
	
	/* LOGO CERTIFICAZIONE */
		#top_clean {position:absolute; top:5px; right:245px; z-index:2; display:block; padding:2px; text-align:center; font-size:5pt; border:1px solid red;}
		#top_clean {background:#fff;}
		#top_clean {display:none;}
		#hotel #top_clean,
		#hotel_en #top_clean,
		#hotel_fr #top_clean,
		#hotel_de #top_clean {display:block;}
		#servizi #top_clean,
		#servizi_en #top_clean,
		#servizi_fr #top_clean,
		#servizi_de #top_clean {display:block;}
		#camere #top_clean,
		#camere_en #top_clean,
		#camere_fr #top_clean,
		#camere_de #top_clean {display:block;}
	/* Fine LOGO CERTIFICAZIONE */

/* Fine TOP */

/* CONTENT */

	#content {position:relative; height:496px; width:970px; margin:0; background:#fff;}
	#content #immagine_principale {position:absolute; top:0; left:0; width:593px; height:501px; z-index:2;}
	#content #content_testo {position:absolute; top:0; right:0; width:297px; height:501px; z-index:3; color:#fff; padding:0 40px;}
	#content #content_testo .testo {position:relative; top:50px; line-height:14px; height:200px;}
	#content #sf_trasparente {position:absolute; top:27px; left:0; width:970px; height:258px; background:#827867; opacity: 0.50; filter:alpha(opacity=50); z-index:3;}
	
	/* TITOLI */
	
	#content #content_testo h2 {position:absolute; top:256px; left:-573px; margin:0; padding:0; width:322px; height:20px; font-size:2px; text-indent:-9999px; z-index:2;}
	
		/* --- IT --- */
		#home #content h2,
		#hotel #content #content_testo h2 {background:url(/assets/images/titoli/it/benvenuti.png);}
		#servizi #content #content_testo h2 {width:159px; background:url(/assets/images/titoli/it/servizi.png);}
		#camere #content #content_testo h2 {width:200px; background:url(/assets/images/titoli/it/camere.png);}
		#posizione #content #content_testo h2 {width:225px; height:26px; background:url(/assets/images/titoli/it/posizione.png);}
		#listino #content #content_testo h2 {width:213px; height:26px; background:url(/assets/images/titoli/it/listino10.png);}
		#news #content #content_testo h2 {width:226px; height:20px; background:url(/assets/images/titoli/it/news.png);}
		#contatti #content #content_testo h2 {width:252px; height:20px; background:url(/assets/images/titoli/it/contatti.png);}
		/* --- DE --- */
		#hotel_de #content #content_testo h2 {width:343px; background:url(/assets/images/titoli/de/willkommen.png);}
		#servizi_de #content #content_testo h2 {width:129px; height:26px; background:url(/assets/images/titoli/de/leistungen.png);}
		#camere_de #content #content_testo h2 {width:180px; background:url(/assets/images/titoli/de/zimmer.png);}
		#posizione_de #content #content_testo h2 {width:133px; background:url(/assets/images/titoli/de/wowirsind.png);}
		#listino_de #content #content_testo h2 {width:172px; height:26px; background:url(/assets/images/titoli/de/preise10.png);}
		#contatti_de #content #content_testo h2 {width:101px; background:url(/assets/images/titoli/de/kontakte.png);}
		/* --- EN --- */
		#hotel_en #content #content_testo h2 {width:311px; background:url(/assets/images/titoli/en/welcome.png);}
		#servizi_en #content #content_testo h2 {width:144px; background:url(/assets/images/titoli/en/services.png);}
		#camere_en #content #content_testo h2 {width:122px; height:15px; background:url(/assets/images/titoli/en/rooms.png);}
		#posizione_fr #content #content_testo h2 {width:139px; background:url(/assets/images/titoli/fr/position.png);}
		#listino_fr #content #content_testo h2 {width:108px; height:26px; background:url(/assets/images/titoli/fr/prix10.png);}
		#contatti_fr #content #content_testo h2 {width:102px; height:19px; background:url(/assets/images/titoli/fr/contacts.png);}
		/* --- FR --- */
		#hotel_fr #content #content_testo h2 {width:311px; background:url(/assets/images/titoli/fr/welcome.png);}
		#servizi_fr #content #content_testo h2 {width:144px; background:url(/assets/images/titoli/fr/services.png);}
		#camere_fr #content #content_testo h2 {width:120px; background:url(/assets/images/titoli/fr/chambres.png);}
		#posizione_en #content #content_testo h2 {width:139px; background:url(/assets/images/titoli/en/position.png);}
		#listino_en #content #content_testo h2 {width:165px; height:26px; background:url(/assets/images/titoli/en/rates10.png);}
		#contatti_en #content #content_testo h2 {width:102px; height:19px; background:url(/assets/images/titoli/en/contacts.png);}
	
	/* Fine TITOLI */
	
	#content #content_testo .immagine {width:104px; height:71px; padding:3px 5px 8px 5px; background:url(/images/sf_immagine.jpg); margin:0 20px 8px 0;}
	#content #content_testo .box_immagini {margin:100px 10px 0 10px; height:190px;}
	
	/* PAGINA POSIZIONE */
	#posizione #content #content_testo #parchi,
	#posizione_en #content #content_testo #parchi,
	#posizione_de #content #content_testo #parchi,
	#posizione_fr #content #content_testo #parchi {margin:30px 10px 0 10px; color:#fff; overflow:auto; height:100px; width:300px; scrollbar-base-color:#c9c7c4; scrollbar-arrow-color:#FFF; scrollbar-face-color:#ceccc6; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#d4d2cb; scrollbar-shadow-color:#d4d2cb; scrollbar-darkshadow-color:#d4d2cb;}
	#posizione #content #content_testo ul li,
	#posizione_en #content #content_testo ul li,
	#posizione_de #content #content_testo ul li,
	#posizione_fr #content #content_testo ul li {list-style-type:disc; margin:0 0 20px 0;}
	/* Fine PAGINA POSIZIONE */
	
	/* PAGINA LISTINO */
	#listino #content #content_testo table tr td,
	#listino_en #content #content_testo table tr td,
	#listino_de #content #content_testo table tr td,
	#listino_fr #content #content_testo table tr td {border-bottom:1px solid #fff; padding:10px 0; margin:0 0 20px 0;}
	/* Fine PAGINA LISTINO */

	/* PAGINA SERVIZI */
	#servizi #content #content_testo ul,
	#servizi_de #content #content_testo ul,
	#servizi_en #content #content_testo ul,
	#servizi_fr #content #content_testo ul {margin:20px 0 0 0;}
	#servizi #content #content_testo ul li,
	#servizi_en #content #content_testo ul li,
	#servizi_de #content #content_testo ul li,
	#servizi_fr #content #content_testo ul li {list-style-type:disc;}
	/* Fine PAGINA SERVIZI */
	
	/* PAGINA HOME */
	#home #content {position:relative; height:496px; width:970px; margin:0; background:url(/assets/images/immagine_principale.jpg);}
	#home #content #sf_trasparente {position:absolute; top:247px; left:0; width:970px; height:38px; background:#827867; opacity: 0.50; filter:alpha(opacity=50); z-index:3;}
	#home #content h2 {position:absolute; top:256px; left:20px; margin:0; padding:0; width:322px; height:20px; background:url(/assets/images/titoli/it/benvenuti.png); font-size:2px; text-indent:-9999px; z-index:4;}
	/* Fine PAGINA HOME */

	/* PAGINA NEWS */
	#news .container #content #div_news {color:#666; padding:15px;}
	#news .container #content #div_news .box_news {margin:10px 0 20px 0;}
	#news .container #content #div_news #box_scroll h4 {border-bottom:1px #fff solid;}
	#news .container #content #div_news #box_scroll {margin:0; padding:0 10px 0 0; color:#fff; overflow:auto; height:180px; width:290px; scrollbar-base-color:#c9c7c4; scrollbar-arrow-color:#FFF; scrollbar-face-color:#ceccc6; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#d4d2cb; scrollbar-shadow-color:#d4d2cb; scrollbar-darkshadow-color:#d4d2cb; }
	#news .container #content #div_news #box_scroll #descrizione_breve {font-weight:bold; margin:10px 0 10px 0;}
	#news .container #content #div_news #box_scroll ul#allegati {margin:10px 0;}
	#news .container #content #div_news #elenco {margin:15px 0 0 0; border-top:1px #fff solid;}

/* Fine CONTENT */

/* BOTTOM */

#bottom {position:absolute; top:0; left:4px; width:970px; height:81px; background:#827867; border-bottom:16px solid #fff; z-index:2; color:#fff;}
#bottom p {margin:41px 0 0 22px; padding:0;}

/* Fine BOTTOM */

/* FORM */

	form {margin:0; padding:0;}
	input {margin:0; padding:0;}
	#formcontatti {position:relative; top:40px; left:10px; padding:0; width:260px;}
	#formconferma {position:relative; top:50px; padding:0; height:150px; width:260px; color:#fff;}
	.input_text {width:250px; padding:2px; height:15px; border:1px solid #433c2f;}
	.input_area {height:35px; font-size:8pt; width:250px; border:1px solid #433c2f;}
	.contatti {width:255px; margin:0; padding:0; color:#fff;}
	.contatti2 {width:255px; margin:20px 0 0 0; padding:0; color:#827867;}
	#box_errore {position:absolute; display:none; width:300px; left:650px; top:500px; height:150px; border:1px solid #433c2f; text-align:left; background:#fff; z-index:5;}
	#div_titolo_errore {background:#433c2f; color:#fff; padding:10px;}
	#div_errore {color:#000; padding:10px; text-align:center; position:relative; top:10px;}
	#bottone_errore {position:relative; top:30px;}

/* Fine FORM */

/* CARATTERISTICHE GENERALI */

	.clear {clear:both;}
	.left {float:left;}
	.right {float:right;}
	img {margin:0; padding:0; border:0;}
	a {text-decoration:none; color:#fff;}
	a:hover {color:#ff7100;}
	body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin : 0; padding : 0;}
	ol,ul {list-style : none;}
	
	/* PNG */
	img.png,h1,h2,div.png,a#top_clean {behavior: url(/css/iepngfix.htc);}
	/* Fine PNG */

/* Fine CARATTERISTICHE GENERALI */

/* CONCEPT BY */

	.container2 p#partita_iva {position:absolute; bottom:0; left:0; font-size:9px; color:#fff; margin:0 0 0 4px;}
	
	#concept {position:absolute; bottom:0; right:0; font-size:9px; margin:0 4px 0 0; font-size:7pt; color:#fff;}
	#concept a {font-size:7pt; font-family:Verdana; color:#fff; font-weight:bold; font-stretch:expanded;}
	#concept a:hover {color:#E97D00;}
	#concept #data_progetto {display:none;}

/* Fine CONCEPT BY */


