@charset "windows-1250";

* {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

html { /*background: url(picts/pozadi2.jpg) left top repeat-x; */}

body { 	behavior: url("csshover3.htc"); text-align:center; font:normal 0.8em/1.2em arial;/* background: url(picts/pozadi.jpg) repeat-x 0px 0px;*/background-color:#DEE9E5;} 


#box {display:table; margin:0px auto; height:auto; width:983px;background-color:#ccd7d3;}

#levy { float: left; width:153px; height:564px; background-color:#CBD7D3; }

#hlavicka {float:left;width:983px; height:98px; background-color:#CCD7D3; background: url(picts/menu_top.jpg) left top no-repeat;}
#hlavicka #menu {float:left; padding-top:55px; padding-left:7px; width:820px; border:1px solid green;}
#hlavicka #menu div {float:left; border:none; border:1px solid #8c9f99;width:86px; background-color:#ced6d6;}
#hlavicka div.a1 {background-color:#8c9f99;}
#hlavicka div.a2 {background-color:white;}

/* menu */
#vodorovne-menu {float:left; width: 785px;margin: 10px; margin-top:45px; }
#vodorovne-menu li {float:left;list-style-type:none;}
#vodorovne-menu li a {display:block; height:25px; text-align:center; text-decoration:none;color:#000;}
#vodorovne-menu li a:hover { background: #0E3D6F; color:#fff; }
#vodorovne-menu li ul {display:none;}
#vodorovne-menu li:hover ul { display:block; position:absolute; z-index: 10; border: none; background-color:#99aea5; }
#vodorovne-menu li:hover ul li { display:block; float:none;  width: 230px; border:none;}
#vodorovne-menu li:hover ul li a {background-color:#99aea5; color:#728780;height:25px; border:none; padding-left:10px; font-family:trebuchet ms, verdana, arial; text-align:left; }
#vodorovne-menu li:hover ul li a:hover {color:#fff;height:25px;}

#vodorovne-menu li a.n1 {width:105px; background: url(picts/n1.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n1a {width:105px; background: url(picts/n1a.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n1:hover {width:105px; background: url(picts/n1a.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n2 {width:70px; background: url(picts/n2.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n2a {width:70px; background: url(picts/n2a.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n2:hover {width:70px; background: url(picts/n2a.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n3 {width:95px; background: url(picts/n3.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n3a {width:95px; background: url(picts/n3a.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n3:hover {width:95px; background: url(picts/n3a.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n4 {width:73px; background: url(picts/n4.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n4a {width:73px; background: url(picts/n4a.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n4:hover {width:73px; background: url(picts/n4a.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n5 {width:130px; background: url(picts/n5.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n5a {width:130px; background: url(picts/n5a.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n5:hover {width:130px; background: url(picts/n5a.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n6 {width:105px; background: url(picts/n6.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n6a {width:105px; background: url(picts/n6a.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n6:hover {width:105px; background: url(picts/n6a.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n7 {width:95px; background: url(picts/n7.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n7a {width:95px; background: url(picts/n7a.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n7:hover {width:95px; background: url(picts/n7a.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n8 {width:95px; background: url(picts/n8.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n8a {width:95px; background: url(picts/n8a.jpg) 15px 5px no-repeat;}
#vodorovne-menu li a.n8:hover {width:95px; background: url(picts/n8a.jpg) 15px 5px no-repeat;}


#hlavicka #menu div img {border:none;}

table.open td {color:#4E5755;font:normal 0.9em/1.2em arial}

#main { float:left; padding-left:0px; height:490px;display:table;  text-align:left; background-color:#ccd7d3; 
		color:#4E5755;font:normal 1.1em/1.2em arial;
		/* background-color:#1E2D04; background: url(picts/obsah.jpg) left top repeat-y;*/}
#main p {text-indent:12px;}
		
#footer {float:left; width:817px; padding-left:0px; height:60px; background-color:#99aea5;}
#footer div.foot_left {float:left;  font-family: trebuchet ms, verdana, arial; color:#71867d; padding:20px 0px 0px 15px; font-size:24px; font-weight:normal; letter-spacing: 0.05em;}
#footer div.foot_right {float:right;  padding:23px 20px 0px 0px;font:bold 14px arial;letter-spacing: 0.1em;color:#71867d;}
#footer div.foot_right a {color:#748982; text-decoration:none;}
#footer div.foot_right a:hover {color:white;}


#pruh #navig {float:left;padding:15px 0px 0px 20px;letter-spacing: 0.3em;font:bold 24px times new arial;}
#pruh #links a {color:#748982; text-decoration:none;}
#pruh #links a:hover {color:white;}

h1 {padding: 10px 0px 20px 5px;}



#menu_blok {width:821px; height:58px; background-color:#2D4509; background: url(picts/menu.jpg) left top no-repeat;}
#menu_blok div.menu {float:left; padding:0px 0px 0px 70px;margin-top:20px; height:35px; }

#menu_blok div.menu span.logoklik {display:block; float:left; width:170px; height:35px;padding:0px 0px 0px 0px; cursor:pointer; cursor:hand; margin-right:150px;}

#menu_blok div.menu span {display:block; float:left; padding:10px 6px 0px 6px;cursor: pointer; cursor: hand;}
#menu_blok div.menu a {color:#E8EDDA;font:bold 13px arial;text-decoration:none;}
#menu_blok div.menu a:hover span { cursor: pointer; cursor: hand; }

#nadpis {width:821px; height:29px; background:url(picts/nadpis.jpg) 0px 0px no-repeat;}
#nadpis div {float:right;padding-right:85px;margin-top:8px;color:#D1E6AD;font:bold 16px arial;}

#obsah { width:821px; display:table; text-align:left; background-color:#1E2D04; background: url(picts/obsah.jpg) left top repeat-y;}
	#obsah div.nadpis1 {color:#D1E6AD;font:bold 16px arial;}
	#obsah div.nadpis2 {color:#D1E6AD;font:bold 13px verdana;margin-bottom:5px;}
	#obsah .nadpis3 {color:#D1E6AD;font:bold 13px arial;}
	#obsah .cena {font:bold 12px verdana;}
	
			#levy_uvod { float: left; width:379px;  background-color:#1E2D04; background: url(picts/obsahlevy2.jpg) left top no-repeat; }
				#levy_uvod div.prouzek {float:left; height:348px;width:75px;}
				#levy_uvod div.hlavni {float:left;width:290px;}
				#levy_uvod div.odstavec { background: url(picts/odrazky.jpg) 0px 2px no-repeat; text-indent:25px;color:#fbffec;font:bold 12px/1.5em arial;margin-top:3px;}
			
			#pravy_uvod { float: right; width:442px; background-color:#1E2D04; background: url(picts/obsahpravy2.jpg) left top no-repeat; }
				#pravy_uvod div.prouzek {float:right; height:348px;width:80px;}
				#pravy_uvod div.hlavni {float:right;width:332px;margin-top:20px;color:#698d2d;font:normal 12px/1.3em arial;}
				#pravy_uvod p {text-indent:0px; padding-bottom:10px;}
				#pravy_uvod p span {color:#D57135;}
				#pravy_uvod div.odkaz {background: url(picts/ousko.jpg) right top no-repeat;text-align:right;}
				#pravy_uvod div.odkaz a {color:white;font:normal 10px arial;text-decoration:none;margin-right:13px;}				
				#pravy_uvod div.novinky {margin-top:30px;}
				#pravy_uvod div.novinky a {color:#d1e6ab;font:bold 12px arial;text-decoration:none;}
				#pravy_uvod div.novinky div.text {float:left; height:49px;padding:0px 20px 0px 10px; color:#d1e6ab;font:bold 12px arial;}
				#pravy_uvod div.novinky div.text span {color:#D57135;}
				#pravy_uvod div.novinky div.text div {margin-top:18px;}
				#pravy_uvod div.novinky img {border:none;margin:0px 2px 0px 2px;}
				



div.cleaner {clear:both;}

div.scrollholder
{
    position: relative;
    width: 816px; height: 475px;
    overflow: auto;
    z-index: 1;
    
}

div.scrollholder2
{
    position: relative;
    width: 770px; height: 600px;
    overflow: auto;
    z-index: 1;
    background-color: #99aea5;
}


div.scroll
{
    position: absolute;
    left: 0; top: 0;
    width: 95%;
    z-index: 2;
}

/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 10%; 
    width: 11px; height: 80%;
    font-size: 0;
    z-index: 3;
    background: #99aea5;
    background: url(picts/line.jpg) 5px 0px repeat-y;
    
}

div.drag_bar
{
    position: absolute;
    width: 100%; height: 14px;
    cursor: pointer;
    z-index: 4;
    /* background: #707070; */
    background: url(picts/holder.jpg) 0px 0px no-repeat;
    
}  

#info 
{ 
height:15em; 
min-height:15em; 
}

/* ----------------- */