/* Body - Cele telo dokumentu */
body,html {
 font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; 
 font-size: 82%;
 color: #000000; 
 margin: 0;
 text-align: center;
 background: #000; 
} 
/* Konec Body - Cele telo dokumentu */



/* Globalni styly */
hr {
 position: absolute;
 top: -12721px;
 width: 50px;
}

A:link {
 color: #F5930E; 
 text-decoration: underline; 
} 

A:visited {
 color: #F5930E; 
 text-decoration: underline; 
} 

A:active, A:hover {
 color: #fff; 
 text-decoration: underline; 
} 

a img {
 border: 0px solid #B1B8B8;
}

a:hover img {
 border: 0px solid #000000;
}

h1 {
 width: auto;
 margin: 25px 10px 0 0; 
 padding: 0 0 10px 0; 
 color: #F5930E;
 text-align: left;
 font-size: 169%;
 font-weight: normal;
 text-transform: uppercase;
} 

h1 small {
 color: #74ACD6;
}

h2 {
 padding: 2px 2px 0 0;
 margin: 20px 0 0 0;
 font-size: 130%; 
 font-weight: bold; 
 color: #9D9D9D; 
 clear: left;
 text-transform: lowercase; 
} 

h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
 font-weight: normal;
 font-size: 100%; 
}

h2 a:link {
 color: #8DB40A;
 text-decoration: underline;
}

h2 a:visited {
 text-decoration: underline; 
}

h2 a:active {
 color: #769706;
 text-decoration: underline; 
}

h2 a:hover {
 color: #769706;
 text-decoration: underline; 
}

h3 {
 clear: left;
 padding: 0 5px 0 0;
 margin: 15px 0 0 0;
 font-size: 100%; 
 font-weight: bold;
 color: #F9B559;  
} 


ul {
 position: relative;
 right: 10px;
 clear: left;
}

ul li {
 list-style-image: url("grafika/icon-list3.gif");
} 
/* Konec Globalni styly */

/* Globalne pouzivane tridy */
.clear {
 display: block;
 float: none;
 clear: left;
 width: 400px;
 height: 4px;
 font-size: 1px;
 margin: 0;
 padding: 0;
}

span.cistic {
 display: block;
 width: auto;
 clear: left; 
 font-size: 0;
 padding: 0;
 z-index: 3; 
 height: 4px;
 background: #fff;  
} 

.txt {
background: #F7F9FD;
border: 1px solid #6797C7;
}
/* Konec Globalne pouzivane tridy */


/* Hlavicka */
div#header {
 width: 600px;
 height: 109px;
 position: relative;
 top: 0px; 
 padding: 0 0 10px 0;
 margin: 10px auto 0 auto;
 text-align: left;
 background: url(grafika/punksiluets.gif) 100% 100% no-repeat #000; 
}

div#header img {
 position: relative;
 top: 45px; 
}
/* Konec  Hlavicka */ 

/* Hlavni navigace */
#menu {
 width: 600px; 
 min-height: 10px;
 height: auto;
 padding: 10px 0 0 0;
 position: relative;
 margin: 0 auto 1px auto;
 font-size: 110%;
 font-family: "Trebuchet MS", sans-serif, "Arial CE", "Lucida Grande CE";
 text-transform: uppercase;
 background: #fff;
} 

#menu A {
 margin : 0 1 0 0; 
 padding: 50px 0 50px 0;  
 font-weight: bold;
 display: block;
 width: 145px;
 height: auto; 
 float: left;
 text-align: center; 
 z-index: 1;
 position: relative;
 left: 10px;
}

#menu A:link,#menu A:visited  {
 color: #000; 
 text-decoration: none;
 background: #C84600;   
 font-weight: bold; 
} 

#menu A:active,#menu A:hover  {
 color: #000; 
 text-decoration: none; 
 background: #F5930E;  
 font-weight: bold;
 border-color: #789515; 
}

#menu span.cistic {
 margin: 0 0 -1px 0;
 position: relative;
 top: -1px;
 background: #fff;  
 height: 10px; 
} 

#menu a#selected {
 background: #fff; 
 color: #000;
 border-color: #000; 
 border-bottom-color: #fff;
 z-index: 4;  
}
/* Konec Hlavni navigace */

/* Hlavni Obsah - cela sirka vcetne sidebaru */
#obsah {
 width: 600px; 
 height: auto;
 position: relative;
 bottom: 1px; 
 padding: 0 0 0 0;
 margin: 5px auto;
 text-align: left;
} 
 
#obsah span.cistic {
 display: block;
 width: auto;
 clear: both; 
 font-size: 0;
 padding: 0;
 z-index: 3; 
 height: 3px;
 background: #F5930E;
}  

#leva, #prava, #stred {
 width: 188px;
 float: left;
 }
 
#stred {
 border: 2px solid #F5930E;
 text-align: center;
 background: #fff;
} 
 
#leva h2, #prava h2 {
 border: 2px solid #F5930E;
 border-width: 0 0 2px 0;
} 
 
#leva h2 {
 text-align: right;
 padding: 0 15px 2px 0;
} 
 
#prava h2 {
 margin-top: 45px; 
 padding: 0 0 2px 7px;
}  

#leva p {
 text-align: right;
 padding-right: 15px;
 padding-top: 10px;
}

#prava p {
 text-align: left;
 padding-left: 15px;
 padding-top: 10px;
}


#leva A:link, #prava A:link {
 color: #F5930E; 
 text-decoration: underline;  
} 
 
#leva A:active, #leva A:hover, #prava A:active,  #prava A:hover {
  color: #fff; 
 text-decoration: underline; 
} 
 


 
/* Pole pro text */ 
#pole  {
 width: 570px;
 height: auto;
 padding: 0 0 20px 0;
 position: relative;
 left: 15px; 
 float: left; 
 color: #fff;
 font-size: 120%;
}

#pole p {
 margin: 5px 0 10px 0;
}

.kapelfoto {
 width: 240px;
 height: 200px;
 float: left;
 margin: 0 10px 5px 0;
 background: #fff;
}

.kapelfoto img {
 display: block;
 width: 220px;
 height: 180px;
 margin: 10px;
}
/* Konec pole pro text */ 


/* Paticka */
#footer {
 width: 600px;
 height: auto; 
 position: relative;
 top: -1px;
 margin: 0 auto 200px auto;
 padding: 0 0 20px 0;
 text-align: right;
 font-size: 100%;
 color: #9D9D9D;
}

#footer p {
 margin:  0 0;
 padding: 0 0 0 0;
}

#footer A:link {
 color: #E2F3FC; 
 text-decoration: underline; 
} 

#footer A:visited {
 color: #E2F3FC; 
 text-decoration: underline; 
} 

#footer A:active, #footer A:hover {
 color: #fff; 
 text-decoration: underline; 
} 
/* Konec Paticka */