/* CSS Document */
html,body{
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#000;
min-width:760px;
height:100%;
background-color:#CCCCCC;
margin:0;
padding:0;
}
h1{
height:20px;
background-image:url(img/tit.jpg);
background-repeat:repeat-x;
font-size:130%;
width:100%;
margin:0 ;
padding:0 ;
text-transform:uppercase;
background-color: #369;
color:#fff;
text-align:center;
}
h1.header{
margin:10px 0 0 0;
}

div#wrapper{
position: relative;
height:100%;
width:100%;
margin:0;
padding:0;
background-color:#FFFFFF;

border-top:0;
border-bottom:0;
}
body>div#wrapper{
height: auto; 
min-height: 100%;
}
#banner{
width:100%;
height:148px;
background-color:#36356e;
background-image:url(img/bgbanner.png);
background-repeat:repeat-x;
overflow:hidden;
}
div#menu{

width:100%;
min-width:760px;
height:23px;
/*background-image:url(img/menu_sfondo.png);
background-repeat:repeat-x;*/
margin:0;
padding:0;
text-align:left;
}
div#menu ul{
width:100%;
height:19px;
margin:0;
padding:3px 0;
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #036;
color: #FFF;
width: 100%;
font:bold 90% Verdana, helvetica, sans-serif;
text-align: center;
font-size:100%;
}
div#menu ul li{

display:inline;

}
.titoletto{
margin:10px;
color:#003399;
font-size:18px;
text-decoration:underline;
}
div#menu ul li a{
text-decoration: none;
background-color: #036;
color:#FFf;
padding: .2em 1em;

border:1px #036 solid;
border-top:0;
}

div#menu  ul li a:hover{
background-color: #369;
color: #fff;
border:1px #fff solid;
border-top:0;
/*border-top:1px black solid;
border-bottom:1px black solid;*/
}
#titolo_pagina{
width:100%;
min-width:760px;
height:40px;
background-color:#333366;
margin:20px 0;
padding:0;
background-image:url(img/stri.png);
background-repeat:repeat-x;
}
#titolo_pagina img#titolo{
float:right;
margin:0 100px;
padding:0;

}
div.continde{
height:190px;
width:72%;
padding:0;
font:90% arial;
margin:10px 0;
overflow:auto;
background-image:url(img/Untitled-2.jpg);
background-repeat:repeat-x;
border-bottom:1px dashed #ccc;
}
div.continde ul{
list-style-type:none;
padding:0 7px;
margin:0;
}
.continde p{
margin:2px 0;
padding: 0 5px;
}
#newsindex{
width:25%;
height:190px;
background-color:#FFFFFF;
border:#ccc 1px solid;
float:right;
padding:0;
margin:10px  0 0 0 ;
overflow:auto;
background-image:url(img/bgnews.png);
background-position:left;
background-repeat:repeat-y;
}
#newsindex img{
width:20px;
height:150px;
overflow:hidden;
float:left;
margin:0;
padding:0;
}
#newsindex p{

margin:0;
padding:0 0 0 22px;
}
#newsindex p span{
font-weight:bold;
}
#newsindex p a{

color:#000033;
}
#newsindex p a span {
text-decoration:none;
}
#newsindex p a:hover{
text-decoration:none;
}
p.contenuti{
width:80%;
min-height:400px;
margin:0;
padding:0 10%;
text-align:justify;
/*border-right:1px dashed #ccc;
border-bottom:1px dashed #ccc;*/
border:1px dashed #ccc;
border-left:0;
border-right:0;
background-color:#f8f8f8;
}
div#ind{
width:100%;
min-width:760px;
min-height:399px;
margin:0 0 5px 0 ;
padding:0 ;
}
div.boxindex{
background-image:url(img/Untitled-2.jpg);
background-repeat:repeat-x;

float:left;
height:190px;
width: 49%;
min-width:355px;
border:1px solid #ccc;
border-bottom:1px dashed #ccc;
margin:5px 0 ;
padding:0 0 0 0;
overflow:auto;
}
div.boxindexdx{
background-image:url(img/Untitled-2.jpg);
background-repeat:repeat-x;
float:right;
height:190px;
width: 49%;
border:1px solid #ccc;
border-bottom:1px dashed #ccc;

min-width:355px;
background-color:#ccc;
margin:5px 0 ;
padding:0  ;
overflow:auto;
}
div.boxindexdx ul{
list-style-type:none;
margin:0;
padding:0 3px;
}
div.boxindexdx p{
margin:0;
padding:0 3px;
}
div.boxindex p{
margin:0;
padding:0 5px;
}
div#footer{
width:100%;
height:50px;
position:absolute;
overflow:hidden;
margin:0 0 0 0 ;
top:100%;
background-color:#336699;
background-image:url(img/footer_sfondo.png);
background-repeat:repeat-x;
color:#fff;
text-align:center;
font-weight:bold;

}
div#footer a{


color:#fff;
}
#contentDATI{
width:320px;
margin:auto;
padding:0;
border:1px dashed #ccc;
background-color:#f8f8f8;

}
.cont{
margin:0;
padding:0;
width:300px;
background-color:#f0f0f0;
border:#666 1px solid;
}

.co{
color:#666666;
}
.areatesto{
margin:0;
padding:0;
width:300px;
background-color:#f0f0f0;
border:#666 1px solid;
}
.bottone{
margin:0;
padding:0;
width:70px;
background-color:#f0f0f0;
border:#666 1px solid;
}
.contatti{
width:500px;
text-align:justify;
margin:0;
padding:0 0 0 35px;}
.contatt{
width:500px;
text-align:justify;
margin:0;
padding:0;
}
div#right{
float:right;
width:18%;
margin:0;
padding:0;
background-color:#ccc;
font-size:90%;
}
div#right ul li{
list-style-type:none;
text-align:center;
}
div#right ul li a{
text-decoration:none;
color:#0066CC;
font-weight:bold;
display:block;
}
div#right ul li a:hover{
text-decoration:underline;
color:#006699;
}
div#right h2.titolo_dx{
height:20px;
font-size:120%;
color:#FFf;
text-align:center;
margin:0;
padding:0;
border-bottom:1px solid #333;
background-color:#336699;
}
div#right ul{
width:100%;
margin:0;
padding:0;
background-color:#f0f0f0;
}
div#right ul li{
margin:0 0 0  0 ;
padding:2px 0;
list-style-type:none;
background-color:#f0f0f0;
border-top:1px solid #dedede;
/*border-bottom:1px solid #fff;*/
width:100%;
}

div.codice{
background-color:#000033;
}
p.doc{
width:80%;
min-height:80px;
margin:4px 6px 0 6px;
padding:10px 3px 0 3px;
text-align:justify;
background-position:bottom;
border:1px dashed #ccc;
background-color:#f0f0f0;
color:#333333;
}
p.doc span{
font-size:1.2em;
color:#993333;
font-weight:bold;
}
img.scarica{
margin:0 5px 5px 5px;
border:0;
padding:0 0 5px 0;
float:left;
width:130px;
height:60px;
}
p.doc a{
text-decoration:none;
color:#0066CC;
font-weight:bold;
display:block;
}
p.doc a:hover{
text-decoration:underline;
color:#006699;
}