/*
	Nicola Pressi | elemind
	nicola@elemind.com
	2009-09-29 18.09
*/
/*
	::: COLORS :::
	grigione: 		231F20
	verde fiappo:	D5E04E
	verde grintoso:	D6DE23
*/
/* 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
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* general */
body{color:#999999;font:normal 12px/16px Arial,sans-serif;background:#111111 url(../img/layout/bg.jpg) repeat-y 50% 0;}
h1{font:normal normal bold 64px/64px "Trebuchet MS",Arial,sans-serif;color:#ffffff;}
h2{font:normal normal bold 32px/32px "Trebuchet MS",Arial,sans-serif;color:#ffffff;}
h3{font:normal normal normal 14px/16px "Trebuchet MS",Arial,sans-serif;color:#ffffff;}
h4{font:normal normal normal 12px/16px "Trebuchet MS",Arial,sans-serif;color:#ffffff;}
a{color:#D5E04E;}
a:hover{color:#ffffff;text-decoration:none;}

/* layout */
#wrapper{width:960px;margin:0 auto;overflow:hidden;}
#header{height:115px;width:100%;;}
#logo{float:left;width:220px;margin:20px 0;}
#photo{position:relative;float:left;width:960px;height:100px;overflow:hidden;margin:0;background:url(../img/layout/elements/dots/h4.png) repeat-x 100% 100%;}
#image{width:960px;height:99px;overflow:hidden;}
#content{float:left;}

/* sidebar */
#sidebar{position:absolute;top:0px;left:0px;width:240px;height:99px;background:url(../img/layout/elements/trans.png) no-repeat 0 0;color:#cccccc;font-size:14px;}
#sidebar h2{padding:20px 0 10px 5px;color:#fff;}
#sidebar ul{}
#sidebar li{color:#fff;padding:10px 0;margin:0 10px;background:url(../img/layout/elements/dots/h4.png) repeat-x 100% 100%;}
#sidebar .preLoader{margin:0 0 0 10px;}
#sidebar .follow{position:absolute;bottom:10px;left:10px;}
#sidebar .follow p{margin:5px 0 0 0;}
#sidebar a.facebook{display:block;float:left;}
#sidebar a.diventa-fan{display:block;float:left;margin:0 0 0 10px;}
#sidebar .extra{position:absolute;right:0;top:0;width:1px;height:100%;background:url(../img/layout/elements/dots/v4.png) repeat-y 100% 100%;}

#social-ico{position:absolute;bottom:24px;left:10px;}
#social-ico li{float:left;width:48px;height:48px;margin:0 8px 0 0;padding:0;text-align:center;background:none;}

/* nav */
#nav{bottom:25px;float:right;font:16px/32px "Trebuchet MS",Arial,sans-serif;margin-top:72px;}
#nav li{float:left;height:18px;}
#nav li.last{}
#nav li a{float:left;display:block;padding:0 10px;color:#ffffff;text-decoration:none;}
#nav li a:hover{color:#fff;/*text-decoration:underline;*/border-bottom:5px solid #D6DE23;}
#nav li span{float:left;display:block;padding:0 10px;margin:-5px 0 0 0;color:#D6DE23;text-decoration:none;cursor:default;border-top:5px solid #fff;}

.row{float:left;width:100%;padding:10px 0;background:url(../img/layout/elements/dots/h4.png) repeat-x 100% 100%;}
.title{float:left;width:240px;}
.title h2{color:#D5E04E;margin:0 0 0 10px;}
.title h2 a{color:#D5E04E;text-decoration:none;}
.title h2 a:hover{color:#fff;}
.title p{font:italic 11px Arial,sans-serif;color:#cccccc;margin:0 80px 10px 10px;}
.row .item{float:left;width:240px;height:145px;background:url(../img/layout/elements/dots/v4.png) repeat-y 0% 0%;}
#news.row .item:hover,
#offerte.row .item:hover,
#usato.row .item:hover{background-color:#111;cursor:pointer;}
#news.row .item:hover h3 a,
#offerte.row .item:hover h3 a,
#usato.row .item:hover h3 a{color:#fff;}
.item h3{float:none;margin:9px 10px 5px;}
.item h3 a{color:#D5E04E;text-decoration:none;}
.item h3 a:hover{color:#fff;}
.item em.date{display:block;float:left;color:#D5E04E;font-style:normal;margin:0 5px 0 10px;text-transform:capitalize;line-height:15px;}
.item.photo em.date,
.item.video em.date{margin-left:0px;}
.item img{float:left;margin:3px 10px 10px;border:1px solid #555;}
.item p{margin:0 10px 10px 10px;line-height:15px;}

#intro{}
#intro .item.text{width:480px;}
#intro .item.text strong{white-space:nowrap;}
#intro .item.img{background:none;}
#intro .item img{margin:0 0 0 0;}
#intro .item p{font-size:13px;line-height:18px;}
#intro .item p strong{color:#ffffff;font-size:18px;font-weight:normal;}

/* orari */
#wrapper .orari{color:#fff;font-style:normal;font-size:14px;margin-right:20px;}
#wrapper .orari strong{font-size:18px;font-weight:normal;}
#wrapper .orari em{font-style:normal;font-weight:bold;}

#news{}
#offerte{}
#usato{}

#contatti{}
#contatti.row{padding:0;margin:0;}
#contatti.row .item{height:auto;background:none;}
#contatti .item p{text-align:right;}
#contatti .item p strong{font-weight:bold;color:#fff;font-size:14px;letter-spacing:0.4px;}
#contatti .item .map{border:1px solid #555;width:236px;height:143px;margin:0 0 10px 0;}
#contatti .item .map span{display:none;}
#contatti .item .map img{margin:0;}
#contatti .error-message{color:#D5E04E;text-align:right;}
#contatti .title{margin-top:20px;}
#contatti .item.form{margin-bottom:10px;margin-top:20px;min-height:200px}
#contatti .item.form h3{font-size:24px}
#contatti .item.top{margin-top:20px;}
#contatti li.error input{border-color:#D6DE23;}
#contatti #close{float:right;cursor:pointer;margin-bottom:10px;}

/* home */
body.home #photo{margin-bottom:20px;height:411px;}
body.home #image{height:410px;}
body.home #sidebar{height:410px;}

/* form horizontal */
form.h{display:block;width:480px;line-height:16px;}
form.h li{overflow:hidden;margin:0 0 5px 0;}
form.h label{float:left;display:block;width:230px;line-height:18px;text-align:right;color:#fff;}
form.h li input,
form.h li textarea{display:block;float:right;width:238px;font:12px/16px Arial,sans-serif;background:#231F20;color:#999999;border:1px solid #555;}
form.h input.submit{display:block;float:left;width:120px;margin:0 0 0 240px;font:12px/16px Arial,sans-serif;background:#999999;color:#231F20;border:1px solid #555;}

/* form vertical */
form.v{display:block;width:240;line-height:16px;}
form.v li{margin:0 0 10px 0;}
form.v label{display:block;color:#fff;}
form.v li input,
form.v li textarea{display:block;width:238px;font:12px/16px Arial,sans-serif;background:#231F20;color:#999999;border:1px solid #555;}
form.v input.submit{display:block;width:120px;margin:0 0 0 0;font:12px/16px Arial,sans-serif;background:#999999;color:#231F20;border:1px solid #555;}

/* list */
body.list #content{}
body.list .items{float:left;width:480px;margin:0 0 0 0;background:url(../img/layout/elements/dots/v4.png) repeat-y 0 0;}
body.list .items .item{position:relative;float:left;width:460px;min-height:145px;padding:10px 0;margin:0 10px;background:url(../img/layout/elements/dots/h4.png) repeat-x 100% 100%;}
body.list .items .item:last-child{background:none;}
body.list .items .item:hover{background-color:#111;cursor:pointer;}
body.list .items .item:hover h3 a{color:#D5E04E;}
body.list .items .item:hover p.more a{color:#fff;}
body.list .items .item .date{position:absolute;width:100px;top:40px;left:-130px;text-align:right;color:#fff;text-transform:capitalize;margin:0;padding:0;}
body.list .items .item .date .week-day{display:block;}
body.list .items .item .date .full-date{display:block;font-size:24px;line-height:32px;color:#D5E04E;}
body.list .items .item .date .hour{display:block;}
body.list .items .item h3{}
body.list .items .item img{}
body.list .items .item p{}
body.list .items .item p.more a{position:absolute;bottom:5px;right:5px;text-decoration:none;}
body.list .items .item p.more a:hover{color:#fff;}
body.list .col{float:left;width:220px;padding:0 10px;background:url(../img/layout/elements/dots/v4.png) repeat-y 0 0;}

/* single */
body.single #content{}
body.single .title h2{font:normal normal bold 32px/32px "Trebuchet MS",Arial,sans-serif;color:#ffffff;margin:0 0 0 10px;}
body.single .main{position:relative;float:left;width:480px;background:url(../img/layout/elements/dots/v4.png) repeat-y 0 0;}
body.single .main .date{position:absolute;width:100px;top:40px;left:-130px;text-align:right;color:#fff;text-transform:capitalize;margin:0;padding:0;}
body.single .main .date .week-day{display:block;}
body.single .main .date .full-date{display:block;font-size:24px;line-height:32px;color:#D5E04E;}
body.single .main .date .hour{display:block;}
body.single .main .video{margin:0 0 10px 10px;}
body.single .main ul.images{float:none;}
body.single .main p{clear:both;}

/* static */
body.static #content{}
body.static .title h1{font:normal normal bold 32px/32px "Trebuchet MS",Arial,sans-serif;color:#ffffff;margin:0 0 0 10px;}
body.static .main{float:left;width:480px;margin:0;background:url(../img/layout/elements/dots/v4.png) repeat-y 0 0;}
.main h1{float:none;margin:0 10px 10px 10px;font:normal normal normal 32px/32px "Trebuchet MS",Arial,sans-serif;color:#ffffff;}
.main h2{float:none;margin:9px 10px 5px;font:normal normal bold 16px/16px "Trebuchet MS",Arial,sans-serif;color:#ffffff;}
.main h3{float:none;margin:9px 10px 5px;font:normal normal normal 14px/16px "Trebuchet MS",Arial,sans-serif;color:#ffffff;}
.main img{float:left;margin:3px 10px 10px;border:1px solid #555;}
.main p img{margin-left:0;}
.main p{margin:0 10px 10px 10px;}

/* servizi */
body.servizi .main br{clear:both;}

/* breadcrumb */
#breadcrumb{width:960px;line-height:32px;float:left;padding:0 0 0 10px;margin:0 0 20px 0;background:url(../img/layout/elements/dots/h4.png) repeat-x 100% 100%;}
#breadcrumb li{float:left;padding:0 15px 0 0;margin:0 10px 0 0;background:url(../img/layout/breadcrumb.gif) no-repeat 100% 50%;}
#breadcrumb li.last{background:none;}
#breadcrumb li a{color:#fff;text-decoration:none;}
#breadcrumb li a:hover{color:#D5E04E;}
#breadcrumb li span{color:#999;}

/* pagination */
.pagination{width:710px;line-height:32px;float:left;padding:0 0 0 260px;margin:20px 0 -20px 0;background:url(../img/layout/elements/dots/h4.png) repeat-x 0 0;}
.pagination span{margin:0 5px 0 0;font-size:14px;}

/* brands */
body.marche .brands{height:auto;width:480px;margin-bottom:50px;}
.brands{float:left;width:720px;height:153px;}
.brands li{float:left;width:240px;height:80px;}
.brands li a{display:block;width:220px;height:60px;margin:10px;background:url(../img/layout/brands2.png) no-repeat 0 -60px;text-indent:-9999px;}

.brands li.bmc a{background-position:0 -60px;}
.brands li.specialized a{background-position:-220px -60px;}
.brands li.pinarello a{background-position:-440px -60px;}
.brands li.giant a{background-position:-660px -60px;}
.brands li.bottecchia a{background-position:-880px -60px;}
.brands li.fizik a{background-position:-1100px -60px;}
.brands li.commencal a{background-position:-1320px -60px;}
.brands li.assos a{background-position:-1540px -60px;}
.brands li.fsa a{background-position:-1760px -60px;}
.brands li.campagnolo a{background-position:-1980px -60px;}
.brands li.fulcrum a{background-position:-2200px -60px;}
.brands li.ritchey a{background-position:-2420px -60px;}
.brands li.sram a{background-position:-2640px -60px;}
.brands li.control-tech a{background-position:-2860px -60px;}
.brands li.sidi a{background-position:-3080px -60px;}
.brands li.castelli a{background-position:-3300px -60px;}
.brands li.easton a{background-position:-3520px -60px;}
.brands li.oakley a{background-position:-3740px -60px;}
.brands li.polar a{background-position:-3960px -60px;}
.brands li.shimano a{background-position:-4180px -60px;}
.brands li.lightweight a{background-position:-4400px -60px;}

.brands li.bmc a:hover{background-position:0 0;}
.brands li.specialized a:hover{background-position:-220px 0;}
.brands li.pinarello a:hover{background-position:-440px 0;}
.brands li.giant a:hover{background-position:-660px 0;}
.brands li.bottecchia a:hover{background-position:-880px 0;}
.brands li.fizik a:hover{background-position:-1100px 0;}
.brands li.commencal a:hover{background-position:-1320px 0;}
.brands li.assos a:hover{background-position:-1540px 0;}
.brands li.fsa a:hover{background-position:-1760px 0;}
.brands li.campagnolo a:hover{background-position:-1980px 0;}
.brands li.fulcrum a:hover{background-position:-2200px 0;}
.brands li.ritchey a:hover{background-position:-2420px 0;}
.brands li.sram a:hover{background-position:-2640px 0;}
.brands li.control-tech a:hover{background-position:-2860px 0;}
.brands li.sidi a:hover{background-position:-3080px 0;}
.brands li.castelli a:hover{background-position:-3300px 0;}
.brands li.easton a:hover{background-position:-3520px 0;}
.brands li.oakley a:hover{background-position:-3740px 0;}
.brands li.polar a:hover{background-position:-3960px 0;}
.brands li.shimano a:hover{background-position:-4180px 0;}
.brands li.lightweight a:hover{background-position:-4400px 0;}

/* footer */
#footer{float:left;width:100%;margin:20px 0;padding-top:20px;background:url(../img/layout/elements/dots/h4.png) repeat-x 0 0;}
body.home #footer{background:none;padding-top:0;}
#footer p{padding:10px;}
#footer a.credits{color:#999999;text-decoration:none;cursor:text;}
#footer a.credits strong{font-weight:bold;color:#D5E04E;cursor:pointer;text-decoration:underline;}
#footer a.credits strong:hover{text-decoration:none;color:#fff;}

/* varie */
.fl{float:left;}
.fr{float:right;}