/* CSS Document */

body,document
{
font:normal 12px Arial;
}

img
{
border:none;
}

a
{
color:white;
text-decoration:none;
}

a:hover
{
color:silver;
text-decoration:none;
}

#page
{
width:100%;
background:white;
}

#cely
{
width:1024px;
margin:0px auto;
}

#layout
{
width:1024px;
height:97px;
}

#hds
{
float:right;
margin-right:5px;
margin-top:3px;
}

#ikony
{
position:relative;
top:0;
left:700px;
height:25px;
width:200px;
}

#tree
{
width:240px;
padding-top:15px;
float:left;
}

#searchspan
{
display:block;
border:solid 1px white;
height:14px;
width:126px;
padding:0;
float:left;
}

#searchtext
{
height:12px;
border:none;
width:115px;
font: normal 11px Arial;
}

#searchdiv
{
margin-left:12px;
}

#vlajky
{
display:block;
float:right;
padding-right:10px;
padding-top:3px;
}

#strana
{
width:784px;
float:right;
height:100%;
float:right;
}

#top
{
position:relative;
left:0;
top:0;
width:700px;
z-index:50;
}

#odkazy
{
height:32px;
width:100%;
background:#5c5b5b;
z-index:50;
}

#cerna
{
height:18px;
width:686px;
background:#2c2c2d;
color:white;
padding:7px;
z-index:50;
}

#seda
{
height:32px;
width:100%;
background:white;
z-index:50;
}

#eu
{
width:1024px;
margin:0px auto;
height:85px;
padding-top:29px;
padding-bottom:29px;
}

#eu1
{
float:left;
}

#eu2
{
float:right;
}

#main
{
position:relative;
top:-384px;
left:0;
margin:0;
height:100%;
width:680px;
z-index:50;
}

#text
{
height:100%;
margin:20px;
margin-right:0;
width:660px;
}

#skret
{
position:relative;
top:-96px;
right:-680px;
width:104px;
height:384px;
z-index:1;
background:url(images/hugoback4.jpg);
}

#skret img
{
position:absolute;
top:315px;
left:0px;
}

.nadpis
{
font:normal 24px Arial;
margin:0;
padding:0;
margin-bottom:20px;
}

.on
{
height:29px;
width:108px;
margin-left:6px;
text-align:left;
text-transform:uppercase;
float:left;
font:bold 9px Arial;
color:silver;
padding-top:3px;
padding-left:2px;
}

.of, .of1, .of2, .of3, .of4, .of5, .of6, .of10, .of11
{
display:block;
font:bold 9px Arial;
height:29px;
width:108px;
margin-left:6px;
text-align:left;
text-transform:uppercase;
float:left;
color:white;
text-decoration:none;
padding-top:3px;
padding-left:2px;
}

.oa1, .oa2, .oa3, .oa4, .oa5, .oa6, .oa10, .oa11
{
display:block;
font:bold 9px Arial;
height:29px;
width:108px;
margin-left:6px;
text-align:left;
text-transform:uppercase;
float:left;
color:white;
text-decoration:none;
padding-top:3px;
padding-left:2px;
}

.of1
{
background:url(images/1l.jpg) bottom left no-repeat;
}

.of2
{
background:url(images/2l.jpg) bottom left no-repeat;
}

.of3
{
background:url(images/3l.jpg) bottom left no-repeat;
}

.of4
{
background:url(images/4l.jpg) bottom left no-repeat;
}

.of5
{
background:url(images/5l.jpg) bottom left no-repeat;
}

.of6
{
background:url(images/6l.jpg) bottom left no-repeat;
}

.of10, .of11
{
background:url(images/5r.jpg) bottom left no-repeat;
padding-top:10px;
height:22px;
text-align:left;
}

.oa1, #o1
{
background:url(images/1o.jpg) bottom left no-repeat;
}

.oa2, #o2
{
background:url(images/2o.jpg) bottom left no-repeat;
}

.oa3, #o3
{
background:url(images/3o.jpg) bottom left no-repeat;
}

.oa4, #o4
{
background:url(images/4o.jpg) bottom left no-repeat;
}

.oa5, #o5
{
background:url(images/5o.jpg) bottom left no-repeat;
}

.oa6, #o6
{
background:url(images/6o.jpg) bottom left no-repeat;
}

.oa10, #o10, .oa11, #o11,#o12
{
background:url(images/5q.jpg) bottom left no-repeat;
padding-top:10px;
height:22px;
text-align:left;
}

.of10, .oa10
{
float:left;
}

.of11, .oa11
{
float:right;
}

.treeodk
{
display:block;
font: normal 11px Arial;
padding-left:12px;
text-decoration:none;
color:silver;
margin-top:2px;
}

.selected
{
color:white;
background:url(images/c.jpg) left no-repeat;
}

#menu
{
margin-top:12px;
height:200px;
}

.sloupec
{
margin-right:30px;
width:315px;
height:auto;
float:left;
text-align:left;
font:normal 12px Arial;
}

.sloupeccely
{
width:660px;
height:auto;
float:left;
text-align:left;
font:normal 12px Arial;
}

#aktuality
{
margin-top:50px;
}

#aktuality .nadpis
{
color:white;
}

.aktualityblok
{
padding:10px;
width:220px;
height:80px;
color:white;
font: normal 12px Arial;
}

.aktualityblokin
{
width:220px;
height:80px;
overflow:hidden;
background:url('images/dal.gif') right bottom no-repeat;
}

#aktualitynadpis
{
height:auto;
}

#galcela
{
width:608px;
font:normal 12px Arial;
}

#left
{
float:left;
}

#right
{
float:right;
}

#galsez
{
margin-top:10px;
font:normal 12px Arial;
width:608px;
}

.normal
{
border:solid 1px white;
cursor:pointer;
}

.hover
{
border:solid 1px blue;
cursor:pointer;
}

.selectedimg
{
border:solid 1px red;
}

#fotka
{
width:608px;
height:455px;
}

#fotka2
{
width:640px;
height:480px;
}

#galpop
{
width:100%;
height:100px;
}


.mapan
{
width:259px;
height:202px;
border:none;
border:solid 1px #000099;
cursor:pointer;
background:url(img/prazdny.gif)
}

.mapaa
{
width:259px;
height:202px;
border:solid 1px #FFCC00;
cursor:pointer;
background:url(img/prazdny.gif)
}

#mapacela
{
position:absolute;
left:0;
top:0;
}

#mapa1, #mapa2, #mapa3, #mapa4, #mapa5, #mapa6
{
position:absolute;
}

#mapa1, #mapa2, #mapa3
{
top:163px;
}

#mapa4, #mapa5, #mapa6
{
top:367px;
}

#mapa1, #mapa4
{
left:0;
}

#mapa2, #mapa5
{
left:261px;
}

#mapa3, #mapa6
{
left:522px;
}

.mapaodkaz
{
position:absolute;
cursor:pointer;
color:#C2D2D2;
font: bold 12px Arial;
}

.mapaodkaz2
{
color:#FFCC00;
}

#detailcely
{
position:absolute;
top:100px;
left:200px;
height:325px;
width:300px;
visibility:hidden;
padding:10px;
background:white;
}

#detail
{
width:300px;
height:300px;
overflow:auto;
font:normal 12px Arial;
}

#fotkadetail
{
margin:10px;
}

#detail span
{
cursor:pointer;
color:blue;
}

#detail span:hover
{
color:silver;
}

#gr
{
position:relative;
top:0px;
left:150px;
width:61px;
height:68px;
}

#legendaodkaz
{
width:84px;
height:550px;
background:#CE623C;
position:absolute;
top:0;
left:700px;
}

#legendap
{
width:783px;
height:163px;
position:absolute;
top:0;
left:0;
visibility:hidden;
}

#mleft, #mright, #mtop, #mdown, #mnavtop, #mnav
{
position:absolute;
visibility:hidden;
}

#mleft
{
top:263px;
left:0px
}

#mright
{
top:263px;
left:675px;
}

#mtop
{
top:0px;
left:338px;
}

#mdown
{
top:525px;
left:338px;
}

#mnavtop
{
top:555px;
left:636px;
}

#mnav
{
left:713px;
}

.navmap
{
opacity:0.3;
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity:0.3;
}

.navmaph
{
opacity:1;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
}

#mnav img
{
margin:1px;
}

.timestamp
{
color:gray;
font:normal 10px Arial;
}

.aktualityblokc
{
position:absolute;
top:0;
left:0;
visibility:hidden;
width:440px;
height:680px;
padding:10px;
color:white;
font: normal 12px Arial;
overflow:auto;
z-index:100;
}

.ctverecek
{
width:32px;
height:32px;
float:left;
}

.searchresult
{
display:block;
width:660px;
height:150px;
background:#EEEEEE;
color:black;
font:normal 12px Arial;
margin-left:20px;
padding:10px;
margin-bottom:5px;
}

.searchresultlink,#main a,#detailcely a
{
color:#AAAAFF;
text-decoration:none;
}

.searchresultlink:hover,#main a:hover,#detailcely a:hover
{
color:#FF9900;
}

.searchresult h2
{
font-variant:normal;
}

.searchresult b
{
color:#333399;
}

.d0
{
background:#9F597D;
}

.d1, .d3, #info th, #disk th
{
background:#FFB9DD;
}

.d2, .d4, #submenu
{
background:#DF99BD;
}

.replaceselect
{
position:relative;
left:0;
top:0;
height:75px;
}

.replaceselectin
{
position:absolute;
left:0;
top:0;
clip:rect(1px, 73px, 73px, 1px);
border:solid 1px black;
}

.replaceselectin span
{
display:block;
padding:0;
margin:0;
height:75px;
}

.replaceselectin span img
{
vertical-align:top;
}

.posun
{
position:absolute;
height:300px;
width:10px;
right:-10px;
top:0;
background:gray;
}

#up
{
position:absolute;
top:0;
left:0;
}

#down
{
position:absolute;
bottom:0;
left:0;
}


