/* CSS Document */
html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}


body {
    background: #bfbfbf;
    font-family: Tahoma;
    text-align: center;
    color: white;
    font-size:small;
    margin: 0px;
    padding: 0px;
    border: 0px;
    
          
     }
#all_up {
    width: 100%;
    text-align: center;
    background-image: URL('../images/up.jpg');
    background-repeat: repeat-x; 
}
#up {
    width: 980px;
    height: 290px;
    margin: auto;
    background-color: blue;

}
#all_middle {

    width: 100%;
    text-align: left;
    background-color: white; 
    background-image: URL('../images/middle.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}


#middle {
    width: 980px;
    margin: auto;
    background-image: URL('../images/bg.jpg');
    background-repeat: repeat-y;

}
#middle_end {
    clear: both;

}

#all_botton {
    width: 100%;
    text-align: center;
    background-image: URL('../images/paticka2.jpg');
    background-repeat: repeat-x;
}


#botton {
    width: 980px;
    margin: auto;
    background-color: red;

}



#main {
    width: 980px;   
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-image: URL('../images/bg.jpg');
    background-repeat: repeat-y;
}
#hlavicka-null {
    width: 100%;
    padding: 0;
    border: 0;     
}
#hlavicka {
    height: 227px;
    padding: 0px;
    border: 0px;
    background-image: URL('../images/hlavicka.jpg');
    background-repeat: no-repeat; 
    background-color: black;
    color: white;
    text-align: right;
    
}
#nemu-null {
    width: 100%;
    padding: 0;
    border: 0;
         
}
#menu {
    padding: 0px;
    background: #3567cc;
}

#menu a:link {
	color: #3567cc;
	text-decoration: none;
	}
#menu a:visited {
	color: #3567cc;
	text-decoration: none;
	}
#menu a:hover, a:active {
	color: white;
	text-decoration: none;
	}
#menu_1-null {
    width: 223px;
    float: left;
    padding: 0;
    border: 0;
}
#menu_1 {
    height: 68px; 
    padding: 0px;
    border: 0px;
    background-image: URL('../images/menu_up_00.jpg');
    background-repeat: no-repeat;
}

#menu_2-null {
    width: 153px;
    float: left;
    padding: 0;
    border: 0;
}
#menu_2 {
    height: 68px; 
    padding: 0px;
    border: 0px; 
    background-image: URL('../images/menu_up_01.jpg');
    background-repeat: no-repeat;
}
#menu_2:hover {
    background-image: URL('../images/menu_up_01_H.jpg');
    background-repeat: no-repeat; 
}
#menu_3-null {
    width: 151px;
    float: left;
    padding: 0;
    border: 0;
}
#menu_3 {
    height: 68px; 
    padding: 0px;
    border: 0px; 
    background-image: URL('../images/menu_up_02.jpg');
    background-repeat: no-repeat;
}
#menu_3:hover {
    background-image: URL('../images/menu_up_02_H.jpg');
    background-repeat: no-repeat; 
}
#menu_4-null {
    width: 151px;
    float: left;
    padding: 0;
    border: 0;
}
#menu_4 {
    height: 68px; 
    padding: 0px;
    border: 0px; 
    background-image: URL('../images/menu_up_02.jpg');
    background-repeat: no-repeat;
}
#menu_4:hover {
    background-image: URL('../images/menu_up_02_H.jpg');
    background-repeat: no-repeat; 
}
#menu_5-null {
    width: 151px;
    float: left;
    padding: 0;
    border: 0;
}
#menu_5 {
    height: 68px; 
    padding: 0px;
    border: 0px; 
    background-image: URL('../images/menu_up_02.jpg');
    background-repeat: no-repeat;
}
#menu_5:hover {
    background-image: URL('../images/menu_up_02_H.jpg');
    background-repeat: no-repeat; 
}
#menu_6-null {
    width: 151px;
    float: left;
    padding: 0;
    border: 0;
}
#menu_6 {
    height: 68px; 
    padding: 0px;
    border: 0px; 
    background-image: URL('../images/menu_up_02.jpg');
    background-repeat: no-repeat;
}
#menu_6:hover {
    background-image: URL('../images/menu_up_02_H.jpg');
    background-repeat: no-repeat; 
}
#vpravo-null {
    width: 756px;
    float: right;
    padding: 0;
    border: 0;     
}
#vpravo {
    min-height: 600px;
    padding: 10px 60px 10px 60px;
    border-style: solid; 
    border-color: white; 
    border-width: 0px 1px 0px 1px;
    background: #3366cc;
    color: white;
    text-align: justify;
    /*font-size: 11pt;*/
}

#vpravo-pruh {
    height: 13px;
    padding: 10px;
    border-style: solid; 
    border-color: white; 
    border-width: 6px 1px 0px 1px;
    background: #2952a3;
    font-size:x-small;
}
#vlevo-null {
    width: 224px;
    float: left;
    padding: 0;
    border: 0;     
}
#vlevo-pruh {
    height: 33px;
    padding: 0px;
    border-style: solid; 
    border-color: white; 
    border-width: 6px 0px 0px 1px;
    background-image: URL('../images/levy_pruh.jpg');
    background-repeat: no-repeat;
    background-position: right bottom;
}
#vlevo {
    padding: 0px;
    border-style: solid; 
    border-color: white; 
    border-width: 0px 0px 0px 1px;
    background: #0c3079;
}
#paticka-null {
    clear: both;
    width: 100%;
    padding: 0;
    border: 0;     
}
#paticka {
    height: 68px;
    padding: 0px;
    border-style: solid; 
    border-color: white; 
    border-width: 1px 0px 0px 0px;
    background-image: URL('../images/paticka.jpg');
    background-repeat: no-repeat; 
    background-color: black;
    color: white;
    text-align: center;
}
hr { 
    display: none
}

.menu-text {
    height: 100%;
    padding: 20px 0px 0px 0px;
    text-align: center;
    color: #2176d1;
}
.menu-text:hover {
    color: white;
}

.hlavicka-text {
    padding: 5px 5px 0px 0px;
    text-align: right;
    font-size: 8pt;
    color: white;
}

.paticka-text {
    padding:25px 0px 0px 0px;
    text-align: center;
    font-size: 8pt;
    color: white;
}

.leve-menu {
    width: 100%;
    height: 53px;
    background-image: URL('../images/button_left.jpg');
    background-repeat: no-repeat;
    text-align: center;
    font-size: 11pt;
    color: white;
    cursor:hand;
}

.leve-menu:hover {
    color: #6792e7;
}
.leve-menu-text{
    padding:5px 20px 0px 20px;
}

.leve-menu2 {
    width: 100%;
    height: 30px;
    background-image: URL('../images/button_left.jpg');
    background-repeat: no-repeat;
    text-align: center;
    font-size: 11pt;
    color: white;
}

.leve-menu2:hover {
    color: #6792e7;
}
.leve-menu-text2{
    padding:5px 20px 0px 20px;
}


h1{
    color: white;
    font-size: 13pt;
}

h2{
    color: #003366;
    font-size: 12pt;
}

h3{
    color: #55bbff;
    font-size: 12pt;
}

h4{
    color: #BAC8FF;
    font-size: 12pt;
}

ul#hlavniMenu {
    width: 100%;
    /*width:224px; /* sirka prvniho menu*/

}

ul#hlavniMenu, ul
{
    padding:0;
    margin:0;
    list-style-type:none;
}

ul#hlavniMenu ul
{
    position:absolute;
    top:0;
    left:224px; /* sirka prvniho menu - zacatek druheho*/
    visibility:hidden;
    border-style: solid; 
    border-color: white;
    border-width: 1px 1px 1px 0px;
}

ul#hlavniMenu li
{
position:relative;
width:222px; /* sirka druheho menu*/

}

ul#hlavniMenu a
{
  display:block;
  width:100%;
  text-decoration:none;

}

/*
ul#hlavniMenu a:hover, ul#hlavniMenu li:hover a, ul#hlavniMenu li.hover a
{
background-color:white;
color:white;
}

ul#hlavniMenu li:hover ul a, ul#hlavniMenu li.hover ul a
{
background-color: green;
color:black;
}

ul#hlavniMenu li:hover ul a:hover, ul#hlavniMenu li.hover ul a:hover
{
background-color:black;
color:white;
}
*/
ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul
{
visibility:visible;
}

ul#hlavniMenu li li
{
border:none;
padding:0;
background-color:white;
}

ul#hlavniMenu li
{
behavior: url(hover.htc);
} 

#vpravo a:link {
	color: white;
	text-decoration: underline;
	}
#vpravo a:visited {
	color: white;
	text-decoration: underline;
	}
#vpravo a:hover, a:active {
	color: #55bbff;
	text-decoration: underline;
	}
	
#hlavicka a:link, a:visited  {
	color: white;
	text-decoration: none;
	}

#hlavicka a:hover, a:active {
	color: #55bbff;
	text-decoration: unone;
	}
	
#vpravo-pruh a:link, a:visited  {
	color: white;
	text-decoration: underline;
	}

#vpravo-pruh a:hover, a:active {
	color: #55bbff;
	text-decoration: underline;
	}

ul
{
    list-style-type:circle;
    padding: 0 0 0 20px;
}