html, body, div, span, h1, h2, h3, ul, li, dl, dt, dd, p, address, img, a, form, fieldset, label, table, tr, th, td {
 margin: 0;
 padding: 0;
}

body { 
 font-family: "Tahoma CE", Tahoma, "Arial CE", Arial; 
 background: #cebba2 url(../img/bg-body.png) left top repeat-x;
 font-size: 14px; 
 color: #000;
 text-align: center;
}

a:hover {
 text-decoration: none;
}

img {
 border: none;
}

label {
 cursor: pointer;
}

sup {
 font-size: 11px;
}

hr, .invi, h1 span, #left h2 {
 display: none;
}

#page {
 width: 960px;
 margin: 33px auto 0 auto;
 position: relative;
 overflow: hidden;
 text-align: left;
 background: #fff url(../img/bg-page.png) left top repeat-y;
}

h1 a {
 position: absolute;
 top: 12px;
 left: 27px;
 width: 287px;
 height: 65px;
}

#cols {
 width: 960px;
 position: relative;
 overflow: hidden;
 text-align: left;
 background: url(../img/bg-cols.jpg) left top no-repeat;
}

/* Leva strana -------------------------------------------------------------- */

#left {
 width: 210px;
 float: left;
 margin-top: 275px;
}

#left ul {
 margin-left: 25px;
}

#left ul li {
 list-style: none;
 position: relative;
 width: 185px;
 color: #e7e7e7;
 float: left;
 line-height: 27px;
 text-indent: 25px;  
 text-transform: uppercase;
}

#left ul li strong {
 display: block;
 font-weight: normal;
 background: #4f6b36 url(../img/dot-2.png) 10px 10px no-repeat; 
}

#left ul li a {
 display: block;
 color: #666;
 text-decoration: none;
 border-right: 3px solid #ddd;
 background: url(../img/dot-1.png) 10px 10px no-repeat; 
}

#left ul li a:hover {
 color: #000;
}

#left ul li ul {
 margin-left: 15px;
}

#left ul li ul li {
 text-indent: 23px;  
 line-height: 21px;
 text-transform: none;
 width: 170px;
 background: url(../img/dot-3.png) 11px 12px no-repeat; 
}

#left ul li ul li strong {
 display: block;
 color: #000;
 text-indent: 20px;  
 font-weight: normal;
 border: 3px solid #ddd;
 border-right: none;
 background: transparent none; 
}

#left ul li ul li a {
 padding: 3px 0;
 background: none;
}

/* Prava strana ------------------------------------------------------------- */

#right {
 width: 685px;
 float: right;
 display: inline;
 margin: 274px 30px -18px 0;
}

#right h2 {
 color: #4f6b36;
 font-size: 18px;
 padding-bottom: 6px;
 margin-bottom: 20px;
 border-bottom: 1px solid #a7947b;
}

#right h2 strong {
 padding-bottom: 4px;
 border-bottom: 5px solid #4f6b36;
}

#right h3 {
 clear: both;
 color: #76603d;
 font-size: 15px;
 margin-bottom: 14px;
}

#right h3 small {
 font-size: 12px;
 float: right;
 position: relative;
 top: -15px;
}

#right h3 span {
 font-size: 12px;
}

#right p {
 color: #76603d;
 font-size: 14px;
 line-height: 1.8em;
 margin: 0 15px 18px 0;
}

#right a {
 color: #000;
}

#right hr {
 display: block;
 color: #ddd;
 background: #ddd; 
 border: 1px solid #ddd; 
 margin-bottom: 20px;
}

a[href*="mailto:"] {
 padding-right: 16px !important;
 background: url(../img/icon-mail.gif) right center no-repeat;
}

#right address {
 font-style: normal;
}

#right img.sign {
 border: 1px solid #76603d;
 position: relative;
 top: 6px;
 margin-right: 5px;
}

#right img.sign.noborder {
 top: 5px;
 border: none;
}

#right img.photo {
 padding: 11px;
 background: url(../img/bg-image.png) 0 0 no-repeat; 
}

#right img.gallery {
 float: left;
 margin: 0 6px 6px 0;
}

#right img.gall {
 float: left;
 margin: 0 9px 9px 0;
 border: 1px solid #4f6b36;
}

#right img.left {
 float: left;
 margin: 6px 25px 10px 0;
}

#right img.right {
 float: right;
 margin: 6px 15px 10px 25px;
}

#right img.abs {
 position: absolute;
 top: 327px;
 right: 45px;
}

#right ul li span {
 position: absolute;
 top: -6px;
 right: 0;
 font-size: 11px;
}

#right td span {
 position: relative;
 display: block;
 top: -5px;
 text-align: right;

}

#right ul li span img, #right td span img {
 position: relative;
 top: 6px;
 left: 15px;
 margin-right: 15px;
}

#right dl {
 color: #76603d;
 font-size: 14px;
 line-height: 1.8em;
 padding-bottom: 15px;
 margin-bottom: 15px;
 clear: both;
 overflow: hidden;
}

#right dt {
 width: 220px;
 display: inline;
 float: left;
 font-weight: bold;
}

#right dd {
 float: left;
 width: 430px;
}

#right dd ul {
 margin-bottom: 15px;
}

#right dd li {
 padding-left: 13px;
 background-position: 0 11px; 
}

#right ul {
 margin-bottom: 15px;
}

#right li {
 color: #76603d;
 font-size: 14px;
 line-height: 1.8em;
 padding-left: 23px;
 list-style: none;
 position: relative;
 background: url(../img/dot-3.png) 10px 11px no-repeat; 
}

#right table {
 width: 100%;
 margin-bottom: 20px;
 border-collapse: collapse;
}

#right table td, #right table th {
 color: #76603d;
 padding: 2px 10px;
 border-bottom: 1px solid #ddd;
 line-height: 1.7em;
}

#right table th {
 text-align: left;
 background-color: #76603d;
 color: #fff;
}

#right table th#date {
 width: 420px;
}

#right table td.tdr, #right table th.tdr {
 text-align: right;
}

#right table tr.odd td {
 background-color: #eaeaea;
}

#right table tr td.border {
 border-bottom: 2px solid #76603d;
}

#right table ul {
 margin-bottom: 2px;
}

#right table li {
 padding-left: 13px;
 background-position: 0 11px; 
}

/* new gal */

#right table.pg {
 width: auto;
}

#right table.pg td {
 padding: 0;
 border: none;
 text-align: center;
 width: 130px;
 height: 130px;
 background: #eee;
 border: 8px solid #fff;
 border-left: none;
}

#right table.pg img {
 display: block;
 margin: 0 auto;
}

#right a.ext {
 padding-right: 22px;
 background: url(../img/icon-ext.gif) 100% 3px no-repeat; 
}

#right form {
 margin: 40px 0;
}

#right form p {
 margin: 17px 17px 17px 65px;
}

#right form b {
 color: #f00;
}

#right form div {
 color: #76603d;
 margin: 0 0 10px 245px;
}

#right label {
 display: block;
 float: left;
 width: 180px;
 position: relative;
}

#right input, #right textarea {
 font-family: "Tahoma CE", Tahoma, "Arial CE", Arial; 
 width: 350px;
 font-size: 14px;
 color: #555;
 padding: 2px 3px;
 border: 1px solid #ccc;
 border-top: 2px solid #4f6b36;
 border-left: 2px solid #4f6b36;
}

#right textarea {
 height: 150px;
 overflow: auto;
}

#right input#email {
 display: none;
}

#right input#send {
 margin-left: 398px;
 width: 140px;
 border: 1px solid #000;
 background-color: #4f6b36;
 color: #fff;
 font-weight: bold;
 cursor: pointer;
}

p.succ {
 text-align: center;
 background-color: #4f6b36;
 font-weight: bold;
 color: #fff !important;
 margin-left: 15px !important;
}

p.error {
 text-align: center;
 background-color: #c00;
 font-weight: bold;
 color: #fff !important;
 margin-left: 15px !important;
}

.gal {
 width: 100%;
 overflow: hidden;
 margin-bottom: 20px;
}

.answer {
 margin-left: 30px;
 padding-left: 15px;
 border-left: 3px solid #ddd;
}

#right .answer h3, #right .answer p {
 color: #666;
}

#right #map {
 width: 685px; 
 height: 450px;
 margin-bottom: 18px;
}

#right #map td {
 text-align: right;
 padding: 0;
 border-bottom: none;
}

/* Paticka ------------------------------------------------------------------ */

#foot {
 width: 960px;
 clear: both;
 padding: 55px 0 33px 25px;
 font-size: 12px;
 color: #76603d;
 background: #cebba2 url(../img/bg-foot.png) 0 0 no-repeat;
}

#foot a {
 color: #76603d;
}

#foot a:hover {
 color: #333;
}

#foot a.rss {
 padding-right: 17px;
 background: url(../img/icon-rss.gif) 100% 1px no-repeat; 
}

#thermometer {
 position: relative;
 width: 300px;
 height: 245px;
 margin: 25px 0;
 border: 1px solid #fff;
 background: url(../img/thermometer.gif) 0 0 no-repeat; 
}

#thermometer span {
 font-size: 45px;
 font-weight: bold;
 display: block;
 margin: 83px 0 0 100px;
 color: #76603d;
}

#thermometer img {
 position: absolute;
 left: 27px;
 bottom: 41px;
}