/* CSS Document */
body{
background:url(../img/sf_interno.gif) top center repeat-x #ECF1F8;
font-family:Trebuchet MS, Arial, Helvetica, San Serif;
font-size:12px;
color:#071C2F;
/*color:#232323;*/
}
.bordobot{
border-bottom:2px solid #CED9E8;
}

input{
font-family:Trebuchet MS, Arial, Helvetica, San Serif;
font-size:12px;
color:#232323;
padding:2px;
}
a.opacity:hover img {
filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity:0.6;
}
a.opacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;

}

table img{
float:right;
}

table td{
padding:10px;
}

#content{
margin:0 auto;
position:relative;
top:0; left:0;
width:950px;
}

#content #top{
position:relative;
top:0; left:0;
width:950px;
}

#content #top #scuole{
position:absolute;
top:0; right:0;
width:750px;
/*height:138px;
/*margin-left:335px;*/
margin-top:157px;
z-index:200;
}

/*----------------------------------- VECCHI LINK*/
#content #top #scuole #sotto{
position:relative;
top:0; left:0;
height:125px;
width:153px;
margin-left:3px;
margin-right:-12px;
float:left;
}
#content #top #scuole #sotto ul{
height:125px;
width:153px;
padding-top:50px;
padding-left:30px;
}
#content #top #scuole #sotto ul li{
display:inline;
font-size:15px;
}
#content #top #scuole #sotto ul li a{
text-decoration:none;
color:#3E3E3E;
line-height:18px;
font-size:15px;
}
#content #top #scuole #sotto ul li a:hover{
color:#3E3E3E;
}
.infanziact{
background:url(../img/blu.png) top center no-repeat;
}
.infanzia{
background:url(../img/sf_link.png) top center no-repeat;
}
.infanzia:hover{
background:url(../img/blu.png) top center no-repeat;
}
.primariaact{
background:url(../img/rosa.png) top center no-repeat;
}
.primaria{
background:url(../img/sf_link.png) top center no-repeat;
}
.primaria:hover{
background:url(../img/rosa.png) top center no-repeat;
}
.secondariaact{
background:url(../img/giallo.png) top center no-repeat;
}
.secondariadueact{
background:url(../img/verde.png) top center no-repeat;
}
.secondaria{
background:url(../img/sf_link.png) top center no-repeat;
}
.secondaria:hover{
background:url(../img/giallo.png) top center no-repeat;
}
.secondariadue{
background:url(../img/sf_link.png) top center no-repeat;
}
.secondariadue:hover{
background:url(../img/verde.png) top center no-repeat;
}
.corsi{
background:url(../img/sf_link.png) top center no-repeat;
}
.corsi:hover{
background:url(../img/centro.png) top center no-repeat;
}
/*------------------------------------------------------------------------------------------------------------*/

#content #top #immagine{
position:relative;
top:0; left:0;
width:418px;
}

#content #top #logo{
position:absolute;
top:0; left:0;
width:523px;
height:214px;
margin-left:418px;
background:url(../img/sf_top.jpg) top center repeat-x #fff;
}

#content #top #logo img{
padding-top:20px;
}

#content #link{
position:relative;
top:0; left:0;
width:950px;
margin-top:28px;
z-index:300;
}

#content #link ul{

}

#content #link ul li{
display:inline;
}

#content #link ul li a{
padding-left:10px;
padding-right:10px;
padding-top:6px;
padding-bottom:6px;
color:#fff;
text-decoration:none;
font-size:14px;
}

#content #link ul li a:hover{
color:#00579F;
background:#ECF1F8;
}

#content #centrale{
position:relative;
top:0; left:0;
width:950px;
margin-top:28px;
	height: auto !important;  /* per i browser moderni */
	height: 350px;      /* per IE5.x e IE6 */
	min-height: 350px;  /* per i browser moderni */
}

/* ------------------SX -----------------------------*/

#content #centrale #sx{
position:absolute;
top:0; left:0;
width:215px;
}

#content #centrale #sx #altrilink{
margin:0 auto;
top:0; left:0;
position:relative;
top:0; left:0;
width:188px;
}

#content #centrale #sx #altrilink #topblu{
position:relative;
top:0; left:0;
width:188px;
height:45px;
background:url(../img/sf_altrilink.gif) top center no-repeat;
}

#content #centrale #sx #altrilink #topblu p{
text-align:center;
color:#fff;
font-size:16px;
padding-top:10px;
}

#content #centrale #sx #altrilink #sottobianco{
position:relative;
top:0; left:0;
width:188px;
background:url(../img/bianco.gif) top center no-repeat #fff;
}

#content #centrale #sx #altrilink #sottobianco ul{
padding-left:2px;
padding-bottom:10px;
list-style:none;
}

#content #centrale #sx #altrilink #sottobianco ul li{
display:block;
padding-top:8px;
}

#content #centrale #sx #altrilink #sottobianco ul li a{
padding-left:18px;
font-size:14px;
color:#4E4E4E;
text-decoration:none;
}

#content #centrale #sx #altrilink #sottobianco ul li a:hover{
color:#0B3255;
/*font-weight:bold;*/
background:url(../img/puntatore.gif) left center no-repeat;
}

/* Menu a tendina-------------------------------------------------------------------------------------*/
.menu,
.menu ul {
 margin:0;
padding:0;
list-style:none;
}
.menu {width:195px;}
 .menu li {
margin:0;
 /*padding-top:17px;
 padding-bottom:17px;*/
 margin-bottom:1px;
 /*background: #356aa0;*/
 
 }
 .menu a {
 display:block;
padding-left:16px;
 text-decoration:none;
 color:white;

 }
   .menu a:hover {color:#0B3255; background:url(../img/puntatore.gif) no-repeat 4px 4px;}
 .menu ul li {padding-left:15px;
  padding-top:3px;
 padding-bottom:3px;
 
 }
 .menu ul a {
	 font-size:11px;}
 .hidden {display:none;}
 
/* ---------------------------------------------------------------------------------------------------------------------------*/

.act{
font-size:18px;
padding-left:18px;
color:#0B3255;
/*font-weight:bold;*/
background:url(../img/puntatore.gif) center left no-repeat;
}

#content #centrale #sx #rss{
position:relative;
margin:0 auto;
top:0; left:0;
width:188px;
margin-top:50px;
}

#content #centrale #sx #rss img{
float:left;
}

#content #centrale #sx #rss p{
padding-top:10px;
color:#0B3255;
font-size:13px;
}

#content #centrale #sx #rss p a{
color:#0B3255;
text-decoration:none;
}

#content #centrale #sx #rss p a:hover{
color:#6C7883;
}

/* ------------------TESTI-----------------------------*/

#content #centrale #testi{
position:relative;
top:0; left:0;
width:480px;
margin-left:225px;
padding-top:18px;
}

h1{
color:#00579F;
font-size:21px;
border-bottom:1px solid #00579F;
margin-left:0px;
margin-right:5px;
margin-bottom:10px;
}

.inevidenza{
color:#00579F;
font-weight:bold;
}

#content #centrale #testi table{
position:relative;
top:0; left:0;
width:457px;
}

#content #centrale #testi table td{
padding:2px;
border:1px solid #CED9E8;
font-size:12px;
}

#content #centrale #testi p{
padding:0;
margin:0;
}

#content #centrale #testi a{
padding:0;
margin:0;
}


#content #centrale #testi a:hover{
text-decoration:underline;
color:#00579F;
}

.big{
font-size:18px;
}

/* ------------------dx -----------------------------*/

#content #centrale #dx{
position:absolute;
top:0; left:0;
width:230px;
margin-left:715px;
}

#content #centrale #dx #bambini{
position:relative;
margin:0 auto;
top:0; left:0;
width:100%;
margin-top:43px;
/*margin-left:30px;*/
/*background:url(../img/bianco.gif) top right no-repeat #fff;*/
}

.bordo{
border:2px solid #CED9E8;
}

#content #centrale #dx #bambini img{
margin:10px;
/*margin-left:30px;*/
/*margin-top:60px;*/
/*float:right;*/
}

/*----------------SEZIONE SPECIALE -------------------------*/

#content #centrale #newsletter{
position:relative;
top:0; left:0;
width:239px;
height:144px;
margin:0 auto;
background:url(../img/news.gif) top center no-repeat;
}

#content #centrale #newsletter p{
margin-top:10px;
margin-left:10px;
font-size:11px;
}

h2{
color:#fff;
font-size:21px;
padding-top:10px;
padding-left:105px;
}

#newss{
margin:0 auto;
top:0; left:0;
position:relative;
top:0; left:0;
width:237px;
margin-top:20px;
}

#newss #topnewss{
position:relative;
top:0; left:0;
width:237px;
height:42px;
background:url(../img/primo_piano.gif) top center no-repeat;
}

#newss #topnewss p{
color:#fff;
font-size:21px;
padding-top:10px;
padding-left:10px;
}

#newss #newsbianco{
position:relative;
top:0; left:0;
width:237px;
background:url(../img/bianco.gif) top right no-repeat #fff;
}

#newss #newsbianco p{
padding-left:10px;
padding-right:15px;
padding-top:8px;
padding-bottom:2px;
font-size:11px;
}

#area{
margin:0 auto;
top:0; left:0;
position:relative;
top:0; left:0;
width:237px;
margin-top:20px;
}

#area #toparea{
position:relative;
top:0; left:0;
width:237px;
height:42px;
background:url(../img/sf_area.gif) top center no-repeat;
}

#area #toparea p{
color:#fff;
font-size:21px;
padding-top:3px;
padding-left:10px;
}

#area #toparea img{
float:left;
}

#area #areabianco{
position:relative;
top:0; left:0;
width:237px;
background:url(../img/bianco.gif) top right no-repeat #fff;
}

#area #areabianco input{
/*padding-left:15px;*/
}

#area #areabianco p{
padding-left:15px;
padding-bottom:2px;
}

.destraimg{
float:right;
padding-right:38px;
}

#area #areabianco table{
margin-left:15px;
}

#area #areabianco p a{
font-size:11px;
color:#235B8D;
text-decoration:none;
padding-top:0px;
}

#area #areabianco p a:hover{
font-size:11px;
color:#235B8D;
text-decoration:underline;
}

/*-----------------PHOTOGALLERY -----------------------*/

#content #photo{
position:relative;
top:0; left:0;
width:950px;
/*margin-top:190px;*/
}

#content #photo #phototop{
position:relative;
top:0; left:0;
width:224px;
height:43px;
background:url(../img/tit_photo.gif) top center no-repeat;
}

#content #photo #phototop p{
text-align:center;
color:#fff;
font-size:21px;
padding-top:10px;
}

#content #photo #photobianco{
position:relative;
top:0; left:0;
width:950px;
background:url(../img/sf_gallery.jpg) top left no-repeat #fff;
}

#content #photo #photobianco li img{
border:2px solid #C7CAD0;
}

#content #footlink{
position:relative;
top:0; left:0;
width:950px;
margin-top:20px;
}

#content #footlink  p{
color:#00579F;
font-size:11px;
}

#content #footlink  p a{
color:#00579F;
text-decoration:none;
}

#content #footlink  p a:hover{
text-decoration:underline;
}



/* ------------------FOOT -----------------------------*/

#content #foot{
position:relative;
top:0; left:0;
width:950px;
margin-top:10px;
clear:both;
}

#content #foot #credits{
position:relative;
top:0; left:0;
width:950px;
}

#content #foot #credits p{
font-size:11px;
color:#0B3255;
padding:8px;
text-align:right;
}

#content #foot #credits p a{
text-decoration:none;
color:#0B3255;
}

#content #foot #credits p a:hover{
color:#7B91A6;
}

#content #foot #indirizzo{
position:relative;
top:0; left:0;
width:950px;
background:#0258A0;
border:1px solid #07457A;
}

#content #foot #indirizzo p{
font-size:11px;
color:#fff;
padding:5px;
text-align:left;
}

#content #foot #indirizzo p a{
text-decoration:none;
color:#0B3255;
}

#content #foot #indirizzo p a:hover{
color:#7B91A6;
}