/* CSS Document */
/*_________________________________LAYOUT_____HOME______PAGE_____________________________________*/


body{
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	background-image:url(immagini/sfondo_mare.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	color: #365C81;
	background-color: #FFFFFF;
}


img {
	border:0;
}

.logo{
margin:0;
padding:0 0 0 320px;
text-align:center;
float:left;

}
.promo {
	float:left;
	padding:10px;	
}

.foto90 {
	width:90px;
	height:90px;
	overflow:hidden;
	margin:5px;
	float:left;
}

.colonna_video embed{
	width:90%;
	height:300px;
}
	
.colonna_video object{
	width:90%;
	height:300px;
}
.logo img{
border:0;
margin:0;
padding:0;
text-decoration:none;
}

.barra_alta {
	position:relative;
	text-align:center;
    padding:0;
    margin:0 auto;
	width:900px;
}
.lingue{
padding:0;
margin:3px 0 0 280px;
float:left;
}


.layout{
	width:1000px;
	position:relative;
	padding:0;
	margin:0 auto;
	background-image: url(http://www.feriesardegna.it/immagini/sfondo_layout.png);
	background-repeat: repeat-y;
	background-position: center center;
}



.blocca{
	CLEAR: both; BORDER-RIGHT: #cdcdcd 0px dotted; PADDING-RIGHT: 0px; BORDER-TOP: #cdcdcd 0px dotted; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #cdcdcd 0px dotted; WIDTH: 100%; LINE-HEIGHT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #cdcdcd 0px dotted;
}

/*_________________________________FORMATTAZIONE TESTO_____________________________________*/

h1{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#003263;
font-size:24px;
font-weight:normal;
margin:0;
padding:4px 0 4px 5px;
}
h2{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
margin:0;
padding:8px 0 8px 5px;
color:#253D59;
}
h3{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:4px 0 4px 5px;
color: #969DA9;
}
h4{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
margin:0;
padding:0 0 0 5px;
color:#76746D;
}
p{
font-size:11px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin:5px 0 0 0;
padding:0 35px 0 5px;
line-height:16px;
color:#444;
}

.grigio{
color:#5F5F57;
}
.verde{
color:#225F3B;
}
.blu{
color:#4A79B2;
}

a{
margin:0;
padding:0;
color:#457EB5;
text-decoration:none;
}
a:link{
margin:0;
padding:0;
color:#457EB5;
text-decoration:none;
}
a:visited{
margin:0;
padding:0;
color:#457EB5;
text-decoration:none;
}
a:hover{
margin:0;
padding:0;
color:#457EB5;
text-decoration:none;
}

/*________________Contiene il logo e il menu di navigazione in alto__________________*/



.contatti{
margin:0px 0 0 0;
padding:0;
float:left;
text-align:right;
width:514px;
height:30px;
color:#A5A399;
font-size:12px;
}
.contatti p{
color:#253D59;
font-size:12px;
margin:0;
padding:0;
}
.contatti a{
text-decoration:none;
color:#253D59;
font-size:12px;
padding:0;
margin:0;
}
.contatti a:link{
text-decoration:none;
color:#253D59;
font-size:12px;
padding:0;
margin:0;
}
.contatti a:visited{
text-decoration:none;
color:#253D59;
font-size:12px;
padding:0;
margin:0;
}
.contatti a:hover{
text-decoration:underline;
color:#4A79B2;
font-size:12px;
padding:0;
margin:0;
}


/*_________________navigazione barra_______________________*/
.navigazione {
	position:relative;
	text-align:center;
    padding:0;
    margin:0 auto;
	width:920px;
}

.navigazione ul {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0;
	margin:0 auto;
	display:inline;
	list-style:none;
	text-align:center;
	color:#B2B4B5;
}

.navigazione ul li {
	padding:0px;
	margin:0;
	float:left;
	text-align:center;
	display:block;
	color:#B2B4B5;
	list-style:none;
}

.navigazione ul li a:link{
	padding:6px 10px 10px 10px;
	margin:0;
	float:left;
	text-decoration:none;
	color:#444;
	display:block;
}
.navigazione ul li a:visited{
	padding:6px 10px 10px 10px;
	margin:0;
	float:left;
	text-decoration:none;
	color:#444;
	display:block;

}


.navigazione ul li a:hover{
	padding:6px 10px 10px 10px;
	margin:0;
	float:left;
	text-decoration:none;
	color:#0B92BE;
	display:block;
}

.navigazione #sel{
	padding:6px 10px 10px 10px;
	margin:0;
	float:left;
	text-decoration:none;
	color:#fff;
	background-color:#0B92BE;
	display:block;
}

.navigazione_sotto {
	float:left;
	background-color:#0B92BE;
	padding:3px;
	font-size:13px;
	width:900px;
	margin:0;
	color:#fff;
		/* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
  text-align:center;
}

.navigazione_sotto a:link{

	text-decoration:none;
	color:#fff;
}
.navigazione_sotto a:visited{

	color:#fff;
	text-decoration:none

}


.navigazione_sotto a:hover{
	
	text-decoration:none;
	color: #FC0;
}




/*____________________________barra foto e ricerca_____________________*/
.barra_foto{
	width:900px;
	position:relative;
	padding:0;
	margin:0 auto 0 auto;
	background-color:#FFFFFF;
}


.foto{
float:left;
width:900px;
margin:0px;
height:480px;
padding:0;
background-image: url(http://www.feriesardegna.it/immagini/spiaggia2.jpg);

}


.titolo_foto {
	float:left;
	background-color:#FFF;
	padding:10px;
	width:900px;
	margin:0;
	color:#DFF0F0;
		/* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
}



.titolo_foto h1 {
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0px;
	color:#3779c2;
}


.titolo_foto2 {
	float:left;
	background-color:#FFF;
	padding:10px;
	width:900px;
	margin:305px 0 0 0;
	color:#DFF0F0;
		/* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
}



.titolo_foto2 h1 {
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#3779c2;
}


/*____________________________Prenotazione _____________________*/

.prenotazione {
	position:relative;
	width:900px;
	color:#FFF;
	margin:0 auto;
	text-align:right;
	border-top:1px solid #0B92BE;
	
}

.colonna_pre {
	float:left;
	width:750px;
	padding:8px 0;
	text-align:right;
	color:#666;
	font-style: italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	border:0;
	margin:0;
	background-color:#dff0f0;
}

.pre_destra {
	float:left;
	width:150px;
	background-color:#dff0f0;
}

.colonna_cartina {
	float:left;
	width:288px;
}

.prenotazione h2 {
	margin:0;
	padding:0;
}

form{
margin:0 0 2px 0;
padding:5px 0 0 10px;
font-size:11px;
}
input{
border:1px solid #ccc;
color:#333;
padding:2px;
margin:0 0 3px 5px;
font-size:11px;
}
input .invio{
border:0;
}
select{
border:1px solid #fff;
margin:2px 0 3px 5px;
padding:2px;
font-size:11px;
}
label{
font-size:11px;
color:#3E3E40;
margin:0 ;
padding:0 0 0 5px;
}
.cartina{
background-color:#fff;
width:220px;
margin:0px 0 0 0;
padding:4px 0 0 0;
color:#003263;
font-weight:bold;
}
.cartina p{
margin:0;
padding:0;
font-size:11px;
}
.cartina a{
color:#003263;
text-decoration:none;
}
.cartina a:link{
color:#003263;
text-decoration:none;
}
.cartina a:visited{
color:#003263;
text-decoration:none;
}
.cartina a:hover{
color:#76746D;
text-decoration:none;
}


.sotto {
	position:relative;
	width:900px;
	margin:0 auto;
	color: #7391B0;
}

.box {
	float:left;
	width:266px;
	height:180px;
	padding:0 10px;
	background-color: #DFF0F0;
	
	margin:20px 0;

}

.contenitore {
	float:left;
	width:286px;
	
}

.box_chiaro {
	float:left;
	width:266px;
	padding:0 10px;
	
	margin:20px 0;

}


.box_noblock {
	float:left;
	width:266px;
	padding:0 10px 10px 10px;
	background-color: #DFF0F0;
	
	margin:20px 0;

}

.box-centro {
	float:left;
	width:266px;
	height:180px;
	padding:0 10px;
	background-color: #DFF0F0;
	margin:20px;

}


.box-centro_chiaro {
	float:left;
	width:266px;
	padding:0 10px;
	margin:20px;

}
.centro {
	float:left;
	width:392px;
	padding:0 10px;
	margin:20px 20px 20px 0;

}


.centro_grande {
	float:left;
	width:552px;
	padding:0 10px;
	margin:20px 20px 20px 0;

}

.centro p{

font-size:12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin:5px 0 0 0;
padding:0 35px 0 5px;
line-height:18px;
color:#444;
}

.sotto_nav {
	float:left;
	width:160px;
	padding:0;
	margin:20px 20px 20px 0;
	height:400px;

}

/*____________________________barra bassa con loghi _____________________*/
.barra_bassa{
width:900px;
position:relative;
padding:0;
margin:0px auto 0 auto;
text-align:center;
}
.barra_bassa img{
margin:0 10px;
border:0;
}
/*____________________________chiusura _____________________*/
.chiusura{
text-align:center;
padding:10px;
width:900px;
position:relative;
margin:10px auto 0 auto;
}
.chiusura p{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#003263;
font-size:10px;
font-weight:100;
margin:0;
padding:0;
}


.chiusura a:link{
color:#003263;
text-decoration: underline;
}

.chiusura a:visited{
color:#003263;
text-decoration: underline;
}

.chiusura a:hover{
color:#5F5F57;
text-decoration: underline;
}



#thumb {
	float:left;
	width:110px;
	height:60px;
	overflow:hidden;
	margin:5px;
	border:5px solid #fff;
	
}
/*_____________________________________BORGO DI CAMPAGNA (verde)_________________________________
.barra_foto_verde{
	width:898px;
	position:relative;
	padding:0;
	margin:0 auto 0 auto;
	background-color:#FFFFFF;
	border-right:2px #9DC9A7 solid;
}



.foto_verde{
float:left;
width:689px;
overflow:hidden;
margin:0;
padding:0;
border-right:2px #9DC9A7 solid;
border-left:2px #9DC9A7 solid;
border-bottom:2px #9DC9A7 solid;
}___*/
/*____________________________il layout contiene la colonna testo + colonna menu e colonna dx__________________
.layout_verde{
width:900px;
position:relative;
padding:30px 0 10px 0;
margin:0px auto 0 auto;
background-color:#FFFFFF;
border-bottom:1px solid #DEDDCD;
}
.colonna_testo{
width:430px;
float:left;
margin:0;
padding:0 5px 0 15px;
}
.colonna_sottomenu{
width:190px;
float:left;
margin:0;
padding:0px 7px 0 15px;
}
.sottomenu {
	padding:0;
	margin:0;
	display:inline;
	list-style:none;
	text-align:left;

}
.sottomenu li{
	width:175px;
	border-bottom:1px solid #DEDDCD;
	height:50px;
	line-height:50px;
	color:#666666;
	font-size:20px;
	margin:0;
	padding:0 5px 0 20px;
	background-image:url(immagini/freccia_grigia.gif);
	background-position:left center;
	background-repeat:no-repeat;

}
.sottomenu li a:link{
	width:180px;
	height:50px;
	line-height:50px;
	color:#666666;
	margin:0;
	padding:0;
	text-decoration:none;

}
.sottomenu li a:visited{
	width:180px;
	height:50px;
	line-height:50px;
	color:#666666;
	margin:0;
	padding:0;
	text-decoration:none;

}
.sottomenu li a:hover{
	width:180px;
	height:50px;
	line-height:50px;
	color:#666666;
	margin:0;
	padding:0;
	text-decoration:none;

}
___*/


.colonna_testo{
width:410px;
float:left;
margin:0;
padding:0 5px 0 10px;
}
.colonna_testo p{
color:#3E3E40;
font-size:11px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin:5px 0 0 0;
padding:0 35px 0 5px;
line-height:14px;
}
.colonna_testo p .evidenziato{
color:#4A79B2;
}
.colonna_testo table{
margin:0;
padding:2px;
}
.colonna_testo table caption{
margin:0;
padding:0 0 0 5px;
color:#4A79B2;
font-weight:bold;
text-align:left;
font-size:11px;
}
.centro table th{
margin:0;
padding:0 5px 0 5px;
color:#fff;
background-color:#4A79B2;
font-weight:normal;
text-align:left;
font-size:11px;
}
.centro table td{
margin:0;
padding:3px 5px;
font-weight:normal;
text-align:left;
font-size:11px;
border-bottom:1px dotted #ccc;
border-right:1px dotted #ccc;
}

.colonna_sottomenu{
width:200px;
float:left;
margin:0 10px 0 0;
padding:0px 7px 0 15px;
}
.struttura{
background-image:url(immagini/sfondo_sottomenublu.jpg);
background-position:top left;
background-repeat:no-repeat;
margin:0;
padding:0;
height:25px;
}
.colonna_sottomenu h2{
font-size:12px;
color:#FFFFFF;
margin:0;
padding:4px 7px 0 28px;
}
.colonna_sottomenu img{
border:1px solid #4A79B2;
margin:3px 0 5px 25px;
padding:0;
}

.sottomenu {
	padding:0;
	margin:0;
	display:inline;
	list-style:none;
	text-align:left;

}
.sottomenu li{
	width:140px;
	height:20px;
	line-height:20px;
	color:#4A79B2;
	font-size:12px;
	margin:0;
	padding:0 5px 0 10px;
	border-bottom:1px dotted #ccc;
}
.sottomenu li a:link{
	width:140px;
	height:20px;
	line-height:20px;
	color:#4A79B2;
	margin:0;
	padding:0;
	
	text-decoration:none;

}
.sottomenu li a:visited{
	width:140px;
	height:20px;
	line-height:20px;
	color:#4A79B2;
	margin:0;
	padding:0;
	text-decoration:none;

}
.sottomenu li a:hover{
	width:140px;
	height:20px;
	line-height:20px;
	color:#666666;
	margin:0;
	padding:0;
	text-decoration:none;

}

.colonna_dx{
width:200px;
float:left;
margin:0;
padding:0 0 0 10px;
}
.colonna_dx img{
margin:3px 0 5px 25px;
padding:0;
border:1px solid #D18D43;
}
.colonna_dx p{
font-size:11px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#5F5F57;
margin:0;
padding:3px 0 5px 25px;
}
.ristorante{
background-image:url(immagini/sfondo_risto.jpg);
background-position:top left;
background-repeat:no-repeat;
margin:0;
padding:0;
height:25px;
}
.colonna_dx h2{
font-size:12px;
color:#FFFFFF;
margin:0;
padding:4px 7px 0 28px;
}

.skype {
	padding:2px 0 0 2px;
	float:left;
	width:90px;
}