html,body{margin: 0;padding:0}


body {
background-color: #FFFFFF;
font-family: Verdana,Arial,Helvetica;
}

a, a:visited {
text-decoration: none;
color: #295ADF;
text-indent: 0;
/* font-weight: 100; */
border: 0;
}

a:hover {
text-decoration: underline;
color: #FF8A00;
text-indent: 0;
/* background-color: #FFFBCF; */
border: 0;
}

#sangiovanni {
display: block;
position: relative;
width: 100%;

}

#header {
position: relative;
display: block;
top: 0;
left: 0;
width: 100%;
height: 70px;
}

#sardegna {
background-color: #E4F4F8;
position: absolute;
display: block;
left: 0;
width: 100%;
color: #27394F;
text-indent: 6px;
font-size: 11px;
height: 15px;
border-bottom: 1px solid #DFDFDF;
border-top: 1px solid #FF7200;
}

#turismo {
position: relative;
top:18px;
width: 100%;
}

#ottiolu {
background-color: #FFFFFF;
font-size: 11pt;
position: absolute;
display: block;
color: #455F74;
letter-spacing: 1px;
line-height: 110%;
left: 165px;
_left: 194px;
right: 24px;
_right: 0px;
padding: 24px;
visibility: visible;
}

#gallura {
position: relative;
display: block;
float:left;
left: 0px;
width: 155px;
_width: 145px;
border-right: 1px solid grey;
border-bottom: 1px solid grey;
background-color: #B5C3CF;
padding: 4px;
_padding: 2px;
line-height: 120%;
font-size: 11px;
color: #47545F;
}

#posada {
clear: both;
position: relative;
height: 20px;
background-color: #FFFFFF;
border-top: 1px solid #FF9933;
color: #B5C3CF;
margin-top: 15px;
margin-left: -189px;
_margin-left: -165px;
margin-right:-34px;
_margin-right: -310px;
margin-bottom: -24px;
font-size: 11px;
bottom: 0;
padding: 24px;
}


.gall  {
display: block;
width: 159px;
_width: 163px;
background-color: #6D8BAF;
color: #D1D8DF;
text-decoration: none;
text-indent: 2px;
line-height: 15px;
border-bottom: 1px solid #2C3C4F;
border-right: 1px solid #2C3C4F;
border-top: 1px solid #DFEEFF;
margin-top: 2px;
}

.gall:visited {
display: block;
width: 159px;
_width: 163px;
background-color: #6D8BAF;
color: #000000;
text-decoration: none;
text-indent: 3px;
line-height: 16px;
border-bottom: 1px solid #2C3C4F;
border-right: 1px solid #2C3C4F;
border-top: 1px solid #DFEEFF;
margin-top: 2px;
}

.gall:hover {
display: block;
width: 159px;
_width: 163px;
background-color: #2C3C4F;
color: #FFFFFF;
text-decoration: none;
text-indent: 4px;
line-height: 16px;
border-top: 1px solid #3B444F;
margin-top: 2px;
}


.leftplain:hover  {
	background-color: #FFC21F;
	color: #000000;
	width: 145px; 
	line-height: 14px;
   	text-indent: 1px;
	padding-left: 5px;
	margin-bottom: 2px;
	border-right: 1px solid #AFAFAF;
	border-bottom: 1px solid #AFAFAF;
	border-left: none;
	border-top: none;
	}
	
.leftplain :visited {
	background-color: #D0D0D0;
	display: block;
	width: 145px;
	line-height: 14px;
	text-decoration: none; 
   	text-indent: 0;
	padding-left: 5px;
	margin-bottom: 2px;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #AFAFAF;
	border-top: 1px solid #AFAFAF;
	}
	
.leftplain  {
	background-color: #D0D0D0;
	display: block;
	width: 145px;
	line-height: 14px;
	text-decoration: none; 
   	text-indent: 0;
	padding-left: 5px;
	margin-bottom: 2px;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #AFAFAF;
	border-top: 1px solid #AFAFAF;
	}
	
.sottopancia  {
color: #8080FF;
font-size: 10px;
text-align: justify;
text-justify: distribute;
letter-spacing:0;
}	

.righthumb {
margin: 16px;
border: 1px solid #8080FF;
}

.discla {
display: block;
padding: 8px;
background-color: #D1EFE9;
font-size: 11px;
border: 1px solid #8080FF;
letter-spacing:0;
text-align: justify;
text-justify: distribute;
line-height: 1.2em;
}
	
h1 {
font-weight: 100;
font-size: 26px;
line-height: 30px;
color: #B3CEEF;
margin-top: 20px;
margin-bottom: 10px;
border-bottom: 1px dotted #B3CEEF;
}	

h2 {
font-weight: 100;
font-size: 16px;
line-height: 26px;
text-indent: 12px;
color: #B3CEEF;
margin-top: 5px;
margin-bottom: 10px;
}