@charset "UTF-8";

/* @group service */

/* @group hack ie png fix */
img, div, * {behavior: url(stili/iepngfix.htc);}
/* @end */


*  {margin:0; padding:0;}

h1 {
	color: gray;
	text-align: center;
	font: normal normal 28px/28px "Courier New", Courier, mono;
	letter-spacing: 2px;
}

a {
	text-decoration: none;
	color: black;
}
a:hover {text-decoration: underline;color: gray;}
ul {
	list-style-type: none;
	margin: 0;
	/*margin-left: 2em;*/
}
img { margin:0; padding:0; border:0;}
a img { border:0;}
.clear {
	clear:both;
	font-family: "Trebuchet MS", Arial;
}

.right_only { float: right;}

.right { float: right;margin-right: 20px;text-align: left;
	width: 100px;
}
.left_only  {float: left; margin-left: 15px; margin-right: 15px;}
.left  {
	float: left;
	margin-left: 15px;
	margin-bottom: 20px;
	text-align: center;
	width: 100px;
}

/*.left img  {
	border: 7px solid white;
	margin-bottom: 8px;
}*/
div.line-hor-black {
	background-color: black;
	height: 1px;
}
.spacer10  {
	clear: both;
	padding-top: 10px;
}

.spacer10-ombra  {
	clear: both;
	padding-top: 10px;
	background: url(../images/ombraDx.png) no-repeat right top;
}

.spacer10-ombra-top  {
	clear: both;
	padding-top: 10px;
	background: url(../images/ombraDx-top.png) no-repeat right top;
}
.spacer20  {
	clear: both;
	padding-top: 20px;
}

.spacer30  {
	clear: both;
	padding-top: 30px;
}
input, textarea, select	{
	margin-bottom: 5px;
	color: gray;
	font: 12px/18px Verdana, Arial;
	background-color: #f6f6f6;
	border: 1px solid #dadada;
	padding-left: 6px;
	padding-right: 6px;
}
input.but	{
	font-size: 11px;
	color: black;
	background-color: #EFA300;
	border: 1px solid gray;
	font-weight: bold;
	padding: 3px;
}
/* @end */

html {
	text-align: center;
	color: #848483;
	font: 12px/20px "Trebuchet MS", Arial;
}
body {
	background: url(../images/bgglobalgray.jpg) repeat-x 0 top;
	/*background: url(../images/bgglobal.jpg) repeat-x 0 top;*/
}

body.foot {
	background: #eaeaea none repeat-x 0 top;
	padding: 20px;
}

/* @group intro */

body.intro {
	background: #ebebeb url(../images/bgintro.jpg) repeat-x center top;
}

#container.intro {
	position: relative;
	margin:0 auto;
	width: 960px;
	text-align: left;
	background-image: none;
}

#header.intro {
	position: relative;
	width: 960px;
	height: 600px;
	margin: 0 auto;
}

div#footer.intro {
	padding-top: 20px;
	clear: both;
	background: url(../images/ombra.png) no-repeat 0 10px;
	text-align: center;
	margin: 0 auto;
	width: 960px;
}

/*div#flagsintro {
	padding-top: 20px;
	clear: both;
	text-align: center;
	margin: 0 auto;
	width: 510px;
	padding-bottom: 20px;
}*/

div#flagsintro {
	position: absolute;
	top: 20px;
	right: 10px;
}

div.langintro {
	text-align: center;
	width: 80px;
	float: left;
}

div.langintro a.testo {
	color: black;
	text-decoration: none;
	font-size: 14px;
	line-height: 30px;
}

div.langintro a.testo:hover {
	color: white;
	background-color: #eda400;
	text-decoration: none;
}

/* @end */

div.tmp	{
	border: 1px	solid silver;
	width: 410px;
	margin: 0 auto;
}

#container {
	position: relative;
	margin:0 auto;
	width: 990px;
	text-align: left;
	background: url(../images/bgtrattvert.gif) repeat-y 0 370px;
}

#top {
	position: relative;
	width: 990px;
	height: 70px;
	background: url(../images/bgtopgray.jpg) repeat-x;
	/*background: url(../images/bgtop.jpg) repeat-x;*/
}

#top img {
	float: left;
}


/* @group menu top */

ul.menutop {
	position: absolute;
	top: 0px;
	right: 0;
	text-align: right;
	font: 10px/20px "Trebuchet MS", Arial;
	color: black;
	height: 20px;
	background: gray;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

ul.menutop li {
	display: inline;
}

ul.menutop li a {
	padding: 4px 5px 3px;
	color: white;
}
ul.menutop a:hover {
	color: white;
	background-color: #c00000;
	text-decoration: none;
}

/* @end */

#menu-up {
	position: relative;
	height: 20px;
	/*background: url(../images/bgmenu.jpg) repeat-x;*/
	background: url(../images/bgmenuyel.jpg) repeat-x;
}

/* @group menu up */

ul.menuup {
	height: 20px;
	position: absolute;
	top: 0px;
	right: 0;
	text-align: right;
	color: #ba7600;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial;
}

ul.menuup li {
	display: inline;
}

ul.menuup li a {
	color: black;
	padding: 0 30px;
	line-height: 20px;
	font-size: 12px;
}
ul.menuup a:hover {
	color: white;
	background-color: black;
	text-decoration: none;
}

/* @end */

#header {
	position: relative;
	width: 990px;
	height: 260px;
	background: url(../images/bgflash.jpg) repeat-x;
}

/* @group navbar */

#navbar {
	position: relative;
	width: 990px;
	height: 20px;
	color: white;
	/*background: url(../images/bgnavbar.jpg) repeat-x;*/
	background: url(../images/bgnavbaryel.jpg) repeat-x;
	font: bold 10px/20px Arial, "Trebuchet MS";
}

#navbar a {
	color: black;
	border-left: 3px solid maroon;
	padding-left: 3px;
	padding-right: 15px;
}

#navbar a:hover {
	text-decoration: none;
	border-left: 3px solid black;
	color: maroon;
}

/* @end */

#title {
	position: relative;
	height: 55px;
	background: url(../images/bgtit.jpg) repeat-x 0 top;
}
#content {
	position: relative;
	width: 990px;
	margin-bottom: 10px;
	background: url(../images/bgtit.jpg) repeat-x 0 top;
}

#col-cnt {
	position: relative;
	padding-top: 25px;
	width: 500px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 255px;
}

/* @group col-cnt */

/* @group elenco UL inserito dall'editor della gestione */
#col-cnt .indent ul {
	margin-left: 2em;
	list-style-type: disc;
	list-style-position: outside;
}

/* @end */

/* @group elenco prod */

div.elencosep {
	margin-bottom: 10px;
	margin-left: 4px;
	float: left;
	height: 240px;
	background: url(../images/bgtrattvert2.gif) center;
	width: 3px;
}

div.elenco {
	margin-bottom: 10px;
	margin-left: 4px;
	float: left;
	height: 245px;
	text-align: center;
	font-size: 11px;
	width: 156px;
	/*overflow: auto;*/
	border-bottom: 1px dotted gray;
	line-height: 15px;
}
div.elenco a {
	text-decoration: none;
}
div.elenco a:hover p {
	color: #ae0001;
	background-color: #ffb520;
}

div.elenco-macro {
	margin-bottom: 10px;
	margin-left: 4px;
	float: left;
	height: 200px;
	text-align: center;
	font-size: 11px;
	width: 235px;
	/*overflow: auto;*/
	border-bottom: 1px dotted gray;
	line-height: 15px;
}
div.elenco-macro a {
	text-decoration: none;
}
div.elenco-macro a:hover p {
	color: #ae0001;
	background-color: #ffb520;
}

/*
div.elenco a img {
	
}

div.elenco a:hover img {
}
*/

/* @end */

/* @group photogallery */

div.photogallery {
	position: relative;
	margin-bottom: 20px;
}
div.photogallery a  {
	float: left;
	border: 1px dotted gray;
	width: 120px;
	text-align: center;
	margin: 5px 10px;
	padding: 10px;
	background: url(../images/bggallery.jpg) repeat-x 0 top;
}

div.photogallery a:hover  {
	border: 1px solid #faba23;
	background-color: white;
	background-image: none;
}

div.photogallery a p  {
	text-align: center;
	font-size: 10px;
	line-height: 10px;
}

/* @end */

/* @group videogallery */

div.videogallery {
	position: relative;
	margin-bottom: 20px;
}

div.videogallery div.vid {
	
}

div.videogallery div.vid a {
	text-align: center;
	float: left;
	width: 120px;
	height: 80px;
	border: 2px solid white;
	text-decoration: none;
}

div.videogallery div.vid a:hover  {
	border-color: #faba23;
}

div.videogallery div.vid a p  {
	text-align: center;
	font-size: 10px;
	line-height: 15px;
}

/* @end */

/* @group rivenditori */

.titriv {
	position: relative;
	margin-right: 40px;
	float: right;
	font: 18px "Trebuchet MS", Arial;
	color: #d81f27;
	margin-top: 20px;
}

#col-cnt .dealers {
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px;
	border: 1px dotted silver;
}

/*
#col-cnt .dealers img.photo {
	margin-top: 7px;
}
*/

/*#col-cnt .dealers img.logo {
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
	border: 1px solid #e9e9e9;
}*/

#col-cnt .dealers img.gmap {
	float: right;
	margin-right: 15px;
	margin-top: 7px;
}

#col-cnt .dealers img.flag {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}

#col-cnt .dealers p.tit {
	font: 12px/15px Arial, Helvetica;
	color: #003a81;
	margin-bottom: 10px;
	text-transform: uppercase;
	height: 30px;
}

#col-cnt .dealers div.legenda {
	margin-top: 10px;
	width: 230px;
	margin-bottom: 10px;
	padding: 4px;
	background-color: #f4f4f4;
	border: 1px solid #dfdfdf;
}

#col-cnt .dealers div.legenda img {
	float: none;
	margin-right: 3px;
	margin-left: 3px;
	
}

/* @end */

/* @end */

#col-dx {
	float: right;
	width: 200px;
	padding-top: 70px;
}

#col-sx {
	float: left;
	width: 220px;
	background-image: url(../images/bgmenusx.gif);
}

/* @group side col */

#col-sx p {
	font-size: 14px;
	line-height: 55px;
	color: silver;
	background-color: #575757;
	padding-left: 20px;
}

#col-sx div.titprod {
	font-size: 18px;
	line-height: 68px;
	color: silver;
	height: 54px;
	background-color: #575757;
	padding-left: 20px;
	border-bottom: 1px solid gray;
	text-transform: uppercase;
}

#col-sx .flags {
	background-color: white;
	padding: 4px;
	text-align: center;
	width: 210px;
	margin: 0 auto;
	border-left: 1px dotted silver;
	border-right: 1px dotted silver;
	border-bottom: 1px dotted silver;
}

#col-sx .flags img {
	margin: 4px;
}

/* @group menu sx */

div.msxtop {
	width: 180px;
	height: 40px;
	margin-bottom: 10px;
	background: url(../images/bg.prod.jpg) repeat-x;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	color: white;
	font: bold 15px/36px Arial, "Trebuchet MS";
	text-shadow: black 0 0 6px;
}

div.msxbtm {
	height: 30px;
	background: white url(../images/bgmenusxbtm.jpg) repeat-x;
}


ul.menusx  {
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}
ul.menusx li {
	list-style: none;
}
ul.menusx li a {
	background: url(../images/ico_menusx.png) no-repeat 3px center;
	padding-left: 10px;
	display: block;
	color: white;
	padding-top: 3px;
	border-bottom: 1px dotted silver;
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 3px;
}

ul.menusx li a:hover {
	background-color: #ffb425;
	text-decoration: none;
	color: #b71f00;
}
ul.menusx ul {
	padding-left: 0px;
	margin-right: 0px;
}
ul.menusx ul li a {	
	background: url(../images/ico_menusx2.png) no-repeat 2px center;
	color: #ffb425;
	display: block;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	padding-left: 30px;
	padding-top: 2px;
	padding-bottom: 2px;
}
ul.menusx ul li a:hover {
	background-color: #ffd051;
}

ul.menusx ul ul {
	margin-left: 0;
	margin-right: 0px;
}
ul.menusx ul ul li a {	
	background: url(../images/ico_menusx2.png) no-repeat 2px center;
	color: #ffe594;
	display: block;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	padding-left: 50px;
	padding-top: 1px;
	font-size: 10px;
	padding-bottom: 1px;
}
ul.menusx ul ul li a:hover {
	background-color: #fff39c;
}


/* @end */



/* @group msx per webpage */

.msx2 {
	width: 240px;
	margin-bottom: 15px;
}

/*.msx p {
	text-align: left;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 15px;
	font: 17px/18px Arial, Helvetica;	
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 10px;
	color: #777776;
}*/
.msx2 a {
	text-decoration:none;
	text-align: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 2px;
	font: 17px/22px Arial, Helvetica;	
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 8px;
	color: #777776;
	display: block;
}
.msx2 a:hover {
	color: silver;
	border-bottom: 1px solid gray;
}
.msx2 div.sub a {
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	border: none;
	line-height: 15px;
}
.msx2 div.sub a:hover {
	color: gray;
	background-color: #e9e9e9;
}

/* @end */

/* @group coldx */

#col-dx div.image {
	width: 170px;
	margin: 0 auto;
}

#col-dx p {
	padding-left: 15px;
	padding-right: 10px;
}

#col-dx p a {
	display: block;
	border-bottom: 1px dotted silver;
}

#col-dx p a:hover {
	text-decoration: none;
}

/* @group legenda rivenditori */

#col-dx p.leg-edi {
	height: 64px;
	background: url(../images/imgriv/legenda/ico_edili.png) no-repeat 120px center;
	padding-right: 50px;
	line-height: 64px;
	margin-bottom: 5px;
	font-size: 11px;
	color: #434343;
	font-weight: bold;
	border-bottom: 1px dotted silver;
}

#col-dx p.leg-agr {
	height: 64px;
	background: url(../images/imgriv/legenda/ico_agricole.png) no-repeat 120px center;
	padding-right: 50px;
	line-height: 64px;
	margin-bottom: 5px;
	font-size: 11px;
	color: #434343;
	font-weight: bold;
	border-bottom: 1px dotted silver;
}

#col-dx p.leg-nol {
	height: 64px;
	background: url(../images/imgriv/legenda/ico_noleggio.png) no-repeat 120px center;
	padding-right: 50px;
	line-height: 64px;
	margin-bottom: 5px;
	font-size: 11px;
	color: #434343;
	font-weight: bold;
	border-bottom: 1px dotted silver;
}

#col-dx p.leg-ass {
	height: 64px;
	background: url(../images/imgriv/legenda/ico_assistenza.png) no-repeat 120px center;
	padding-right: 50px;
	line-height: 64px;
	margin-bottom: 5px;
	font-size: 11px;
	color: #434343;
	font-weight: bold;
	border-bottom: 1px dotted silver;
}

/* @end */

.mdx {
	background-image: url(../images/bgmenudx.gif);
	width: 170px;
	margin: 0 auto 20px;
	font-size: 10px;
}

.mdx a {
	display: block;
	border-bottom: 1px silver solid;
	border-right: 2px solid #e7e7e7;
	border-top: 1px white solid;
	border-left: 5px solid silver;
	padding-top: 4px;
	padding-left: 8px;
	padding-bottom: 4px;
}
.mdx a.pdf {
	background: url(../images/ico.acroread.png) no-repeat 140px center;
	padding-right: 30px;
}

.mdx a.pri {
	background: url(../images/ico.printer.png) no-repeat 140px center;
	padding-right: 30px;
}

.mdx a.inf {
	background: url(../images/ico.info.png) no-repeat 140px center;
	padding-right: 30px;
}

.mdx a.vid {
	background: url(../images/ico.video2.png) no-repeat 140px center;
	padding-right: 30px;
}

.mdx a.hom {
	background: url(../images/ico.home.png) no-repeat 140px center;
	padding-right: 30px;
}

.mdx a.zip {
	background: url(../images/ico.winzip.gif) no-repeat 140px center;
	padding-right: 30px;
}

.mdx a.fav {
	background: url(../images/ico.fav.png) no-repeat 140px center;
	padding-right: 30px;
}

.mdx a.getfla {
	background: url(../images/ico.get-flash.jpg) no-repeat 140px center;
	padding-right: 30px;
}

.mdx a.getadoreader {
	background: url(../images/ico.get-adobereader.jpg) no-repeat 140px center;
	padding-right: 30px;
}

.mdx a:hover {
	text-decoration: none;
	background-color: #d3d3d3;
	border-left: 5px solid #ae0001;
	color: #454545;
}

.mdx img {
	text-align: center;
	padding-left: 15px;
}

.mdx p {
	text-align: left;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 15px;
	color: #ae1e00;
	border-bottom: 1px solid #dfdfdf;
	font: 14px/18px Arial, Helvetica;
	margin-bottom: 10px;
}

.mdx p.txt {
	color: #777776;
	font: 11px/16px Arial, Helvetica;
	border: none;
	margin-bottom: 0px;
}

.mdx p.txtstrong {
	color: black;
	font: bold 11px/16px Arial, Helvetica;
	border: none;
	margin-bottom: 0px;
}

/* @end */

/* @end */

div#footer {
	padding-top: 20px;
	width: 990px;
	clear: both;
	background: white url(../images/ombra.png) no-repeat 0 10px;
	text-align: center;
}

/* @group footer */

div#footer p {
	font-size: 11px;
}


div#footer p.credits {
	float: right;
	margin-right: 90px;
	color: silver;
}
div#footer p.credits a {
	color: silver;
}


div#footer ul {
	padding-top: 10px;
	font-size: 10px;
}

div#footer li {
	display: inline;
	list-style: none;
	background: url(../images/kw.bullet.gif) no-repeat left center;
	padding-left: 20px;
	padding-right: 20px;
}
div#footer li a {
	color: silver;
}
/* @end */

/* @group navbar */

.navbar {
	background-color: white;
	width: auto;
	font: 11px/15px Arial, Helvetica;
	color: #5b5c5c;
	margin-bottom: 10px;
	padding: 2px;
	border-top: 1px dotted silver;
	border-bottom: 1px dotted silver;
}

.navbar a {
	color: #5b5c5c;
}

/* @end */

/* @group box nav < > */

div#boxcont-nav {
	width: 190px;
	height: 25px;
	left: 20px;
	position: relative;
	top: 50px;
}
.navleft {
	float: left;

}
.navleft a, .navright a {
	text-decoration: none;
	color: gray;
	display: block;
	border: 1px solid silver;
	background-color: #e9e9e9;
	padding: 2px 5px;
}
.navleft a:hover, .navright a:hover {
	background-color: #d6d6d6;
}
.navright {
	float: right;
}

/* @end */


/* @group classi testo etc */

.tit1 {
	color: black;
	margin-bottom: 25px;
	font: 18px "Trebuchet MS", Arial;
}
.tit2 {
	font: 11px/15px Arial, Helvetica;
	color: #003a81;
	border-bottom: 1px solid #D9D9D9;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.tit2a {
	font: 12px/15px Arial, Helvetica;
	color: #000000;
	margin-bottom: 3px;
}

.txt {
	font: 11px/15px Arial, Helvetica;
	color: #333333;
}

.plain {
	font: 11px/15px Arial, Helvetica;
	color: #333333;
	text-align: left;
}
.tit3 {
	border-bottom: 4px solid #bebebe;
	font: 11px/18px Arial, Helvetica;
	color: black;
	margin-bottom: 5px;
	background-color: #fcbb23;
	padding-top: 5px;
	text-transform: uppercase;
	padding-left: 10px;
}
.tit3-bor {
	font: 15px/22px Arial, Helvetica;
	color: black;
	border-bottom: 1px dotted #a4a4a4;
	margin-bottom: 10px;
	padding-left: 20px;
}
.note {
	font: 10px Arial, Helvetica;
	color: gray;
	margin-bottom: 10px;
}
.formservice {
	width: 150px;
	text-align: right;
	margin-right: 10px;
	float: left;
}
.copy {
	color:#CCCCCC
}

#slideshow {
    position:relative;
    height:260px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
/* @end */