/****************
GENERALI
****************/

body, html {
	height: 100%;
	width: 100%;
	min-width: 980px;
	padding: 0;
	margin: 0;
	border: 0;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #FFF url(images/sfondo.png) repeat-x;	
	text-align: center /*** Centers the design in old IE versions ***/
}

body {
	font-size: 11px;
}

p {padding: 0 5px; margin: 5px}

a, a:visited { color: #B61F2A; text-decoration: none; font-weight: bold;}

a:hover {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

img {padding: 5px; border: 0;}

#container {
	position: relative;
	text-align: center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

/**************************
HEADER
**************************/

div#header {
	text-align: left;
	font-size: 20px;
	line-height: 25px;
	color: #B61F2A;
	font-weight: bold;
	border: 1px outset #B61F2A;
	height: 120px;
	background: #C6C7C9 url(images/header.png) no-repeat center;
	padding: 0;
	margin: 0;
}

div#azienda {
	float: left;
	width: 260px;
	text-align: center;
	margin: 0 auto;
	min-height: 100%;
	padding: 0;
	z-index: 1;
}

div#titolo {
	width: 600px;
	text-align: center;
	margin: 5px auto;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	padding: 5px 0;
	position: absolute;
	z-index: 10;
	top: 30px;
	left: 50%;
	margin-left: -300px;
}

div#titolo p {
	margin: 0 auto;
}

div#concessionaria {
	font-size: 18px;
	font-weight: normal;
	float: right;
	width: 260px;
	text-align: center;
	margin: 5px auto 0;
	min-height: 100%;
	padding: 0;
	z-index: 1;
}

div#azienda img, div#concessionaria img {
	margin: 5px auto 0;
}

div#sottotitolo {
	width: 600px;
	padding:  20px 0 0;
	margin: 0 auto;
	color: #000;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	z-index: 10;
	top: 70px;
	left: 50%;
	margin-left: -300px;
}

#menu {
	text-align: left;
	font-size: 10px;
	margin: 0;
	padding: 5px;
	color: #C6C7C9;
	background: #B61F2A;
}

#menu li {
	list-style: none;
	display: inline;
}

#menu li a {
	padding: 5px;
	text-decoration: none;
	color: #C6C7C9;
}

#menu li a:hover {
	padding: 5px;
	color: #FFFF99;
}

body#home li#mhome a, body#azienda li#mazienda a, body#macchine li#mmacchine a, body#prodotti li#mprodotti a, body#ricambi li#mricambi a, body#assistenza li#massistenza a, body#usato li#musato a, body#contatti li#mcontatti a { 
	color: #FFFF99;
}

/**************************
CONTENUTO
**************************/

div#content {
	width: 100%;
	font-size: 11px;
	line-height: 20px;
	text-align: left;
	padding: 5px 0 70px;
	margin: 0;
}

div#sidebar {
	float: left;
	width: 230px;
	height: 100%;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	padding: 0 5px; /*removes indent Mozilla and NN7*/
	margin: 10px;
	border: 1px outset #B61F2A;
}

div#sidebar ul {
	list-style-type: square;
	padding: 5px 8px;
	margin: 5px;
}

div#sidebar ul li {
	display: list-item;
	color: #B61F2A;
}

div#sidebar ul li a {
	color: #333;
}

div#sidebar ul li  a:hover {
	color: #B61F2A;
}

div#sidebar ul li.vuoto {
	padding: -5px 0;
	margin: -5px 0;
	list-style-type: none;
}

ul.submenu {
	padding: 0;
	margin: 0;
}

div#sidebar ul li, ul.submenu li {
	margin: 0 5px; 
}	

body#trattori li#mtrattori a, body#fienagione li#mfienagione a, body#falciacondizionatrici ul.submenu li#mfalciacondizionatrici a, body#barrefalcianti ul.submenu li#mbarrefalcianti a, body#presse ul.submenu li#mpresse a, 
body#ranghinatori ul.submenu li#mranghinatori a, body#seminatrici li#mseminatrici a, body#spandiconcime li#mspandiconcime a,
body#carrimiscelatori li#mcarrimiscelatori a, body#trinciapaglia li#mtrinciapaglia a { 
	color: #B61F2A;
}

div#corpo {
	font-size: 11px;
	line-height: 20px;
	text-align: left;
	padding: 0 auto 60px;
	margin: 0 10px 0px 20px;
}

div#main {
	font-size: 11px;
	line-height: 20px;
	text-align: left;
	padding: 0 auto 60px;
	margin: 0 10px 0px 270px;
}

div#zoom {
	float: right;
	margin: 15px 25px 0 20px;
	padding: 5px 15px 5px 30px;
}

div#zoom img {display:block;width:300px;height:225px;padding: 5px;border: 1px solid #C6C7C9;}

div#mini {
	margin: 15px 15px 0px;
}

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

div#mini li a {float:left;border:1px solid #C6C7C9;margin:5px;padding: 3px}

div#mini li a:hover {
	border-color: #B61F2A;
}

/**************************
FOOTER
**************************/

#clearfooter{clear:both;} /*necessario per fare spazio a pič di pagina*/

#footer {
	clear: both;
	text-align: center;
	color: #FFF;
	font-size: 10px;
	padding: 0;
	margin: 0; 
	position: absolute;
	bottom: 0px;
	left: 0px; 
	width: 100%;
}

#footer p {
	padding: 3px 0; 
	margin: 0 10px; 
	border: 0;
	color: #000; 
	text-align: right;
}

#footer div{
	background: #B61F2A;
	padding: 5px 0; 
	margin: 0; 
	line-height: 16px;
}

#footer a, #footer a:visited {color: #000;}

#footer p a, #footer p a:visited {color: #B61F2A;}

#footer a:hover {color: #C6C7C9;}

/**************************
INDEX
**************************/

div#index {
	width: 90%;
	height: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 5px auto 70px;
}

div#index p { 
	position: absolute;
	top: 40%;
	left: 50%;
	width: 800px;
	height: 300px;
	margin-left: -400px;
	margin-top: -150px;
	text-align: center;
} 

div#index a, div#index a:visited , div#index a:hover{
	color: #B61F2A;
}

/**************************
HOME PAGE
**************************/

div#home {
	text-align: center;
	margin: 0 auto;
	width: 820px;
}

div#eventi, div#offerte {
	width: 340px;
	float: left;
	margin: 10px 30px;
	padding: 0;
	text-align: left;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
	background-color: #FFF;
	border: 1px outset #FFF;
	border-left-color: #CCC;
	border-top-color: #CCC;
}

div#eventi h3, div#offerte h3 {
	text-align: center;
	margin: 5px auto;
}

div#eventi p, div#offerte p {
	padding: 5px;
	margin: 0 5px;
}

div#eventi li {
	margin: 0 0 0 20px;
}

div#eventi img {margin: 5px}

ul.offerte, ul.offerte li {
	list-style: none;
	margin: 0;
	padding: 0 5px;
}

ul.offerte li {
	padding: 5px 0 5px 16px;
	line-height: 16px;
	background: url(images/Bullet.gif) no-repeat 0 8px;
	margin: -5px 0 0;
}

/**************************
PRODOTTI
**************************/

div.prodotti {
	width: 90%;
	margin: 5px 10px;
	padding: 5px auto;
	border: 1px outset #B61F2A;
	text-align: center;
}

div#main a.prodotti {
	padding: 0;
	margin: 0;
	line-height: 0;
}

.prodotti img {
	padding: 10px;
}

/**************************
LINK ESTERNI
**************************/

#link {
	background: #C6C7C9;
	text-align: left;
	font-size: 10px;
	color: #000;
	width: 100%;
}

#link img {
	text-align: left;
	vertical-align: middle;	
}

#link p#link_image {
	float: left;
	padding: 0;
	margin: 0;
}

#link p {
	padding: 20px 160px;
}

#link div a {
	color: #B61F2A;
	text-decoration: none;
	font-weight: bold;
}

#link div a:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

div#sidebar ul li a.attivo { 
	color: #B61F2A;
}