/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* CSS Document */
a { color: #343434; text-decoration: none; }
p { line-height: 1.4; }
a:hover, a:active { color: grey; text-decoration: underline; }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: black; font-size: 16px; background: url(../images/body-top-black.gif)  top left repeat-x; }
#home article h2 { font-size: 16px; text-align: right; font-weight: normal; padding: 0 20px; visibility: hidden; display: none; }
#home .banner { background: url(../images/bg_banner.jpg) no-repeat 0 0; height: 300px; margin-top: 60px; }
section.main_content article .transp { width: 100%; height: 100%; position: absolute; top: 0px; z-index: 0; background-color: rgba(0,0,0,.1); -webkit-transition: background 500ms ease-in-out; -moz-transition: background 500ms ease-in-out; -ms-transition: background 500ms ease-in-out; -o-transition: background 500ms ease-in-out; transition: background 500ms ease-in-out; }
section.main_content article:hover .transp { background-color: rgba(255,255,255,0); }
section.main_content article h2 { display: block; width: 100%; -webkit-transition: background 500ms ease-in-out; -moz-transition: background 500ms ease-in-out; -ms-transition: background 500ms ease-in-out; -o-transition: background 500ms ease-in-out; transition: background 500ms ease-in-out; }
section.main_content article h2 span { padding: 10px 20px; display: block; font-size: 20px; font-weight: normal; color: rgba(255,255,255,0); text-align: right; -webkit-transition: color 500ms ease-in-out; -moz-transition: color 500ms ease-in-out; -ms-transition: color 500ms ease-in-out; -o-transition: color 500ms ease-in-out; transition: color 500ms ease-in-out; }
section.main_content article:hover h2 { background-color: rgba(0,0,0,.7); }
section.main_content article:hover h2 span { color: white; }
section.main_content article { position: relative; width: 100%; }
section.main_content article h1 { display: block; background-color: black; background-color: rgba(0,0,0,1); position: relative; width: 100%; }
section.main_content article h1 span { font-size: 24px; color: white; font-weight: normal; padding: 10px 20px; display: block; text-align: right; font-weight: bold; }
section.main_content article:hover h2 { }
section.main_content article img { width: 100%; }
.hidden { text-indent: 100%; white-space: nowrap; overflow: hidden; visibility: hidden; display: none; }

header {background-color: #000000; color: white; margin: 0; width: 90%; padding-left: 5%; padding-right: 5%; padding-bottom: 20px; height: 53px; }
header.top-header {background-color: black; color: white; margin: 0; width: 90%; padding-left: 5%; padding-right: 5%; padding-bottom: 0; padding-top: 20px; height: 73px; text-align: center;}
header .main_nav {position: relative; top: 0; right: 0;}
header .main_nav ul li { float: left; display: block; border-bottom: solid 10px black; padding: 0 0 12px 0; margin-left: 30px; -webkit-transition: border-color 200ms ease-in-out; -moz-transition: border-color 200ms ease-in-out; -ms-transition: border-color 200ms ease-in-out; -o-transition: border-color 200ms ease-in-out; transition: border-color 200ms ease-in-out; }
header .main_nav ul { float: right; position: relative; right: 0; top: 0px; list-style: none; }
header .main_nav ul li a { color: white; padding-top: 33px; display: block; font-weight: bold; font-size: 18px; }
header .main_nav ul li:hover { border-bottom: solid 10px white;}
/* pit14/04/2014 */header .main_nav ul li:active { border-bottom: solid 10px white;}
header .main_nav ul li.attivo { float: left; display: block; border-bottom: solid 10px white; padding: 0 0 12px 0; margin-left: 30px; -webkit-transition: border-color 200ms ease-in-out; -moz-transition: border-color 200ms ease-in-out; -ms-transition: border-color 200ms ease-in-out; -o-transition: border-color 200ms ease-in-out; transition: border-color 200ms ease-in-out; }
header .main_nav ul li.attivo a { color: white; padding-top: 33px; display: block; font-weight: bold; font-size: 18px; }
header .main_nav ul li.attivo:hover { border-bottom: solid 10px white;}

header.viamilano-header {background-color: #ffffff; border-bottom: solid 5px #bcbcbc; color: #222222; margin: 0; width: 90%; padding-left: 5%; padding-right: 5%; padding-bottom: 0; padding-top: 4px; height: 43px;}
header .viamilano_nav {position: relative; top: 0; right: 0;}
header .viamilano_nav ul li { float: left; display: block; border-bottom: solid 4px #ffffff; padding: 7px 0 10px 0; margin-left: 30px; -webkit-transition: border-color 200ms ease-in-out; -moz-transition: border-color 200ms ease-in-out; -ms-transition: border-color 200ms ease-in-out; -o-transition: border-color 200ms ease-in-out; transition: border-color 200ms ease-in-out; }
header .viamilano_nav ul { float: right; position: relative; right: 0; top: 0px; list-style: none; }
header .viamilano_nav ul li a { color: #222222; padding-top: 4px; display: block; font-weight: bold; font-size: 18px; }
header .viamilano_nav ul li:hover { border-bottom: solid 4px #bcbcbc; }
header .viamilano_nav ul li.viamilano-attivo { float: left; display: block; border-bottom: solid 4px #bcbcbc; padding: 7px 0 10px 0; margin-left: 30px; -webkit-transition: border-color 200ms ease-in-out; -moz-transition: border-color 200ms ease-in-out; -ms-transition: border-color 200ms ease-in-out; -o-transition: border-color 200ms ease-in-out; transition: border-color 200ms ease-in-out; }
header .viamilano_nav ul li.viamilano-attivo a { color: #222222; padding-top: 4px; display: block; font-weight: bold; font-size: 18px; }
header .viamilano_nav ul li.viamilano-attivo:hover { border-bottom: solid 4px #bcbcbc; }

header.aluminium-header {background-color: #ffffff; border-bottom: solid 5px #01f700; color: #222222; margin: 0; width: 90%; padding-left: 5%; padding-right: 5%; padding-bottom: 0; padding-top: 4px; height: 43px;}
header .aluminium_nav {position: relative; top: 0; right: 0;}
header .aluminium_nav ul li { float: left; display: block; border-bottom: solid 4px #ffffff; padding: 7px 0 10px 0; margin-left: 30px; -webkit-transition: border-color 200ms ease-in-out; -moz-transition: border-color 200ms ease-in-out; -ms-transition: border-color 200ms ease-in-out; -o-transition: border-color 200ms ease-in-out; transition: border-color 200ms ease-in-out; }
header .aluminium_nav ul { float: right; position: relative; right: 0; top: 0px; list-style: none; }
header .aluminium_nav ul li a { color: #222222; padding-top: 4px; display: block; font-weight: bold; font-size: 18px; }
header .aluminium_nav ul li:hover { border-bottom: solid 4px #01f700; }
header .aluminium_nav ul li.aluminium-attivo { float: left; display: block; border-bottom: solid 4px #01f700; padding: 7px 0 10px 0; margin-left: 30px; -webkit-transition: border-color 200ms ease-in-out; -moz-transition: border-color 200ms ease-in-out; -ms-transition: border-color 200ms ease-in-out; -o-transition: border-color 200ms ease-in-out; transition: border-color 200ms ease-in-out; }
header .aluminium_nav ul li.aluminium-attivo a { color: #222222; padding-top: 4px; display: block; font-weight: bold; font-size: 18px; }
header .aluminium_nav ul li.aluminium-attivo:hover { border-bottom: solid 4px #01f700; }

header.carbon-header {background-color: #ffffff; border-bottom: solid 5px #ff0416; color: #222222; margin: 0; width: 90%; padding-left: 5%; padding-right: 5%; padding-bottom: 0; padding-top: 4px; height: 43px;}
header .carbon_nav {position: relative; top: 0; right: 0;}
header .carbon_nav ul li { float: left; display: block; border-bottom: solid 4px #ffffff; padding: 7px 0 10px 0; margin-left: 30px; -webkit-transition: border-color 200ms ease-in-out; -moz-transition: border-color 200ms ease-in-out; -ms-transition: border-color 200ms ease-in-out; -o-transition: border-color 200ms ease-in-out; transition: border-color 200ms ease-in-out; }
header .carbon_nav ul { float: right; position: relative; right: 0; top: 0px; list-style: none; }
header .carbon_nav ul li a { color: #222222; padding-top: 4px; display: block; font-weight: bold; font-size: 18px; }
header .carbon_nav ul li:hover { border-bottom: solid 4px #ff0416; }
header .carbon_nav ul li.carbon-attivo { float: left; display: block; border-bottom: solid 4px #ff0416; padding: 7px 0 10px 0; margin-left: 30px; -webkit-transition: border-color 200ms ease-in-out; -moz-transition: border-color 200ms ease-in-out; -ms-transition: border-color 200ms ease-in-out; -o-transition: border-color 200ms ease-in-out; transition: border-color 200ms ease-in-out; }
header .carbon_nav ul li.carbon-attivo a { color: #222222; padding-top: 4px; display: block; font-weight: bold; font-size: 18px; }
header .carbon_nav ul li.carbon-attivo:hover { border-bottom: solid 4px #ff0416; }

header.laciocchina-header {background-color: #ffffff; border-bottom: solid 5px #a3502e; color: #222222; margin: 0; width: 90%; padding-left: 5%; padding-right: 5%; padding-bottom: 0; padding-top: 4px; height: 43px;}
header .laciocchina_nav {position: relative; top: 0; right: 0;}
header .laciocchina_nav ul li { float: left; display: block; border-bottom: solid 4px #ffffff; padding: 7px 0 10px 0; margin-left: 30px; -webkit-transition: border-color 200ms ease-in-out; -moz-transition: border-color 200ms ease-in-out; -ms-transition: border-color 200ms ease-in-out; -o-transition: border-color 200ms ease-in-out; transition: border-color 200ms ease-in-out; }
header .laciocchina_nav ul { float: right; position: relative; right: 0; top: 0px; list-style: none; }
header .laciocchina_nav ul li a { color: #222222; padding-top: 4px; display: block; font-weight: bold; font-size: 18px; }
header .laciocchina_nav ul li:hover { border-bottom: solid 4px #a3502e; }
header .laciocchina_nav ul li.laciocchina-attivo { float: left; display: block; border-bottom: solid 4px #a3502e; padding: 7px 0 10px 0; margin-left: 30px; -webkit-transition: border-color 200ms ease-in-out; -moz-transition: border-color 200ms ease-in-out; -ms-transition: border-color 200ms ease-in-out; -o-transition: border-color 200ms ease-in-out; transition: border-color 200ms ease-in-out; }
header .laciocchina_nav ul li.laciocchina-attivo a { color: #222222; padding-top: 4px; display: block; font-weight: bold; font-size: 18px; }
header .laciocchina_nav ul li.laciocchina-attivo:hover { border-bottom: solid 4px #a3502e; }



i.variante {font-style: italic!important; color: #232323; font-size: 20px;}

section.main_content { float: left; width: 100%; }
section.main_content a { width: 25%; display: inline-block; float: left; /*border-bottom: solid 1px #cecece;*/ border-top: solid 1px black; line-height: 0; }
div.bg_content { background: url(../images/bg_banner.jpg) no-repeat center top; height: auto; width: 100%; position: relative; /*top:-4px;*/ z-index: -1; }
.point_1 { top: 54px; left: 235px; position: absolute; }
.point_2 { top: 157px; left: 458px; position: absolute; }
.point_3 { top: 430px; left: 128px; position: absolute; }
.point_4 { top: 474px; left: 445px; position: absolute; }
.point_5 { top: 384px; left: 780px; position: absolute; }
.point_6 { top: 77px; left: 628px; position: absolute; }
.point_7 { top: 190px; left: 588px; position: absolute; }
.fixed_width { width: 980px; margin: auto; }
.word, .drc_logo, .shimano_logo, .selle_logo, .pmp_logo, .deda_logo, .ritchey_logo, .sram_logo { float: left; margin-left: 21px; height: 66px; /*border-right: solid 1px #BBBBBB; */ margin-right: 21px; position:relative; }
.drc_logo { background: url('../images/sprite_partners.png') no-repeat 0 -6px; width: 73px; height: 54px; top: -3px; }
.shimano_logo { background: url('../images/sprite_partners.png') no-repeat -82px -24px; width: 141px; height: 19px; top: 25px; margin-left:0;}
.selle_logo { background: url('../images/sprite_partners.png') no-repeat -232px -11px; width: 118px; height: 45px; top: 10px; }
.pmp_logo { background: url('../images/sprite_partners.png') no-repeat -359px -4px; width: 101px; height: 58px; top: 5px;}
.deda_logo { background: url('../images/sprite_partners.png') no-repeat -469px -14px; width: 111px; height: 39px; top: 13px; }
.ritchey_logo { background: url('../images/sprite_partners.png') no-repeat -589px 0; width: 46px; height: 66px; }
.sram_logo { background: url('../images/sprite_partners.png') no-repeat -644px -25px; width: 135px; height: 17px; top: 27px; margin-right:0;}
.partners .bg_img {  }
.partners a { display: block; width: 100%; height: 100%; }
.reg_list li { font-size: 14px; border-bottom: 1px solid #d3d3d3; padding: 5px 10px 5px 0 }
.reg_list { padding: 20px; padding-left: 0; width:470px; float:left; }
list li { font-size: 14px; border-bottom: 1px solid #808080; padding: 5px 10px 5px 10px }
.reg_list li span.block { display: inline-block; margin-right: 20px; width: 122px; font-weight: bold; }
.blog { line-height: 1.2; }
form { font-size: 14px; }
.reg_form { margin-top: 40px; }
.reg_form li { width: 440px; padding: 3px 10px; float: left; }
.reg_form li label { width: 100px; display: inline-block; }
.reg_form li input[type=text], .reg_form li input[type=email] { width: 200px; padding: 5px; font-size: 12px; border: solid 1px grey; }
.reg_form li textarea { width: 300px; padding: 5px; font-size: 12px; height: 200px; }
.reg_form li input[type=submit] { margin-left: 104px; border: solid 1px black; background: black; color: white; font-size: 14px; margin-top: 10px; }
.txt_wrapper { position: absolute; z-index: 1; line-height: 1.4; top: 0; width:100%;}
strong {font-weight:bold; }
#contatti{color:black; font-size:32px;}
#contatti:hover{color:black; font-size:32px;text-decoration: none;}