/*STILE ROMAGNA ACQUE - HOME PAGE */


div#container
{
  width:770px;
  text-align:left;
  margin:0 auto;

}



div#content
{
 float:right;
 width:580px;
 margin-bottom: 1em;
}

div#content p
{
font: normal 80%/1.45 Arial, Helvetica, sans-serif;
padding:10px 0 0 0;
margin:0; 
color:#000;
}



div#content h2{
font: bold 80%/1.45  Arial, Helvetica, sans-serif;
padding:10px 0 0 0;
margin:0; 
color:#369;
text-transform: uppercase;
}

div#content h3{
font: bold 80%/1.45  Arial, Helvetica, sans-serif;
padding:0;
margin:0; 
color:#000;
text-transform: uppercase;
border-bottom: 1px solid #000;
text-align:right;
}

div#content ul, div#contenuto ul{
padding:0 0 20px 0;
margin:10px 20px;
list-style-type:circle;

}



div#content li, div#contenuto li{
font: normal 80%/1.45 Arial, Helvetica, sans-serif;
padding:10px 0 0 0;
margin:0; 
color:#000;
}

div#sidebar{
float:left;
width:190px;
margin-top:1em;
margin-bottom: 1em;
padding-bottom: 2em;
font:80%/1.45  Arial,sans-serif;

}


div#sidebar ul{
list-style-type:none;
margin:0;
padding:0;
}

div#sidebar  li {
list-style-type:none;
margin:0;
padding:0.5em;

}

div#sidebar li ul li{
margin:0;
padding:0.5em 0.5em 0 2em;

}



 div#allegati ul{
list-style-type:none;
margin:0 0 1em 0;
padding:0;
}

 div#allegati li{
list-style-type:none;
margin:0;
padding:0.5em 0.5em 0.5em 0;
font: normal 80%/1.45 Arial, Helvetica, sans-serif;

}

div#sidebar a, div#content a, div#contenuto a, div#allegati a{
color:#369;
text-decoration:underline;
}
div#sidebar a:hover, div#contenuto a:hover, div#content a:hover, div#allegati a:hover{
color:#036;
text-decoration:underline;
  
}


div#sidebar a#act{
color:#036;
text-decoration:none;
font-weight: bold;
  font-size: 1em;
}




/*SEZIONI PER COLONNA CENTRALE*/

div.grid2 div{
float:left;
width:280px;
margin-left:10px;
}
/*---------------*/

div#content p
{
  text-align:justify;
}

div#content h4{
font: bold 70%/1.45  Arial, Helvetica, sans-serif;
padding:0;
margin-bottom:15px; 
color:#036;
text-align:right;

}



div.testoimg{
width: 580px;
margin: 0 0 10px 0;
padding:0;  
    
}

div.testoimg img{
float:left;
margin: 0 20px 10px 0;
padding:0;
}



#comunicazioni table, td, th{
border:1px solid #000;
border-collapse:collapse;
margin-top:0.5em;

}
#comunicazioni td,th{
padding:7px 10px;
font: normal 80%/1.45 Arial, Helvetica, sans-serif;
}
#comunicazioni td{
text-align:left
}
#comunicazioni th{
text-align:left;
font-weight:bold;
}
#comunicazioni tr.odd td,tr.odd th{
background: #ddd
}
#comunicazioni caption{
font-weight:bold;
color: #036;
text-align:left;
font: bold 95%/1.45  Arial, Helvetica, sans-serif ; 

}


div.testoimg2{
width: 730px;
margin: 0 0 10px 0;
padding:0;      
}

div.testoimg2 img{
float:left;
margin: 0 20px 10px 0;
padding:0;
}




div.clearer{clear: left}

/*PATH*/
#path
{
width:770px;
background:#69c;
margin:0;
padding: 0;

}

#path ul
{
list-style-type: none;
margin:0 0 0 5px;
padding: 0;

}

#path li
{
list-style-type: none;
display:inline;
color: #036;
font:normal 76%/1.45 Arial, Helvetica, sans-serif;
margin:0;
padding: 0;
 line-height: 40px;

}

#path li a
{
color: #036;
text-decoration:none;

}

#path li a:hover
{
color: #fff;
text-decoration:none;

}

/*layout contenuti centrali*/

table, td, th{
border:1px solid #ddd;
border-collapse:collapse;
margin-top:0.5em;

}
td,th{
padding:7px 10px;
font: normal 80%/1.45 Arial, Helvetica, sans-serif;
}
td{
text-align:left
}
th{
text-align:left;
font-weight:bold;
}
tr.odd td,tr.odd th{
background: #ddd
}
caption{
font-weight:bold;
color: #036;
text-align:left;
font: bold 95%/1.45  Arial, Helvetica, sans-serif ; 

}



/*layout scarica allegati | colonna sinistra*/

.materiali{
margin: 0;
padding-top: 0.5em;
padding-bottom:20px;
margin-right:0;
padding-left: 0.5em;
background-color:#eee;
}


.materiali h3{
font: bold 80%/1.45  Arial, Helvetica, sans-serif ; 
color:#069;
border-bottom: 5px solid #069;
text-transform:uppercase;

}

/*archivio notizie | elenco */

div#notizie h2, div#contenuto h2{
font:normal 76%/1.45 Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 0.5em 0.5em 0 0.5em;
margin: 1em 0 0 0; 
color:#369;
text-transform: uppercase;
}

div#notizie  a{
color:#369;
text-decoration:underline;
}

div#notizie  a:hover{
color:#036;
text-decoration:underline;
}


div#notizie h3, div#contenuto h3{
font: normal 80%/1.45 Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 0.5em 0.5em 0 0.5em;
margin:0; 
color:#036;
text-transform: uppercase;
}
div#notizie p, div#contenuto p{
font: normal 76%/1.45 Arial, Helvetica, sans-serif;
padding: 0.5em 0.5em 0.5em 0.5em;
margin:0; 
color:#000;

}

div#notizie ul{
padding:0 0 20px 0;
margin:10px 20px;
list-style-type:circle;

}



div#notizie li{
font: normal 80%/1.45 Arial, Helvetica, sans-serif;
padding:10px 0 0 0;
margin:0; 
color:#000;
}

/*APPROFONDIMENTO NOTIZIA */

div#allegati{
float:left;
width:220px;
margin-top:2em;
margin-bottom: 1em;
padding-bottom: 2em;
}


div#contenuto
{
 float:right;
 width:540px;
 margin-bottom: 1em;
}



/*archivio notizie | button */


button{
border: 1px solid #000;
text-align:center;
font: normal 0.7em Arial, sans-serif;
color:#000;
padding: 2px;
}
button:hover{
background-position: 0 -35px;
color:#369;
border: 1px solid #369;

}
button:active{
background-position: 0 -70px;
color:#000
}

fieldset {
border:0px solid #fff;
}

form {
margin: 20px 0 20px 0;
padding: 0;
text-align:right;
}
label {
font: bold 0.8em Arial,sans-serif;
color:#000;
}

.campiform {
border: 1px solid #000;
}

/*bandi */

.bandi {
background: #eee;
text-align:right;
}

/*GALLERIA FOTOGRAFICA*/

div#foto
{
 float:right;
 width:580px;
 margin: 0 0 1em 0;
 padding:0;
}

div#foto p
{
font: normal 80%/1.45 Arial, Helvetica, sans-serif;
padding:10px 0 0 0;
margin:0; 
color:#000;
}



div#foto h2{
font: bold 80%/1.45  Arial, Helvetica, sans-serif;
padding:10px 0 0 0;
margin:0; 
color:#369;
text-transform: uppercase;
}
div#foto ul {
padding:1em 0 1em 0;
margin:0;
list-style-type:none;
}



div#foto li {
font: normal 80%/1.45 Arial, Helvetica, sans-serif;
padding: 0.5em;
margin:0.8em 0  0.8em 0.8em; 
color:#000;
display:inline;
text-align:center;

}

div#foto img
{
 border: none;
 margin:0 0 0 0.5em;
 padding:0;
 
}
div#foto img a {
 outline: none;
}

div#foto div {
width: 560px;
padding:0;
margin:0.8em 0 0 0.5em; 
list-style-type:none;

}



div#DivContent {
padding:0;
margin:0;
}

div#desc {
padding:0;
margin:0;
text-align:left;
line-height:14px;
border-bottom: 1px solid #069;
font: normal 80%/1.45 Arial, Helvetica, sans-serif;
color:#069;
text-transform:uppercase;
}
div#webcam {
margin:0;
padding:0;
text-align:right;}



div#webcam img{
width:560px;
margin-top:0;
margin-bottom: 1em;
}

div.grafico{
border-bottom: 1px solid #036
}

/*glossario */

div#glossario h2{
font:normal 96%/1.45 Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 0.5em 0.5em 0 0.5em;
margin: 1em 0 0 0; 
color:#036;
text-transform: uppercase;
border-bottom: 1px solid #036;
}

div#glossario  a{
color:#369;
text-decoration:underline;
}

div#glossario  a:hover{
color:#036;
text-decoration:underline;
}


div#glossario h3{
font: normal 80%/1.45 Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 0.5em 0.5em 0 0.5em;
margin:0; 
color:#036;
text-transform: uppercase;
}
div#glossario p, div#contenuto p{
font: normal 76%/1.45 Arial, Helvetica, sans-serif;
padding: 0 0.5em 1em 0.5em;
margin:0; 
color:#000;

}

/*visualizza | multipagina */

div#visualizza{
font:normal 76%/1.45 Arial, Helvetica, sans-serif;
padding: 0.5em 0.5em 0 0.5em;
margin: 1em 0 0 0; 
color:#036;
border-top:1px dashed #69c
}
div#visualizza a{
color:#369;
text-decoration:underline;
}
div#visualizza a:hover{
color:#036;
text-decoration:underline;
}