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: #000000; 
 margin: 0;
 text-align: center;
 background: url(gra/bg1.gif) 0% 0% repeat-x #E9F4FC; 
} 

form {
 width: 500px;
}

form fieldset {
 padding: 20px 0;
}

form fieldset legend {
 background-color: #A6B755;
 font-weight: bold;
 padding: 2px 10px;
 color: #ffffff;
}

form span {
 display: block;
 font-weight: bold;
 margin: 0 0 0 5px;
}

form input {
 margin: 2px 5px 2px 5px;
}

form select {
 margin: 2px 5px 2px 5px;
}

form textarea {
 color: #005898;
 width: 400px;
 height: 150px;
 margin: 20px 5px 5px 5px; 
}


.all {
 width: 760px;
 position: relative;
 top: 15px;
 margin: 0 auto;
 padding: 0;
 text-align: center;
 background: url(gra/bg3.gif) 0% 0% repeat-y #ffffff;    
}

.copy {
 width: 760px;
 position: relative;
 top: 15px;
 margin: 0 auto;
 padding: 0 0 100px 0;
 text-align: center;
 font-size: 89%;
}

hr {
 position: absolute;
 top: -12721px;
 width: 500px;
}

A.naho {
 padding: 0 16px 0 0;
 margin: 3px 3px 3px 0;
 font-weight: bold; 
}

A:link {
 color: #0075BB; 
 text-decoration: underline; 
 font-weight: normal;
} 
A:visited {
 color: #700280; 
 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;
} 

.pravak img {
 border: 1px solid #484F57;
}


a img {
 border: 1px solid #739AB7;
}


a:hover img {
 border: 1px solid #9DBC00;
}


h1 {
 width: auto;
 height: auto;
 border-style: none;
 padding: 0 5px 0 0;
 margin: 30px 0 0 15px;
 font: 239%; 
 font-weight: bold;
 color: #58A5D2;
} 

h1 span {
color: #FAA133;
}

h2 {
 width: auto;
 height: auto;
 border-style: none;
 padding: 2px 2px 2px 0;
 margin: 20px 0 5px 0;
 font-size: 120%; 
 font-weight: bold;
 font-style: italic; 
 color: #7B9500; 
} 

h2 span {
 color: #9DBC00; 
} 


h3 {
 width: auto;
 height: auto;
 border-style: none; 
 background: url(gra/podn2.jpg) 0% 0% no-repeat #ffffff;
 padding: 2px 5px 2px 0;
 margin: 20px 0 0 0;
 font-size: 100%; 
 font-weight: bold;
 color: #005898;  
} 

h4 {
 font-size: 110%; 
 margin: 10px 0 0 0;
 width: auto;
 color: #005898;
}


h4 span {
 color: #9DBC00; 
} 

h5 {
 font-size: 200%; 
 color: #ffffff; 
}


ul {
 padding: 0 5px 0 0;
 margin: 0 0 0 20px;
}

ul li {
 list-style-type: none;
} 


.podfoto {
 background: #ffffff;
 padding: 10px 0 10px 0;
 width: auto;
 height: 340px;
 margin: 0 auto;
 color: #273E56; 
}

.podfoto img {
 background: #ffffff;
 margin: 10px 10px 10px 10px;
}

.podfoto a img {
 border: 0;
}

.nahl {
 height: 58px; 
 border: 1px solid #AEC4D0;
 margin: 0 1px 1px 0;
} 

.nahlmenu {
 width: auto;
 height: auto;
 padding: 3px; 
 background: #D6F0FF;
 border: 1px solid #A6C0D3;
 border-width: 3px 0 0 0;
}

.nahlmenu a img {
 border: 0;
}

.patka {
 width: auto;
 height: auto;
 padding: 3px; 
 background: #E9F4FC;
 color: #78A8C5;
}

.patka a img {
 border: 0;
 position: relative;
 top: 3px;
 margin: 0 3px 0 0;
}


.kusa ul li {
 margin: 0 0 0 15px; 
 list-style: square outside url("gra/puntik2.gif");
 list-style-position: outside; 
 font-size: 100%; 
 font-weight: bold; 
}  

.kusa ul li A {
 font-weight: bold; 
} 

.kusa ul li ul {
 width: 360px;
 display: block;
 margin: 2px 0 5px 0; 
} 

.kusa ul li ul li {
 margin: 0 0 0 15px; 
 list-style: square outside url("gra/puntik.gif");
 list-style-position: outside; 
 font-size: 89%;
 color: #5A6067;
 font-weight: normal;  
} 


.topm A {
 text-decoration: none;
 font-weight: bold;
 margin: 0;
}

.topm A:link {
 color: #ffffff;
 text-decoration: none;  
}
.topm A:visited {
 color: #ffffff; 
 text-decoration: none; 
}
.topm A:active {
 color: #000000; 
 text-decoration: none; 
}
.topm A:hover {
 color: #000000; 
 text-decoration: none; 
}

.hlava {
 width: 760px;
 height: 130px;
 position: relative;
 top: 0px; 
 padding: 0;
 margin: 0 auto;
 background: url(gra/head.jpg) 0% 0% no-repeat; 
 text-align: left;
 } 

.hlava h2 {
 position:relative;
 top: 33px;
 left: 8px;
 width:162px;
 height:74px;
 margin: 0;
 padding: 0;
 overflow:hidden;
 color: #003BA8;
 font-size: 280%;
 font-weight: bold;
 font-style: italic;
 text-decoration: none;
}

.hlava h2 span {
 display:block;
 position:absolute; left:0; top:0; z-index:1;
 width:162px;
 height:74px;
 margin:0;
 padding:0;
 background:url("gra/logo_ash721.gif") 0% 0% no-repeat;
 cursor: pointer;
}


.hlava h2 A:link {
 color: #003BA8; 
 text-decoration: none; 
 font-weight: bold; 
} 

.hlava h2 A:visited {
 color: #003BA8; 
 text-decoration: none; 
 font-weight: bold; 
} 

.hlava h2 A:active {
 color: #003BA8; 
 text-decoration: none; 
 font-weight: bold; 
}
 
.hlava h2 A:hover {
 color: #003BA8;
 text-decoration: none; 
 font-weight: bold; 
} 

.hlava h2 strong {
 color: #8BB800;
}




.hlava div {
 float: right;
 margin: 12px 5px 0 0;
 color: #ffffff;
 font-weight: bold;
}


.menu {
 width: 760px;
 min-height: 10px;
 position: relative;
 top: 0px; 
 height: auto;
 padding: 0;
 margin: 0 auto;
 font-size: 91%;
 background:url("gra/menu7.gif") 0% 0% repeat-x; 
 border: 1px solid #A0CCEF;
 border-width: 1px 0 0 0;
} 

.menu A {
 font-size: 110%;
 margin : 0; 
 padding: 0; 0;  
 font-weight: bold;
 font-style: oblique; 
 display: block;
 width: 116px;
 height: 46px;
 float: left;
 border: 1px solid #96C6ED;
 border-width: 0 1px 0 1px;
 border-left-color: #E4EFFA;  
 text-align :center; 
}

.menu A span {
 font-size: 100%;
 color: #000000; 
 text-decoration: none; 
 margin: 0; 
 padding: 0;
 font-weight: bold;
 display: block;
 width: 116px;
 height: 46px;
 float: left;
 background: url(gra/menuhover7.gif) 0% 0% repeat-x #FFB775;
 border: 0px solid #242424;
 border-width: 0;
 cursor: pointer;   
} 

.menu A img {
 display: block;
 width: 16px;
 height: 16px;
 border: 0;
 margin: 5px 50px;
}




.menu A:hover img {
 display: block;
 border: 0;
}

.menu A:link {
 color: #2287C3; 
 text-decoration: none; 
 background:url("gra/menuhover.gif") 100% 100% repeat-x;
 font-weight: bold; 
} 

.menu A:visited {
 color: #2287C3; 
 text-decoration: none; 
 background:url("gra/menuhover.gif") 100% 100% repeat-x;
 font-weight: bold; 
} 

.menu A:active {
 color: #032876; 
 text-decoration: none; 
 background-color: #FFE4D2; 
 background:url("gra/menuhover.gif") 0% 0% repeat-x;
 font-weight: bold; 
}
 
.menu A:hover {
 color: #032876;
 text-decoration: none; 
 background-color: #FFE4D2; 
 background:url("gra/menuhover.gif") 0% 0% repeat-x;
 font-weight: bold; 
} 


.mozi {
 width: auto;
 height: 9px;
 clear: left;
 font-size: 0;
 margin: 0;
 padding: 0;
 background: url(gra/domozi.jpg) 0% 0% repeat-y #95C2E1; 
 border: 1px solid #75A3C8;
 border-width: 1px 0 0 0; 
} 



.mozi2 {
 width: auto;
 height: 95px;
 clear: both;
 font-size: 0px;
 background: url(gra/pata.gif) 0% 0% no-repeat; 
} 


.obsah {
 width: 760px;
 height: auto;
 position: relative;
 top: 0px; 
 padding: 0;
 margin: 0 auto;
 border: 0 solid #E4EBEF;
 text-align: left;
 background: url(gra/bg3.gif) 0% 0% repeat-y #ffffff;    
} 
 
.pole {
 width: 583px;
 height: auto;
 border-style: none; 
 padding: 15px 0 0 0;
 margin: 0 0 0 7px;
 float: right;
 position: relative;
 left: 10px;
}

.pole p {
 display: block;
 width: 500px;
 margin: 0 0 0 20px;
}

.pole2 {
 width: 583px;
 height: auto;
 border-style: none; 
 padding: 15px 0 0 0;
 margin: 0 0 0 7px;
 float: right;
 position: relative;
 left: 10px;
}

.pole2 p {
 display: block;
 width: 500px;
 margin: 0 0 0 20px;
 text-align: justify;
}
 
.navi {
 width: 531px;
 border: 1px dashed #CBD2DA;
 border-width: 1px 0 0 0;
 padding: 15px 0 0 0;
 margin: 0 0 0 15px;
}

.navi span {
 display: block
 width: auto; 
 height: auto;
 padding: 1px 2px;
 margin: 0 5px 0 0; 
 float: left;
 font-weight: bold;
 border: 1px solid #8097AE;
 border-top-color:  #A0CCEF;
 border-left-color:  #BCDBF3; 
 background: #FFE5BC;
}

.navi a {
 display: block
 width: auto; 
 height: auto;
 padding: 1px 2px;
 margin: 0 5px 0 0;  
 float: left;
 font-weight: bold;
 border: 1px solid #8097AE;
 border-top-color:  #A0CCEF;
 border-left-color:  #BCDBF3; 
 background: url(gra/podnavi.gif) 0% 0% repeat-x #D6E9F7;
}

.navi A:link {
 color: #2287C3; 
 text-decoration: none;
 font-weight: bold; 
} 

.navi A:visited {
 color: #2287C3; 
 text-decoration: none; 
 font-weight: bold;  
} 

.navi A:active {
 color: #000000; 
 text-decoration: none; 
 font-weight: bold; 
 background: url(gra/podnavi.gif) 100% 100% repeat-x #D6E9F7;  
}
 
.navi A:hover {
 color: #000000;
 text-decoration: none; 
 font-weight: bold;  
 background: url(gra/podnavi.gif) 100% 100% repeat-x #D6E9F7;
}


 
.pole2 {
 height: auto;
 border-style: none; 
 padding: 0;
 margin: 0;

 } 

.kusa {
 padding: 8px;
 margin: 0 0 10px 6px;
} 

.kusa2 {
 padding: 8px;
 margin: 0 0 10px 6px;
} 

.tape {
 width: 500px;
 height: 120px;
 margin: 5px;
 clear: left;
 color: #445864;
}

.tape img {
 float: left;
 margin: 5px 5px 0 5px;
 border: 0; 
}

.tape div {
 width: 230px;
 float: left;
 margin: 5px;
 padding: 5px;
 display: block;
}

.tape div img {
 width: 16px;
 height: 16px;
 margin: 0 3px 0 0;
 float: none;
 border: 0;
}

.tape div hover:img {
 border: 0;
}

.tape div strong {
 color: #003C77;
 font-size: 120%;
}

.tape div strong span {
 color: #96C0E7;
 float: none;
 display: inline;
}

.tape div A {
 width: auto;
 display: block;
 padding: 1px 3px;
 font-weight: bold;
 margin: 5px 7px 0 0;
 float: left;
 border: 1px solid #A5CAEB; 
} 

.tape div A:link {
 color: #3487D1; 
 text-decoration: none; 
 font-weight: bold;
 background-color: #EBF5FE;  
} 
.tape div A:visited {
 color: #3487D1; 
 text-decoration: none; 
 font-weight: bold;
 background-color: #EBF5FE;  
}
.tape div A:active {
 color: #003C77; 
 text-decoration: none; 
 font-weight: bold;
 background-color: #BDD8F0;  
} 
.tape div A:hover {
 color: #003C77; 
 text-decoration: none; 
 font-weight: bold;
 background-color: #BDD8F0; 
} 


.stred {
 width: 400px;
 float: left;
}


.pravak {
 width: auto;
 float: right;
 margin: 0;
 padding: 0 16px 0 16px;
 color: #5A6067;
 font-size: 89%;
 border: 1px solid #C5E0F3;
 border-width: 0 0 0 1px;
}

.pravak p {
 width: 136px;
 display: block;
 padding: 2px 2px 4px 3px;
 margin: 0 0 10px 0;
 background: url(gra/bg4.gif) 0% 100% no-repeat;  
}

.pravak h4 {
 color: #005898;
 margin: 0 0 20px 0;
}

.nabi {
 width: 380px;
}

.nabi2 {
 width: 200px;
}

.nabi ul {
 display: block;
 width: 380px;
 padding: 0;
 margin: 0;
 float: left;
}

.nabi ul li {
 padding: 0 0 3px 0%
 display: block; 
 width: 190px;
 height: 70px;
 font-weight: bold;
 float: left;
 }

.nabi ul li img {
 position: relative;
 top: 3px;
 float: left;
 margin: 0 4px 0 0; 
 }

.nabi ul li A strong {
 display: block;
 text-decoration: underline;
 }

.nabi ul li span {
 display: block;
 padding: 0 0 0 20px;
 font-size: 89%;
 }

.nabi ul li A:link  span {
 color: #5A6067;
 text-decoration: none; 
}

.nabi ul li A:visited span {
 color: #5A6067;
 text-decoration: none; 
}

.nabi ul li A:active  span {
 color: #032876;
 text-decoration: none; 
 }

.nabi ul li A:hover  span{
 color: #032876;
 text-decoration: none; 
 }

.kusa p {
 width: 460px;
 margin: 0;
 padding: 5px 0 0 0;
 clear: left;
 color: #353A40;
 background: url(gra/bg4.gif) 0% 0% no-repeat;  
}

.stred p {
 width: 380px;
 margin: 0;
 padding: 0;
}

.kusa p img {
 float: left;
 margin: 0 10px 20px 0;
}

.kus2 {
 padding: 15px;
 margin: 0 0 10px 10px;
} 

.ikonall {
 width: auto;
 height: auto;
 margin: 10px 0; 
}

.ikoblok {
 width: 240px;
 padding: 5px;
 background-color: #EBF5FE;
}

.ikoblok img {
 width: 16px;
 height: 16px;
 margin: 2px 2px 2px 2px;
}


.side {
 width: 150px;
 height: auto;
 float: right;
 margin: 15px 0 0 6px;
 padding: 0 1px 50px 0;
} 

.side h4 {
 width: 142px;
 font-size: 100%; 
 color: #FFFFFF;
 margin: 20px 0 0 0;
 padding: 2px 0; 
 background: url(gra/podn.jpg) 0% 0% no-repeat #95BBDF; 
 text-indent: 6px;  
}

.side ul {
 width: auto;
 height:  auto;
 margin: 0;
 padding: 0;
} 

.side ul li {
 width: auto;
 height:  auto;
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: left; 
}

.side ul li A {                
 padding: 1px 0;
 margin: 0 1px; 
 display: block;
 width: 142px;
 height: auto;
 border: 1px solid #C5E0F3;
 border-width: 0 0 1px 0;
 text-indent: 3px;
}

.side ul li A:link {                 
 text-decoration: none;
 background: url(gra/left.gif) 0% 0% repeat-y #EEF6FD;
 color: #0075BB;
 font-weight: bold;
 }

.side ul li A:visited {                 
 text-decoration:  none;
 background: url(gra/left.gif) 0% 0% repeat-y #EEF6FD;
 color: #0075BB;
 font-weight: bold;
}

.side ul li A:active {                 
 text-decoration: none;
 background: url(gra/left.gif) 100% 100% repeat-y #ADD3F5;
 color: #000000;
 font-weight: bold;
}

.side ul li A:hover {                 
 text-decoration: none;
 background: url(gra/left.gif) 100% 100% repeat-y #ADD3F5;
 color: #000000;
 font-weight: boldl;
}

.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: 0 5px 0 0;
 padding: 0;
}

.side p img {                 
 margin: 5px 4px 0 4px;
 width: 140px;
 height: 80px;
}

.pravak h4 {
 color: #005898;
 margin: 0 0 20px 0;
}



.obra {
 width: 100px; 
 height: 58px; 
 border-style: none; 
 float: left;
 margin: 0 6px 0 0;
} 

.obrc {
 width: 100px; 
 height: 58px;
 border: 1px solid #84a7c1; 
 margin: 2px;
}

.vobr {
 margin: 20px 0 -3px 0;
 width: 220px;
 height: 74px;
 border: 1px solid #384657;
 border-width: 0 0 1px 0; 
}


.iko {
 border: none;
 position: relative;
 top: 2px;
}



.logo {
 border-style: none; 
 width: 170px; 
 height: 67px; 
 position: relative; 
 top: 10px; 
 left: 25px; 
} 


.copy A {
 text-decoration: underline;
 margin: 0;
}

.copy A:link {
 color: #0F5EBD;
 font-weight: normal;  
}
.copy A:visited {
 color: #0F5EBD; 
 font-weight: normal; 
}
.copy A:active {
 color: #000000; 
 font-weight: normal;
 text-decoration: none; 
}
.copy A:hover {
 color: #000000; 
 font-weight: normal;
 text-decoration: none;   
}

.copy p {
 margin: 0 2px;
}

.doleva {
 float: left; 
 margin: 0;
 padding: 0 0 0 10px; 
}

.doprava {
 float: right; 
 margin: 0;
 padding: 1px 10px 1px 0; 
}

.pr {
 float: right; 
 margin: 0;
 padding: 0 10px 0 0;
 border: 1px solid #2D3244;
 border-width: 0 0 0 1px; 
}

.toplist {
 width: 1px;
 height: 1px;
 border-style: none;
 margin: 0;
}

.albu {
width: 560px;
margin: 15px 0 15px 15px;
padding: 0 0 8px 0;
clear: both;
}

.albu a img {
width: 140px;
height: 80px;
margin: 8px 0 0 8px;
}

.albu2 {
width: 560px;
margin: 15px 0 15px 15px;
padding: 0 0 8px 0;
clear: both;
}

.albu2 a img {
height: 60px;
margin: 8px 0 0 8px;
}

.albu3 {
width: 560px;
margin: 30px 0 0 0;
padding: 0 0 8px 0;
clear: both;
}

.albu3 a img {
height: 80px;
margin: 8px 0 0 8px;
}

.galb {
width: auto;
}

.clear {
clear: left;
width: 500px;
height: 1px;
font-size: 1px;
}

.clear2 {
clear: both;
width: auto;
height: 1px;
font-size: 0px;
}