@charset "UTF-8";
/* CSS Document */

body{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family:  Arial, Georgia, Helvetica, sans-serif;
	font-size: 12px;
	color: #00004C;
	height: auto;
	background: white url(../villaggio-vacanze-calabria/pagina.png) left top repeat-x;
	text-align: left;
}

html{height: 100%; }

table{
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}

.aj_div_attesa_nascondi, .aj_div_principale_nascondi{display:none;}
.aj_div_attesa_vedi{width: 100%;top: 50px;position: relative;text-align:center;}

a{text-decoration: none;color: #333333;}
a:hover{text-decoration: none;outline: none;}
img{border: 0px;}
input, textarea{background: White; color: Black; border: 1px solid black; margin: 0px; padding: 2px;}
.input_noborder{background-color: transparent;color: Black; border: 0px;}
form{margin: 0px;padding: 0px;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.giustificato{text-align: justify;}

h1{font-size: 16px; margin: 0px;}
h2{font-size: 14px; margin: 0px;}
h3{font-size: 12px; margin: 0px;}
h4{font-size: 11px; margin: 0px;}
h5{margin: 0px; }
.testo9, .testo9_rosso, .testo9_bianco{font-size: 9px;}
.testo10, .testo10_rosso, .testo10_bianco{font-size: 10px;}
.testo11, .testo11_rosso, .testo11_bianco{font-size: 11px;}
.testo12, .testo12_rosso, .testo12_bianco{font-size: 12px;}
.testo13, .testo13_rosso, .testo13_bianco{font-size: 13px;}
.testo14, .testo14_rosso, .testo14_bianco{font-size: 14px;}
.testo16, .testo16_rosso, .testo16_bianco{font-size: 16px;}
.testo18, .testo18_rosso, .testo18_bianco{font-size: 18px;}

.testo9_rosso, .testo10_rosso, .testo11_rosso, .testo12_rosso, .testo13_rosso, .testo14_rosso, .testo16_rosso, .testo18_rosso{color: Red;}
.testo9_bianco, .testo10_bianco, .testo11_bianco, .testo12_bianco, .testo13_bianco, .testo14_bianco, .testo16_bianco, .testo18_bianco{color: White;}
.bianco{color: White;}
.privacy{color: Gray; font-size: 10px;}
.hidden{position:absolute;left:0px;top:-1000px;width:1px;height:1px;overflow:hidden;}
.sostituzione {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5;}
/*#net-zone {color: #FF8800;}*/
h1, h2, h3, h4, h5 {font-family: Georgia;}
.sottolineato {text-decoration: underline;}

#contenitore {
	height: auto !important;
	min-height: 100%;
	height: 100%;
	margin: 0px auto;
	position: relative;
	z-index: 0;
	width: 985px;
	background: #00C9FF; /* per garantire contrasto con testo qualora qualche immagine non venisse caricata */
	padding-top: 520px; /* lascio spazio agli altri elementi */
}

/* =================== */
/* CONTENUTO PRINCIPALE */
/* =================== */

#contenuto {
	width: 985px;
	height: auto !important; 
	min-height: 450px;
	height: 450px;
	padding: 15px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 1;
	background: white;
}
	#contenuto.contenuto_index {
		height: auto !important; 
		min-height: 300px;
		height: 450px;
	}

	#contenuto:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

		.introduzione {
			width: 409px;
			height: auto !important; 
			min-height: 280px;
			height: 280px;
			float: left;
			margin: 0px;
			padding: 0px 25px 0px 0px;
			border-right: 1px solid #00AAFF;
		}
			.introduzione h1 {
				margin-bottom: 20px;
				font-size: 21px;
				font-weight: normal;
				color: #00004C;
			}
			
			.introduzione p {
				margin: 0px; 
				padding: 0px;
				font-size: 13px;
				line-height: 16px;
				text-align: justify;
				}
			
			.introduzione p em {font-weight: bold; font-style: normal;}
			
			.introduzione p.primo:first-letter {
				font-family: Georgia;
				font-size: 30px;
				margin: 0px 5px 0px 0px;
				padding: 2px 2px 5px 2px;
				float: left;
				line-height: 24px;
				display: block;
				background: #00aaff;
				color: #FFFFFF;
				}
				
			
		/*== box commenti in homepage ==*/
		.commenti {
			width: 244px;
			height: 275px;
			float: left;
			margin: 0px;
			padding: 0px 20px;
			border-right: 1px solid #00AAFF;
			background: url(../villaggio-vacanze-calabria/commenti.png) center bottom no-repeat;
		}
			.commenti h3 {width: 100%; height: 22px; padding-bottom: 55px; font-size: 20px; font-weight: normal; color: #00AAFF;}
			.commenti p.intro {height: 100px; margin: 0px; padding: 0px; font-size: 12px; color: #4D4D4D; }
			.commenti p.firma {height: 30px; margin: 10px 0px 0px 0px; color: #00B6FF; }
				
			.commenti a {
				display: block; 
				width: 218px; 
				height: 25px; 
				margin: 25px 0px 0px 0px;
				padding-left: 25px; 
				line-height: 23px;
				font-size: 13px;
				color: #FFFFFF;
				background: url(../villaggio-vacanze-calabria/leggi-commenti.png) top left no-repeat;
				}
				.commenti a:hover {background-image: url(../villaggio-vacanze-calabria/leggi-commenti-2.png); color: #00004C;}
		/*====*/
		
		/*== box info contatto e newsletter in homepage ==*/
		.contatti {
			width: 252px;
			height: 275px;
			padding-left: 13px;
			float: left;
			color: #4D4D4D;
			background: url(../villaggio-vacanze-calabria/italia-calabria.png) 10px 45px no-repeat; 
		}
			
			.contatti h4 {width: 100%; margin-bottom: 20px; font-size: 20px;  font-weight: normal; color: #00AAFF;}
			.contatti ul { list-style: none; height: 170px; margin: 0px; padding: 0px; }
				.contatti li {margin-bottom: 10px; }
					.contatti li strong {text-decoration: underline; font-weight: normal; display: block;}
				
			.contatti h5 {height: 20px; padding: 0px 0px 5px 0px; margin: 0px; font-size: 20px; font-weight: normal; color: #00AAFF;	}
			.contatti p {margin: 0px;}
			.contatti p a {color: #00AAFF;}
				.contatti p a:hover {text-decoration: underline;}
			/*====*/

		/*==================================================================================*/
		/*== SEZIONE PER PAGINE INTERNE ==*/
		/*==================================================================================*/
		
		.interno .introduzione { 
			width: 694px;
			padding-bottom: 20px;
			}
		
		/*== FORMATTAZIONE ELEMENTI VARI ==*/
			
			.interno .introduzione h2 {
				font-size: 18px;
				font-weight: bold;
				margin-bottom: 20px;
			}
			
			.interno .introduzione h3 {
				font-weight: bold;
				font-size: 14px;
				height: 26px;
				line-height: 26px;
				padding: 0px 0px 0px 20px;
				margin: 10px 0px 10px 0px;
				background: #00aaff;
				color: white;	
			}
			
			.interno .introduzione h4 {
				font-size: 14px;
				font-weight: normal;
				color: #00004C;
				margin: 10px 0px 0px 0px;
			}
				/* titolo del sottomenu (dove presente) */
				.interno h4.titolo_sottomenu {
					width: 250px;
					margin: 30px 0px -30px 0px;
					float: left;
					position: relative;
					display: block;
					font-size: 12px;
					height: 25px;
					line-height: 25px;
					padding: 0px 0px 0px 15px;
					background: #00aaff;
					color: white;
				}
			
			.interno .introduzione ul {
				padding-left: 10px;
				margin: 0px 0px 0px 0px;
				list-style: none;
			}
			
			.interno .introduzione ul li {
				padding: 3px 0px 3px 15px;
				background: url(../villaggio-vacanze-calabria/navigazione.png) left 7px no-repeat;
			}
				/* filetto superiore per elementi associati a questa classse */
			.interno .introduzione .filetto-superiore {
				padding-top: 7px;
				background: url(../villaggio-vacanze-calabria/titolo-bordo.png) left top no-repeat;
			}
		/*==  FINE FORMATTAZIONE ELEMENTI VARI ==*/
		
		ul.navigazione_contenuto {
			width: 265px;
			height: auto;
			padding: 0px;
			margin: 30px 0px 0px 0px;
			float: right;
			list-style: none;
			border-bottom: 1px solid #00AAFF;
			}
			
			ul.navigazione_contenuto li {
				height: 24px;
				padding-left: 15px;
				border-top: 1px solid #00AAFF;
			}
			
				ul.navigazione_contenuto li a {
					display: block;
					height: 13px;
					padding: 5px 0px 0px 15px;
					line-height: 13px;
					color: #002960;
					background: url(../villaggio-vacanze-calabria/navigazione.png) left 9px no-repeat;
				}
					ul.navigazione_contenuto li a:hover, ul.navigazione_contenuto li a.attivo {color: #00AAFF;}
				
		.interno .contatti {
			width: 251px; /* un pixel in meno per fare spazio al bordo */
			height: 160px;
			bottom: 15px;
			left: 719px;
			float: left;
			position: absolute;
			border-left: 1px solid #00AAFF;
			border-bottom: 0px;
			background-image: url(../villaggio-vacanze-calabria/italia-calabria-2.png);
			background-position: 10px 0px; 
		}
			.interno .contatti ul {height: auto;}
			.interno .contatti ul li.mail a{font-size: 14px; color: #00B6FF;} /* indirizzo email */
			
			/*== FAQ ==*/
			.interno h3.faq {font-size: 16px;}
			
				/* titoli dell'elenco faq */
			.interno h4.faq {
				font-weight: bold;
				padding: 10px 0px 10px 35px;
				background: url(../villaggio-vacanze-calabria/faq.png) left 7px no-repeat;
				}
				/* bordo inferiore per paragrafo o blocco che costituisce la risposta */
			.faq p.risposta, .faq div.risposta {padding: 0px 0px 15px 35px; border-bottom: 1px dotted #00AAFF;}
			.faq p.risposta.no_bordo {border: 0px;}
				
			/*== fine FAQ ==*/
			
			/*== ESCURSIONI ==*/
			.introduzione h3.titolo_escursioni{
				height: 30px;
				line-height: 30px;
				padding: 0px 0px 0px 20px;
				margin: 10px 0px 0px 0px;
				background: #00aaff;
				color: white;
			}
			.introduzione ul.elenco_escursioni{
				margin: 0px;
				padding: 0px;
				list-style-type: none;
			}
			.introduzione ul.elenco_escursioni li {padding: 0px;background-image: none;}
			.introduzione ul.elenco_escursioni li a{
				width: 96%;
				height: 30px;
				line-height: 30px;
				display: block;
				padding-left: 4%;
				background: url(../villaggio-vacanze-calabria/navigazione.png) 5px center no-repeat;
				border-bottom: 1px solid #00aaff;
				font-size: 14px;
				font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #00004c;
			}
			.introduzione ul.elenco_escursioni li a:hover{
				background: #eef0f2 url(../villaggio-vacanze-calabria/navigazione.png) 5px center no-repeat;
			}
				
			/*== CALABRIA ==*/
			.introduzione blockquote {width: 680px; margin: 0px 0px 0px 0px; padding: 0px;}
			.introduzione blockquote p { font-style: italic;}
			
			.introduzione span.firma {display: block; margin: 0px 0px 20px 640px;}
			
			/*== ANIMAZIONE ==*/
			
			ul.programma {
				width: auto;
				height: auto;
				border-top: 1px dotted #00AAFF;
			}
			
				ul.programma li {
					border-bottom: 1px dotted #00AAFF;
					display: block;
					height: auto;
					padding: 3px 0px;
				}
				
			ul.programma li span.orario {
				width: 100px;
				display: block;
				float: left;
			}

			/*== SERVIZI ==*/
			.interno .introduzione h3.titoli_servizi {
				color: #00b7ff;
				background: url(../villaggio-vacanze-calabria/titolo-bordo.png) 20px bottom no-repeat;
				padding-bottom: 5px;
				height: auto;
				line-height: normal;
				margin: 0px 0px 5px 0px;
			}
				
			/*== METEO ==*/
			img#grafico-clima-calabria {margin: 50px 0px 0px 0px;}
			
			/*== DOVE SIAMO ==*/
			img#cartina-calabria, #mappa {margin: 5px 0px 20px 0px; padding: 0px; width:684px; height: 399px;}
			#mappa {margin-top: 60px;} /* Per non coprire i bottoni marcatori sopra la mappa */
			a#link-google-maps, a#link-google-maps-indietro {color: #00004C; display: block; float: left;}
				a#link-google-maps:hover, a#link-google-maps-indietro:hover {color: #00AAFF;}
			
			h4 a.punti_mappa{
				height: 34px;
				width: 140px;
				display: block;
				float: left;
				position: relative;
				padding: 0px 0px 0px 25px;
				background-image: url(../villaggio-vacanze-calabria/marcatore_mappa_a.png);
				background-position: left top;
				background-repeat: no-repeat;
				line-height: 34px;
				font-size: 16px;
				font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
				color: #00aaff;
			}
				
			/*== CONTATTI ==*/
			#modulo_contatti {
				margin: 30px 0px 0px 0px;
				}
				
			#modulo_contatti fieldset {
				width: 684px;
				margin: 0px;
				padding: 0px;
				border: 0px;
			}
			
			#modulo_contatti label {
				width: 342px;
				display: block;
				margin-bottom: 10px;
				padding: 0px;
				float: left;
			}
			
			#modulo_contatti label input {width: 200px; border-color: #00AAFF;}
			#modulo_contatti label.richieste {clear: left; width: 684px;}
				#modulo_contatti label.richieste textarea {width: 545px; border-color: #00AAFF; overflow: auto;}
			#modulo_contatti span.campi_obbligatori {display: block; clear: both; margin: 3px 0px 0px 460px; height: 15px; font-size: 11px;}
			#modulo_contatti span.blocco_privacy {width: auto; display: block; float: left; position: relative; top: -17px; left: 0px;}
				#modulo_contatti span.blocco_privacy a {display: block; font-size: 11px; color: gray; float: left; height: 15px;}
					#modulo_contatti span.blocco_privacy a:hover {color: #00AAFF;}
			#modulo_contatti label.accetto {width: auto; height: 16px; line-height: 20px; margin: -4px 0px 0px 5px; float: left; font-size: 11px; color: gray;}
				#modulo_contatti label.accetto input {width: 15px; height: 15px; border: 0px; margin-left: 10px;}
			#modulo_contatti label.invio_richiesta {clear: left; margin: 15px 0px 0px 0px; width: auto;}
			#modulo_contatti label.invio_richiesta input {width: 120px; border: 1px solid #00004C; background: #00AAFF;color: white;}
			/*== FINE CONTATTI ==*/
			

		/*==================================================================================*/
		/*== FINE SEZIONE PER PAGINE INTERNE ==*/
		/*==================================================================================*/


/* =================== */
/* INTESTAZIONE */
/* ===================*/

#intestazione { 
	width: 985px;
	height: 150px;
	padding: 0px 0px;
	margin: 0px;
	position: absolute;
	top: 0px; /* in cima a #contenitore */
	z-index: 2;
	background: url(../villaggio-vacanze-calabria/intestazione.png) left top repeat-x; /* filetto */
}

	/* selezione lingua */
	ul.lingua { 
		width: 43px;
		height: 15px;
		margin: 5px 0px 0px 0px;
		padding: 0px;
		list-style: none;
	}
	
		ul.lingua li { 
			display: block;
			float: left;
			width: 14px;
			height: 14px;
			margin: 0px 5px 0px 0px;
			padding: 0px;
		}
			ul.lingua li a {margin: 0px; padding: 0px; }
			ul.lingua li a img {margin: 0px; padding: 0px;}
		
	/* logo */
	#intestazione h2 {
		width: 285px;
		height: 81px;
		margin: 0px;
		padding: 0px;
		font-size: 20px; 
		font-weight: normal; 
		color: #002960;
		clear: left;
		float: left;
		position: relative;
	}
		#intestazione h2 .sostituzione {width: 285px; height: 81px; background: url(../villaggio-vacanze-calabria/villaggio-lido-san-giuseppe.png) left top no-repeat;}
	
	/*== navigazione pulsanti calabria, mare, meteo..== */
	#intestazione ul.navigazione_superiore { 
		height: 55px;
		margin: 22px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		border-right: 1px solid #00B6FF;
		list-style: none;
	}
	
		#intestazione ul.navigazione_superiore li {
			height: 55px;
			margin: 0px 0px 0px 0px;
			padding: 0px;
			display: block;
			float: left;
			border-left: 1px solid #00B6FF;
			font-size: 16px;
			font-family: Georgia;
		}
			
			#intestazione ul.navigazione_superiore li a { 
				display: block;
				width: auto;
				height: 25px;
				margin: 0px;
				padding: 30px 40px 0px 10px; 
				float: left; /* PER IE6 */
				color: #FFFFFF;
			}
				
				#intestazione ul.navigazione_superiore li a:hover, #intestazione ul.navigazione_superiore li a.attivo {background: url(../villaggio-vacanze-calabria/navigazione-superiore-hover.png) left top repeat-x;}
	/*== fine navigazione superiore ==*/
	
	/*== navigazione principale == */
	ul.navigazione_principale {
		width: 985px;
		height: 30px;
		clear: both;
		margin: 0px;
		padding: 19px 0px 0px 0px;
	}
		
		ul.navigazione_principale li {
			display: block;
			height: 30px;
			float: left;
			text-align: center;
			background: white;
			border-right: 1px solid #00B6FF;
			padding: 0px 0px;
			margin: 0px;
		}
			/* assegno dimensione fisse ai pulsanti per uniformare posizionamento tra i browser */
			ul.navigazione_principale li.a {width: 64px;}
			ul.navigazione_principale li.b {width: 85px;}
			ul.navigazione_principale li.c {width: 78px;}
			ul.navigazione_principale li.d {width: 97px;}
			ul.navigazione_principale li.e {width: 100px;}
			ul.navigazione_principale li.f {width: 122px;}
			ul.navigazione_principale li.g {width: 115px;}
			ul.navigazione_principale li.h {width: 104px;}
			ul.navigazione_principale li.i {width: 78px;}
			ul.navigazione_principale li.l {width: 62px;}
			ul.navigazione_principale li.m {width: 70px; border: 0px;}
			
			ul.navigazione_principale li a {
				text-transform: uppercase;
				display: block;
				font-size: 11px;
				height: 11px;
				padding: 11px 0px 9px 0px; /* padding top + padding-bottom = 20px; */
				border-bottom: 2px solid #00B6FF;
				position: relative;
				margin-top: -3px; /* per posizionare immagine dell' hover */
			}
				
				ul.navigazione_principale li a:hover,  ul.navigazione_principale li a.attivo {
					background: url(../villaggio-vacanze-calabria/navigazione.png) center top no-repeat;
					color: #00B6FF;
					}
	/*== fine navigazione principale ==*/
		
/* =================== */
/* APPROFONDIMENTO */
/* =================== */

#approfondimento { 
	width: 985px;
	height: 370px;
	padding: 0px 0px;
	margin: 0px;
	position: absolute;
	top: 150px; /* sotto a #intestazione */
	background: white;
	z-index: 3;
}

	#animazione_presentazione {width: 720px; height: 370px; float: left; margin: 0px; padding: 0px; background: url(../villaggio-vacanze-calabria/sfondo_animazione.jpg) left top no-repeat;}
	
	/*== form richiesta prenotazione ==*/
	#richiesta_prenotazione_index {
		width: 255px;
		height: 200px;
		padding: 0px 0px 0px 10px;
		margin: 0px;
		float: right;
		font-family: Verdana;
		position: relative;
		z-index: 0;
	}
		#richiesta_prenotazione_index  h4 {margin: 10px 0px; font-size: 20px; font-weight: normal; color: #002960; position: relative; z-index: 0;}
		
		#richiesta_prenotazione_index a {
			display: block;
			width: 255px;
			height: 138px;
			font-family: Verdana;
			color: white;
			padding: 60px 0px 0px 10px;
			background: #00C9FF url(../villaggio-vacanze-calabria/richiesta-prenotazione.png) left top no-repeat;
			position: absolute;
			left: 0px;
			top: 0px;
			border-bottom: 2px solid white;
		}
			#richiesta_prenotazione_index a strong {font-size: 16px; font-weight: normal;}
			#richiesta_prenotazione_index a:hover {background-position: -265px top; color: #00AAFF;border-color: #002960;}
	
	span.sostituzione_legend {background: url(../villaggio-vacanze-calabria/richiedi-prenotazione.png); display: block; height: 25px; width: 245px; position: absolute; left: 10px; top: 10px; z-index: 1;}
	/*== fine form ==*/
	
	/*== offerte special e lastminute ==*/
	.offerte_speciali, .lastminute {
		width: 245px;
		height: 86px;
		margin: 0px;
		float: left;
		padding: 0px 10px;
		position: relative;
		background: #b0efff; /* per garantire contrasto quaora immagine non venisse caricata */
	}
		/* collegamento esteso su tutto il blocco */
		.offerte_speciali a, .lastminute a {
			display: block; 
			width: 190px; 
			height: 40px; 
			padding: 44px 65px 0px 10px; 
			border-bottom: 2px solid white;
			position: absolute; 
			left: 0px; 
			top: 0px; 
			z-index: 1; /* sopra ad h4 per coprirlo con immagine  */
			color: #FFFFFF;
			
		}
			.offerte_speciali h4, .lastminute h4 {margin: 10px 0px; font-size: 20px; font-weight: normal; color: #002960; position: relative; z-index: 0;} /* solo se non viene caricata immagine */
		
			.offerte_speciali a {background: url(../villaggio-vacanze-calabria/offerte-speciali.png) left bottom no-repeat;}
			.offerte_speciali a:hover {background:  white url(../villaggio-vacanze-calabria/offerte-speciali-2.png) left top no-repeat; color: #00AAFF; border-color: #002960;}
			.lastminute a {background: url(../villaggio-vacanze-calabria/lastminute.png) left bottom no-repeat;}
			.lastminute a:hover {background: white url(../villaggio-vacanze-calabria/lastminute-2.png); color: #00AAFF; border-color: #002960; }

/* =================== */
/* FOOTER */
/* =================== */

#footer {
	width: 985px;
	height: 80px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	position: relative;
	font-size: 11px;
	background: white url(../villaggio-vacanze-calabria/footer.png) left top no-repeat; 
}

	#footer img {padding: 0px 0px 3px 0px; float: left; } /* logo Quality Hotels */
	
	#footer h6 {
		width: auto;
		height: 30px;
		margin: 0px;
		padding: 15px 0px 15px 10px; /* padding inferiore distanzia loghi w3c */
		font-size: 11px;
		font-weight: normal;
		float: left;
		color: #00b7ff;
	}
		/* net-zone */
		#footer h6 a {color: #00b7ff;}
		
	#footer a#facebook {
		display: block;
		width: 105px;
		height: 31px;
		overflow: hidden;
		float: right;
		margin: 10px 0px 0px 0px;
		font-size: 11px;
		line-height: 11px;
		position: relative;
		border: 0px;
		cursor: pointer;
	}
		#footer a#facebook .sostituzione {background: url(../villaggio-vacanze-calabria/facebook_gruppo.jpg) left top no-repeat;}
		
	#footer a#w3c {
		display: block;
		clear: both;
		float: left;
		width: 162px;
		height: 13px;
		margin: 0px 0px 0px 0px;
		font-size: 10px;
		position: relative; 
	}
		#footer a#w3c .sostituzione {background: url(../villaggio-vacanze-calabria/w3c.png) left top no-repeat;}
		
		/* blocchetto link esterni */
		#footer #link {
			float: right;
			margin: 0px 0px 0px 0px;
			border-left: 1px solid #b3b3b3;
		}
			#footer #link a { padding: 0px 5px; color: #999999; border-right: 1px solid #b3b3b3;}