/*
 Dimo-Design 
*/


/* scritura */
@font-face {
    font-family: 'Bebas';
    src: url('http://www.dimo-design.it/css/fonts/bebasneue-webfont.eot');
    src: url('http://www.dimo-design.it/css/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.dimo-design.it/css/fonts/bebasneue-webfont.woff') format('woff'),
         url('http://www.dimo-design.it/css/fonts/bebasneue-webfont.ttf') format('truetype'),
         url('http://www.dimo-design.it/fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Melbourne';
    src: url('http://www.dimo-design.it/css/fonts/melbourne_reg-webfont.eot');
    src: url('http://www.dimo-design.it/css/fonts/melbourne_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.dimo-design.it/css/fonts/melbourne_reg-webfont.woff') format('woff'),
         url('http://www.dimo-design.it/css/fonts/melbourne_reg-webfont.ttf') format('truetype'),
         url('http://www.dimo-design.it/fonts/melbourne_reg-webfont.svg#MelbourneRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MelbourneBold';
    src: url('http://www.dimo-design.it/css/fonts/melbourne_bold-webfont.eot');
    src: url('http://www.dimo-design.it/css/fonts/melbourne_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.dimo-design.it/css/fonts/melbourne_bold-webfont.woff') format('woff'),
         url('http://www.dimo-design.it/css/fonts/melbourne_bold-webfont.ttf') format('truetype'),
         url('http://www.dimo-design.it/fonts/melbourne_bold-webfont.svg#MelbourneLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 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,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
body, td { font-size: 87.5%; font-family: Arial, serif; line-height: 21; color: #7f7f7f; }
body { background: #FFFFFF; }
h1 { font: 14.8em/1em Bebas; color: #000; text-transform: uppercase; }
h2 { font: 5.4em/1em Bebas; color: #000; margin-bottom: 3px; text-transform: uppercase; }
h3 { font: 1.5em/1em Melbourne; color: #7f7f7f; margin-bottom: 28px; text-transform: uppercase; }
h4 { font: 2.6em/0.85em Bebas; color: #003678; margin-bottom: 10px; text-transform: uppercase; }
h5 { font: 1.6em/0.85em Bebas; color: #666; margin-bottom: 10px; text-transform: uppercase; }
a { color: #003678; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin-bottom: 27px; font-size: 1 em; line-height: 2em; }
hr { display: none; }
.hr { height: 0; clear: both; margin: 1em 0; overflow: hidden; display: block; border-top: 1px solid #bfbebe; border-bottom: 5px solid #003678; } 
.hr.fixedWidth { width: 978px;  }

/* generel */
.clear { content: "."; height: 0; overflow: hidden; display: block; clear: both }
.floatLeft { float: left !important; }
.floatRight { float: right !important; }
.centeredContent { position: relative; width: 978px; margin: 0 auto; }
.column { float: left; }
.column.oneQuarter { width: 222px; }
.column.oneThird { width: 306px; }
.column.half { width: 474px; }
.column.full { width: 978px; }
.marginLeft20 { margin-left: 20px !important; }
.marginLeft30 { margin-left: 30px !important; }
.marginTop30 { margin-top: 30px !important; }
.marginBottom30 { margin-bottom: 30px !important; }
.bold, strong { font-weight: bold; }
.noMargin { margin: 0 !important; }
div.jumpAnchor { float: left; clear: both; width: 100%;  }
a.jumpAnchor { float: left;	width: 100%; line-height: 0px;overflow: hidden; margin-top: -92px; }
p.intro { font-size: 1.2em; line-height: 1.6em; }
p.small { font-size: 0.9em; line-height: 1.32em; }
.english { font-size: 0.9em; line-height: 1.6em; }
.flashMessage.success { color: green; }
.flashMessage.error { color: red; }
#awwwards { position: absolute; top: 12px; left: 0;}

/* modulo */
legend { display: none; }
ul.form { float: left;  list-style: none; margin: 0; padding: 0; width: 300px;  }
ul.form li { float: left; clear: both; height: 53px; width: 300px; }
ul.form label { float: left; clear: both; }
input.text { line-height: 10px; height: 31px; }
input.text, textarea.textarea {
  width: 432px;
  padding: 0 10px;
  float: left; font-size: 1em; color: #003678;
  border:1px solid #a8a8a8;
  box-shadow: 0 2px 2px #cccccc inset;
  outline:none;
}
.error_list li { color: red; }

#map { margin-top:10px; padding-bottom:20px; height:400px;margin-bottom:0;}


/* on the next line we add a down arrow on the right to indicate that it is a select box */
.customStyleSelectBoxInner {
background:url(canvas-list-nav-item-arrow-.gif) no-repeat center right;
}

/* homepage */
.content { float: left; clear: both; width: 100%; margin: 20px 0 30px 0; }

/* homepage lead */
#lead { position: relative; float: left; clear: both; width: 100%; height: 600px; background: #f2f2f2 url(http://www.dimo-design.it/images/lead_photo.jpg) center no-repeat; }
#lead .logo { position: absolute; top: 88px; left: 170px; z-index: 30; }
#lead span { position: absolute; top: 368px; left: 23px; width: 503px; font: normal 1.4em/1.3em Melbourne; text-align: center; }
#lead .continue { position: absolute; top: 486px; left: 256px; z-index: 20; width: 36px; height: 36px; text-indent: -9999px; background: url(http://www.dimo-design.it/images/lead_arrow_down.gif) top left no-repeat; }
#lead .continue:hover { background-position: bottom left; }
#lead .photo { position: absolute; top: 0; right: -222px;  z-index: 10; } 

/* main menu */
#main_menu { position: relative; float: left; clear: both; width: 100%; height: 92px; background: url(http://www.dimo-design.it/images/main_menu_bg.png) repeat-x; z-index: 1000; }
#main_menu ul,
#main_menu li { float: left; list-style: none; margin: 0; padding: 0; height: 92px; }
#main_menu li a { float: left; display: block; width: 222px; height: 65px; padding: 20px 0 0 20px; font: 2.6em/0.9em Bebas; color: #FFFFFF; text-transform: uppercase; }
#main_menu li a span { float: left; clear: both; width: 100%; font: 0.5em/1.1em MelbourneBold; color: #808080; }
#main_menu li a.selected,
#main_menu li a:hover { text-decoration: none; color: #003678; background: #FFFFFF url(images/main_menu_active_bg.png) repeat-x; }
#main_menu a#now_only { position: absolute; top: 96px; right: 0px; width: 143px; height: 117px; padding: 47px 0 0 32px; font: 2.7em/0.9em Bebas; color: #FFFFFF; text-transform: uppercase; background: url(images/now_only_bg.png) top left no-repeat; z-index: 999; }
#main_menu a#now_only span { float: left; margin-bottom: 3px; }
#main_menu a#now_only .buyNow { font-size: 0.9em; }
#main_menu a#now_only .price { border-bottom: 2px solid #707070; }
#main_menu a#now_only:hover { background-position: bottom left; text-decoration: none; }

/* dimo_design_diego_moroder */
#dimo_design_diego_moroder_content .column.left { width: 674px; }
#dimo_design_diego_moroder_content .column.right { float: left; width: 303px; }
#dimo_design_diego_moroder_content h2 { color: #b2b2b2; } 
#dimo_design_diego_moroder_content .video { float: left; clear: both; display: block; width: 692px; height: 463px; background: url(http://www.dimo-design.it/images/winter-2013.jpg) top left no-repeat;  }
#dimo_design_diego_moroder_content .video:hover { background-position: bottom left; }

/* the process */
#the_process_content img { margin-bottom: 30px; }

/* the topics */
#the_topics_content .blind a.blindToggle { display: block; float: left; clear: both; width: 948px; height: 62px; padding-left: 30px; margin-bottom: 30px; font: 2.6em/66px Bebas; color: #FFFFFF; background: #000 url(http://www.dimo-design.it/images/dimo_blind_anchor_bg.gif) 934px -62px no-repeat; }
#the_topics_content .blind a.blindToggle.closed { background-position: 934px 0; }
#the_topics_content .blind .blindContent { float: left; }
#technical span { display: block; background: #003678; width: 222px; height: 29px; font: 1.5em/31px Bebas; color: #FFFFFF; text-transform: uppercase; text-align: center;  }
#technical .column.oneQuarter { margin-bottom: 30px; }
#technical .hr { margin-bottom: 30px; }
#behind_the_scenes .carousel { float: left; clear: both; width: 474px; height: 250px; margin-bottom: 30px; }
#behind_the_scenes .carousel .next,
#behind_the_scenes .carousel .prev { display: block; float: right; width: 30px; height: 30px; text-indent: -9999px; margin: 10px 0 10px 6px; }
#behind_the_scenes .carousel .next { background: url(images/carousel_arrow_down.gif) top left no-repeat; }
#behind_the_scenes .carousel .prev { background: url(images/carousel_arrow_up.gif) top left no-repeat; }
#behind_the_scenes .carousel .next:hover,
#behind_the_scenes .carousel .prev:hover { background-position: bottom left; }
#business ul { list-style: none; margin: 40px 0 27px 0; padding: 0; }
#business li { font-size: 1.15em; line-height: 1.5em; padding-left: 14px; background: url(images/list_item_bg.gif) 0 8px no-repeat;  }
#special_offers img { margin-bottom: 30px; }

/* cuntat info */
#cuntat_content { margin-bottom: 20px; }
#cuntat_content .strap { float: left; clear: both; width: 100%; height: 80px; border-top: 6px solid #003678; text-align: center;  }
#cuntat_content .onlyPrice { margin-top: 25px; font: italic 2em/1em Melbourne; text-transform: uppercase; }
#cuntat_content .onlyPrice .price { font: italic 1em/1em MelbourneBold; color: #003678; }
#cuntat_content .onlyPrice .freeShipping { text-decoration: underline; color: #003678; }
#cuntat_content .social,
#cuntat_content .social li { list-style: none; margin: 0; padding: 0; float: left; }
#cuntat_content .social li { margin-right: 6px; }
#cuntat_content .social a { float: left; display: block; height: 110px; width: 110px; text-indent: -9999px; background-position: top left; background-repeat: repeat; }
#cuntat_content .social a:hover { background-position: bottom left; }
#cuntat_content .social a.twitter { background-image: url(http://www.dimo-design.it/images/cuntat_twitter.gif); }
#cuntat_content .social a.facebook { background-image: url(http://www.dimo-design.it/images/facebook.gif); }
#cuntat_content .social a.addthis_button_email { background-image: url(http://www.dimo-design.it/images/cuntat_email.gif); }
#cuntat_content .social .buy { margin: 0; }
#cuntat_content .social .buy a {font: 4.3em/110px Bebas; color: #FFFFFF; text-transform: uppercase; background: #003678; width: 558px; text-indent: 0; text-align: center; }
#cuntat_content .social .buy a:hover {  color: #003678; text-decoration: none; background: #FFFFFF;  }
#cuntat_content .social .buy_now_download { margin-right: 6px; }


/* sub pages common */
.subPage { background-color: #f2f2f2; }
.subPage h1 { display: block; float: left; clear: both; width: 958px; height: 62px; padding-right: 20px; font: 2.6em/66px Bebas; color: #FFFFFF; text-align: right; background: #003678; }
.subPage h2 { font: 1.6em/1em Arial; text-transform: none; margin-bottom: 5px; }
.subPage h3 { float: left; clear: both; width: 100%; font: 1.25em/1em Arial; color: #003678; text-transform: none; margin: 15px 0 10px 0; }
.subPage .content { float: left; clear: both; width: 938px; background: #FFFFFF; margin: 0 0 20px 0; padding: 20px; }
.subPage .whiteBox,
.subPage .greyBox { float: left; clear: both; width: 898px; background: #f4f4f4; border: 1px solid #a8a8a8; margin-bottom: 30px; padding: 20px; box-shadow:1px 1px 2px #CCCCCC; }
.subPage .whiteBox { background: #FFFFFF; }
.subPage .greyBox .column.oneThird { width: 279px; }
.subPage .whiteBox .column.half,
.subPage .greyBox .column.half{ width: 433px; }
.subPage .hr { float: left; clear: both; width: 100%;  height: 0; margin: 1em 0; overflow: hidden; display: block; border-top: 1px solid #f2f2f2; border-bottom: 0; } 
.subPage .column.half { width: 454px; }

/* sub pages header */
.subPage #header a { float: left; margin: 20px 0; }
.subPage #header .strap { float: right; margin-top: 46px; }
.subPage #header .strap p {text-align: center; text-transform: uppercase; margin-bottom: 10px;}
.subPage #header .strap .top { font: italic 2em/1em Melbourne; }
.subPage #header .strap .bottom { font: italic 1.3em/1em MelbourneBold; }

/* sub pages buttons */
.subPage .button { float: left; display: block; text-transform: uppercase; font-size: 0.99em; font-weight: bold; color: #FFFFFF; border: 1px solid #003678; padding: 9px 20px; background: #003678 url(images/button_bg.gif) top left repeat-x; }
.subPage .button.big { font-size: 1.25em; padding: 16px 30px; background: #003678 url(images/button_big_bg.gif) top left repeat-x; }
.subPage .button:hover { text-decoration: none; background-position: bottom left; }

/* footer */
#footer { font-size: 0.8em; }
#footer ul,
#footer li { float: left; list-style: none; margin: 0; padding: 0; }
#footer ul { margin-bottom: 40px; }
#footer li { margin-right: 6px; padding-left: 6px; border-left: 1px solid #7F7F7F; height: 14px; line-height: 14px; }
#footer li.first { margin: 0 6px 0 0; padding: 0; border: none; }
#footer a { color: #7F7F7F; }
#footer .credit { float: right; font-weight: bold; }