@import "service.css";

@import "tabs.css";


/* -- RESET -- */
/*   0. CSS Reset & Clearfix   */
/* --------------------------- */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}

.clearfix {display:inline-block;}
.clearfix {display:block;} /* Hide from IE Mac */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {clear:both;}
.none {display:none;}

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden {display:none; visibility:hidden;}
.nodisplay {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.nodisplay.focusable:active, .nodisplay.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}
.b {font-weight:bold;}

/*
.clear-after:after {content:""; display:block; font-size:0; height:0; line-height:0.0; overflow:hidden; visibility:hidden; clear:both;}
.clearfix:before, .clearfix:after {content:"\0020"; display:block; height:0; overflow:hidden;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}
*/

/*   1. Document setup   */
/* --------------------- */
::-moz-selection {background:#99cc66; color:#fff; text-shadow:none;}
::selection {background:#99cc66; color:#fff; text-shadow:none;}

/* -- Body -- */
html,body {height:100%;}
html {overflow-y:scroll;}
body {background:#f2f2f2 /*url('../images/bg-body.gif') repeat*/; font:62.5%/150% 'Arial CE','Helvetica CE',Arial,helvetica,sans-serif;}

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

/* -- Headers -- */
h1,h2,h3,h4,h5,h6 {margin-bottom:.25em; font-weight:bold;}
h1 {font-size:180%; margin-bottom:.5em; color:#808080; text-transform:uppercase;}
h2 {font-size:160%; color:#b2b2b2; text-transform:uppercase;}
h3 {font-size:160%; font-weight:normal; color:#37a600;}
h4 {font-size:140%; color:#000;}
h5 {font-size:120%;}
h6 {font-size:110%; border-bottom:1px solid #ccc;}

/* -- Blocks -- */
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:''; content:none;}

/* -- Tables -- */
table {border-collapse:collapse; border-spacing:0;}
th {font-weight:bold; border-bottom:1px solid #ccc; font-size:140%; line-height:200%; text-align:left;}
td {vertical-align:middle; padding:10px 0; border-top:1px solid #ccc;}
table .notice { border:0px none;color:#ed1c24;padding-top:0px;font-weight:bold; }

/* -- Lists -- */
ul,ol {margin-left:2em; margin-bottom:.5em;}
ol {list-style-type:decimal;}
nav ul,nav li {margin:0; list-style:none; list-style-image:none;}

/* -- Output -- */
pre,code,kbd,samp {font-family:Consolas,monospace,sans-serif; font-size:110%;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;}

/* -- Links -- */
a /*,a:link*/ {-webkit-tap-highlight-color:transparent; color:#999; text-decoration:underline;}
a:hover,a:active {outline:none; color:#37a600; text-decoration:none;}

.morelink {font-size:80%;color:#37a600;}

/* -- Text -- */
small {font-size:85%;}
strong {font-weight:bold;}
em {font-style:italic;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration:line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted; cursor:help;}
.red { color:#ed1c24 !important; }

sub,sup {font-size:75%; line-height:0; position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}

/* -- Line -- */
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}

/* -- Forms -- */
fieldset {margin-bottom:2em; background-color:#eee; -webkit-border-radius:2px; border-radius:2px;}
fieldset .inner {padding:20px 0;}
fieldset .sect {padding:2em 0 1em 160px; background:#d9d9d9; border-bottom:1px solid #ccc; -webkit-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; -webkit-box-shadow:0px 1px 0px 0px #f8f8f8; box-shadow:0px 1px 0px 0px #f8f8f8;}
fieldset .sect label {display:inline-block; margin-right:10px; font-size:120%; color:#000;}
fieldset .secttext {padding:2em; color:#333; background:#d9d9d9; border-bottom:1px solid #ccc; -webkit-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; -webkit-box-shadow:0px 1px 0px 0px #f8f8f8; box-shadow:0px 1px 0px 0px #f8f8f8;}
fieldset .secttext p { margin-bottom:1em; }
fieldset .secttext :last-child { margin-bottom:0em; }

.legend {font-weight:bold; color:#999; font-size:120%; line-height:20px; position:relative;}
.legend.icon {padding-left:2em;}

select,input,textarea,button {font:120% sans-serif;}
select,input,button {vertical-align:middle;}
select,input[type="text"],input[type="email"],input[type="password"],input[type="number"],textarea {padding:.5em .5em; background:#fff; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow:inset 0px 1px 2px 0px #ddd; box-shadow:inset 0px 1px 2px 0px #ddd;}
textarea {overflow:auto;}
input[type="radio"] {vertical-align:text-bottom;}
input[type="checkbox"] {vertical-align:middle; margin-right:.5em;}

label {display:block; padding-bottom:.5em; vertical-align:middle;}
label span {display:inline-block; font-size:120%; vertical-align:middle; color:#000; cursor:pointer;}
label span.input {line-height:30px; color:#000;}
label > span:first-child {width:150px; margin-right:10px; text-align:right;}
label > span.top {padding-top:.5em; vertical-align:top;}
label > span.note {margin-left:20px; width:130px; font-size:110%; text-align:left; line-height:150%;}
label > small {font-style:italic; color:#666; font-size:100%; vertical-align:middle;}
label .text {display:inline-block; vertical-align:middle; font-size:120%; color:#000;}
label.suggestion {color:#ed1c24;font-size:120%;padding:2px 0px 2px 5px;}
label.suggestion a {text-decoration:underline;color:#ed1c24;font-weight:bold;}

/*input:focus, select:focus, textarea:focus {-moz-box-shadow: 0px 0px 5px #37a600; -webkit-box-shadow: 0px 0px 5px #37a600; box-shadow: 0px 0px 5px #37a600;}*/

input[type="button"],input[type="submit"],input[type="image"],button {cursor:pointer;}
input[type="button"],input[type="submit"],input[type="image"],button,.button {}
button,input,select,textarea {margin:0;}

/* Button */
.button {padding:0 .75em; font-size:130%; line-height:30px; width:auto; overflow:visible; display:inline-block; text-decoration:none !important; color:#000; background:#fffe00 url('../images/bg-yellow-gradient.png') repeat-x 0 50%; color:#000; border:none; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow:0px 1px 0px 0px #ddd; box-shadow:0px 1px 0px 0px #ddd; background:-moz-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fffe00),color-stop(100%,#ffdd00)); background:-webkit-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:-o-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:-ms-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:linear-gradient(to bottom,#fffe00 0%,#ffdd00 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffe00',endColorstr='#ffdd00',GradientType=0);}
.button:hover {color:#000; text-decoration:none;background: #ffe900;background: -moz-linear-gradient(top,  #ffe900 0%, #ffbf00 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe900), color-stop(100%,#ffbf00));background: -webkit-linear-gradient(top,  #ffe900 0%,#ffbf00 100%);background: -o-linear-gradient(top,  #ffe900 0%,#ffbf00 100%);background: -ms-linear-gradient(top,  #ffe900 0%,#ffbf00 100%);background: linear-gradient(to bottom,  #ffe900 0%,#ffbf00 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe900', endColorstr='#ffbf00',GradientType=0 );-webkit-box-shadow:0px 1px 0px 0px rgba(128,128,128,.5); box-shadow:0px 1px 0px 0px rgba(128,128,128,.5);}
.button strong {text-decoration:none; text-shadow:0px 1px 0px #fff; filter:dropshadow(color=#fff,offx=0,offy=1);}

.button.green {color:#fff; background:#39b700; background:-moz-linear-gradient(top,#73cc14 0%,#39b700 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#73cc14),color-stop(100%,#39b700)); background:-webkit-linear-gradient(top,#73cc14 0%,#39b700 100%); background:-o-linear-gradient(top,#73cc14 0%,#39b700 100%); background:-ms-linear-gradient(top,#73cc14 0%,#39b700 100%); background:linear-gradient(to bottom,#73cc14 0%,#39b700 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#73cc14',endColorstr='#39b700',GradientType=0);}
.button.green:hover {color:#fff; background: #61be00;background: -moz-linear-gradient(top,  #61be00 0%, #1d9300 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61be00), color-stop(100%,#1d9300));background: -webkit-linear-gradient(top,  #61be00 0%,#1d9300 100%);background: -o-linear-gradient(top,  #61be00 0%,#1d9300 100%);background: -ms-linear-gradient(top,  #61be00 0%,#1d9300 100%);background: linear-gradient(to bottom,  #61be00 0%,#1d9300 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61be00', endColorstr='#1d9300',GradientType=0 );}
.button.green strong {text-shadow:0px 1px 0px #000; filter:dropshadow(color=#000,offx=0,offy=1);}
.button.green:hover strong {}

.button.grey {background:#e6e6e6; background:-moz-linear-gradient(top,#e6e6e6 0%,#cccccc 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e6e6e6),color-stop(100%,#cccccc)); background:-webkit-linear-gradient(top,#e6e6e6 0%,#cccccc 100%); background:-o-linear-gradient(top,#e6e6e6 0%,#cccccc 100%); background:-ms-linear-gradient(top,#e6e6e6 0%,#cccccc 100%); background:linear-gradient(to bottom,#e6e6e6 0%,#cccccc 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6',endColorstr='#cccccc',GradientType=0);}
.button.grey:hover {background: #cdcdcd;background: -moz-linear-gradient(top,  #cdcdcd 0%, #9d9d9d 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd), color-stop(100%,#9d9d9d));background: -webkit-linear-gradient(top,  #cdcdcd 0%,#9d9d9d 100%);background: -o-linear-gradient(top,  #cdcdcd 0%,#9d9d9d 100%);background: -ms-linear-gradient(top,  #cdcdcd 0%,#9d9d9d 100%);background: linear-gradient(to bottom,  #cdcdcd 0%,#9d9d9d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#9d9d9d',GradientType=0 ); }

.button.red {color:#fff !important; background:#ff0000; background:-moz-linear-gradient(top,#ff2e2e 0%,#f20909 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff2e2e),color-stop(100%,#f20909)); background:-webkit-linear-gradient(top,#ff2e2e 0%,#f20909 100%); background:-o-linear-gradient(top,#ff2e2e 0%,#f20909 100%); background:-ms-linear-gradient(top,#ff2e2e 0%,#f20909 100%); background:linear-gradient(to bottom,#ff2e2e 0%,#f20909 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2e2e',endColorstr='#f20909',GradientType=0);}
.button.red:hover {color:#fff !important; background: #eb0000;background: -moz-linear-gradient(top,  #ed1616 0%, #eb0000 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1616), color-stop(100%,#eb0000));background: -webkit-linear-gradient(top,  #ed1616 0%,#eb0000 100%);background: -o-linear-gradient(top,  #ed1616 0%,#eb0000 100%);background: -ms-linear-gradient(top,  #ed1616 0%,#eb0000 100%);background: linear-gradient(to bottom,  #ed1616 0%,#eb0000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1616', endColorstr='#eb0000',GradientType=0 ); }

.button.black {color:#fff; background:#000; background:-moz-linear-gradient(top,#4c4c4c 0%,#000000 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4c4c4c),color-stop(100%,#000000)); background:-webkit-linear-gradient(top,#4c4c4c 0%,#000000 100%); background:-o-linear-gradient(top,#4c4c4c 0%,#000000 100%); background:-ms-linear-gradient(top,#4c4c4c 0%,#000000 100%); background:linear-gradient(to bottom,#4c4c4c 0%,#000000 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c',endColorstr='#000000',GradientType=0);}
.button.black:hover {color:#fff; background:#7A7A7A;}

.button.disabled {background:#eee; color:#ccc;}

input:valid,textarea:valid {}
input:invalid,textarea:invalid {border-color:#cc3d3d;}

.nolabel {padding:1em 0 1em 160px; font-size:110%;}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {background-color:#f0dddd;}
.buttons {margin-top:1em; padding:.5em 0 0 163px; border-top:4px double #ddd;}

.ie6 legend, .ie7 legend {margin-left:-7px;}
.ie7 input[type="checkbox"] {vertical-align:baseline;}
.ie6 input {vertical-align:text-bottom;}
.ie7 img {-ms-interpolation-mode:bicubic;}


/* -- LAYOUT -- */
.wrapper {margin:auto; width:940px; position:relative;}

/* Main Background */
#main-background {margin:0 auto; margin-top:40px; width:980px; min-height:100%; height:100%; background:#fff; border:1px solid #e7e7e7; border-bottom-width:0; position:relative; /*-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1); box-shadow:0 0 10px 0 rgba(0,0,0,.1);*/}
body > #main-background {height:auto;}

/* Header */
#header-container {/*padding-top:40px;*/ padding-left:180px; /*border-bottom:3px double #ccc;*/ height:100px; position:relative;}
header {padding-top:10px;}

/* Main navigation */
#main-nav {height:60px;}
#main-nav-model { line-height:56px; }
#main-nav-model { background:#ffe900; position:relative; cursor:pointer; border:1px solid #ffdd00; -webkit-border-radius:2px; border-radius:2px; background:#fffe00 url('../images/bg-yellow-gradient.png') repeat-x 0 50%; color:#000; -webkit-box-shadow:0px 1px 0px 0px #ddd; box-shadow:0px 1px 0px 0px #ddd; background:-moz-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fffe00),color-stop(100%,#ffdd00)); background:-webkit-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:-o-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:-ms-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:linear-gradient(to bottom,#fffe00 0%,#ffdd00 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffe00',endColorstr='#ffdd00',GradientType=0);}
#main-nav-model .selected {padding:0 20px 0 0; font-size:140%; font-weight:bold;}
#main-nav-model .selected:after {content:""; display:block; position:absolute; right:14px; top:50%; border:6px solid transparent; border-top-color:#666;}
#main-nav-model .selected i {display:block; border-left:1px solid #edde00; width:auto; padding:0px 3em 0px 1em; height:60px; position:absolute; top:0; right:0;}
#main-nav-model .option {display:none; position:absolute; margin:0; width:auto; z-index:10000; background:#fff; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px; -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.4); box-shadow:0 3px 3px 0 rgba(0,0,0,.4);}
#main-nav-model .option ul {margin:0; padding:20px;}
#main-nav-model .option li {list-style:none; width:177px; float:left;}
#main-nav-model .option li a {display:block; font-size:140%; color:#000; text-decoration:none; line-height:40px; -webkit-border-radius:2px; border-radius:2px;}
#main-nav-model .option li a:hover {background:#eee; color:#333; font-weight:bold;}
#main-nav-model:hover {background:#fff; color:#000; border-color:#ccc; border-bottom-color:#fff;}
#main-nav-model:hover .selected:after {margin-top:-7px; border-color:transparent transparent #ccc transparent;}
#main-nav-model:hover .selected i { border-color:#eee; border-left:0px none; }
#main-nav-model:hover .option {display:block;}

/*.model-small [class]:before {content:""; display:inline-block; width:70px; height:30px; top:7px; margin-right:2px; position:relative; background:url('../images/models_small.png') no-repeat 50% 0; display:none;}*/
/*.model-small .105:before {background-position:50% 0px;}
.model-small .favorit:before {background-position:50% -30px;}
.model-small .felicia:before {background-position:50% -60px;}
.model-small .fabia:before {background-position:50% -90px;}
.model-small .fabia2:before {background-position:50% -120px;}
.model-small .roomster:before {background-position:50% -150px;}
.model-small .octavia:before {background-position:50% -180px;}
.model-small .octavia2:before {background-position:50% -210px;}
.model-small .superb:before {background-position:50% -240px;}
.model-small .superb2:before {background-position:50% -270px;}
.model-small .yeti:before {background-position:50% -300px;}
.model-small .citigo:before {background-position:50% -330px;}
.model-small .rapid:before {background-position:50% -360px;}
.model-small .octavia3:before {background-position:50% -390px;}
.model-small .fabia3:before {background-position:50% -420px;}
.model-small .superb3:before {background-position:50% -450px;}*/

.model-small svg, .model-small img {display:block; width:60px; height:40px; margin:0 5px; vertical-align:bottom; float:left;}
.model-small.selected svg {width:60px; margin:7px 5px 7px 10px;}
.model-small.selected img {width:60px; margin:15px 5px 15px 10px;}
.model-small .garage-select svg {height:30px;}
.model-small img {height:auto;}

#main-nav-model .option h4 {margin: 0; padding: 20px 20px 0; line-height: 100%;}
#main-nav-model .option .garage-select {border-bottom:1px solid #eee;}
#main-nav-model .option .garage-select li {box-sizing: border-box; height:50px;}
#main-nav-model .option .garage-select li a {font-size:11px; line-height:100%; padding:.75em .25em .75em 0; box-sizing:border-box; height:50px;}
#main-nav-model .option .garage-select li a span {vertical-align:middle; color:#999;}
#main-nav-model .option .garage-select li a span strong {font-weight:700; white-space:nowrap; text-overflow:ellipsis; display:block; color:#000; overflow:hidden; line-height:120%;}
#main-nav-model .option .garage-select li a:hover {font-weight:500; color:#37a600;}
#main-nav-model .option .garage-select li a.active {background:transparent; box-shadow:none; -webkit-box-shadow:none; border:1px solid #ccc; color:#000; font-weight:500; position:relative;}
#main-nav-model .option .garage-select li a.active:before {opacity:1;}
#main-nav-model .option .garage-select li a.active:after {content:""; right:0; top:0; width:12px; height:12px; background:#38b600 url('../images/icons.png') no-repeat 0 0; background-size:cover; display:block; position:absolute;}
#main-nav-model .option .garage-select.model-small svg {height:30px;}
#main-nav-model .option .garage-select.model-small .btn {line-height:30px; text-align: center; border:1px solid #ccc; padding:0; margin:.25em; color:#37a600;}
#main-nav-model .option .garage-select.model-small .btn:before {display:none;}

.garage-add {border: 1px dashed #ddd;}
.garage-add .item {display:block; width:50px; height:30px; border:1px solid #ccc; margin:0 10px; position:relative; overflow:hidden; float:left;}
.garage-add .gate {display:block; width:100%; height:30px; position:absolute; z-index:20; background:url('../images/bg-garage-gate.png') repeat;}
.garage-add .gate b {display:block; width:20px; height:20px; position:absolute; top:5px; left:15px; z-index:20; background-color:#ccc; text-align:center; line-height:20px; font-size:120%; font-weight:700; color:#000;}
.garage-add strong {color:#38b600 !important;}

#main-nav-model .option li a.active {background:#eee; color:#999; font-weight:bold; -webkit-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.2); box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.2);}
#main-nav-model .option li a.active:before {opacity:0.5;}

/*
#main-nav-cat {margin-left:288px; -webkit-border-radius:2px; border-radius:2px; background:#585858; background:-moz-linear-gradient(top,#585858 0%,#4d4d4d 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#585858),color-stop(100%,#4d4d4d)); background:-webkit-linear-gradient(top,#585858 0%,#4d4d4d 100%); background:-o-linear-gradient(top,#585858 0%,#4d4d4d 100%); background:-ms-linear-gradient(top,#585858 0%,#4d4d4d 100%); background:linear-gradient(to bottom,#585858 0%,#4d4d4d 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858',endColorstr='#4d4d4d',GradientType=0);}
#main-nav-cat ul, #main-nav-cat ul li {margin:0; padding:0;}
#main-nav-cat > ul > li {display:inline-block; border-right:1px solid #4c4c4c; position:relative;}
#main-nav-cat > ul > li > span {display:block; margin:0; padding:0 30px; z-index:999999; border:1px solid transparent; font-size:140%; color:#fff; font-weight:bold; cursor:pointer; z-index:10000;}
#main-nav-cat > ul > li span:before {content:""; display:inline-block; width:30px; height:30px; position:relative; top:10px; margin-right:10px; background:url(../images/main-nav-icon.png);}
#main-nav-cat > ul > li:last-child span:before {background-position:-30px 0;}
#main-nav-cat > ul > li span:after {content:''; display:inline-block; margin-left:10px; position:relative; top:5px; border:6px solid #999; border-color:#999 transparent transparent transparent; font-size:0; line-height:0; width:0; height:0;}
#main-nav-cat > ul > li .subcat {display:none; position:absolute; left:0; top:100%; margin-left:1px; width:620px; z-index:10000; background:#fff; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px; -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.4); box-shadow:0 3px 3px 0 rgba(0,0,0,.4);}
#main-nav-cat > ul > li .subcat ul {margin:0; margin-left:15px; padding:10px 20px 20px; list-style:outside square;}
#main-nav-cat > ul > li .subcat ul li {width:180px; padding:5px 5px 5px 0; float:left; line-height:130%; text-decoration:none; color:#37a600;}
#main-nav-cat > ul > li .subcat ul li a {color:#000; font-size:13px;}
#main-nav-cat > ul > li:last-child .subcat {left:-260px;}
#main-nav-cat > ul > li.active > span {background:#333; color:#eee; border-color:#444;}
#main-nav-cat > ul > li:hover > span {background:#fff; color:#000; border-color:#ccc; border-bottom-color:#fff;}
#main-nav-cat > ul > li:hover > span:before {background-position:0 -30px;}
#main-nav-cat > ul > li:last-child:hover > span:before {background-position:-30px -30px;}
#main-nav-cat > ul > li:hover > span:after {top:-2px; border-color:transparent transparent #666 transparent;}
#main-nav-cat > ul > li:hover .subcat {display:block;}

#main-nav-text {
  display:block; margin:0; padding:0 30px; z-index:999999; border:1px solid transparent; font-size:140%; color:#fff; font-weight:bold; z-index:10000;
}
*/

/* Eshop/Blog Links */
#eshop-blog-links {margin:0; padding:10px 0; list-style:none;}
#eshop-blog-links li {float:left; padding:0 8px; border-left:1px dashed #ccc;}
#eshop-blog-links li:first-child {padding-left:0; border:none;}
#eshop-blog-links li a {line-height:20px; font-size:140%; color:#37a600; text-decoration:none; position:relative;}
#eshop-blog-links li a:hover {text-decoration:underline;}
#eshop-blog-links li a span {position:absolute; left:100%; top:0; display:inline-block; line-height:200%; margin-left:5px; padding:.1em .5em; background:#ff0; font-weight:bold; font-size:60%; color:#000;}
#eshop-blog-links li.active a {font-weight:bold;}
#eshop-blog-links-mobile {display:none;}

/* Search */
#top-smart-search input[type='text'] {background-color:#eee; max-width:120px;}
#top-smart-search select {background-color:#eee; padding:0.4em; max-width:120px;}

#contact {position:absolute; left:520px; bottom:0; width:220px; height:80px; background:url('../images/bg-contact.png') no-repeat;}

/* Awards */
#awards {position:absolute; left:510px; bottom:0px; width:180px; height:80px;}

/* Shopping cart */
#cart {position:absolute; right:0; top:10px;}
#cart, #cart-link {width:220px; height:80px;}
#cart-link {display:block; text-decoration:none; background:#38b600 no-repeat 100% 50%; -webkit-border-radius:2px; border-radius:2px; background:-moz-linear-gradient(top,#73cc14 0%,#39b700 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#73cc14), color-stop(100%,#39b700)); background:-webkit-linear-gradient(top,#73cc14 0%,#39b700 100%); background:-o-linear-gradient(top,#73cc14 0%,#39b700 100%); background:-ms-linear-gradient(top,#73cc14 0%,#39b700 100%); background:linear-gradient(to bottom,#73cc14 0%,#39b700 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#73cc14',endColorstr='#39b700',GradientType=0);}
#cart-link strong {display:block; margin:0 20px; padding:20px 0 5px; color:#fff; font-size:140%; border-bottom:1px solid #52b000;}
#cart-link .cart-items {display:block; margin:0 20px; font-size:140%; line-height:150%; color:#000;}
#cart-link .cart-items em {float:right; font-style:normal; font-weight:bold; color:#ff0;}

#cart-link:hover {background:#73cc14; background: #61be00; background: -moz-linear-gradient(top,  #61be00 0%, #1d9300 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61be00), color-stop(100%,#1d9300)); background: -webkit-linear-gradient(top,  #61be00 0%,#1d9300 100%); background: -o-linear-gradient(top,  #61be00 0%,#1d9300 100%); background: -ms-linear-gradient(top,  #61be00 0%,#1d9300 100%); background: linear-gradient(to bottom,  #61be00 0%,#1d9300 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61be00', endColorstr='#1d9300',GradientType=0 );}
#cart-link:hover strong {border-bottom: 1px solid #1e9400;}

/* Navigation */
nav {/*position:absolute; left:0; top:0; width:940px; height:40px; padding:0;*/}
nav > ul {position:absolute; top:-40px; padding:12px 0;}
nav > ul li {float:left; padding:0 10px; border-left:1px solid #ccc;}
nav > ul li:first-child {padding-left:0; border-left:none;}

nav a, nav a:link {display:block; line-height:16px; font-size:120%; color:#000; text-decoration:none;}
nav a:hover {color:#888; text-decoration:underline;}

/* User navigation */
nav .user-nav {position:absolute; right:0px; top:-40px;}
nav .user-nav li {position:relative;}
nav .user-nav.logged {padding-bottom:8px; right:0px; /*background:#eee;*/}
nav .user-nav.logged li:first-child {padding-left:10px;}
nav .user-nav.logged a {text-decoration:underline;}
nav .user-nav.logged .name {display:block; font-size:120%; line-height:120%;}
nav .user-nav.logged .name strong {padding-left:26px; position:relative;}
nav .user-nav.logged .name strong span {display:block; width:16px; height:16px; position:absolute; left:0; top:50%; margin-top:-8px; background:url('../images/icon-order.png') no-repeat 0 0;}
nav .user-nav.logged .name small {margin-left:.5em; padding:.2em .5em; color:#fff; background:#37a600; cursor:help; font-size:60%; position:relative; -webkit-border-radius:2px; border-radius:2px;}
nav .user-nav.logged .name small[data-tip]:before {content:''; display:none; border:5px solid #000; border-color:transparent transparent #000 transparent; position:absolute; top:100%; right:10px; z-index:8; font-size:0; line-height:0; width:0; height:0;}
nav .user-nav.logged .name small[data-tip]:after {display:none; content:attr(data-tip); position:absolute; top:100%; right:0px; margin-top:10px; padding:0 1em; background:#000; color:#fff; z-index:9; font-size:120%; height:20px; line-height:20px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; white-space:nowrap; word-wrap:normal;}
nav .user-nav.logged .name small[data-tip]:hover:before, nav .user-nav.logged .name small[data-tip]:hover:after {display:block;}
nav .user-nav.logged .account-link {display:none;}
nav .top-nav {display:none;}

/* Overlay login form */
#login-overlay {width:180px; position:absolute; left:0; top:100%; margin-top:2px; z-index:9999; background:#f2f2f2; border:1px solid #dedede;}
#login-overlay form {padding:10px;}
#login-overlay h3 {display:none; position:absolute; left:-1px; top:-21px; font-size:120%; line-height:20px; font-weight:normal; background:#fff; cursor:default;}
#login-overlay .login-btns {padding-top:5px; border-top:4px double #dedede;}

/* Domain navigation */
nav .domain-nav {position:absolute; /*right:0; */top:-40px; width:160px; padding:10px 0;/* text-align:right;*/}
nav .domain-nav span {display:block; padding-left:32px; padding-right:24px; font-size:120%; line-height:20px; text-transform:uppercase; cursor:pointer; position:relative; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow:0px 1px 0px 0px #ccc; box-shadow:0px 1px 0px 0px #ccc;}
nav .domain-nav .cz {background:#ddd url('../images/flag-cz.png') no-repeat 10px 50%;}
nav .domain-nav .sk {background:#ddd url('../images/flag-sk.png') no-repeat 10px 50%;}
nav .domain-nav .en {background:#ddd url('../images/flag-en.png') no-repeat 10px 50%; font-size:100%; }
nav .domain-nav span:after {content:''; border:4px solid #333; border-top-color:#333; border-right-color:transparent; border-bottom-color:transparent; border-left-color:transparent; position:absolute; right:10px; top:50%; margin-top:-2px; z-index:8; font-size:0; line-height:0; width:0; height:0;}
nav .domain-nav ul {/*float:right;*/ margin-top:1px; padding:0 1em; width:100%; background:#fff; display:none; -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.4); box-shadow:0 0 5px 0 rgba(0,0,0,.4);}
nav .domain-nav ul li {float:none; border:none; border-top:1px solid #eee;}
nav .domain-nav ul li:first-child {border:none;}
nav .domain-nav ul li a {line-height:200%;}

/* Top contact */
nav .top-contact {position:absolute; left:180px; top:-40px; padding:12px 0; line-height:16px; font-size:120%; font-weight:bold; color:#808080;}
nav .top-contact a {display:inline; line-height:16px; font-size:100%; font-weight:bold; color:#808080;}

/* Banner */
.banner-wide {
  padding-bottom:1em;
  text-align:right;  
}

.banner-wide img {
  max-width:80%;
}
 

/* Breadcrumbs */
#breadcrumbs ul {margin:0; list-style:none;}
#breadcrumbs > ul > li {font-size:120%; margin-bottom:5px; color:#aaa;}


#breadcrumbs {margin:1em 0; padding:0;}
#breadcrumbs > ul > li {display:table-cell; margin-left:-1px; padding:0; /* 5px 0 1em;*/ height:28px; line-height:28px; position:relative; border:1px solid #ddd; border-left-width:0; white-space:nowrap;}
#breadcrumbs > ul > li:first-child {border-left-width:1px;}
#breadcrumbs > ul > li:first-child > a {padding-left:.75em;}
#breadcrumbs > ul > li:before, #breadcrumbs > ul > li:after {display:block; width:0; height:0; content:''; border:15px solid transparent; border-width:15px 7px; border-left-color:#ddd; position:absolute; left:100%; top:0; z-index:100; margin-left:0px;}
#breadcrumbs > ul > li:after {border-left-color:#fff; margin-left:-1px;}
#breadcrumbs > ul > li:last-child:before, #breadcrumbs > ul > li:last-child:after {display:none;}
#breadcrumbs > ul > li > a {border:none; display:block; color:#000; padding:0 .5em 0 1em; text-decoration:none; position:relative; white-space:nowrap;}
#breadcrumbs > ul > li > a:hover {color:#37a600;}
#breadcrumbs > ul > li:not(:first-child):not(:last-child) > a {max-width:12em; overflow:hidden; text-overflow:ellipsis; /*-webkit-transition:width 0.5s; transition:width 0.5s;*/}
/*#breadcrumbs > ul > li:not(:first-child):not(:last-child):hover > a {width:calc(100% - 1.5em);}*/
#breadcrumbs > ul > li > span {padding:0 1em; font-style:italic;}

#breadcrumbs > ul > li:hover > a {background:#f8f8f8;}
#breadcrumbs > ul > li:hover:after {border-left-color:#f8f8f8;}
#breadcrumbs > ul > li > ul {display:block; /*width:140px;*/ margin-top:-1px; position:absolute; border:1px solid #ccc; background:#fff; z-index:9999; -webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,.2); box-shadow:0 0px 2px 0 rgba(0,0,0,.2);}
#breadcrumbs > ul > li > ul > li > a {display:block; padding:.5em .75em; border-bottom:1px solid #ccc; color:#000; white-space:nowrap;}
#breadcrumbs > ul > li > ul > li:last-child > a {border:none;}
#breadcrumbs > ul > li > ul > li.active > a {background:#eee; color:#888; text-decoration:none;}
#breadcrumbs > ul > li.crumbnav > a {padding-right:20px;}
#breadcrumbs > ul > li.crumbnav > a:after {content:""; display:inline-block; position:absolute; right:5px; top:12px; /*margin-left:7px;*/ border:5px solid #ccc; border-color:#ccc transparent transparent transparent;}
#breadcrumbs > ul > li.crumbnav > ul {display:none;}
#breadcrumbs > ul > li.crumbnav:hover > ul {display:block;}

/* Contents */
#main {padding-bottom:260px; background:#fff; color:#999;}
#main h1 {padding-top:0;}
#main h1 .title {
  display: block;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  font-size: 28px;
  line-height:28px;
  margin-top: 10px;
  color: #000;
  text-transform: initial;
}
#main h1 .title strong {color:#000;}
#main h1 .title.blog {padding-bottom:.5em; color:#37a600; text-transform:none; font-size:160%; font-weight:normal; border-bottom:1px dashed #eee;}
#main h2 {margin-bottom:0.75em; border-bottom:none;}
#main h2 em {font-style:normal; color:#000;}
#main h2.line {border-bottom:1px solid #eee;}
#main h2.line span {color:#000; background-color:#fff; padding-right:.75em; position:relative; top:.5em;}
#main p {font-size:140%; line-height:125%;}
#main .perex {margin:0 40px; font-style:italic; font-size:160%;}

#main .main-content {margin-right:280px;}
#main #sidebar {float:right; width:260px;}

#sidebar p {padding-bottom:1em; color:#000; font-size:180%;}
#sidebar p a {color:#37a600;}


/* Logo */
#main h1 #logo, h1 #logo:visited, h1 #logo:hover {position:absolute; left:0; top:10px; display:block; width:160px; height:80px; line-height:80px; text-indent:-9999px; color:#fff; border:none; text-decoration:none; -webkit-border-radius:2px; border-radius:2px;}
#main h1 .logocz {background:transparent url('../images/logo-skodadily-cz.png') no-repeat 0 0;}
#main h1 .logosk {background:transparent url('../images/logo-skodadily-sk.png') no-repeat 0 0;}
#main h1 .logoen {background:transparent url('../images/logo-skodadily-en.png') no-repeat 0 0;}
/*#main h1 #logo:hover, h1 #logo:focus {background-position:0 -80px;}*/
#main h1 br {display:none;}

/* Back buttons */
#back-buttons {position:absolute; right:0; margin-top:-60px;}
#back-buttons ul {margin:0; list-style:none;}
#back-buttons ul li {margin-left:.5em; float:left;}
#back-buttons ul li:first-child {margin-left:0;}

.back {padding-left:2.5em; position:relative;}
.back span {display:block; width:16px; height:16px; position:absolute; left:10px; top:50%; margin-top:-8px; background:url('../images/bg-arr-button.png') no-repeat 0 0;}
.back.green span {background-position:-32px 0;}
.back:hover span {background-position:0px 0;}

/* Featured slider */
#featured-wrapper {margin-bottom:30px; width:940px;}
#featured {height:210px; background:#fff; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px; overflow:hidden; position:relative;}
#featured ul.ui-tabs-nav {position:absolute; right:0; top:0; z-index:10; border-left:1px solid #ccc; list-style:none; padding:0; margin:0; width:280px; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.2); box-shadow:0 0 20px 0 rgba(0,0,0,.2);}
#featured ul.ui-tabs-nav li {font-size:120%; position:relative;}

#featured li.ui-tabs-nav-item a {display:block; padding:0 20px; height:70px; color:#666; background:#f2f2f2; line-height:150%; border-bottom:1px solid #ccc; text-decoration:none;}
#featured li.ui-tabs-nav-item:last-child a {border:none;}
#featured li.ui-tabs-nav-item a span {display:table-cell; vertical-align:middle; height:70px; font-size:130%;}
#featured li.ui-tabs-nav-item a:hover {color:#333;}
#featured li.ui-tabs-selected a {color:#000;}
/*#featured li.ui-tabs-selected a:before {content:''; border:10px solid #333; border-top-color:transparent; border-right-color:#ff0; border-bottom-color:transparent; border-left-color:transparent; position:absolute; left:-20px; top:50%; margin-top:-10px; z-index:8; font-size:0; line-height:0; width:0; height:0;}*/
#featured li.ui-tabs-selected a:before {content:''; position:absolute; left:-10px; top:50%; margin-top:-10px; z-index:8; width:10px; height:20px; background:url('../images/bg-featured-arr.png') no-repeat 0 100%;}
#featured li.ui-tabs-selected a {background:#fffe00 url('../images/bg-yellow-gradient.png') repeat-x 0 50%; background:-moz-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fffe00),color-stop(100%,#ffdd00)); background:-webkit-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:-o-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:-ms-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:linear-gradient(to bottom,#fffe00 0%,#ffdd00 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffe00',endColorstr='#ffdd00',GradientType=0);}

#featured .ui-tabs-panel {width:660px; height:210px; background:#ccc; position:relative;}
#featured .ui-tabs-hide {display:none;}

/* Smart search */
#smart-search {margin-bottom:30px; padding:20px; text-align:center; background:#f2f2f2; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#smart-search h2 {font-size:240%; font-weight:normal; color:#37a600; text-transform:none; border:none;}
#smart-search select, #smart-search input {font-size:180%; padding-top:14px; padding-bottom:14px; line-height:20px;}
#smart-search button {padding:.4em .75em; font-size:200%;}
#smart-search form {text-align:left;}

#smart-search .switcher {position:relative; z-index:20; margin-left:80px; margin-right:2px; display:block; float:left; width:220px; height:50px; background-color:#fff; cursor:pointer; font-size:120%; text-align:left; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#smart-search .switcher .selected {display:block; margin:15px 30px 15px 0; padding:0 10px; font-size:150%; line-height:20px; color:#333; border-right:1px solid #eee;}
#smart-search .switcher .selected:after {content:''; border:4px solid #333; border-color:#333 transparent transparent transparent; position:absolute; right:10px; top:50%; margin-top:-4px; z-index:8; font-size:0; line-height:0; width:0; height:0;}
#smart-search .switcher ul {width:218px; position:absolute; left:0; top:100%; margin:0; padding:0; list-style:none; background-color:#f8f8f8; border:1px solid #ccc; display:none;}
#smart-search .switcher ul li {border-top:1px solid #ddd;}
#smart-search .switcher ul li:first-child {border:none;}
#smart-search .switcher ul li a {color:#000; display:block;  padding:0 1em; line-height:200%; text-decoration:none;}
#smart-search .switcher ul li a:hover {font-weight:bold; background: #fff;}

/* Autocomplete */
* html .ui-autocomplete {width:1px; z-index:30 !important;} /* without this, the menu expands to 100% in IE6 */
.ui-autocomplete {background:#fff; border:1px solid #ccc; position:absolute; cursor:default;}
.ui-autocomplete.ui-menu {list-style:none; padding:2px; margin:0; display:block; float:left;}
.ui-autocomplete.ui-menu .ui-menu-item {margin:0; padding:0; zoom:1; width:100%; cursor:pointer;}
.ui-autocomplete.ui-menu .ui-menu-item:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.ui-autocomplete.ui-menu .ui-menu-item a {text-decoration:none; display:block; padding:.2em .4em; font-size:140%; line-height:200%; zoom:1; color: #000;}
.ui-autocomplete.ui-menu .ui-menu-item img {float:left; margin:.2em .5em .2em 0; border:1px solid #ccc;}
.ui-autocomplete.ui-menu .ui-menu-item strong {float:right; color:#000; font-size:90%;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {font-weight:normal; color:#000; background:#F2F2F2;}
.ui-autocomplete-category {padding:1em .4em .2em; margin:.8em 0 .2em; color:#37a600; font-size:120%; line-height:150%; border-top:1px dashed #ccc;}
.ui-autocomplete-category:first-child {margin-top:0; border-top:none;}

/* Models */
.models {}
.models ul {list-style:none; margin:0 20px; padding:0; text-align:center;}
.models ul li {float:left; width:150px; margin:10px 0; position:relative;}
.models ul li a {display:block; width:100%; border:1px solid transparent; /*padding-top:60px;*/ text-decoration:none; font-size:120%; color:#888; /*line-height:40px;*/ font-weight:bold; position:relative;}
/*.models ul li a span, [class*="car-"] {position:absolute; left:0; top:0; display:block; width:150px; height:60px; background:url('../images/models.png') no-repeat 50% 0;}*/
.models ul li a:hover {color:#000; border:1px solid #ccc; text-decoration:underline; -webkit-border-radius:2px; border-radius:2px; /*-webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,.4); box-shadow:0px 0px 10px 2px rgba(0,0,0,.4);*/}

.models .105 a span, .car-105 {background-position:50% 0px;}
.models .favorit a span, .car-favorit {background-position:50% -60px;}
.models .felicia a span, .car-felicia {background-position:50% -120px;}
.models .fabia a span, .car-fabia {background-position:50% -180px;}
.models .fabia2 a span, .car-fabia2 {background-position:50% -240px;}
.models .roomster a span, .car-roomster {background-position:50% -300px;}
.models .octavia a span, .car-octavia {background-position:50% -360px;}
.models .octavia2 a span, .car-octavia2 {background-position:50% -420px;}
.models .octavia3 a span, .car-octavia3 {background-position:50% -780px;}
.models .superb a span, .car-superb {background-position:50% -480px;}
.models .superb2 a span, .car-superb2 {background-position:50% -540px;}
.models .yeti a span, .car-yeti {background-position:50% -600px;}
.models .citigo a span, .car-citigo {background-position:50% -660px;}
.models .rapid a span, .car-rapid {background-position:50% -720px;}
.models .fabia3 a span, .car-fabia3 {background-position:50% -840px;}
.models .superb3 a span, .car-superb3 {background-position:50% -900px;}
.models .kodiaq a span, .car-kodiaq {background-position:50% -960px;}
.models .karoq a span, .car-karoq {background-position:50% -1020px;}

.models, .models-svg {box-sizing: border-box; margin-top:25px;}
.models ul , .models-svg ul {list-style:none; margin:0 20px; padding:0; text-align:center;}
.models ul li , .models-svg ul li {float:left; width:150px; margin:5px 0; position:relative;}
.models ul li a , .models-svg ul li a {display:block; width:100%; border:1px solid transparent; padding-bottom:1em; text-decoration:none; font-size:120%; color:#888; font-weight:bold; position:relative;}
.models ul li a span, .models-svg ul li a span {display:block;}
.models ul li a svg, .models-svg ul li a svg {width:130px; height:60px; stroke-width:3;}
.models ul li a img {width:130px; height:auto;}
.models ul li a:hover, .models-svg ul li a:hover {color:#000; border:1px solid #ccc; text-decoration:underline; -webkit-border-radius:2px; border-radius:2px; }

.sgarage, .sgarage-svg {box-sizing: border-box; margin-top:25px;}
.sgarage ul , .sgarage-svg ul {list-style:none; margin:0px 20px; padding:0; text-align:center;}
.sgarage ul li , .sgarage-svg ul li {float:left; width:150px; margin:5px 0; position:relative;}
.sgarage ul li a , .sgarage-svg ul li a {display:block; width:100%; border:0px none; padding-bottom:1em; text-decoration:none; font-size:120%; color:#888; font-weight:bold; position:relative;}
.sgarage ul li a span, .sgarage-svg ul li a span {display:block;}
.sgarage ul li a svg, .sgarage-svg ul li a svg {width:130px; height:60px; stroke-width:3;}
.sgarage ul li a img {width:130px; height:auto;}
.sgarage ul li a:hover, .sgarage-svg ul li a:hover {color:#000; border:0px none; text-decoration:underline; -webkit-border-radius:2px; border-radius:2px; }
 


.default-scala {fill:#4787CF;}
.default-karoq {fill:#F80F1A;}
.default-kamiq {fill:#B32228;}
.default-kodiaq {fill:#F6F3EE; transform: scale(1.05); }
.default-enyaq {fill:#C6D4C8; transform: scale(0.95); }
.default-yeti {fill:#ED6223;}
.default-superb-3-combi {fill:#ADACA1;}
.default-superb-3 {fill:#ADACA1;}
.default-superb-2-combi {fill:#637599;}
.default-superb-2 {fill:#637599;}
.default-superb {fill:#39C9E5;}
.default-roomster {fill:#40806A;}
.default-rapid-combi {fill:#AA8D52;}
.default-rapid {fill:#AA8D52}
.default-octavia-3-combi {fill:#A1E5DA;}
.default-octavia-3 {fill:#A1E5DA;}
.default-octavia-4-combi {fill:#004670;}
.default-octavia-4 {fill:#004670;}
.default-octavia-2-combi {fill:#E53A39;}
.default-octavia-2 {fill:#E53A39;}
.default-octavia-combi {fill:#39E556;}
.default-octavia {fill:#39E556;}
.default-felicia {fill:#E5E5E5;}
.default-favorit {fill:#8C9293;}
.default-fabia-4 {fill:#DB9839;}
.default-fabia-3-combi {fill:#C4B798;}
.default-fabia-3 {fill:#C4B798;}
.default-fabia-2-combi {fill:#488296;}
.default-fabia-2 {fill:#488296;}
.default-fabia-combi {fill: #DECF82;}
.default-fabia-sedan {fill:#DECF82;}
.default-fabia {fill:#DECF82;}
.default-citigo {fill:#A02457;}
.default-105-120-130 {fill:#EF3F26;}


/* Change model */
#change-model {padding-bottom:20px;}
#change-model .header, .confirm .header {position:relative; padding:0 20px; color:#000; background:#fffe00; border:none; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow:0px 1px 0px 0px #ddd; box-shadow:0px 1px 0px 0px #ddd; background:-moz-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fffe00),color-stop(100%,#ffdd00)); background:-webkit-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:-o-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:-ms-linear-gradient(top,#fffe00 0%,#ffdd00 100%); background:linear-gradient(to bottom,#fffe00 0%,#ffdd00 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffe00',endColorstr='#ffdd00',GradientType=0);}
#change-model .header h2, .confirm .header h2 {line-height:50px; font-size:180%; color:#000; text-transform:none; text-shadow:0px 1px 0px #fff; filter:dropshadow(color=#fff,offx=0,offy=1);}
#change-model .header .btns {position:absolute; right:10px; top:10px;}
#change-model #models ul {padding:0 20px;}
#change-model.garage .header {background:#73cc14;}
#change-model.garage .header h2 {color:#fff; text-shadow:none; filter:none;}
#change-model.garage #close {font-size:180%; font-weight:700; padding:0 .5em; box-shadow:none; -webkit-box-shadow:none;}
.confirm p {padding:1em 2em; font-size:120%;}
.confirm .btns {padding:0 2em 2em; text-align: center;}

/* Limited offer */
#limited {padding-bottom:40px; position:relative;}
#limited ul {list-style:none; margin:0; width:940px; height:200px; overflow:hidden;}
#limited ul li {float:left; width:140px; margin:20px 20px 20px 0; padding-bottom:40px;}
#limited ul li:last-child {margin-right:0;}
#limited ul li a {font-size:140%; color:#000; text-decoration:none;}
#limited ul li a:hover {color:#37a600; text-decoration:underline;}
#limited ul li a .thumb {display:block; margin-bottom:10px; position:relative; overflow:hidden; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#limited ul li a .thumb .price {display:block; position:absolute; right:0; bottom:0; padding:10px; font-size:160%; color:#fff; background:#73cc14; text-align:right;}
#limited ul li a .thumb .price small {display:block; color:#000; font-size:55%; padding-bottom:.5em; text-decoration:line-through;}

#limited ul li.small a .thumb .price {font-size:100%; font-weight:bold;}
#limited ul li.small a .thumb .price small {display:none;}

#limited .controls {}
#limited .controls div {display:block; width:20px; position:absolute; top:80px;}
#limited .controls div a {display:block; padding:0 5px; position:relative; line-height:40px; text-indent:-9999px; background:#fff; border:1px solid #ddd; -webkit-border-radius:2px; border-radius:2px;}
#limited .controls div a span {display:block; width:10px; height:15px; position:absolute; left:5px; top:12px; background:url('../images/bg-carousel-arr.png') no-repeat 0 0;}

#limited .controls #prev {left:0; margin-left:-40px;}
#limited .controls #prev a {border-right-color:#fff;}
#limited .controls #prev a span {background-position:0 0;}
#limited .controls #prev a:hover span {background-position:-20px 0;}

#limited .controls #next {right:0; margin-right:-40px;}
#limited .controls #next a {border-left-color:#fff;}
#limited .controls #next a span {background-position:0 -15px;}
#limited .controls #next a:hover span {background-position:-20px -15px;}

/* Why blog */
#why-blog {padding-bottom:40px; margin-top:25px;}

/* Why we */
#why-we {width:520px; float:left;}
#why-blog .fullsize { width:auto; }
#why-we ul {margin:2em 0 0 0; padding:20px 0 0; list-style:none; background:#eee; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#why-we ul li {width:45%; float:left; margin-bottom:20px; background:url('../images/bg-whywe-li.png') no-repeat 15px 0;}
#why-we ul li strong, #why-we ul li p {margin-left:60px;}
#why-we ul li strong {font-size:160%; color:#000;}
#why-we ul li p {font-size:140%;}

/* Blog */
#blog {margin-left:560px;}
#blog .blog-item {padding:20px 0;}
#blog .blog-item small {font-size:120%;}
#blog .blog-item h3 {padding:.5em 0; font-size:200%; line-height:120%;}
#blog .blog-item h3 a {color:#37a600; text-decoration:none;}
#blog .blog-item h3 a:hover {color:#000; text-decoration:underline;}
#blog .blog-item p {font-size:120%; padding-bottom:1em; line-height:150%; color:#333;}
/* nadpis v blogu */
.blogh { color:#37a600; font-size:200%; line-height:120%; padding:.8em 0 0.4em 0; }

/* Quote */
#recommend { margin-top:25px; }
#recommend .quote {padding:20px;}
#recommend .quote .enter-page {float:right;}
#recommend .quote blockquote {font-size:280%; padding-bottom:.25em; color:#37a600; line-height:120%; font-style:italic; }
#recommend .quote blockquote big {padding:0 .2em; font-weight:bold;}
#recommend .quote span {display:block; font-size:160%; line-height:150%;}
#recommend .quote span:before {content:"—"; padding-right:10px;}

/* Companies */
#companies {padding-bottom:20px;}
#companies ul {margin:2em 0 0; list-style:none;}
#companies ul li {display:inline-block; margin-left:10px;}
#companies ul li:first-child {margin-left:0;}
#companies ul li a {display:block; width:220px; line-height:100px; text-indent:-9999px; background:url('../images/company-logos.jpg') no-repeat;}

#companies ul li.shell a {background-position:0 0;}
#companies ul li.bilstein a {background-position:-240px 0;}
#companies ul li.zimmermann a {background-position:-480px 0;}
#companies ul li.ferodo a {background-position:-720px 0;}

/* Pagination */
.pagination {margin:20px 0 20px; line-height:40px; text-align:right; position:relative; border:1px solid #ddd; border-width:1px 0 0 0;}
.pagination.top {margin-top:0; border-width:0 0 1px 0;}
.pagination a {color:#000;}
.pagination ul {list-style:none; margin:0;}
.pagination ul li {display:inline; line-height:150%;}
.pagination ul li a, .pagination ul li span {padding:0 .5em;}
.pagination ul li strong {padding:0 .5em; color:#333;}
.pagination ul li .button {line-height:20px;}
/*.pagination .start, .pagination .end {width:200px; float:left;}*/
.pagination .pag-controls {float:right; margin-left:20px;}
.pagination .pag-controls .button {line-height:30px;}
.pagination .pag-info {position:absolute; left:0; font-size:120%; text-align:left;}
.pagination .pag-info a:hover {color:#37a600;}
.pagination .pages {}


/* Categories */
#categories {padding-top:40px;}
#categories .thumb {float:left; margin-top:20px; margin-left:40px; width:150px;}
#categories h2 {margin-left:220px; padding-top:.5em; padding-bottom:.5em; color:#37a600; border-bottom:1px solid #eee;}
#categories ul {margin:0; margin-left:220px; padding:20px 0 40px; list-style:inside square;}
#categories ul li {margin-bottom:0px; float:left; width:240px; text-decoration:none; color:#37a600;  position:relative;}
#categories ul li > a {/*display:block;*/ margin-right:10px; /*border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px; background:#e6e6e6; background:-moz-linear-gradient(top,#e6e6e6 0%,#d9d9d9 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e6e6e6),color-stop(100%,#d9d9d9)); background:-webkit-linear-gradient(top,#e6e6e6 0%,#d9d9d9 100%); background:-o-linear-gradient(top,#e6e6e6 0%,#d9d9d9 100%); background:-ms-linear-gradient(top,#e6e6e6 0%,#d9d9d9 100%); background:linear-gradient(to bottom,#e6e6e6 0%,#d9d9d9 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6',endColorstr='#d9d9d9',GradientType=0);*/}
#categories ul li a strong {display:inline-block; font-weight:normal; padding-bottom:.25em; color:#000; font-size:140%; /*text-transform:uppercase;*/text-decoration:underline;}
#categories ul li a span {position:absolute; right:20px; top:50%; display:block; font-size:120%; color:#37a600; line-height:40px; margin-top:-20px; padding-right:40px; background:url('../images/bg-cat-span.png') no-repeat 100% 50%; font-weight:bold;}
#categories ul li small {display:block; font-size:120%; color:#666;}
#categories ul li small a {color:#000;}

#categories ul li a:hover {/*background:#f7f7f7;*/}
#categories ul li a:hover strong {text-decoration:none;}
#categories ul li a:hover span {color:#000;}

/* Subcategories */
#subcategories {margin-bottom:20px; padding:20px; background:#eee; -webkit-border-radius:2px; border-radius:2px; border:1px solid #CCCCCC}
#subcategories ul {margin:0; list-style: square inside none;}
#subcategories ul li {width:445px; float:left; color: #37A600;}
#subcategories ul li a {color:#000; font-size:120%; line-height:200%; text-decoration:none;}
#subcategories ul li a:hover {color:#37a600; text-decoration:none;}

#subcategories {background:none; border:none; padding:0;}
#subcategories ul li {font-size:120%; margin-bottom:.25em; margin-right:.5em; padding:0 1em; display:block; width:calc(50% - 2.75em); background:#eee; border:1px solid #ddd; border-radius:2px; cursor:pointer;}
#subcategories ul li a {display:inline-block; line-height:100%; padding:.5em 0;}
#subcategories ul li:hover {background-color:#f8f8f8; border-color:#eee;}

/* Products */
#products {}

/* Controls */
#products .tabs {display:block; position:relative;}
#products .tabs .controls {margin:0; list-style:none; border-bottom:1px solid #ccc;}
#products .tabs .controls.hidecontrols {margin:0; list-style:none; border-bottom:1px solid #ccc; visibility:hidden; }
#products .tabs .controls li {display:inline-block; margin-left:10px; padding-top:5px;}
#products .tabs .controls li a {display:block; padding:0 15px; text-transform:uppercase; font-size:120%; line-height:35px; position:relative; top:1px; text-decoration:none; background:#e5e5e5; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#products .tabs .controls li a span {display:block; width:16px; height:16px; position:absolute; left:15px; top:50%; margin-top:-8px; background:url('../images/icon-tabs.png') no-repeat;}
#products .tabs .controls li.ui-tabs-selected a {background:#fff; border-bottom:1px solid #fff; color:#000;}
#products .tabs .controls li a:hover {color:#000;}

#products .tabs .ui-tabs-hide {display:none;}

#products .tabs .controls li.list a, #products .tabs .controls li.thumb a {padding-left:40px;}
#products .tabs .controls li.list a span {background-position:0 0;}
#products .tabs .controls li.list.ui-tabs-selected a span {background-position:-16px 0;}
#products .tabs .controls li.list a:hover span {background-position:-32px 0;}
#products .tabs .controls li.thumb a span {background-position:0 -16px;}
#products .tabs .controls li.thumb.ui-tabs-selected a span {background-position:-16px -16px;}
#products .tabs .controls li.thumb a:hover span {background-position:-32px -16px;}

#products .tabs .sort-items {position:absolute; right:0; top:0; width:220px; background-color:#fff; cursor:pointer; font-size:120%; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#products .tabs .sort-items .selected {display:block; margin:5px 30px 5px 0; padding:0 10px; line-height:20px; color:#333; border-right:1px solid #eee;}
#products .tabs .sort-items .selected:after {content:''; border:4px solid #333; border-top-color:#333; border-right-color:transparent; border-bottom-color:transparent; border-left-color:transparent; position:absolute; right:10px; top:14px; z-index:8; font-size:0; line-height:0; width:0; height:0;}
#products .tabs .sort-items ul {margin:0; padding:10px; list-style:none; background-color:#f2f2f2; display:none;}
#products .tabs .sort-items ul li {border-top:1px solid #ddd;}
#products .tabs .sort-items ul li:first-child {border:none;}
#products .tabs .sort-items ul li a {display:block; line-height:200%; text-decoration:none;}
#products .tabs .sort-items ul li a:hover {font-weight:bold;}

#products .tabs #prodfilter {position:absolute; left:0; top:0; background-color:#fff; font-size:120%; }


/* Items */
#products #items {margin:0; list-style:none;}
#products #items > li {margin-bottom:10px; min-height:80px; padding:10px 350px 10px 100px; position:relative; background:url('../images/bg-products-items-li.png') repeat-y 760px 0; cursor:pointer; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#products #items > li:nth-child(even) {background-color:#f2f2f2;}
#products #items > li h3 {margin-bottom:.5em; font-size:180%;}
#products #items > li h3 a {color:#000; text-decoration:none;}
#products #items > li h3 a img {display:block; width:80px; height:80px; position:absolute; left:10px; top:10px; overflow:hidden; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#products #items > li p {margin-bottom:.5em; font-size:120%; line-height:150%; color:#666;}
#products #items > li small {display:block;}
#products #items > li .float-st {display:block; width:12px; height:12px; position:absolute; left:10px; top:72px;}
/*#products #items > li [class^="info-st-"] {padding:.5em .5em .5em 2em;}*/

#products #items > li .icons {position:absolute; left:620px; top:10px; width:140px;}
#products #items > li .icons ul {margin:0; list-style:none;}

.icons li {margin-bottom:5px; padding-left:30px; background:url('../images/icons.png') no-repeat; line-height:20px; white-space:nowrap; text-transform:uppercase; color:#000;}
.icons li.stored {background-position:0 0;}
.icons li.days {background-position:0 -20px;}
.icons li.tip {background-position:0 -40px;}
.icons li.special {background-position:0 -60px;}
.icons li.original {background-position:0 -80px;}
.icons li.from {background-position:0 -100px;}
.icons li.ask {background-position:0 -120px;}
.icons li.send {background-position:0 -140px;}
.icons li.delete {background-position:0 -180px;}
.icons li.edit {background-position:0 -200px;}

#products #items > li .price {position:absolute; right:10px; top:10px; width:180px; text-align:right;}
#products #items > li .price strong {font-size:200%; font-weight:normal; color:#000;}
#products #items > li .price .button {margin-top:.5em;}

#products #items > li.special {border-color:#c00; background-color:#fff2f2;}
#products #items > li.tip {border-color:#cc0; background-color:#fffff2;}

#products #items > li.st-not {min-height:40px; padding-left:70px;}
#products #items > li.st-not h3 a img {width:50px; height:50px;}
#products #items > li.st-not [class^="info-st-"] {margin-bottom:0; color:#666;}
#products #items > li.st-not [class^="info-st-"]:before {background-color:#aaa;}
#products #items > li.st-not .float-st {top:42px;}
#products #items > li.st-not p, #products #items > li.st-not small, #products #items > li.st-not .price .button {display:none;}

#products #items > li:hover {border-color:#37a600;}
#products #items > li:hover h3 a {color:#000;}
#products #items > li:hover h3 a img {border-color:#37a600;}

/* Thumbs */
#products #items.thumbs > li {float:left; margin:0 15px 40px 0; padding:180px 0 0; width:220px; background:none; border:none; height:150px}
#products #items.thumbs > li h3 {padding-top:55px; background:none; font-weight:bold; line-height:120%;}
#products #items.thumbs > li h3 a img {left:0; top:0; width:220px; height:220px; }

#products #items.thumbs > li .icons {left:0; width:20px; overflow:hidden;}
#products #items.thumbs > li .icons li {background-color:#fff;}

#products #items.thumbs > li .price {right:0; top:210px; width:100%; margin-top:-18px; margin-right:-1px; background:#37a600;}
#products #items.thumbs > li .price strong {padding:0 .5em; font-size:140%; line-height:30px; color:#fff;}
#products #items.thumbs > li.st-part .price {background:#ffd400;}
#products #items.thumbs > li.st-not .price {background:#ccc;}
#products #items.thumbs > li.st-part .price strong, #products #items.thumbs > li.st-not .price strong {color:#333;}
#products #items.thumbs > li .float-st {left:2px; top:200px;}

#products #items.thumbs > li:hover .icons {width:140px;}

/* nezobrazovane prvky u typu Thumbs skryjeme */
#products #items.thumbs > li h3 a .count {display:none;}
#products #items.thumbs > li .price .button {display:none;}
#products #items.thumbs > li .price small {display:none;}
#products #items.thumbs > li .price a {display:none;}
#products #items.thumbs > li p {display:none;}
#products #items.thumbs > li small {display:none;}

/* Item list */
#products #item {position:relative;}
#products #item .thumbs {float:left; width:320px;}
#products #item .thumbs img {border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#products #item .thumbs > a > img {display: block; width:100%; height: auto}
#products #item .thumbs a:hover img {border-color:#000;}
#products #item .thumbs ul {margin:10px 0; list-style:none;}
#products #item .thumbs ul li {display:inline-block; margin-right:10px; margin-bottom:10px; vertical-align: middle}
#products #item .thumbs .thumbs-more {  margin-right:0;width:90px;}
#products #item .thumbs .thumbs-more a {
  font-weight:bold;
  font-size:13px;
  text-decoration: none;
display: block;
  text-align: center;
  padding-top:30px;
  background: url(../images/thumbs-more.png) no-repeat top;
}
#products #item .desc .thumbs { margin-left:0px; }

#products #item .links {padding-bottom:1em;}
#products #item .links ul {display:inline-block; list-style:none; margin-left:0px;}
#products #item .links ul li {display:inline; padding:0 1em 0 0;}
#products #item .links ul li a {font-size:120%; color:#37a600; line-height:16px;}
#products #item .links ul li a:hover {color:#000;}
#products #item p span {color: #000; font-size: 100%;}


#products #item .tabs {clear:both;}

/* Rating */
.rating, .rating .fill {height:16px; background:url('../images/stars.png') repeat-x;}
.rating {display:inline-block; width:80px;}
.rating .fill {background-position:0 -16px;}
.rating .fill.s10 {width:10%;}
.rating .fill.s20 {width:20%;}
.rating .fill.s30 {width:30%;}
.rating .fill.s40 {width:40%;}
.rating .fill.s50 {width:50%;}
.rating .fill.s60 {width:60%;}
.rating .fill.s70 {width:70%;}
.rating .fill.s80 {width:80%;}
.rating .fill.s90 {width:90%;}
.rating .fill.s100 {width:100%;}

#products #item p {padding-bottom:1em; font-size:120%;}
#products #item p span {color:#000; font-size:115%;}
#products #item p strong {color:#000;}

#products #item .desc {position:relative; padding-bottom:3em; width: 580px;  float: right;}
/*zvyrazneny text v popisu produktu*/
#products #item .desc .highlight {font-style:oblique;color:#ed1c24;}
#product-id {padding-bottom:2em;}
#product-id strong { display: inline-block; vertical-align: top; padding: 2px 0.5em 0 0;  font-size:13px;  font-weight:normal;}
#product-id ul {margin:0; display:inline-block;vertical-align: top}
#product-id ul li {list-style:none; display:inline-block; min-width:90px; text-align:center; border:1px solid #ccc; padding:0 .75em; margin-bottom:.25em; border-radius:2px; box-sizing: border-box;}
#product-id p {display:inline; padding:0;}
#product-id .other-id {display:inline; margin-left:1em; cursor:help; position:relative;}
#product-id .other-id small {color:#000; font-size:120%; text-decoration:underline;}
#product-id .other-id:hover small {text-decoration:none;}
#product-id .other-id ul {position:absolute; left:0px; top:100%; z-index:10000; display:none; margin:0; padding:1em; list-style:none; background:#fff; border:1px solid #eee; -webkit-box-shadow:0px 0px 10px 0px #eee; box-shadow:0px 0px 10px 0px #eee;}
#product-id .other-id ul li {font-size:120%; line-height:150%; white-space:nowrap;}

#products #item .desc_more {display:none;}
#products #item .desc_more-active {display:block;}
#products #item .desc_more_show span {color:#37a600;font-weight:bold;text-decoration: underline;font-size:110%; cursor: pointer;}
#products #item .desc_more_show span:hover {color:#000;}

/*dulezite upozorneni v detailu*/
#products .inverse {
  color:#ed1c24;
  font-weight:bold;
}

#products .inverse a {
  display:inline-block;
  padding:1px 0.25ex;
  margin-left: 0.25ex;
  color:#ed1c24;  
  font-weight:bold;
  text-decoration: underline;
}

#products .inverse a:hover {
  color:#fff;
  background-color:#ed1c24;
}

/*zvyrazneny div v popisu produktu*/
.desc #hldiv {
  font-size:130%;
  color:#000;
  padding:0.75em;
  margin-bottom:1.5em;
  background:#f2f2f2;
  border:1px solid #37a600;
  border-radius:2px;
}

.desc #hldiv a {
  color:#37a600;
}

.desc #hldiv h4 {
  font-size:110%;
  color:#37a600;
}

#producttip {padding: 45px 0 45px 85px;font-size:130%;color: #000;line-height:1.4;background: url(../images/tip.png) no-repeat left}
#producttip strong {color:#37a600;}
#producttip a {color: #000;}
#producttip a:hover {color: #37a600;}

#mf_header {display:inline-block; font-weight:bold; color:#37a600; cursor:pointer; font-size:110%;}   
#mf_header p {display:inline-block;text-decoration: underline;}
#mf_header p:hover {text-decoration: none;}
#products .mf_text {display:none; background:#f2f2f2; border:1px solid #ccc; margin-top:-1px; margin-bottom: 20px; padding:20px; position:relative;}
#products .mf_text .close {display:block; width:20px; height:20px; position:absolute; right:.5em; top:.5em; border:1px solid #ccc; color:#ccc; text-align:center; line-height:20px; font-size:180%; cursor:pointer; border-radius:2px;}
#products .mf_text .close:hover {color:#666; border-color:#666;}
#products .mf_text .selectors {padding:1em;}
#products .mf_text .appearance {padding-bottom:1em;}
#products .mf_text .appearance span {display:block; padding:0 1em;}
#mf_header.active {border-radius:2px 2px 0 0; border-bottom-color:#f2f2f2; color:#999;}

#modelcat {display:inline-block; font-weight:bold; color:#37a600; cursor:pointer; font-size:110%;}
#modelcat p {display:inline-block;text-decoration: underline;}
#modelcat p:hover {text-decoration:none;}

#modelcat p span {font-size:100% !important;}
#modelcat p > span {position:relative; cursor:help; text-decoration:underline; white-space:nowrap;}
#modelcat p > span:hover {text-decoration:none;}
/*#modelcat p > span .subcat {display:block; position:absolute; left:-1em; top:100%; z-index:9999; padding:.5em 1em; white-space:normal; background:#fff; border:1px solid #eee; -webkit-box-shadow:0px 0px 10px 0px #eee; box-shadow:0px 0px 10px 0px #eee;}*/
#modelcat p > span .subcat {display:block; position:absolute; left:20px; top:100%; z-index:9999; padding:.5em 1em; white-space:normal; background:#fff; border:1px solid #eee; -webkit-box-shadow:0px 0px 10px 0px #eee; box-shadow:0px 0px 10px 0px #eee;}
#modelcat p > span .subcat .label {display:block; color:#666; padding-bottom:.5em;}
#modelcat p > span .subcat a {color:#000; line-height:150%; white-space:nowrap;}
#modelcat:hover p:after {border-top-color:#666;}
#modelcat.active {border-radius:2px 2px 0 0; border-bottom-color:#f2f2f2; color:#999;}
#modelcat.active p:after {border-color:transparent transparent #666 transparent; top:-2px;}

#products .suitablefor {display:none; background:#f2f2f2; border:1px solid #ccc; margin-top:-1px; margin-bottom: 20px; position:relative;}
#products .suitablefor .close {display:block; width:20px; height:20px; position:absolute; right:.5em; top:.5em; border:1px solid #ccc; color:#ccc; text-align:center; line-height:20px; font-size:180%; cursor:pointer; border-radius:2px;}
#products .suitablefor .close:hover {color:#666; border-color:#666;}
#products .suitablefor .selectors {padding:1em;}
#products .suitablefor .appearance {padding-bottom:1em;}
#products .suitablefor .appearance span {display:block; padding:0 1em;}
#products .suitablefor ul {list-style:none; margin:0; padding:1em;}
#products .suitablefor ul li {color:#333;}
#products .suitablefor strong {color:#000; font-size:120%; padding:1em; display:block; font-weight:700;}
/*#products .suitablefor div[id^="auto"]not(:first-child) {display:none;}*/
#products .suitablefor table {}
#products .suitablefor table thead td {background:#d9d9d9; color:#000;}
#products .suitablefor table tr td {border:1px solid #ccc; border-width:1px 0; box-sizing:border-box; padding:.5em; color:#333;}
#products .suitablefor table tr td:nth-child(1) {width:75px;}
#products .suitablefor table tr td:nth-child(2) {width:125px;}
#products .suitablefor table tr td:nth-child(3) {width:45px;}
#products .suitablefor table tr td:nth-child(4) {width:115px;}
#products .suitablefor table tr td:nth-child(5) {width:20px;}

.st-full, .st-full img {border-color:#38b600 !important;}
.st-part, .st-part img {border-color:#ffd400 !important;}
.st-not {opacity:.4;}

[class^="icon-st-"] {display:inline-block; margin:5px; width:20px; height:20px; background:url('../images/icons-suitable.png') no-repeat 0 0; vertical-align:middle;}
[class^="icon-st-"][data-tip] {cursor:help;}
[class^="icon-st-"][data-tip]:before {display:none; content:attr(data-tip); position:absolute; left:100%; margin-left:10px; margin-top:-4px; padding:.25em .5em; background:#666; color:#fff; white-space:nowrap; border-radius:2px;}
[class^="icon-st-"][data-tip]:after {display:none; content:""; position:absolute; left:100%; margin-left:0; margin-top:1px; width:0; height:0; border:5px solid transparent; border-right-color:#666;}
[class^="icon-st-"][data-tip]:hover:before, [class^="icon-st-"][data-tip]:hover:after {display:block;}
.icon-st-full {background-position:0 -20px;}
.icon-st-part {background-position:0 -40px;}
.icon-st-not {background-position:0 -60px;}

[class^="info-st-"] {display:inline-block; border:1px solid #ccc; color:#000; padding:.5em 1em .5em 45px; margin-bottom:1.5em; font-size:110%; box-sizing:border-box; min-height:30px; position:relative; border-radius:5px;}
[class^="info-st-"]:before {content:""; position:absolute; left:-1px; top:-1px; bottom:-1px; width:35px; background:#0154a0; border-radius:5px 0 0 5px;}
[class^="info-st-"] [class^="icon-st-"] {position:absolute; left:3px; top:0;}
[class^="info-st-"] svg {width:45px; height:15px; vertical-align:middle; margin-right:5px;}
.info-st-full {color:#38b600;}
.info-st-full:before {background:#38b600;}
.info-st-part {color:#a38808;}
.info-st-part:before {background:#ffd400;}
.info-st-not {color:#d81919;}
.info-st-not:before {background:#D81919;}

.thumbs [class^="info-st-"] {position:absolute; top:165px; left:1px; right:-1px; z-index:99; background:#fff; border-radius:0; border-width:1px 0 0; padding:.5em 1em; margin:0; min-height:auto;}
.thumbs [class^="info-st-"]:before {/*width:30px; height:30px; border-radius:0; top:30px;*/display:none;}
.thumbs [class^="info-st-"] [class^="icon-st-"] {left:0px; top:26px;}
.thumbs [class^="info-st-"] svg {display:none; width:45px; height:15px; vertical-align:middle; margin-right:5px;}

[class^="box-st-"] {background:#eee;}
[class^="box-st-"] [class^="icon-st-"] {position:absolute; margin-top:1px; margin-left:-1.5em;}
.box-st-full {background:#38b600; color:#fff;}
.box-st-part {background:#ffd400; color:#666;}
.box-st-not {background:#D81919; color:#fff;}

.panel-st-selected {padding:.5em 1em; background-color:#d1f2ae; color:#297806; border-radius:2px; font-size:12px; margin-bottom:1em;}
.panel-st-selected strong {color:#000;}

#products #item .icons {padding:1em 0;}
#products #item .icons ul {margin:1em 0; list-style:none;}
#products #item .icons ul li {display:inline-block; margin-right:1em; line-height:20px;}

#products #item .price {text-align:right; margin-bottom:3em; border:1px solid #D6D6D6; -webkit-border-radius:3px; border-radius:3px; box-sizing:border-box;}
#products #item .price .costs {float: left; width: 45%; text-align: left; box-sizing: border-box;padding: 30px;}
#products #item .price .actual {}
#products #item .price strong {display:block; font-size:240%; /*line-height:40px;*/ color:#000;}
#products #item .price small {font-size:120%;}
#products #item .price strong span {font-size:70%; line-height:150%;}
#products #item .price .old {top:3px; text-decoration:line-through; position:relative;}
/*#products #item .price .old:before {position: absolute; content: ""; left: 0; right: 0; top: 50%; border-top: 1px solid #000; -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg);}*/
#products #item .price .old strong {font-size:180%;}
#products #item .price .xprice {padding-top:.25em;}
#products #item .price .xprice strong {font-size:140%; color:#e00; font-weight:normal; position:relative; margin-right:20px; padding-top:.75em;}
#products #item .price .xprice strong .info {content:"i"; position:absolute; right:-20px; top:10px; display:block; width:15px; height:15px; background:#fff; color:#377e00; border:1px solid #ccc; cursor:pointer; background:url('../images/bg-detail-info.png') no-repeat -7px 50%;}

#products #item .price .buy {float:right; width: 55%;box-sizing: border-box; padding: 20px 30px;}
#products #item .price .availability {display:block; color:#37a600; font-weight:bold; font-size:120%; padding:1em 20px; background: #F5F5F5; text-align:left;  border-bottom:1px solid #D6D6D6;}
#products #item .price .availability span {display:block; padding-top:.5em; color:#999; font-weight:normal;}
#products #item .price .x-part-info {display:block; color:#37a600; font-weight:bold; font-size:120%; padding:1em 20px; text-align:left; }
#products #item .price .x-part-info span {display:block; padding-top:.2em; color:#ed1c24; font-weight:bold; font-size:100%;}
#products #item .price label {display:inline;}
#products #item .price label input {text-align:right; padding-top:17px; padding-bottom:17px;padding-right:30px;}
#products #item .price label span {float:none; margin:0; display:inline; font-size:120%; padding:0 .5em;  width:auto;}
#products #item .price button {margin-left:.5em; font-weight:bold; padding:10px 20px 10px 20px; position:relative; background: #3BB100; font-size: 180%; box-shadow: none}
#products #item .price p {text-align:center; color:#37a600;}

#products #item .price .var {display:block; font-size:15px; padding:0.5em 20px; background: #F5F5F5; text-align:left; }
#products #item .price .var span {display:block; padding-top:.5em; color:#000; font-weight:bold;}

#products #item .price .spinner {display: inline-block;position: relative}
#products #item .price .spinner-up, #products #item .price .spinner-down {position: absolute; right:7px; height:50%; width:20px; background: #F2F2F2; text-align: center; text-decoration: none;line-height:26px;font-size:16px;border-left:1px solid #D6D6D6;}
#products #item .price .spinner-up {top:1px;border-bottom:1px solid #D6D6D6;}
#products #item .price .spinner-down {bottom: 1px;}
#products #item .price .spinner-up:hover, #products #item .price .spinner-down:hover { background-color: #37a600; color: #fff;}
#products #item .price.special .actual strong {color:#e50000;}

/* Suitable box */
.suitable-box {margin-bottom:20px; float:right; width:300px; position:relative; border:1px solid #eee; box-sizing:border-box; border-radius:5px;}
.suitable-box [class^="model-"] {display:block; width:120px; padding-bottom:1em; text-align:center;}
.suitable-box [class^="model-"] strong {color:#000; padding-top:.5em; display:inline-block; font-size:100%;}
.suitable-box [class^="model-"] svg {width:100px; margin:5px 10px 0;}
.suitable-box [class^="box-st-"] {position:absolute; left:120px; top:0; display:block; width:180px; height:100%; padding:2em 2em; box-sizing:border-box; border-radius:0 5px 5px 0;}
.suitable-box [class^="box-st-"] span {margin-left:40px; display:block; line-height:120%; font-size:110%;}
.suitable-box [class^="box-st-"] [class^="icon-st"] {margin:0; width:32px; height:32px; background-image:url('../images/icons-suitable-big.png');}
.suitable-box .icon-st-msg {background-position:0 0;}
.suitable-box .icon-st-full {background-position:0 -32px;}
.suitable-box .icon-st-part {background-position:0 -64px;}
.suitable-box .icon-st-not {background-position:0 -96px;}

/* Suitable line */
.suitable-line {font-size: 120%;margin: 0 0 1em 0; padding:0 0 0 60px; border: 1px solid #D6D6D6; border-radius: 5px; max-width: 380px;}
.suitable-line strong {position: relative; top: 2px;}

.suitable-line-full { background: url(../images/compat-full.png) no-repeat 0 50%; }
.suitable-line-not { background: url(../images/compat-not.png) no-repeat 0 50%; }
.suitable-line-part { background: url(../images/compat-part.png) no-repeat 0 50%; }

.suitable-line-full strong {color: #37a600; }
.suitable-line svg {  width: 46px; height: 40px; display: inline-block; vertical-align: middle; }
.suitable-line-not strong {color: #F54E21; }
.suitable-line-part strong {color: #FFA810; }


/* Variants */
#products #item #variants {padding:0 0 2em 0;}
#products #item #variants h2 {font-size:140%;color: #000;}
#products #item #variants ul {margin:0; list-style:none;border-left:1px solid #D6D6D6;border-right:1px solid #D6D6D6;}
#products #item #variants > ul > li {padding:10px 15px 10px 15px; background:#F9F9F9; position:relative; border-bottom:1px solid #D6D6D6;}
#products #item #variants > ul > li:first-child {border-top:1px solid #D6D6D6;}
#products #item #variants > ul > li a {display:block; font-size:130%; line-height:140%; padding:0 120px 0 0; color:#000; /*background:#f00;*/ position:relative; text-decoration: none;}
#products #item #variants > ul > li a .info {content:"i"; position:absolute; left:100%; top:10px; display:block; width:15px; height:15px; background:#fff; color:#377e00; border:1px solid #ccc; cursor:pointer; background:url('../images/bg-detail-info.png') no-repeat -7px 50%;}
#products #item #variants > ul > li a:hover {color:#37a600; text-decoration:none;}
#products #item #variants > ul > li a .info:hover > span {display:block;}
#products #item #variants > ul > li a .info:hover > span:before {display:block;}
#products #item #variants > ul > li .icons {position:absolute; left:10px; top:10px; padding:0;}
#products #item #variants > ul > li .icons li {margin-right:5px; padding:0; width:20px; text-indent:-9999px; overflow:hidden; cursor:help;}
#products #item #variants > ul > li .rating {position:absolute; right:260px; top:12px;}
#products #item #variants > ul > li .price {margin:0;border:0; position: absolute; right: 15px; top: 10px; text-decoration: none;}
#products #item #variants > ul > li .price strong {font-size: 130%;  font-weight:normal;}
  /*#products #item #variants > ul > li .price strong {display:block; width:130px; height:30px; position:absolute; right:120px; top:0; font-size:130%; line-height:30px; vertical-align:middle;}*/
#products #item #variants > ul > li .price label span {padding:0 .25em;}
#products #item #variants > ul > li .price button {margin-left:.25em; padding:0; width:40px; text-indent:-9999px;}
#products #item #variants > ul > li .price button span {width:16px; height:16px; position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-8px; background:url('../images/bg-buy-button-small.png') no-repeat 50% 50%;}
#products #item #variants > ul > li .price.limited strong {line-height:100%; color:#e00;}
#products #item #variants > ul > li .price.limited strong small {display:block; text-decoration:line-through; color:#000; font-size:80%;}
#products #item #variants > ul > li .price.xprice strong {line-height:100%;}
#products #item #variants > ul > li .price.xprice strong .xprice {display:block; padding:0; text-decoration:none; font-size:80%;}
#products #item #variants > ul > li .price .info {position:absolute; left:100%; top:0px; display:block; width:30px; height:30px; background:url('../images/bg-detail-info.png') no-repeat 100% 50%;}
#products #item #variants > ul > li:hover {background:#FFFFFF; cursor:pointer;}

#products #item #variants .vartitle {font-weight: bold;text-decoration: underline;font-size: 100%;}
#products #item #variants .varimg {float:left;margin-right: 20px;}
#products #item #variants .varstatus {font-weight: normal;color: #939493; text-decoration: none;font-size: 90%;}
#products #item #variants .varavalaible {color:#37a600}

/* Recommended */
#products .recommended {padding-bottom:2em; clear:both;}
#products .recommended h2.line { border: 0;text-transform: none;font-size:21px;margin-bottom:30px;}

#products .recommended ul {margin:2em 0 0; list-style:none;width:100%;overflow: hidden; position: relative}

#products .recommended ul:before, #products .recommended ul:after {content: "";display: none;width:1px;position: absolute;top:0;bottom:0;background: #D9D9D9;}
#products .recommended ul.reccount-2:before, #products .recommended ul.reccount-3:before {display: block}
#products .recommended ul.reccount-3:after {display: block}
#products .recommended ul:before {left:33.3%;}
#products .recommended ul:after {left:66.6%;}

#products .recommended ul li {float:left; width:300px; margin-right:20px;}
#products .recommended ul li:last-child {margin-right:0px;}
#products .recommended ul li .thumb {float:left; display:block; width:100px; height:100px; overflow:hidden; }
#products .recommended ul li a {color:#37a600; font-size:130%; text-decoration:none;}
#products .recommended ul li a .price {display:block; padding-top:1em; color:#000; font-size:120%;}
#products .recommended ul li a:hover {color:#000;}
#products .recommended ul li a:hover .thumb {border-color:#000;}

#products #item .recommended .price {text-align: left;border:0;margin:10px 0 0 120px;font-size:100%; display: block;  font-weight:bold;}
#products #item .recommended .rectitle {text-decoration: underline; margin-left:120px; display: block; line-height: 1.4}

  /* Posts */
#posts {padding:20px 0;}
#posts h2 {color:#000;}
#posts .post, #rate .post {margin-bottom:20px;}
#posts .post:after, #rate .post:after {content:"."; display:block; clear:left; visibility:hidden; line-height:0; height:0;}
#posts .post a, #rate .post a {color:#37a600; text-decoration:underline;}
#posts .post a:hover, #rate .post a:hover {color:#000; text-decoration:none;}
#posts .post .info {float:left; display:block; vertical-align:top;}
#posts .post .info {width:140px; text-align:right;}
#posts .post .info small {font-size:120%; line-height:30px;}
#posts .post .info .name {font-size:140%; display:block; font-weight:bold;}
#posts .post .text {margin-left:160px; padding-bottom:5px;}
#posts .post .reply {margin-left:160px; text-align:right; padding-bottom:20px; border-bottom:1px dashed #ccc;}
#posts .post .text h3 {line-height:30px; color:#000;}

#posts .post.answer {padding-left:40px;}

/* Rate */
#rate {padding:1em 0;}
#rate .post {padding:1em 0; border-bottom:1px dashed #ccc;}
#rate .post .info .rating {margin-right:1em;}
#rate .post .info .name, #rate .post .info .date {font-size:140%; color:#000;}
#rate .post .info .product {margin-left:1em; font-size:140%;}
#rate .post p {display:block; padding-top:.5em;}

#rate-switcher {display:inline-block; width:80px; padding:.2em 1em; position:relative;}
#rate-switcher ul {display:none; margin:0; list-style:none; position:absolute; left:0; top:100%; background:#fff; border:1px solid #eee; -webkit-box-shadow:0px 0px 10px 0px #eee; box-shadow:0px 0px 10px 0px #eee;}
#rate-switcher ul li {padding:.5em 1em;}
#rate-switcher ul li a {}

/* One item */
#products #item.one {padding-left:0;}
#products #item.one .desc {padding-left:240px; padding-right:0; min-height:240px;}
#products #item.one .thumbs {position:static; width:100%;}
#products #item.one .thumbs > img, #products #item.one .thumbs > a img {position:absolute; left:0; top:0;}
#products #item.one .thumbs ul {padding:1em 0; border:1px dashed #ccc; border-width:1px 0;}
#products #item.one .thumbs > a > img {width: auto;}
#products #item.one #variants {border:none; clear: both}
#products #item.one #variants > ul > li {padding-left:160px; padding-right:440px;}
#products #item.one #variants > ul > li .icons .stored {width:auto; padding-left:25px; padding-right:10px; text-indent:0;}
#products #item.one #variants > ul > li .icons .send {width:auto; padding-left:25px; padding-right:10px; text-indent:0;}
#products #item.one #variants > ul > li .icons .ask {width:auto; padding-left:25px; padding-right:10px; text-indent:0;}
#products #item.one #variants > ul > li .rating {right:440px;}
#products #item.one #variants > ul > li .price strong {width:260px; right:160px;}
#products #item.one #variants > ul > li .price strong.old {color:#e00; text-decoration:none;}
#products #item.one #variants > ul > li .price strong.old span {margin-right:1em; font-size:100%; color:#000; text-decoration:line-through;}
#products #item.one #variants > ul > li .price.xprice strong {line-height:100%;}
#products #item.one #variants > ul > li .price.xprice strong small {display:block; color:#e00; font-size:80%;}
#products #item.one #variants > ul > li .price button {padding-left:30px; width:80px; text-indent:0; text-align:left;}
#products #item.one #variants > ul > li .price button span {left:10px; margin-left:0;}

/* Shopping cart */
#shopping-cart {}
#shopping-cart table td label input {text-align:right;}
#shopping-cart table td label span {display:inline; font-size:120%;}

#shopping-cart table .thumb img {display:block; width:60px; height:60px; margin-right:10px; float:left; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#shopping-cart table .name {width:350px; padding-right:1em; position:relative; vertical-align:middle;}
#shopping-cart table .name a {color:#37a600; font-size:160%;}
#shopping-cart table .name a:hover {color:#000; text-decoration:none;}
#shopping-cart table .avail {width:100px;}
#shopping-cart table .avail .icons ul {margin:0; list-style:none;}
#shopping-cart table .avail .icons ul li {}
#shopping-cart table .count {width:80px;}
#shopping-cart table .price, #order table .price {width:160px; text-align:right;}
#shopping-cart table .price strong, #order table .price strong {display:block; font-size:160%; color:#000; font-weight:normal;}
#shopping-cart table .price span, #order table .price span {font-size:120%;}
#shopping-cart table .price.sum strong {font-weight:bold;}
#shopping-cart table .price .deposit {color:#ed1c24; font-style:oblique;}
#shopping-cart table .delete a.button {margin-left:2em; padding:0; width:40px; text-indent:-9999px; font-weight:bold; text-shadow:0px 1px 0px #333; filter:dropshadow(color=#333,offx=0,offy=1); position:relative;}
#shopping-cart table .delete a.button span {display:block; width:16px; height:16px; position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-8px; background:url('../images/icon-close.png') no-repeat;}

#shopping-cart table .summary td {padding:20px 0; background:#f2f2f2; border:none;}
#shopping-cart table .summary .update {padding:0 4em; text-align:right;}
#shopping-cart table .summary .update .button {padding:0 2em;}
#shopping-cart table .summary .text {font-size:140%; font-weight:bold; color:#000;}
#shopping-cart table .summary .price {padding:20px 1em; font-size:120%;}
#shopping-cart table .summary .price strong {margin-bottom:.25em; font-weight:bold;}

#shopping-cart .simplepage, #order .next {padding:2em 0; text-align:right;}
#order .next button {padding:0 2em; font-size:200%; line-height:60px;}

/* Offer list */
#offer-list {}
#offer-list table td label input {text-align:right;}
#offer-list table td label span {display:inline; font-size:120%;}

#offer-list table .thumb img {display:block; width:60px; height:60px; margin-right:10px; float:left; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#offer-list table .name {width:650px; padding-right:1em; position:relative; vertical-align:middle; line-height:200%;}
#offer-list table .name a {color:#37a600; font-size:140%; font-weight:bold;}
#offer-list table .name a:hover {color:#000; text-decoration:none;}
#offer-list table .count {width:80px;}
#offer-list table .count strong {display:block; font-size:160%; color:#000; font-weight:bold;}
#offer-list table .price {width:160px; text-align:right;}
#offer-list table .price strong {display:block; font-size:160%; color:#000; font-weight:normal;}
#offer-list table .price span, #order table .price span {font-size:120%;}
#offer-list table .price.sum strong {font-weight:bold;}

#offer-list table .summary td {padding:20px 0; background:#f2f2f2; border:none;}
#offer-list table .summary .update {padding:0 4em; text-align:right;}
#offer-list table .summary .update .button {padding:0 2em;}
#offer-list table .summary .text {font-size:140%; font-weight:bold; color:#000;}
#offer-list table .summary .price {padding:20px 1em; font-size:120%;}
#offer-list table .summary .price strong {margin-bottom:.25em; font-weight:bold;}

#offer-list .simplepage, #order .next {padding:2em 0; text-align:right;}

/* zpravy */
/* formular pro dotaz u produktu */
#mailFormMsg {padding:0px 20px 20px 165px;font-weight:bold;font-size:120%;color:#000;}

/* Order */
#order {}

#order label.company {display:none;}
#order #delivery-addr {display:none;}

#order table span {font-size:120%;}
#order table .thumb a img {display:block; width:40px; height:40px; margin-right:10px; float:left; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#order table .name a {font-size:120%; color:#37a600;}
#order table .name .inverse {font-size:120%; font-weight:bold; color:#ed1c24;}
#order table .name a:hover {color:#000; text-decoration:none;}
#order table .name a:hover img {border-color:#000;}
#order table .price strong {font-size:140%;}
#order table .orderprice {width:120px;}

#order .tips-buy {padding:1em 0;}
#order .tips-buy h2 {font-size:120%; text-transform:none;}
#order .tips-buy ul {margin:0; list-style:none;}
#order .tips-buy ul li {float:left; width:50%;}
#order .tips-buy ul li > div {position:relative; display:block; margin-right:5px; padding:10px 100px 10px 10px; color:#000; background:#f2f2f2; -webkit-border-radius:2px; border-radius:2px;}
#order .tips-buy ul li > div img {float:left; display:block; margin-right:5px;}
#order .tips-buy ul li > div span {display:block; position:absolute; right:10px; top:10px;}
#order .tips-buy ul li > div a.button {display:block; position:absolute; right:10px; bottom:10px; font-size:110%; line-height:150%;}
#order .tips-buy ul li > div a span {display:none; left:0; right:0; top:100%; margin-top:5px; padding:10px; font-size:110%; color:#333; z-index:900; background:#eee; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#order .tips-buy ul li > div a span:before {content:''; display:none; border:5px solid #000; border-color:transparent transparent #ccc transparent; position:absolute; left:60px; top:-10px; z-index:900; font-size:0; line-height:0; width:0; height:0;}
#order .tips-buy ul li > div a span img {margin-right:10px;}
#order .tips-buy ul li > div a:hover span {display:block;}
#order .tips-buy ul li > div a:hover span:before {display:block;}

#order .payment {padding:1em 0;}
#order .payment label > span {width:100px;}
#order .payment label .coupon {text-transform:uppercase; color:#999;}
#order .payment label option em {color:#37a600;}
#order .payment label strong {float:right; display:block; font-size:160%; line-height:30px; font-weight:normal; color:#000;}
#order .payment label strong.minus {color:#37a600;}
#order .payment p {padding:1em 0; font-size:120%; text-align:center; color:#37a600;}

#order .summary {padding:10px 0; background:#f2f2f2; border-bottom:none;}
#order .summary > span {float:left; display:block; width:240px; font-size:120%; line-height:30px; color:#000; font-weight:bold; text-align:right;}
#order .summary .price {display:block; padding:0 1em; font-size:120%; text-align:right;}
#order .summary .price strong {display:block; font-size:160%; font-weight:bold; color:#000; white-space:nowrap;}
#order .summary .price strong small {font-size:80%;}

#order .agree {display:block; padding:1em 0 1.5em; color:#000; font-size:140%;}
#order .agree a:hover {text-decoration:none;}
#order .next .button.back {padding-left:3em;}
#order .next .button.back span {left:30px; background-position:0 -48px;}
#order .next .button.back:hover span {background-position:0px -48px;}

/* add to order */
.add2ord {
  background: #ffea00;
  padding: 1.2em 0em;
  margin-bottom: 1em;
}

.add2ord .instructions {
  padding:0em 1.2em;
  margin:1em 0em;
  color:#121212;
  font-size:130%;
  text-align:justify;
}

.jinaadresaclick { font-size:115%;color:#000; }

/* completed order */
#order-completed-summary {
  padding:2em 0em;
  text-align:center;
}

/* -- Prehled dokoncene objednavkz -- */
#order-completed-summary #summarytable {margin-bottom:2em; background-color:#eee; -webkit-border-radius:2px; border-radius:2px; color:#000; font-size:150%; font-weight:bold; padding:2em; text-align:left; }
#order-completed-summary #summarytable label {display:block; margin-right:10px; color:#000;}
#order-completed-summary #summarytable label span { display:inline-block; width:50%; font-size:100%; font-weight:normal; vertical-align:top; }


.simplepage h2 {font-size:240%; color:#37a600;}
.simplepage .btns {padding:2em 0;}
.simplepage .button {margin:0 .2em; padding:0 2em; padding-right:3em; font-size:180%; line-height:60px;}
.simplepage .button.back span {background-position:0 -32px; left:100%; margin-left:-40px;}
.simplepage .button.back:hover span {background-position:0px -32px;}
.simplepage .button.back.grey {padding-left:3em; padding-right:2em;}
.simplepage .button.back.grey span {background-position:0 -16px; left:0; margin-left:20px;}
.simplepage .button.back.grey:hover span {background-position:0px -16px;}

#pansvicka-skodadily {padding:260px 0 100px; text-align:center; background:url('../images/pansvicka-skodadily.jpg') no-repeat 50% 20px;}
#pansvicka-bedna {padding:330px 0 100px; text-align:center; background:url('../images/pansvicka-bedna.jpg') no-repeat 50% 20px;}
#not-found {padding:50px 0 100px 300px; background:url('../images/pansvicka-404.jpg') no-repeat 80px 50px;}
#pansvicka-problem {padding:260px 0 100px; text-align:center; background:url('../images/pansvicka-problem.jpg') no-repeat 50% 40px;}
#pansvicka-stop {padding:260px 0 100px; text-align:center; background:url('../images/pansvicka-stop.jpg') no-repeat 50% 40px;}
#pansvicka-skodaover {padding:260px 0 100px; text-align:center; background:url('../images/pansvicka-skodaover.jpg') no-repeat 50% 40px;}

.howto .btn {padding:2em 0; text-align:center;}
.howto .button {margin:0 .2em; padding:0 2em; padding-right:3em; font-size:180%; line-height:60px;}
.howto .button.back span {background:url('../images/bg-arr-button.png') no-repeat 0 -32px; left:100%; margin-left:-40px;}
.howto .button.back:hover span {background-position:0px -32px;}
.howto ul {padding:0px;margin-left:12px;}
.howto ul li {font-size:120%;color:#000;}

#register button {font-size:180%; line-height:40px;}
#register #sidebar {margin-left:20px;}
#register #sidebar h2 {color:#37a600; text-transform:none; font-weight:normal;}
#register #sidebar p {padding-bottom:1em;}

#contactpage {padding:0 300px 0 0; background:url('../images/pansvicka-bedna.jpg') no-repeat 720px 20px;}
#contactpage .halfs {margin-bottom:2em; border-bottom:1px dashed #ccc;}
#contactpage .halfs h2 {text-transform:none;}
#contactpage .halfs p {padding-bottom:1em; color:#000; line-height:150%;}
#contactpage .halfs p span {font-size:200%;}
#contactpage .halfs a {color:#37a600;}
#contactpage .halfs a.show-map {display:inline-block; padding-right:20px; font-size:140%; line-height:20px; background:url('../images/map-tip.png') no-repeat 100% 50%;}


#prezoutpage {padding:0 300px 0 0; background:url('../images/pansvicka-pneu.jpg') no-repeat 675px 0px;}
#prezoutpage .halfs {margin-bottom:2em; border-bottom:1px dashed #ccc;}
#prezoutpage .halfs h2 {text-transform:none;}
#prezoutpage .halfs p {padding-bottom:1em; color:#000; line-height:150%;}
#prezoutpage .halfs p span {font-size:200%;}
#prezoutpage .halfs a {color:#37a600;}

#reviewpage .colb {float:right;width:200px;text-align:center;}
#reviewpage .cola {float:left;width:720px;}
#reviewpage .cola .review {padding:10px;}
#reviewpage .cola .review {font-size:180%; padding-bottom:.25em; color:#37a600; line-height:120%; font-style:italic;}
#reviewpage .cola .review big {padding:0 .2em; font-weight:bold;}
#reviewpage .cola .review span {display:block; font-size:100%; color:#999; line-height:150%;}
#reviewpage .cola .review span:before {content:"—"; padding-right:10px;}

/* Blog */
#articles {margin-right:300px;}
#articles .article {margin-bottom:20px; padding-left:160px; padding-bottom:20px; border-bottom:1px dashed #ccc;}
#articles .article > h2 {margin-bottom:.25em; font-size:280%; text-transform:none; font-weight:normal;}
#articles .article > h2 a {color:#37a600; line-height:30px; text-decoration:none;}
#articles .article > h2 a img {display:block; float:left; width:140px; height:140px; margin-left:-160px; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#articles .article > h2 a:hover {color:#000; text-decoration:underline;}
#articles .article > a.thumb {display:block; float:left; width:140px; height:140px; margin-left:-160px; border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#articles .article > a.thumb:hover {border-color:#000;}
#articles .article > small, #articles #article > small {display:block; margin-bottom:.5em; font-size:120%;}
#articles .article > p, #articles #article > p {margin-bottom:.5em; line-height:150%; color:#333;}
#articles .article .button {margin-top:1em; padding-left:4em; padding-right:4em;}

/* Volna mista */
#articles .job {margin-bottom:20px; padding:20px; border-top:2px solid #37a600; border-bottom:2px solid #37a600;}
#articles .job > h2 {margin-bottom:.25em; font-size:180%; color:#37a600; text-transform:none; font-weight:bold;}
#articles .job > small {display:block; margin-bottom:.5em; font-size:120%;}
#articles .job > p {margin-bottom:0.5em; line-height:150%; color:#333; text-align:justify;}
#articles .job .button {margin-top:1em; padding-left:4em; padding-right:4em;}
#articles .job .jobsummary {
  border-collapse:collapse;
  margin: 20px 0px;
}

#articles .job.footer {margin-bottom:20px; padding:20px; border:0px none !important;}
#articles .job.footer p {color:#666;}

#articles .job .jobsummary td {
  border:0px none;
  padding:0em 1em;
  border-bottom:1px solid #ddd;
  line-height:2em;
}

#articles .job .jobsummary td.label {
  font-size:120%;
}

#articles .job .jobsummary td.data {
  font-size:140%;
  font-weight:bold;
  color:#000;
}

/* info kroky */
.steps {
  border:1px solid #ffd400;
  background-color: #fffff2;
  margin-bottom:2em;
}

.steps label {
  font-size:130%;
  text-align: center;
  text-transform: uppercase;
  display: block;
  background: #ffd400;
  font-weight:bold;
  color:#000;
  padding:1em;
}

.steps p {
  font-size:120%;
  padding:1em 2em;
}

.steps ol {
  font-size:120%;
  color:#000 !important;
  margin:0em;
  padding:0em 3em;
}

.steps a {
  color: #000 !important;
}


/* Tags */
.tags {margin-bottom:2em; padding:10px; background:#f7f7f7;}
.tags ul {margin:0; list-style:none;}
.tags ul li {float:left; margin-right:5px; margin-bottom:5px;}
.tags ul li:last-child {margin-right:0;}
.tags ul li a {display:block; padding:0 1em; font-size:120%; line-height:30px; color:#000; text-decoration:none; background:#ddd; -webkit-border-radius:2px; border-radius:2px;}
.tags ul li a:hover {background:#A3A3A3;}
.tags ul li a.green:hover { background:#289A00;}
.tags ul li a.yellow:hover { background:#FFC800;}
.tags a.green {background:#70cc14;}
.tags a.yellow {background:#ffea00;}

/* Article */
#article {}
#article .images {padding:2em 0; text-align:center;}
#article .images img {border:1px solid #ccc; -webkit-border-radius:2px; border-radius:2px;}
#article img {max-width:100%;height:auto;}
.blog-tip {display:block; margin-top:1em; padding-left:80px; padding-top:50px; padding-bottom:1em; font-size:90%; font-weight:normal; color:#289a00; background:url('../images/pansvicka-tip-left.jpg') no-repeat top left; min-height:70px; }

#article > ul {font-size:140%;color:#333;line-height:150%;}

#article .social-buttons {margin-bottom:2em; padding:1em 0; border-bottom:1px dashed #ccc; border-top:1px solid #eee;}

#article .next-articles {padding-bottom:1em; border-bottom:1px dashed #ccc;}
#article .next-articles h2 {color:#000;}
#article .next-articles ul {list-style:none;}
#article .next-articles ul li {position:relative;}
#article .next-articles ul li:before {content:''; border:4px solid #333; border-color:transparent; border-left-color:#37a600; position:absolute; left:-10px; top:50%; margin-top:-4px; z-index:8; font-size:0; line-height:0; width:0; height:0;}
#article .next-articles ul li a {color:#37a600; font-size:160%; line-height:30px;}
#article .next-articles ul li a:hover {color:#000;}
#article .next-articles ul li span {padding-left:.5em; font-size:120%;}

/* User account */
#user-account {padding-bottom:2em;}
#user-account label.company {display:none;}
#user-account #delivery-addr {display:none;}

#user-account #sidebar ul {margin:0; list-style:none;}
#user-account #sidebar ul li {margin-bottom:.5em;}
#user-account #sidebar ul li .button {display:block; font-size:160%; line-height:40px;}
#user-account #sidebar ul li.selected .button {background:#eee; border:1px solid #ccc;}

/* Orders */
#user-account #orders .last-order {margin-bottom:2em; padding:3em 0; text-align:center; background:#eee; -webkit-border-radius:2px; border-radius:2px;}
#user-account #orders .last-order h2 {color:#000; text-transform:none;}
#user-account #orders .last-order a {color:#37a600;}
#user-account #orders .last-order a:hover {color:#000;}

#user-account #orders table td {font-size:120%;}
#user-account #orders table a {color:#37a600;}
#user-account #orders table a:hover {color:#000;}
#user-account #orders table span, #user-account #orders table strong {color:#000;}
#user-account #orders table .price {color:#000; text-align:right;}

/* Order detail */
#user-account #order-detail h2 span {float:right; font-weight:normal;}
#user-account #order-detail h3 {margin-bottom:.5em; color:#888; font-size:140%; font-weight:bold;}
#user-account #order-detail .summary {margin-bottom:2em; color:#000; background:#eee; -webkit-border-radius:2px; border-radius:2px;}
#user-account #order-detail .summary h3 {color:#aaa; font-size:140%; font-weight:bold;}
#user-account #order-detail .summary p {font-size:110%;}
#user-account #order-detail .summary a {color:#37a600;}
#user-account #order-detail .summary a:hover {color:#000;}
#user-account #order-detail .summary .underline {border-bottom:1px dashed #ccc;}
#user-account #order-detail .summary .inner {padding:20px 20px 20px 0;}

#user-account #order-detail .summary .status .inner {padding-left:20px;}
#user-account #order-detail .summary .status span {display:block; margin-bottom:.5em; padding:0 2em; color:#fff; text-align:center; font-size:180%; line-height:40px; background:#ccc; -webkit-border-radius:2px; border-radius:2px;}
#user-account #order-detail .summary .status span.done {background:#37a600;}
#user-account #order-detail .summary .price .amount {display:block; color:#000; font-size:220%; line-height:40px; font-weight:bold;}
#user-account #order-detail .summary .id .number {display:block; font-size:200%; line-height:40px;}
#user-account #order-detail .summary .address .inner {padding-left:20px;}
#user-account #order-detail .summary .invoice .inner {padding:10px;}
#user-account #order-detail .summary .invoice {float:right; width:34%; height:auto; background-color:#d9d9d9; -webkit-border-radius:0 0 2px 0; border-radius:0 0 2px 0;}
#user-account #order-detail .summary .invoice a {display:block; padding-right:60px; padding-bottom:.1em; text-transform:uppercase; font-size:150%; line-height:120%; background:url('../images/icon-pdf.png') no-repeat 100% 50%;}
#user-account #order-detail .summary .invoice p {color:#888; padding-bottom:.1em;}

#user-account #order-detail table {margin-bottom:2em;}
#user-account #order-detail table th {color:#aaa; font-weight:normal;}
#user-account #order-detail table td {font-size:120%;}
#user-account #order-detail table a {display:block; color:#37a600; }
#user-account #order-detail table a:hover {color:#000;}
#user-account #order-detail table strong {color:#000;}
#user-account #order-detail table .cancel {color:#e10000;}
#user-account #order-detail table .pending {color:#ff7f00;}
#user-account #order-detail table .success {color:#37a600;}
#user-account #order-detail table .waiting {color:#ed0c24;}

#user-account #order-detail .dealer ul {padding:1em 0; list-style:none;}
#user-account #order-detail .dealer ul li {padding-bottom:1em; position:relative;}
#user-account #order-detail .dealer ul li:before {content:''; border:4px solid #333; border-color:transparent; border-left-color:#37a600; position:absolute; left:-10px; top:6px; z-index:8; font-size:0; line-height:0; width:0; height:0;}
#user-account #order-detail .dealer ul li a {color:#37a600; font-size:120%; line-height:20px;}
#user-account #order-detail .dealer ul li a:hover {color:#000;}
#user-account #order-detail .dealer ul li strong {font-size:120%; line-height:20px;}
#user-account #order-detail .dealer ul li span {padding-left:.5em; font-size:110%;}
#user-account #order-detail .dealer ul li p {color:#000; font-size:110%;}
#user-account #order-detail .dealer ul li em {color:#666; font-style:normal; border-bottom:1px dotted #ccc;}
#user-account #order-detail .dealer ul li samp {padding:2px 5px; color:#888; font-size:100%; text-transform:uppercase; border:1px solid #eee;}

/* Garage */
.garage { }
.garage .garage-wrap {width:140px; height:140px; float:left; margin:10px;}
.garage .item {height:90px; border:1px solid #ccc; position:relative; overflow:hidden;}
.garage .gate {display:block; width:100%; height:140px; position:absolute; z-index:20; background:url('../images/bg-garage-gate.png') repeat;}
.garage .car {display:block; z-index:1;}
.garage .car > svg {width: 140px; height: 40px; padding: 0; margin-top: 30px;}
.garage .icons {display:block; margin:4px; position:absolute; right:0; left:0; top:0; z-index:25; list-style:none; text-align:right;}
.garage .icons li {display:inline-block; padding:0; margin:0; width:20px; height:20px;}
.garage .icons li > a {text-indent:999px; display:block;}
.garage .add-btn {display:block; position:absolute; z-index:40; width:40px; height:40px; left:50%; top:50%; margin-left:-20px; margin-top:-20px; background-color:#b3b3b3; text-align:center; line-height:40px; text-decoration:none; color:#fff; font-size:30px;}
.garage .add-btn:hover {background-color:#aaa;}
.garage .avail {position:absolute; top: 4px; right:4px; height:20px; padding:0 .25em; left:auto; text-align:center; background-color:#fff; color:#38b600; font-weight:500; /*font-style:italic;*/ border:1px solid #ccc; box-sizing:border-box; font-size:12px;}
.garage span {position:absolute; left:0; bottom:0; z-index:30; line-height:20px; padding:0 .25em; font-size:14px; font-weight: 700;}
.garage p {text-align:center; font-size:12px; padding:.5em 0; font-style:italic;}
.garage p a {color:#464646;  text-decoration:none; font-style:normal; font-size:85%;}
.garage p a:hover {text-decoration:underline;}
.garage .opened .gate {margin-top:-120px;}

/* Account edit */
#user-account #edit .half-1 fieldset {margin-right:20px;}
#user-account #edit .half-1 fieldset label span:first-child {width:100px;}
#user-account #edit .half-2 fieldset label span:first-child {width:120px;}

#user-menu {padding-bottom:20px;}
#user-menu ul {margin:0; list-style-position:inside;}
#user-menu ul li a {font-size:120%; line-height:150%;}
#user-menu ul li a.active {color:#333; font-weight:normal; text-decoration:none;}
#user-menu ul li a.active:hover {color:#61c2f2; text-decoration:underline;}

/* Footer */
#footer-container {position:absolute; left:0; bottom:0; padding:40px 20px; color:#38660a; background:#39b700; background:-moz-linear-gradient(top,#73cc14 0%,#39b700 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#73cc14), color-stop(100%,#39b700)); background:-webkit-linear-gradient(top,#73cc14 0%,#39b700 100%); background:-o-linear-gradient(top,#73cc14 0%,#39b700 100%); background:-ms-linear-gradient(top,#73cc14 0%,#39b700 100%); background:linear-gradient(to bottom,#73cc14 0%,#39b700 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#73cc14',endColorstr='#39b700',GradientType=0);}
#footer-container a {color:#000; text-decoration:underline;}
#footer-container a:hover {text-decoration:none;}
#footer-container h2 {font-size:160%; color:#ff0; text-shadow:0px 1px 0px #5cab07; filter:dropshadow(color=#5cab07,offx=0,offy=1);}
#footer-container ul {margin:1.25em 0; list-style:none;}
#footer-container ul li {font-size:120%; line-height:150%;}
#footer-container p {font-size:120%;}
#footer-container input[type="email"] {border-color:#808080; color:#999; -webkit-box-shadow:0px 1px 0px 0px rgba(255,255,255,.4); box-shadow:0px 1px 0px 0px rgba(255,255,255,.4);}
#footer-container button {-webkit-box-shadow:0px 1px 0px 0px #377e00; box-shadow:0px 1px 0px 0px #377e00;}

#footer-container .foot-items {float:left;}
#footer-container .foot-content {padding:0 20px; border-left:1px dashed #46a204;}
#footer-container .foot-items:first-child .foot-content {border:none;}

/* Footer items */
#footer-container .contact {width:230px;}
#footer-container .next-links {width:190px;}
#footer-container .newsletter {width:280px;}
#footer-container .social {width:240px;}

#footer-container .contact ul li span {display:block; float:left; width:60px; font-weight:normal;}
#footer-container .contact ul li strong {font-weight:bold; color:#1c3305;}
#footer-container .newsletter p {padding:10px 0;}
#footer-container .newsletter .domain-links {display:block; padding:2px; }
#footer-container .newsletter .domain-links a {padding:0 10px; border-left:1px solid #46a204;}
#footer-container .newsletter .domain-links a:first-child {padding-left:0; border:none;}
#footer-container .social #fb-logo {display:block; width:80px; height:30px; margin:10px 0; background:#0154a0 url('../images/icon-facebook.png') no-repeat; border:none; text-decoration:none;}
#footer-container .social strong {font-weight:normal; color:#000;}

#footer-container .foot-text {  clear:both; margin:20px 20px 0px 20px; font-size: 120%; color:#000; }

/* -- FORMS -- */

input.error {border-color:#e5175c !important; color:#e5175c !important;}

.w400 {width:400px;}
.w300 {width:300px;}
.w240 {width:240px;}
.w200 {width:200px;}
.w160 {width:160px;}
.w140 {width:140px;}
.w100 {width:100px;}
.w80 {width:80px;}
.w60 {width:60px;}
.w40 {width:40px;}
.w30 {width:30px;}
.w20 {width:20px;}

.w50p {width:50%;}
.w33p {width:33%;}
.w20p {width:20%;}

/* -- CLASSES -- */

/* Halfs */
.halfs {}
.half-1, .half-2 {float:left; width:50%;}

/* Thirds */
.thirds {}
.thirds:after {content:"."; display:block; clear:left; visibility:hidden; line-height:0; height:0;}
.third-1, .third-2, .third-3 {float:left; width:33%;}

.legend.icon {position:relative;}
.legend.icon span {display:block; width:16px; height:16px; position:absolute; left:0; top:50%; margin-top:-8px; background:url('../images/icon-order.png') no-repeat;}
.legend.icon.cont span {background-position:0 0;}
.legend.icon.addr span {background-position:0 -16px;}
.legend.icon.note span {background-position:0 -32px;}
.legend.icon.reg span {background-position:0 -48px;}

/* Messages */
.messages {padding-bottom:2em;}
.messages .msg {margin-bottom:.25em; padding:1em 20px 1em 50px; background:#fff; position:relative; border:1px solid #e5e5e5; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
.messages .msg span {display:block; width:16px; height:16px; position:absolute; left:20px; top:1em; background:url('../images/icons/messages.png') no-repeat 0 0;}
fieldset .messages {margin:0 2em;}

/* Messages colors */
.msg.error {border-color:#e99; background-color:#fbe6ed; color:#e33;}
.msg.warn {border-color:#e57e17; background-color:#fff5eb; color:#e57e17;}
.msg.info {border-color:#91d2f2; background-color:#dfecf2; color:#57add9;}
.msg.ok {border-color:#37a600; background-color:#eeffe5; color:#37a600;}

/* Messages icons */
.msg.error span {background-position:0 0;}
.msg.warn span {background-position:0 -16px;}
.msg.info span {background-position:0 -32px;}
.msg.ok span {background-position:0 -48px;}

/* big warning/notify messages */
.largenotify {
 margin-bottom:.25em; padding:1em; position:relative;
 text-align:justify;
 border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;
 color:#333;
 font-size:90%;
}
.largenotify.error {
 border:2px solid #ed1c24; 
}
.largenotify.error a {
  text-decoration:underline;
}
.largenotify.error a:hover {
  color:#ed1c24;
  text-decoration:underline;
}
.largenotify p {
  margin:0.5em;
}
.largenotify .heading {
  font-weight:bold;
  color:#ed1c24;
}

/* Text */
.tr {text-align:right;}
.tl {text-align:left;}
.tc {text-align:center;}

.pad-20 {padding:20px;}
.pad-20l {padding-left:20px;}

.separator {line-height:1px; overflow:hidden; height:2px;}
.separator .line {float:left; width:20px; height:1px; border-bottom-width:1px; border-bottom-style:solid;}

.switcher {z-index:9999;}

#main article h2 {margin-bottom:2em;}
#main article p {color:#000; padding-bottom:2em; font-size:120%; line-height:150%;}

#main article table {min-width:70%; font-size:120%;}
#main article table.full {width:100%;}
#main article table th {padding:.5em; border:1px solid #4d4d4d; background:#585858; color:#ddd; font-size:100%; line-height:120%; vertical-align:middle;}
#main article table td {padding:.5em; border:1px solid #ddd; color:#000;}
#main article table .header {font-weight:bold;font-size:110%;color:#666;}

/* Scroll top */
#scrollTop {position:fixed; left:1em; bottom:1em; display:block; width:50px; height:50px; text-indent:-9999px; background:#39b700 url(../images/mobile/icons.png) no-repeat 50% -185px; border-radius:2px; z-index:100; opacity:0;}

/* Tooltip */
.tooltip {z-index:999;}
.tooltip-text {display:none; position:absolute; right:10px; top:-30px; max-width:300px; background:#fff;  z-index:999; box-sizing:border-box; padding:1em; font-size:80%; line-height:100%; color:#666; border:1px solid #ccc; -webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,.2); box-shadow:0 0px 2px 0 rgba(0,0,0,.2);}
.tooltip-text:before, .tooltip-text:after {content:""; display:block; width:0; height:0; position:absolute; right:-16px; top:40px; border:8px solid transparent; border-left-color:#ccc;}
.tooltip-text:after {border-left-color:#fff; right:-15px;}

/* -- PAGES -- */

/* Homepage */
#homepage #main h1 .title {position:absolute; left:-9999px; display:none;}
#homepage #slide {display:block;}

.ie6 *, .ie7 *, .ie8 *, .ie9 * {text-shadow:none !important; filter:none !important; box-shadow:none !important;}

/* -- TABLE -- */
.simplenoborder {
  color:#000;
}
.simplenoborder td {
  margin:0px;
  padding:2px;
  padding-right:10px;
  border:0px none;
  font-size:160%;
}


#main .catalogue h2 { margin-bottom: 20px; padding-bottom:16px; border-bottom:1px solid #EAEAEA;}
#main .catalogue h2 span {color:#37a600; background: none; }
.catalogue { margin-top:25px; }
.catalogue li { box-sizing: border-box; display: inline-block; vertical-align: top; width:24%; padding-right:20px; margin-bottom:10px; font-size:140%; }
.catalogue a { display: inline-block; padding: 14px 0 20px 60px; color: #525252; background-repeat: no-repeat; text-decoration:none; font-weight:bold; }
.catalogue a:hover { color:#37a600; }

#staticmsgok {
  text-align:center;
  font-weight:bold;
  font-size:120%;
  color:#fff;
  padding:0.5em;
  background:#37A600;
}

#staticmsgatt {
  text-align:center;
  font-weight:bold;
  font-size:120%;
  color:#fff;
  padding:0.5em;
  background:#ffa200;
}

.invisibletable {
  margin-left:auto !important;
}

.invisibletable td {
  margin:0px !important;
  padding:0px !important;
  border:0px none !important;
  font-size:85% !important;
}

//price number input
#prodfilter {
  display:block !important;
  padding-top:0.5em !important;
  padding-bottom:0.5em !important;
  font-size:150% !important;
}

#prodfilter input[type='number'] {
  width:4em !important;
  text-align:right !important;
}


#prodfilter input[type=range] {
  width:5em;
}

#returnForm {
  background:#eee;
  padding:1em;
  color:#000;
}

#returnForm>h1, #returnForm>h2, #returnForm>h3, #returnForm>h4 {
  color: #000 !important;
} 

.noBorder {
  border:0px none !important;
}