@charset "UTF-8";
*  {margin:0; padding:0;}
a {
	text-decoration: none;
	color: #034b9b;
}
a:hover {text-decoration: underline;}

ul {
	list-style-type: circle;
	margin-left: 3em;
}

img { margin:0; padding:0; border:0;}
a img { border:0;}

.clear { clear:both;}
.right { 
	float: right;
	/*margin-right: 50px;*/
}
.left  {
	float: left;
	/*margin-left: 50px;*/
}
.spacer10  {
	clear: both;
	padding-top: 10px;
}

.spacer20  {
	clear: both;
	padding-top: 20px;
}

div.indent img { margin:12px;}

/************* height 100% ****************


html {
	height:100%;
}

body {
	height:100%;
	text-align: center;
	color: #525252;
	font: 11px/15px Georgia, "Times New Roman", Times, serif;
}

div#container {
	margin:0 auto; 
	width:899px;
	height:auto !important; 
	height:100%; 
	min-height:100%;
	text-align: left;
	border-left: 1px dotted #1a1262;
	border-right: 1px dotted #1a1262;
	background: #f2f2f2;
}

************end height 100% *******/


html, body {
	text-align: center;
	color: #525252;
	font: 11px/18px Arial, Helvetica;
}

input, textarea, select	{
	margin-bottom: 10px;
	color: #838282;
	font: 11px/14px Arial, Helvetica;
	line-height: 18px;
	background-color: #eee;
	border: 1px solid silver;
	padding-left: 6px;
	padding-right: 6px;
}
input.but	{
	font-size: 11px;
	line-height: 20px;
	color: white;
	background-color: #2058b6;
	border: 1px none gray;
}

#container {
	margin:0 auto;
	width: 957px;
	text-align: left;
}
#header0 {
	width: 957px;
}
#header1 {
	width: 957px;
}
#header {
	width: 957px;
	background: #d8d9de url(../images/bg.jpg) no-repeat;
	margin-bottom: 20px;
}
#content {
	width: 957px;
}
div#content div.boxsx {
	width: 230px;
	margin-left: 0px;
	float: left;
}
div#content div.boxsx img {
	margin-bottom: 4px;
}
div#content div.boxdx {
	width: 709px;
	float: right;
}
div#content div.boxdx .top {
	width: 710px;
}
div#content div.boxdx .cnt {
	width: 710px;
	background: url(../images/boxtxt-cnt.gif) repeat-y;
}

div#content div.boxdx .cnt div.indent {
	width: 640px;
	margin: 0 auto;
}

div#content div.boxdx .cnt div.indent .boxcontatti {
	width: 200px;
}

div#content div.boxdx div.cnt p.txt {
	margin-left: 40px;
	margin-right: 40px;
}

/* @group photogallery */
.tmb {
	margin-bottom: 20px;
}

a.tmb {
	float: left;
	border: 4px solid white;
}

a.tmb:hover {
	border-color: #1b5faa;
}


/* @end */

/* @group video */

div.cntvideo {
	width: 710px;
	background: url(../images/tabprod-cnt.gif) repeat-y;
}

div.boxvideo {
	width: 710px;
	margin: 20px auto 0;
}

div.indentvideo {
	width: 520px;
	margin: 0 auto;
}

/* @end */

/* @group login/news/photogallery */

div#content div.boxdx .cnt div.login {
	width: 640px;
	background: url(../images/bg_tratt_vert.gif) repeat-y 250px 0;
	margin: 0 auto;
}
div#content div.boxdx .cnt div.login2 {
	width: 640px;
	margin: 0 auto;
}

div#content div.boxdx .cnt div.login div.colsx {
	width: 230px;
	float: left;
}

.newslist {
	margin-bottom: 10px;
}

div#content div.boxdx .cnt div.login div.coldx {
	width: 350px;
	float: right;
}

div#content div.boxdx .cnt div.login div.coldx a {
	float: left;
	border: 2px solid white;
}

div#content div.boxdx .cnt div.login div.coldx a:hover {
	border-color: #034b9c;
}

/* @end */

/* @group dealers */

div#content div.boxdx .cnt .dealers {
	width: 300px;
	float: left;
	margin-left: 30px;
	margin-bottom: 20px;
	height: 190px;
	overflow: auto;
}

div#content div.boxdx .cnt .dealers img {
	float: left;
}

div#content div.boxdx .cnt .dealers .rivend {
	margin-left: 50px;
}

/* @end */

/* @group products */

div#content div.boxdx .prodcnt {
	width: 710px;
	background: url(../images/tabprod-cnt.gif) repeat-y;
}

div#content div.boxdx .prodcnt .indexprod {
	margin-right: 20px;
	margin-left: 20px;
}
div#content div.boxdx .prodcnt #right {
	width: 400px;
	float: right;
	margin-right: 2em;
}

div#content div.boxdx .prodcnt #right2 {
	width: 320px;
	float: right;
	margin-right: 20px;
}

div#content div.boxdx .prodcnt #right2 a {
	text-transform: uppercase;
}

div#content div.boxdx .prodcnt #right2 p.elenco {
	float: left;
	margin-right: 2em;
	padding-top: 20px;
	margin-left: 3em;
}
div#content div.boxdx .prodcnt #left {
	width: 231px;
	float: left;
	margin-left: 1.5em;
}

div#content div.boxdx .prodcnt #left2 {
	width: 320px;
	float: left;
	margin-left: 20px;
}
div#content div.boxdx .prodcnt #left2 p.elenco {
	float: left;
	margin-right: 2em;
	margin-left: 3em;
	padding-top: 20px;
}

/* @end */
div#content div.boxdx .btm {
	width: 710px;
}

div#content div.boxdx p a {
	color: #17608d;
}
div.horiz1 {
	background-color: black;
	height: 1px;
	/*border-bottom: 1px solid black;*/
}

/* @group home */

div#box1home, div#box2home, div#box3home, div#box4home {float: left;}
div#box1home {width: 230px;}
div#box2home {width: 247px;}
div#box3home {width: 243px;}
div#box4home {width: 237px;}

div.homecol {
	width: 600px;
	background: url(../images/bg_tratt_vert.gif) repeat-y center 0;
	margin: 0 auto;
}

div.homecol div.homesx {
	width: 270px;
	float: left;
}

div.homecol div.homedx {
	width: 270px;
	float: right;
}

/* @end */

/* @group side menu */
div.menutop	{
	width: 230px;
	height: 14px;
	background-image: url(../images/bgmenu.top.gif);
}
div.menucnt	{
	width:230px;
	background-image:url(../images/bgmenu.cnt.gif);
	text-align: center;	
}
div.menubtm	{
	width:230px;
	background-image:url(../images/bgmenu.btm.gif);
	height: 14px;
}
.msx {
	width: 208px;
	margin: 0 auto;	
}

.msx p {
	text-align: left;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 15px;
	font: italic 13px/18px Arial, Helvetica;	
	border-bottom: 1px dotted #b1b1b1;
	margin-bottom: 5px;
	color: #034894;
}
.msx a {
	text-decoration:none;
	color: #838383;
	display: block;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 15px;
	font: 12px/18px Arial, Helvetica;
	text-align: left;	
	border-bottom: 1px dotted #eee;
}
.msx a:hover {
	background-color: white;
	color: #333333;
	border-bottom: 1px dotted #cccccc;
}
.msx div.sub a {
	padding-left: 30px;
	font-size: 11px;
	line-height: 15px;
}
.msx div.sub a:hover {
	color: #333333;
}

/* @end */

.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;
}

/* @group page download */

.elenco ul {
	margin-left: 0px;
	font-size: 11px;
	line-height: 36px;
}
.elenco ul li {
	list-style: none;
}
.elenco ul li a {
	color: gray;
	background: url(../images/ico_folder.png) no-repeat left center;
	padding-left: 40px;
	display: block;
}
.elenco ul ul {
	margin-left: 50px;
}
.elenco ul ul li a {
	color: #2f5267;
	display: block;
	background: url(../images/ico_download.png) no-repeat left center;
}


#col-cnt {
	width: 400px;
	margin: 0 auto;
}

/* @end */

.navbar a {
	color: #5b5c5c;
}

div#footer {
	width: 957px;
	clear: both;
	height: 60px;
	background: url(../images/bgfooter.jpg) 0 center;
}
div#footer p {
	float: right;
	padding-top: 13px;
	margin-right: 20px;
}

/* @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 {
	font: 17px/20px Arial, Helvetica;
	color: #034a99;
	margin-bottom: 15px;
}
.tit2 {
	font: 11px/18px Arial, Helvetica;
	color: #034c9d;
	border-bottom: 1px solid #D9D9D9;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.tit2a {
	font: 12px/15px Arial, Helvetica;
	color: #000000;
	margin-bottom: 8px;
}

.txtnews {
	font: 12px/15px Arial, Helvetica;
	color: #333333;
}
.tit3 {
	font: bold 12px/18px Arial, Helvetica;
	color: #023e80;
	margin-bottom: 5px;
}
.tit3-bor {
	font: bold 11px Arial, Helvetica;
	color: #5A697E;
	border-bottom: 1px dotted #a4a4a4;
}
.note {
	font: 10px Arial, Helvetica;
	color: gray;
	margin-bottom: 10px;
}
p.formservice {
	width: 150px;
	text-align: right;
	margin-right: 10px;
	float: left;
}

div#content div.boxdx .cnt div.login div.coldxnews {
	width: 350px;
	float: right;
}

div#content div.boxdx .cnt div.login div.coldxnews a {
	float: left;
	border:0px;
}

div#content div.boxdx .cnt div.login div.coldxnews a:hover {
	border:0px;
}

/* @end */