@charset "utf-8";
/*RESET*/
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,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, input, textarea {margin:0;padding:0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background:transparent; font-family:Arial, Helvetica, sans-serif; text-decoration:none; list-style:none}
/*GLOBAL*/
body{ background-color:#000}
.clearfix:after {content:"."; display: block; clear:both; visibility:hidden; line-height:0; height:0}
.clearfix {display:inline-block}
html[xmlns] .clearfix{ display: block}
* html .clearfix {height: 1%}
.globalContainer{ background:url(../images/bg_texture.jpg) top center no-repeat #000}
/*NAV*/
.top{ width:940px; height:80px; margin:0 auto}
.logo{ float:left}
.nav{ float:right; font-size:12px; display:block; position:relative; overflow:hidden; padding:23px 10px}
.nav li{ display:inline; float:left}
.nav a{ color:#fff; z-index: 10; display: block; float:left; height: 30px; position: relative; overflow: hidden; margin:auto 10px; text-align:center;line-height:30px}
.nav li.back {border:1px solid #000; background-color:#202020; width:9px; height:30px; z-index:8; position:absolute}
a.selected{ background:#F00}
.counter{ float:left; margin:30px 0 0 10px; color:#ccc; font-size:11px}
.counter span{ padding:7px 0 0 0; display:block}
/*HEADER*/
.header{ width:940px; margin:0 auto; background-color:#fff; overflow:hidden}
.slideImage{ width:900px;  height:268px; overflow:hidden}
.content{ width:940px; margin:0 auto; background-color:#fff}
/*slide*/
.slides1_wrap { width:900px; position:relative;margin:20px;}
.slides1_wrap .prev {display:none}
.slides1_wrap .next {display:none}
.auto_controls {display:none}
#slides1 {}
#slides1 li {list-style-type: none;	width: 900px; list-style-image: none}
.bx_pager {position:absolute; left:5px; bottom:5px}
.bx_pager a { padding:3px 0 1px 8px; width:14px;  background:url(../images/sprites-image.png) -31px -310px no-repeat;	float:left; height:17px; color:#fff; font-size:11px; margin-right:6px}
.bx_pager a:hover {background-position: -31px -289px; text-decoration: none}
.bx_pager a.active { background-position: -31px -289px; text-decoration: none}
/*BANNER*/
.banner{width:940px; margin:0 auto; height:163px; background:url(../images/bg-banner.gif) 0 0 repeat-x; display:block;}
.banner li{ width:287px; height:140px; display:inline; float:left; margin:10px 0 10px 16px}
.banner li a{ display:block; width:287px; height:140px; background: url(../images/sprites-image.png)}
.banner li a.eventCar{ background-position: 0 0 !important; border:2px solid #900}
.banner li a.eventCar:hover{ border-color:#F00; background-position: 0 -140px !important}
.banner li a.fotoGallery{ background-position: -307px 0 !important;  border:2px solid #06C}
.banner li a.fotoGallery:hover{ border-color:#F90; background-position: -307px -140px!important}
.banner li a.video{ background-position: 287px 0 !important;  border:2px solid #999}
.banner li a.video:hover{ border-color:#666; background-position: 287px -140px!important}
/*CONTENT*/
.content .paddingContent{ padding:20px}
.content h1{ font:bold italic 26px/28px Arial; margin-bottom:15px}
.content p{font:normal 12px/18px Arial; display:block; margin-bottom:10px}
.content strong{ font:bold 12px Arial}
.columnLeft{ float:left; display:inline; width:450px}
.map{ width:454px; float:right}
.gallery{ width:400px; float:right; display:block}
.gallery li{ width:120px; height:120px; float:left; display:inline; margin:0 10px 10px 0}
.gallery li a{width:110px; height:110px;  border:1px solid #CCC; display:block; padding:4px; background:#F2F2F2}
.gallery li a:hover{border:2px solid #09C;padding:3px} 
/*INTERNA*/
.topSection{ width:900px; height:170px; margin:20px; background-image:url(../images/sprite-top.jpg)}
.topSection.topMotorwash{background-position:0 0}
.topSection.topEventCar{background-position:0 -170px}
.topSection.topMotorManiak{background-position:0 -340px}
.topSection.topPapitoRider{background-position:0 -510px}
.topSection.topContattaci{background-position:0 -680px}
.topSection.topFotoGallery{width:900px; height:170px; margin:20px; background-image:url(../images/fotogallery.jpg)}
.mappa{ float:right}
.contactForm{ clear:both}
.contactForm div{ padding:5px 0; clear:both}
.contactForm label{ width:60px; display:block; float:left; font-size:12px; text-align:right; padding:5px 10px}
.contactForm label span{ color:#F00}
.contactForm .input,.contactForm textarea{ width:270px; border:1px solid #CCC; padding:5px 4px; font:12px Arial; color:#09C; background:#F7F7F7;display:block; float:left}
.contactForm textarea{ height:100px}.info{ clear:both; padding-top:20px}
.contactForm .button{ width:140px; height:43px; background:url(../images/sprites-image.png) -61px -288px; font:12px/43px Arial; color:#fff; margin:10px 0 0 140px;}
.contactForm .button:hover{background-position:-202px -288px; cursor:hide; cursor:pointer!important}
.contactForm .grazie{ background:#FFC; padding:30px; border:1px solid #FC9; font:bold 16px Arial; text-align:center}
.contactForm .grazie a{ color:#09C}
/*FOOTER*/
.footer{ width:940px; margin:0 auto; background:url(../images/street.png); overflow:hidden; height:70px}
.textLeftFooter{ text-align:center;font:12px/40px Arial; padding-left:20px}
/*LIGHTBOX*/
#jquery-overlay {position: absolute; top:0;	left: 0; z-index: 90; width: 100%; height: 500px;}
#jquery-lightbox {position: absolute; top:0; left: 0; width: 100%; z-index: 100; text-align: center;	line-height: 0;}
#jquery-lightbox a img { border:none }
#lightbox-container-image-box {position: relative;	background-color: #fff;	width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image {padding: 10px}
#lightbox-loading {position: absolute;	top: 40%; left: 0%; height: 25%;	width: 100%; text-align: center; line-height: 0;}
#lightbox-nav {position: absolute;	top: 0;	left: 0; height: 100%;	width: 100%;	z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left:0}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%;	zoom: 1; display: block}
#lightbox-nav-btnPrev {left:0; float: left}
#lightbox-nav-btnNext {right:0; float: right}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%;padding: 0 10px 0}
#lightbox-container-image-data{padding: 0 10px; color: #666}
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left}	
#lightbox-image-details-caption{font-weight: bold}
#lightbox-image-details-currentNumber{display:block; clear:left; padding-bottom:1.0em}			
#lightbox-secNav-btnClose {width:66px; float:right;padding-bottom:0.7em}
/*SPOT*/
.spot{ display:block; clear:both; overflow:hidden}
.spot li{ display:inline; float:left; width:180px; height:150px; margin:10px 22px}

div#flashcontent {
	width:100%;
	height:100%;
}

