/*** istitutolavagno.it ***/	



/*------------------------------------- GLOBAL ELEMENTS -------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #FFF url('/images/body_bg.jpg') repeat-x top left;
	font: 62.5% Arial, Helvetica, sans-serif;
}

a:link { color: #2B557F }
a:visited { color: #2B557F }
a:hover { color: #6296CA }

a img { border: 0 }

p, ol, ul, dl, blockquote {
	margin: 0;
	padding: 0;
}

hr { display: none }

h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
}

p { font-size: 1.1em }

h1 { font-size: 2.0em }

h2 { font-size: 1.6em }

h3 { font-size: 1.5em }

h4 { font-size: 1.3em }

h5 { font-size: 1.2em }

h6 { font-size: 1.0em }


li { list-style:none }

/*------------------------------------- CLASSI COMUNI -------------------------------------*/

/*--- Torna al normale flusso ---*/
div.clear { clear: both; height: 1% }

/*--- Occulta elemento a video ---*/
.no-display { display: none }

/*--- Crea un elemneto position: relative per potervi "appoggiare" un elemento position: absolute ---*/
.relativize { position: relative }


/*----------------------------------- STRUCTURE -----------------------------------*/

#titleBar {
  position: absolute;
  top: 41px;
  left: 0px;
  z-index: 50;
  height: 58px;
  min-height: 58px;
  width: 100%;
  background: url('/images/titleBarCont_bg.png');
  background-repeat:repeat-x;
}

#main {
  margin:auto;
  width: 968px;
  background: url('/images/bg_withShadow.png');
  background-repeat:repeat-y;
}

#wrapper {
  width: 950px;
  margin-right: 8px;
  padding: 5px;
  background-color:#FFF;
  border: solid 1px #CCC;
  
}

#page {
  position: relative;
}

#sidebar {
  float: left;
  width: 210px;
  margin-right: 15px;
  position: relative;
}

#content {
  float: left;
  position: relative;
  width: 725px;
}

#footer {
  color: #003366;
  background-color:#CCC;
  margin-top:10px;
  height: 20px;
  min-height: 20px;
  clear: both;
}

#mainBottom {
  margin:auto;
  height:7px;
  min-height:7px;
  width: 968px;
  background: url('/images/bgBottom_withShadow.png');
}


/*----------------------------------- Moduli Header -----------------------------------*/
#serviceMenu{
  height: 35px;
  min-height: 35px;
  background: #003366 url('/images/istituto_comprensivo.gif');
  background-repeat:no-repeat;
  background-position: 10px 5px;
  text-align: center;
}
   #serviceMenu ul{
   display: block;
   padding-top: 10px;
   padding-left: 115px;
   }
   
   #serviceMenu ul li{
   display: inline;
   margin-right: 10px;
   font-size: 1.2em;
   }
   
   #serviceMenu ul li a{
   color: #FFFFFF;
   }
   
   #serviceMenu ul li a:hover{
   text-decoration:none;
   }


/*----------  Header   -----------*/
#header{
  height: 260px;
  min-height: 260px;
  background-image: url('/images/header_foto.jpg');
  background-repeat:no-repeat;
  margin-bottom:5px;
}
#page .small_header{
  height: 142px;
  min-height: 142px;
  background-image: url('/images/header_foto_small.jpg');
  background-repeat:no-repeat;
}

        #top_menu{
			width: 640px;
			height: 65px;
			min-height: 65px;
			font-size: 1.9em;
			font-weight: bold;
			}			
				
				#top_menu ul li{
						display: inline;
						}
						
				#top_menu ul li a{ 
				        float: left;
					    display:block;
						width: 195px;
						height:83px;
						min-height:83px;
				        text-decoration: none;
						margin-top:10px;
						}
				
				#top_menu ul span{
						display: block;
						margin-top: 47px;
						text-align: right;
						padding-right: 15px;
						}
							
				
					#top_menu ul #istituto a:link, #top_menu ul #istituto a:visited{
						background: url('/images/istituto_out.png');
						background-repeat:no-repeat;				
						}
					
					#top_menu ul #istituto a:hover, #top_menu ul #istituto a.active {
					    background: url('/images/istituto_over.png');
						background-repeat: no-repeat;
					   }
						
					
					#top_menu ul #secondaria a:link, #top_menu ul #secondaria a:visited {
						margin-left:7px;
						background: url('/images/secondaria_out.png');
						background-repeat:no-repeat;				
						}
					#top_menu ul #secondaria a:hover, #top_menu ul #secondaria a.active {
						background: url('/images/secondaria_over.png');
						background-repeat:no-repeat;				
						}
						
						
					#top_menu ul #primaria a:link, #top_menu ul #primaria a:visited{
						margin-left:7px;
						background: url('/images/primaria_out.png');
						background-repeat:no-repeat;				
						}
					#top_menu ul #primaria a:hover, #top_menu ul #primaria a.active {
						background: url('/images/primaria_over.png');
						background-repeat:no-repeat;				
						}

        #findbox{
			position:absolute;
			top: 0px;
			left: 650px;
			width: 281px;
			height: 177px;
			min-height: 177px;
			background: url('/images/findBoxbg.png');
			background-repeat:no-repeat;
			color: #FFF;
			}
					#findbox a{
						color: #FFF;
						}
					#findbox a:hover{
						text-decoration: none;
						}
					#findbox label{
						display:block;
						float:left;
						width:55px;
						line-height: 23px;
						margin-right:7px;
						text-align: right;
						position: relative;
						}
					#findbox input{
						float: left;
						width: 150px;
						position: relative;
					    }
						
					#findbox #searchboxcont{
					margin-top: 7px;
					    }
					
					       #findbox .button{
									margin-left: 10px;
						            border: 0 none;
									background:transparent url('/images/yellow_btn.png') no-repeat scroll 0 0;
									cursor: pointer;								
									height: 25px;
									min-height: 25px;
									width: 25px;
									font-size: 0;									
									}
									
					#findbox #login_cont{margin-top: 95px;}
							
					#findbox #password_cont{margin-top: 5px;}
					
					#findbox #login_links{
						margin-top: 5px;
						text-align: center;
						}

					#findbox #account_details {
						margin-top: 100px;
						text-align: center;
						font-size: 2em;
					}

		#primopiano{
			position: absolute;
			width: 428px;
			height: 98px;
			min-height:98px;
			top:195px;
			left: 511px;
			background: url('/images/primopiano.png');
			background-repeat:no-repeat;
			}
			    #primopiano #container{
					height:78px;
					padding:5px;
					width:409px;
					}
				#primopiano h2{
					position: absolute;
					top:-25px;
					left: -8px;
					display: block;
					height: 29px;
					min-height:29px;
					background: url('/images/redStar.png');
					background-repeat:no-repeat;
					padding: 8px 0 0 30px;
					text-transform:uppercase;
					color:#FF0000;
					}
					
				#primopiano h3{
					font-size:1.4em;
					text-transform:uppercase;
					color:#003366;
					margin:3px 0 5px 0;
					}

				#primopiano #redbutton{
				width: 25px;
				height: 25px;
				min-height: 25px;
				position: absolute;
				right: 2px;
				bottom: 2px;

				}

				#primopiano #redbutton a{
				display:block;
				width: 25px;
				height: 25px;
				min-height: 25px;
				background: url('/images/red_btn.png');
				background-repeat:no-repeat;
				}
				
				#primopiano #redbutton a span{
				display: none;
				}
					


/*----------  FASCIA SUPERIOIRE   -----------*/
#titleBarCont {
  width: 950px;
  margin: auto;
  }
		
		#donlorenzomilani{
		float: left;
		width: 368px;
		height: 39px;
		min-height: 39px;
		margin: 7px 0 0 50px;
		background: url('/images/donlorenzomilani.gif');
		background-repeat: no-repeat;
		}
		     #donlorenzomilani span {
			 display: none;
			 }
		
		#quote{
		float: left;
		width: 460px;
		height: 50px;
		min-height: 50px;
		margin-left: 25px;
		background: url('/images/left_quote.gif');
		background-repeat: no-repeat;
		background-position: left top;
		}
		     #quote p{
			  display:block;
			  height:39px;
			  min-height: 39px;
			  background: url('/images/right_quote.gif');
			  background-repeat: no-repeat;
			  background-position: right bottom;
			  padding: 10px 25px 0 29px;
			  text-align:center;
			  font-size: 1.2em;
			  font-weight: bold;
			 }
			 
			 #quote h3{ font-size: 1.2em}
			 
/*----------------------------------- MODULI CONTENT -----------------------------------*/			 

/*----------  Sidebar / Menu / Sponsor   -----------*/
#sidebar_menu {
	  position: relative;
	  width: 210px;
	  padding: 10px 0 0 0;
	  background: url('/images/menu_top.png');
	  background-repeat: no-repeat;
	  background-position: top left;
	  background-color: #003366;
	  }
	  
#sidebar_menu #bullet{ 
	  position:absolute;
	  top: 0;
	  right: -10px;
	  display:block;
	  background: url('/images/bullet.png');
	  background-repeat: no-repeat;
	  background-position: right;
	  width: 17px;
	  height: 17px;
	  min-height: 17px;
	  }
	  #sidebar_menu #bullet span{ 
		  display: none;
		  }

#sidebar_menu a{ 
	  color:#E8E595;
	  text-decoration: none;
	  font-weight: bold;
	  }
	  
#sidebar_menu a:hover{ color:#FFCC00;}

#sidebar_menu ul { 
      display: block;
	  margin-left: 10px;
	  font-size: 1.3em;
	  }
	  
	  #sidebar_menu ul li{ 
	  display: block;
	  position:relative;
	  margin-bottom: 4px;
	  }
	  
	  #sidebar_menu ul li a:hover, #sidebar_menu ul .selected a{ 
	  display:block;
	  background-color: #335c85;
	  }
	  

	  
		  #sidebar_menu ul li ul{ 
		  display: block;
		  margin: 5px 0 7px 5px;
		  font-size: 0.9em;
		  background-color: #003366;
		  }
		  
		  #sidebar_menu ul li ul a:link, #sidebar_menu ul li ul a:visited{ 
		  color: #FFFFFF;
		  font-weight: normal;
		  background-color: #003366;
		  }
		  
		  #sidebar_menu ul li ul li{ 
		  display: block;
		  margin-bottom: 0px;
		  }
		  
		  #sidebar_menu ul li ul li a:hover, #sidebar_menu ul li ul .selected a{ 
		  display:block;
		  background-color: #335c85;		  
		  }

#sponsor {
    /*position: relative;*/
	margin-top:20px;
	margin-left:10px;
	color: #FFCC00;
	}
	
	#sponsor_bg{
	position: absolute;
	left: 95px;
	width: 127px;
	height: 124px;
	min-height: 124px;
	background: url('/images/globo_bg.png');
	background-repeat: no-repeat;
	}
	
	#sponsor a{
	display: block;
	width: 127px;
	height: 124px;
	min-height: 124px;
	}
	
	#sponsor span{ display: none; }
	
#sidebar_menuBottom {
	width: 210px;
	height: 15px;
	min-height: 15px;
	margin-top:65px;
	background: url('/images/menu_bottom.png');
	background-repeat: no-repeat;
	}

#sidebanners {
	margin-top: 40px;
	text-align:center;
	}


/*--------------------  CONTENUTO CENTRALE   ------------------------*/	
/*---------- Box Istituto -----------*/	
#istitutoBox{
	float: left;
	position: relative;
	width: 360px;
	height: 150px;
	min-height: 150px;
	background-color: #EBEBEB;
	border: 1px solid #666666;
	margin: 10px 0 20px 0;
	}
	#istitutoBox h2{
		color: #003366;
		text-transform: uppercase;
		padding-left: 140px;
		margin:5px 0;
		}
	#istitutoBox .polaroid {
		position:absolute;
		top: -10px;
		left: -15px;
		width: 175px;
		height: 178px;
		min-height: 178px;
		background: url('/images/istituto.png');
	    background-repeat: no-repeat;
		}
	#istitutoBox p{
		margin-left: 155px;
		margin-right: 10px;
		font-size: 1.2em;
		}	
	#istitutoBox span{
		display: none;
		}
	#istitutoBox a{
		display: block;
		background: url('/images/yellow_btn.png') no-repeat scroll 0 0;
        float: right;
        height: 25px;
        min-height: 25px;
        width: 25px;
		margin: -14px 7px 0 0;
		}

/*---------- Box Don Milani -----------*/	
#donmilaniBox{
	float: right;
	position: relative;
	width: 338px;
	height: 150px;
	min-height: 150px;
	background-color: #EBEBEB;
	border: 1px solid #666666;
	margin: 10px 0 20px 0;
	}
	#donmilaniBox h2{
		color: #003366;
		text-transform: uppercase;
		padding-left: 140px;
		margin:5px 0;
		}
	#donmilaniBox .polaroid {
		position:absolute;
		top: -10px;
		left: -15px;
		width: 175px;
		height: 178px;
		min-height: 178px;
		background: url('/images/donmilani.png');
	    background-repeat: no-repeat;
		}		
	#donmilaniBox p{
		margin-left: 155px;
		margin-right: 10px;
		font-size: 1.2em;
		}
	#donmilaniBox span{
		display: none;
		}
	#donmilaniBox a{
		display: block;
		background: transparent url('/images/yellow_btn.png') no-repeat scroll 0 0;
        float: right;
        height: 25px;
        min-height: 25px;
        width: 25px;
		margin: 0 7px 0 0;
		}

/*---------- Box News -----------*/		
#newsContainer {
		float: right;
		position: relative;
		width: 340px;	
		/*margin: 0 0 10px 10px;*/
		}
		
		#newsContainer h2{
				display: block;
				padding-left: 15px;
				background:  url('/images/newsboxtop.png') no-repeat;
				background-repeat:no-repeat;
				width: 340px;
				height: 34px;
				min-height: 34px;
				line-height:34px;
				font-size: 1.6em;
				color: #FFF;
		        text-transform:uppercase;
				}
				
		#newsContainer ul {
				border: 1px solid #003366;
				background: #EBEBEB;
				}
				
		#newsContainer ul h3 {
                color: #2B557F;
				font-size: 1.2em;
				margin-bottom: 7px;
				}
				
				#newsContainer ul li{
				        position: relative;
						border-bottom: 1px solid #003366;
						background: #FFF url('/images/news_bg2.jpg') bottom repeat-x;
						}

				#newsContainer ul li div{
						background: url('/images/bullet.gif') 5px 5px no-repeat;
						padding: 6px 5px 7px 30px;
						}
		
		#newsContainer #tuttenews{  
				font-size: 1.1em;
				text-align: right;
				margin-right: 8px;					
				}
/*---------- custom content -----------*/
#customContent {
font-size:1.1em;
}
.smallCol{
width: 360px;
float: left;
}

#customContent h2 {
        display: block;
		height: 39px;
		min-height: 39px;
		padding-left: 15px;
		margin-bottom:7px;
       	background: url('/images/title_bg.jpg');
	    background-repeat: repeat-x;	
		line-height:35px;
		font-size: 1.6em;
		color: #003366;
		text-transform:uppercase;	
        }
	
#customContent ul, #extended ul, #customContent ol, #extended ol {
		margin: 5px 0 12px 0;
        }  
		
#customContent li, #extended li {
		list-style: circle;
		list-style-position: inside;
		margin-bottom: 3px;
        } 
/*---------- contact form / pagina contattaci-----------*/
#sidecontact {
		float: left;
		width: 350px;
		}

		#introcontact {
				background: #EFEFEF;
				margin-bottom: 10px;
				padding: 5px;	
		}
		
		#contattidata {
				background: #EFEFEF;
				padding: 5px;
		}
		
#mailform {
        float: right;
		width: 350px;
		margin: auto;
       }

/*---------- Risultati ricerca -----------*/
#searchpage {
        font-size: 1.1em;
		}
		#searchpage h3{
		font-weight: normal;
		}
		
		#result {
        margin-top: 15px;
		}
		
		#result li{
		list-style: inside circle !important;
		min-height: 15px;
		margin-bottom: 5px;	
		}

/*---------- News list -----------*/
#newslist{
		margin-left: 5px;
		}
		
#newslist .entry{
		margin-bottom: 13px;
		}
		
#newslist .entry h4{
		margin-bottom: 3px;
		}
		
#newslist #newspagination {
		text-align: right;
		margin: 10px 10px 0 0;
		}

/*---------- Sitemap -----------*/
#sitemap_cont {
		padding-left: 5px;
		width: 75%;
}
	
	    #sitemap_cont ul li a:link, #sitemap_cont ul li a:visited{
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
        }

		#sitemap_cont ul li ul {
		margin-left: 8px;
		margin-bottom: 5px;
		background-color: #EEEEEE;
		padding:2px 0 2px 5px;
        }
		
		#sitemap_cont ul li ul li a:link, #sitemap_cont ul li ul li a:visited{
		text-transform: none;
		text-decoration: none;
		margin-bottom: 0;
		font-weight: bold;
        }
		
		#sitemap_cont ul li ul li ul{
		margin-left: 11px;
		margin-bottom: 0px;
        }
		
		#sitemap_cont ul li ul li ul li a:link, #sitemap_cont ul li ul li ul li a:visited{
		color: #000000;
		text-transform: none;
		text-decoration: underline;
		margin-bottom: 0;
		font-weight: normal;
        }
		
		#sitemap_cont ul li ul li ul li a:hover{
		text-decoration: none;
		}
		
/*-------------------------  FOOTER   ------------------------------*/
#fot_l {
	float:left;
	height: 20px;
	min-height: 20px;
	background: url('/images/footer_left.png');
    background-repeat: no-repeat;
    background-position: left;
	line-height:20px;
    padding-left:10px;
	}
	
#fot_r {
	float:right;
	height: 20px;
	min-height: 20px;
	text-transform: uppercase;
	background: url('/images/footer_right.png');
    background-repeat: no-repeat;
    background-position: right;
	line-height:20px;
    padding-right:10px;
	}









/**/

/* Galleries list */

#gallery_content {
margin:20px 0 0 30px;
}

#gallery_content p{
margin-bottom: 10px;
}

div.galleries div.gallery {
border: 1px solid #E7F0F5;
padding: 10px;
margin-bottom: 10px;
}

div.galleries div.gallery div.thumb {
width: 80px;
height: 80px;
position: relative;
float: left;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
}

div.galleries div.gallery div.thumb a:link, div.galleries div.gallery div.thumb a:visited, div.galleries div.gallery div.thumb a:hover {
text-indent: -9999px;
background-color: transparent;
display: block;
height: 100px;
-moz-outline: none;
}

div.galleries div.gallery div.description {
width: 400px;
float: right;
}

div.galleries div.gallery div.description h2{
margin: 0;
font-size: 14px;
}

/* Items list */
div.gallery div.container {
float: left;
width: 120px;
height: 120px;
margin: 0 10px 10px 0;
border: 1px solid #E7F0F5;
position: relative;
}

div.gallery div.container div.thumb {
background-repeat: no-repeat;
background-position: center;
background-color: #FFF;
width: 100px;      
height: 100px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;		
text-indent: -9999px;
}

div.gallery div.container div.thumb a {
background: transparent;
display: block;
height: 100%;	
-moz-outline: none;
}

div#user_profile, div#change_password_box {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 2em;
}

div#user_profile .label {
  font-weight: bold;
}

div#change_password_box div label {
  display: block;
  float: left;
  width: 100px;
  line-height: 23px;
  margin-right: 7px;
  text-align: right;
  position: relative;
}

div#change_password_box input.button {
  margin-left: 107px;
}

div#forgotten_password_box label {
  line-height: 23px;
  margin-right: 7px;
}