/*foglio CSS per pagine benzina--------------------------------*/


html {
height: 100%;
}

body {
background-color: #333366;
/*background-image:url(../_file-IMM/sfondoIndex-01.jpg);*/
background-position:left;
background-repeat:repeat-y;
text-align: center;
margin: 0px;
padding: 0px;
height: 100%;

}
#box {
background-color: #333366;
/*background-image: url(sfondo.gif);*/
text-align: left;
width: 813px;
height:auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto; 
height: 100%; 
}

#top {
/*background-color: #000066;
background-image: url(sfondo.gif);*/

}

#barretta {
background-color: #3028a5;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
border-top: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
padding-left: 1px;
padding-top: 2px;
padding-bottom: 2px;

}
#barretta a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #3028a5;
margin-right: 2px; 
}
#barretta a:hover {
color: #000000;
background-color: #FFFF66;
text-decoration: none;
}
#left {
background-color: #3028a5;
font-family: Arial, Helvetica, sans-serif;
color:#FFFF00;
font-size: 12px;
float: left;
width: 173px; /*era 130*/
height: 100%;
margin: 0px;
}
#middle {
/*background-color: #CCCCCC;*/
font-family: Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size: 12px;
width: 813px;
float: left;
height: 100%;
margin: 0px;
}
#middleChi {
/*background-color: #CCCCCC;*/
font-family: Arial, Helvetica, sans-serif;
color:#CCCCCC;
background-image:url(../_file-IMM/chiSiamoCr.png);
background-attachment:fixed;
background-position:  top right;
background-repeat:no-repeat;
font-size: 12px;
width: 813px;
float: left;
height: 100%;
margin: 0px;
}


#right {
background-color: #3028a5;
font-family: Arial, Helvetica, sans-serif;
color:#FFFF00;
float: left;
width: 130px; 
height: 100%;
margin: 0px;
}

/*fine struttura generale-----------------------------------------------*/

.homepage {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
background-color: #CCCCCC;
padding-left: 1px;
border-bottom: 1px solid #000000;
}
.menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
background-color: #FFFFFF;
}
.menuIT {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
background-color: #FFFFFF;
}
.menuGB {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
background-color: #FFFFFF;
}

.menu a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #6699FF;
display: block;
width: auto;
border-bottom: 1px solid #000000;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
border-top: 1px solid #FFFFFF;
padding: 1px;
}


.menu a:hover {
background-color: #FFFF66;
}
.preferiti {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
background-color: #a0bcd9;
padding: 5px 1px 1px 1px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
line-height: 1.5em;
}
.testopref {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #21528e;
padding: 2px 1px 2px 1px;
}
#ricerca {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #21528e;
text-align: center;
margin: 0px;
width: auto;
padding-top: 2px;
padding-bottom: 5px;
}

#ricerca img {
vertical-align: middle;
}
form {
margin: 0px;
padding: 0px;
}
input {
vertical-align: middle;
}
#pillola {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #000000;
padding: 5px 3px 5px 3px;
background-color: #acd0e6;
}
.classpill {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #0000FF;
}
#contenuto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
width: 490px;
margin-right: 9px;
margin-left: 9px;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #cccccc;
border:4px;
border-color: #999999;
border-style:outset;
font-size:16px;
font-weight:bold;
}
#contenuto img {
float: right;
margin-left: 3px;
}
#articoli {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
width: 490px;
margin-right: 9px;
margin-left: 9px;
margin-top: 15px;
}
#articoli img {
float: left;
margin-right: 5px;
border: 1px solid #000000;
}
.titoletto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0000FF;
font-weight: bold;
}
.descrizione {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
}
/*per form---------------*/
form {
    /*background-color:#CCCCCC;*/
    color:#cccccc;
		
	/*left:50%;*/
	width:509px;

}
.imput{
    background-color:#FFFFCC;
	border-width: 4px;
	border-color:#999999;
	border-style:outset;
	

}
.testoarea{
    background-color:#FFFFCC;
	border-width: 4px;
	border-color:#999999;
	border-style:outset;

}

label{
    display:block;
	float:left;
    width:150px;
	margin-left:20px;

}


h2{
font-size:18px;
font-weight:bold;

}

h3{
border:6px;
background-color: #FFFFCC;
border-color: #999999;
font-size:18px;
font-weight:bold;

}