/* 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 {color: #000; font: .75em/1.5em  Arial, Helvetica, "Verdana Ref", sans-serif; background: #d07d56 url(../sitegr/bg.jpg) no-repeat top center fixed;}
html>body {font-size: 12px;}

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

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

h1 {margin: .5em 0em 0.75em; font-size: 1.8em; line-height: 1.4em;}
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: #df2b00; cursor: pointer;}
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 */
.pageHolder { background: #efefef; border-bottom: 1px solid #b6b6b6; width: 962px; margin: 0 auto 40px auto;}
.pageContent {padding: 0 10px 10px 10px}
.leftNav {width: 159px; background: red url(../sitegr/bg-left.gif) repeat-y top left; float: left;}
.contacts {height: 46px; width: 100%; width: 780px; float: left; text-align: right;}
.mainContent {width: 780px; float: left; background: #fefefe; border: 1px solid white; padding-bottom: 20px;  height: auto; zoom: 1; display: block;}
.foot {clear: both; height: 190px; background: url(../sitegr/map.jpg) no-repeat bottom right;}


.look {width: 778px; height: 182px; background: #d07d56 url(../sitegr/animace.jpg) no-repeat top left; margin: 1px;}

h2.logo {margin-top: 64px; height: 50px; background: url(../sitegr/ergobest-logo.gif) no-repeat top left; margin-bottom: 3px;}
h2.logo a {height: 50px; width: 159px; display: block; text-indent: -9999px;}
.mainNav {background: url(../sitegr/bg-mainnav.jpg) repeat-x top left; margin: 0px 1px 0 1px; height: 44px;}
.mainNav ul {padding: 0; margin: 0; list-style-type: none;}
.mainNav ul li {display: block; float: left; list-style-type: none; margin: 0 0 0 10px; padding: 0 10px 0 10px; line-height: 44px; text-align: center; text-transform: uppercase; font-weight: bold;}
.mainNav ul li.active {background: url(../sitegr/btn-active.gif) no-repeat bottom center;}
.mainNav ul li a {line-height: 40px; color: #fff; text-decoration: none; font-size: 1.2em;}
.mainNav ul li a:hover {color: red;}

.content {padding: 10px 20px 10px 20px;}
.article {width: 520px; float: left;}

.subContent {width: 213px; float: right;}
.shortAct {width: 213px; background: #e5e5e5;}
.shortAct h3.title {line-height: 53px; background: url(../sitegr/act-head.gif) no-repeat top left; color: #fff; padding-left: 13px; margin: 0; font-size: 1.6em; height: 63px; font-weight: bold; overflow: hidden;}
.shortAct h3.title a {color: #fff; text-decoration: none;}
.shortAct h3.title a:hover {color: #000;}
.shortAct .bd {padding: 5px 13px 10px 13px;}
.shortAct .ft a {display: block; width: 77px; height: 26px; background: url(../sitegr/btn-more.gif) no-repeat top left; line-height: 26px; padding-left: 10px; color: #6a6a6a; text-decoration: none; }
.shortAct .ft a:hover {color: #000;}

.column2 {width: 160px; float: left;}
.column3 {width: 222px; float: left;}
.column4 {width: 322px; float: left;}

.zelena .title {background: url(../sitegr/zelena-head.gif) no-repeat top left; color: #fff; margin: 0; font-size: 1.6em; height: 99px; font-weight: bold;}
.zelena .title a {width: 138px;  padding-left: 13px; height: 99px; display: block; text-indent: -9999px;}
.zelena .bd {padding: 5px 13px 10px 13px; background:  url(../sitegr/zelena-bg.gif) no-repeat top left; color: #fff; height: 200px;}
.zelena .bd a {font-weight: bold; color: blue;}

.leftNav ul {margin: 0 0 160px 0 ; padding: 0px; list-style-type: none;}
.leftNav ul li ul {margin-bottom: 0px;}

.leftNav ul li {margin: 0px; padding: 0px; list-style-type: none; line-height: 37px; width: 151px; border-bottom: 1px solid #e55431; background: #e2411a;}
.leftNav ul li a {color: #fff; text-decoration: none; padding-left: 11px; text-transform: uppercase; }
.leftNav ul li.active a {color: #fff; font-weight: bold;}
.leftNav ul li a:hover {text-decoration: underline; font-weight: bold;}
.leftNav ul li ul li a { text-transform: none; color: #fff;}
.contacts p {line-height: 46px; padding: 0px 20px 0 0; margin: 0px; color: #c20000; font-size: 1.2em;}
.contacts p span.mail {background:  url(../sitegr/icons.gif) no-repeat 0 -16px; padding-left: 25px; padding-right: 20px;}
.contacts p span.mail a {text-decoration: none; color: #c20000; }
.contacts p span.phone {background:  url(../sitegr/icons.gif) no-repeat 0 -62px; padding-left: 25px;}

.foot h4 {color: #a7a7a7; padding: 30px 0 0 0; margin: 0; font-weight: normal;}
.foot p {color: #7f7f7f; line-height: 1.1em;}

.refGal {margin-bottom: 20px;}
.refGal a {padding: 0 10px 0px 0;}
.refGal a img {border: 3px solid #e55431;  margin-bottom: 10px;}

.adr {height: 150px; clear: both;}
.articleMap {width: 470px; float: left;}
.subContentForm {width: 253px; float: right;}
.adr .column3 {width: 180px;}