/* aardvark.legs by Anatoli Papirovski - http://fecklessmind.com/  Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php */
/* Reset first. Modified version of Eric Meyer and Paul Chaplin reset   from http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, nav, section, article, aside, footer
{border: 0; margin: 0; outline: 0; padding: 0; background: transparent; vertical-align: baseline;}

blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none;}

header, nav, section, article, aside, footer {display: block;}

/* Basic styles */
body {background: #fff; color: #000; font: .75em/1.5em  Verdana, "Verdana Ref", sans-serif; background: #fff url(../sitegr/bg.jpg)  top left; behavior:url("http://czechproject.cz/salus/css/csshover3.htc");}
html>body {font-size: 12px;}

img {display: inline-block; vertical-align: bottom;}

h1,h2,h3,h4,h5,h6,dt,th {font-weight: normal; color: #b40000}
strong,b {font-weight: bold; color: #000}
address,cite,em,i,caption,dfn,var {font-style: italic;}

h1 {margin: 0 0 0.75em; font-size: 2em;}
h2 {margin: 0 0 1em; font-size: 1.5em;}
h3 {margin: 0 0 1.286em; font-size: 1.167em;}
h4 {margin: 0 0 1.5em; font-size: 1em;}
h5 {margin: 0 0 1.8em; font-size: .834em;}
h6 {margin: 0 0 2em; font-size: .75em;}

p,ul,ol,dl,blockquote,pre {margin: 0 0 1.1em;}

li ul,li ol {margin: 0;}
ul {list-style: outside disc;}
ol {list-style: outside decimal;}
li {margin: 0 0 0 2em;}
dd {padding-left: 1.5em;}
blockquote {padding: 0 1.5em;}

a {text-decoration: underline; color: #b40000;}
a:hover {text-decoration: none;}
abbr,acronym {border-bottom: 1px dotted; cursor: help;}
del {text-decoration: line-through;}
ins {text-decoration: overline;}
sub {font-size: .834em; line-height: 1em; vertical-align: sub;}
sup {font-size: .834em; line-height: 1em; vertical-align: super;}

tt,code,kbd,samp,pre {font-size: 1em; font-family: "Courier New", Courier, monospace;}

/* Table styles */
table {border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em;}
caption {text-align: left;}
th, td {padding: .25em .5em;}
tbody td, tbody th {border: 1px solid #000;}
tfoot {font-style: italic;}

/* Form styles */
fieldset {clear: both;}
legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;}
*+html legend {margin-left: -7px;}

form .field, form .buttons {clear: both; margin: 0 0 1.5em;}
form .field label {display: block; cursor: pointer;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;}
*+html input.radio, *+html input.checkbox {vertical-align: middle;}

textarea {overflow: auto; width: 250px;}
input.zemText, input.password, textarea, select {margin: 0; font: 1em/1.3 Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; vertical-align: baseline;}
input.zemText, input.password, textarea {border: 1px solid #444; border-bottom-color: #666; border-right-color: #666; padding: 2px;}

input.zemText {width: 250px; display: block;}

* html button {margin: 0 .34em 0 0;}
*+html button {margin: 0 .34em 0 0;}

form.horizontal .field {padding-left: 150px;}
form.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px;}

/* Useful classes */
img.left {display: inline; float: left; margin: 0 1.5em .75em 0;}
img.right {display: inline; float: right; margin: 0 0 .75em .75em;}
.left {float: left;}
.right {float: right;}

/* basic layout */
.bg {}
.site {width: 970px; margin: 0 auto; background: url(../sitegr/bg-maincontent.gif) repeat-x top left;  height: auto; zoom: 1;}
.site .hd {position: relative; height: 460px;}
.site .hd .content {z-index: 0; background: transparent; padding-top: 35px;}
.site .hd .logo {position: absolute; z-index: 1; display: block; left: 35px; overflow:visible;}
.footer {margin-top: 0px; clear: both; height: 320px; background: transparent url(../sitegr/bg-foot.png) repeat-x top center; text-align: center;}

.hd .look {background: #ebe9d9; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; height: 295px; padding: 10px 0 0 0;}
.hd .look .content {margin: 0 10px 10px 10px; background: #fbf6f0; border: 1px solid #a8a8a8; padding: 7px; height: auto; overflow: auto; zoom:1;}
.hd .look .content .animation {width: 691px; height: 270px; background: transparent; float: left;}
.hd .look .content .action {height: 270px; float: left;}
.hd .content .top {width:  100%; height:  36px; overflow: hidden; background: transparent url(../sitegr/bg-nav-top.png) no-repeat top center;}


.prods .nav {background: red; height: 64px; width: 970px; background: transparent url(../sitegr/bg-nav-main.png) repeat-x top center;}
.prods .nav li {width: 137px; display: block; float: left; padding: 0px; margin: 0px; text-align: center; height: 64px;  border-left: 1px solid #d3cec9;}
.prods .nav li a {padding: 15px 15px 0 15px; display: block; font-size: 1.1em; text-decoration: none;}
.prods .nav li.sl a {padding: 22px 12px 0 12px; display: block;}
.prods .nav li.active, .prods .nav li:hover {background: transparent url(../sitegr/bg-act-prod.png) repeat-x top center; }
.prods .nav li.active a. .prods .nav li.active a:hover {color: #000;}

.nav li { display: inline;  }
.site .hd .top .nav {padding-left: 383px; margin: 0;}
.site .hd .top .nav li {line-height: 35px; height: 35px; display: block; float: left; padding: 4px 20px 0 25px; margin: 0; text-decoration: none;}
.site .hd .top .nav li a, .site .hd .top .nav li a:hover {text-decoration: none;}
.site .hd .top .nav li.active, .site .hd .top .nav li:hover {background: transparent url(../sitegr/nav-top-active.png) no-repeat top center; }


.site .bd { clear: both; padding-bottom: 40px;}
.site .bd .mainContent {width: 640px; float: left;}
.site .bd .subContent {width: 319px; float: left; border-left: 1px solid #b2b2b2; padding-left: 10px;}
.site .bd .subContent2 {width: 319px; float: left; border-left:none; padding-left: 10px;}
.site .bd .mainContent .content, .site .bd .subContent .content {padding: 10px 10px 10px 20px;}

.secNav {border: 1px solid #d0d0d0; padding: 4px; background: #f5f5f5; margin-bottom: 10px}
.secNav ul {background: #fff; margin-bottom: 0px; padding: 10px 10px 10px 10px;}
.secNav ul li {border-bottom: 1px solid #e0e0e0; list-style-type: none; margin: 0px; padding: 4px;}
.secNav ul li a {text-decoration: none; background: transparent url(../sitegr/nav-sub.png) no-repeat center left; padding-left: 15px;}
.secNav ul li.active a {text-decoration: none;  background: transparent url(../sitegr/nav-sub-active.png) no-repeat center left; color: #000;}

.specials {clear: both; height: 280px; }
.specials .thirdBox {width: 298px; height: 258px; border: 1px solid #dbdbdb; padding: 0px; margin: 10px; float: left;} * .specials .thirdBox {display: inline;}
.specials .thirdBox .hd {height: 60px; padding: 0px; line-height: 60px; background: transparent url(../sitegr/s.png) no-repeat top right;}
.specials .thirdBox .hd h2 {line-height: 60px;}
.specials .thirdBox div.bd {height: 155px; overflow: hidden; padding-bottom: 0px;}
.specials .thirdBox .hd, .specials .thirdBox .ft {padding: 0 20px 0 20px}
.specials .thirdBox .bd p {padding: 0 20px 0 20px; font-size: .9em; height: 155px; margin:0}
.specials .thirdBox .ft a {display: block; width: 72px; height: 18px; line-height: 18px; border: 1px solid #e76300; background: #f28418 url(../sitegr/bg-button.png) repeat-x top center; text-align: center; color: #fff; text-decoration: none; cursor: pointer; }

.specials #sauny {background: transparent url(../sitegr/sauny.jpg) no-repeat bottom center;}
.specials #kamna {background: transparent url(../sitegr/kamna.jpg) no-repeat bottom center;}
.specials #wellness {background: transparent url(../sitegr/wellness.jpg) no-repeat bottom center;}

.cleaner {width: 100%; clear: both;}

.footer .content {background: transparent url(../sitegr/bg-foot-cont.jpg) no-repeat top center; color: #fff; width: 970px; margin: 0 auto 20px auto; height: 274px}
.footer .content a, .footer .content h4 {color: #fff;}
.footer .content .thirdBox {width: 298px; height: 170px; border: none; padding: 0px; margin: 60px 10px 10px 10px; float: left;}

.product {clear: both;}
.madeBy { color:#FFF}

.entry-gallery {margin: 10px 0 20px 0;}
.entry-gallery img {margin: 0px 4px 6px 0;}

.imBarLeft img {padding: 0 10px 5px 0;}
.imBarRight img {padding: 0 0 5px 10px;}
.imBarLeft {width: 210px; float: left;}
.imBarRight {width: 210px; float: right;}