/*stili per il layout fluido*/
html,body{margin: 0;padding:0}
body{font-family: "Lucida Sans Unicode","Lucida Grande",Lucida,Arial,sans-serif;font-size: 76%; color:#333333}
div#container{position: relative}

/*stili generici, su header e footer*/
div#header{height:120px;background-color:#36C;color: #ff0;background: url(img_layout/header.jpg) repeat-x top}
div#satorieki{position:absolute;top: 0px;left: 100px;background: url(img_layout/satorieki.jpg);height: 120px;width: 210px}
div#menusup{position:absolute;left: 600px;top: 88px; height: 20px;width: 375px; font-size: 13px}
div#menusup a{  color:#FFFFFF;  text-decoration:none; padding-right: 5px; padding-left:5px}

/*div#menusup ul,div#menusup li
{ display:inline;
  list-style-type:none;
  margin:0;
  padding:0;
}
*/
div#menusup a:hover
{
  color:#FF9900; background-color:#FFFFFF }
/*
div#menusup li#active a
{
  color:#606060;
}*/
h1,h2,h3,h4 {margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
h2{color: #FF3300;font-size: 1.5em}
h3{color: #69f;font-size: 1.2em}
h4{color: #FF3300;font-size: 1.2em}
h5{color: #999999;font-size: 1.2em}
hr{color:#FF3300; width:350px; border:1px;  }
div#footer a{color:#6633FF;text-decoration: none}

/*stili specifici per il layout*/
div#navigation{position: absolute; top: 120px; left: 0;
    width: 160px;\width:170px;w\idth:160px;padding: 1em 0 0 10px}
div#extra{position: absolute; top: 120px; right: 0;
    width: 160px;\width:170px;w\idth:160px;padding: 1em 5px}
div#content{margin: 0 170px; border-style:solid; border-width:0 1px; border-color:#ccc; padding:1em 10px;}
div#footer{text-align:center; font-size:10px; padding: 5px 0;  background-color: #FF9933; color: #333399}

/*stili specifici per impaginazione centrale*/
/*div#content img{ float:left; margin: 9px}*/
div#content h2, h3, h4, p{ margin:0 10px; padding: 0 }
div#content h2, h3, h4{ margin-top: 10px }
div#content{clear: left}

/*stili specifici per box appuntamenti centrale*/
div.textimage{ width: 100%;margin-bottom: 10px; border: 1px dotted #000; text-align:justify/*;background-color: #eee */}
div.textimage img{float:left; margin: 10px }
div.textimage h2, div.textimage p{ margin:0 10px; padding: 0 }
div.textimage h2{ margin-top: 10px }
div.clearer{clear: left}


/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0; font: 1.5em/1.6em "Lucida Sans Unicode","Lucida Grande",Lucida,Arial,sans-serif;}
div#navigation li.corsi{font-family: "Lucida Sans Unicode","Lucida Grande",Lucida,Arial,sans-serif; font-size:10px; color:}
div#navigation a{color:#FF3300;text-decoration: none}
div#navigation a.corsi{color:#FF3300;text-decoration: none}
div#navigation a:hover{color: #0000CC;text-decoration: none}
div#navigation a#activelink{color: #0000CC;text-decoration: none}
div#navigation p{font-size: 90%}

/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em; background-color:#FFFF00}
div#extra div.newsbox h2{color: #0000FF;font-size: 1.2em}
div#extra div.newsbox h3{color: Blue;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}


.txtOrange {
		font-size: 18px;
		font-weight: bold;
		color: #ff3300;
		}
		.txtOrange a:link{
		font-size: 18px;
		font-weight: bold;
		color: #ff3300;
		}
		.txtOrange a:hover{
		font-size: 18px;
		font-weight: bold;
		color: #f57f62;
		}
		
.txtBlu {
		font-size: 12px;
		font-weight: bold;
		color: #037fd7;
		}
		.txtBlu a:link{
		font-size: 12px;
		font-weight: bold;
		color: #037fd7;
		}
		.txtBlu a:hover{
		font-size: 12px;
		font-weight: bold;
		color: #53a9e6;
		}