*{
 margin:0;
 padding:0;
 list-style-type:none;
}

html, body{
 height:100%;
}

body{
 min-height:100%;
 height:auto !important; /* ie ignores it */
 height:100%; /* fix */
 min-width:860px; /* if anyone finds a acceptable solution to emulate this in IE, please let me know... */
 position:relative;
 background: transparent url(images/bg.gif) repeat-x left top;
}

p {
 margin:2px;
 padding:10px;

}


a{
 color:#5b83b3;
 text-decoration:none;
}

.current-cat a{
 color:#ff6600;}

a:hover{
 color:#ff6600;
 text-decoration:none;
}

h2.pagetitle { font: normal 22px arial; color:#ff8400; } 

.barra {border: 2px solid #5b83b3;} 

#wrap {

 font-family: verdana, "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#333333;
 padding:0 15px;
text-align:justify;

}


#header{
 height:76px;
}

#header .left{
 width:264px;
 height:76px;
 background:transparent url(images/side-top.gif) no-repeat left top;
 display:block;
 float:left;
}

#header a#logo{
 width:216px;
 height:55px;
 display:block;
 background:transparent url(images/logo2.gif) no-repeat left top;
 margin:0 auto; 
}

#header a#logo span{
 display:none;
}

#header ul#nav{
 font-size:14px;
 font-weight:bold;
 color:#fff; 
}

#header ul#nav li{
 float:left;
 background:transparent url(images/nav-div.gif) no-repeat right top;
 height:44px;
}

#header ul#nav li a{
 width:160px;
 height:44px; 
 color:#fff;
 display:block;
 text-decoration:none;
 text-transform:uppercase;
 text-align:center;
 margin:0 2px 0 1px;
}

#header ul#nav li.active {
 background:transparent url(images/nav-active.gif) no-repeat center bottom;
}

#header ul#nav li a:hover {
 background:transparent url(images/nav-over.gif) repeat-x left top;
 text-decoration:underline;
}


#header ul#nav li a span{
 display:block;
 text-align:center;
 padding-top:15px;
}

#header #search{
 position:absolute;
 width:225px;
 height:33px;
 background:transparent url(images/search-bg.gif) no-repeat left top;
 top:43px;
 right:15px;
}

#header #search .campo{
  padding:4px 0;
 margin-left:40px;
 border:0;
 font-family:"Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#333;
background-color:#fff;
}

.cerca {
 margin-left:10px;
  padding:1px 0;
 border:0;
 font-family:"Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#fff;
 background:transparent url(images/search-input.gif) repeat-x left top;
}


#content{
 padding-bottom:140px;
 display:block;
}

#sidebar{
 background:transparent url(images/side-bg.gif) no-repeat left top;
 width:264px;
 display:block;
 height:auto !important;
 min-height:261px;
 float:left;
}

#leftnav li{
 display:block;
 padding:4px 0;
}

#leftnav li.active a, #leftnav li.current-cat a, #leftnav li.current-cat-parent a {
 background:transparent url(images/menu-active.png) no-repeat 0% 60%;
}

#leftnav li a{
 font-family:Tahoma, Arial, Helvetica, sans-serif;
 font-size:13px;
 font-weight:normal;
 background:none;
 display:block;
 padding:0 0 0 20px;
 text-decoration:none;
 color:#42648C;
 z-index:10000;
 position:relative; /* IE 6/7 fix */
}


#leftnav li a:hover {
 color:#333333;
 background:transparent url(images/menu-over.gif) repeat-y 7px 0px;
}

#leftnav li:hover, #leftnav li.active,  #leftnav li.current-cat, #leftnav li.current-cat-parent   {
 background:transparent url(images/menu-over.gif) repeat-y 7px 0px;
}

#sidebar h1{
 font-family:Tahoma, Arial, Helvetica, sans-serif;
 font-size:16px;
 font-weight:normal;
 color:#42648C;
 padding:8px 0 4px 2px;
background-color:#fff;
margin: 0 8px;
width:226px;
}

#sidebar h2{
 font-family:Tahoma, Arial, Helvetica, sans-serif;
 font-size:13px;
 font-weight:normal;
 color:#42648C;
 padding:8px 0 4px 6px;
background-color:#fff;
margin: 0 8px;
width:226px;
}

#sidebar p{
 padding:4px 10px 2px 20px;
}

#leftnav li.bigcat a  {
font-weight: bold;
background-color:#000;
}



#main{
 /* margin-left:300px; */
 padding-left:290px;
 padding-right:20px;
 display:block;
}

#main h1{
 font-size:24px;
 font-weight:normal;
 color:#5b83b3;
 padding:8px 0 4px;
 display:block;

}

/* list style with bullets... */
#main ul{
 list-style:none;
 padding:10px 0;
 margin-bottom:20px;
}

#main ul li{
 background:transparent url(images/bullet.gif) no-repeat 0px 4px;
 padding-left:16px;
 text-align:left;
}

blockquote {
 background: transparent url(images/blockq.gif) repeat left top;
 border-top: 1px solid #E3EBF3;
 border-bottom: 1px solid #E3EBF3;
 padding: 12px 1px 12px 4px;
 margin-bottom: 20px;
 color: #294970;
 display:block;
 position:relative; /* fixes IE6 peekaboo bug */
}

#tabs {
 height:34px;
 line-height:normal;
 background:transparent url(images/tab-bg.gif) repeat-x left bottom;
  padding-top:20px;
}

#tabs ul {
 padding:10px 10px 0 10px;
 list-style:none;
 margin-bottom:0;
}

#tabs li {
 display:inline;
 background:none !important;
 padding:0 !important;
}

#tabs a {
 float:left;
 background:url(images/tab-left.gif) no-repeat left top;
 padding:0 0 0 14px;
 margin-right:4px; 
 text-decoration:none;
 color:#5b83b3;
}

#tabs a span {
 float:left;
 display:block;
 background:url(images/tab-right.gif) no-repeat right top;
 padding:4px 14px 2px 0px;
 color:#6b6b6b;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
 color:#0391cf;
}

#tabs a:hover{
 background-position:0% -48px;
 color:#5b83b3;
}
#tabs a:hover span{
 background-position:100% -48px;
 color:#5b83b3; 
}

#tabs a.active, #tabs a.active:hover{
 background-position:0% -24px;
 padding:0 0 0 14px; 
 color:#ff8400; 
}

#tabs a.active span, #tabs a.active:hover span {
 background-position:100% -24px;
 font-weight:bold;
 padding:4px 14px 2px 8px; 
 color:#ff8400; 
}

#footer{
 background:transparent url(../images/footer-bg.gif) repeat-x left bottom;
 height:118px;
 position:absolute;
 width:100%;
 font-family:"Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 bottom:0 !important;
 color:#777;
}

#footer a{
 color:#333333;
 text-decoration:none;
}

#footer a:hover{
 color:#ff8400;
 text-decoration:underline;
}


#footer .left{
 background:transparent url(images/footer-left2.gif) no-repeat left bottom;
 float:left;
 padding-left:40px;
}

#footer .right{
 background:transparent url(images/footer-right2.gif) no-repeat right bottom;
 float:right;
 padding-right:40px;
}

#footer p{
 margin-top:68px;
}

#footer .left, #footer .right{
 display:block;
 height:118px;
}

fieldset{
 border:0;
 padding-bottom:6px;
 display:block;
 text-align:left;
}

fieldset.legend{
 border-top:6px solid #5b83b3;
}

input, textarea, select{
 font-family:"Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 padding:2px 4px; 
}

fieldset.legend p{
 margin:2px 0 2px;
 background:#fff url(images/legend.gif) repeat-y 0px 0px;
 display:block;
 padding:2px 6px;
 font-weight:bold;
 text-transform:uppercase;

}


/* form buttons */

.btn{
 display: block;
 position: relative;
 background: #aaa;
 padding: 5px;
 float: left;
 color: #fff;
 text-decoration: none;
 cursor: pointer;
}

.btn *{
 font-style: normal;
 background-image:
 url(../images/btn2.png);
 background-repeat: no-repeat;
 display: block;
 position: relative;
}

.btn i {
 background-position: top left;
 position: absolute;
 margin-bottom: -5px;
 top: 0; left: 0;
 width: 5px;
 height: 5px;
}

.btn span {
 background-position: bottom left;
 left: -5px;
 padding: 0 0 5px 10px;
 margin-bottom: -5px;
}

.btn span i {
 background-position: bottom right;
 margin-bottom: 0;
 position: absolute;
 left: 100%;
 width: 10px;
 height: 100%;
 top: 0;
}

.btn span span {
 background-position: top right;
 position: absolute;
 right: -10px;
 margin-left: 10px;
 top: -5px;
 height: 0;
}

* html .btn span, * html .btn i {
 float: left;
 width: auto;
 background-image: none;
 cursor: pointer; 
}

.btn.blue{
 background: #5b83b3;
}

.btn.green{
 background: #9d4;
}

.btn:hover{
 background-color: #f07b05;
 color:#fff;
}

.btn:active{
 background-color: #444;
}

.btn[class]{
 background-image: url(images/shade.png);
 background-position: bottom;
}

a#dn{
 background:transparent url(images/dn.gif) no-repeat right bottom;
 width:130px;
 height:19px;
 display:block;
}

a#dn span{
 display:none;
}

/* Elenco voci documenti */

.post {font-family: Verdana; padding-top:12px;  float:left; margin-left:16px;}

.post-singolo {}


.post-singolo h2 { font-size:24px;
 font-weight:normal;
 color:#ff6600;
 }

.post a { color:#5b83b3; text-decoration:none;}
.post a:hover { color:#ff6600; text-decoration:none;}

.data { float:left; width:80px; }
.titolo {float:left;  width:440px; font-weight:bold; }
.documento {float:left;  width:140px; }

/* generici */

.clear {clear:left;}



/* PAGEBAR */

.pagebar
{ 
   padding: 0.2em 0.5em;
   margin-right: 0.1em;
   border: 1px solid #fff;
   background: #fff;
   text-decoration: none;
}

.pagebar a, .pageList .this-page 
{
   border: 1px solid #9AAFE5;
   text-decoration: none;
   padding: 0.2em 0.5em;
}

.pagebar a:visited 
{
   border: 1px solid #9AAFE5;
   text-decoration: none;
   padding: 0.2em 0.5em;
}

.pagebar .break 
{
   padding: 2px 6px; 
   border: none; 
   background: #fff; 
   text-decoration: none; 
}

.pagebar .this-page 
{ 
   border: 1px solid #2E6AB1; 
   padding: 0.2em 0.5em; 
   font-weight: bold; 
   background: #2E6AB1; 
   color: #fff; 
} 

.pagebar a:hover 
{ 
   border-color: #2E6AB1; 
} 

.entry
{ 
  font-family: Verdana, Arial, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
 font-size:13px;
 color:#333333;
line-height:1.4em;
} 

.wpcf7 label {
	width:100px; 	
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	vertical-align:top;
	text-align:left;
        font:1.0em Trebuchet MS, arial; 
}
.wpcf7 label span {
	 /* must be the same as above!*/
	display:block; 
}



ul.ultimi  {width:30%; margin:10px; text-align:left; float:left; }
.ultimi li  {margin-top:4px;}
#ultimi a {color:#ff6600;}
#ultimi a:hover {color:#3366cc;}




