html,body {
	height: 100%;
}


p, img, h1, h2, h3, h4, form, ul, li {margin: 0; padding: 0; border: none;}
.clear {clear: both;}
.float_left {float: left;}
.float_right {float: right;}
.hide {visibility: hidden;}


body {
    background: #ffffff;
    margin: 0 auto;
    font-size: 90%;
    font-family: Arial;
    color: #035988;
}

a {color: #08A6E7; }
a:hover {color: #002053; text-decoration: none;}

h2 {text-decoration: underline; margin: 0 0 25px 0;}
h2 a {color: #ffffff;}
h5 {font-weight: bold; font-size: 95%; /*font-style: italic;*/ padding: 0; margin: 15px 0 10px 0; border-bottom: 1px dashed #ffffff; display: block; }



#logo {background: url(_clip/logo.jpg) 0 0 no-repeat; width: 900px; height: 102px; margin: 0 auto;}
#foot {width: 900px; margin: 15px auto;}
#foot p {font-size: 70%; padding: 0 10px 0 10px; }


#hp {margin: 0 auto; width: 900px; position: relative;}

#sub {margin: 0 auto; width: 900px; position: relative;}

#sub #selector {position: absolute; right: 50px; top: 30px;}
#sub #selector select {color: #035988; background: #EFF6FF; border: 1px solid #035988; font-weight: bold; font-size: 70%; height: 25px; padding: 3px; }

#sub .logo-dotace {position: absolute; right: 50px; top: 130px; font-size: 70%; text-align: right;}

#sub .obsah {width: 610px; float: right; margin: 0; padding: 20px 50px 20px 50px; font-size: 90%; letter-spacing: 1px; }

#sub .obsah a:hover {color: #ffffff; text-decoration: underline;}
#sub .obsah hr {margin: 0 0 50px 0;}
#sub .obsah p {padding: 5px 0 10px 0; text-align: justify;  }
#sub .obsah p.konec {padding: 5px 0 100px 0;}

#sub .obsah ul {float: none; list-style: square; margin: 5px 20px 5px 20px;  }
#sub .obsah ul li { padding: 3px;}
#sub .obsah p.pata {padding: 0; margin: 25px 0 0 0;  font-size: 80%;}
#sub .obsah p.pata a {color: #ffffff;}
#sub .obsah p.pata a:hover {color: #08A6E7;}

#sub .obsah .foto img {margin: 15px;}
#sub .obsah .foto a img {border: 4px solid #ffffff;}
#sub .obsah .foto a:hover img {border: 4px solid #002053;}

.bg01 {background: #7EB6CD url(_clip/bg-01.jpg) 0 0 no-repeat;  color: #ffffff;}
.bg02 {background: #7EB6CD url(_clip/bg-02.jpg) 0 0 no-repeat;  color: #ffffff;}
.bg03 {background: #035988 url(_clip/bg-03.jpg) 0 0 no-repeat;  color: #ffffff;}
.bg04 {background: #7EB6CD url(_clip/bg-04.jpg) 0 0 no-repeat; color: #035988;}
.bg04 h5 {border-bottom: 1px dashed #035988;}
.bg06 {background: #002657 url(_clip/bg-06.jpg) 0 0 no-repeat;  color: #ffffff;}

table {background: #EFF6FF;  }
th, td {border: 1px solid #035988; text-align: left; padding: 3px;}
td {background: #DFECFD;}

table.kontakt {background: none; margin: 10px 20px 5px 0; /*width: 470px; border: 1px solid #E0EBFF;*/}
.kontakt th, .kontakt td  { padding: 3px 20px 3px 5px; background: none; /*color: #002053;*/}
.kontakt th {font-weight: bold; color: #002053; border: 1px solid #6897B3; background: #6897B3; }
.kontakt td {border: 1px solid #426A8E;}

/* HP - MENU*/

#hp ul {list-style: none; width: 900px; height: 598px; background: url(_clip/hp.jpg) 0 0 no-repeat; margin: 0 auto;}
#hp ul li, #hp ul li a:hover, #hp ul li #active {}
#hp ul li a:hover, #hp ul li #active span {}

#hp ul li {}
#hp ul li span {position: absolute; display: block;}
#hp ul li a:hover {cursor: pointer;}

#hp ul li.btn_01, #hp ul li.btn_01 span {width: 260px; height: 98px;}
#hp ul li.btn_02, #hp ul li.btn_02 span {width: 259px; height: 99px; left: 131px; top: 100px;}
#hp ul li.btn_03, #hp ul li.btn_03 span {width: 259px; height: 97px; left: 261px; top: 201px;}
#hp ul li.btn_04, #hp ul li.btn_04 span {width: 259px; height: 98px; left: 391px; top: 300px;}
#hp ul li.btn_05, #hp ul li.btn_05 span {width: 259px; height: 98px; left: 521px; top: 400px;}
#hp ul li.btn_06, #hp ul li.btn_06 span {width: 249px; height: 98px; left: 651px; top: 500px;}

#hp ul li.btn_01 a:hover span, #hp ul li#active.btn_01 span {background: url(_clip/hp-onas.jpg) 0 0 no-repeat;}
#hp ul li.btn_02 a:hover span, #hp ul li#active.btn_02 span {background: url(_clip/hp-moznosti.jpg) 0 0 no-repeat;}
#hp ul li.btn_03 a:hover span, #hp ul li#active.btn_03 span {background: url(_clip/hp-uloha.jpg) 0 0 no-repeat;}
#hp ul li.btn_04 a:hover span, #hp ul li#active.btn_04 span {background: url(_clip/hp-reference.jpg) 0 0 no-repeat;}
#hp ul li.btn_05 a:hover span, #hp ul li#active.btn_05 span {background: url(_clip/hp-poptavka.jpg) 0 0 no-repeat;}
#hp ul li.btn_06 a:hover span, #hp ul li#active.btn_06 span {background: url(_clip/hp-kontakt.jpg) 0 0 no-repeat;}


/* SUB - MENU*/

#sub ul.menu {list-style: none; width: 190px; height: 600px; float: left; }
#sub ul.menu li, #hp ul.menu li a:hover, #hp ul.menu li #active {}
#sub ul.menu li a:hover, #hp ul.menu li #active span {}

#sub ul.menu li {}
#sub ul.menu li span {display: block;}
#sub ul.menu li a:hover {cursor: pointer;}

#sub ul.menu li.btn01, #sub ul.menu li.btn01 span {background: url(_clip/sub-onas-off.jpg) 0 0 no-repeat;width: 190px; height: 100px; }
#sub ul.menu li.btn02, #sub ul.menu li.btn02 span {background: url(_clip/sub-moznosti-off.jpg) 0 0 no-repeat; width: 190px; height: 101px;}
#sub ul.menu li.btn03, #sub ul.menu li.btn03 span {background: url(_clip/sub-uloha-off.jpg) 0 0 no-repeat;width: 190px; height: 99px; }
#sub ul.menu li.btn04, #sub ul.menu li.btn04 span {background: url(_clip/sub-reference-off.jpg) 0 0 no-repeat;width: 190px; height: 100px;}
#sub ul.menu li.btn05, #sub ul.menu li.btn05 span {background: url(_clip/sub-poptavka-off.jpg) 0 0 no-repeat;width: 190px; height: 100px;}
#sub ul.menu li.btn06, #sub ul.menu li.btn06 span {background: url(_clip/sub-kontakt-off.jpg) 0 0 no-repeat;width: 190px; height: 100px;}

#sub ul.menu li.btn01 a:hover span, #sub ul.menu li#activ.btn01 span {background: url(_clip/sub-onas-on.jpg) 0 0 no-repeat;}
#sub ul.menu li.btn02 a:hover span, #sub ul.menu li#activ.btn02 span {background: url(_clip/sub-moznosti-on.jpg) 0 0 no-repeat;}
#sub ul.menu li.btn03 a:hover span, #sub ul.menu li#activ.btn03 span {background: url(_clip/sub-uloha-on.jpg) 0 0 no-repeat;}
#sub ul.menu li.btn04 a:hover span, #sub ul.menu li#activ.btn04 span {background: url(_clip/sub-reference-on.jpg) 0 0 no-repeat;}
#sub ul.menu li.btn05 a:hover span, #sub ul.menu li#activ.btn05 span {background: url(_clip/sub-poptavka-on.jpg) 0 0 no-repeat;}
#sub ul.menu li.btn06 a:hover span, #sub ul.menu li#activ.btn06 span {background: url(_clip/sub-kontakt-on.jpg) 0 0 no-repeat;}