html, body {
	font-family: Arial;
	font-size: 13px;
	color: white;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	height: 100%; 
	min-height: 100%; 
	background: white url(/images/bg.png);
	background-position: center top;
	background-repeat: repeat-x;
}
img {border: 0px;}
p {margin-top: 0px; font-weight: normal; text-align: justify; padding-top: 10px;}
p.uvod {padding-top: 50px;}
#gradient {position: absolute; height: 116px; width: 100%; background-image: url(/images/online4u_gr.jpg);}

#levy_sloupec {width: 220px;z-index: 100;}
#stred_sloupec {width: 500px; color: #666666; padding-left: 10px; margin-top: 15px; border-right: 1px solid #e6e6e6; min-height: 537px;}
#pravy_sloupec {width: 229px; color: #4d4e4e;}
#pravy_sloupec img {margin-left: 9px;}
.cistic {clear: both;}
.levicak {float: left;}
.pravicak {float: right;}
form {margin: 0px; padding: 0px;}
#wrap {
	height: auto;
	width: 960px;
	position: relative;
	text-align: left;
}



#redakce {width: 490px; padding-right: 10px;}

.katn {width: 490px; background: url(/images/katn6.png); height: 33px;line-height: 33px; padding-left: 10px; color: #009295;}
.katn h1 { margin: 0px; padding: 0px; font-size:13px;}
#katn8 { background: url(/images/katn1.png);}
#katn15 { background: url(/images/katn2.png);}
#katn21 { background: url(/images/katn3.png);}
#katn26 { background: url(/images/katn4.png);}
#katn33 { background: url(/images/katn5.png);}
#podnad a:hover {color: #000000; text-decoration: underline;}
.level2:hover {color: #000000; text-decoration: underline;}
h1 {color: #008080;}
#podnad {background: #f0f0f0; width: 499px;}
#podnad table{margin-left: 10px; padding-bottom: 10px;}
#podnad tr { vertical-align: top;}
#podnad td { width: 235px;}
#podnad p {text-align: left; margin: 0px;}
#podnad a {color: #494949; text-decoration: none;padding-left: 12px; background-repeat: no-repeat; background-position: left 5px; display: block; margin-left: 3px;}

#podnad2 {background: #f0f0f0; width: 499px; padding-top: 10px;}
#podnad2 table{margin-left: 10px; padding-bottom: 10px;}
#podnad2 tr { vertical-align: top;}
#podnad2 p {text-align: left; margin: 0px;background: url(/images/quick_odrazky_hl_menu.gif); background-repeat: no-repeat; padding: 0px 0px 0px 10px;background-position: left center;}
#podnad2 a {color: #494949; text-decoration: none;padding-left: 12px; background-repeat: no-repeat; background-position: left 5px; display: block; margin-left: 3px;}

.odr0 p {background-repeat: no-repeat; background-position: left center; padding-left: 0px; padding-top: 10px;}
.odr0 a {background: url(/images/quick_odrazky_hl_menu.gif); background-repeat: no-repeat;}
.odr8 a {background: url(/images/content+navigace_v_oddeleni_odrazka_01.gif);}
.odr15 a {background: url(/images/content+navigace_v_oddeleni_odrazka_02.gif);}
.odr21 a {background: url(/images/content+navigace_v_oddeleni_odrazka_03.gif);}
.odr26 a {background: url(/images/content+navigace_v_oddeleni_odrazka_04.gif);}
.odr33 a {background: url(/images/content+navigace_v_oddeleni_odrazka_05.gif);}

#logo { background: url(/images/logo.png); height: 266px; display: block; padding-left: 10px; width: 210px; outline-style:none;}
#logo2 {width: 230px; background: url(/images/qadmin_02.png); height: 200px;}
#login {width: 459px; background: url(/images/login_05.png); height: 171px; position: absolute; top: 85px; left: 295px;}
#logogr {background: url(/images/quinta_05.png); height: 20px; padding-top: 5px; padding-left:20px;}
#levy_sloupec h1,#levy_sloupec h2 {font-size: 12px; margin-bottom: 0px;}
#levy_sloupec h2 {margin: 0px;}
.kk8 {color: #494949; text-decoration: none;}
.kk8:hover, .kk8act {color: #b523a6; text-decoration: none;}
.kk15 {color: #494949; text-decoration: none;}
.kk15:hover, .kk15act {color: #336699; text-decoration: none;}
.kk21 {color: #494949; text-decoration: none;}
.kk21:hover, .kk21act {color: #836842; text-decoration: none;}
.kk26 {color: #494949; text-decoration: none;}
.kk26:hover, .kk26act {color: #ff3333; text-decoration: none;}
.kk33 {color: #494949; text-decoration: none;}
.kk33:hover, .kk33act {color: #006634; text-decoration: none;}

.kat_delitko {width: 210px; background: url(/images/delitko.png); height: 17px; margin-left: 10px;}
.kat_delitko2 {width: 210px; background: url(/images/delitko2.png); height: 12px; margin-left: 10px;}
.kat_delitko3 {width: 210px; background: url(/images/delitko3.png); height: 15px; margin-left: 10px;}
.kat_bg {width: 210px; background: url(/images/bg2.png); margin-left: 10px;}
.kat_bg2 {width: 210px; background: url(/images/bg3.png); margin-left: 10px;}
.kat_bg h1,.kat_bg2 h1 {font-size: 12px; margin: 0px; padding-left: 10px;}
#meric {z-index: 100; position:absolute; top: 0px; left: 0px;}
.kat_spodek {width: 210px; background: #dbdadb url(/images/kat_spodek.png) bottom left;  background-repeat: no-repeat; height: 100800px; z-index: 0; bottom: 55px; left: 10px; position: absolute;}
#menu{width: 717px;}
#menudel1{width: 12px; float: left; height: 22px;background: url(/images/mdel_10.png);}
#menudel2{width: 12px; float: left; height: 22px;background: url(/images/mdel_12.png);}
#menudel3{width: 12px; float: left; height: 22px;background: url(/images/mdel_14.png);}
#menudel4{width: 12px; float: left; height: 22px;background: url(/images/mdel_16.png);}
#menudel5{width: 12px; float: left; height: 22px;background: url(/images/mdel_18.png);}
#menudel6{width: 12px; float: left; height: 22px;background: url(/images/mdel_20.png);}
#menu_h {width: 717px; background: url(/images/menuh_04.png); height: 15px; font-size: 0px;}
#menu_s {width: 717px; background: url(/images/mspodek_21.png); height: 14px; font-size: 0px;}
#menu a {text-decoration: none; color: #7f7f7f; text-align: center; line-height: 22px; font-size: 12px;}
#menu a:hover {text-decoration: none; color: #ffffff; text-align: center; line-height: 22px;}
#m1 {width: 28px; background: url(/images/m1_06.png); height: 22px;}
#mm1 {width: 18px; background: url(/images/home.png); height: 22px; background-position: 0px 0px; display: block;}
#mm1:hover {width: 18px; background: url(/images/home.png); height: 22px; background-position: 0px 44px; display: block;}
#m3 {width: 18px; background: url(/images/m3_08.png); height: 22px;}
#mm2 {width: 68px; background: url(/images/b1.png); height: 22px; background-position: 0px 0px; display: block;}
#mm2:hover {width: 68px; background: url(/images/b1.png); height: 22px; background-position: 0px 44px; display: block;}
#mm3 {width: 68px; background: url(/images/b1a.png); height: 22px; background-position: 0px 0px; display: block;}
#mm3:hover {width: 68px; background: url(/images/b1a.png); height: 22px; background-position: 0px 44px; display: block;}
#mm4 {width: 108px; background: url(/images/b2.png); height: 22px; background-position: 0px 0px; display: block;}
#mm4:hover {width: 108px; background: url(/images/b2.png); height: 22px; background-position: 0px 44px; display: block;}
#mm5 {width: 118px; background: url(/images/b3.png); height: 22px; background-position: 0px 0px; display: block;}
#mm5:hover {width: 118px; background: url(/images/b3.png); height: 22px; background-position: 0px 44px; display: block;}
#mm6 {width: 118px; background: url(/images/b4.png); height: 22px; background-position: 0px 0px; display: block;}
#mm6:hover {width: 118px; background: url(/images/b4.png); height: 22px; background-position: 0px 44px; display: block;}
#mm7 {width: 82px; background: url(/images/b5.png); height: 22px; background-position: 0px 0px; display: block; padding-left:14px;}
#mm7:hover {width: 82px; background: url(/images/b5.png); height: 22px; background-position: 0px 44px; display: block; padding-left:14px;}

a.vlajka {text-decoration: none; padding-top: 3px; display: block; outline-style: none;}
.vlajka img {border: 0px;}
input.i_hledat {position: absolute; top: 20px; left: 15px; width: 180px; border: 0px none;}
#ppo {height: 10px;}
#zbytek {width: 740px;}
.footer { width: 930px; background: url(/images/footer.png); height: 33px; color: black; padding-left: 20px;padding-right: 10px; line-height: 33px; margin-top: 20px;margin-bottom: 20px; color: #666666; font-size: 11px;}
.footer a {color: #008080;text-decoration: underline;}

.box {width: 230px; text-align: left; color: #4e4e4e;}
.box_top { width: 209px; background: url(/images/box_41.png); height: 39px; color: black; padding-left: 20px; line-height: 30px; font-weight: bold;}
.box_cnt { width: 209px; background: url(/images/box_47.png); height: auto; color: black; padding-left: 20px;}
.box_bottom { width: 209px; background: url(/images/box_52.png); height: 47px; color: black; padding-left: 20px;}

#rulesmenu1{ width: 200px; background: url(/images/kbg1.png); height: auto; margin-left:10px; padding-left: 10px; padding-top: 10px;}
#rulesmenu2{ width: 200px; background: url(/images/kbg2.png); height: auto; margin-left:10px; padding-left: 10px; padding-top: 10px;}
#rulesmenu3{ width: 200px; background: url(/images/kbg3.png); height: auto; margin-left:10px; padding-left: 10px; padding-top: 10px;}
#rulesmenu4{ width: 200px; background: url(/images/kbg4.png); height: auto; margin-left:10px; padding-left: 10px; padding-top: 10px;}
#rulesmenu5{ width: 200px; background: url(/images/kbg5.png); height: auto; margin-left:10px; padding-left: 10px; padding-top: 10px;}

ul.seznam1,ul.seznam2,ul.seznam3,ul.seznam4,ul.seznam5,ul.seznam6,ul.seznam7 {
list-style-image:url(/images/quick_odrazky_hl_menu.gif);
padding-left: 20px;
margin: 0px;
color: #666666;
}


.box_cnt li {
padding-bottom:8px;
}



ul.seznam2 {
padding-left: 20px;
margin: 0px;
}

#rulesmenu1 ul.seznam2 {
	list-style-image:url(/images/hl_menu_odrazka_01.gif);
}
#rulesmenu2 ul.seznam2 {
	list-style-image:url(/images/hl_menu_odrazka_02.gif);
}
#rulesmenu3 ul.seznam2 {
	list-style-image:url(/images/hl_menu_odrazka_03.gif);
}
#rulesmenu4 ul.seznam2 {
	list-style-image:url(/images/hl_menu_odrazka_04.gif);
}
#rulesmenu5 ul.seznam2 {
	list-style-image:url(/images/hl_menu_odrazka_05.gif);
}

ul.seznam2 li {padding-bottom: 8px;}
ul.seznam2 a {color: #494949; text-decoration: none;}

#hledat {position:relative; width: 229px; background: url(/images/hledat_34.png); height: 83px;}
input.submit_login {
margin-top: 50px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/hledat.png) repeat scroll 0 0;
border:0 none;
font-size:11;
color: #494949;
text-align: center;
height:22px;
width:69px;
display: block;
background-repeat: no-repeat;
}
input.submit_login:hover {background-position: 0px -22px;}
#hlavni_aktualita {
  position:relative; 
  width: 740px;
  color: white;
  float: left;
  padding-top: 5px;
}
#logbtn {margin-top: 20px; margin-right: 130px;}
#hlavni_aktualita img {margin: 0; border:0; padding:0;}

#hlavni_aktualita #pruh{
  position: absolute;
  left: 0;
  bottom: 4px;
  background: black;
  width: 727px;
  height: 38px;
  line-height: 38px;
  padding-left: 10px;

  filter: alpha(opacity=60);
	-moz-opacity: 0.60; 
	opacity: 0.60;
}





#slider { 
   width: 740px; /* important to be same as image width */ 
   height: 206px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#sliderContent {
   width: 740px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin: 0; /* important */
   padding: 0px;
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

#redakce p {color: #666666; font-size: 12px;}
.faq {cursor: pointer;}
.posunout {margin-left: 10px;}
#pruhsipka {float: left; height: 38px; width: 20px;background: url(/images/hlavni_navigace_hlavni-sipka.gif); background-position: center center; background-repeat: no-repeat;}
#pruhsipka2 {float: left; height: 38px; width: 20px;background: url(/images/hlavni_navigace_druha-a-dalsi-sipka.gif); background-position: center center; background-repeat: no-repeat;}
.pruhnav {color: white; display: block; height: 38px; line-height: 37px; float: left; font-weight: bold; text-decoration: none; z-index: 1000;}
.nachazim, .nachazim a {
color:#008080;
font-size:15px;
text-decoration: none;
}
.nalezeno:hover {text-decoration: underline;}
.navhl { padding-left: 20px;background: #F0F0F0 url(/images/quick_odrazky_hl_menu.gif); border-bottom: 1px solid #e4e4e4; height: 27px; line-height: 27px; margin-top: 7px;background-position: 10px center; background-repeat: no-repeat; font-size: 11px;}
.pruhnavh {color: #666666; font-size: normal; text-decoration: none;}
.trprvni {background: #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;}
.tstyl td   {background: #f2f2f2;}
.tstyl tr {border-bottom: 1px solid white;}
.tstyl td {border-bottom: 1px solid white;}
.tstyl th {border-bottom: 2px solid white;border-top: 2px solid #9c9c9c;}
.tucne {font-weight: bold;}
.red {color: red;}
.tpole5 {width: 30px;}
#logogr h1 {margin-top: 0px;}