/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300,300italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
.main-font {font-family:Helvetica, Arial, sans-serif; color:#313131;}
.secondary-font {font-family:'Open Sans Condensed',sans-serif; color:#313131;}
.text-font {font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#313131;}

/* Common selectors */
body {margin:0; background-color:#363636; background:#aaa;}
mark {background:none; text-transform:uppercase; color:inherit;}
.footer-big-button {background-color:#EF4135; height:38px;}
.footer-big-button:hover {background-color:#aaa; color:#EF4135;}
.footer-big-button > a {text-decoration:none; color:white; font-weight:bold; font-size:14px; text-transform:uppercase; padding:12px 20px; position:absolute;}
.big-button {background-color:#313131; height:36px;}
.big-button > a {text-decoration:none; color:white; font-weight:bold; font-size:12px; text-transform:uppercase; padding:12px 20px;}
.fb-button {background-color:#3B5998 !important;}
.tw-button {background-color:#4099FF !important;}
.big-button:hover {background-color:#EF4135 !important;}
.box-shadow {-webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);}
.finestra-sprite-layout {background-image:url(../../resources/images/finestra_sprite_layout.png); background-repeat:no-repeat;}
.brands-sprite-layout {background:url(../../resources/images/brends_sprite_layout.png) no-repeat;}
.hover {display:block !important;}

/* HEADER */
#header-content {background:url(../../resources/images/diagonal-noise.png) repeat;}
/* Header - top contacts */
#header-top-contacts {padding:8px 0; background-color:#363636;}
#header-top-contacts > ul {display:inline-block; padding:0 0 0 4px;}
#header-top-contacts > ul > li {padding:0 4px; float:left; font-size:11px; font-weight:bold;}
.top-cont-label {display:inline; float:left; color:#aaa; text-transform:uppercase;}
.top-cont-val {display:inline; float:left; color:#ddd; padding-right:5px; padding-left:5px;}
/* Header - top navigation */
#header-top-nav {height:36px; padding:4px;}
#header-top-nav > div:first-child {float:left; padding:6px 2px 6px; width:300px;}
#header-top-nav #header_search_query {min-height:100%; font-size:18px;}
#header-top-nav > div:last-child {float:right;}
.top-nav-social { width:32px; height:32px; float:right; margin-left:4px;}
#top-fb {background-position:0 0;}
#top-tw {background-position:-32px 0px;}
#top-go {background-position:-64px 0; display:none;}
#top-fb:hover {background-position:0 -32px;}
#top-tw:hover {background-position:-32px -32px;}
#top-go:hover {background-position:-64px -32px;}
/* Header - logo */
#hedaer-top-logo > div {border-bottom:2px black solid; height:120px; vertical-align:bottom;}
#hedaer-top-logo > div > a {background-position:-162px -89px; width:320px; height:87px; display:block; margin:0 auto;}
/* Header - main navigation */
#header-main-nav {border-bottom:1px solid #aaa; text-align:center; background:#fff;}
#header-main-nav > ul {display:inline-block; list-style-position:outside;}
#header-main-nav > ul > li {max-width:320px; text-align:center; border-top:4px solid white; color:#222; position:relative; display:inline-block;}
#header-main-nav > ul > li:hover {border-top:4px #EF4135 solid; color:#EF4135;}
/*#header-main-nav > ul > li:hover ul {display:block;}*/
#header-main-nav > ul > li > div > a {font-size:12px; line-height:36px; height:36px; font-weight:bold; padding:0 10px; color:inherit; text-decoration:none; text-transform:uppercase; display:block;}
.sub-nav-ul {position:absolute; color:#ddd; left:0; top:36px; display:none; overflow:hidden; z-index:1000; background-color:#363636; font-size:12px; list-style-position:outside;}
.sub-nav-ul > li {max-width:320px; min-width:200px; text-align:left; border-left:4px #363636 solid; color:inherit;}
.sub-nav-ul > li:hover {border-left:4px #EF4135 solid; background-color:#313131;}
.sub-nav-ul > li > a {font-size:13px; font-weight:bold; text-decoration:none; color:inherit; padding:15px 20px; display:block;}
.sub-nav-ul a:hover {color:#EF4135;}

/* CONTENT */
#content {width:900px; min-width:320px; margin:0 auto; -webkit-box-shadow: -5px 0px 5px rgba(50, 50, 50, 0.75), 5px 0px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow:-5px 0px 5px rgba(50, 50, 50, 0.75), 5px 0px 5px rgba(50, 50, 50, 0.75); box-shadow:-5px 0px 5px rgba(50, 50, 50, 0.75), 5px 0px 5px rgba(50, 50, 50, 0.75);}
#main-content {height:auto; background-color:#ddd; padding:15px 25px;}
/* Content - homepage slider */
#homepage-slider {display:block; position:relative;}
#homepage-slider > .banner {position:relative; overflow:hidden; width:100%; height:280px; max-height:280px;}
#homepage-slider > .banner > ul {list-style:none; margin:0px; padding:0px;}
#homepage-slider > .banner > ul > li {float: left; display:block; min-height:283px; width:33%; background-size:100% 100%;}
#homepage-slider > .banner > .dots {position:absolute; bottom:20px; right:20px;}
#homepage-slider > .banner > .dots > li {display:inline-block; width:10px; height:10px; margin:0 4px; border:2px solid #fff; border-radius:6px; opacity:.4; cursor:pointer; transition:background .5s, opacity .5s; text-indent: -999em;}
#homepage-slider > .banner > .dots > li.active {opacity:1; background:#fff;}
#homepage-slider > .banner > ul > li > div {margin:20px 0 0 30px; padding:25px 25px 20px; background:#fff; color:#000; width:400px; font-size:24px; background:url(../../resources/images/white_transparent.png) repeat;}
#homepage-slider > .banner > ul > li > div > h1 {font-size:40px; padding:0 0 15px;}
#homepage-slider > .banner > ul > li > div > ul {padding:15px 0 0; display:inline-block;}
#homepage-slider > .banner > ul > li > div > ul > li {display:inline-block; float:left; margin:0 10px 0 0;}
/* Content - content box - common */
#main-content > div {overflow:hidden;}
.main-content-header > img {max-width:100%; max-height:100%; display:block;}
.content-box {padding:30px 25px 75px; background-color:white; position:relative;}
.content-box h1 {padding:35px 0 25px; font-size:50px; font-weight:normal; color:#EF4135;}
.content-box h2 {padding:25px 0; font-size:22px; font-weight:bold; color:#EF4135; clear:left;}
.content-box h4 {padding:25px 0; font-size:18px; font-weight:bold;}
.content-box .fb-like:first-child {top:25px; right:25px; position:absolute; }
.content-box .fb-like:last-child {bottom:25px; right:25px; position:absolute; }
.content-box .intro-paragraph {font-size:24px; text-indent:50px; line-height:28px;}
.content-box p {font-size:14px; text-indent:20px; padding:2px 0 10px; line-height:20px;}
.content-box .content-box-list {font-size:14px; line-height:25px; padding:10px 0 15px 70px; display:inline-block; list-style-type:disc; list-style-position:inside;}
.content-box img {float:left;}
.content-box .popup-image {clear:left;}
.content-box .popup-image img {max-height:150px; max-width:150px; margin:10px 40px 10px 10px;}
.content-box .gallery-wrapper {text-align:center;}
.content-box .img-gallery {display:inline-block;}
.content-box .img-gallery > a > img {float:left; max-height:130px; max-width:130px; margin:10px 5px; background-color:white; -webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);}
.content-page #contet-wrappper {width:70%; float:left;}
.content-box .content-article-images {text-align:center;}
.content-box .content-article-images > li {display:inline-block; margin:10px 5px;}
#inoutic {background-position:0 0; width:100px; height:50px;}
#maco {background-position:-102px 0; width:44px; height:50px;}
#roto {background-position:-149px 0; width:125px; height:50px;}
#feal {background-position:-277px 0; width:126px; height:50px;}
#siegenia {background-position:0 -52px; width:212px; height:50px;}
#stublina {background-position:-215px -52px; width:111px; height:50px;}
#alfa-systems {background-position:-328px -52px; width:136px; height:50px;}
#viomal {background-position:-405px 0; width:219px; height:50px;}
/* Content - gallery */
.gallery-page .content-box .gallery-wrapper .img-gallery > a > img {height:170px; margin:20px; border:solid 4px white;}
/* Content - contacts us */
.contact-page #map_canvas {max-width:100%; height:300px; display:block;}
.contact-page #map_canvas #map-canvas-commands {display:none;}
.contact-page .content-box .contacts-info-wrapper {margin:10px 0 20px 160px;}
.contact-page .content-box .contacts-info-wrapper > ul > li {padding-bottom:5px;}
.contact-page .content-box .contacts-info-wrapper > ul > li a {text-decoration:none; color:inherit;}
.contact-page .content-box .contacts-info-wrapper > ul > li a:hover {color:#EF4135;}
.contact-page .content-box .contacts-info-wrapper > ul > li > div {position:relative;}
.contact-page .content-box .contacts-info-wrapper > ul > li > div > div {display:inline-block;}
.contact-page .content-box .contacts-info-wrapper > ul > li > div > div:first-child {width:32px; height:32px;}
.contact-page .content-box .contacts-info-wrapper > ul > li > div > div:last-child {position:absolute; top:50%; padding-left:10px; margin-top:-8px;}
.contact-page .content-box .contacts-info-wrapper #contacts-info-tel > div:first-child {background-position:-34px -105px;}
.contact-page .content-box .contacts-info-wrapper #contacts-info-email > div:first-child {background-position:-1px -105px;}
.contact-page .content-box .contacts-info-wrapper #contacts-info-address > div:first-child {background-position:-67px -105px;}
.contact-page .content-box .contacts-info-wrapper #contacts-info-fb > div:first-child {background-position:-34px -138px;}
.contact-page .content-box .contacts-info-wrapper #contacts-info-tw > div:first-child {background-position:-1px -138px;}
/* Content - right side modules */
.content-page #modules-wrapper {width:30%; float:left;}
.content-page #modules-wrapper #right-modules {padding:10px 10px 10px; background-color:#eee;}
#right-modules > .modul {margin: 0 0 20px; display:block; background-color:white; -webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);}
#right-modules > .modul > div {padding:15px; color:#aaa;}
#right-modules > .modul a {text-decoration:none; color:inherit; max-width:100%;}
#right-modules > .modul img {max-width:100%; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;}
#right-modules > .modul > .module-header {font-size:12px; font-weight:bold; text-transform:uppercase; background-color:#EF4135; color:white; display:block;}
#right-modules > .modul > .module-content {font-size:16px; overflow:hidden;}
#right-modules > .modul > .module-content .mobile-phone-value {padding:12px 0 12px 50px;}
#right-modules > .modul > .module-content #module-tel {background-position:-81px -65px; width:39px; height:40px; float:left;}
#right-modules > .modul > .module-content ul {padding:0 0 10px;}
#right-modules > .modul > .module-content > a {text-transform:uppercase; font-size:12px; font-weight:bold; color:#EF4135; float:right;}
#right-modules > .modul > .module-content > a:hover {text-decoration:underline; color:#aaa;}
#right-modules > .modul > .module-content .module-brands {display:block; margin:0 auto 10px; max-width:100%;}

/* FOOTER */
#footer-content {background:url(../../resources/images/tweed.png) repeat; padding:25px 35px; border-top:1px solid #aaa;}
#footer-content > ul {display:inline-block;}
/* Footer - footer navigation menu */
#footer-nav {width:50%; min-width:420px; padding-right:30px; float:left;}
#footer-nav > #footer-logo {margin: 0 0 10px; border-bottom:1px solid #ddd; text-align:center;}
#footer-nav > #footer-logo > a > div {margin:15px auto 10px auto;  width:183px; height:31px; background-position:-116px -180px;}
/*#footer-nav > #footer-logo > a > div:hover {background-position:-300px -180px;}*/
#footer-nav > ul {display:block;}
#footer-nav > ul > .footer-nav-col {max-width:140px; min-width:120px; width:33%; display:block; float:left;}
#footer-nav > ul > .footer-nav-col a {text-decoration:none; color:#ddd;}
#footer-nav > ul > .footer-nav-col a:hover {color:#EF4135;}
#footer-nav > ul > .footer-nav-col > div {margin: 0 0 20px;}
#footer-nav > ul > .footer-nav-col > div > a {text-transform:uppercase; font-size:13px; color:#fff;}
#footer-nav > ul > .footer-nav-col > div > ul {padding:10px 0 0;}
#footer-nav > ul > .footer-nav-col > div > ul > li {padding:3px 0; font-size:13px;}
#footer-nav > ul > .footer-nav-col a {text-decoration:none; color:#aaa;}
#footer-search-social {border-top:1px #ddd solid; padding:10px 0 0; margin-top:30px; clear:left;}
#footer-search-social #search-querry {background:#ddd;}
/* Footer - footer contact map */
#footer-contact {width:35%; min-width:300px; max-width:400px; float:left;padding-top: 34px;}
#footer-contact > #footer-contact-details > ul {padding:20px 0 15px; display:block;}
#footer-contact > #footer-contact-details > ul > li:first-child {width:106px; padding-bottom:10px;}
#footer-contact > #footer-contact-details > ul > li:not(:first-child) {padding:2px 0; font-size:14px; font-weight:700;}
#footer-contact > #footer-contact-details > ul > li:not(:first-child) > div:first-child {float:left; display:block; color:#aaa; text-transform:uppercase; padding:0 4px 0 0; font-weight:normal; width:70px;}
#footer-contact > #footer-contact-details > ul > li:not(:first-child) > div:not(:first-child) {color:#ddd; font-weight:normal;}
#footer-contact > #footer-contact-details > ul > li:not(:first-child) > a {color:#ddd; font-weight:normal;}
#map-box > a > img {width:350px; height:200px; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;}
/* Footer - footer terms */
#footer-terms {padding:2px 4px; background-color:#363636; color:#aaa; display:block; font-size:12px; height:12px;}
#footer-terms > div:first-child {float:left;}
#footer-terms > div:not(:first-child) {float:right;}