* { padding: 0; margin: 0; }

body { background: #D8B383 url('img/gradient.gif') top left repeat-x; color: black; font: 65%/1.5 verdana, helvetica, sans-serif; text-align: center; }

a { color: black; text-decoration: underline; }
a:hover { text-decoration: none; }
a img, img { border: none;}

.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.disblock { display: block; }
.dishidden { display: none; }
.malesede { font-size: 95%; color: #888888; }

#obal { background: #FFFFFF; width: 960px; text-align: left; margin: 0px auto; display: block; padding: 20px 7px 15px 7px; position: relative; z-index: 5; }

/*h - horni, d - dolni, t - tecky v contentu, s - tlusta v contentu*/
#separator_h { margin: 1px 0 4px 0; width: 100%; height: 6px; display: block; background: url('img/separator_h.gif') top left repeat-x; font-size: 1%; }
#separator_d { margin: 6px 0 1px 0; width: 100%; height: 8px; display: block; overflow: hidden; background: url('img/separator_d.gif') top left repeat-x; clear: both; }
.separator_t { width: 100%; height: 8px; display: block; overflow: hidden; background: url('img/separator_d.gif') top left repeat-x; clear: both; }

.separator_s { width: 100%; height: 28px; margin-bottom: 5px; border: 0; display: block; overflow: hidden;
background: url('img/separator_s.gif') top left repeat-x; clear: both; }
.separator_s hr { display: none; }

/*################## top ##################*/
#top { width: 100%; height: 25px; display: block; }
#top .right { width: 60%; }

#top #lang { float: right; height: 19px; display: block; padding: 6px 15px 0 15px; }
#top ul li { float: right; display: block; text-align: center; width: 131px; height: 25px; font-weight: bold; margin: 0 1px; behavior: url('hover.htc'); }
#top ul li a { text-decoration: none; display: block; width: 131px; height: 19px; background: #F0F0F0 url('img/top-menu.gif') top left no-repeat; padding: 6px 0 0 0; }
#top ul li a:hover { background: #FE7012 url('img/top-menu-hover.gif') top left no-repeat; color: white;}
#top ul li:hover div.topsubmenu, #top ul li.hover div.topsubmenu { visibility: visible; }

#top ul li div.topsubmenu { visibility: hidden; position: absolute; top: 45px; background: #000000; z-index: 5; color: white; overflow: visible; border: 1px solid #FF6600; padding-bottom: 5px; }

#top ul li div.topsubmenu ul { list-style-type: none; text-align: left; margin: 10px 2px 0 4px; font-size: 90%; }
#top ul li div.topsubmenu ul li { width: 100%; height: auto; text-align: left; margin: 0 0 1px 0; }
#top ul li div.topsubmenu ul li a { width: 100%; height: auto; color: white; text-decoration: underline;; background: transparent; padding: 0; }
#top ul li div.topsubmenu ul li a:hover { text-decoration: none; background: transparent; }

#top ul li div#tanecni-obor-submenu { right: 60px; width: 129px; }
#top ul li div#vytvarny-obor-submenu { right: 193px; width: 129px; }
#top ul li div#hudebni-obor-submenu { right: 326px; width: 129px; }


#top form { float: left; position: relative; top: 2px; }
#top form label { color: #FF6600; font-size: 105%; font-weight: bold; margin-left: 7px; }
#top form input { background: #F0F0F0; border: 1px solid #B9B9B9; font-size: 95%; padding: 0 2px; }



/*################## logo ##################*/

#pruh { background: #FF6600; height: 8px; width: 100%; display: block; font-size: 1%; }

h2#habrmanova { height: 178px; width: 960px; display: block; position: relative; clear: both; font-size: 80%; z-index: 1;  }
h2#habrmanova a { height: 140px; width: 160px; display: block; position: absolute; top: 20px; left: 17px; z-index: 1; }
h2#habrmanova span { height: 178px; width: 960px; display: block; position: absolute; top: 0; left: 0; z-index: 1; background: url('img/zus-habrmanova.jpg') top left no-repeat;  }

/*################## content ##################*/
#main { float: left; width: 736px; }

#content { width: 538px; display: block; padding: 0 8px 20px 10px; overflow: hidden; float: right; } /*real width 556px*/

#content #navigace { color: #999999; font-size: 95%; }
#content #navigace a { color: #999999; }
#content #navigace a:hover { color: #666666; }

#content h1 { font-size: 180%; color: #FF6600; margin: 6px 10px 15px 10px; }
#content h2 { font-size: 150%; color: #FF6600; margin: 14px 10px 2px 6px; }
#content h3 { font-size: 140%; color: #FF6600; margin: 8px 10px 6px 10px; }
#content h4 { font-size: 110%; color: #FF6600; margin: 10px 10px 1px 0; }
#content h3 a { color: #FF6600; }
#content #dotazy h3 { font-size: 110%; margin: 20px 10px 4px 10px; }
#content #hledani h3 { font-size: 130%; margin: 30px 10px 4px 10px; }
#content h3 span.hpocet { font-weight: normal; font-size: 80%; color: black; }
#content .fotogalerie-alba img { float: left; margin: 5px 10px 5px 8px;}

#content strong.orange { margin: 30px 10px 0 0; display: block; }
#content a { color: #FF6600; }

#content p { text-align: justify; margin-bottom: 10px; }
#content p.perex { font-style: italic; }

#content ul { margin: 0 10px 10px 30px; }
#content ul.odkazy { font-weight: bold; margin-top: 20px; }
#content ul.odkazy li { margin-bottom: 10px; }
#content table.odkazy { border-bottom: 1px solid #E6E6E6; width: 100%; margin-bottom: 6px; }
#content table.dokumenty { border-bottom: 1px solid #E6E6E6; width: 100%; margin: 2px 0 10px 0; }
#content table.odkazy a, #content table.dokumenty a { color: #FF6600; }

#content table.kontakty { width: 100%; }
#content table.kontakty th { background: #FFBB88; padding: 1px 5px; }
#content table.kontakty th.jmeno { width: 30%; }
#content table.kontakty td { padding: 0 4px; }

#content table.ramec { margin: 0px 3px 5px 5px; }
#content table.ramec-reakce { margin: 0px 3px 5px 35px; }
#content .male { font-size: 90%; }
#content .hand { cursor: hand; cursor: pointer; }
#content .diskusetext { border-bottom: 1px solid #888888; padding-bottom: 0px }

#content .strankovani { width: 522px; display: block; padding: 2px 8px; background: #F5F5F5; }
#content .vlozeno { font-size: 90%; font-weight: bold; color: #999999; }
#content .itemnav, #content .itemnav a { color: #999999; }
#content .itemnav { font-size: 95%; display: block; }

#content .classic_info { display: block; color: #FF6600; font-weight: bold; margin-bottom: 10px; }

/*################## levy ##################*/
#levy { width: 180px; float: left; display: block; } /*real width 180px*/
#levy #menu { width: 160px; border-width: 3px 1px; border-style: solid; border-color: #E6E6E6; display: block; padding: 10px 9px; }
#levy #menu ul { list-style-type: none;}
#levy #menu ul li { width: 160px; height: 25px; display: block; _display: inline; clear: left; margin-bottom: 1px; _margin: 0; }
#levy #menu ul li.levemenusep { width: 160px; height: 5px; background: transparent; display: block; overflow: hidden; }
#levy #menu ul li a { width: 134px; height: 20px; display: block; padding: 5px 2px 0 24px; 
  background: #D2D2D2 url('img/menu_leve_li.gif') top left no-repeat; font-weight: bold; text-decoration: none; } /* real width 160px; real height 25px; */
#levy #menu ul li a.rozbalovaci { background: #D2D2D2 url('img/menu_leve_li_rozbalovaci.gif') top left no-repeat; display: block; }
#levy #menu ul li a:hover { background: #FF6600 url('img/menu_leve_li_hover.gif') top left no-repeat; color: white; }
#levy #menu ul li a.rozbalovaci:hover { background: #FF6600 url('img/menu_leve_li_rozbalovaci_hover.gif') top left no-repeat; }

#levy #menu ul li ul { float: left; width: 158px; margin: 0; padding: 0; background: #FCE2D1; border: 1px solid #D7D7D7; position: static; 
padding: 2px 0 0 0; margin: 1px 0; overflow: hidden; float: left; } /* real width 160px; */
#levy #menu ul li ul li { width: 158px; height: auto; display: block; margin: 0; clear: none; float: left; }
#levy #menu ul li ul li a { width: 133px; height: auto; display: block; padding: 2px 0 2px 25px; background: #FCE2D1 url('img/menu_leve_li_submenu.gif') top left no-repeat; }
#levy #menu ul li ul li a:hover { background: #FCE2D1 url('img/menu_leve_li_submenu.gif') top left no-repeat; text-decoration: underline; color: #000000; }
#levy #menu ul li ul li.levy-menu-separator { width: 147px; margin: 0 5px 0 3px; height: 5px; overflow: hidden; display: block; background: #FCE2D1 url('img/menu_leve_li_submenu_separator.gif') top left repeat-x;  }


#levy #adresa { width: 160px; border-width: 3px 1px; border-style: solid; border-color: #E6E6E6; padding: 4px 9px 10px 9px; margin-top: 1px; background: #F5F5F5; }
#levy #adresa address { font-style: normal; padding: 8px 0; }
#levy #adresa div { font-weight: bold; color: #FF6600; }
#levy #adresa div a { font-size: 95%; }

#levy #statistiky { width: 160px; border-width: 3px 1px; border-style: solid; border-color: #E6E6E6; text-align: center; padding: 10px 9px 10px 9px; margin-top: 1px; }

/*################## pravy ##################*/
#pravy { float: right; width: 220px; display: block; }

#pravy .box { border: 1px solid #E6E6E6; width: 216px; display: block; padding: 1px; margin-bottom: 5px; }
#pravy .box h3 { background: #EEEEEE url('img/menu_prave_nadpis.gif') top left repeat-x; width: 208px; display: block; padding: 3px 4px 1px 4px; font-size: 100%; }
#pravy .box h3 a { color: #FF6600; text-decoration: underline; }
#pravy .box strong { font-size: 85%; color: #666666; padding: 2px 5px 2px 5px; border-top: 2px solid #EEEEEE; margin-top: 1px; width: 206px; display: block; }
#pravy .box p { padding: 0 5px 5px 5px; width: 206px; font-size: 95%; }

#pravy #fotogalerie { text-align: center; padding: 4px 0; margin-top: 20px; }
#pravy #fotogalerie img { margin: 1px 4px 3px 4px; }
#pravy #fotogalerie a.fotogalerie-a { width: 207px; height: 21px; text-align: center; display: block; background: #FF6600 url('img/menu_prave_galerie.gif') top left no-repeat; 
color: white; font-weight: bold; padding: 5px 0 0 0; margin: 0 4px; }

#pravy h2 { font-size: 100%; display: block; padding: 5px 8px 10px 8px; margin-top: 15px; width: 204px;  background: #FFFFFF url('img/separator_s.gif') top left repeat-x; }
#pravy h2.prave-nadpis-prvni { margin-top: 0;}


/*################## pata ##################*/

#pata { width: 960px; height: 41px; display: block; background: url('img/pata.gif') top left repeat-x; position: relative; }

#pata a#pata-logo { position: absolute; top: 5px; left: 10px; }
#pata #pata-mail { color: #888888; position: absolute; right: 10px; top: 13px; }

#pata #pata-odkazy { position: absolute; top: 14px; left: 183px; color: #888888; }
#pata #pata-odkazy a { color: #888888; }

#podpata { color: #888888; display: block; margin: 20px 30px 0 30px; text-align: center;}
#podpata a { color: #888888; text-decoration: none; }
#podpata a:hover { text-decoration: underline; }

/*################## image preload ##################*/
#image-preload { height: 1px; overflow: hidden; position: relative; }
#image-preload div { height: 1px; width: 1px; display: block; float: left; }
#image-preload span { height: 1px; width: 100%; background: white; position: absolute; top: 0; left: 0; display: block; }

#image-preload #imgpr_menu_leve_li_hover { background: url('img/menu_leve_li_hover.gif') top left no-repeat;}
#image-preload #imgpr_menu_leve_li_rozbalovaci_hover { background: url('img/menu_leve_li_rozbalovaci_hover.gif') top left no-repeat;}
#image-preload #imgpr_menu_leve_li_submenu { background: url('img/menu_leve_li_submenu.gif') top left no-repeat;}
#image-preload #imgpr_top-menu-hover { background: url('img/top-menu-hover.gif') top left no-repeat;}

#copy { display: none; }