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

body  {

	font: 100% Verdana, Arial, Helvetica, sans-serif;


	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/

	padding: 0;

	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */

	color: #000000;
	background-image:url(../immagini/sfondo1.gif);
	background-repeat:repeat-x;

}

#container { 

	width: 920px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */


	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */

	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	

}

#containerEventi {
	width: 210px;
	height: 150px;
	margin: 20px 0px 0px 0px;
	position: relative;
}

#containerOfferte {
	width: 250px;
	height: 150px;
	margin: 20px 0px 0px 0px;
	position: relative;
}

#offerte {
	width: 250px;
	float: left;
	background-image:url(../immagini/sfondo-news.gif);
	background-repeat:no-repeat;
	background-position: 0px 30px;
}

#news {
	width: 210px;
	height: 1000px;
} 

h3{
	margin: 5px 0px 10px 0px;
	padding: 0px;
}

#header { 

	padding: 0 0px 0 0px;  /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */
	height: 168px;

} 

div#logo {
	margin-top: 40px;
	margin-left: 20px;
	width: 179px;
	height: 82px;
	float: left;
}

div#header-right {
	margin-top: 17px;
	width: 347px;
	height: 40px;
	text-align:left;
	background-image:url(../immagini/sfondo-lingue.gif);
	float: right;
	background-repeat: no-repeat;
}

div#lingua-email {
	width: 347px;
	height: 40px;
}

div#lingua-email1 {
	margin-top: 5px;
	margin-left: 30px;
	width: 150px;
	height: 40px;
	text-align:left;
	border-left-style: 1px solid;
	border-right-style: 1px solid;
	border-top-style: 1px solid;
	border-bottom-style: 1px solid;
	border-color:#663300;
	float:left;
}

div#lingua-email2 {
	height:30px;
	text-align:left;
	width:120px;
	float: right;
	margin-top:8px;
}

div#sotto-lingua {
	width: 347px;
	height: 40px;
	margin-left: 10px;
	margin-top: 20px;
}

div#gabbiani {
	width: 184px;
	height: 32px;
	float: left;	
}

div#jesolo-lido {
	width: 90px;
	height: 32px;
	float: right;	
	margin-right: 28px;
}

div#foto {
	margin-top: 168px;
	margin-left: 15px;
	width: 558px;
	height: 282px;
	float: left;
	text-align:center;
}

.bordo-img {
	background-color: #E4E4E4;
	margin-top: 5px;
	margin-left: 5px;
	padding: 5px;
	border:1px solid #CCCCCC;
}

.bordo-tour{
	margin-top: 5px;
	margin-left: 5px;
	padding: 5px;
}

#menu {
	width: 1050px;/*920px;*/
	margin: 0px;
	height: 28px;
	padding:13px 0px 0px 0px;
}

#header h1 {

	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */

	padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */

}

#sidebar1 {

	float: right; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 320px;
	background-image: url(../immagini/sfondo-testo-home.jpg);
	background-repeat:no-repeat;
	margin-right: 10px;
	color:#666666;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:8pt;
	line-height:16px;
}

#sidebar2 {

	float: right; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 320px;
	background-image: url(../immagini/sfondo-testo-home2.jpg);
	background-repeat:no-repeat;
	margin-right: 10px;
	color:#666666;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9pt;
	line-height:16px;
}

#sidebar-content {
	padding: 0px 15px 0px 15px;
}

#div-booking {
	background-image: url(../immagini/sfondo-booking.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	font-size: 8pt;
	height: 100px;
	width: 288px;
	padding: 0px 0px 0px 5px;
}

#booking button {
	border: 1px solid #FF3366;
	height: 20px;
}

#booking input {
	border: 1px solid #FF3366;
	background-color:#FFFFFF;
	height:24px;
}

#mainContent { 

	margin: 0 320px 0 0; /* il margine destro di questo elemento div crea la colonna sul lato destro della pagina; indipendentemente dalla quantità di contenuto presente nel div sidebar1, lo spazio della colonna rimane inalterato. È possibile rimuovere questo margine se si desidera che il testo del div #mainContent riempia lo spazio di #sidebar1 quando il contenuto di #sidebar1 finisce. */
	padding: 0px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	color:#666666;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9pt;
	line-height:16px;

} 

#mainContent-content {
	width: 540px;
	margin-left: 20px;
}

#mainContent-content1{
	width: 540px;
	margin-left: 20px;
}	

#mainContent-content2 {
	width: 510px;
	margin-left: 30px;
}

#mainContent-content3 {
	width: 510px;
	margin-left: 30px;
}		


#corpo-home {
	
}

#eventi-jesolo {
	width: 250px;
	background-image:url(../immagini/sfondo-news.gif);
	background-repeat:no-repeat;
	background-position: 0px 30px;
	float: right;
}

.content-home {
	width: 230px;
	margin-left: 20px;
	margin-top: 20px;
}

#footer1 { 

	padding: 0 10px 0 20px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	height: 200px;
	background:#DDDDDD; 
	margin:auto;
	width:auto;
	background-image:url(../immagini/sfondo-footer1.gif);

} 

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

/* Tabella contatti */

.tablecontatti {
	padding: 0px;
	margin: 0px;
	width: 450px;
}
td.tablecontatti01 {
	font-size:8pt;
	color:#666666;
	text-decoration: none;
	text-align: left;
	padding: 15px 0px 0px;
	margin: 0px;
	vertical-align: middle;
	width: 280px;
}
td.tablecontatti02 {
	font-size:8pt;
	color:#666666;
	text-decoration: none;
	text-align: left;
	padding: 15px 0px 0px 0px;
	margin: 0px;
	vertical-align: middle;
	width: 120px;
}
td.tablecontatti03 {
	font-size:8pt;
	color:#666666;
	text-decoration: none;
	text-align: justify;
	padding: 14px 0px 14px 0px;
	margin: 0px 30px 0px 0px;
	vertical-align: top;
	width: 500px;
}
input.contatti {
	font-size:8pt;
	width: 200px;
	background-color: #F4F4F4;
	color:#666666;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	height: 20px;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
input.contatti02 {
	font-size:8pt;
	width: 70px;
	background-color: #F4F4F4;
	color:#666666;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	height: 20px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.textarea {
	font-size:8pt;
	width: 200px;
	background-color: #F4F4F4;
	color:#666666;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	height: 100px;
	font-weight: normal;
	padding: 5px;
	font-family: Verdana;
	text-align: justify;
}
.textarea02 {
	font-size:8pt;
	width: 200px;
	background-color: #F4F4F4;
	color:#666666;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	height: 100px;
	padding: 5px;
	font-family: Verdana;
	text-align: left;
}
.pulscontatti {
	font-size:9pt;
	color:#666666;
	text-align: center;
	border: 1px solid #663300;
	text-decoration: none;
	height: 24px;
	width: 120px;
	background-color: #E3E3E3;
	font-weight: normal;
	background-image:url(immagini/sfondo-puls.gif);
}

select.sel-cont {
	width: 200px;
	font-size:8pt;
	border-left-style: 1px solid;
	border-right-style: 1px solid;
	border-top-style: 1px solid;
	border-bottom-style: 1px solid;
	border-color:#663300;
}

select.sel-cont2 {
	width: 250px;
	font-size:8pt;
	border-left-style: 1px solid;
	border-right-style: 1px solid;
	border-top-style: 1px solid;
	border-bottom-style: 1px solid;
	border-color:#663300;
}

-->