@charset "utf-8";
/* CSS Document */
body{
	top: 0px;
	margin-top: 0px;
	background-image:url(../../images/layout/homeV2/sfondo_basso.png);
	}
#framesetSopra {
	position: absolute;
	top:0px;
	left:0px;
	display:block;
	width: 100%;
	height: 516px;
	background-image:url(../../images/layout/homeV2/sfondo_alto.png);
	background-repeat:repeat-x;
	}
#framesetSotto{
	position: absolute;
	top:516px;
	left:0px;
	display:block;
	width: 100%;
	height: 100%;
	background-image:url(../../images/layout/homeV2/sfondo_basso.png);
	background-repeat:repeat;
	}
	
#contenitore_principale{
	position: relative;
	top:0px;
	left:50%;
	margin-left: -391px;
	display:block;
	width: 782px;
	height:auto;
	background-image:url(../../images/layout/homeV2/sfondo_contenitore_p.png);
	
	}
	
#foto_copertina{
	position: absolute;
	top:19px;
	left:50%;
	margin-left: -369px;
	display:block;
	width: 738px;
	height: 533px;
	z-index:1;
	}
	
#header{
	position: relative;
	top:0px;
	left:50%;
	margin-left: -369px;
	display:block;
	width: 739px;
	height: 91px;
	z-index:2;
	background-image:url(../../images/layout/homeV2/top_header.png);
	}
	
#logo{
	position: absolute;
	top:2px;
	left:5px;
	
	display:block;
	width: 160px;
	height: 65px;
	z-index:3;
	}
	
#claim{
	position: absolute;
	top:-1px;
	left:156px;
	display:block;
	width: 581px;
	height: 67px;
	z-index:3;
	}
	
#spot_promozionale{
	position: absolute;
	top:241px;
	left:259px;
	display:block;
	width: 500px;
	height: 205px;
	z-index:4;	
	}
	
#centrale{
	position: relative;
	top:365px;
	left:50%;
	margin-left:-397px;
	display:block;
	width: 795px;
	height: 388px;
	z-index:5;
	background-image:url(../../images/layout/homeV2/centrale.png);
	background-repeat:no-repeat;
	}
#contenuto{
	position: relative;
	top:355px;
	left:50%;
	margin-left:-383px;
	display:block;
	width: 767px;
	height: 625px;
	z-index:3;
	background-color:#FFF;
	margin-bottom:355px;
	/* border: solid thin; */
	}
	
#agugliastra{
	display:block;
	width:506px;
	height:190px;
	position:absolute;
	top: 85px;
	left:21px;
	
	}
	
#scritta_agugliastra{
	display:block;
	width:187px;
	height:47px;
	position:absolute;
	top: 0px;
	left:0px;
	
	}
#testo_agugliastra{
	display:block;
	width:486px;
	height:140px;
	position:absolute;
	top: 50px;
	left:10px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	text-align:justify;
	}
	
#menu_centrale{
	display:block;
	width:506px;
	height:74px;
	position:absolute;
	top: 192px;
	left:0px;
	}
.ico_menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-variant:small-caps;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	z-index: 19;
	}
	
.ico_menu.hover{
	color:#BF3604;
	}
#arrivare{
	display:block;
	width:53px;
	height:53px;
	position:absolute;
	top:5px;
	left:0px;
	}
	
#mappa{
	display:block;
	width:53px;
	height:53px;
	position:absolute;
	top:5px;
	left:75px;
	}
	
#forum{
	display:block;
	width:53px;
	height:53px;
	position:absolute;
	top:5px;
	left:151px;
	}
	
#mail{
	display:block;
	width:53px;
	height:53px;
	position:absolute;
	top:5px;
	left:226px;
	}

#dove_mangiare{
	display:block;
	width:53px;
	height:53px;
	position:absolute;
	top:5px;
	left:301px;
	}

#dove_dormire{
	display:block;
	width:53px;
	height:53px;
	position:absolute;
	top:5px;
	left:378px;
	}
	
#arte_cultura{
	display:block;
	width:53px;
	height:53px;
	position:absolute;
	top:5px;
	left:453px;
	}
	
#barra_latterale{
	display:block;
	width:240px;
	height:926px;
	position:absolute;
	top:70px;
	left:537px;
	background-image:url(../../images/layout/homeV2/barra_laterale.png);
	background-repeat:no-repeat;
	}

#ogliastra{
	display:block;
	width:546px;
	height:273px;
	position:absolute;
	top:338px;
	left:3px;
	background-image: url(../../images/layout/homeV2/in_ogliastra.png);
	background-repeat:no-repeat;
	z-index:8;
	/* border: solid thin #F00; */
}

#immagine_ogliastra{
	display:block;
	width:110px;
	height:200px;
	position:absolute;
	top:55px;
	left:28px;
	}

#scritta_ogliastra{
	display:block;
	width:139px;
	height:48px;
	position:absolute;
	top:20px;
	left:382px;
	
	background-repeat:no-repeat;
	z-index:8;
	/* border: solid thin #F00; */
}

#testo_ogliastra{
	display:block;
	width:370px;
	height:200px;
	position:absolute;
	top:70px;
	left:145px;
	
	background-repeat:no-repeat;
	z-index:8;
	/* border: solid thin #F00; */ 
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}

#link_utili{
	position:relative;
	top:10px;
	left:50%;
	margin-left: -386px;
	display:block;
	width: 773px;
	height: 216px;
	background-image:url(../../images/layout/homeV2/link_utili.png);
	background-repeat:no-repeat;}
	
#copertina{
	display:block;
	width:507px;
	height:390px;
	position:relative;
	top:220px;
	left:11px;
	
	z-index:8;
	/* border: solid thin #F00; */ 
}

#articolo1{
	display:block;
	width: 112px;
	height: 310px;
	position:absolute;
	top: 13px;
	left: 4px;
	}
	
#articolo2{
	display:block;
	width: 112px;
	height: 310px;
	position:absolute;
	top: 13px;
	left: 131px;
	}
	
#articolo3{
	display:block;
	width: 112px;
	height: 310px;
	position:absolute;
	top: 13px;
	left: 258px;
	}
	
#articolo4{
	display:block;
	width: 112px;
	height: 310px;
	position:absolute;
	top: 13px;
	left: 385px;
	}
	
.foto_articolo{
	display:block;
	width:112px;
	height:88px;
	position: relative;
	top:0px;
	left:0px;
	}
	
.titolo_articolo{
	display:block;
	width:112px;
	height:50px;
	position: relative;
	top:7px;
	left:0px;
	border-bottom:thin solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:900;
	color:#BF3604;
	}

.titolo_articolo:hover{
	color:#F2C230;
	}
	
.testo_articolo{
	display:block;
	width:112px;
	height:172px;
	position: relative;
	top:13px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
#menu_pricipale{
	display:block;
	width:741px;
	height:34px;
	position: absolute;
	top:20px;
	left:24px;
	z-index:10;
	}
	
#home{
	position: absolute;
	display:block;
	width:66px;
	height:34px;
	top:0px;
	left:0px;
	}
	
#territorio{
	position: absolute;
	display:block;
	width:119px;
	height:34px;
	top:0px;
	left:66px;
	}

#enogastronomia{
	position: absolute;
	display:block;
	width:170px;
	height:34px;
	top:0px;
	left:185px;
	}

#in_ogliastra_menu{
	position: absolute;
	display:block;
	width:132px;
	height:34px;
	top:0px;
	left:355px;
	}
	
#servizi_turistici{
	position: absolute;
	display:block;
	width:158px;
	height:34px;
	top:0px;
	left:487px;
	}
	
#galleries{
	position: absolute;
	display:block;
	width:96px;
	height:34px;
	top:0px;
	left:645px;
	}

#scritta_primo_piano{
	display:block;
	position: absolute;
	left:15px;
	top: 18px;
	}
	
#primo_piano{
	display:block;
	position: absolute;
	left:12px;
	top: 71px;
	}

#cartina_comuni{
	display:block;
	position: relative;
	top: 397px;
	left: 18px;
	width: 200px;
	height: 342px;
	background-image: url(../../images/layout/comuni/lista/cartina/cartina_ogliastra.png);
	
	}

#scopri_comuni{
	display:block;
	position: absolute;
	top: 347px;
	left: 9px;
	width: 202px;
	height: 48px;
	}
/*
###################### COMUNI INIZIO ########################
*/

#arzana{
	position:absolute;
	top: 142px;
	left: 40px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	}
#arzana:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}
	
#villagrande{
	position:absolute;
	top: 128px;
	left: 70px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	}
#villagrande:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}
	
#talana{
	position:absolute;
	top: 105px;
	left: 80px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	}
#talana:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#urzulei{
	position:absolute;
	top: 65px;
	left: 83px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	}
#urzulei:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#baunei{
	position:absolute;
	top: 73px;
	left: 133px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	}
#baunei:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}
	
#triei{
	position:absolute;
	top: 108px;
	left: 140px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	}
	
#triei:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#lotzorai:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#lotzorai{
	position:absolute;
	top: 128px;
	left: 140px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #BF3604;
	}

#girasole:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#girasole{
	position:absolute;
	top: 139px;
	left: 140px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #BF3604;
	}

#tortoli:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#tortoli{
	position:absolute;
	top: 152px;
	left: 145px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #BF3604;
	}

#elini:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#elini{
	position:absolute;
	top: 162px;
	left: 135px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #FFF;
	}
	
#ilbono:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#ilbono{
	position:absolute;
	top: 172px;
	left: 130px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #FFF;
	}
	
	
#lanusei:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#lanusei{
	position:absolute;
	top: 180px;
	left: 110px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #FFF;
	}
	
#loceri:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#loceri{
	position:absolute;
	top: 190px;
	left: 130px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #FFF;
	}
	
#barisardo:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#barisardo{
	position:absolute;
	top: 205px;
	left: 140px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #BF3604;
	}

#cardedu:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#cardedu{
	position:absolute;
	top: 225px;
	left: 140px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #BF3604;
	}
	
#seui:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#seui{
	position:absolute;
	top: 185px;
	left: 27px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #FFF;
	}
	
#gairo:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#gairo{
	position:absolute;
	top: 175px;
	left: 70px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #FFF;
	}
	
#ussassai:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#ussassai{
	position:absolute;
	top: 215px;
	left: 40px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #FFF;
	}
	
#osini:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#osini{
	position:absolute;
	top: 200px;
	left: 83px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #FFF;
	}
	
#jerzu:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#jerzu{
	position:absolute;
	top: 230px;
	left: 103px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #FFF;
	}
	
#ulassai:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#ulassai{
	position:absolute;
	top: 250px;
	left: 73px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #FFF;
	}
	
#tertenia:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#tertenia{
	position:absolute;
	top: 270px;
	left: 123px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #BF3604;
	}
	
#perdasdefogu:hover{
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}

#perdasdefogu{
	position:absolute;
	top: 281px;
	left: 73px;
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color: #FFF;
	}


/*
###################### COMUNI FINE ########################
*/

#comuni_elenco_home{
	display:block;
	position: relative;
	top: 390px;
	left: 13px;
	width: 215px;
	height: 300px;
	}

.titolo_comuni_home{
	display: block;
	width: 100px;
	border: thin solid;
	}
	
#login{
	position:absolute;
	top: 770px;
	left:13px;
	width: 215px;
	height:80px;
	
	display:block;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	line-height:15px;
	}
	
.box-login{
	display: inline-block;
	width: 110px;
	height: 15px;
	}
	
.scritte_login{
	display: inline-block;
	width: 90px;
	height: 15px;
    }
	
.login_invio{
	display: inline-block;
	position:absolute;
	top: 80px;
	left:91px;
	width: 50px;
	height: auto;
	}
	
#area_riservata{
	display: block;
	position:relative;
	top: 10px;
	left:0px;
	width: 130px;
	height: auto;
	font-size:13px;
	color:#BF3604;
	}

#colonna01{
	display: block;
	width: 193px;
	height: 170px;
	position:absolute;
	top: 50px;
	left: 20px;
	}
	
#colonna02{
	display: block;
	width: 193px;
	height: 170px;
	position:absolute;
	top: 50px;
	left: 193px;
	}
	
#colonna03{
	display: block;
	width: 193px;
	height: 170px;
	position:absolute;
	top: 50px;
	left: 366px;
	}
	
#colonna04{
	display: block;
	width: 230px;
	height: 85px;
	position:absolute;
	top: 12px;
	left: 530px;
	background-color:#CCC;
	}
.li_home{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:900;
	text-decoration:none;
	height: 18px;
	text-transform:capitalize;
	list-style-type: none;
	color:#FFF;
	line-height: 13px;
	
	
	}
	
.li_home:hover{
	color: #BF3604;
	}
	
#principale{
	display:block;
	height:40px;
	position:relative;
	top: 0px;
	
	left:50%;
	margin-left: -391px;
	display:block;
	width: 782px;
	}
	
.riferimenti{
	display: inline;
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F2C230;
	font-weight:900;
	text-decoration:none;
	text-transform:capitalize;
	margin-right: 15px;
	text-align:right;
	}
.riferimenti:hover{
	color: #BF3604;
	}
	
.name{
	font-size:8px !important; 
}

.profileimage{
	display:block !important;
	width:70px !important;
	height:70px!important;
	}
	
#meteo{
	display: block;
	width: 530px;
	height: 630px;}
	
#spazio_centrale{
	display: block;
	width: 530px;
	height: auto;
	border:thin solid;}