body {
font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size: 0.7em;
color: #737373;
background-color: #fff;
margin: 0;
padding: 0;
text-align: center;
}

html, body {
scrollbar-base-color: #FFC096;
scrollbar-track-color: #FEDBC4;
scrollbar-face-color: #FE8738;
}

#vse {
width: 957px;
margin: 0 auto;
padding: 0;
background: url(/img/backvse.gif) 0 0 no-repeat;
text-align: left;
}

#topp {
height: 60px;
padding: 20px 20px 0 20px;
}

#top {
height: 55px;
padding: 15px 20px 0 20px;
}

#topp p, #top p {
float: left;
margin: 0;
padding: 0;
}

ul#menuhorni, ul#hmenu {
float: right;
position: relative;
height: 15px;
margin: 18px 0 0 0;
padding: 0;
list-style-type: none;
text-align: right;
z-index: 10;
}

ul#menuhorni {
margin: 15px 0 0 0;
}

ul#menuhorni li, ul#hmenu li {
float: left;
display: inline;
position: relative;
height: 15px;
font-size: 11px;
font-weight: bold;
z-index: 10;
}

ul#menuhorni li a, ul#hmenu li a {
display: block;
padding: 0 0 0 50px;
color: #666;
background: url(/img/arrowred.gif) 37px 3px no-repeat;
text-decoration: none;
}

ul#menuhorni li a:hover, ul#hmenu li a:hover {
text-decoration: underline;
}

ul#menuhorni ul, ul#hmenu ul {
display: none;
/*border-top: 1px solid white;*/
background-color: #ddd;
}

#menuhorni table, #hmenu table {
margin: 1px;
border-collapse: collapse;
font-size: 1em;
}

ul#menuhorni li:hover ul, ul#menuhorni li a:hover ul, ul#hmenu li:hover ul, ul#hmenu li a:hover ul {
position: absolute;
display: block;
top: 13px;
left: 37px;
width: 216px;
margin: 0;
padding: 10px 0;
background: transparent filter: alpha(opacity=85);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
opacity: 0.85;
text-align: left;
z-index: 10;
}

ul#menuhorni li:hover ul li, ul#menuhorni li a:hover ul li, ul#hmenu li:hover ul li, ul#hmenu li a:hover ul li {
height: auto;
padding: 6px 0;
border: 0;
background: none;
}

ul#menuhorni li:hover ul li a, ul#menuhorni li a:hover ul li a, ul#hmenu li:hover ul li a, ul#hmenu li a:hover ul li a {
display: block;
width: 186px;
height: auto;
margin: 0;
padding: 0 10px 0 20px;
border: 0;
color: #444;
background: none;
}

#vrch, #vrchsir, #vrchst {
width: 957px;
height: 209px;
border-top: 6px solid #737373;
border-bottom: 6px solid #DADADA;
background: #99A0A3 url(/img/backvrch.jpg) 0 0 no-repeat;
color: #fff;
overflow: hidden;
}

#vrchsir {
background: #99A0A3 url(/img/backvrch_sirius.jpg) 0 0 no-repeat;
}

#vrchst {
background: #99A0A3 url(/img/backvrch_storm.jpg) 0 0 no-repeat;
}

#vrch a, #vrchsir a, #vrchst a {
color: #fff;
}

#vrchl {
float: left;
width: 636px;
padding: 179px 15px 0 15px;
font-size: 1.2em;
}

#vrchl p {
margin: 0;
padding: 0;
}

#vrchr {
float: left;
width: 291px;
}

#vrl {
float: left;
width: 130px;
margin: 0;
padding: 21px 0 0 15px;
}

.vrlname {
width: 130px;
height: 1.25em;
overflow: hidden;
}

#vrr {
float: left;
width: 135px;
margin: 0;
padding: 21px 0 0 10px;
}

#obsah {
width: 957px;
border-top: 8px solid white;
}

#obsah hr {
height: 1px;
margin: 5px 0;
*margin: 0;
padding: 0;
border: 0;
border-bottom: 1px solid #888;
}

#left {
float: left;
width: 226px;
padding: 5px 0 0 0;
border-right: 13px solid white;
}

.lnadpis {
width: 226px;
background: url(/img/backln.gif) 0 0 repeat-y;
}

.lnadpis div {
padding: 11px 35px 11px 15px;
background: url(/img/backlnadpis.gif) 0% 100% no-repeat;
color: #fff;
font-size: 1.1em;
font-weight: bold;
}

.lbox {
width: 190px;
margin: 0 0 15px 0;
padding: 7px 18px;
background-color: #f2f2f2;
}

ul#menuvlevo {
margin: 5px 0;
padding: 0;
list-style-type: none;
}

ul#menuvlevo li {
padding: 8px 0 8px 17px;
background: url(/img/sq.gif) 0 12px no-repeat;
color: #818181;
font-weight: bold;
}

ul#menuvlevo li a {
color: #818181;
text-decoration: none;
}

ul#menuvlevo li a:hover {
color: #000;
text-decoration: underline;
}

ul#menuvlevo ul {
margin: 0;
padding: 5px 0 0 0;
list-style-type: none;
}

ul#menuvlevo ul li {
padding: 7px 0 3px 15px;
}

#lmenu {
position: relative;
width: 190px;
z-index: 100;
}

#lmenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#lmenu ul li {
position: relative;
color: #818181;
font-weight: bold;
}

#lmenu ul li a {
display: block;
width: 173px;
margin: 0;
padding: 8px 0 8px 17px;
background: url(/img/sq.gif) 0 12px no-repeat;
color: #818181;
text-decoration: none;
}

#lmenu a:hover {
_background: #f2f2f2 url(/img/sq.gif) 0px 12px no-repeat;
color: #000;
text-decoration: underline;
}

#lmenu :hover > a {
color: #000;
}

#lmenu ul ul {
visibility: hidden;
position: absolute;
top: 0;
left: 190px;
width: 190px;
margin: 0;
padding: 10px 20px 10px 0;
border: 1px solid #e1e1e1;
background-color: #f2f2f2;
z-index: 20;
}

#lmenu table {
position: absolute;
top: 0;
left: 0;
border-collapse: collapse;
z-index: 20;
}

#lmenu ul ul li {
position: relative;
z-index: 20;
}

#lmenu ul ul li a {
/*float: left;*/ /*pro IE6*/
display: block;
width: 165px;
padding: 2px 0 4px 25px;
background: url(/img/sq.gif) 10px 7px no-repeat;
}

#lmenu ul ul li a:hover {
_background: #f2f2f2 url(/img/sq.gif) 10px 7px no-repeat;
}

#lmenu ul li:hover ul, #lmenu ul li a:hover ul {
visibility: visible;
background-color: #f2f2f2;
}

#lmenu ul li.normal ul {
visibility: visible;
position: relative;
top: 0;
left: 0;
height: 100%;
padding: 0;
border: 0;
z-index: 0;
}

#lmenu ul li.normal ul a {
display: block;
width: 155px;
padding: 2px 0 4px 35px;
background: url(/img/sq.gif) 20px 7px no-repeat;
}

#lmenu ul li.normal ul a:hover {
_background: #f2f2f2 url(/img/sq.gif) 20px 7px no-repeat;
}

#lmenu div, #lmenu ins {
position: absolute;
top: 0;
left: 190px;
z-index: 200;
}

#lmenu img {
border: 1px solid #555;
}

ul.nav iframe {
position: absolute;
z-index: -1;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
* html ul.nav li {
z-index: 201;
}
select.hide {
visibility: hidden;
}

#right {
float: left;
width: 718px;
padding: 0 0 10px 0;
}

#rotate {
width: 578px;
height: 185px;
margin: 20px 0 5px 70px;
padding: 20px 0 0 0;
border: 1px solid #888;
overflow: hidden;
}

#rotatesir {
width: 699px;
height: 185px;
margin: 20px 0 5px 9px;
padding: 20px 0 0 0;
border: 1px solid #888;
overflow: hidden;
}

#rotate img, #rotatesir img {
margin: 0 8px;
border: 2px solid #DADADA;
}

.zde {
float: left;
width: 490px;
padding: 3px 7px;
}

#showbox {
width: 716px;
margin: 5px 0;
padding: 15px 0;
border: 1px solid #737373;
background-color: #f2f2f2;
}

.sba {
float: left;
width: 60px;
margin: 0;
padding: 105px 0 0 0;
text-align: center;
}

.sbimg {
float: left;
width: 159px;
margin: 0 17px 0 0;
padding: 5px;
border: 1px solid #a7a7a7;
background-color: #fff;
text-align: center;
overflow: hidden;
}

.sbtext {
float: left;
width: 368px;
min-height: 180px;
_height: 180px;
margin: 0;
padding: 20px;
background: url(/img/backsbtext.gif) 0 0 repeat-x;
}

.rleft {
position: relative;
float: left;
width: 480px;
overflow: hidden;
}

.dots {
width: 480px;
background: url(/img/backdots.gif) 0 0 repeat-y;
}

.uvodbox {
float: left;
width: 187px;
margin: 0px 25px;
_margin: 0px 25px 0 15px;
}

.barva {
padding: 5px 10px;
background-color: #eee;
}

.fotgal {
float: left; 
width: 150px;
height: 175px;
margin: 5px;
_margin: 4px;
text-align: center;
overflow: hidden;
}

.fotgal img {
margin: 0 0 5px 0;
border: 1px solid #555;
}

#formular {
position: absolute;
width: 360px;
top: 150px;
left: 40px;
padding: 0;
border: 1px solid #000;
background-color: #ddd;
text-align: right;
z-index: 20;
}

.formularobsah {
padding: 5px 20px;
background-color: #eee;
text-align: left;
}

#hidden {
position: relative;
top: -10px;
left: 0;
margin: 0;
padding: 0;
border: 1px solid #ff6600;
background-color: #ddd;
text-align: right;
z-index: 50;
}

.hiddenobsah {
height: 300px;
margin: 0;
padding: 5px 10px 0 10px;
background-color: #eee;
text-align: left;
overflow: auto;
}

.himg {
float: left; 
width: 132px;
height: 165px;
margin: 5px;
text-align: center;
overflow: hidden;
}

.himg img {
margin: 1px 0;
border: 1px solid #555;
}

ul#mapaserveru {
margin: 0;
padding: 5px 10px;
list-style-type: none;
}

ul#mapaserveru li {
margin: 0;
padding: 3px 0 6px 22px;
background: url(/img/backms.gif) 0 4px no-repeat;
color: #737373;
font-weight: bold;
}

ul#mapaserveru ul {
margin: 5px 0 0 5px;
padding: 0;
list-style-type: none;
}

ul#mapaserveru li a {
color: #737373;
}

.w50 {
float: left;
width: 50px;
}

.w290 {
float: left;
width: 290px;
}

.material {
float: left;
width: 85px;
margin: 0;
padding: 5px;
text-align: center;
}

.rright {
float: left;
width: 226px;
padding: 10px 0 0 0;
border-left: 12px solid white;
overflow: hidden;
}

.rrimg {
width: 185px;
padding: 10px 0;
border: 1px solid #c6c6c6;
background-color: #fff;
text-align: center;
overflow: hidden;
}

.det {
float: right;
color: #444;
}

.det a {
color: #444;
}

.detimg {
float: left;
margin-right: 10px;
padding: 10px;
border: 1px solid #c6c6c6;
background-color: #fff;
text-align: center;
}

.obj {
display: block;
width: 62px;
margin: 186px 0 0 0;
padding: 3px 5px;
background-color: #555;
color: #fff;
font-weight: bold;
}

.obj a {
color: #fff;
}

#filtr {
width: 465px;
margin: 10px 0 0 0;
padding: 5px;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
}

#filtr a {
color: #f26522;
}

#filtrb {
width: 465px;
margin: 0;
padding: 5px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
background-color: #eaeaea;
}

#filtrb a {
color: #f26522;
font-weight: bold;
}

.zaznam {
margin: 0 0 0 193px;
font-weight: bold;
}

.filtr {
width: 120px;
height: 13px;
margin: 0 5px 0 78px;
border: 1px solid #888;
font-size: 10px;
}

#cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ccc;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
z-index: 1000;
}

#alert {
position: absolute;
width: 400px;
border: 1px solid black;
background-color: #ddd;
text-align: right;
z-index: 1001;
}

.alertobsah {
margin: 0;
padding: 5px 10px 0 10px;
background-color: #eee;
color: #333;
text-align: left;
}

.alertobsah a {
color: #333;
}

.info {
position: absolute;
left: 15px;
width: 270px;
padding: 24px 15px 10px 15px;
border-bottom: 2px solid #FF6600;
background: url(/img/backinfo.gif) 0 0 no-repeat;
color: #555;
z-index: 5;
}

#bottom {
clear: both;
width: 927px;
padding: 12px 15px;
border-top: 6px solid #dadada;
}

.bleft {
float: left;
width: 221px;
margin: 0;
padding: 0 0 0 15px;
}

.bright {
float: left;
margin: 0;
padding: 5px 0 0 0;
line-height: 160%;
}

/*sup, sub {
vertical-align: baseline;
position: relative;
}
sup {
bottom: 0.33em;
}
sub {
bottom: -0.25em;
}*/

.boks {
border: 1px solid #c6c6c6;
color: #666;
font-size: 1em;
}

.enter {
padding: 2px 0 0 0;
border: 1px solid #DF5900;
background-color: #ff6600;
color: #fff;
font-size: 1em;
font-weight: bold;
}

.tabule {
empty-cells: show;
border-collapse: collapse;
border: 2px solid #c1bc92;
background-color: #f2f2f2;
/*color: #333;*/
}
.tabule td {
padding: 2px 4px;
border: 1px solid white;
}
.tabule tr.tabh {
background-color: #737373;
color: #fff;
font-weight: bold;
}
.tabule tr.tabh a {
color: #fff;
}

.move3 {
position: relative;
top: 3px;
}

.f11 {
font-size: 1.1em;
}

.brdgrey {
border: 1px solid #dadada;
}

.brd555 {
border: 1px solid #555;
}

.bl {
color: #333;
}

.or {
color: #ff6600;
}

.fl {
float: left;
}

.fr {
float: right;
}

textarea {
border: 1px solid #c6c6c6;
color: #666;
}

h1 {
margin: 10px 0;
padding: 0;
color: #ff6600;
font-size: 1.3em;
}

h1.h2 {
margin: 10px 0;
padding: 10px;
background-color: #b4b4b4;
color: #fff;
font-size: 1.2em;
}

h2 {
margin: 10px 0;
padding: 10px;
background-color: #b4b4b4;
color: #fff;
font-size: 1.2em;
}

h3 {
margin: 10px 0;
padding: 0;
color: #ff6600;
font-size: 1.1em;
}

img {
border: 0;
}

.cleaner {
clear: both;
height: 0;
overflow: hidden;
content: ' ';
}

.cleaner hr {
display: none;
}

a {
color: #737373;
}

p {
margin: 10px 0;
padding: 0;
}


/* cast pro spratelene weby */

#otherwebs {
margin: 10px 0px;
}

#otherwebs a {
color: black;
text-decoration: none;
}

#otherwebs a:hover {
text-decoration: underline;
}

#webdiv1 {
float: left;
margin: 0 15px 0 0;
width: 179px;
height: 107px;
background-color: #F9E2D4;
}

#webdiv1 p {
margin: 15px 15px 0px 15px;
padding: 0 0 0 20px;
background: url(/img/websq1.jpg) left no-repeat;
}

#webdiv2 {
float: left;
margin: 0 15px 0 0;
width: 179px;
height: 107px;
background-color: #ECD0CF;
}

#webdiv2 p {
margin: 15px 15px 0px 15px;
padding: 0 0 0 20px;
background: url(/img/websq2.jpg) left no-repeat;
}

#webdiv3 {
float: left;
margin: 0 15px 0 0;
width: 179px;
height: 107px;
background-color: #DFE4F7;
}

#webdiv3 p {
margin: 15px 15px 0px 15px;
padding: 0 0 0 20px;
background: url(/img/websq3.jpg) left no-repeat;
}

#webdiv4 {
float: left;
margin: 0 15px 0 0;
width: 179px;
height: 107px;
background-color: #FCD0F1;
}

#webdiv4 p {
margin: 15px 15px 0px 15px;
padding: 0 0 0 20px;
background: url(/img/websq4.jpg) left no-repeat;
}

#webdiv5 {
float: left;
margin: 0 15px 0 0;
width: 179px;
height: 107px;
background-color: #FFE1CC;
}

#webdiv5 p {
margin: 15px 15px 0px 15px;
padding: 0 0 0 20px;
background: url(/img/websq5.jpg) left no-repeat;
}

#webdiv6 {
float: left;
margin: 0;    /* tento div je vzdy uplne vpravo */
width: 179px;
height: 107px;
background-color: #EBE8E3;
}

#webdiv6 p {
margin: 15px 15px 0px 15px;
padding: 0 0 0 20px;
background: url(/img/websq6.jpg) left no-repeat;
}
/* konec spratelenych webu */
