/*
  ================== MAIN CSS FILE ==================

    CREATED: 23. 1. 2013

  ===================================================
*/


/******************* css 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;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

body        {line-height:1;}

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;}

a img       {border:none;}

input[type="submit"], input[type="reset"], input[type="button"], button, .button {cursor:pointer;}
textarea    {overflow:auto;}
:focus      {outline:none;}

/***** Firefox buttons fix *****/
button::-moz-focus-inner,
.button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {border:0;padding:0;margin:0;}


/******************* general elements **********************/
body { font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:12px; line-height:1.625; color:#363b42; font-weight: 300;}

block { width:100%; overflow:hidden;}
.container { width:100%;}

.wrapper {max-width:960px; width:100%; margin:0 auto;}

/* Clearfix: */
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.group {zoom:1;}

.fleft  { float:left;}
.fright { float:right;}
.clear  { clear:both; height:0px; overflow:hidden; border:0;}
.hidden { display:none; }

.alignright, .aRight  { text-align:right;}
.aligncenter, .aCenter { text-align:center;}


p {font-size:12px; margin:0; padding:0;}

.noWrap {white-space:nowrap;}

a       {color:#ff6600; text-decoration:none;}
a:hover {text-decoration:underline;}


/***** titles *****/
/*#content h1 {font-size:34px; margin:0 0 30px; color:#000; line-height:1.2; font-weight:normal;}*/
/*#content h2 {font-size:34px; margin:25px 0 20px; color:#000; font-weight:normal;}*/
/*#content h3 {font-size:12px; margin:20px 0 10px; color:#000; text-transform:uppercase;}*/
/*#content h4 {font-size:12px; margin:0; color:#000;}*/
/*#content h5 {font-size:11px; margin:0; color:#000;}*/

/*================STYLE MAISTER=================*/
#content .contentBodyText h1, 
#content .contentBodyText h2, 
#content .contentBodyText h3, 
#content .contentBodyText h4, 
#content .contentBodyText h5, 
#content .contentBodyText h6, 
#content .contentBodyText p, 
#content .contentBodyText th, 
#content .contentBodyText td,
#content .contentBodyText li {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
#content .contentBodyText input, #content .contentBodyText textarea, #cartPopup input[type="submit"], #cartPopup input[type="reset"] {
    color: #363b42;
    font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.625;
}
#content .contentBodyText h2 {
    display: block;
    padding: 0px 0 10px;
    font-weight: bold;
    font-size: 13px; /* Cufon je vetsi a znacne se od defaultniho pisma odlisuje*/
}
#content .contentBodyText p {
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    margin:0;
}

#content .contentBodyText ul, #content .contentBodyText ol {
    margin: 0 0 1.625em 2.5em;
}
#content .contentBodyText ul {
    list-style: square;
}
#content .contentBodyText ul ul, #content .contentBodyText ol ol, #content .contentBodyText ul ol, #content .contentBodyText ol ul {
    margin-bottom: 0;
}

#content .contentBodyText .caps {
    font-size: 90%;
}

#content .contentBodyText strong {
    font-weight: bold;
}
#content .contentBodyText cite, #content .contentBodyText em, #content .contentBodyText i {
    font-style: italic;
}
#content .contentBodyText blockquote {
    font-family: Georgia, "Bitstream Charter", serif;
    font-style: italic;
    font-weight: normal;
    margin: 0 3em;
}
#content .contentBodyText blockquote em, #content .contentBodyText blockquote i, #content .contentBodyText blockquote cite {
    font-style: normal;
}
#content .contentBodyText blockquote cite {
    color: #363b42;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#content .contentBodyText sup, #cartPopup sup ,
#content .contentBodyText sub, #cartPopup sub  {
    font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
#content .contentBodyText sup, #cartPopup sup {
    bottom: 1ex;
}
#content .contentBodyText sub, #cartPopup sub {
    top: .5ex;
}
#content .contentBodyText input[type=text],
#content .contentBodyText input[type=password],
#content .contentBodyText textarea {
    background: #fafafa;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    border: 1px solid #ddd;
    color: #a9a9a9;
}
#content .contentBodyText a {
    color: #ff6600;
    text-decoration: none;
}
#content .contentBodyText a:hover {
    text-decoration: none;
}

#content .contentBodyText input[type="radio"] {position: relative; top: -2px;}

/******************* LAYOUT *******************/
#content {}
.home #content {height:0;}
#header {height:144px; position:relative; z-index:1000;}
#header .wrapper {position:relative;}
#header, #content, #footer {}

/****************** HEADER ********************/
#header .logo {width:200px; height:144px; text-align:center; line-height: 100%; text-align: center; vertical-align: middle; background:#32373d;}
#header .logo a {display: inline-block; position: relative; width: 100%; height: 100%;}
#header .logo a { background-repeat: no-repeat; background-position: 50%;}

.socialIcons {position:absolute; top:25px; right:72px;}
.socialIcons a {display:inline-block; width:38px; height:0; padding:38px 0 0; overflow:hidden; margin:0 0 0 5px; background: no-repeat 0 0;}
.socialIcons a:hover {background-position:0 -38px;}
.socialIcons .iconFB {background-image:url('../images/icon_fb.png');}
.socialIcons .iconTwitter {background-image:url('../images/icon_twitter.png');}
.socialIcons .iconRSS {background-image:url('../images/icon_rss.png');}
.socialIcons .iconYoutube {background-image:url('../images/icon_youtube.png');}

.search {position:absolute; right:10px; bottom:10px; z-index:20; width:193px; height:30px; overflow:hidden; background:#424951; border:1px solid #fff;}
.search form input[type="text"] { float:left; width:150px; padding:4px 10px; background:none; border:none; color:#fff; vertical-align:middle; box-shadow:none; font-size:11px;}
.search form input[type="submit"] { float:left; width:20px; height:0px; padding:20px 0 0; text-indent:-9999px; background: url('../images/search.png') no-repeat 50% 50%; border:none; margin:1px 0 0; vertical-align:middle;}

/****************** NAVIGATION ****************/
.mainMenu {width:730px; position:absolute; left:200px; bottom:0; padding:0 0 0 20px; border-top:1px solid #565c64;}
.mainMenu li { font-size:14px; display:inline; text-transform:uppercase; position:relative;}
.mainMenu li a { color:#fff !important; text-decoration:none; margin:-3px 10px 0; display:inline-block; padding:18px 4px 15px; font-family:Arial, sans-serif; font-weight:400; font-size:12px;}
.mainMenu li.active:first-child a {border-top:0; padding-top:18px;}
.mainMenu > ul > li.active a, .mainMenu > ul > li a:hover, .mainMenu > ul > li:hover > a, .mainMenu > ul > li:first-child a:hover {border-top:3px solid #ff6600; padding-top:15px;}
.mainMenu li ul {display:none; width:170px; position:absolute; left:-5px; top:33px; z-index:100; margin:0; padding:1px 0 0;}
.mainMenu li:hover ul {display:block;}
.mainMenu li ul li a {width:155px; padding:12px 20px; margin:0 0 1px;}
.mainMenu li.active ul li a, .mainMenu li ul li.active a, .mainMenu li ul li a:hover {border-top:0; padding-top:12px;}
.mainMenu li ul li a:hover {background:rgba(67, 74, 82, 0.8) !important}

/******************* CONTENT ******************/
/******************* MEISTER ******************/
.meister {position: relative; height: 50px;}
.meister .logo {position: absolute; left: 80px;}
.meister .quality {position: absolute; top: 14px; right: 80px; height: 50px;}
.meister .quality span {font-size: 180%; font-weight: bolder; color: white; position: relative; top: 3px; }
.meister .quality img {position: relative; top: -2px;}

/******************* BANNERS ******************/
.banners {width:100%; height:542px; position:relative; margin:-144px 0 0;}
.banners .slideshow {width:100%; height:548px;}
.banners .slideshow .slide {width:100%; height:542px; background-repeat:no-repeat; background-position:50% 100%; background-size:cover; border-bottom:6px solid #1c1f22; border-bottom-color:rgba(28,31,34,0.5);}
.banners .slideshow .slide a {display: block;}
.banners .slideshow .slide .wrapper {width:100%; height:542px;}
.banners .slideshow .slide .contentWrapper {position: absolute; left: 50%; top: 150px; margin:0 0 0 184px; z-index: 4; width: 236px; padding:62px 30px 30px; display: block; background-color: rgba(215,216,217, 0.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBD7D8D9,endColorstr=#BBD7D8D9); }
.banners .slideshow .slide .contentWrapper h3 {font-size:17px; color:#363b42 !important;}
.banners .slideshow .slide .contentWrapper h4 {font-size:14px; margin-bottom:5px; color:#363b42 !important;}
.banners .slideshow .slide .contentWrapper p {font-size:13px; line-height:1.4;}
.banners .bannerNote {margin:0 0 10px;}
.banners #slideNext, .banners #slidePrev {position:absolute; top:328px; z-index:100; width:64px; height:63px; cursor:pointer;}
.banners #slidePrev {left:50%; margin:0 0 0 -590px; background: url('../images/slider_prev.png') no-repeat 0 0;}
.banners #slideNext {right:50%; margin:0 -590px 0 0; background: url('../images/slider_next.png') no-repeat -64px 0;}
.banners #slidePrev:hover {background-position:-64px 0;}
.banners #slideNext:hover {background-position:0 0;}
.banners #slideNav a { padding: 0px 3px; margin: 3px;  border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; text-align: center; text-decoration: none; background-color: white; font-size: 90%; font-weight: bolder;}
.banners #slideNav a:focus { outline: none; }

.sliderLogo {position:absolute; right:50%; bottom:63px; z-index:100; margin:0 41px 0 0;}

/******************** *ACTUALITY ****************/
.actuality {width: 100%; margin: 40px 0 -235px; position:relative; z-index:1; padding:0 0 0 0; background:url('../images/transparent.png') repeat 0 0;}
.actuality h3 {font-size:18px !important;}
.actuality .item {display: inline-block; height: 150px; width: 30%; margin:0 5% 0 0; float: left; position:relative;}
.actuality .item .lightBackground {background-image: url('../images/bg_orange.jpg'); background-size:cover;}
.actuality .item.lastItem {margin:0;}
.actuality .item .image {height: 100%; box-shadow:0px 3px 2px #888;}
.actuality .item .image img {width: 100%; display:block;}
.actuality .item .content {position:absolute; left:0; bottom:0; padding:0 30px 12px 30px;}
.actuality .item .content h3 {font-size: 120%; font-weight:bold; font-size:18px; color:#fff !important; margin-bottom:0px !important;}
.actuality .top p {margin-top: 3px;}
.actuality .bottom {color: white;}
.actuality p {color:#fff !important; line-height:1.5; padding-bottom:10px; font-size:12px;}

/***************** messages *****************/

.messages {text-align:center; margin-bottom:0 !important; font-weight:bold; line-height:1.7; max-width:70%; margin:0 auto;}
.messages span {padding:0 0 3px 27px; display:inline; display:inline-block; font-size:13px;}
.messages .error span    {color:#bf2c04; background:url('../images/icon-error.png') no-repeat 0 0;}
.messages .info span     {color:#406caf; background:url('../images/icon-info.png') no-repeat 0 0;}
.messages .success span  {color:green; background:url('../images/icon-success.png') no-repeat 0 0;}
.messages li {background:none; padding:0;}

/******************* help *******************/
.helpBox {display:inline-block; font-style:normal; font-weight:normal; line-height:1.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; width:1em; height:0; overflow:hidden; padding:1em 0 0; cursor:pointer; vertical-align:middle; position:relative; font-size: 150%;}
.top-bar .helpBox {font-size:2em;}
.helpBox:after {position:absolute; left:0; top:0; content:"\f128"; font-family:FontAwesome; color:#bbb;}
.helpBox:hover:after {}
/*================== tables ====================*/

table {width:100%; margin:0 0 15px; border-collapse:collapse; border-spacing:0;}
table tr th {padding:5px; background:#F9F9F9; text-align:left;}
table tr td {padding:5px; border-bottom:1px solid #fff; vertical-align:top;}


/*==================forms====================*/

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}
input, select   { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

form { padding-top:5px;}
form label { margin-bottom:6px;}
input[type="text"], input[type="password"], textarea {padding:7px 7px; background:#fafafa; box-shadow:inset 0 1px 1px rgba(0,0,0,0.1); border:1px solid #ddd;}
input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], button, select, textarea {margin:0 0 10px; color:#a9a9a9; font-size:13px; vertical-align:baseline;}
input[type="submit"], input[type="reset"], .button {font-weight: bolder;}
textarea {width:500px;}
.shortInput {width:22px !important;}
.middleInput {width:50px !important;}
.predcisliInput {width:30px !important; float:none; display:inline-block !important;}
.phoneInput {width:142px !important; float:none; display:inline-block !important;}
.emailInput {width:220px !important; float:none; display:inline-block !important;}
.normalInput {width:220px !important; float:none; display:inline-block !important;}
.boldInput {font-weight: bold !important; border-width: 3px  !important;}

form select { width:180px; height:20px; font-family:Arial, Helvetica, sans-serif;}

form1 { width:100%; overflow:hidden; height:30px;}
form1 label { width:60px; float:left; color:#858585;}
form1 select { float:left; width:154px; color:#4f90b0; font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.formRow:before, .formRow:after {content:""; display:table;}
.formRow:after {clear:both;}
.formRow {clear:both; zoom:1;}
.formRow label {float:left; width:150px; padding:3px 0; margin:0 0 10px; font-weight: bolder; font-size:14px;}
.formRow .formRow label {font-weight:normal; width:110px; padding:5px 10px 5px 0;}

.button, input[type="submit"], input[type="reset"], input[type="button"], button {text-decoration:none; font-size:1em; line-height:.92em; padding:5px 15px 5px 15px; font-style:normal; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:none; color:#fff !important; background:#3d4850;}
.button {padding: 11px 15px 10px 15px; font-size: 15px; margin-bottom: 10px; display: inline-block;}
.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover {text-decoration:none; cursor: pointer;}

input[type="text"].error, textarea.error {border-left:3px solid red !important;} 

form table {width:auto;}
form table.order_table {width:100%; margin:10px 0 15px;}
form table.order_table td {border-bottom:1px solid #EDEDED;}
form table td {border:none; padding:5px 10px 5px 0;}
form table .formTitle {font-weight:bold; font-size:1.2em; padding-top:10px; padding-bottom:10px;}

.loginForm 
.loginForm input[type="text"], .loginForm input[type="password"] {}
.loginForm label {width:100px;}
.loginForm input[type="submit"] {margin-left:100px;}

input[type="submit"].logoutButton {background:none; border-left:1px solid #888; padding:0 0 0 10px; margin:0 0 0 7px; width:auto; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.logoutForm {padding:0;}

form .required {font-size: 150%; position: relative; top: 2px; left: 1px; line-height:1;}


/*================== content ====================*/
.contentBody {padding:50px 0px 10px;}

#sorting {text-align:right; font-size:15px; margin:0 0 20px;}
#sorting a {padding:0 5px; }
#sorting a.active {font-weight:bold;}

/*================== demand ====================*/
.demandForm img {margin-bottom: 10px;}
.demandForm input[type="submit"] {position: relative; left: 150px;}
.demandForm .requiredText {font-size: 110%; text-align: center;}
.demandForm textarea {width:50%;}

/*================== PRODUCTS ====================*/
.productBox {width:22.75%; float:left; margin:0 3% 10px 0;}
.productBox.last {margin-right:0;}
.productBox .productImg {height:147px; overflow:hidden; text-align:center;}
.productBox .productImg a {display: inline-block; width: 100%; height: 100%;}
.productBox .productImg a .backstretch {width: 100%; height: 100%;}
.productBox img {max-width:220px; width:100%; height:auto;}
.productBox img.no-photo {max-width: auto; width:auto; margin:20px 0 0;}
.productBox .title {white-space:normal; margin:10px 0 !important; font-weight:normal; color:#6E6E6E; font-size:12px; line-height:18px; text-align:left;}
.productBox h3 {margin:10px 0 !important; font-weight:normal;}
.productBox h3 a {text-decoration:none; font-size:12px; line-height:18px; color:#6E6E6E !important; text-transform:none;}
.productBox h3 a:hover {color:#000 !important;}

#content .contentBodyText {margin-bottom: 50px; width:73%;}
#content .contentBodyText.fullWidth {width: 100%;}
#content .contentBodyText h1 {margin: 0 0 20px; font-size: 39px; font-weight: bold; line-height:1.2;}
#content .contentBodyText h1 + h2, #content .contentBodyText h1 + h3 {margin-top:-20px;}
#content .contentBodyText h3, #content .contentBodyText h2 {margin: 25px 0 25px 0; font-size: 27px; font-weight: normal; text-transform:none; line-height:1.2;}
#content .contentBodyText table tr td {border-bottom: none; padding: 2px;}
#content .contentBodyText table {width: auto;}
#content .contentBodyText p,
#content .contentBodyText li,
#content .contentBodyText td, 
#content .contentBodyText div {color: #6E6E6E !important;}
#content .contentBodyText a {color: black !important;}
#content .contentBodyText a:hover {text-decoration: underline;}

#pagination {text-align:center;}
#pagination .pages a {display:inline-block; padding:5px 8px; color:#fff !important; background:#3d4850; line-height:1; text-decoration:none;}
#pagination .pages a.active {background:#858789; font-weight:bold;}
#pagination .pages a:hover {background:#858789;}

/*================== CONTACT ===================*/
.contact .company {font-size: 120%;}
.contact .row {margin-bottom: 5px;}
.contact .contactWrapper {width: 100%; position: relative;}
.contact .contactInfo {float: left; width: 100%;}
.contact .contactInfo * {box-sizing: border-box;}
.contact .contactInfo > div {min-height: 100px;}
.contact .contactInfo .firstCol  {float: left; width: 25%;}
.contact .contactInfo .secondCol {float: left; width: 40%;}
.contact .contactInfo .thirdCol  {float: left; width: 35%;}
.contact .contactInfo .contactPhoto {position: relative; top: -60px; text-align: right;}
.contact .contactInfo .contactPhoto img {max-width: 100% !important;}
/*.contact .contactInfo {margin-right: 74%;}
.contact .secondaryContact {font-size: 120%; font-weight: bold; color: black !important; display: inline-block; margin-top: 5px;}
.contact .contactBusinessHours {position: absolute; left: 26%; top: 0px;}
.contact .contactPhoto {position: absolute; right: 0px; top: 0px; width: 35%; text-align: right;}
.contact .contactPhoto a {position: relative; top: -60px; display: inline-block; width: 100% !important;}
.contact .contactPhoto img {width: 100% !important;}*/

/*================== DETAIL ====================*/
.productImgDescWrapper {float:left; max-width:30%;}
.productImgDescWrapper img {width:100%; }
.productVariants {float:right; max-width:60%; font-size:12px;}
.productVariants td {padding-bottom:15px;}
.productVariants .priceVat {display:block;font-weight:bold;}
.productVariants .priceNoVat {display:block; font-style:italic; font-size:11px;}
.productVariants .onStore {color:green;}
.productVariants .notOnStore {color:red;}
.productVariants input.productQty {width:30px; padding:5px 5px;}
.productVariants input[type="submit"] {}

.fotogalery img {max-height:145px; margin:0 5px 5px 0;}

.productVariantPhotoInfo {position: relative;}
.productVariantPhoto {text-align: center; width: 121px; height: 100px; position: absolute; top: 0px; left: 0px;}
.productVariantPhoto img {max-width: 121px; max-height: 121px; margin: 0;}
.productVariantInfo {padding-left: 121px;}
.productVariantInfo table td {border-bottom: none; padding-bottom: 0px;}


/******************* FOOTER *******************/
#footer {margin:0 0 0; padding:30px 0 0; text-align:center; height:252px; background-image: url('../images/bg.png'); background-repeat:repeat-x; background-position:0 100%; border-top:5px solid #343c42;}
#footer .wrapper {padding:220px 0 0;}
#footer p {color:#9d9d9d !important;}
#footer a {color:#9d9d9d !important;}

.gMaps {height: 400px;}

.itemListWrapper {text-align: center; position: relative; margin:0 -14px 40px;}
.itemList .itemWrapper {width:218px; /*float:left;*/ display: inline-block; margin:0 14px 10px; vertical-align: top;}
.itemList .item {height:147px; overflow:hidden;}
.itemList .item .backstretch {width: 100%; height: 100%;}
.itemList .item img {max-width:220px; width:100%; height:auto;}
.itemList .item img.no-photo {max-width: auto; width:auto; margin:20px 0 0;}
.itemList a:hover {text-decoration:none;}
.itemList .title {white-space:normal; margin:10px 0 !important; font-weight:normal; color:#6E6E6E; font-size:12px; line-height:18px; text-align:left;}
.cyclePrev, .cycleNext {width: 0; height: 140px; display: inline-block; position: absolute;}
.cyclePrev {top: 5px; left: -25px;}
.cycleNext {top: 5px; right: -3px;}

.cycleNext #cycleNext, .cyclePrev #cyclePrev {position:absolute; display: inline-block; z-index:100; width:20px; height:35px; cursor:pointer;}
.cyclePrev #cyclePrev {background: url('../images/carusel-left.png') no-repeat 2px 0; top: 52px;}
.cycleNext #cycleNext {background: url('../images/carusel-right.png') no-repeat 0 0; top: 52px;}
.cyclePrev #cyclePrev:hover {background-position:0 0;}
.cycleNext #cycleNext:hover {background-position:2px 0;}

.itemListWrapper.viewAsMatrix {margin: 0px;}
.itemListWrapper.viewAsMatrix .itemWrapper {width: 22.75%; float: left; margin: 0 3% 10px 0;}
.itemListWrapper.viewAsMatrix .itemWrapper.last {margin-right: 0;}

.itemListOption  {text-align: right; margin-bottom: 10px; font-size: 250%; padding-right: 3px;}
.itemListOption .fa-reorder {position: relative; top: -2px; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); }
/*.cycle-carousel-wrap {width:2000px;}*/

.breadcrumbsMenu {bottom:0; padding:13px 12px 0; background:#e2e1e1;}
.breadcrumbsMenu li { font-size:14px; display:inline; text-transform:uppercase; position:relative;}
.breadcrumbsMenu li:last-child a, .breadcrumbsMenu li:last-child .item {background:none;}
.breadcrumbsMenu li a, .breadcrumbsMenu li .item {color:#6E6E6E !important; text-decoration:none; display:inline-block; padding:10px 19px 10px 9px; font-size:12px; background: url('../images/menu-arrow.png') no-repeat 100% 50%;}
.breadcrumbsMenu li .item.active {font-weight: bold;}
.breadcrumbsMenu li a:hover{text-decoration: underline;}
.breadcrumbsMenu li ul {display:none; width:170px; position:absolute; left:-5px; top:34px; z-index:100; margin:0; padding:1px 0 0;}
.breadcrumbsMenu li:hover ul {display:block;}
.breadcrumbsMenu li ul li a {width:155px; padding:7px 20px; margin:0 0 1px;}
.breadcrumbsMenu li.active ul li a, .breadcrumbsMenu li ul li.active a, .breadcrumbsMenu li ul li a:hover {border-top:0; padding-top:7px;}
.breadcrumbsMenu li ul li a:hover {background:rgba(67, 74, 82, 0.8) !important}


.contentHeaderWrapper {float: left; width: 100%; text-align: center;}
.contentHeader {float: left; width: 100%;}
.contentHeader > div {float: left; width: 50%;}
.contentHeader .contentText {padding: 5px; text-align: left;}
.contentHeader .contentText > div, .contentHeader .contentSlider > div {padding: 10px; -moz-box-shadow:0px 3px 3px #aaa; -webkit-box-shadow:0px 0px 10px #aaa; box-shadow:0px 3px 2px #555;}
.contentHeader .contentSlider {padding: 5px; }
.contentHeader .contentSlider .image {width: 100%; height: 200px;}
.contentHeader .contentSlider .image .backstretch {width: 100%; height: 200px;}
.contentHeader .contentSlider .image img {max-width: 100%; max-height: 100%; display: none;}
.contentHeader .contentText ul {padding-left: 20px; margin-bottom: 15px; list-style-type: disc;}
.contentHeader .contentText h3 {margin-top: 5px !important; font-size: 110% !important;}
.contentHeader .contentText table tr td {border-bottom: none; padding: 2px;}

.variantFilterWrapper {margin:0 0 40px;}
.variantFilter {padding:12px 0 12px 20px; background:#e9e9e9;}
.variantFilter select {margin:0; width:202px; height:25px; border:1px solid #797979; background:#fff; color:#666;vertical-align:middle; }
.variantFilter input[type="submit"] {margin:0 14px 0 0; width:202px; background:#ff6600; border:1px solid #ff0000; border-radius:0; text-transform:uppercase;}
.variantFilter .variantFilterItemWrapper {}
.variantFilter .variantFilterItemWrapper > div {float: left; margin:10px 30px 10px 0;}
.variantFilter .variantFilterItemWrapper > div strong {vertical-align:middle; display:inline-block; min-width:60px; padding: 0 10px 0 0; text-transform:uppercase; font-weight:normal; color:#797979; text-align:right;}
.variantFilter .variantFilterItemWrapper > div.last {float:right;}

.contentDownloads {float:right; width:25%; margin:40px 0 30px 2%;}
.contentDownloads .photo a {display: block; text-align: center;}
.contentDownloads .photo img {max-width: 100%; max-width: 100%; max-height: 163px;}
.contentDownloads .downloadsLogo {float: right; height: 80px; position: relative; width: 100%;}
.contentDownloads .downloadsLogo .logoWrapper {width: 170px; height: 80px; float: right; margin-left: 3%; display: inline-block; position: relative; }
.contentDownloads .downloadsLogo img {max-width: 100%; max-height: 100%; position: absolute; bottom: 0px; right: 0px;}
.downloadsTitle {clear:both; padding:4px 0; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #6e6e6e;}
.downloadsItem {padding:4px 0; border-bottom:1px solid #6e6e6e;}
.downloadsItem a {color:#6E6E6E !important;}

.referenceList > div:last-of-type {border-bottom: none;}
.referenceList .reference {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e2e1e1;}
.referenceList .reference .foto {float: right; margin: 0px 0 30px 2%; width: 266px; height: 150px;}
.referenceList .reference .foto img {max-height: 150px}
.referenceList .reference .foto a {display: inline-block; width: 100%; height: 100%;}
.referenceList .reference .foto a .backstretch {width: 100%; height: 100%;}
.referenceList .reference .foto1 {display: block;}
.referenceList .reference .foto2 {display: none;}
.referenceList .reference .link {font-size: 120%; font-weight: bold; margin-top: 10px; display: inline-block;}

.referenceDetail .foto {float: right; margin: 0px 0 30px 2%; width: 266px; height: 150px;}
.referenceDetail .foto img {max-height: 150px}
.referenceDetail .foto a {display: inline-block; width: 100%; height: 100%;}
.referenceDetail .foto a .backstretch {width: 100%; height: 100%;}
.referenceDetail .foto1 {display: block;}
.referenceDetail .foto2 {display: none;}

#content .contactBusinessHours .businessHoursTitle {font-size: 120%; font-weight: bold; color: black !important;}
.businessHours .dayTitle {display:inline-block; width: 60px; font-weight: bold;}
.businessHours .dayHoursWrapper {display: inline-block; width: 100px;}
.businessHours .dayHours {display: inline-block; width: 40px;}
.businessHours .lunchBreakDay .lunchBreakTitle {font-style: italic; margin-left: 5px; margin-right: 10px;}
.businessHours .closeDay {font-style: italic;}

/******************************** nakupni kosik *******************************/
.cartPopupWrapper {display: none;}
#cartPopup {position: relative;}
#cartPopup input[type="text"] {width: 30px !important;}
#cartPopup input[type="radio"] {position: relative; top:-3px;}
#cartPopup .buttonWrapper {margin-top: 10px; text-align: center;}
#cartPopup .buttonWrapper input:first-of-type {margin-right: 20px;}
#cartPopup .helpBox {position: absolute; top: 10px; right: 10px;}

.cartBody .messages ul { list-style: none !important;}
.cartBody table {width: 100% !important;}
.cartBody table.autoWidth {width: auto !important;}
.cartBody h2, .cartBody h3 {margin: 0 !important;}
.cartBody h3 {font-size: 22px !important; margin-bottom: 10px !important;}
.cartBody .order_table {width: 100% !important;}
.cartBody .order_table th {font-weight: bold !important; padding: 5px !important;}
.cartBody .order_table input[type="text"] {width: 30px !important;}
.cartBody {width: 100%;}
.cartBody .leftColumnCart {width: 73%; float: left;}
.cartBody .rightColumnCart {width: 27%; float: left;}
.cartBody .rightColumnCart .columnWrapper {margin-left: 10%; margin-top: 14px;}
.orderBody .leftColumnOrder {width: 60%; float: left;}
.orderBody .rightColumnOrder {width: 40%; float: left;}

.deliveryNote {position: relative; left: 20px;}
.deliveryNote span {display: inline-block; width: 25px;}

#content .newRegistration {padding-left: 100px;}
#content .newRegistration i {font-style: normal !important;}

/***** UI Blocker *****/
.uiBlockerParent {position:relative;}
.uiBlocker {position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(255,255,255, 0.8) url('/images/loading.gif') no-repeat 50% 50%; z-index:999;}

/***** RESPONSIVE *****/
@media screen and (max-width: 1400px) {
    .banners #slidePrev {left:50px; margin:0;}
    .banners #slideNext {right:50px; margin:0;}
}

@media screen and (max-width: 1100px) {
    .banners .slideshow .slide .contentWrapper {left:40%;}
    .banners #slidePrev {left:20px; margin:0;}
    .banners #slideNext {right:20px; margin:0;}
    .contentBody {padding-left:20px; padding-right:20px;}
    
}

@media screen and (max-width: 1024px) {
    .itemListWrapper {margin-left:20px; margin-right:20px;}
}

@media screen and (max-width: 950px) {
    #header {height:200px;}
    #header .wrapper {height:200px;}
    .socialIcons {right:10px;}
    .mainMenu {left:0; width:95%;}
    .search {bottom:50px;}
    .banners {margin-top:-200px;}
    .banners .slideshow .slide .contentWrapper {top:200px;}
    .actuality {margin:20px 0; background:none;}
    .actuality .item .image {min-height:0;}
    .actuality .item {width:45%; margin:0 2.5% 20px;}
    .actuality .item.lastItem {width:95%; margin:0 2.5%;}
    .actuality .item.lastItem .image {height:150px;}
    .actuality .item.lastItem .image img {max-height:130px;}
    #footer {clear:both; margin:200px 0 0;}
    .productVariants .productVariantName {width:50%;}
    .productVariantPhoto {height: auto; position: relative;}
    .productVariantInfo {padding-left: 0px;}
    
    .productList .productWrapper {width: 25%;}
    .sliderLogo {display:none;}
    
        
    .cartBody .leftColumnCart {width: 100%; float: none;}
    .cartBody .rightColumnCart {width: 100%; float: none;}
    .cartBody .rightColumnCart .columnWrapper {margin-left: 0px !important; margin-top: 10px !important;}
}

@media screen and (max-width: 880px) {
    .contact .contactInfo .firstCol {width: 30%;}
    .contact .contactInfo .secondCol {width: 35%;}
    .contact .businessHours .dayTitle {width: 74px;}
}

@media screen and (max-width: 850px) {
   .banners .slideshow .slide .contentWrapper {left:20%;}
}

@media screen and (max-width:800px) {
    .orderBody .leftColumnOrder {width: 100%; float: none;}
    .orderBody .rightColumnOrder {width: 100%; float: none;}
    
    .contact .contactInfo .contactPhoto {top: 0px;}
    .contact .contactInfo > div  {width: 33.333%;}
}

@media screen and (max-width:700px) {
    .productBox {width:46%; margin-right:4%;}
    .categoryList .categoryWrapper {width: 50%;}
    
    .contentHeader > div {width: 100%;}
    
    .contentDownloads, .contentBodyText {width:auto; float:none; clear:both;}
    .contentDownloads {margin-top:0; width:240px;}
    
    .contact .contactInfo .firstCol {width: 40%;}
    .contact .contactInfo .secondCol {width: 60%;}
    .contact .contactInfo .thirdCol {width: 100%; margin-top: 10px;}
    .contact .contactInfo .contactPhoto {top: 0px; text-align: left; padding: 0 10px;}
    .contact .businessHours .dayTitle {width: 60px;}
}

@media screen and (max-width: 650px) {

}

@media screen and (max-width: 600px) {
   .banners {display:none;}
   #content {font-size:15px !important;}
   .mainMenu {width:32px; height:0; padding:32px 100px 10px 0; margin:0 0 0 15px; background: url('../images/menu.png') no-repeat 0 0; border:none; cursor:pointer;}
   .mainMenu > ul {display:none;}
   .mainMenu:hover > ul {display:block;}
   .mainMenu > ul > li > a {width:160px; background:rgba(67, 74, 82, 0.7) !important; padding:7px 20px !important; margin:0 0 1px; border:none !important;}
   .mainMenu > ul > li {display:block; width:200px;}
   .mainMenu > ul > li > a:hover {background:rgba(67, 74, 82, 0.8) !important;}
   .mainMenu > ul > li ul {position:absolute; top:0; left:200px; padding:0; margin:0;}
   .productVariants {font-size:15px;}
   .search {bottom:10px;}   
   .productList .productWrapper {width: 33.3333%;}
   
   .contact .businessHours .dayHoursWrapper {display: inline-block; width: 115px;}
   .contact .businessHours .dayHours {display: inline-block; width: 48px;}
   .contact .businessHours .dayTitle {width: 88px;}
   .contact .contactInfo .firstCol {width: 50%;}
   .contact .contactInfo .secondCol {width: 50%;}
}

@media screen and (max-width:550px) {
    .productBox {width:95%;}
    .formRow label {float:none; display:block; margin-bottom:0;}
    .demandForm textarea {width:80%;}
    .demandForm input[type="submit"] {left:0;}
    .productImgDescWrapper, .productVariants {float:none;}
    .productImgDescWrapper {max-width:220px;}
    .socialIcons {width:100px;}
    .socialIcons a {display:inline-block; margin-bottom:8px;}
    #footer .createdBy {display:block;}
    #footer .wrapper {padding-top:200px;}
    
    .categoryList .categoryWrapper {width: 100%;}
    .productList .productWrapper {width: 50%;}
    
    .referenceList .reference .foto1 {display: none;}
    .referenceList .reference .foto2 {display: block;}
    
    .referenceDetail .foto1 {display: none;}
    .referenceDetail .foto2 {display: block;}
    
    .contact .contactInfo .firstCol,
    .contact .contactInfo .secondCol {width: 100%; margin-top: 10px;}
    .contact .businessHours .dayTitle {width: 65px;}
}
@media screen and (max-width:500px) {
    /*.businessHours .lunchBreakDay {clear: both;}
    .businessHours .lunchBreakDay .lunchBreakTitle {margin-left: 30px;}*/
    .contact .businessHours .dayTitle {width: 88px;}
}

@media screen and (max-width:400px) {
    
}

@media screen and (max-width:400px) {
   .mainMenu > ul > li > a {width:100px; font-size:14px;}
   .mainMenu > ul > li {width:140px;}
   .mainMenu > ul > li ul {left:140px;}
   .actuality .item.lastItem p {font-size:11px;}
   
   .productList .productWrapper {width: 100%;}
   
   .referenceList .reference .foto {float: none;}   
   .referenceList .reference .foto img { max-height: none; width: 100%;}
   .referenceList .reference .foto1 {display: none;}
   .referenceList .reference .foto2 {display: block;}
   
   .referenceDetail .foto {float: none;}   
   .referenceDetail .foto img { max-height: none; width: 100%;}
   .referenceDetail .foto1 {display: none;}
   .referenceDetail .foto2 {display: block;}
   
   
}