@font-face {font-family: 'Thunderbird CE'; font-style: normal; font-weight: normal; src: local('Thunderbird CE'), url('font/thunderbird.ttf') format('truetype'); src: url('font/thunderbird.ttf') format('truetype'); src: url('font/thunder0.eot')}
*{border: 0px; margin: 0px; padding: 0px; -moz-box-sizing: border-box; font-family: 'Tahoma',sans-serif}

body{text-align: center; background: rgb(255,255,255) url('gr/body.jpg') repeat}
h1{font-size: 1px; margin-top: -2px}
h2{font-family: 'Thunderbird CE', 'Trebuchet MS', serif; color: rgb(204,0,0); font-size: 34px; font-weight: normal; border-bottom: 2px solid rgb(204,0,0); padding: 10px 70px 0px 0px}
h3{font-family: 'Thunderbird CE', 'Trebuchet MS', serif; font-size: 26px; font-weight: normal; color: rgb(204,0,0); padding: 15px 0px 0px}
h4{font-size: 15px; color: rgb(204,0,0); padding: 10px 0px 0px;}
h5{font-size: 13px; color: rgb(0,0,0); padding: 5px 0px 0px}
h5 a{color: rgb(0,0,0)}
p, table, li, address, cite, form{font-size: 13px; padding: 5px 0px 0px}
p{text-align: justify;}
ul{list-style-type: square; margin-left: 16px}
ol.decimal, ol{list-style-type: decimal; margin-left: 25px}
ol ol, ol.alpha{list-style-type: lower-alpha}
a{color: rgb(0,51,102); text-decoration: underline;}
a:hover{color: rgb(204,0,0)}
form{margin: 0px}
label, input, textarea{display: block; margin: 5px 0px 0px;}
textarea, input{border: 1px solid rgb(186,106,35); width: 300px; background: url('gr/input.png') repeat-x}
textarea{width: 400px; height: 70px}
table{border: 1px solid rgb(102,102,102); border-width: 1px 0px 1px 0px; padding: 0px; margin: 5px 0px 0px}
td,th{padding: 2px 4px}
td{border-left: 1px solid rgb(102,102,102)}
td.first{border-left: 0px}
tr.licha{background: rgb(230,230,230)}
th{background: rgb(102,102,102); color: rgb(255,255,255)}

.hide{clear: both; font-size: 1px; visibility: hidden; margin-top: -2px;}
.error, .proof{margin: 10px 0px; padding: 5px;}
.error{border: 1px solid rgb(204,0,0); color: rgb(204,0,0); background: rgb(255,217,217);}
.proof{border: 1px solid rgb(0,102,0); color: rgb(0,102,0); background: rgb(230,255,230)}
.outro{padding-top: 30px; color: rgb(102,102,102)}
.button{font-family: 'Tahoma',sans-serif; font-size: small; _font-size: x-small; width: auto; cursor: pointer; font-weight: bold; background: url('gr/button.png') repeat-x; padding: 2px;}
label.checkbox, input.checkbox{display: block; float: left; width: auto; padding-right: 5px; border: 0px}
input.checkbox{margin-right: 10px; padding: 0px}
img.simplenews{margin: 15px}

#all{margin: auto; width: 762px; border: 1px solid rgb(63,41,10); border-width: 0px 1px; background: rgb(255,255,255) url('gr/all.jpg') top no-repeat; clear: both; text-align: left}
#home{font-size: 1px; color: rgb(255,204,88); display: block; width: 760px; height: 158px; _height: 160px}
#staticmenu{height: 51px; _height: 50px; width: 760px; margin:0px; padding: 0px 10px; border: 1px solid rgb(63,41,88); border-width: 1px 0px; background: rgb(255,187,57) url('gr/staticmenu.gif') repeat-x; list-style-typ: none; clear: both;}
#content{padding: 10px 0px 30px 10px; width: 760px; background: rgb(255,255,255) url('gr/content.gif') bottom right no-repeat; clear: both}
#text{width: 500px; float: left; clear: left; color: rgb(0,51,102); padding-bottom: 20px}
#way{font-size: 13px; padding: 10px 0px 5px}
#dynamicmenu{text-transform: lowercase; _height: 1px; list-style-type: none; margin: 0px 0px 10px; border: 1px solid rgb(186,106,35); background: rgb(255,227,167); margin-top: 5px}
#aktualne{width: 250px; float: right; clear: right; padding: 0px 0px 50px 8px}
#foot{margin-top: -1px; background: rgb(63,41,10); clear: both; padding: 10px 0px 40px; font-size: 13px; text-align: center; color: rgb(217,212,206)}
#gal{width: 740px}

#staticmenu li{display: block; height: 49px; float: left; padding: 0px;}
#staticmenu a{font-family: 'Thunderbird CE', 'Trebuchet MS'; font-size: 30px; color: rgb(0,0,0); text-decoration: none; disply: block; float: left; height: 49px; padding: 10px 25px 4px 40px;}
#staticmenu a:hover{color: rgb(204,0,0)}
li#aktuality{background: url('gr/a-aktuality.gif') no-repeat;}
li#o-aws{background: url('gr/a-o-aws.gif') no-repeat}
li#zavody{background: url('gr/a-zavody.gif') no-repeat}
li#burza{background: url('gr/a-burza.gif') no-repeat}
li#odkazy{background: url('gr/a-odkazy.gif') no-repeat}
li#video{background: url('gr/a-video.gif') no-repeat}
li#video a{padding-left: 60px}
#dynamicmenu li{display: block; width: 165px; float: left;  padding: 2px 3px 2px}
#dynamicmenu a{color: rgb(0,0,0); font-weight: bold; text-decoration :none;}
#dynamicmenu a:hover{color: rgb(204,0,0); text-decoration: underline}

#aktualne .kalendar{width: 242px; height: 302px; background: url('gr/kalendar.jpg') no-repeat}
.kalendar h3, .kalendar a.h3{font-family: 'Thunderbird CE',serif; text-align: center; text-decoration: underline; color: rgb(0,0,0); font-size: 26px; padding: 20px 0px 10px}
.kalendar a.h3{padding: 0px; background: none;}
.kalendar ul{margin: 0px; list-style-type: none}
.kalendar li{width: 230px; background: url('gr/kalendar-a.gif') bottom right no-repeat;}
.kalendar p{padding: 0px 15px}
.kalendar a{width: 230px; display: block; font-size: 11px; color: rgb(0,0,0); text-decoration: none; padding: 4px 0px 0px 15px;}
.kalendar a:hover{text-decoration: underline}
.kalendar#probehle{height: 340px; background: url('gr/probehle.jpg') no-repeat; margin: 15px 0px 30px}

.aktuality h2{background: url('gr/aktuality.gif') bottom right no-repeat}
.o-aws h2{background: url('gr/o-aws.gif') bottom right no-repeat}
.zavody h2{background: url('gr/zavody.gif') bottom right no-repeat}
.burza h2{background: url('gr/burza.gif') bottom right no-repeat}
.odkazy h2{background: url('gr/odkazy.gif') bottom right no-repeat}
.video h2{background: url('gr/video.gif') bottom right no-repeat}

.kontakt div{border: 1px solid rgb(102,102,102); background: rgb(240,240,240); padding: 5px 0px 5px 5px; width: 490px; height: 150px; margin: 10px 0px 0px; float: left;}
.kontakt .left{display: block; float: left; clear: left; width: 300px; border: 0px; margin: 0px; padding: 0px; height: 140px}
.kontakt h4{padding: 0px;}
.kontakt img{display: block; float: right; margin: 0px 5px; clear: right}

#way span{font-family: 'Courier',monospace}

.inzerat{clear: both; padding: 5px 0px 0px}
.inzerat h3{padding: 2px 5px; width: 150px; font-size: 20px; float: left; clear: left}
.inzerat h3.nabidka{background-color: rgb(204,0,0); color: rgb(255,255,255)}
.inzerat h3.poptavka{background-color: rgb(0,0,204); color: rgb(255,255,255)}
.inzerat p{clear: both; padding-top: 0px; border: 1px solid rgb(186,106,35); background: rgb(255,227,167); color: rgb(51,51,51); padding: 5px}
.inzerat div.bottom{background: rgb(186,106,35); font-size: 11px; color: rgb(255,255,255); padding: 3px}
.inzerat div.date{text-align: right; width: 200px; font-size: 11px; float: right; clear: right; padding: 13px 0px 0px; color: rgb(102,102,102);}
.inzerat span{width: auto; display: block; float: left; padding-right: 20px}
.inzerat span a{color: rgb(255,255,255)}
.inzerat span a:hover{color: rgb(204,204,204)}
.inzerat div.price{float: right; clear: right; width: 200px; text-align: right; color: rgb(186,106,35); font-size: 13px; font-weight: bold}

.zavod-info{border: 1px solid rgb(204,204,204); background: rgb(240,240,240); color: rgb(51,51,51); padding: 0px 5px 5px; margin-top: 10px}
.fotogalerie, .dokumenty{margin-top: 10px; border: 1px solid rgb(186,106,35); background: rgb(255,227,167) url('gr/dokumenty.gif') bottom right no-repeat; padding: 7px 5px; color: rgb(0,0,0)}
.fotogalerie h3, .dokumenty h3{padding: 0px; color: rgb(0,0,0)}
.dokumenty a{font-weight: bold; color: rgb(0,0,0)}
.fotogalerie{height: 175px; background: rgb(255,227,167) url('gr/fotogalerie.gif') bottom right no-repeat;}
.fotogalerie .thumb{width: 92px; height: 124; background: url('gr/thumb.gif') no-repeat; disply: block; padding: 22px 6px; float: left; margin: 5px 5px 0px 0px}

#enlarged{margin-top: 10px; clear: both}
#gal p{width: 490px; float: left; clear: left; padding-top: 10px}
#navigation{font-size: 13px; width: 250px; float: right; clear: right; text-align: right; padding-top: 10px}
#gal .galery{margin: 5px 0px 50px; clear: both}
#gal .thumb{margin: 5px 5px 0px 0px; float: left; width: auto; height: auto;}
#gal .galery a{display: block; width: 86px; height: 86px; border: 1px solid rgb(0,51,102); padding: 2px}
#gal .galery a:hover{border-color: rgb(204,0,0)}

#parte, #prani{margin: 20px}

.zavody-registrace{display: block;}
.zavody-registrace table{border: 0px; padding: 0px; margin: 15px 0px 0px; width: 450px;}
.zavody-registrace td{display: block; border: 0px; padding: 0px 0px 5px 10px; color: rgb(0,51,102); font-size: 13px;}
.zavody-registrace td.druha{border-right: 1px solid rgb(102,102,102)}
.zavody-registrace td.empty{color: rgb(230,230,230)}

.pf{display: block; clear: both; padding: 10px 6px}