/* General
-----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table {
	margin: 1em 0;
	}

.clear {
	clear:both;
	}

img {
	border: 0;
	}

	
/* Link
-----------------------------------------------------------------------------*/
a {
	color:#FF0000;
	}
	
a:hover {
	color:#3C76B6;
	text-decoration:none;
	}


/* Typography
-----------------------------------------------------------------------------*/
body {
	font: 62.5% Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #3E3E3E; 
	text-align: center; 
	background: #E1DDCD url(images/bkg_body.gif) repeat-x;
	}
	
#content p, #content li, #contentmap p {
	font-size: 1.2em;
	line-height:1.5em;
	}

	
#columnsx p, #columnsx  li {
	font-size: 1.1em;
	line-height:1.4em;
	}
	
#content ul, #content ol { 
	line-height: 1.4em; 
	list-style: none; 
	}

#content ul li, #content ol li {
	background: url(images/bull_quad_s.gif) 0 7px no-repeat; 
	margin-left: 10px; 
	padding-left: 14px; 
	margin-bottom:5px;
	}

#content ul li strong span, #content ol li strong span { color: #5F7387; }

.convenzioni {padding-left:30px;}

/* Headings
-----------------------------------------------------------------------------*/
h1 {
	font-size: 2.2em;
	color:#4983C3;
	border-bottom: 1px solid #FFF;
	background: url(images/bkg_h1.jpg) repeat-x;
	font-weight: bold;
	padding-bottom:3px;
	}

h2 {
	font-size: 1.6em;
	font-weight: bold;
	color:#8C7E60;
	}

h3 {
	font-size: 1.6em;
	font-weight: bold;
	color:#8C7E60;
	}
	
h1.blu {
	font-size: 1.6em;
	color:#4983C3;
	}

h4 {
	font-size: 1.3em;
	color:#666;
	border-bottom: 1px solid #FFF;
	background: url(images/bkg_h1.jpg) repeat-x;
	font-weight: bold;
	padding-bottom:3px;
	margin-top:30px;
	}

#content h2 {
	border-bottom: 1px solid #FFF;
	background: url(images/bkg_h1.jpg) repeat-x;
	font-weight: bold;
	padding-bottom:3px;
	margin-top:30px;
}

#content h5 {color:#444; font-size:1.3em; }

/* Header
-----------------------------------------------------------------------------*/
#header {
	padding: 20px 0px 0px 0px;
	height: 316px;
	he\ight: 296px; 
	position: relative;
	}
	
#logo {
	position: absolute;
	left: 0px;
	top: 30px;
	z-index: 100;
	width: 230px;
	height: 52px;
	}
	
#pageoptions {
	display: block;
	position: relative;
	top: 25px;
	left: 0px;
	float: none;
	height: 60px;
	margin-left: 179px;
	}

#pageoptionsinner {
	height: 60px;
	}

#pageoptions p {
	position: relative;
	width: 70px;
	font-size: 0.9em;
	float: right;
	margin: 0.5em 0;
	}	

#pageoptions p a {
	display: block;
	height: 10px;
	padding-left:20px;
	color: #7D7056;
	text-decoration: none;
	line-height: 10px;
	text-align: left;
	}

#pageoptions p a:hover {color:#FFED25;}

#pageoptions ul {
	clear: both;
	display: block;
	margin-right: 0px;
	padding-top: 0.5em;
	font-size: 1.1em;
	text-align: right;
	text-transform: uppercase;
	font-weight:bold;
	}

#pageoptions li {
	display: inline;
	margin-right: 1em;
	border-right: 1px solid #E1C58C;
	padding-right: 1em;
	}

#pageoptions li.last {
	margin-right: 0;
	border-right: 0 none #E1C58C;
	padding-right: 0;
	}

#pageoptions li a {
	color: #7D7056;
	text-decoration: none;
	}

#pageoptions li a:hover, #pageoptions li.on {
	background-color: #E6E0C0;
    border-bottom: 1px solid #CABC78;
	color: #3F382C;
	border-bottom-width: 1px;
	}

#pageoptions li.on a:hover {
	cursor: default;
	text-decoration: none;
	}

/* Visual
-----------------------------------------------------------------------------*/
.visualhome { background: url(images/visual_home8.jpg) no-repeat 0 136px; }
.visualazienda { background: url(images/visual_azienda.jpg) no-repeat 0 136px; }
.visualpdv { background: url(images/visual_pdv3.jpg) no-repeat 0 136px; }
.visualservizi { background: url(images/visual_servizi.jpg) no-repeat 0 136px; }
.visualprodotti { background: url(images/visual_prodotti2.jpg) no-repeat 0 136px; }
.visualconvenzioni { background: url(images/visual_convenzioni.jpg) no-repeat 0 136px; }
.visualpromozioni { background: url(images/visual_promo4.jpg) no-repeat 0 136px; }
.visualnews { background: url(images/visual_news2.jpg) no-repeat 0 136px; }
.visualpreventivo { background: url(images/visual_preventivo.jpg) no-repeat 0 136px; }
.visualconsigli { background: url(images/visual_consigli.jpg) no-repeat 0 136px; }
.visualreamic { background: url(images/visual_reamic.jpg) no-repeat 0 136px; }
.visualrevisione { background: url(images/visual_revisione.jpg) no-repeat 0 136px; }


/* Barra Nav
-----------------------------------------------------------------------------*/
#barranav { 
	width: 760px; 
	height: 39px; 
	position: absolute;
	left: 0px;
	bottom: 182px;
	list-style: none; 
	font-size: 1.2em; 
	text-align: center;
	}

#barranav li {
	float: left;
	width: 94px; 
	height: 39px;
	margin-left: 1px; 
	display: inline;
	}

#barranav li a {
	float: left; 
	width: 94px; 
	height: 39px; 
	he\ight: 29px;
	padding-top: 10px; 
	background: url(images/navli.gif) 0 3px repeat-x; 
	color: #fff; 
	text-decoration: none;
	}

#barranav li a:hover, #barranav li a:active, li#current a { background: url(images/navliover.gif) 0 3px no-repeat; }

#current a {font-weight: bold; background: url(images/navliover.gif) 0 3px no-repeat;  }


/* Footer
-----------------------------------------------------------------------------*/
#base {
	background-color:#6C5F4A;
	padding: 10px 0px;
	border-top:1px solid #FFF;
	}

.indirizzo {
	width:760px;
	margin:0 auto;
	}
	
.left {	
	float:left; 
	width: 49%; 
	text-align: left;
	font-size:1.1em; 
	color:#E0DBD2;	
	letter-spacing: 0.1em;
	}

.right {
	float:right;
	width: 49%;
	text-align: right;
	font-size:1em;
	color:#E0DBD2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	}

#base a {color:#CCA466}

a.email {
	padding-right:19px;
	background:url(images/ico_mail.gif) 100% 50% no-repeat;
	height:0;
	vertical-align:bottom;
	}

.thumbnail {
	float: left;
	margin: 7px 4px 15px 5px;
	text-align:center;
	padding: 0px;
	width: 112px;
	font-size:1.2em;
	}
.dida {	font-size:x-small;}
#loghi {
	clear:both;
	padding: 10px 0px 10px 0px;
	font-size:86%;
	color:#C0C0C0;
	height:50px;
	text-align:center;
	background-color:#F5F5EF;
	border:5px solid #FFF;
	margin-bottom:20px;
	margin-top:20px;
	}


/* Layout
================================= */
#wrapper {
	width: 760px; 
	margin: 0 auto; 
	text-align: left; 
	}

#content {
	width: 570px;
	float: right;
	background-color:#F5F5EF;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border: 5px solid #FFF;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:520px;
	}

html>body #content {
  width:520px;
	} 

#contentmap {
	width: 570px;
	float: right;
	background-color:#FFF;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border: 5px solid #F5F5EF;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:520px;
	}

html>body #contentmap {
  width:520px;
	} 

#columnsx { 
	width: 180px; 
	float: left; 
	margin-top: 20px;
	} 

#footer {
	clear: both;
	} 

/* Boxsx
-----------------------------------------------------------------------------*/
.box, .boxpromo, .boxmeteo, .boxreamic, .boxrevisione {
	border: 5px solid #FFF;
	margin-bottom: 10px;
	}

.boxcontent2 {
	border-top: 5px solid #FFF;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	}
	 
.box {background-color:#DDDDC7;}
.boxpromo {background-color:#F3E9D4;}
.boxmeteo {background-color:#E8EEF7;}
.boxreamic {background-color:#EDE5BC;}
.boxcontent2 {background-color:#E6E3DB;}
.boxrevisione {background-color:#D4EFF7;}


.boxcontent {
}

.box h2, .boxpromo h2, .boxmeteo h2, .boxreamic h2, .boxrevisione h2, #navigationpdv h2, .boxcontent h2, #navigationprodotti h2 {
	margin:0;
	font-size:1.1em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 7px 6px 7px;
	}
.box h2 {background-color:#B3AB79; color:#FAF7EB;	border-bottom:4px solid #AAA169;}
.boxpromo h2 {background-color:#DAB770; color:#FAF7EB;	border-bottom:4px solid #D5AD5C;}
.boxmeteo h2 {background-color:#4983C3; color:#FAF7EB;	border-bottom:4px solid #3C76B7;}
.boxreamic h2 {background-color:#FF9900; color:#FAF4EB;	border-bottom:4px solid #E68A00;}
.boxrevisione h2 {background-color:#009DDA; color:#FAF4EB;	border-bottom:4px solid #0A779E;}

#navigationpdv h2 {background-color:#4983C3; color:#FAF7EB;	border-bottom:4px solid #3C76B6;}
#navigationprodotti h2 {background-color:#AAA169; color:#FAF7EB;	border-bottom:4px solid #9F965A;}
.boxcontent2 h2 {background-color:#9A8B6C; color:#FAF7EB; border-bottom:4px solid #7D7056;}

.box p, .boxpromo p, .boxmeteo p, .boxreamic p, .boxcontent p, .boxrevisione p {padding: 0px 5px 0px 12px;}

#content .boxcontent p {font-size:1.3em;}
#content .boxcontent a {font-size:0.9em;}

.box a, .boxpromo a, .boxmeteo a, .boxreamic a.entra, a.vai, .boxrevisione a.entra {
	text-decoration:none; 
	background:url(images/arrow_box.gif) 0 50%  no-repeat;
	height:0;
	vertical-align:baseline;
	padding-left:15px
	}

.box a:hover, .boxpromo a:hover, .boxmeteo a:hover, .boxreamic a:hover, .boxrevisione a:hover {text-decoration:underline;}

a.indietro {
	padding-left:20px;
	background:url(images/arrow_back.gif) 0% 50% no-repeat;
	height:0;
	vertical-align:bottom;
	}

.titmap {margin-left:20px; margin-top:20px; font-weight:bold; color:#4983C3;}

a.emailpdv {
	padding-left:20px;
	background:url(images/ico_mailpdv.gif) 0% 50% no-repeat;
	height:0;
	vertical-align:bottom;
	}

a.mappdv {
	padding-left:20px;
	background:url(images/ico_mappdv.gif) 0% 50% no-repeat;
	height:0;
	vertical-align:bottom;
	}

a.directionspdv {
	padding-left:20px;
	background:url(images/ico_directionspdv.gif) 0% 50% no-repeat;
	height:0;
	vertical-align:bottom;
	}

p.phonepdv {
	padding-left:20px;
	background:url(images/ico_phonepdv.gif) 0% 50% no-repeat;
	vertical-align:bottom;
	margin-left:12px;
	margin-bottom:-10px;
	}

p.faxpdv {
	padding-left:20px;
	background:url(images/ico_faxpdv.gif) 0% 50% no-repeat;
	vertical-align:bottom;
	margin-left:12px;
	}

.totem {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #666;
	padding: 2px;
	}


.spazioalto {margin-top:20px;}

/* Navigation PDV
-----------------------------------------------------------------------------*/
#navigationpdv, #navigationprodotti {
	border: 5px solid #FFF;
	font-size: 11px;
	margin-bottom:10px;
	
	}
	
#navigationpdv ul, #navigationprodotti ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#navigationpdv li {
	border-bottom: 1px solid #B5CBE3;
	}
	
#navigationpdv li a:link, #navigationpdv li a:visited  {
	display: block;
	padding: 4px 2px 4px 12px;
	border-right: 1px solid #3C76B6;
	background-color: #72A0D1;
	color: #FFFFFF;
	text-decoration: none;
	}

#navigationpdv li a:hover, #navigationpdv li#currentpdv a, #navigationpdv li#currentpdv a:active   {
	background-color: #98BADD;
	color: #3C76B6;
	}
	
#navigationprodotti li {
	border-bottom: 1px solid #AAA269;
	}
	
#navigationprodotti li a:link, #navigationprodotti li a:visited  {
	display: block;
	padding: 4px 2px 4px 12px;
	border-right: 1px solid #9F965A;
	background-color: #BCB58A;
	color: #FFFFFF;
	text-decoration: none;
	}

#navigationprodotti li a:hover, #navigationprodotti li#currentprodotti a , #navigationprodotti li#currentprodotti a:active   {
	background-color: #CFCAAA;
	color: #8F8751;
	}
	
/* Form
-----------------------------------------------------------------------------*/
input {
	font-family: arial,tahoma,verdana,sans-serif;
	margin: 2px 0;
	}
	
fieldset {border: none}
label {display:block; padding: 5px 0}
label br {clear:left}

input.f-submit {
	padding: 1px 3px;
	background:#7D7056;
	color:#fff;
	font-weight:bold;
	}
	
form.f-wrap-1 {
	width:100%;
	padding: .5em 0;
	background: #F5F5EF;
	position:relative;
	}

form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 126% arial;color:#c00}
form.f-wrap-1 h4 {margin:0 0 .6em;font: bold 126% arial; color:#7B6E54;}

form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff; font-size:120%;}

/* hide from IE mac \*/
form.f-wrap-1 label {float:none}
/* end hiding from IE5 mac */

form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}

form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1em;left:-.4em;width:.3em;height:.3em}
form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
form.f-wrap-1 div.req b {color:#c00;font-size:140%}
form.f-wrap-1 label select {width: 20em}
form.f-wrap-1 label textarea.f-comments {width: 20em}
form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}

form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:23em;border:none;margin:0;padding:2px 0;margin-right:-3px}
form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}

form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}

.errormsg {
	background-color:#E0FD63;
	padding:5px;
	color:#E60000;
	font-weight:bold;
	font-size:12px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.certificazioni {
	margin-bottom: 0px;
	clear:both;
	}
	
.headshot {
	display: inline;
	float: left;
	margin: 0px 0.5em 0.5em 0px;
	}
	
p.certificazioni a {
	clear: right;
	margin-top:3px;
	}

.testocert {
	display: block;
	color: #5C6F90;
	}
	
.small {margin-left:8px;}

.newspromo {color:#333;padding: 15px 20px 5px;margin: 0 0 1.1em;background: #EBEBE0 url(images/bkg_news.gif) no-repeat right bottom;border: 1px solid #FFF;  }
.newspromo p {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
.newspromo p {border:none;margin: 0 0 1em;color:#444}
.newspromo a {font-weight:normal}
.newspromo ul {padding: 5px 0 0;}

.pneusoft {float:left;color:#333;padding: 8px 20px 8px;margin: 0 0 1.1em;background: #EBEBE0 url(images/bgk-box-pneusoft.gif) repeat-x right bottom;border: 3px solid #FFF; width:471px }
.pneusoft img {float:left}
.pneusoft p {float:right; width:220px; margin: 20px 10px; font-size:1.2em; color:#71644A; font-weight:bold; }
.pneusoft p a {text-decoration:none; color:#71644A;background: url(images/arrow-go-pneusoft.gif) no-repeat right bottom; padding: 3px 20px 3px 0}
.pneusoft p a:hover {text-decoration:underline; color:#FC3130}
/* TABLES */
	.table1 {border: 1px solid #CC0000;border-collapse:collapse;width:100%}
		.table1 td {background: #fff;padding:6px;border: 1px solid #fff}
		.table1 th {text-align:left;border: 1px solid #fff}
		.table1 thead th {color:#fff;font-size:125%;background-color: #CC0000; padding: 2px 6px}
		.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
		.table1 tbody .sub {font-size:120%;color:#616161;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 1px 6px}



form .blue {color:#4983C3; font-weight:bold;}

.privacy  {font-size:1.1em;}

.rosso {
	color: #CC3300;
	font-weight:bold;
}

.table2 td {padding-left:8px; padding-right:8px}