html,body{ margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #333;}

body {
	background-image: url(util/bg.jpg);
	scrollbar-face-color: #FFF; scrollbar-highlight-color: #FFF; 
	scrollbar-shadow-color: #CCC; scrollbar-arrow-color: #14B4AB; 
	scrollbar-darkshadow-color: #0B7A74; scrollbar-base-color: #CCC;
}

.main {width: 986px; border: 1px solid #CCC; background-color: #FFF; background-repeat: repeat-y;}
.small {font-size: 7pt; color: #8B0000;}
.small a {color: #8B0000; text-decoration: underline;}
.small a:hover {color: #000080; text-decoration: none;}
#contenuto_flash {width: 986px; height: 545px; border: 1px solid #CCC; text-align: center;}
	
/* TOP ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.contact {font-weight: bold; font-size: 7pt; color: #FFF; padding: 15px; text-align: left;}
.contact a{ color: White; text-decoration: none;}
.contact a:hover{ color: #FFFF00; text-decoration: underline;}

/* CONTENUTI DI SINISTRA ------------------------------------------------------------------------------------------------------------------------------------------- */

#sx {background-color: transparent; width: 200px; height: 100%; margin-top: 0px;}

#sx .title {margin: 33px 0px 0px 50px; width: 150px; height: 18px; vertical-align: middle; background-color: #FFF; font-variant: small-caps; font-weight: bold; color: #B80000;}
#sx .title a {display: block; text-decoration:none; border: 1px solid #CCCCCC; background:#FFFFFF; color: #B80000;}
#sx .title a:hover {text-decoration:none; border: 1px solid #824013; background: #824013; color:#FFFFFF;}

#sx .menu {margin-left: 50px; font-weight: bold; font-size: 76%;}
#sx .menu a {color: #666666; text-decoration: none; display: block; padding: 1px 2px; background-color: #FFF; border-bottom: 1px solid #CCCCCC;}
#sx .menu a:hover {color: #333333; background-color: #E3E3E3;}


#sx .menu2 a {color: #8B0000; text-decoration: none; display: block; padding: 1px 2px; background-color: #FFF; border-bottom: 1px solid #CCCCCC;}
#sx .menu2 a:hover {color: #333333; background-color: #E3E3E3;}

/* CONTENUTI CENTRALI -----------------------------------------------------------------------------------------------------------------------------------------------*/

#middle {background-color: transparent; width: 606px; height: 100%;}
#middle h6 { font-size: 1.1em; font-weight: bold; margin: 1px 0px; color: #6A9733;}
#middle span { font-size: 1em; font-weight: bold; color: #8B0000;}
#middle span a {text-decoration: none; color: #8B0000;}
#middle span a:hover {text-decoration: underline; color: #FF0000;}

#middle .brcr {background-color: transparent; width: 606px; height: 33px; font-size: 7pt; color: #824013;}
#middle .brcr a {color: #298824; text-decoration: underline;}
#middle .brcr a:hover{color: #FF0000; text-decoration: none;}
#middle .menu1 {margin: 0px 8px 4px 10px; width: 575px; height: 18px; padding: 0 6px; background-color: #298824; font-weight: bold; color: #FFF; }
#middle .menu1 span {float: left; display: block; font-variant: small-caps; color: #FFFF00; background-color: #298824; font-size: 1em;}
#middle .menu1 a {float: left; font-style: italic; display: block; font-size: 0.8em; height: 16px; vertical-align: middle; text-decoration:none; padding: 0 6px; border: 1px solid #298824; background:#298824; color: #FFF;}
#middle .menu1 a:hover {float: left; text-decoration: none; border: 1px solid #298824; background: #FFFFFF; color: #298824; font-style: italic;}

#middle .box {width: 400px; margin: 10px 4px 4px 10px;}
#middle .box_ecosportello {width: 585px; margin: 10px 4px 4px 10px;}
#middle .content {border:1px solid #CCCCCC; padding:4px; font-size: 76%; line-height: 1.2em;}
#middle .content a {color: #B80000; text-decoration: underline;}
#middle .content a:hover {color: #FF0000; text-decoration: underline;}
#middle .content ul{margin: 5px; padding: 0px 10px}
#middle .content ul li {list-style-type: disc; list-style-position: outside; margin: 0px; padding: 0px;}

#middle .boxdx {width: 170px; margin: 4px 10px 4px 0px; float: right;}
#middle .boxsx {width: 160px; margin: 4px; float: left;}
#middle .boxevidenza {width: 390px; height:100%; margin: 4px 4px 4px 10px; float: left;}
#middle .contentsx {padding:4px; font-size: 76%; line-height: 1,2em; overflow:auto;}
#middle .contentsx a {color: #B80000; text-decoration: underline;}
#middle .contentsx a:hover {color: #FF0000; text-decoration: underline;}
#middle .contentdx {padding:4px; font-size: 76%; line-height: 1,2em;}
#middle .contentdx a {color: #B80000; text-decoration: underline;}
#middle .contentdx a:hover {color: #FF0000; text-decoration: underline;}

#middle .boxrif {width: 585px; margin: 10px 4px 4px 10px;}
#middle .content img {float: left; margin-right: 8px;} 

/* CONTENUTI DI DESTRA ---------------------------------------------------------------------------------------------------------------------------------------------*/

#dx {background-color: transparent; margin-top: 33px; width: 180px; height: 100%; text-align: left;}
#dx hr {color: #333333; height: 1px; margin: 1px 0px; border-style: dotted;}

#dx .title {margin: 0px 4px 0px 2px; width: 170px; height: 18px; vertical-align: middle; background-color: #FFF; font-variant: small-caps; font-weight: bold; color: #B80000;}
#dx .title a {display: block; text-decoration:none; border: 1px solid #CCCCCC; background:#FFFFFF; color: #B80000;}
#dx .title a:hover {text-decoration:none; border: 1px solid #649EE0; background: #649EE0; color:#FFFFFF;}

#dx .box {width: 170px; margin: 4px 0px;}
#dx .content {padding:4px; font-size: 0.8em; line-height: 1em; color: navy;}

#dx .content a {color: #8B0000;}
#dx .content a:hover {color: #FF0000; text-decoration: none;}
#dx .content a:visited {color: #800080;}

/* BOTTOM --------------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer{color: #FFF; font-weight: bold; font-size: 8pt; text-align: center; width: 986px; height: 32px; background-repeat: no-repeat; background-image: url(immagini/bottom.gif);}
#footer a{color: #FFF; text-decoration: none;}
#footer a:hover{color: #FFFF00; text-decoration: none;}

hr{color: #CCCCCC; height: 1px; margin: 1px 0px;}

/* FORM --------------------------------------------------------------------------------------------------------------------------------------------------------- */ 
input.button{
    font-size : xx-small;
    font-family : Verdana, Arial, Helvetica, sans-serif;        
	color : #FFFFFF;   
    background-color : #298824;
    width : 70px;
    border: 1px solid #FFF;
}
input.field{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    border: 1px solid #298824;
	padding: 2px;
}
textarea.field{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
    border: 1px solid #298824;
	padding: 2px;
}

/* tabella tariffe ----------------------------------------------------------------------------------------------------------------------------------------------------------- */
#tabella_tariffe {
	border: 1px solid #EEE; 
	border-collapse: collapse;
	background-color: #FFF;
}

#tabella_tariffe span {
	font-size: 1em; 
	font-weight: bold; 
	color: #8B0000;
}

#tabella_tariffe span a{
	font-size: 1em; 
	font-weight: bold; 
	color: #8B0000;
}

#odd {background-color: #94C391;}

#ecosportello td {
	text-align: center;
}