body { color: #333; font-family: sans-serif; height: 100%; font-size: 11px; /*font-size: 62.5%;*/ padding: 0; margin: 0; behavior:url(cssHoverFix.htc); }
html { height: 100%; font: 11px; }

.bgrd3 { color: #333; font-family: sans-serif; background-color: #ccc; background-image: url(imgs/sroh3.gif); background-repeat: no-repeat; background-position: left top; }
.bgrdet { color: #333; font-family: sans-serif; background-color: #ccc; background-image: url(imgs/sroh3.gif); background-repeat: no-repeat; background-position: left top; }

/*odkazy*/
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: black; text-decoration: none; }
a:active { color: #333; text-decoration: none; }
a:hover img { filter:alpha(opacity=40, style=0); opacity:0.4 }

/*format textu obecny*/
p { font-size: 100%; font-family: sans-serif; line-height: 1.3em; }
h1 { font-size: 200%; font-family: sans-serif; }
h2 { font-size: 160%; font-family: sans-serif; }
h3 { font-size: 140%; font-family: sans-serif; }
h4 { font-size: 120%; font-family: sans-serif; }
li { font-size: 100%; font-family: sans-serif; list-style-type: disc; line-height: 1.2em; }

/*navigace*/
#navigationbox {left: 20px; top: 270px; position: absolute; width:15em; z-index: 20; }
#navigation {left: 0; top: 0; position: relative; width:15em; font-size: 110%; z-index: 20; }
#navigation ul { margin:0px; padding:0px; }
#navigation ul li { height:25px; line-height:21px; list-style:none; padding-left:10px; width:15em; border-bottom: 1px solid #999; cursor:pointer; }  
#navigation ul li:hover {background-color:#BECC00; position:relative;}
#navigation ul ul { display:none; position:absolute; left:75px; top:15px; border-left:#ccc solid; border-width:1px; background-color:#BECC00; /*background-color:#A9A29A;*/ }  
#navigation ul li:hover ul {display:block;}
#navigation ul ul li {border:none; width:11em; float:left; display:inline;}
#navigation ul ul li:hover {text-decoration:underline; border:none;}

#navigation img { padding-top: 7px; }  

.bgrdnav2 { font-size: 100%; color: #000; padding: 0 0 0 10px; width: 150px; background-color: #BECC00; /*background-color: #A9A29A; */display: block; border-left: 1px solid #666; background-image: url(imgs/sipkasekce.gif); background-position:right; background-repeat:no-repeat; } 

/* original
#navigation {width:150px; font-size:12px;}
#navigation ul {margin:0px; padding:0px; background-color:#666;}
#navigation ul li { height:25px; line-height:25px; list-style:none; padding-left:10px; color:#FFF; border-top:#fff solid; border-bottom:#fff solid; border-width:1px; cursor:pointer; }  
#navigation ul li:hover {background-color:#F90; position:relative;}
#navigation ul ul { display:none; position:absolute; left:75px; top:5px; border:#fff solid; border-width:1px; background-color:#999; }  
#navigation ul li:hover ul {display:block;}
#navigation ul ul li {border:none; width:150px; float:left; display:inline;}
#navigation ul ul li:hover {text-decoration:underline; border:none;}*/

.navline { position: absolute; top: 200px; left: 20px; width: 5px; height: 300px; border-left: 1px solid #333; }
.navig2 { font-size: 100%; width: 150px; left: 0; top: 0; position: relative; visibility: visible; padding: 0px; margin: 0px; }
.navig2 ul { margin: 0; padding: 0; }
.navig2 li { list-style-type: none; margin: 0; }
.navig2 a { text-decoration: none; padding: 5px 5px 5px 10px; width: 150px; border-bottom: 1px solid #999; display: block; }
.navig2 a:hover { color: #333; background-color: #A9A29A; display: block; }
/*.bgrdnav2 { font-size: 1em; color: #000; padding: 5px 5px 5px 10px; width: 150px; background-color: #A9A29A; display: block; }*/ 
.logo { text-align: right; margin-top: 20px; margin-right: 20px; }

/*plovoucí bloky*/
#souvisejici { margin-top: 20px; color: #333; background-image:url(imgs/roh.gif); background-position: left top; background-repeat: no-repeat; padding: 8px 30px 8px 15px; width: 160px; height: 210px; }
#souvisejici ul { margin: 5px; padding: 5px; }
#souvisejici ul li { font-weight: bold; list-style: none; }
#souvisejici ul li ul li { font-size: 120%; line-height: 1.1em; list-style-image: url(imgs/sipkar.gif); }

/*graficke prvky obecne*/
.linedet { position: relative; padding-bottom: 3px; padding-top: 10px; border-bottom: 1px dotted #666; }
.hlavicka_sed2 { font-size: 90%; font-weight: normal; line-height: 1em; position: absolute; top: 5px; left: 350px; width: 500px; height: 3em; background-color: transparent; background-image: url(imgs/zahlavi-sed2.gif); background-repeat: no-repeat; background-position: left 3px; margin-bottom: 0; padding-left: 35px; }
img { border-width: 0; }

/*format bloku seznam*/
.blokseznam  { position:absolute; top:190px; left:250px; width: 740px; }
.blokseznam img { padding: 0 1px 1px 0; }
.blokseznam a:hover img { filter:alpha(opacity=40, style=0); opacity:0.4 }
.blokseznam ul { list-style-type: none; padding-left: 0; margin-left: 0; }
.blokseznam li { list-style-type: none; padding-left: 0; margin-top: 5px; float: left; }
.galerie { font-size: 0.9em; line-height: 1em; position:relative; top:0px; left:0px; width: 200px; height: 200px; float: left; padding: 0px; margin: 1px; background-color: #fff; }
.galerie strong { font-weight: normal; color: #333; font-size: 1em; line-height: 1.1em; padding: 5px; display: block; }
/*.popis { color: #666; font-size: 1em; line-height: 1.1em; padding: 5px; display: block; }*/
/*.popis img { padding-bottom: 0; }*/
.paticka3 { text-align: right; font-size: 0.8em; position: relative; top: 30px; border-top: #999 solid 1px; padding-top: 10px; padding-bottom: 10px; }
.partneri { font-style: italic; }
.clear { clear:both; }

/*format bloku detail*/
.blokdetail  { position:absolute; top:190px; left:250px; width:500px; }
.blokdetail h1 { font-size: 180%; font-family: sans-serif; text-transform: uppercase; }
.blokdetail2  { position:absolute; top:190px; left:250px; width:550px; }
.blokdetail2 h1 { font-size: 180%; font-family: sans-serif; text-transform: uppercase; }
.blokgaldet { font-size: 80%; padding-left: 10px; position: absolute; top: -30px; left: 500px; width: 100px; }
.blokgaldet2 { font-size: 80%; padding-left: 10px; position: absolute; top: -30px; left: 550px; width: 100px; }
.perex { font-size: 120%; font-family: sans-serif; line-height: 1.4em; }
.cena { color: #ccc; font-size: 160%; font-weight: bold; line-height: 1.4em; background-color:#666; padding: 5px; margin-top: 10px; }
.zoompic { position: relative; top: 0; left: 0; width: 500px; height: auto; }
.zoompic2 { position: relative; top: 0; left: 0; width: 550px; height: auto; }
.sipkal { position: absolute; bottom: 50px; left: -20px; width: 20px; height: 20px; background-color: #CC0; z-index: 10; }
.sipkar { position: absolute; bottom: 50px; right: -20px; width: 20px; height: 20px; background-color: #CC0; z-index: 10; }
.sipkal2 { position: absolute; bottom: 3px; left: 0; width: 20px; height: 20px; background-color: #CC0; z-index: 10; }
.sipkar2 { position: absolute; bottom: 3px; right: 0; width: 20px; height: 20px; background-color: #CC0; z-index: 10; }

/*externi odkazy*/
a.externi:visited { background-image: url(imgs/linkout.gif); background-repeat: no-repeat; background-position: right top; margin-right: 3px; padding-right: 12px; }
a.externi:link { background-image: url(imgs/linkout.gif); background-repeat: no-repeat; background-position: right top; margin-right: 3px; padding-right: 12px; }
a.mail:visited { background-image: url(imgs/linkmail.gif); background-repeat: no-repeat; background-position: right top; margin-right: 3px; padding-right: 12px; }
a.mail:link { background-image: url(imgs/linkmail.gif); background-repeat: no-repeat; background-position: right top; margin-right: 3px; padding-right: 12px; }
.nextpage { padding: 10px 0 10px 0; }
.pageakt { font-size: 120%; color: #000; /*width: 3em; height: 2em; */border: #000 solid 1px; padding: 2px 4px 2px 4px; background-color:#aaa; margin: 0 5px 0 5px; }
.pagenext { color: #000; /*display: block;*/ margin: 0 5px 0 5px; }
/*starý verdesign*/
.uvozovky { background-color: transparent; background-image: url(imgs/uvozovky.gif); background-repeat: no-repeat; background-position: left 0px; }
.galcislo { color: #fff; font-size: 30px; font-weight: bold;line-height: 30px; }
.blokfoto { padding-left: 0; margin-top: 5px; float: left; display: block; position: relative; }
.bloktext { clear:both; position: relative; margin-top: 5px; padding-top: 5px; }
.line3 { position: relative; padding-bottom: 3px; border-bottom: 1px dotted #666; }