/****************************** COAST OF AMALFI **************************************/

body {
  margin:0px;
  padding:10px 0px;
  background-color:#FFFFFF;
  background-image:url("img/sfondo_body.jpg");
	font-family:verdana,arial,sans-serif;
	font-size:10px;
	color:#383835;
	text-align:center;
} 


#contenitore {
  width:750px;
	\width:758px;
	w\idth:750px;
	border-right:4px solid #FFFFFF;
	border-left:4px solid #FFFFFF;
  padding:0px;
  margin:0px auto;
	text-align:left;
	background-color:#FFFFFF;
} 

#presentazione {
  padding:10px 10px 5px 10px;
} 

#presentazione h1 {
  font-family:verdana,arial,sans-serif;
  font-size:10px;
  color:#383835;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

#lingue {
  float:left;
  width:188px;
  padding:0px;
  margin:0px;
}

#logo {
  float:left;
  width:562px;
	padding:0px;
	margin:0px;
} 



#menu {
  margin:0px;
  padding:5px 0px;
	text-align:center;
} 

#menu ul {
  margin:0px;
  padding:0px;
	font-weight:bold;
}

#menu ul li {
  margin:0px;
  padding:0px;
  list-style-type:none;
	display:inline;
}

#menu ul li a {
  color:#5E5E5A;
	text-decoration:none;
	padding:0px 5px;
}

#menu ul li a:hover {
  text-decoration:underline;
}

#corpo {
  width:750px;
	min-height:400px;
	height:auto !important;
	height:400px;
  margin:0px;
  padding:0px;
	background-image:url("img/sfondo_corpo.jpg");
	background-position:left top;
	background-repeat:repeat-y;
}

#sidebar {
  float:left;
	width:162px;
	min-height:130px;
	height:auto !important;
	height:130px;
	padding:0px;
	margin:0px;
	background-image:url("img/stemma.jpg");
	background-position:left top;
	background-repeat:no-repeat;
}

#sidebar a {
  color:#F9F9D7;
	font-weight:bold;
	text-decoration:none;
}

#sidebar a:hover {
  text-decoration:underline;
}

ul#menu2 {
  margin:140px 0px 0px 25px;
  padding:0px;
}

ul#menu2 li {
  list-style-image:url("img/freccina_menu2.gif");
	margin:5px 0px;
	padding:0px;
}


.separatore {
  text-align:center;
	margin:20px 0px;
}

#linkutili h2 {
  margin:0px 0px 0px 10px;
  padding:0px;
	font-size:10px;
	color:#FFFFFF;
}

#linkutili ul{
  margin:0px 0px 0px 25px;
  padding:0px;
}

#linkutili ul li {
  list-style-image:url("img/freccina_menu2.gif");
	margin:5px 0px;
	padding:0px;
}	

#altrilink {
  text-align:right;
	margin:10px 5px 0px 0px;
} 

#altrilink a {
  text-decoration:underline;
}

#altrilink a:hover {
  text-decoration:none;
}

#contenuto {
  float:left;
	width:588px;
	padding:0px;
  margin:0px;
}

#contenuto ul {
  margin:0px 0px 0px 20px;
  padding:0px;
}

#contenuto ul li {
  margin:8px 0px;
  padding:0px;
}

#contenuto img {
  border:2px solid #FFFFFF;
}

.subcontenuto {
 padding:10px;
}


.testo {
	float:left;
	width:330px;
  \width:350px;
	w\idth:330px;
	padding:30px 10px 10px 10px;
}

.testo h3 {
 font-family:"times new roman",serif;
 color:#774237;
 font-size:15px;
 text-decoration:underline;
 margin:0px 0px 10px 0px;
 padding:0px;
}

.immagini {
  float:left;
  width:238px;
	padding-top:21px;
	background-image:url("img/disegno_top.jpg");
	background-position:left top;
	background-repeat:no-repeat;
	margin-top:10px;

}

.immagini .disegnoBottom {
  height:30px;
	background-image:url("img/disegno_bottom.jpg");
	background-position:left top;
	background-repeat:no-repeat;
}

.immagini img {
  margin:0px 0px 4px 0px;
}

.immagini img.last {
  margin:0px;
}

#sponsor {
 padding:0px;
 border-top:1px solid #B9A77E;
 height:79px;
 background-image:url("img/sfondo_sponsor.jpg");
 background-position:left bottom;
 background-repeat:no-repeat;
 text-align:center;
}

#sponsor table {
	border-collapse:collapse;
	height:67px;
	margin:0px auto;
}

#sponsor table td {
  padding:0px 5px;
	vertical-align:middle;
}

#footer {
  padding:5px;
}

#footer a {
  color:#5E5E5A;
	font-weight:bold;
	text-decoration:none;
}

/******************************* ELEMENTI GENERICI *********************************/


h2 {
  margin:20px 0px 10px 0px;
  padding:0px;
	font-family:"times new roman",serif;
	color:#56473f;
	font-size:24px;
}

h2 span {
  font-size:16px;
	color:#7a4137;
	display:block;
	padding-left:20px;
}

h3 {
  font-size:11px;
	color:#774137;
	margin:0px 0px 10px 0px;
}


p {
  margin:10px 0px;
	line-height:13px;
}

p.alert a {
  font-weight:bold;
}

a {
  text-decoration:underline;
	color:#383835;
}

a:hover {
  text-decoration:none;
}

img {
  border:0px;
	margin:0px;
	padding:0px;
} 

.blocca {
  clear:both;
  visibility:hidden;
  height:0px;
  line-height:0px;
	margin:0px;
  font-size:1px;
} 


.center {
  text-align:center;
}

.right {
  text-align:right;
}

.floatL {
  float:left;
  margin:0px 10px 10px 0px;
}

.floatR {
  float:right;
  margin:0px 0px 10px 10px;
}

/*********************************** HOME PAGE **************************************/


.localita {
  margin:0px 0px 0px 0px;
}

.localita .fotoLeft {
  float:left;
  width:240px;
} 

.localita .fotoRight {
  float:Right;
  width:240px;
} 

.localita .desc {
  float:left;
	width:310px;
  \width:320px;
	w\idth:310px;
} 

.localita .desc p {
  margin:0px 0px 10px 0px;
  padding:0px;
}

/*********************************** TARIFFE *************************************/

#tariffe {
  text-align:center;
}

#tariffe table {
  width:450px;
  text-align:center;
  border-collapse:collapse;
  border:1px solid #60605d;
	color:#60605d;
	margin:0px auto 20px auto;
	font-size:10px;
}

#tariffe table caption {
  padding-bottom:5px;
  margin:0px auto;
	font-size:11px;
}

#tariffe table td {
  border:1px solid #5E5E5A;
	padding:3px;
	font-weight:bold;
}	

#tariffe table td.titolo {
  font-weight:bold;
}

#tariffe table th {
  font-weight:bold;
  border:1px solid #5E5E5A;
	font-size:11px;
	color:;
	background-color:;
}

#tariffe table td.note {
  font-weight:normal;
}


/*********************************** CONTATTI ************************************/


#contatti {
	padding:20px 0px 0px 20px
}

#contatti form {
  width:300px;
}

#contatti label {
  display:block;
	margin-top:10px;
	font-weight:bold;
} 

#contatti label .rosso {
	color:#E60000;
	font-weight:normal;
}

#contatti .campo input {
  width:300px;
	font-size:11px;
  color:#383835;
	border:1px solid #5E5E5A;
}

#contatti .campo textarea {
 width:300px;
 height:150px;
 font-family:verdana,arial,sans-serif;
 font-size:11px;
 border:1px solid #5E5E5A;
}


#contatti .errore label {
  color:#E60000;
}

#contatti .errore input {
  width:300px;
	font-size:11px;
  color:#383835;
	border:1px solid #E60000;
}

#contatti .errore textarea {
	width:300px;
	height:150px;
	border:1px solid #E60000;
} 


/************************************ PULSANTI **********************************/

.pulsanti {
 margin:20px 0px 0px 0px;
 text-align:center;
}

.pulsanti input {
  color:#383835;
	font-weight:bold;
	font-size:11px;
	width:120px;
	height:25px;
}


/************************************ DISPONIBILITA *******************************/


.datiPersonali {
  text-align:center;
	padding:20px 0px 5px 0px;
}

#disponibilita {
  width:300px;
	padding:20px 0px 0px 20px
}

#disponibilita label {
  display:block;
	margin-top:10px;
	font-weight:bold;
} 
#disponibilita label .rosso {
	color:#E60000;
	font-weight:normal;
}

#disponibilita .campo input {
  width:300px;
	font-size:11px;
  color:#383835;
	border:1px solid #5E5E5A;
}

#disponibilita .campo input.dataArrivo {
  width:40px;
}

#disponibilita .campo input.dataPartenza {
  width:40px;
}

#disponibilita .campo input.cap {
  width:50px;
}

#disponibilita .campo select {
	color:#383835;
	font-family:verdana,arial,sans-serif;
	font-size:10px;
}


#disponibilita .campo input.numPersone {
  width:100px;
}

#disponibilita .campo input.numNotti {
  width:100px;
}

.sistemazione {
  text-align:center;
	padding:20px 0px 5px 0px;
}

#disponibilita .campo input.camDoppia {
  width:140px;
}

#disponibilita .campo input.camSingola {
  width:140px;
}

.note {
  text-align:center;
	padding:20px 0px 5px 0px;
}

#disponibilita .campo textarea {
  width:300px;
  height:150px;
  font-family:verdana,arial,sans-serif;
  font-size:11px;
  border:1px solid #5E5E5A;
}

.avviso {
  text-align:center;
  padding:20px 0px 5px 0px;
}

#disponibilita .errore label {
  color:#E60000;
}

#disponibilita .errore input {
  width:300px;
	font-size:11px;
  color:#383835;
	border:1px solid #E60000;
}

#disponibilita .errore textarea {
	width:300px;
	height:150px;
	border:1px solid #E60000;
}


#disponibilita .tiposistemazione label {
  display:inline;
	vertical-align:middle;
}

#disponibilita .tiposistemazione input {
  border:0px;
	display:inline;
	width:15px;
	vertical-align:middle;
} 

/************************************ MAPPA ***************************************/

#mappa {
  margin:20px 0px 0px 0px;
}

#mappa img {
  margin:0px;
	padding:0px;
	border:0px;
	vertical-align:middle;
}

#mappa a {
  display:block;
  width:133px;
  height:114px;
	padding:4px;
	border:2px solid #5e5e5a;
	margin:10px;
	float:left;
	text-align:center;
	voice-family:"\"}\"";
  voice-family:inherit; 
	width:125px;
	height:106px;
} html>body #mappa a { width:125px; height:106px; }

#mappa a:hover {
	border:2px solid #FFFFFF;
}


/************************************ MESSAGGI ************************************/

.ok {
  margin: 10px auto;
  text-align: center;
  font-weight: bold;
  width: 95%;
  padding: 5px;
  border: 1px solid #008200;
  background-color: #CFF3D3;
  color: #333333;
}

.no {
  margin: 10px auto;
  text-align: center;
  font-weight: bold;
  width: 95%;
  padding: 5px;
  border: 1px solid #970000;
  background-color: #FFAEAE; 
  color: #000000;
}


/************************************** TRANSFER ************************************/

table#transfer {
  text-align:center;
  border-collapse:collapse;
  border:1px solid #60605d;
	color:#60605d;
	margin:auto;
	font-size:10px;
}

table#transfer th {
 border:1px solid #60605d;
 padding:3px;
 font-weight:bold;
} 
 


table#transfer td {
 border:1px solid #60605d;
 padding:3px;
}


/************************************ GALLERIA FOTOGRAFICA **************************/

table.luoghi {
  padding:0px;
	margin:10px 0px;
	border-collapse:collapse;
	border:0px solid #5E5E5A;
	font-size:10px;
} 

table.luoghi td {
  width:130px;
  padding:3px;
	font-weight:bold;
	border:0px solid #5E5E5A;
	text-align:center;
} 

table.luoghi td a {
 text-decoration:none;
}

table.luoghi td a:hover {
 text-decoration:underline;
} 

.posto {
	width:550px;
	padding:0px;
	margin:0px;
}

/********************************** LUOGHI DA VISITARE *****************************/

.descrizioneLuogo {
	width:550px;
	padding:0px;
	margin:0px;
}