@import url("reset.css");


html, body{ font-size:1em; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
 body {  background:#9CF  url(../img/nuvole.png) no-repeat center top;}
#container {  width:940px; margin-top:0px; margin-left:auto; margin-right:auto;margin-bottom:30px; background-color:#fff; max-width:1440px; min-width:840px;
-moz-border-radius-bottomleft: 20px;

-moz-border-radius-bottomright: 20px;}
h1,h2,h3,h4{color:#009;}
#sx { float:left;}
#dx { float:right;}
#back{ width:940px; height:40px; margin-top:10px; background:url(../img/menu.jpg) repeat-x}

#menu{ width:630px;margin-left:auto; margin-right:auto;  }
/* MENU KICKS*/

 .kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0; 
	 background-image:url(../img/no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/

 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 125px;
	height: 40px;
	margin-right: 0px;
	background-image:url(../img/kwicks_sprite.jpg);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#pulsante1 {
	background-position:0px 0px;
}
#pulsante2 {
	background-position:-200px 0px;
}
#pulsante3 {
	background-position:-400px 0px;
}
#pulsante4 { 
	background-position:-600px 0px;
}
#pulsante5 { 
	background-position:-800px 0px;
}

#pulsante1.active, #pulsante1:hover { 
	background-position: 0 bottom;
}
#pulsante2.active, #pulsante2:hover{
	background-position: -200px bottom;
}
#pulsante3.active, #pulsante3:hover {
	background-position: -400px bottom;
}
#pulsante4.active, #pulsante4:hover {
	background-position: -600px bottom;
}
#pulsante5.active, #pulsante5:hover {
	background-position: -800px bottom; 
}

#pulsante1 a{
	background-image:url(../img/end.gif);
	background-repeat:no-repeat;
	background-position: left 0px;
}

#pulsante1 a:hover{
	background-position: left -80px;
}

#pulsante5 a{
	background-image:url(../img/end.gif);
	background-repeat:no-repeat;
	background-position: right -40px;
}
#pulsante5 a:hover{
	background-position: right -120px;
}


/* MENU KICKS*/

.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}
			
			
			
			/* According */

#logo { width:170px;  margin:0 auto; padding-top:10px;}
.slideshow { height: 300px; width: 940px; position:relative; top:0px; }

a{ text-decoration:none;color:#009; margin-bottom:20px;}
#design { border-top:15px solid #9CF; text-align:center; margin-top:50px;text-decoration:none; font-size:11px; padding:10px; height:15px; width:940px; color:#009;} 
#design a{ text-decoration:none; color:#009; } 
#design a:hover{ text-decoration:none; color:#9CF; } 
#contenitore{ display:block;  }


.part { width:300px;text-align:justify; float:left; height:180px; margin-left:5px; font-size:13px;}
.uno{ margin-left:25px}
.part  a { width:80px;color:#FFF; font-size:10px; background:#009; padding:5px; float:right;bottom:10px; text-align:center; margin-right:20px;-moz-border-radius-bottomleft: 10px;

-moz-border-radius-bottomright: 10px;}

.part  a:hover{ margin-top:1px;}
.part h3{margin-bottom:10px; border-top:1px solid #009 ;padding-top:10px; text-indent:-2000em;}

.part p { width:270px; margin-top:10px; margin-bottom:10px;}