﻿/* 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; }
.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 { 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/listino.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/preise.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/prix.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/rates.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 */

/* 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 */

	#concept { position:absolute; bottom:0; right:0; font-size:9px; color:#fff; margin:0 4px 0 0; }
	.container2 p#partita_iva { position:absolute; bottom:0; left:0; font-size:9px; color:#fff; margin:0 0 0 4px; }
	#concept .linktp,
	#concept .linktp:link,
	#concept .linktp:visited { font-size:9px; font-family: Times New Roman; color: #666666; text-decoration: none; }
	#concept .linktp:hover { font-size:9px; font-family: Times New Roman; color: #E97D00; text-decoration: none; }

/* Fine CONCEPT BY */
