body , html {
 font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; 
 font-size: 82%;
 font-size: "86%"; 
 color: #464D3E; 
 margin: 0;
 text-align: center;
 background: url(../gra/bg1.jpg) 0% 0% repeat-x #F9FAF9;
 background-position: top center;
} 

hr {
 position: relative;
 top: -10000px;
}

A:link {
 color: #B86C3A; 
 text-decoration: underline; 
 font-weight: normal;
} 
A:visited {
 color: #B86C3A; 
 text-decoration: underline; 
 font-weight: normal;
}
A:active {
 color: #000000; 
 text-decoration: underline; 
 font-weight: normal;
} 
A:hover {
 color: #000000; 
 text-decoration: underline; 
 font-weight: normal;
} 



a img {
 border: 0;
 text-decoration: none;
}


a:hover img {
 border: 0;
 text-decoration: none;
}

.nastred {
margin: 20px 0 0 172px; 

}



h1 {
 width: auto;
 height: auto;
 border-style: none;
 padding: 0;
 margin: 15px 0 10px 0;
 font: 169%; 
 font-weight: bold;
 color: #8D99A3;
 font-family: Georgia, "Times New Roman", Times, serif;  
} 

h1 span {
color: #8D99A3;
}

h2 {
 width: auto;
 height: auto;
 border-style: none;
 padding: 2px 2px 2px 0;
 margin: 20px 0 5px 0;
 font-size: 139%; 
 font-weight: bold;
 color: #875232; 
 font-family: Georgia, "Times New Roman", Times, serif;  
 clear: left; 
} 

h2 span {
 color: #9DBC00; 
} 


h3 {
 width: auto;
 height: auto;
 border-style: none; 
 padding: 10px 5px 2px 0;
 margin: 20px 0 10px 0;
 font-size: 129%; 
 font-weight: bold;
 color: #818D73;  
 font-family: Georgia, "Times New Roman", Times, serif; 
 border: 1px solid #BBC5B8;
 border-width: 1px 0 0 0;
 clear: left;
} 

h4 {
 font-size: 100%; 
 margin: 5px 0 0 0;
 width: auto;
 color: #000000;
 font-family: Georgia, "Times New Roman", Times, serif;
}



h5 {
 font-size: 200%; 
 color: #ffffff; 
}

.big {
 font-size: 139%; 
 font-weight: bold;
 color: #875232; 
 font-family: Georgia, "Times New Roman", Times, serif;   
} 

ul {
 padding: 0; 
 margin: 0; 
}

ul li {
 list-style-type: none;
} 


.hlava {
 width: 767px;
 height: 255px;
 position: relative;
 top: 0px; 
 padding: 0;
 margin: 0 auto;
 background: url(../gra/head.jpg) 100% 100% no-repeat #ffffff; 
 text-align: left;
 } 

.hlava h2 {
 position:relative;
 top: 100px;
 left: 17px;
 width:400px;
 height:99px;
 margin: 0;
 padding: 0;
 overflow:hidden;
 color: #8D99A3;
 font-size: 189%;
 font-weight: bold;
 font-style: italic;
 text-decoration: none;
 text-indent: 15px;
}

.hlava h2 span {
 display:block;
 position:absolute; left:0; top:0; z-index:1;
 width:400px;
 height:99px;
 margin:0;
 padding:0;
 background:url("../gra/clr.gif") 0% 0% no-repeat;
 cursor: pointer;
 }


.hlava h2 A:link {
 color: #8D99A3; 
 text-decoration: none; 
 font-weight: bold; 
} 

.hlava h2 A:visited {
 color: #8D99A3; 
 text-decoration: none; 
 font-weight: bold; 
} 

.hlava h2 A:active {
 color: #000000; 
 text-decoration: none; 
 font-weight: bold; 
}
 
.hlava h2 A:hover {
 color: #000000;
 text-decoration: none; 
 font-weight: bold; 
} 

.hlava h2 strong {
 color: #875232;
}




.hlava div {
 float: right;
 margin: 12px 5px 0 0;
 color: #ffffff;
 font-weight: bold;
}

.mozi {
 width: 767px;
 height: 16px;
 font-size: 0;
 padding: 0;
 background:url("../gra/mozi.jpg") 0% 0% repeat-y;
 position: relative;
 top: 0;
 left: 0;
 margin: 0 auto;
} 

.nadpole {
 width: 767px;
 height: 10px;
 background: url(../gra/topole.jpg) 100% 0% no-repeat;
} 




.mozi2 {
 width: auto;
 height: 95px;
 clear: both;
 font-size: 0px;
} 


.obsah {
 width: 767px;
 height: auto;
 position: relative;
 top: 0;
 left: 0; 
 padding: 0;
 margin: 0 auto;
 text-align: left;
 background: url(../gra/bg3.jpg) 0% 0% repeat-y #ffffff;    
} 
 
.pole {
 width: 480px;
 height: auto;
 border-style: none; 
 padding: 0;
 margin: 0;
 float: right;
 position: relative;
 right: 40px;
 color: #464D3E;
}

.pole p {
 clear: left;
 text-align: justify;
}

.pole a.partner {
 display:block; text-align:center;
}

.pole2 {
 width: 480px;
 height: auto;
 border-style: none; 
 padding: 0;
 margin: 0;
 float: right;
 position: relative;
 right: 40px;
 color: #464D3E;
}

.pole2 p {
 clear: left;
 text-align: justify;
}

.nahled {
 float: left;
 margin: 0 15px 15px 5px;
 position: relative;
}

.side {
 width: 216px;
 height: auto;
 float: right;
 margin: 0;
 padding: 0;
 position: relative;
 right: 54px; 
} 

.side h4 {
 width: 214px;
 height: 50px;
 font-size: 100%;
 font-style: italic;   
 margin: 0 3px 0 0;
 padding: 0; 
 text-indent: 6px; 
 position: relative;
 top: -24px;
 _top: -31px; 
 right: 16px;
 _right: 15px; 
 border: 1px solid #797979;
 border-width: 1px 0;
 font-style: normal;
}

.side h4 span {
 display: block;
 width: auto;
 margin:  20px 15px 5px 50px;
 font-size: 149%;
 color: #A6ABB3;
 text-align: right;
 font-family: Georgia, "Times New Roman", Times, serif; 
}

.side h4 {
  background-image: url(../gra/sidebar-icon50px.jpg);
  background-repeat:no-repeat;
}

.side_down {
 width: 216px;
 height: 178px;
 background: url(../gra/pani.gif) 0% 0% no-repeat;
 position: relative;
 right: 17px;
 margin: 20px 0 0 0;
 _margin-left : 1px;
 padding: 0;
}

.level1 {
 background: /*url(../gra/ikon_uvod.jpg)*/ 0% 0% no-repeat #ffffff;  
color: #000000;
}
.level2 {
 background: /*url(../gra/ikon_historie.jpg)*/ 0% 0% no-repeat #ffffff;  
color: #000000;
}
.level3 {
 background:/* url(../gra/ikon_nominace.jpg)*/ 0% 0% no-repeat #ffffff;  
color: #000000;
}
.level4 {
 background: /*url(../gra/ikon_laureati.jpg)*/ 0% 0% no-repeat #ffffff;  
color: #000000;
}
.level5 {
 background:/* url(../gra/ikon_poroty.jpg)*/ 0% 0% no-repeat #ffffff;  
color: #000000;
}
.level6 {
 background: /*url(../gra/ikon_statut.jpg)*/ 0% 0% no-repeat #ffffff;  
color: #000000;
}
.level7 {
 background:/* url(../gra/ikon_tisk.jpg)*/ 0% 0% no-repeat #ffffff;  
color: #000000;
}
.level8 {
 background:/* url(../gra/ikon_fotoalbum.jpg)*/ 0% 0% no-repeat #ffffff;  
color: #000000;
}
.level9 {
 background:/* url(../gra/ikon_partneri.jpg)*/ 0% 0% no-repeat #ffffff;  
color: #000000;
}


.side h4 img {
 position: relative;
 top: 3px;
 margin: 0 3px 0 0;
}

.side h5 {
 width: 142px;
 font-size: 100%; 
 color: #5A6670;
 margin: 20px 0 0 15px;
 padding: 2px 0; 
}

.side ul {
 width: auto;
 height:  auto;
 margin: 0 15px 0 0;
 padding: 0;
} 

.side ul li {
 width: auto;
 height:  auto;
 margin: 0;
 padding: 0;
 list-style-type: none;
}

.side ul li A {                
 padding: 3px 0;
 margin: 2px 0; 
 display: block;
 width: 180px;
 height: auto;
 border: 1px solid #C5E0F3;
 border-width: 0 0 1px 0;
 font-family: Georgia, "Times New Roman", Times, serif; 
 text-align: right; 
 position: relative;
 left: 2px;
}

.side ul li A:link {                 
 text-decoration: none;
 background: #D0D6CA;
 color: #818D73;
 font-weight: bold;
 border: 1px solid #798B71;
 border-width: 0 1px 1px 0; 
 }

.side ul li A:visited {                 
 text-decoration:  none;
 background: #D0D6CA;
 color: #818D73;
 font-weight: bold;
 border: 1px solid #798B71;
 border-width: 0 1px 1px 0;  
}

.side ul li A:active {                 
 text-decoration: none;
 background: #E2E6DF;
 color: #000000;
 font-weight: bold;
 border: 1px solid #798B71;
 border-width: 0 1px 1px 0;  
}

.side ul li A:hover {                 
 text-decoration: none;
 background: #E2E6DF;
 color: #000000;
 font-weight: bold;
 border: 1px solid #798B71;
 border-width: 0 1px 1px 0;   
}

.side ul li span {                 
 padding: 1px 0 1px 5px;
 margin: 0 1px; 
 font-weight: bold;
 display: block;
 width: 143px;
 _width: 148px; 
 height: auto;
 border: 1px solid #B7C4D0;
 border-width: 0 0 1px 0;
}

.side ul li a img {
 border: 0;
 margin: 0 4px 0 0; 
 position: relative;
 top: 2px;
}  

.side ul li a:hover img {
 border: 0;
 margin: 0 4px 0 0; 
}  

.side p {                 
 width: auto;
 height:  auto;
 margin: 5px 5px 5px 7px;
 padding: 0;
}

.side p img {                 
 margin: 5px 4px 0 0;
}

.copy {                 
 width: 767px;
 height: auto;
 background: url(../gra/pata.jpg) 0% 0% no-repeat #F9FAF9;
 color: #000000;
 padding: 10px 0 20px 0;
 position: relative;
 margin: 0 auto;
 text-align: right;
 font-size: 89%;
}

.copy A img {
 border: 0;
 position: relative;
 top: 2px;
}

.podpis {
	float : right;
}
#postrannitvor1 {
  position:absolute;
  margin-left:762px;
  margin-top:650px;
  width:59px;
  height:70px;
  background-image: url(../gra/postrannitvor1.jpg);
  background-repeat:no-repeat;
  
}
#postrannitvor2 {
  position:absolute;
  margin-left:-55px;
  margin-top:554px;
  width:55px;
  height:85px;
  background-image: url(../gra/postrannitvor2.jpg);
  background-repeat:no-repeat;
  
}
#postrannitvor3 {
  position:absolute;
  margin-left:762px;
  margin-top:380px;
  width:69px;
  height:94px;
  background-image: url(../gra/postrannitvor3.jpg);
  background-repeat:no-repeat;
  
}
#postrannitvor4 {
  position:absolute;
  margin-left:-74px;
  margin-top:720px;
  width:74px;
  height:103px;
  background-image: url(../gra/postrannitvor4.jpg);
  background-repeat:no-repeat;
  
}
#postrannitvor5 {
  position:absolute;
  margin-left:762px;
  margin-top:90px;
  width:83px;
  height:76px;
  background-image: url(../gra/postrannitvor5.jpg);
  background-repeat:no-repeat;
  
}
#postrannitvor6 {
  position:absolute;
  margin-left:-76px;
  margin-top:185px;
  width:76px;
  height:134px;
  background-image: url(../gra/postrannitvor6.jpg);
  background-repeat:no-repeat;
  
}
