@charset "utf-8";
body {
	font: 100% Georgia, "Times New Roman", Times, serif;
	background: url(img/rivamare-bkg-topNatale.gif) repeat-x #e8ddc1 ;
	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: #666;
	font-weight:normal;
}

.oneColFixCtrHdr #container {
	width: 810px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px lascia spazio per gli elementi grafici e strutturali del browser ed evita che venga visualizzata una barra di scorrimento orizzontale */
	background: #FFF url(img/rivamare-bkg-container.gif);
	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. */
}

.oneColFixCtrHdr #header {
	margin: 0 auto;
	height: 519px;
	background: url(img/rivamare-topNatali.gif) no-repeat top; 
	padding: 0 10px 0 20px;  /* 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. */
}

.oneColFixCtrHdr #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: 0 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
}

.oneColFixCtrHdr  #header h3{
	margin: 0;
	padding: 60px 0;
}

.oneColFixCtrHdr  ul{
	text-align: center;
	text-decoration: none;
	width: 750px;
	height:20px; 
	margin: 120px 0 0 10px;
	float:left;
	padding: 0 0 0 0;
	border-top: #C90 1px solid;
	border-bottom: #C90 1px solid;
}

.oneColFixCtrHdr li{
	display: inline;
	letter-spacing: -1px;
	padding: 5px;
	font-variant: small-caps;
	font-weight: bold;
	color: #C90;
	list-style-type:none;
}

.oneColFixCtrHdr li a{
	color: #C90;
	text-decoration: none;
}

.oneColFixCtrHdr li a:hover{
	color: #FFF;
	text-decoration: none;
	background: #C90
}

.oneColFixCtrHdr  #screen{
	
	width: 750px;
	height:222px; 
	margin: 160px 0 0 10px;
	z-index:2;
	
}


.oneColFixCtrHdr  #screenInt{
	width: 750px;
	height:300px; 
	margin: 160px 0 20px 10px;
	
}

.oneColFixCtrHdr #mainContent {
	margin: 0;
	padding: 30px 30px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
}

.oneColFixCtrHdr  #bordo{
	background:#960;
	border:5px #FFF solid;
	margin: 10px;
}

.oneColFixCtrHdr  #prenota{
	padding:10px;
	background:#C90;
}

.oneColFixCtrHdr  #prenota p{
	text-align:center;
	color:#FFF;
	font-size:18px;
}

.oneColFixCtrHdr #footer {
	height: 114px;
	padding: 0 10px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background: url(img/rivamare-footer.gif) no-repeat;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 35px 50px 0 150px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
	font-weight:bold;
	font-size: 12px;
	color: #666;
	line-height: 20px;

}

.oneColFixCtrHdr #footer a {
	text-decoration: none;
	color: #666;
}

.oneColFixCtrHdr #footer a:hover {
	color: #C90;
}

h3 {
	color: #FFF;
	font-size: 12px;
}

#col1{
	width: 260px;
	height: 260px;
	margin: 0 10px 10px 0;
	background:url(img/rivamare-stanze.jpg) no-repeat;
	background-color:#666666;
	float: left;
	border: 1px #C90 solid;
}

.col1Cont{
	margin-top: 230px;
	
	width: 250px;
	height: 30px;
	background: url(img/rivamare-title-bkg.gif) repeat-x;
}

h4 {
	text-align: center;
	margin: 0 auto;
	color: #C90;
	font-variant: small-caps;
	font-size: 14px;
	padding: 10px 0 0 10px;
}

h4 a{
	text-decoration: none;
	color: #C90;
}

h1 {
	font-style:italic;
	color: #C90;
	margin:0 0 0 0;
	letter-spacing: -1px;
}

p {
	text-align: justify;
}

#ischia {
	width: 507px;
	height: 272px;
	background: url(img/rivamare-ischia-bkg.gif) no-repeat;
	padding: 15px 15px 15px 15px;
	float:left;
	
	
}

#box {
	width: 146px;
	height: 252px;
	background: url(img/rivamare-form-box.gif) no-repeat;
	float: right;
	padding: 25px 25px 25px 25px;
	text-align: center;
	
}

img {
	border:none;
}

#row {
	height: 310px;
	z-index:1;
}

.oneColFixCtrHdr #header1 {
	margin: 0 auto;
	height: 600px;
	background: url(img/rivamare-top.gif) no-repeat top; 
	padding: 0 10px 0 20px;  /* 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. */
}
.oneColFixCtrHdr #header1 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: 0 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
}

#tariffe1Col{
	width: 126px;
	height: 260px;
	float: left;
	padding: 0;
	border-right: #C90 1px solid;
}

.titoloCol1 {
	padding-top: 10px;
	width: 126px;
	height: 40px;
	background: #2E7E99;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	text-align:center;
}

#tariffe1Co2{
	width: 125px;
	height: 260px;
	border-right: #C90 1px solid;
	float: left;
	padding: 0;
}

.titoloCol2{
	padding-top: 10px;
	width: 125px;
	height: 40px;
	background: #806000;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	text-align:center;
}

#tariffe1Co3{
	width: 125px;
	height: 260px;
	border-right: #C90 1px solid;
	float:left;
	padding: 0;
}

.titoloCol3{
	padding-top: 10px;
	width: 125px;
	height: 40px;
	background: #173F4D;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	text-align:center;
}

#tariffe1Co4{
	width: 126px;
	height: 260px;
	float:left;
	padding: 0;
}

.titoloCol4{
	padding-top: 10px;
	width: 126px;
	height: 40px;
	background: #7F7F7F;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	text-align:center;
}




.oneColFixCtrHdr  #header1 h3{
	margin: 0;
	padding: 60px 0;
}

p a{
	color: #666;
	text-decoration: none;
} 

p a:hover{
	text-decoration: underline;
} 

hr {
	text-align: center;
	width: 760px;
	border-top: #C90 solid 1px;
}

.tariffe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
}

#settings {
	margin: 0;
	padding: 0;
	float: right;
	width: 195px;
	height: 31px;
	background:url(img/rivamare-settings.png) no-repeat;
}

.contacts {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	
}

.contacts a{
	text-decoration: none;
}

.contacts a:hover{
	text-decoration: underline;
}

.titolo {
font-size:18px;
font-style:italic;
font-weight:bold;
}