@import url(reset.css); /*non dimenticare il punto e virgola!!!*/
@import url(type&colors.css);


/*Layout ---------------------------------------------------- */

html            { height:100%}

body            {height: 100%; margin:0; padding:0; background: #a33b1d url(wrapper.png) top left repeat-x; }

#bakg           {width:100%; background: url(top_bak.jpg) top center no-repeat;}

#container      { margin: 15px auto 0 auto; background: url(bak_rep.jpg) center repeat-y; }

#header, #white { width:940px; margin:0 auto; /*border:1px solid blue*/ }

#content        { width: 590px; float: left; margin:10px 10px 20px 0px; padding:0px 5px 0px 25px; border-right:1px solid #ccc}

.extra          { width: 280px; float: right; margin-right:20px; /*border: 1px solid red;*/ }

#footer         { margin: 0 auto; background: black url(bak_footer.jpg) bottom center no-repeat; height:123px;}

.spacer         {clear:both;padding:0;height:0;font-size:0; }
.vuoto          { height:150px; text-align:center; padding-top:20%;}


/*stile interno all'HEADER------------------------------------------------ */

#logosp         {margin: 5px 0 10px 0; float:left; height: 135px; width:235px;  } /*ATTENZIONE: logosp definisce l'altezza dell'header */
#logosp a       {display:block; height:100px;width:230px; margin:0 ;}
#logosp a span  {display:none;}
#logoprint      { display: none;}

#path           {position: absolute; top:150px;/*margin: 5px 0 20px 10px;*/   /*margin-left 10px serve a ie6*/ }
ul#path         {padding-left: 10px; height:16px; }
ul#path li      {float:left; padding-top:2px; padding-left:4px; text-align: right;}


/*stile di extra e extra_proj------------------------------------------------------------*/

#inevidenz,
#sommario       {margin: 0 0 5px 0;  height:50px; }
#inevidenz h2,
#sommario h2    {margin-top:10px; }
#inevidenz span,
#sommario span  { display: none;}

.extranews      {padding-bottom:5px; margin-bottom:10px}

#newsfrom       {background:white url(newsfrom.png) top left no-repeat; height:25px; width:172px; margin: 5px 0 5px 0; padding-left:3px;}

#postit         {background:white url(postit.png) top center no-repeat;height:100px; padding-top:90px; padding-right:5px; margin-top:20px;}

.extraproject { margin-bottom:10px;}
.extraproject li {line-height:1.8em}


/*stile del footer---------------------------------------------------------*/

#footer p       {float: left; width:600px; margin-right: 50px}
#footer ul      {  }
#footer li      {float: left; display: inline}


#footer li a:link,
#footer li a:visited,
#footer li a:active,
#footer li a:hover{ border-left:2px solid #c3c3c3; padding:5px 15px; margin:0px 0px 5px 0px;}

#footerleft     {width:940px; margin: 25px auto 0 auto; padding:5px 0 0 25px; }


/*stili generici del sito----------------------------------------------------*/


.capoelle       {float:left; margin:0 0.1em 0 0; }
.latosx         {float:left; margin: 0 15px 10px 0; padding:0; }
.latodx         {float:right; margin: 0 0 10px 15px; padding:0; }

ul.elenko       {margin:0 0 0 30px; padding:0;}
ul.elenko li    {list-style-image:url(list_arrow.png); margin:0 0 10px 0; padding:0 0 0 5px;}

hr              {border-width:1px ; border-style:dashed; }

.back           {text-align:right;}
.back p a       { line-height:1.9em; color:#c00;background-image:url(fat_arrow.png); background-repeat:no-repeat; padding-left:20px;}
.back p a:hover {text-decoration:none; color:#c00;}
.up             { text-align:right; margin-right:10px; }
.up p a         { line-height:1.9em; color:#c00; background-image:url(fat_arrow_up.png); background-repeat:no-repeat; padding-left:20px;}
.up p a:hover   {text-decoration:none; color:#c00;}

a.external      {padding-right: 20px;background: url(icon_external.gif) no-repeat center right}
a.pdf           {padding-right: 20px;background: url(icon_pdf.gif) no-repeat center right}

.titpar         {margin: 0 10px 15px 0; padding-bottom:2px;}
.titprint       {padding-right:35px; float:right;}

.quadretto      {width:250px; padding-top:46px; background:white url(clip2.png) top right no-repeat; margin:6px 8px 6px 0}
.quadretto div  { background:url(fondoclip2.jpg) bottom left no-repeat;  width:230px !important;  width /**/:250px;  padding:0 10px 20px 10px;}


/*stile pagina home -----------------------------------------------------*/

#guide          { margin:30px 10px 0 0; padding:5px; /*width:550px;*/}

/*stile pagina progetti e iniziative-----------------------------------------------------*/

.summary        {margin:20px 5px 10px 15px; width:530px;}

.sumtit         {padding-bottom:5px; margin-bottom:5px; }
.summary h3,
.summary h3 a,
.summary h3 a:hover{ margin-left:5px;}
#content .summary p {margin-left:15px;}
#projmap        { margin-left:20px;}
.probut li a    {padding:7px 5px 7px 28px; line-height:2em;}
.probut li      {float:left; margin:0 15px 5px 0; list-style:none; background:white url(lente2.png) top left no-repeat; }
.riferimento    {padding:5px; width:555px;}

/*Stile pagina Convocazioni -------------------------------------------------*/

.convo          {margin:20px 15px 0 25px; padding:5px;}

.convotit       {height:2em; margin-bottom:5px; padding-top:5px; background:#fc6 url(convotit.png) center right no-repeat;}
.sumtext        { margin-left:120px;}


/*Stile pagina approfondimenti --------------------------------------------------------*/

.report         { height:140px; margin:0 15px 15px 5px; padding:5px}


/*Stile pagina link --------------------------------------------------------*/

#linkspage img  { float:left; margin:5px 10px 0 5px;}
#linkspage p    { padding-top:5px;}

/*Stile pagine gallerie di immagini ----------------------------------------*/

#content_ext    { width: 750px; margin:0px 10px 20px 0px; padding:0px 5px 0px 25px; }
div#zoom        { float:right; margin:0 0 50px 0; padding: 5px; }
div#zoom h3     { margin-bottom:24px;}
div#zoom img    {display:block; width:450px; height:450px}
div#minipics    { height:500px; overflow:auto;}
div#minipics ul {list-style-type:none;}
div#minipics li {float:left; margin:0 5px 5px 5px; border:1px solid #ccc; padding: 3px}

/*Stile pagina mail -------------------------------------------------------*/

#write          { text-align:center; border:1px dashed #c00; width:200px; background-color:#def; padding:5px;}


/*Stile del menu*/

/* 
    Livello 1
*/

ul.dropdown                 { position: relative; margin-top:18px; border: 1px solid white;}
ul.dropdown li              { font-weight: bold; float: left; zoom: 1; width: 156px; background-color: white; }
ul.dropdown span	    {display:none;}
ul.dropdown a:hover	    { color: #000; }
/*ul.dropdown a:active        { color: #ffa500; }*/
ul.dropdown li a            { display: block; padding-top: 10px; /*color: #222;*/ height: 55px; font-size:90%; font-family: arial, sans-serif; font-weight:normal; letter-spacing:1px;}
ul.dropdown li.hover,
ul.dropdown li:hover        {  color: #ccc; position: relative; }
ul.dropdown li.hover a      { color: #ccc; text-decoration:none; }

ul.dropdown li.giallo		{background: transparent url(menu/giallo.png) center left no-repeat;}
ul.dropdown li.rosso		{background: transparent url(menu/rosso.png) center left no-repeat;}
ul.dropdown li.viola		{background: transparent url(menu/viola.png) center left no-repeat;}
ul.dropdown li.blu		{background: transparent url(menu/blu.png) top left no-repeat;}
ul.dropdown li.blu:hover	{background: transparent url(menu/blu.png) left -65px no-repeat;}
ul.dropdown li.verde		{background: transparent url(menu/verde.png) top left no-repeat;}
ul.dropdown li.verde:hover	{background: transparent url(menu/verde.png) left -65px no-repeat;}
ul.dropdown li.arancio		{background: transparent url(menu/arancio.png) top left no-repeat;}
ul.dropdown li.arancio:hover	{background: transparent url(menu/arancio.png) left -65px no-repeat;}



/* 
	Livello 2
*/
ul.dropdown ul 		    { width: 156px; visibility: hidden; position: absolute; top: 60%; left: 0; }
ul.dropdown ul li 	    { background-color: #444; color: #ccc; border-width:1px 1px 1px 1px; border-color: #555; border-style: solid; float: none; }
ul.dropdown ul li:hover     {background-color: #fc6;}
ul.dropdown ul li a	    { height:25px; width: 100%; display: inline-block; color:#ccc; } /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a:hover   { text-decoration:none;}
/* 
	Livello 3
*/
ul.dropdown ul ul 		{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 	{ visibility: visible; }