body {
	margin-top: 20px;
	margin-bottom: 10px;
	background-color: #003300;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

body.home {
  background-image: url(../immagini/fiori_home.jpg);
  background-repeat: no-repeat;
}

body.allevamento {
  background-image: url(../immagini/fiori_allevamento.jpg);
  background-repeat: no-repeat;
}

body.ricette {
  background-image: url(../immagini/fiori_ricette.jpg);
  background-repeat: no-repeat;
}

body.prodotti {
  background-image: url(../immagini/fiori_prodotti.jpg);
  background-repeat: no-repeat;
}

body.contatti {
  background-image: url(../immagini/fiori_contatti.jpg);
  background-repeat: no-repeat;
}

body.lumache {
  background-image: url(../immagini/fiori_lumache.jpg);
  background-repeat: no-repeat;
}

body.olio {
  background-image: url(../immagini/fiori_olio.jpg);
  background-repeat: no-repeat;
}

body.pomodoro {
  background-image: url(../immagini/fiori_pomodoro.jpg);
  background-repeat: no-repeat;
}

table.screen{
  	width: 780px;
}

td.header {
	height: 35px;
	display: table-cell;
	vertical-align: bottom;
}

td.bandiere {
	height: 45px;
	display: table-cell;
	vertical-align: top;
}

td.header2 {
	height: 30px;
	display: table-cell;
	vertical-align: top;
}

td.logo_titolo {
	height: 80px;
}

td.logo_descrizione {
	height: 30px;
}

a.menu_link:active,a.menu_link:visited,a.menu_link:link{
	text-decoration: none;
	display: block;
	width: 100%;
	color: #FFFFFF;
}
a.menu_link:hover{
	color: #ffcc00;
	text-decoration: overline;
}

a.testo_link:active,a.testo_link:visited,a.testo_link:link{
	text-decoration: none;
    font-weight: bold;
	color: #FFFFFF;
}
a.testo_link:hover{
	color: #ff6633;
}

div.link_principale {
	text-align: center;
	font-size: 11px;
}

div.link_selezionato {
	text-align: center;
	font-size: 11px;
	color: #ffcc00;
	text-decoration: overline;
}


hr, .hide {
	height: 1px;
	color: #ffffff;
}

hr.hr2 {
	height: 2px;
	color: #ffffcc;
}

td.testo {
	font-size: 14px;
	color: #E8EAB8;
}

td.titolo {
  height: 40px;
  font-weight: bold;
	font-size: 16px;
	letter-spacing : 5px;
	color: #ffcc33;
	vertical-align: bottom;
}

td.footer {
  vertical-align: bottom;
  height: 50px;
	font-size: 11px;
	color: #ffffff;
}

td.titolo_tabella{
  font-style: italic;
  font-size: 12px;
  color: #ffcc33;
}

table.testo_tabella{
font-size: 11px;
	color: #ffffff;
}

td.testo_map{
  font-size: 11px;
  color: #000000;
}

div.evidenziato{
  font-size: 13px;
  color: #ffcc33;
}

div.normale{
  font-size: 12px;
  color: #E8EAB8;
}

.form{
  width:260px;
  border:1px solid #FFFFFF;
  color:#FFFFFF;
  font:normal 12px Arial, Helvetica, sans-serif;
  letter-spacing:normal;word-spacing:normal;
  background:#5e5e5e
}
.mex{
  width:260px;
  height:100px;
  color:#FFFFFF;
  border:1px solid #FFFFFF;
  font:normal 12px Arial, Helvetica, sans-serif;
  letter-spacing:normal;word-spacing:normal;
  background:#5e5e5e
}

.invia{
  width:130px;
  height:30px;
  font-weight:bold;
  font-size:14px;
  color:#FFFFFF;
  background: #003300;
  border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
  text-align: center;
}

.invia:hover{
  width:130px;
  height:30px;
  font-weight:bold;
  font-size:14px;
  color:#ffcc33;
  background: #003300;
  border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
  text-align: center;
}

h5 {
  font-weight:normal;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 2px;
}
  
.testo_evidenziato{
	font-size: 16px;
	color: #ffffff;
	letter-spacing : 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.testo_evidenziato2{
	font-size: 16px;
	color: #ffffff;

}

#menu li {
  vertical-align: bottom;
  font-size: 11px;
	display: inline;
	float:left;
	text-transform: uppercase;
	color: #FFF;
	margin-right: 5px;
	margin-left: 5px;
	line-height:51px;z-index: auto;
}

#menu {
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: -15px;
}
#menu ul, #submenu ul {margin: 0; padding: 0;}

#menu ul li a {
	display:block;
	color: #FFF;
	text-decoration:none;	
}

#menu a:hover, #menu .active {
  vertical-align: bottom;
	background: url(../immagini/lumachina.gif) no-repeat center 0px;
	color: #ffcc00;
}
	

#submenu {
	float: right;
	margin-top: -3px;
	margin-right: 0px;
	z-index: 0;
}

#submenu li {
	display:inline;
	float:left;
	color: #FFF;
	margin-right: 5px;
	margin-left: 5px;
}
#submenu ul li a {
	display:block;
	color: #FFF;
	text-decoration:none;	
}

#submenu a:hover, #submenu .active{
	color: #ffcc00;
	text-decoration: none;
}