/* ---------------------------------------------------------------------- CSS Document ---------------------------------------------------------------------- */

body {font-family:Verdana, Arial, Helvetica, sans-serif; height:auto; width:auto; margin:0px; background:url(../img/bg.jpg) top repeat-x;}
hr {border:#B00400 1px solid; width:870px; margin-left:auto; margin-right:auto;}

/* --------------------------------------------------------------------------- ID --------------------------------------------------------------------------- */

#testata {margin-left:auto; margin-right:auto; width:870px; height:180px;}
#menu {width:auto; height:60px; float:right; padding: 88px 0px 0px 0px;}
#cont {width:870px; height:auto; margin-left:auto; margin-right:auto;}
#footer {width:854px; height:22px; background:url(../img/footer.jpg) bottom repeat-x; margin:10px auto 0 auto; padding:15px 8px 0px 8px;}
#scheda {width:700px; height:auto; background-color:#FFF; margin-left:auto; margin-right:auto; padding:10px 25px 10px 25px; }
#tg_1 {} #tg_2 {} #tg_3 {} #tg_4 {} #tg_5 {} #tg_6 {} #tg_7 {} #tg_8 {} #tg_9 {} #tg_10 {} 

/* -------------------------------------------------------------------------- CLASSI -------------------------------------------------------------------------- */	
.hr2 {border:#ccc 1px solid; width:870px; margin-left:auto; margin-right:auto;}
.hr3 {border:#CCCCCC 1px solid; width:320px; margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.sx {width:480px; height:auto; float:left; margin-right:30px;}
.dx {width:360px; height:auto; float:right;}
.dx2 {width:358px; height:auto; float:right; border-left:2px solid #1867C4;}
.a1 {width:280px; height:auto; float:left; margin-right:15px;}
.c_a1 {width:590px; height:auto; float:left;}
.a2 {width:280px; height:auto; float:right;}
.tb { width:870px; height:360px; margin:0px;}
.td_bg {width:510px; height:360px; background:url(../img/slide/1.jpg) top left no-repeat;}
.hr_1 {border:#CCCCCC 1px solid; width:480px; margin-left:auto; margin-right:auto;}
.hr_2 {border:#CCCCCC 1px solid; width:270px; margin-left:auto; margin-right:auto;}
.prodotti_sx {width:auto; height:auto; float:left;}
.prodotti_dx {width:135px; height:auto; float:right;}
.leggi {width:70px; height:20px; background:url(../img/leggi.jpg) top left no-repeat; padding-left:210px; float:left;}
.leggi2 {width:60px; height:20px; background:url(../img/leggi2.jpg) top left no-repeat; padding-left:300px; float:left;}
.leggi3 {width:100px; height:20px; background:url(../img/leggi3.jpg) top left no-repeat; padding-left:380px; float:left;}
.bg_news {width:280px; height:50px; background:url(../img/bg_news.jpg) top left no-repeat;}
.bg_news2 {width:360px; height:50px; background:url(../img/bg_news2.jpg) top left no-repeat;}
.bg_home {width:545px; height:105px; background:url(../img/bg_home.jpg) top left no-repeat; padding:15px;}
.bg_prodotti {width:320px; height:140px; background:url(../img/bg_prodotti.jpg) top left no-repeat; padding:20px;}


.input {background:#FFFFFF url(../img/bg_input.gif) no-repeat scroll left top; -moz-background-clip:border;	-moz-background-inline-policy:continuous; -moz-background-origin:padding; border:1px solid #DADADA; color:#555555; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; margin:2px 0 0; padding:4px; width:200px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.input2 {background:#FFFFFF url(../img/bg_input.gif) no-repeat scroll left top; -moz-background-clip:border;	-moz-background-inline-policy:continuous; -moz-background-origin:padding; border:1px solid #DADADA; color:#555555; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; margin:2px 0 0; padding:4px; width:320px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.input3 {background:#FFFFFF url(../img/bg_input.gif) no-repeat scroll left top; -moz-background-clip:border;	-moz-background-inline-policy:continuous; -moz-background-origin:padding; border:1px solid #DADADA; color:#555555; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; margin:2px 0 0; padding:4px; width:670px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.inputtext {background:#FFFFFF url(../img/bg_input.gif) no-repeat scroll left top; -moz-background-clip:border;	-moz-background-inline-policy:continuous; -moz-background-origin:padding; border:1px solid #DADADA; color:#555555; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; margin:2px 0 0; padding:4px; width:200px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.preventivo {width:280px; height:35px;  background:url(../img/preventivo.jpg) top left no-repeat; padding-left:80px; padding-top:15px;}

/* --------------------------------------------------------------------------- FLOAT -------------------------------------------------------------------------- */

.float_sx {float:left;}
.float_sx_d {float:left; width:30px;}
.float_sx_ambiente {float:left; width:270px;}
.float_dx {float:right;}

/* --------------------------------------------------------------------------- FONT --------------------------------------------------------------------------- */

.f_t_0 {font-family:Arial, Verdana, Helvetica, sans-serif; list-style-type:none; text-decoration:none; font-style:normal; line-height:normal; font-weight:normal; 
	color:#333333; font-size:12px; }
.f_t_0 a:hover{text-decoration:underline;}

.f_t {font-family:Arial, Verdana, Helvetica, sans-serif; list-style-type:none; text-decoration:none; font-style:normal; line-height:20px; font-weight:normal; 
	color:#333333; font-size:12px; }
.f_t a:hover{text-decoration:underline;}

.f_m{font-family:Arial, Verdana, Helvetica, sans-serif; list-style-type:none; text-decoration:none; font-style:normal; line-height:normal; font-weight:normal; 
	color:#FFFFFF; font-size:16px; }
.f_m a:hover{border-bottom:2px #B00400 solid;}

.f_b{font-family:Arial, Verdana, Helvetica, sans-serif; list-style-type:none; text-decoration:none; font-style:normal; line-height:normal; font-weight:normal; 
	color:#FFFFFF; font-size:12px; }
.f_b a:hover{border-bottom:1px #DF2F2D solid;}

.f_s {font-family:Arial, Verdana, Helvetica, sans-serif; list-style-type:none; text-decoration:none; font-style:normal; line-height:20px; font-weight:normal; 
	color:#666; font-size:14px; }
.f_s a:hover{text-decoration:underline;}

.f_s_2 {font-family:Arial, Verdana, Helvetica, sans-serif; list-style-type:none; text-decoration:none; font-style:normal; line-height:20px; font-weight:normal; 
	color:#666; font-size:16px; }
.f_s_2 a:hover{text-decoration:underline;}

.f_t_r {font-family:Arial, Verdana, Helvetica, sans-serif; list-style-type:none; text-decoration:none; font-style:normal; line-height:20px; font-weight:normal; 
	color:#B00400; font-size:12px; }
.f_t_r a:hover{text-decoration:underline;}

.f_v {font-family:Arial, Verdana, Helvetica, sans-serif; list-style-type:none; text-decoration:none; font-style:normal; line-height:20px; font-weight:normal; 
	color:#006400; font-size:12px; }
.f_v a:hover{text-decoration:underline;}

.f_b {font-family:Arial, Verdana, Helvetica, sans-serif; list-style-type:none; text-decoration:none; font-style:normal; line-height:20px; font-weight:normal; 
	color:#1867C4; font-size:12px; }
.f_b a:hover{text-decoration:none;}

.f_b_12 {font-family:Arial, Verdana, Helvetica, sans-serif; list-style-type:none; text-decoration:none; font-style:normal; line-height:20px; font-weight:normal; 
	color:#1867C4; font-size:12px; }
.f_b_12 a:hover{text-decoration:none;}

.f_w {font-family:Arial, Verdana, Helvetica, sans-serif; list-style-type:none; text-decoration:none; font-style:normal; line-height:20px; font-weight:normal; 
	color:#fff; font-size:12px; }
.f_w a:hover{text-decoration:underline;}

.f_r_p {font-family:Arial, Verdana, Helvetica, sans-serif; list-style-type:none; text-decoration:none; font-style:normal; line-height:20px; font-weight:normal; 
	color:#B00400; font-size:14px;}
.f_r_p a:hover{text-decoration:underline;}

.f_r_16 {font-family:Arial, Verdana, Helvetica, sans-serif; list-style-type:none; text-decoration:none; font-style:normal; line-height:20px; font-weight:normal; 
	color:#990000; font-size:16px;}
.f_r_16 a:hover{text-decoration:underline;}



/* --------------------------------------------------------------------------- IMG --------------------------------------------------------------------------- */

.img {border:0;}
.img_sx {border:0;float:left;}
.img_dx {border:0;float:right;}

/* -------------------------------------------------------------------------- ALTRO -------------------------------------------------------------------------- */
#sponsors {width:870px; padding-top:10px; display:block; clear:both; margin:5px 0 10px 0;}
#sponsors a {display:block; height:55px; float:left;}
/*a.sayerlack {background: url(../img/sayerlack_ok.jpg) no-repeat 0 0; width:240px;}
a.impa {background: url(../img/impa_ok.jpg) no-repeat 0 0; width:143px;}
a.wood {background: url(../img/wood_ok.jpg) no-repeat 0 0; width:249px;}
a.sprint {background: url(../img/sprint_ok.jpg) no-repeat 0 0; width:92px;}
a.syrom {background: url(../img/syrom_ok.jpg) no-repeat 0 0; width:146px;}*/
a.sayerlack {background: url(../img/sayerlack_ok.jpg) no-repeat 0 0; width:274px;}
a.impa {background: url(../img/impa_ok.jpg) no-repeat 0 0; width:210px;}
a.corob {background: url(../img/corob_ok.jpg) no-repeat 0 0; width:160px;}
a.syrom {background: url(../img/syrom_ok.jpg) no-repeat 0 0; width:226px;}
a.lineablu {background: url(../img/lineablu.jpg) no-repeat 0 0; width:160px;}
/*mouseover*/
a:hover.sayerlack, 
a:hover.impa, 
a:hover.wood, 
a:hover.sprint,
a:hover.lineablu,  
a:hover.syrom {background-position: 0 -55px;} /* reveal colorized version */
/* -------------------------------------------------------------------------- SLIDER TESTATA -------------------------------------------------------------------------- */
.pix_diapo {
	background: #000; -moz-box-shadow: 0 3px 6px #000; -webkit-box-shadow: 0 3px 6px #000; box-shadow: 0 3px 6px #000; height: 350px; overflow: hidden; position: relative; width:870px;}
.pix_diapo > div { display: none; height: 100%;	left: 0; position: absolute; top: 0; width: 100%;}
#pix_prev, #pix_next {cursor: pointer; display: block; height: 40px; margin-top: -20px; position: absolute;	top: 50%; width: 40px; z-index: 1001;}
#pix_prev { background: url(images/diapo/prev.png) no-repeat; left: 10px;}
#pix_next {	background: url(images/diapo/next.png) no-repeat; left: auto!important;	right: 10px!important;}
#pix_pag { margin: 0 auto; position: relative; width: 870px; z-index: 1002;}
#pix_commands { cursor: pointer; display: block; float: left; height: 26px; margin: 15px 0 0 13px; position: relative; width: 24px;}
#pix_play {	background: url(images/diapo/play.png) center no-repeat; height: 24px; left: 0;	position: absolute;	top: 0;	width: 24px;}
#pix_stop {	background: url(images/diapo/pause.png) center no-repeat; height: 24px;	left: 0; position: absolute; top: 0; width: 24px;}
#pix_pag_ul { float: right;	margin: 0; padding: 0;}
#pix_pag_ul > li {cursor: pointer; display: block; .display: inline-block; float: left; list-style: none; margin: 0 10px 0 0; padding: 20px 8px 0; text-align: center; text-indent: -9999px; width: 16px;}
#pix_pag_ul > li > span { background: #222; -webkit-border-radius: 8px;	-moz-border-radius: 8px; border-radius: 8px; display: block; height: 16px; width: 16px;}
#pix_pag_ul > li:hover > span > span {	background: #ccc;}
#pix_pag_ul > li > span > span {-webkit-border-radius: 8px;	-moz-border-radius: 8px;border-radius: 8px;	display: block;	float: left; height: 8px; margin: 4px; width: 8px;}
#pix_pag_ul > li.diapocurrent > span > span {background: #1867C4; -webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;}
#pix_pag_ul > li > .pix_thumb {	border: 4px solid #f2f2f2;	.border: 4px solid #e6e6e6;	border: 4px solid #e6e6e6\9;	-moz-box-shadow: 0 1px 8px #000;	-webkit-box-shadow: 0 1px 8px #000;	box-shadow: 0 1px 8px #000;	height: 58px; 	left: -17px;	position: absolute;	top: -40px;	width: 58px;}
#pix_pag_ul > li > .thumb_arrow {border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid  #e6e6e6;	top: 26px;	left: 12px;	position: absolute;}
.pix_relativize {	overflow: hidden;	position: relative;}
.imgFake {	cursor: pointer;}
.elemHover {	position: absolute;}
.caption {	background: rgba(0, 0, 0, 0.8);    .filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)\9;	bottom: 20px;	color: #fff;	display: block;	font-size: 13px;	padding: 20px;	width:830px;}
.ui-loader {display: none;}

/* ----------------------------------------------------------------------- SLIDER 1 ----------------------------------------------------------------------- */
.slider {float:left; width:180px; height:120px; position:relative;}
.sliderContent {float:left; width:180px; height:120px; position:relative; overflow:hidden;}
.sliderArrows a {display:block; text-indent:-9999px; outline:none; z-index:50; width:42px; height:42px; position:absolute; top:100%;}
.prev {background-position:0 0; left:0px;}
.prev:hover {background-position:0 -44px;}
.next {right:0px; background-position:-44px 0;}
.next:hover {background-position:-44px -44px;}
.sliderContent .item {position:absolute; width:180px; height:100px;}
.sliderBullets {position:absolute; bottom:8px; left:50%; z-index:150; margin-left:-45px;}
.sliderBullets a {display:block; float:left; text-indent:-9999px; outline:none; margin-left:10px; width:10px; height:11px;}
.sliderBullets .active {background-position:0 -11px;}
.sliderContent a {outline:none;}
a img {border:none;}
/* ----------------------------------------------------------------------- SLIDER 2 ----------------------------------------------------------------------- */
.slider_2 {float:right; width:180px; height:120px; position:relative;}
.sliderContent_2 {float:right; width:180px; height:120px; position:relative; overflow:hidden;}
.sliderArrows_2 a {display:block; text-indent:-9999px; outline:none; z-index:50; width:180px; height:120px; position:absolute; margin-top:0px;}
.prev_2 {background-position:0 0; background-repeat:no-repeat; left:0px;}
.prev_2:hover {background-position:0 -44px;}
.next_2 {right:0px; background-repeat:no-repeat; background-position:-44px 0;}
.next_2:hover {background-position:-44px -44px;}
.sliderContent_2 .item_2 {position:absolute; width:190px; height:120px;}
.sliderBullets_2 {position:absolute; bottom:8px; z-index:150; margin-left:10px;}
.sliderBullets_2 a {display:block; float:left; text-indent:-9999px; outline:none; margin-left:10px; width:10px; height:11px;}
.sliderBullets_2 .active_2 {background-position:0 -11px;}
.sliderContent_2 a {outline:none;}

/* ------------------------------------------------------------------------- BUMPBOX ------------------------------------------------------------------------- */
.bumpbox {font-family:Arial,Verdana,Helvetica,sans-serif; color:#80141E; font-size:12px; text-decoration:none;}
.bumpbox a:hover{ text-decoration:none;}