@charset "UTF-8";

/* ------------ CSS Reset grazie a Eric Meyer ------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
	
ol, ul { list-style: none; }

blockquote, q { quotes: "" ""; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }

/* :focus { outline: 0; } */

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0;}


/* ------------------------------------------ CSS Document Beta V 1.01 by dariobontempi.it - All Right Reserved ------------------------------------------------ */


body { margin: 0 auto; padding: 0; font: 11px/1.5em "Arial", "Helvetica", "Verdana", sans-serif; color: #000; line-height: 1.5em; direction:ltr; background: #FFF; }

.wrapper { margin: 0 auto; width: 100%; /* background:  url(../images/fx_03.png) repeat-x scroll -1000% top transparent; */  }
 /* background:  url(../images/fx.png)repeat-x scroll -1000% top transparent;  */  

iframe { float: left; border: 4px solid #CCC; } iframe.noborder {  border-top: none; margin-bottom: 4px; } .if { font-size: 10px; }

noscript { z-index: 1500; position:absolute; top: 2%; margin: 0 auto; width:100%; height: 60px; font-size: 1.5em; text-align: center; line-height: 3.5em;  color: #09F; background-color: #000; background-color: rgba(0, 0, 0, .8) }




/* --------------------- Form ---------------------- */

#form_01 { margin: 20px auto; width:620px; height: 280px; }

#form_01 input {  padding: 0 10px; border: none; margin-bottom: 10px; margin-top: 4px;  height:18px; background: rgb(51, 51, 51); background: #CCC; color: #000; }

#form_01 textarea { padding: 10px 10px;  border: none; margin-bottom: 8px; margin-top: 8px; width: 600px; height: 100px; background: rgb(51, 51, 51); background: #CCC; color: #000;}

#acconsento { float: left; width: 560px; height: 40px; font-size: 11px; line-height: 1.2em; } #acconsento a { font-size: 11px; line-height: 1.2em; }

#send { float: right;  width: 30px; height: 30px; } .send { width: 30px; height: 30px;  background: url(../images/send.png) no-repeat ; border: none; cursor: pointer; } .send:hover { background-position: bottom; } 


	
acronym, abbr .access { border-bottom: 1px dotted black; cursor: help; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  } /* Grazie di esistere */

.center { margin: 0 auto; width: 948px; }

.hide { display: none; }

.bold { font-weight: bold; color: #333; }

.fl { float: left; } .fr { float: right; } .ml { margin-left: 30px; } .mr { margin-right: 30px; } .mr_10 { margin-right: 10px; }

a:link, a:visited, a:hover, a:active { text-decoration: none; font-weight: bold; } 
a:link, a:visited { color: #CCC;  -webkit-transition: color .5s } 
a:hover { color: #0071BC; } a:active { color:#CCC; }

.margin_bottom_05, .margin_bottom_10, .margin_bottom_20, .margin_bottom_30, .margin_bottom_40, .margin_bottom_50, .margin_bottom_60, .margin_bottom_80, .margin_bottom_100 { clear: both; width: 100%; font-size: 1px; }
.margin_bottom_05 { height: 5px; } .margin_bottom_10 { height: 10px; } .margin_bottom_20 { height: 20px; } .margin_bottom_30 { height: 30px; } .margin_bottom_40 { height: 40px; }
.margin_bottom_50 { height: 50px; } .margin_bottom_60 { height: 60px; } .margin_bottom_80 {  height: 80px; } .margin_bottom_100 { height: 100px; }

.clear_none { clear: none; }

.header_00 { position: relative; top: -150px; left: 400px; width: 520px; font-size: 15px; line-height: 1.4em; text-align: justify; font-weight: bold; color: #0071BC; } /* For Header */
.header_01 { font-size: 26px; color: #0071BC; padding-bottom: 10px; border-bottom: 1px dotted #666; }

.header_02 { margin-left: 130px; font-size: 22px; font-weight: bold; color: #0071BC; } /* For MiniBanner */
.header_03 { font-size: 12px; font-weight: bold; color: #333; } 

.header_04 { padding-bottom: 6px; font-size: 22px; color: #0071BC; border-bottom: 1px dotted #666; } /* For Box Left */

/* ---------- Span Class / Eccezioni ---------------- */

.01 { font-size: 10px; color: #666; }

.margin_01 { margin-right: 80px; }


#container_all { margin: 0 auto; width:1020px;  }
#container_main { margin: 0 auto; width:940px;  }
#fx_left { float: left; width: 40px; height: 800px; background: url(../images/fx_left.jpg) no-repeat; }
#fx_right { float: right; width: 40px; height: 800px; background: url(../images/fx_right.jpg) no-repeat; }
#header { margin-bottom: 40px; width:938px; height: 148px; border: 1px solid #CCC; background: url(../images/header_bg.jpg) repeat-x;  }
#logo { z-index: 1000; position:relative; top: -40px; left: -20px;  width:400px; height: 147px; } 

#container_body { margin: 0 auto; width:940px; height: 500px; background: #FFF; }
#container_left { float: left; margin-right: 40px;  width: 270px; }

#container_right { float: right; position: relative; width: 620px; text-align: justify; font-size: 14px; line-height: 1.4em; color:#333; }

.marchi { margin: 0 auto; width: 450px; }

.banner_mini {  padding-top: 20px; width: 270px; height: 120px; background: url(../images/banner_promozioni.jpg) no-repeat; }
.banner_mini img { float: left; height:100px; width: 100px; border: 4px solid #CCC; } .banner_mini img:hover {  border: 4px solid #0071BC; cursor: pointer; }


.box1_left { width: 268px; height: 268px;  background: url(../images/box01_left.jpg) repeat-x; border: 1px solid #CCC; }
.bo1_left_content { margin: 20px auto; width: 228px; height: 228px; } .bo1_left_content a { color: #0071BC; } .bo1_left_content a:hover { color: #09F;  }
.box1_left span { font-size: 12px; font-weight: bold; color: #333; }
.box1_left_bottom { width: 270px; height: 20px;  background: url(../images/box01_left_bottom.png) no-repeat; }


.box2_left { width: 268px;   background: url(../images/box01_left.jpg) repeat-x bottom; border: 1px solid #CCC; }
.bo2_left_content { margin: 20px auto; width: 228px; } .bo1_left_content a { color: #0071BC; } .bo1_left_content a:hover { color: #09F;  }
.box2_left span { font-size: 12px; font-weight: bold; color: #333; }
.box2_left_bottom { width: 270px; height: 20px;  background: url(../images/box01_left_bottom.png) no-repeat; }

.box_serv { position: relative; width: 620px;  } .box_serv img { float: left; margin-right: 25px; } .box_serv_r { float: right; width: 430px;  } ul.serv li { float: right; list-style: outside; width: 410px; }


.button_pdf { width: 228px; height: 76px; } .button_pdf a:hover {  filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;
	      															-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }
																	
.button_pdf span { display: block; position: relative; top: 44px; left: 10px; font-size: 11px; font-weight: bold; color: #333; }

.button_prod { width: 200px; height: 160px; } .button_prod a:hover {  filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;
	      															-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }
																	
.button_prod span { display: block; width: 190px; position: relative; top: 140px; font-size: 16px; font-weight: bold; text-align: right; color: #0071BC; }

.sponsor_bottom { width:940px; height: 80px; border: 1px solid #CCC; } .sponsor_right { width:620px; height: 80px; border: 1px solid #CCC; }

#more { float: right; margin-top: 4px; width: 180px; height: 20px; } #more a { font-size: 16px; color: #0071BC; } #more a:hover { font-size: 15px;  }

#credits { width: 940px; padding-top: 10px; text-align: right; color: #666; border-top: 1px solid #666;  } 
#credits li { float: left; margin-right: 4px; }
#credits a:link, #credits a:visited, a:hover, a:active { text-decoration: none; font-weight: bold; } #credits a:link, #credits a:visited { color: #666;  -webkit-transition: color .5s } #credits a:hover { color: #0071BC; } #credits a:active { color:#CCC; }

.ul_prod {  width: 620px; overflow: hidden; }
.ul_prod ul, .ul_prod li { float: left; margin-bottom: 4px; }
.ul_prod li a { display: block; width: 94px; height: 20px; padding: 0 4px;  border-left: 1px solid #666; font-size: 10px; text-align: center; color: #333; }
.ul_prod li a:hover, .ul_prod li a.current { color: #0071BC;  } .ul_prod li.border_r {  border-right: 1px solid #666; }


/* -------------------- Nav ---------------- */


#nav {  position: relative; top: 110px; width:938px; height:38px; border: 1px solid #999;  background: url(../images/nav_bg.jpg) repeat-x;  }

#nav ul { float: right; } #nav li { float: left; }
#nav li a { display: block; width: 138px; height: 38px; border-left: 1px solid #666; font: 14px/2.8em "Arial", "Helvetica", "Verdana", sans-serif; font-weight: bold; color: #333; text-align: center;  }
#nav li a:hover, #nav li a.current { color: #0071BC; background: url(../images/nav_hover.jpg) repeat-x;  }


/* -------------------- OverLay ----------------------- */ 			 

.apple_overlay { z-index:1090; display:none; width:700px;	padding:35px; font-size:11px; background-image: url(../images/overlay/transparent.gif); } /*.apple_overlay img {}*/
.apple_overlay div.close {  z-index:1090; position:absolute; top: 25px; left: 25px; width:28px; height:28px; background: url(../images/overlay/apple-close.png); cursor:pointer; }

/* Black version of the overlay */
div.apple_overlay.black { z-index:1090; background: url(../images/bk_box.png) repeat-x; color:#FFF; }

#overlay { z-index:1090; height:450px;  /* background: rgb( 0, 0, 0); background: rgba( 0, 0, 0, 0.8); */ }  .contentWrap {  z-index:1090; height:450px; /* overflow-y:auto; */ }


.overlay_container { margin: 0 auto; padding: 20px 30px 40px 30px; width: 640px; text-align: justify; line-height: 1.5em; font-size:12px; background: rgb( 255, 255, 255); background: rgba( 255, 255, 255, .8); 
					/*  background: url(../images/bk_box_01.png) repeat-x; */  -webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; border-radius: 1.5em; }
/* filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); */

/* ---------- Gallery ------------- */ 

.gallery_01 { width: 620px; position: relative; top: -20px; } /* G.Home */
.images { clear: both; margin-bottom: 6px; width: 612px; height: 252px; overflow: hidden; border: 4px solid #CCC;  }

.img_prod { float: left; border: 4px solid #CCC; border-right: none; width: 196px; height: 252px; } /* Img esterna di classe prodotto */
.gallery_02 { float: right; position: relative; top: -19px; width: 420px;  } /* G.Prod */
.images_02 { clear: both; margin-bottom: 6px; width: 412px; height: 252px; overflow: hidden; border: 4px solid #CCC;  }

.tabs { clear: both; margin: 4px auto; float: right;  height: 11px; overflow: hidden; }
.tabs a { display:block; float:left; margin:3px; width:8px; height:8px; font-size:1px;	background:url(../images/navigator.png) 0 0 no-repeat; }
.tabs a:hover { background-position:0 -8px; } .tabs a.current { background-position:0 -16px; } 	


/* .disabled { visibility: hidden; !important;} */ /* Non necessario if tabs è impostato su rotate: true */

/* ---- Controls ---- */
.prev_next { float: right; width: 88px; }
.forward, .backward, .play, .stop { display: block; float: left; margin: 1px; width: 20px; height: 20px; cursor: pointer; font-size: 1px; text-indent: -9999em; background: url(../images/prev_next.png) no-repeat; }
.forward { background-position: 0 -20px; clear: right; } .forward:hover { background-position: -20px -20px; } .forward:active { background-position: -40px -20px; } 
.backward:hover { background-position: -20px 0; } .backward:active { background-position: -40px 0; }
.play { background-position: 0 -40px ; clear: right; } .play:hover { background-position: -20px -40px; } .play:active { background-position: -40px -40px; } 
.stop { background-position: 0 -60px; } .stop:hover { background-position: -20px -60px; } .stop:active { background-position: -40px -60px; }



/* -------------------- JPlayer ---------------- */


div.jp-single-player, #jplayer { display: none; z-index: 2000;position: absolute; top: 6px; right: 20px; width: 30px;}

div.jp-interface { position: relative; width:30px; height:30px; }

div.jp-interface  ul.jp-controls { list-style-type: none; margin: 0; padding: 0; }
div.jp-interface  ul.jp-controls li { overflow: hidden; text-indent: -9999px; }

li.jp-play, li.jp-pause { display: block; position: absolute; top: 0; width: 30px; height: 30px; cursor: pointer; }

div.jp-single-player li.jp-play, div.jp-single-player li.jp-pause { left: 0; }


li.jp-play { background: url(../images/player.png) 0 0 no-repeat; }
li.jp-play:hover { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;
	      		 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }

li.jp-pause { background: url(../images/player.png) -30px 0 no-repeat; }
li.jp-pause:hover { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;
	      		 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }