body {padding: 0;margin:0;text-align: center;font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif;color:#000000}
#container{margin: 0 auto;	text-align: left;width: 780px;}

#header{	width: 780px;	margin:0;	text-align: left;font-size:85%;}

div#header H1 {height:62px;	float: left; MARGIN: 0px;}
div#header H1 a {	DISPLAY: block;WIDTH: 250px; POSITION: relative;}
div#header H1 a span {	background: url(immagini/stlnuoro-logo.gif) no-repeat 0px 0px; WIDTH: 250px; CURSOR: pointer; POSITION: absolute; HEIGHT: 62px}
#menu{	background: url(immagini/sistema-turistico.gif) no-repeat 0px 0px;margin: 0 0 0 480px;padding:45px 0 0 0 ;list-style: none;text-align:right;}
#menuing{	background: url(/immagini/sistema-turisticoing.gif) no-repeat 0px 0px;margin: 0 0 0 480px;padding:45px 0 0 0 ;list-style: none;text-align:right;}
#menuted{	background: url(/immagini/sistema-turisticoted.gif) no-repeat 0px 0px;margin: 0 0 0 480px;padding:45px 0 0 0 ;list-style: none;text-align:right;}
#menufra{	background: url(/immagini/sistema-turisticofra.gif) no-repeat 0px 0px;margin: 0 0 0 480px;padding:45px 0 0 0 ;list-style: none;text-align:right;}
#menusar{	background: url(/immagini/sistema-turisticosar.gif) no-repeat 0px 0px;margin: 0 0 0 480px;padding:45px 0 0 0 ;list-style: none;text-align:right;}
div#header  a{color:#000;text-decoration: none; font-weight:normal;}
div#header a:hover{color:#99CCFF;text-decoration: none; font-weight:normal;}

div#macroaree  { background: #000066;margin: 0;height: 37px;padding:0}
div#macroaree ul{margin: 0;padding: 11px; list-style-type: none;}
div#macroaree ul.ted{margin: 0;padding: 11px 3px; list-style-type: none;}
div#macroaree li{line-height: 2em;	background: url(immagini/separatore.gif) no-repeat 0px 0px;display: inline; margin: 0;padding: 0 15px;} 
div#macroaree a{color:#FFF;text-decoration: none; font-weight:bold;}
div#macroaree a:hover{color: #99CCFF;text-decoration: none;font-weight:bold;}
#barra{line-height: 2em;	height: 20px;	background: #C4E1FF;text-align: center;padding: 2px 10px;border-bottom: 1px solid #FFF;border-top: 1px solid #FFF;}
#barra img{padding:  0 2px }
#barra span{margin: 0 100px;}
#barra a.access{color:#000;text-decoration: none; font-weight:normal;}
#barra a.access:hover{color: #000066;text-decoration: none}


#navigationsx{float: left;padding:0; margin: 0 0 10px 0;width: 155px;}
#navigationsx .menu{background:#99CCFF;padding: 5px 0 5px 0;}
#navigationsx ul { margin: 0;padding:0 5px;}
#navigationsx ul li { display:inline;line-height: 2em;}
#navigationsx ul li a{	background: url(immagini/sf-tastosx.gif) no-repeat 0px 0px; color:#000;display:block; text-decoration:none; padding:0 0 0 22px;font-weight:normal; }
#navigationsx ul li a:hover{ color:#000066;text-decoration: none;font-weight:normal;}
#navigationsx ul li.itinerari  a{	background: url(immagini/sf-tastosx2.gif) no-repeat 0px 0px; color:#000066;display:block; text-decoration:none; padding:0 0 0 22px;font-weight:normal;}
#navigationsx ul li.itinerari a:hover{ color:#000;text-decoration: none;font-weight:normal;}
#navigationsx ul li.itinerarigen  a{	background: url(immagini/sf-tastosx.gif) no-repeat 0px 0px; color:#000066;display:block; text-decoration:none; padding:0 0 0 22px;font-weight:normal;}
#navigationsx ul li.itinerarigen a:hover{ color:#000;text-decoration: none;font-weight:normal;}


#areacerca{color:#FFF;font-weight:bold;	background: url(immagini/box-cerca.gif) no-repeat 0px 0px;height:80px;padding:1px 5px 10px 5px;margin:0;border-top: 1px solid #FFF;text-align:center;}

#navigationdx {float: right; width: 156px;}
#navigationdx .box-sagre{   width: 156px;  margin-top: 10px; padding-top: 54px;
  	background: url(immagini/box-sagre.jpg) no-repeat 0px 0px;}
#navigationdx .box-eventi{   width: 156px;  margin-top: 10px; padding-top: 54px;
  	background: url(immagini/box-eventi.jpg) no-repeat 0px 0px; }
#navigationdx .box-territorio{  width: 156px;  margin-top: 10px; padding-top: 100px;
  	background: url(immagini/box-territorio.jpg) no-repeat 0px 0px; }
#navigationdx .box-comune{  width: 156px;  margin-top: 10px; padding-top: 100px;
  	background: url(immagini/box-comune.jpg) no-repeat 0px 0px; }
#navigationdx .box-ambiente{  width: 156px;  margin-top: 10px; padding-top: 100px;
  	background: url(immagini/box-ambiente.jpg) no-repeat 0px 0px; }
#navigationdx .box-menu{  color:#FFF; font-weight:bold; padding: 0 0 0 5px;
width: 156px;  border-bottom: 1px solid #FFF;border-top: 1px solid #FFF;
  	background: url(immagini/sf-menu.gif) no-repeat 0px 0px; height: 16px;}
#navigationdx .box-medio{  width: 156px;  background:#C4E1FF;}
#navigationdx .box-basso{  width: 156px;  background-image: url('immagini/box-basso.gif');  background-repeat: no-repeat;
  background-position: left bottom;  padding-bottom: 13px; }
#navigationdx .box-txt{ padding:5px;}
.box{ padding:5px; background: #F4F3F3;}
#navigationdx .news{ padding:0 0 5px 0;}
#navigationdx .box-txt a{ color:#000;display:block; text-decoration:none; padding:0;font-weight:normal; }
#navigationdx .box-txt a:hover{ color:#000066;text-decoration: none;font-weight:normal;}


#navigationdx ul { background: #C4E1FF;margin:0;padding:0 5px;}
#navigationdx ul li {display:inline;line-height: 2em;}
#navigationdx ul li a {	background: url(immagini/sf-tastodx.gif) no-repeat 0px 0px; color:#000;display:block; text-decoration:none; padding:0 0 0 18px;font-weight:normal; }
#navigationdx ul li a:hover{ color:#000066;text-decoration: none;font-weight:normal;}
#navigationdx ul li.boxlungo {display:inline;line-height: 1.5em;}
#navigationdx ul li a.boxlungo {background: url(immagini/sf-tastodx2.gif) no-repeat 0px 0px;color:#000;display:block; text-decoration:none; padding:2px 0 0 18px;font-weight:normal; }


#contenuto {float: left;padding: 0 10px 10px 12px; text-align:justify;	width:435px;}
#contenuto h2{font-size: 100%;color:#000066;padding:0;margin: 10px 0;}
#contenuto h3{font-size: 100%;color:#000066;padding:0;margin: 10px 0 10px 0;}
#contenuto h4{font-size: 100%;color:#000066;padding:0;margin: 5px 0;}
#contenuto .cerca{font-size: 100%;color:#000;padding:0;margin: 0;color:#000066;font-weight:bold;}
#contenuto a{color:#003399;text-decoration: none; font-weight:normal;}
#contenuto a:hover{color:#000;text-decoration: underline; font-weight:normal;}


#contenutoquest {float: left;padding: 0 10px 10px 12px; text-align:justify;	width:600px;}
#contenutoquest h3{font-size: 100%;color:#000066;padding:0;margin: 10px 0;}

#contenuto p{ margin: 8px 0}

#contenutosing {float: left;padding: 0 10px 10px 12px; text-align:justify;	width:550px;}
#contenutosing h2{font-size: 100%;color:#000066;padding:0;margin: 10px 0;}
#contenutosing h3{font-size: 100%;color:#000;padding:0;margin: 2px 0 10px 0;}
#contenutosing h4{font-size: 100%;color:#000;padding:0;margin: 5px 0;text-align: center;}
#contenutosing a{ color:#003399;text-decoration: underline;font-weight:normal;}
#contenutosing a:hover{color:#99CCFF;text-decoration: underline;font-weight:normal;}



div.articolo { padding:0 0 10px 0;}
.articolo p{ margin:0 0 5px 0;padding:0;}
.articolo p{ margin:0 0 5px 0;padding:0;}

.articolo a{color:#003399;text-decoration: underline; font-weight:normal;}
.articolo a:hover{color:#000;text-decoration: none; font-weight:normal;}
#contenuto div {margin: 4px 0;}
/*#contenuto div a{color:#003399;text-decoration: underline; font-weight:normal;}
#contenuto div a:hover{color:#000;text-decoration: none; font-weight:normal;}*/

#footer{padding:5px;margin: 0 auto;border-top: 5px solid #FFF;background: #000066;width: 780px;CLEAR: both; font-size: 90%;text-align:center; padding: 5px 0;color: #FFF;}
#footer a{color:#FFF;font-weight: bold;text-decoration: none;}
#footer a:hover{color: #99CCFF;text-decoration: underline;}

.ricette{	background: url(immagini/ico-ric.gif) no-repeat 160px 0px; padding: 3px 0 0 20px; text-align:right;height:28px;}
ul.lista {	PADDING: 0; MARGIN: 0px 0px 0px 1em; LIST-STYLE-TYPE: none;}
ul.lista LI {	FLOAT: left; WIDTH: 7.2em; PADDING-BOTTOM: 10px;}
ul.lista LI A {COLOR: #000;	padding: 0 0 0 20px;background: url(immagini/sf-comuni.gif) no-repeat 0px 0px; 	DISPLAY: block; font-weight:normal; width: 7.2em;  text-decoration: none}
ul.lista LI A:hover {	font-weight: normal; COLOR: #99CCFF;text-decoration: underline}

#itinerari {	background:#EEE;float: left;  padding:5px;  margin: 5px ; }

.divitinerari {	background:#EEE;float: left;  padding:0 2px;  margin: 0 2px ;   width: 32%; }
.divitinerari h3{font-size: 100%;color:#000;padding:0 2px;margin:0}
.divitinerari ul {	background:#EEE;	PADDING: 0; MARGIN: 0px; LIST-STYLE-TYPE: none;
	width: 136px;min-height: 150px;
	height: auto !important;
	height: 150px;}
.divitinerari ul LI {MARGIN:0 2px 0 0;padding:2px;}
.divitinerari ul LI A{padding:0 0 0 20px;background: url(immagini/sf-comuni.gif) no-repeat 0px 0px;text-decoration: none;}
.divitinerari ul LI.natura {height:26px;text-align:left;margin:0;padding:95px 2px 8px 45px;COLOR: #000;	background: url(immagini/ico-natura.gif) no-repeat 0px 0px #99CCFF;  font-weight:normal; text-decoration: none}
.divitinerari ul LI.gusto {height:26px;text-align:left;margin:0;padding:95px 2px 8px 45px;COLOR: #000;	background: url(immagini/ico-gusto.gif) no-repeat 0px 0px #99CCFF;  font-weight:normal;   text-decoration: none}
.divitinerari ul LI.cultura {height:26px;text-align:left;margin:0;padding:95px 2px 8px 45px;COLOR: #000;	background: url(immagini/ico-cultura.gif) no-repeat 0px 0px #99CCFF; font-weight:normal; text-decoration: none}
.divitinerari ul LI A:hover {	font-weight: normal; COLOR: #000066;text-decoration: underline}

#contenuto h4.natura {height: 26px;margin:0;padding:10px 0 0 45px;COLOR: #000;	background: url(immagini/ico-natura2.gif) no-repeat 0px 0px #EEE;  font-weight:bold; }
#contenuto h4.gusto {height: 26px;margin:0;padding:10px 0 0 45px;COLOR: #000;	background: url(immagini/ico-gusto2.gif) no-repeat 0px 0px #EEE;  font-weight:bold;}
#contenuto h4.cultura {height: 26px;margin:0;padding:10px 0 0 45px;COLOR: #000;	background: url(immagini/ico-cultura2.gif) no-repeat 0px 0px #EEE;  font-weight:bold;}
.infoitinerari {background:#F5F5F5;border:1px solid #CCC;	PADDING: 2px; }

img{border: 0;}
.clearer{clear:left;}

/* layout */

#breadCrumb {padding: 0;MARGIN: 8px 0; font-size: 80% }
#breadCrumb a{color:#000066;font-weight: bold;text-decoration: none;}
#breadCrumb a:hover{color: #000;text-decoration: underline;font-weight: bold;}

/* layout menu */

.clearer{clear:left;}
.clearerlinea {clear:left;	margin: 5px 0;padding: 0;border-bottom: 1px dotted #666;}

table{	font: 100% Verdana, Arial, Helvetica, sans-serif;	COLOR: #000;	width: 98%;}
td {padding-right: 0.7em;padding-top: 0.3em; text-align: left;}
th {border: #ccc 1px solid; padding-right: 0.7em;text-transform: uppercase; padding-top: 0.3em;COLOR: #000; text-align: center;}
.data{padding-right:300px;font-weight:bold;}
.txtstretto{letter-spacing:  -0.05em;}
#valid{margin:2px;}
.centrato{margin: 0 auto;}
.center{text-align:center;}
.titolo{color:#000066;font-weight:bold;}
.titolo2{color:#0066CC;font-weight:bold;}
.hidden{position: absolute;top: -9999px;left:-9999px;} 
.sottocategoria{color:#666;}
.categorie{color:#000;background:#EEE;padding:5px;}
form{padding:0;margin:0;}
fieldset{float:left;width:160px;margin: 1em 0;padding: 0;border: none;}
fieldset div{float:left;width:100%;}
label{float:left;width:120px;display: inline;margin-left: 10px;line-height:23px}
label.altezza{height:50px}
select {	font: 100% Verdana, Arial, Helvetica, sans-serif;border: #000000 1px solid; BACKGROUND: #FFF;}
textarea {	font: 100% Verdana, Arial, Helvetica, sans-serif;border: #000000 1px solid; BACKGROUND: #FFF;}
input {	font: 100% Verdana, Arial, Helvetica, sans-serif;border: #000000 1px solid; BACKGROUND: #FFF;}
input#submitbutton{	font: 100% Verdana, Arial, Helvetica, sans-serif;border: #000000 1px solid; BACKGROUND: #C4E1FF; text-align:center;margin:5px}
legend {margin:0;padding: 0;}
.foto { background-color: #EFECE0; }

.box label{line-height:15px}

.box p{margin:2px; padding:0}
#areaquest {background:#eeeeee;padding:5px;}

#areaquest label{float:left;width:200px;display: inline;margin-left: 10px;line-height:23px}
#areaquest select {	font: 100% Verdana, Arial, Helvetica, sans-serif;border: #000000 1px solid; BACKGROUND: #FFF;}
#areaquest textarea {	font: 100% Verdana, Arial, Helvetica, sans-serif;border: #000000 1px solid; BACKGROUND: #FFF;}
#areaquest input {	font: 100% Verdana, Arial, Helvetica, sans-serif;border: #000000 1px solid; BACKGROUND: #FFF;}
#areaquest input#submitbutton{	font: 100% Verdana, Arial, Helvetica, sans-serif;border: #000000 1px solid; BACKGROUND: #C4E1FF; text-align:center;margin:5px}


ul.elencolinea li {padding:5px 0;	border-bottom: 1px solid #EEE;	color:#000;list-style-type: none; margin:0 0 0 -30px;}
ul li a{color:#000;text-decoration: underline; font-weight:normal;}
ul li a:hover{color:#000066;text-decoration: none; font-weight:normal;}

.divlinea  {	margin: 5px 0;padding: 5px 0;border-bottom: 1px dotted #666;}
.imgsinistra {	float: left; border: 1px solid #000000;	margin-right: 5px;	margin-bottom: 5px;	}
.imgsinistranoborder {	float: left; 	margin-right: 5px;	margin-bottom: 5px;	}
.imgdestra {	float: right; border: 1px solid #000000; margin-left: 10px; margin-bottom: 5px;}
.imgcentro {	border: 1px solid #000000;	margin: 5px 5px;}
.alldestra {		text-align: right; }
.allsinistra {		text-align: left; }

ul#gallery {padding: 0px; margin: 0px; list-style-type: none;float: left; width: 100%;}
ul#gallery li {	padding: 0px; list-style-type: none; height: 130px;
	float: left; margin: 10px 3px;	background:#EEE; width: 138px; text-align: center;}
ul#gallery img {vertical-align: middle;	padding: 0px;margin: 0px;}
ul#gallery .copertine {	padding: 5px 0;margin: 0px;}


ul#galleryit {padding: 0px; margin: 0px; list-style-type: none;float: left; width: 100%;}
ul#galleryit li {	padding: 2px 0; list-style-type: none; height: 82px;
	float: left; margin: 10px 3px;	background:#EEE; width: 138px; text-align: center;}
ul#galleryit img {vertical-align: middle;	padding: 0px;margin: 0px;}

#calendario{margin:10px 0;}
#calendario .sfondo{border: 1px solid #000066}
#calendario table{margin:5px 0;}
#calendario .pic{font-size:80%;}
#calendario .pic{font-size:80%;}

#calendario th{background:#0066CC;padding:5px 0 5px 2px;color:#FFF;text-align:center;}
#calendario td{text-align:center;padding:5px 0;}
#calendario .dataoggi{background:#99CCFF;}
#calendario .altrigiorni{background:#EEE;}
#calendario .datascelta{background:#C4E1FF;font-weight:bold;}
#calendario .celle{background:#CCC;}
#calendario a{color:#000;text-decoration: none;}
#calendario a:hover{color: #000066;text-decoration: underline;}

#operatori img{margin:0 0 0 130px}
.rosso{color:#F00; font-weight: bold;}
.allegato{background: url(immagini/icopdf.gif) no-repeat 0px 5px; padding: 5px 5px 5px 20px; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC}#operatori img{margin:0 0 0 130px}
ul.mappa  LI{	padding: 5px 0 0 20px;background: url(immagini/sf-comuni.gif) no-repeat 0px 5px; list-style: none;}
ul LI.mappa2{	margin: 0 0 0 50px; list-style-type: none;}
ul LI.mappait{	margin: 5px 0 0 50px; list-style-type: none;}

#pscroller2{height: 100px;background-color: #FFFFFF;border: 1px solid #003366;padding:5px;text-align:left;}
#pscroller2 span{color:#999999;}
#pscroller2 a{font-weight: normal;text-decoration: none;}


.celleq{background:#C4E1FF;}