* {
margin:0;
padding:0;
}

html
 {
margin:0;
padding:0;
background: #575757 url(../images/html-pozadi.jpg) repeat-x;
}

img
 {
	margin:2px;
	padding:2px;
	border:1px solid #7AC7EE;

}

 #stranka
 {
width:980px;
margin: 0 auto;
border: 15px solid white;
padding: 0 0 10px 0;
background: white;
 }
 
 #hlavicka
 {
width:980px;
height: 200px;
background: url(../images/hlavicka.jpg) no-repeat top;
 }
 

 #hlavicka h1 a,  #hlavicka h1 span
{
float: left;
position: relative;
left: 0px;
top: 11px;
margin: 0;
padding: 0;
text-decoration: none;
color: White;
font-size: 13px;
width: 341px;
display: block;
height: 116px;
}

 #hlavicka h1 a {
	position: relative;
	text-align: center;
}

#hlavicka h1 span {
	position: absolute;
	top: 0;	
  	left: 0;
	cursor: pointer;
}

 #hlavicka h1 a span {
	 background : url(../images/logo.jpg);
}

 #hlavicka form.prihlasit {
	 margin: 20px 0 0 400px;
	 float: left;
}

 #hlavicka form.prihlasit p {
	 width: 212px;
	 height: 25px;
	 }

 #hlavicka form.prihlasit label {
float: left;
font: bold 12px tahoma;
color: white;
width: 80px;
text-align: right;
padding:0 11px 0 0;
}

#hlavicka form.prihlasit label.vypis {
float: left;
font: bold 12px tahoma;
color: white;
width: 212px;
text-align: center;
padding:0 0 0 16px;
}

 #hlavicka form.prihlasit input {
 float: left;
	 width: 119px;
	 height: 18px;
	 border: 1px solid #BDBDBD;
	 color: #404040;
	 background: url(../images/input-login.jpg) no-repeat top;
	}

	 #hlavicka form.prihlasit label.odeslat {
float: left;
font: bold 12px tahoma;
color: white;
width: 110px;
text-align: right;
padding:0 6px 0 0;
}

#hlavicka form.prihlasit label.odhlasit {
float: left;
font: bold 12px tahoma;
color: white;
width: 69px;
text-align: right;
padding:0 6px 0 0;
}
	
 #hlavicka form.prihlasit label.odeslat a,#hlavicka form.prihlasit label.odeslat a:hover{
text-decoration: underline;
font:11px tahoma;
color: white;
}
	
	 #hlavicka form.prihlasit input.login-odeslat {
 float: left;
	 width: 96px;
	 height: 25px;
	 font:bold 11px Tahoma;
color: white;
border: none;
	 background: #0090D6 url(../images/input-login-tlacitko.jpg) no-repeat top;
	 text-align: center;
	}

ul.menu {
float: left;
list-style: none;
padding:21px 0 0 0;
margin:0;
width: 550px;
clear: left;
}

ul.menu li {
margin: 0;
float: left;
}

ul.menu li a {
text-align:center;
display:block;
margin: 0;
padding: 10px 25px 5px 25px;
text-decoration: none;
color: #B3B3B3;
font-family: Tahoma;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
background: url(../images/menu-pozadi.jpg) no-repeat right;
}

ul.menu li.home a img,ul.menu li.home a {
text-align:center;
display:block;
width: 42px;
margin: 0;
padding:0 0 0 0;
text-decoration: none;
color: #B3B3B3;
font-family: Tahoma;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
border: 0;
}

#menu li a:hover, #menu li a.aktiv {

}

  form.hledani {
	 margin: 33px 0 0 227px;
	 float: left;
}

form.hledani a {
color: #B3B3B3;
font-family: Tahoma;
font-size: 13px;
font-weight: bold; 
}

  form.hledani input {
	 float: left;
	 width: 189px;
	 height: 20px;
	 border: 1px solid #BDBDBD;
	 color: #404040;
	 background: url(../images/input-hledej.jpg) no-repeat top;
}


ul.submenu {
float: left;
list-style: none;
padding: 0px 0 0 0;
margin:-3px 0 0 0;
width: 550px;
clear: left;
}

ul.submenu li {
margin: 0;
float: left;
}

ul.submenu li a {
text-align:center;
display:block;
margin: 0;
padding: 0px 10px 0px 10px;
text-decoration: none;
color: #505050;
font-family: Tahoma;
font-size: 13px;
font-weight: bold;
text-transform: lowercase;
}

ul.submenu li a img {
margin: 0;
padding: 6px 0 0 0;
border: 0;
}

ul.submenu li a:hover {
color: #505050;
font-family: Tahoma;
font-size: 13px;
font-weight: bold;
text-decoration: underline;
}

ul.subsubmenu {
float: left;
list-style: none;
padding: 0px 0 0 0;
margin:3px 0 0 185px;
width: 230px;
}

ul.subsubmenu li {
margin: 0;
float: left;
}

ul.subsubmenu li a {
text-align:center;
display:block;
margin: 0;
padding: 0px 10px 0px 5px;
text-decoration: none;
color: #0090d4;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}

ul.subsubmenu li a:hover {
color: #0090d4;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline;
}


#main
 {
width: 980px;
margin:0;
clear: both;
 background: #7AC7EE;
 }
 
h2
 {
 clear: left;
font: bold 13px Tahoma;
color: white;
margin: 10px 0 0 15px;
padding: 5px 0 0 30px;
background: url(../images/h2-pozadi.jpg) no-repeat top left;
width: 636px;
height: 30px;
 }

 .box-uvod{
 float: left;
width: 303px;
margin:0 0 0 10px;
_margin: 0 0 0 7px;
padding: 0 0 8px 0;
 border: 0;
 background : #DEDEDE;
}

 .box-uvod-spodek{
 float: left;
 width: 303px;
margin:0 0 0 10px;
_margin: 0 0 0 7px;
 border: 0;
 background: black;
}
 
 .box-uvod p{
font-size: 12px;
font-family: Tahoma;
padding:4px;
}

 .box-uvod ul{
margin: 3px 0 0 25px;
}

 .box-uvod ul li{
 list-style: disc;
font-size: 12px;
font-family: Tahoma;
}

 .box-uvod p a,  .box-uvod li a{
font-size: 12px;
font-family: Tahoma;
color: #61A4B4;
}

 .box-uvod p a:hover,  .box-uvod li a:hover{
font-size: 12px;
font-family: Tahoma;
color: #61A4B4;
}
 
 .box-uvod h3
 {
float: left;
font: bold 13px Tahoma;
color: #4F4F4F;
margin: 0;
padding: 5px 0 0 30px;
background: url(../images/h2-bile-pozadi.jpg) no-repeat top left;
width: 273px;
height: 30px;
 }

 .box-uvod .levy{
	width: 155px;
	float: left;
	text-align: center;
	margin: 5px 0 0 5px;
}

 .box-uvod .pravy{
	width: 132px;
	float: left;
	margin: 5px 0 0 11px;
	_margin: 5px 0 0 5px;
}

 .box-uvod .pravy h4{
	margin: 0;
	font: bold 13px Tahoma;
color: #60524F;
}

 .box-uvod .pravy p{
font-size: 12px;
font-family: Tahoma;
padding: 0 2px 0 0;
}

.box-uvod p{
font-size: 12px;
font-family: Tahoma;
padding:4px;
}

 .box-uvod .pravy a{
color: #61A4B4;
font-size: 12px;
font-family: Tahoma;
}
 
 #levy
 {
width: 655px;
float: left;
margin: 0;
padding: 0;
 }
 
.box{
width: 636px;
margin:0 0 0 15px;
padding: 0;
 background:  white;
 border: 0;
 }
 
  .box-levy{
float: left;
margin: 17px 20px 5px 20px;
clear: left;
width: 210px;
 }
 
  .box-pravy{
float: left;
margin: 17px 0 0 0;
width: 370px;
 }
 
.box-stredni{
float: left;
margin: 0px 0 0 0;
width: 626px;
padding: 5px;
font: 12px Tahoma;
color: #656565;
background: white;
 }

.box-stredni hr{
color: #656565;
width: 100%;
border: dashed;
border-width: 1px 0 0 0;
height: 0;
line-height: 0px;
font-size: 0;
margin: 0;
padding: 0;
}

 .box-pravy strong{
background: #0090D4;
font: bold 12px Tahoma;
color: white;
padding: 2px 5px;
 }
 
   .box-pravy h3.aktualne,.box-pravy h3.aktualne a,  .box-pravy h3.aktualne a:hover{
font: bold 20px Tahoma;
color: #0090d4;
text-decoration: underline;
margin: 2px 0 0 0;
padding: 0;
 }

 
  .box-pravy h3,.box-pravy h3 a, .box-pravy h3,.box-pravy h3 a:hover{
font: 20px Tahoma;
color: #0090d4;
text-decoration: underline;
margin: 2px 0 0 0;
padding: 0;
 }
 
 .box .box-pravy p{
float: left;
width:360px;
margin: 5px 0 0 0px;
font: 12px Tahoma;
color: #656565;
 }
 
   .box-pravy p strong{
background: none;
font: bold 12px Tahoma;
color: #6F6F6F;
 }
 
   .box-pravy p a{
font:  12px Tahoma;
color: #0090D4;
text-decoration: none;
 }
 
    .box-pravy p a:hover{
font: 12px Tahoma;
color: #0090D4;
text-decoration: underline;
 }
 
    .box-stredni a{
font:  12px Tahoma;
color: #0090D4;
text-decoration: none;
 }
 
    .box-stredni a:hover{
font: 12px Tahoma;
color: #0090D4;
text-decoration: underline;
}

.reklama
{
clear: left;
float: left;
width: 600px;
margin: 20px 0 10px 20px;
 }
 
 
  .box h2
 {
 clear: left;
 float: left;
font: bold 13px Tahoma;
color: #4F4F4F;
margin: 20px 0 0 13px;
padding: 5px 0 0 30px;
background: url(../images/h2-bile-pozadi.jpg) no-repeat top left;
width: 612px;
height: 26px;
 }
 
.box  #box-rubriky{
width: 612px;
margin:0 0 0 13px;
padding: 0;
 background: #6A6A6A url(../images/box-rubriky-pozadi.jpg) repeat-x top;
 clear: left;
 float: left;
 }
 
 .box  .box-rubriky-sloupec{
width: 282px;
height: 300px;
margin:0 0 0 5px;
padding: 0;
  float: left;
 }
 
 .box  .box-rubriky-sloupec-kapitoly{
width: 600px;
margin:0 0 0 5px;
padding: 0;
  float: left;
 }
 
  .box  .box-rubriky-sloupec h3 a{
font: bold 16px Tahoma;
color: #7ac7ee;
background: url(../images/rubrika-sipka.jpg) no-repeat bottom left;
margin: 0 0 2px 10px;
padding: 0 0 0 20px;
border-bottom: 1px dashed #818080;
text-decoration: none;
 }
 
  .box  .box-rubriky-sloupec h3 a:hover{
font: bold 16px Tahoma;
color: #7ac7ee;
background: url(../images/rubrika-sipka.jpg) no-repeat bottom left;
margin: 0 0 2px 10px;
padding: 0 0 0 20px;
border-bottom: 1px dashed #818080;
text-decoration: underline;
 }

   .box  .box-rubriky-sloupec p strong{
font: bold 9px Tahoma;
color: #C5C5C5;
 }
 
    .box  .box-rubriky-sloupec p{
font: bold 14px Tahoma;
color: white;
width: 205px;
float: left;
 }
 
    .box  .box-rubriky-sloupec-kapitoly p{
font: bold 12px Tahoma;
color: white;
width: 600px;
float: left;
 }
 
     .box  .box-rubriky-sloupec p.obrazek{
font: bold 14px Tahoma;
color: white;
margin: 10px 10px 0 5px;
width: 60px;
float: left;
 }
 
     .box  #box-rubriky-spodek {
background: url(../images/box-rubriky-spodek.jpg) no-repeat top;
width: 612px;
height: 19px;
margin: 0 0 0 13px;
padding:0;
clear: left;
 }

     .box  #box-rubriky-spodek-prazdne {
width: 612px;
height: 19px;
margin: 0 0 0 13px;
padding:0;
clear: left;
 }
 
  .box-spodek {
background: url(../images/box-spodek.jpg) no-repeat top;
width: 637px;
height: 19px;
margin: 0 0 0 14px;
padding:0;
clear: left;
 }

 
 #reklama468{
width: 636px;
margin:20px 0 20px 15px;
padding: 0;
text-align:center;
 }
 
 
p.video
 {
float: left;
width:110px;
margin: 0 10px 0 14px;
text-align:center;
 }
 p.video a
 {
font: 12px Tahoma;
color: #0090d4;
text-decoration: none;
 }
 
 #pravy
 {
width: 300px;
float: left;
margin: 10px 0 0 10px;
padding: 0;
 }

 #reklama300
 {
width: 300px;
float: left;
margin: 20px 0 20px 0;
padding: 0;
border: 0;
 }
 
  .reklama60
 {
width: 300px;
float: left;
margin: 20px 0;
padding: 0;
border: 0;
 }
 
 #pravy h2
 {
 clear: left;
font: bold 13px Tahoma;
color: white;
margin: 10px 0 0 0px;
padding: 5px 0 0 30px;
background: url(../images/h2-pozadi-pravy.jpg) no-repeat top left;
width: 299px;
height: 27px;
 }
 
 #pravy .pravy-box{
width: 299px;
margin:0;
padding: 0;
 background: #DEDEDE;
 border: none0;
  }
 
  #pravy .pravy-box p.vyber a{
font:bold 14px Tahoma;
color: #4F4F4F;
text-decoration: underline;
margin: 0 20px 0 24px;
width: 80px;
float: left
 }
 
   #pravy .pravy-box p.vyber a:hover, .pravy-box p.vyber a.aktiv{
font:bold 14px Tahoma;
color: #4F4F4F;
text-decoration: none;
 }
 
   #pravy .pravy-box p.vyber{
width: 299px;
margin:0;
padding: 0;
border: 0;
 background: #DEDEDE;
 clear: left;
 }
 
  #pravy .pravy-box p{
width: 270px;
margin:3px 0 0 24px;
padding: 3px 0 2px 0;
 background: #DEDEDE;
 border-bottom: 1px solid #C1C1C1;
 font: bold 12px Tahoma;
color: #696969;
 clear: left;
 float: left;
 }
 
   #pravy .pravy-box p a{
font: 12px Tahoma;
color: #2CA0D6;
float: left;
width: 235px;
 }
 
   #pravy .pravy-box p span{
float: left;
width: 34px;
 }
 
   .pravy-box-spodek {
background: url(../images/pravy-box-spodek.jpg) no-repeat top;
width: 299px;
height: 12px;
margin: 0;
padding:0;
clear: left;
 }
 
 
 #paticka
 {
width: 980px;
height: 65px;
margin: 0;
padding: 0;
clear: both;
background: #7CC7EF url(../images/paticka.jpg) repeat-x;
 }
  
 #paticka p
 {
padding:35px 0px 0 10px;
 font: 12px Tahoma;
color: #7a7a7a;
float: left;
 }
 
 #paticka p a
 {
 font: 12px Tahoma;
color: #7a7a7a;
text-decoration: underline;
padding: 0px 10px 0 10px;
 }
 
   #paticka p a:hover
 {
 font: 12px Tahoma;
color: #7a7a7a;
text-decoration: none;
 }
 
 a
 {
text-decoration: none;
 color: white;
 }
 
 a:hover
 {
text-decoration: underline;
 color: white;
 }

.vlajka
{
	margin:0px;
	padding:0px;
	border:1px solid #EEEEEE;
}