/*STILE ROMAGNA ACQUE - HOME PAGE */


div#container
{
  width:770px;
  text-align:left;
  margin:0 auto;
background:#fff repeat-y top right
}

div#container2{
background: #fff repeat-y top left}

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

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


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

}


div#content h3{
font: bold 70%/1.45  Arial, Helvetica, sans-serif;
padding:0;
margin:0; 
color:#036;
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;
}




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

div#sidebar li, 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;
}


div#webcam img{
margin-top:1em;
margin-bottom: 1em;
}



/*SEZIONI PER COLONNA CENTRALE*/

div.grid4 div{
float:left;
width:125px;
margin:0.5em  0  0 1em;
padding:0;
text-align:right;
}

div.grid4 div img{
border:1px solid #369;
width:125px;
heigt:98px;
marin:0;
padding:0;
}
/*---------------*/


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;
}



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 table comunicazione dalla casa di guardia*/

.testoimg table{
border-collapse:collapse;
margin-top:0.5em;
}

.testoimg tr{
border:1px solid #036;
border-collapse:collapse;
margin-top:0.5em;

}
.testoimg td,th{
padding:7px 10px;
font: normal 80%/1.45 Arial, Helvetica, sans-serif;
}
.testoimg td{
border:1px solid #036;
text-align:left;

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

.testoimg input{
color: #000;
padding-right:1em;
border: 1px solid #ddd;
padding-left:1em;
}

.testoimg label{
font-weight:bold;
color: #036;
text-align:left;
font: normal 80%/1.45  Arial, Helvetica, sans-serif ; 
padding-top: 1.5em;
}


/*layout table dati*/

.sfondo {
background: #eee;
}

.340 {
width:340px;
text-align:right;

}

.200 {
width:200px;
text-align:left;

}



.numeri {
font-weight:bold;
}

.dati table{
margin-top:0.5em;
text-align:center;
border-collapse:collapse;
}

.dati tr{
border-collapse:collapse;
}


.dati th{
width:200px;
padding-right:1em;
padding-bottom:0.5em;
padding-left:1em;
text-align:right;
font-weight:bold;
color:#036;
text-transform:uppercase;
font: normal 80%/1.45 Arial, Helvetica, sans-serif;

}
.dati td{
text-align:left;
padding-right:1em;
padding-bottom:0.5em;
padding-top:0.5em;
padding-left:1em;
text-align:right;
width:170px;

}

.dati tr.odd td,tr.odd th{
background: #ddd
}
.dati caption{
color: #369;
text-transform:uppercase;
text-align:left;
font: bold 80%/1.45  Arial, Helvetica, sans-serif; 
padding-top: 1.5em;
}

.dati input{
color: #000;
padding-right:1em;
border: 1px solid #ccc;
padding-left:1em;
background:#fff;
margin:0;
}

.dati label{
font-weight:bold;
color: #036;
text-align:left;
font: normal 80%/1.45  Arial, Helvetica, sans-serif ; 
padding-top: 1.5em;
}


/*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;

}


.note {
text-align:left;
font: normal 0.7em Arial, sans-serif;
color:#333;
margin-top: 1em;
line-height: 18px;
}


div.grid2 div{
float:left;
width:250px;
padding:0;
margin:0;
}



/*nuovo layout*/


div#altridati

{
float:left;
width:420px;
padding: 0;
margin-top:1em;
}



#icone {
float:left;
padding: 0;
width:150px;
margin-left:0.5em;
margin-top:1em;
}
#icone img {

}


/*sati tabella giornalieri*/

.altridati table{

width:420px;
padding:0;
text-align:center;
border-collapse:collapse;
}

.altridati tr{
border-collapse:collapse;
}

.altridati th{
width:240px;
padding-right:0.5em;
padding-bottom:1em;
padding-top:1em;
padding-left:0.5em;
text-align:right;
color:#036;
text-transform:uppercase;
font: bold 75%/1.45 Arial, Helvetica, sans-serif;
background:#eee;}


.altridati td {
text-align:right;
padding-right:1em;
padding-bottom:1em;
padding-top:1em;
padding-left:0.5em;
width:170px;
font: normal 80%/1.45 Arial, Helvetica, sans-serif;
background:#eee;

}

.altridati tr.odd td,tr.odd th{
background: #ddd
}
.altridati caption{
color: #369;
text-transform:uppercase;
text-align:left;
font: bold 80%/1.45  Arial, Helvetica, sans-serif; 
padding-top: 1em;
padding-bottom:1em;
}

.altridati input{
color: #000;
padding-right:0.5em;
padding-left:0.5em;
border:#ccc 1px solid; 
background-color:rgb(255,255,255);
margin:0;
}

.altridati label{
font-weight:bold;
color: #036;
text-align:left;
font: normal 80%/1.45  Arial, Helvetica, sans-serif ; 
padding-top: 1.5em;
}

.clear{
clear:both;
}