@charset "utf-8";
/* CSS Document */
html, body { padding: 0; margin: 0 0 10px 0; }
body { 
		background: #E7E7DE;
		font-size: 13px; 
		font-family: Arial, Verdana, Sans-Serif;
}

img { border: none; }

.ico{
	float:left;
	margin:10px 10px 10px 0;
}

a { text-decoration: underline; color: #5398d1; }
a:hover { text-decoration: underline; }


h1 { 
	font-size: 18px;
	color:#830a0f;
	margin:5px 0 0px;
	text-transform:uppercase;
}
h2 { 
	font-size: 16px;
	font-weight: bold;
	color:#FC8A0C;
	margin:5px 0 0px;
	
	}

#side_bar h3{
	color:#090;
	font-size:12px;
	margin:5px 0 0;
}
#wrapper{
	width:984px;
	margin: 0 auto;
	background: url(/images/wrap_bg.gif) repeat-y left top;
}
	
#header2{
width:970px;
margin-left:17px;
background: url(/images/header_bg1.jpg) no-repeat left top;
}	
	
	
#header{
	width:970px;
	height:240px;
}

.titolo{
	float:left;
	margin:80px 0 0 70px;
	width:600px;
	/*color:#036;*/
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:23px;
	line-height:29px;
	z-index:10;
	
}
.titolo p{
	margin:0;
	padding:0;
}

.indenta{
	margin: 0 0 0 50px;
}

.logo {
	background:url(/images/logo2.png) no-repeat top left;
	float:right;
	width:273px;
	height:273px;
	margin:0px 20px 0 0;
	
}

/*************************************************MENU*************************************************/



#navigation{
	width:950px;
	position:relative;
	}
	
#main_nav{

	height:30px;
	background:url(/images/menu.png) no-repeat left top;
}

#main_nav li{
	position:absolute;
	list-style: none;
}


#main_nav li { height:32px; display:block;}
#main_nav a{
	height:22px;
	padding:8px 0 0 20px;
	font-size:13px;
	color:#333;
	display:block;
	text-decoration:none;
	font-weight:bold;
}

#scuola	{	top:0px; left: 0px;	width: 170px;}
#studenti {	top:0px; left: 155px; width: 170px; }
#lavoratori		{top:0px; left: 310px; 	width: 170px;}
#genitori {	top:0px; left: 465px;	width: 170px;}
#community{	top:0px;	left: 620px;	width: 170px;}
#info  {	top:0px;	left:775px;	width: 170px;}

body#b-scuola #scuola a, 	#scuola a:hover, body#b-studenti #studenti a,	#studenti a:hover, body#b-lavoratori #lavoratori a, #lavoratori a:hover, body#b-genitori #genitori a,	#genitori a:hover, body#b-community #community a,	#community a:hover	{color:#FFF; background: transparent url("/images/bottone.png") no-repeat left top ;}
body#b-info #info a, #info a:hover {color:#FFF; background: transparent url("/images/bottone_fine.png") no-repeat left top ;}



ul#home {
   
	list-style:none;
}

#home li{
	padding:0 0 0 15px;
	background:url(/images/freccia.gif) no-repeat left 5px;
}


#slide{
	width:968px;
	height:283px;
}


*+html #slide{
	width:968px;
	height:283px;
	padding-bottom:15px;
}


#container{
	width:950px;
	padding:10px 17px 0;
}

#content{
	width:590px;
	padding-left:20px;
	float:left;
}

#side_bar{
	width:320px;
	float:left;
}
.box_dx{
	width:310px;
	padding: 10px 0 10px 10px;
	background:url(/images/ombra.png) no-repeat top left;
	border-top:#CCC solid 1px;
	border-left:#CCC solid 1px;
}

.box_sx{
	width:580px;
	padding:10px 10px 10px 0;
	margin:0 0 15px;
	background:url(/images/ombra2.png) no-repeat top right;
	border-top:#CCC solid 1px;
	border-right:#CCC solid 1px;
}



#footer{
	clear:both;
	width:950px;
	background:#91BC3D url(/images/footer_bg.png) repeat-x top left;
}


#footer-content {min-height: 232px; padding: 15px 20px 10px; }
#footer-content hr { border: none; background-color: #FCFCFC; height: 1px; margin:0 0 10px; padding: 0; }

#footer_news{
	float:left;
	width: 565px;
}
#footer-content h3 { color: #fff; font: 14px Arial; font-weight: bold; margin:5px 0;}

h3.immagine { background-repeat: no-repeat; background-position: left top; padding:10px 0 0px 50px; height: 20px; }
#footer_news h3.colonna-news { background-image:url(/images/news.gif);}
#footer_newsletter h3.colonna-news { background-image:url(/images/news_let.gif);}

	

#footer_newsletter{
	width:330px;
	float:left;
	padding:0 0 0 15px;
}

#footer_nav_bar{
	clear:both;
	width:950px;
	height:55px;
	background-color:#769D2D;
	border-top:#FFF 1px solid;
}

 #footer_nav_bar p { 
 padding:5px 0 0;
 color:#333;
 text-align:center;}

*+html #footer_nav_bar p { 
 padding:20px 0 0;
 color:#333;
 text-align:center;}

 #footer_nav_bar a { color:#fff;
 text-decoration:none;}



 .blocconews { 
 		float: left; margin: 0 23px 15px 0; width: 170px;
 }
 .blocconews h4 { font: 13px verdana; font-weight: bold; color: #ffffff; margin:0;}
 .blocconews p { font: 12px Verdana; line-height:normal; margin-bottom: 10px;}
 .blocconews a.leggi { color: #fff; font-weight: bold; font-size:12px; }
 .blocconews.ultimo { margin-right: 0px; }




#mainelementMenu li#diploma { background-position: 0 0; height: 78px;}
#mainelementMenu li#diploma.hovered { background-position: -278px 0; }
#mainelementMenu li#diploma.selected { background-position: -556px 0; }
#mainelementMenu li#recupero { background-position: 0 -78px;  }
#mainelementMenu li#recupero.hovered { background-position: -278px -78px; }
#mainelementMenu li#recupero.selected { background-position: -556px -78px; }
#mainelementMenu li#genitori2 { background-position: 0 -147px; }
#mainelementMenu li#genitori2.hovered { background-position: -278px -147px; }
#mainelementMenu li#genitori2.selected { background-position: -556px -147px; }
#mainelementMenu li#doposcuola { background-position: 0 -216px;  }
#mainelementMenu li#doposcuola.hovered { background-position: -278px -216px; }
#mainelementMenu li#doposcuola.selected { background-position: -556px -216px; }




/* main element */
#mainelement { height: 284px; margin:0 0 15px 0; }
#mainelementWrapper { position: relative; }
/* mainelement menu */
#mainelementMenuWrapper { float: left; width: 203px; height: 284px; overflow: visible; top: -2px; z-index: 1; }
#mainelementMenu { height: 284px; width: 278px; overflow: hidden; float: left; position: relative; z-index: 1;}

#mainelementMenu p {color:#FFF; font-size:14px; padding:0px 0 0 25px; font-weight:bold; text-transform:uppercase;}
*+html #mainelementMenu p {color:#FFF; font-size:14px; padding:15px 0 0 25px; font-weight:bold; }

.mainelementMenuRefBlock { position: relative; height: 61px; width: 255px; cursor: pointer; top: 8px; }

#mainelementMenu ul { margin: 0; padding: 0; list-style-type: none; }
#mainelementMenu li { position: relative; background-image: url(img/mainelement_items.png); background-repeat: no-repeat; display: block; height: 69px; overflow: hidden; }
#mainelementMenu li .capt { position: relative; left: 278px;}
#mainelementMenu li.firstItem { height: 79px; }
/*#mainelementMenu li#diploma .mainelementMenuRefBlock { top: 18px; }
*/#mainelementMenu li.selected .mainelementMenuRefBlock { cursor: default; }

    /* ========== */
#codaBase { float: left; overflow: hidden; width: 685px; height: 267px; margin-left: -15px; margin-top: 18px; z-index: 0; position: relative; }
#mainelementSlidesContainer{ height: 267px; position: relative; color: White; font: 14px Trebuchet MS; }
#mainelementSlidesContainer h2 {width:650px;
font-size:20px; color:#FFf; margin:15px 0 0 30px; text-transform:uppercase; font-weight:normal;
	}
#mainelementSlidesContainer h3 {width:600px;
font-size:18px; color:#FFF; margin:0px 0 0 30px; font-weight:normal;
	}


#mainelementSlidesContainer span {	
	color:#FFFFFF;
	position: absolute;
	top: 80px;
	left:30px;
	width: 300px;
	font-size:14px;
	
}
#mainelementSlidesContainer .panel, #mainelementSlidesContainer .defaultpanel { float: left; height: 100%; position: relative; width: 685px; }
#mainelementSlidesContainer #slide0 { background-color:#FFF;/*background: url(img/slide0.jpg) no-repeat left top;*/ }
#mainelementSlidesContainer #slide1 { background: url(img/slide1.jpg) no-repeat left top; }
#mainelementSlidesContainer #slide2 { background: url(img/slide2.jpg) no-repeat left top; }
#mainelementSlidesContainer #slide3 { background: url(img/slide3.jpg) no-repeat left top; }
#mainelementSlidesContainer #slide4 { background: url(img/slide4.jpg) no-repeat left top; }

/* Buttons */

#mainelementSlidesContainer a{color:#FFF; text-decoration:none;}

#mainelementSlidesContainer a.btn {
	background: no-repeat left top;
	overflow: hidden;
	width: 132px;
	padding-top: 35px;
	height: 0;
	position: absolute;
	cursor: pointer;
	left: 0px;
	top: 169px;
}
#mainelementSlidesContainer a.btn:hover { background-position: 0 -36px; }
#mainelementSlidesContainer a.scopri { background-image: url(img/scopri.png);   width: 229px; top:180px; left:30px;}
#mainelementSlidesContainer a.aiutare { background-image: url(img/aiutare.png);  width: 280px; top:200px; left:30px;}
#mainelementSlidesContainer a.recuperare { background-image: url(img/recuperare.png); width: 250px; top:180px; left:30px;}
#mainelementSlidesContainer a.insuff { background-image: url(img/createaccountbtn.png); width: 250px; top:180px; left:30px;}



/*Clear after*/
.clearfix:after { content:"."; display: block; height:0; clear:both; visibility:hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */