body {padding: 0px;margin:0px;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{padding:1em 0;	background: url(immagini/testata2.jpg) no-repeat 0px 10px ;height:225px;
	width: 780px;	margin-bottom:0px;
}

#header .menu1{text-align:right;font-size:80%;padding:0 2px 0 0;}
#header .menu1 a{color:#000;font-weight: normal; text-decoration: none; padding: 1em 7px;}
#header .menu1 a:link, a:active, a:visited { color:#000;text-decoration: none;}
#header .menu1 a:hover{color: #003366;text-decoration: underline;}
#header .menu2{margin:0 0 0 0;}
#header .menu3{margin:0 0 0 195px;}

ul#menutestata {margin:0;padding:0;list-style:none;position:relative;width:780px;height:57px;
background:url(immagini/menu-testata.gif) no-repeat;}
ul#menutestata li {display:block;position:absolute;margin:0;padding:0}
li#menutestata-link1 {left:0;top:0;width:195px;height:47px}
li#menutestata-link2 {left:195px;top:0px;width:195px;height:47px}
li#menutestata-link3 {left:390px;top:0px;width:195px;height:47px}
li#menutestata-link4 {left:585px;top:0px;width:195px;height:47px}
#menutestata a {display:block;width:100%;height:100%;}
#menutestata .alt { display:none }

.rosso { color:#FF0000 }


#navigationsx{	float: left; margin-top:0;	width: 195px;}
#navigationsx .barracircolo{padding:35px 0 0 0;margin:0 10px;background:url(immagini/sf-ilcircolo.gif) no-repeat ;height:165px;}
#navigationsx .barraofferta{padding:60px 0 0 0;margin:0 10px;background:url(immagini/sf-offerta.gif) no-repeat ;height:140px;}
#navigationsx .barraservizi{padding:40px 0 0 0;margin:0 10px;background:url(immagini/sf-servizi.gif) no-repeat ;height:160px;}
#navigationsx .barrascuola{padding:35px 0 0 0;margin:0 10px;background:url(immagini/sf-scuole.gif) no-repeat ;height:165px;}
#navigationsx .barragenerale{padding:0;margin:0 10px;}
#navigationsx ul li { display:inline; line-height: 2em;}
#navigationsx ul.barracircolo li a{padding:0 0 0 40px;background:url(immagini/tasto-ilcircolo.gif) no-repeat 0px 5px; color:#000;display:block; text-decoration:none; font-weight:normal; }
#navigationsx ul.barraofferta li a{padding:0 0 0 40px;background:url(immagini/tasto-offerta.gif) no-repeat 0px 5px; color:#000;display:block; text-decoration:none; font-weight:normal; }
#navigationsx ul.barraservizi li a{padding:0 0 0 40px;background:url(immagini/tasto-servizi.gif) no-repeat 0px 5px; color:#000;display:block; text-decoration:none; font-weight:normal; }
#navigationsx ul.barrascuola li a{padding:0 0 0 40px;background:url(immagini/tasto-scuole.gif) no-repeat 0px 5px; color:#000;display:block; text-decoration:none; font-weight:normal; }
#navigationsx ul.barragenerale li a{margin: 2px 0;padding:2px 0 2px 20px;background: #ECECEC; color:#003366;display:block; text-decoration:none; font-weight:bold; }
#navigationsx ul li a:hover{ color:#003366;text-decoration: none;font-weight:normal;}
#navigationsx ul.barragenerale li a:hover{ color:#006699;text-decoration: none;font-weight:bold;}


#contenuto {float: left;padding-right: 10px; padding: 0; text-align:justify;
	width:560px;margin: 0 0 20px 0;}
#contenuto h1{font-size: 95%;padding:5px 0 0 0;color:#003366;}
#contenuto h2{font-size: 95%;padding:5px 0 0 0;color:#003366;}
#contenuto h3{font-size: 95%;padding:5px 0 0 0;color:#003366;}


#contenuto form{padding:2px;}
#footer{background:#E1E1E1;CLEAR: both; font-size: 90%;text-align:center; margin-top:20px;padding: 5px 0;color: #000}
#footer a{color:#000;font-weight: bold;text-decoration: none;}
#footer a:hover{color: #003366;text-decoration: underline;}

img{border: 0;}
/* layout */

#breadCrumb {padding: 0;margin: 8px 0; font-size: 80% }


#albo  {font-size:15%;height:50px; MARGIN: 20px 0;}
#albo  a {	DISPLAY: block;WIDTH: 195px; POSITION: relative;}
#albo  a span {background:url("immagini/albopretorio.jpg") no-repeat #FFFFFF ; WIDTH: 195px; CURSOR: pointer; POSITION: absolute; HEIGHT: 50px}

table{	font: 100% Verdana, Arial, Helvetica, sans-serif;	COLOR: #000;margin: 10px 0;}
td {border-bottom: #ccc 1px solid;padding: 5px; text-align: left;}
th {	COLOR: #003366;margin:5px 0;padding:5px 0;background: #EEE;border-bottom: #003366 1px solid; border-top: #003366 1px solid;text-transform: uppercase; padding-top: 0.3em; text-align: center;}
.data{padding-right:15px;font-weight:bold;}
.txtstretto{letter-spacing:  -0.01em;}

.center{text-align:center;}
.titolo{color:#003366;font-weight:bold;}
.titolo2{color:#E96570;font-weight:bold;}
.hidden{position: absolute;top: -9999px;left:-9999px;} 
.clearer{clear:left;}
.clearerlinea {clear:left;	margin: 5px 0;padding: 0;border-bottom: 1px solid #CCC;}

div#wrapper{float:left;width:100%}

form{padding:0;margin:0;font: 100% Verdana, Arial, Helvetica, sans-serif;}
fieldset{float:left;width:160px;margin: 1em 0;padding: 0;border: none;}
fieldset div{float:left;width:100%;}
label{float:left;width:130px;display: inline;margin-left: 8px;line-height:23px}
label.prot{float:left;width:150px;display: inline;margin-left: 8px;line-height:23px}
label.ris{float:left;width:80px;display: inline;margin-left: 8px;line-height:23px}
label.mod{float:left;width:300px;display: inline;margin-left: 8px;line-height:23px}
label.mod2{width:400px;display: inline;margin-left: 8px;line-height:23px}

input {border: #003366 1px solid; background: #FFF; }
input.pulsante {border: #003366 1px solid; background: #EEE; text-align:center;}
textarea{background: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; border: #003366 1px solid;}
select{background: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; border: #003366 1px solid;}
legend {margin:0;padding: 0;}
.gabbia { float: left;  padding: 2px;  margin: 0 5px 0 0 ;  background-color: #EDF5FB;   width: 45%;height:200px;    }
.gabbia3 { float: left;  text-align:center;padding: 2px;  margin: 0 8px 0 0 ;  border: 1px solid #E96570;  width: 30%;height:100px;    }
.divlineasing {margin:5px 0;padding: 5px 0;border-bottom: 1px solid #CCC;padding-bottom:5px;}


#contenuto a:link{ color:#003366;text-decoration: none;font-weight:bold;}
#contenuto a:visited{ color:#003366;text-decoration: none;font-weight:bold;}
#contenuto a:active { color:#003366;text-decoration: none;font-weight:bold;}
#contenuto a:hover{color:#006699;text-decoration: underline;font-weight:bold;}


#contenuto ul{ 	list-style-type:disc;	}
#corposcuola ul {background: #EDF5FB;padding:2px;margin:0}
#corposcuola li {background:url(immagini/check.gif) no-repeat; padding:5px 0 0 25px;margin:0;	list-style-type:none;}
#corposervizi ul {padding:2px;margin:0}
#corposervizi li {background:url(immagini/check.gif) no-repeat; padding:5px 0 0 25px;margin:0;	list-style-type:none;}
ul.elencolinea  li{background:url(immagini/check.gif) no-repeat; padding:5px 0 15px 25px;margin:0;	list-style-type:none;}
ul.link { margin:0; padding:0; width:98%;font-weight:normal;list-style:none;}
ul.link li{FLOAT: left;WIDTH: 20em; background:  url(/immagini/punto.gif) no-repeat 0px 9px;padding:5px 10px ;}
ul.link  li a{DISPLAY: block;}

.divlinea  {border-bottom: 1px solid #CCC;	padding:5px 0;margin:0;}
.divlineadoppia  {	border-bottom: 1px solid #CCC;	border-top: 1px solid #CCC;margin: 5px 0 0 0;	padding: 5px 0;}
.riquadro  {margin:5px 0;	border: 1px solid #CCC;	padding: 5px;}
.riquadrofoto  {background:url(/immagini/img-foto.gif) no-repeat  #ECECEC; margin:5px 0; padding: 5px;text-align:right}

.riquadrogallery  {	min-height: 100px;
	height: auto !important;
	height: 100px;
	margin: 0 0 0 100px;padding: 0 0 0 120px; width:320px;background:url(immagini/img-gallery.gif) no-repeat ;}
.riquadroscuola1  {height:100px;margin: 0 0 0 100px;padding: 0 0 0 100px; background:url(immagini/img-infanzia.gif) no-repeat 0px 0px ; }
.riquadroscuola2  {height:100px;margin: 0 0 0 100px;padding: 0 0 0 100px; background:url(immagini/img-scuole.gif) no-repeat 0px 0px ; }
.riquadrologin{margin: 0 auto;padding:1em 0;width: 400px;border:1px solid #CCC;}
.riquadrohome1 {	min-height: 200px;
	height: auto !important;
	height: 200px;
background:url(immagini/img-news.gif) no-repeat 0px 0px;border: 1px solid #CCC;  float: left;  padding: 2px;  margin: 20px 5px 0 5px ;     width: 45%;    }
.riquadrohome2 {	min-height: 200px;
	height: auto !important;
	height: 200px; background:url(immagini/img-progetti.gif) no-repeat 0px 0px;border: 1px solid #CCC; float: left;  padding: 2px ;  margin: 20px 5px 0 20px ;   width: 45%;   }
.riquadrohome1 h2{  margin: 5px 0 0 50px ;      }
.riquadrohome2 h2{    margin: 0 0 0 50px ;   }
.riquadrolingua  {margin: 0;padding: 0 0 0 100px; background:url(immagini/img-sardo.gif) no-repeat 0px 20px ; }


.imgsinistra {	float: left; border: 1px solid #000000;	margin-right: 10px;	margin-bottom: 5px;	}
.imgsinistrasb {	float: left; border: 0;	margin-right: 10px;	margin-bottom: 5px;	}
.imgdestra {	float: right; border: 1px solid #000000; margin-left: 10px; margin-bottom: 5px;}
.imgdestrasb {	float: right; border: 0; margin-left: 10px; margin-bottom: 5px;}
.imgcentro {	border: 1px solid #000000;	margin: 0px 5px 5px 0px;}
.alldestra {	text-align: right; }

ul#gallery {padding: 0px; margin: 0px; list-style-type: none;float: left; width: 100%;}
ul#gallery li {	border: 1px solid #CCC;	padding: 2px 0; list-style-type: none; height: 130px;
	float: left; margin: 10px 3px;	background:#FFF; width: 130px; text-align: center;}
ul#gallery img {vertical-align: middle;	padding: 0px;margin: 0px;}

dd{margin: -20px 0 0 108px;border-bottom: 1px solid #CCC;padding:2px 0;}
dt{margin: 5px 0 5px 0;font-weight:bold;}
#pscroller2{height: 150px;padding:2px;margin:18px 0 0 0}

.scuola1  {height:50px;margin: 0 0 0 100px;padding: 40px 0 0 100px; background:url(immagini/img-infanzia.gif) no-repeat 0px 0px ; }
.scuola2  {height:50px;margin: 0 0 0 100px;padding: 40px 0 0 100px; background:url(immagini/img-scuole.gif) no-repeat 0px 0px ; }
.scuola3  {height:50px;margin: 0 0 0 100px;padding: 40px 0 0 100px; background:url(immagini/img-progetti2.gif) no-repeat 0px 0px ; }