body {
font-family: VERDANA, SANS-SERIF, ARIAL, ARIAL CE, HELVETICA, HELV ;
font-size: 80%;
text-align: center; 
color: #ffffff;

list-style-type: lower-roman;
list-style-position: inside;

scrollbar-face-color: #005056;
scrollbar-arrow-color: white;
scrollbar-3dlight-color: #005056;
scrollbar-highligt-color: #005056;
scrollbar-shadow-color: #005056;
scrollbar-darkshadow-color: #005056;
scorllbar-track-color: #005056; 
}


#main {
     width: 760px;   
     margin: 0 auto;
     text-align: left;
	 background: transparent url("grafika/pruhy.jpg") no-repeat 0 106px;		 /*  */	
}
#hlavicka-null {
     width: 100%;
     padding: 0;
     border: 0
}
#hlavicka {
     
     background-color: transparent;
     
}
#vpravo-null {
     width: 550px;
     float: right;
     padding: 0;
     border: 0;
     margin-top: 0px;
     background-color: #ffffff;
#right-column1 {
         BACKGROUND-COLOR: transparent;
         width: 230px;
         float: right;
    } 
         #left-column1 {
         BACKGROUND-COLOR: transparent;
         float: left;
         width: auto;
	 text-align: left; 
    } 
}
#vpravo {
     padding: 0px;

  	
}
#vlevo-null {
     width: 169px;
     float: left;
     padding: 0;
     border: 0;
     background-color: transparent;
}
#vlevo {
     padding-left: 0px;
     padding-top: 0px;
	 height: 300px;

     
}
#paticka-null {
     clear: both;
     width: 100%;
     padding: 0;
     border: 0
}
#paticka {
     padding: 10px;
     text-align: 
     background: #transparent;

}
hr { 
     display: none
}






























BODY {
 
font-family: VERDANA, SANS-SERIF, ARIAL, ARIAL CE, HELVETICA, HELV ;
font-size: 80%;
text-align: center; 
color: #000066;

list-style-type: lower-roman;
list-style-position: inside;
background: #000000  url("grafika/back.gif");
background-repeat: no-repeat;
background-position:center top;
padding: 0px;
margin:  0px;  



scrollbar-face-color: #005056;
scrollbar-arrow-color: white;
scrollbar-3dlight-color: #005056;
scrollbar-highligt-color: #005056;
scrollbar-shadow-color: #005056;
scrollbar-darkshadow-color: #005056;
scorllbar-track-color: #005056; 
}

}

A:link {color: #000066;}
A:visited {color: #000066;}
A:active {color: #000066;}
A:hover {color: red;} 

H1 {font-size: 11pt; font-family: verdana, sans-serif; COLOR: #005056; text-align: left; margin-top: -6px; padding-left: 2em;}
H2 {font-size: 10pt; font-family: verdana, sans-serif; COLOR: #005056; text-align: left;  margin-top: 20px; padding-left: 2em;}
H3 {font-size: 9pt; font-family: verdana, sans-serif; COLOR: #005056; text-align: left; font-weight: normal;  padding-left: 2em;}

P {BACKGROUND: transparent; COLOR: black; font-size: 9pt; font-family: verdana, sans-serif; padding-left: 2em; text-align: justify;}

.uvodni {BACKGROUND: transparent; COLOR: black; font-size: 9pt; font-family: verdana, sans-serif; padding-left: 2em; text-align: justify; width: 450px;}
.dlouhy {BACKGROUND: transparent; COLOR: black; font-size: 9pt; font-family: verdana, sans-serif; padding-bottom: 2em; text-align: justify; width: 560px;}

UL {BACKGROUND: transparent; COLOR: #000066; font-size: 9pt; font-family: verdana, sans-serif; text-align: left;list-style-type: none;  margin-left: -16;}
UL LI A { TEXT-DECORATION: none; }


address {
  font-size: xx-small; 
  font-style: normal; 
  text-align: center;
  color: #324676;
}
address A:hover {color: #324676; font-weight: normal;
}



#menu UL LI a:hover { background: #005056; 
}

#menu {
  background: transparent; HEIGHT: 83px;
}

#menu UL LI A { background: transparent; display: block; 
}
#menu UL {
  margin: 0px; list-style-type: none; height: 21px; WIDTH: 100%;  
}
#menu UL LI {
	DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; HEIGHT: 21px; TEXT-DECORATION: none; PADDING-TOP: 12px;
}
                                   /*url("tlac.jpg") tohle patri do radku podtim do background*/
#menu UL LI {
  background: #ffffff; float: left; list-style-type: none;
}
#menu UL LI SPAN {
	PADDING-RIGHT: 0px;  DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 4px; TEXT-ALIGN: center; 
}

#menu UL LI.hlavni01 {
	WIDTH: 128px;
        background: transparent;
	}
#menu UL LI.hlavni02 {
	WIDTH: 126px;
        background: transparent;
	}
UL#navigation_bottom {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: transparent;
}
UL#navigation_bottom LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
UL#navigation_bottom A {
	
}
UL#navigation_bottom A:hover {
	
}



#menu2 UL LI A {                              
 background: #228791 url("grafika/odrazka_ctverecky.gif") no-repeat; display: block; font-weight: bold; font-size: 12px; color: #ffffff; height: 25px; 
 TEXT-DECORATION: none; width: 167px; height: 29px; padding-top: 6px;
}

#menu2 UL LI a:hover { 
background: #6bcad9 url("grafika/odrazka_ctverecky2.gif") no-repeat;  display: block; font-weight: bold; font-size: 12px; color: #005056; height: 25px; 
TEXT-DECORATION: none; width: 167px; height: 29px; padding-top: 6px;          
}

/* rozdeleni praveho sloupce */
#obal { width: 587px;
  text-align: left; 
  padding-top: 2em;
  background: #ffffff url("grafika/podklad.jpg") no-repeat 25 0px;
  height: 318px;
}

/* stejna delka sloupcu */
#box { float:left; width:760px; background: transparent  top left repeat-y;}
#box-menu { float:left; width:169px;  }
#box-data {  float:right; width:500px; }


.obrazky {
  margin-top: 25px;
  margin-left: 12px;
  border: 3px solid #005056;
  width: 117px;
  height: 78px; 
}

.navlist 
{ 
margin-left: 0; 
padding-left: 0; 
list-style: none; 
} 

.navlist li
{ 
text-decoration: none;
padding-left: 10px; 
background: url("grafika/odrazka.gif") no-repeat 0 4px; 
color:#000000; 
} 

.navlist2 
{ 
margin-top: -243; 
margin-left: 204; 
padding-left: 0; 
list-style: none; 
} 

.navlist2 li 
{ 
padding-left: 10px; 
background: url("grafika/odrazka.gif") no-repeat 0 4px; 
color:#000000; 
} 

.navlist3 
{ 
text-decoration: none;
margin-top: -450; 
margin-left: 204; 
padding-left: 0; 
list-style: none; 
} 

.navlist3 li 
{ 
text-decoration: none;
padding-left: 10px; 
background: url("grafika/odrazka.gif") no-repeat 0 4px; 
color:#000000; 
} 
.navlist4 
{ 
text-decoration: none;
margin-top: -5460; 
margin-left: 204; 
padding-left: 0; 
list-style: none; 
} 

.navlist4 li 
{ 
text-decoration: none;
padding-left: 10px; 
background: url("grafika/odrazka.gif") no-repeat 0 4px; 
color:#000000; 
} 

.

.kontakt 
{ 
margin-top: -165; 
margin-left: 185; 
padding-left: 0; 
list-style: none; 
} 

.kontakt
{ 
float-left;
color:#000000; 
} 
	
 /* hlavicka */
.top {
height: 107px;
background: transparent	 url("grafika/ban_vip.jpg");
background-repeat: no-repeat;
} 

 /* zastrešující box pro hlavicku, levý a pravý sloupec, paticku */
.column {
width: 760px;
margin-top: 0px; 
height: 300px;
} 

 /* pravý sloupec */
.right-column {
float: right;
width: 550px;
height: 415px;
background: transparent;
margin-top: 0px;
       .column1 {
        width: 550px;
  }        
         .right-column1 {
         BACKGROUND-COLOR: transparent;
         width: 150px;
         float: right;
       
    } 
         .left-column1 {
         margin-left: 40; 
         BACKGROUND-COLOR: transparent;
         float: left;
         width: auto;
        
	 text-align: left; 
    } 

} 
 /* levý sloupec */
.left-column {
height: 300px;
background: transpaent;
margin-right: 535px;
} 

 /* paticka dokumentu */
.bottom {
height: 70px;
background: transparent;
clear: both;
padding: 4px;
width: 100%;
}