@charset "utf-8";
body  {
/*behavior: url("iepngfix.htc");*/
behavior: url("csshover3.htc");

	
font:    100% Verdana, Arial, Helvetica, sans-serif;
margin:  0;
padding: 0;
text-align: center; /*IE5 hack IE#21*/
background: url('img/bgGradient.png') repeat-x top left;
}

.container { 
	width:  960px; 
  _width: 960px; 
  _wid\th: 960px;  
	margin: 0 auto; 
	text-align: left;  /*IE5 hack IE#21*/
	border: 0 solid #000000;
  /*border: 1px solid black;*/
} 

/*---------------HEADER---------------*/
.container .header {
float: left;
margin:  0;
padding: 0;
width:   960px;
height:  80px;
}

.container .header .a1 a, .container .header .a1 {
float: left;
width: 600px;
height: 80px;
background: #BCDD5A;
background: url(img/a1.png) top;
}

.container .header .a1 a:hover {
background: #BCDD9A;
background: url(img/a1hover.png) top;
}

.container .header .a2 a, .container .header .a2 {
float: left;
width: 360px;
height: 80px;
background: #CCDCCC;
background: url(img/a2.png) top;
}

.container .header .a2 a:hover {
background: #CCCBBB;
background: url(img/a2hover.png) top;
}
 
 
/*-----------END HEADER---------------*/
/*---------------MENU-----------------*/
.menu {
float: left;
background: url(img/menubg.png) top no-repeat;
width: 960px;
height: 39px;
}

.menuhead {
float: left;
width: 960px;
height: 7px;
}

ul#mul {
width: 960px;  
float: left;
margin: 0; 
padding: 0;
list-style-type: none;
}

ul#mul li {
position: relative;  
width: 170px;
float: left;
margin: 0 1px;
}

ul#mul li a {
display: block;
padding: 5px 0;
}

ul#mul li a:hover {
z-index: 1;
} 

/*rolovaci menu*/
ul#mul li ul li {
background: #fff;
float: left;
width: 100%;
}

ul#mul ul {
list-style-type: none;
margin: 0; 
padding: 0; 
float: left;
width: 172px;
position: absolute;
left: 15px; top: 25px;
visibility: hidden;
}

ul#mul li:hover li {
visibility:visible;
}

/*----------END--MENU-----------------*/
/*---------------CONTENT--------------*/
.content {
margin:  0;
padding: 20px 0 20px 0;
float:   left;
width:   960px;  /*ALL BROWSERS*/
_width:  960px;  /*IE5*/
_wid\th: 960px;  /*IE6*/

}

.contenthead {
float: left;
width:   705px;  /*ALL BROWSERS*/
_width:  670px;  /*IE5*/
_wid\th: 703px;  /*IE6*/
height: 30px;
background: url(img/contenthead.png) top no-repeat;
}

.contentboard {
width: 670px;
_width:  670px;  /*IE5*/
_wid\th: 668px;  /*IE6*/
background: url(img/contenttable.png) repeat-y;
float: left;
padding: 30px 20px 20px 15px;
}

.contentfooter {
float: left;
width: 705px;
_width:  0px;  /*IE5*/
_wid\th: 703px;  /*IE6*/
height: 6px;
background: url(img/content_bottom_arc.png) top no-repeat;
}

/*---------------NEWS--------------*/
.news {
margin:  0;
padding: 0;
float:   right;
width:   255px;  /*ALL BROWSERS*/
_width:  245px;  /*IE5*/
_wid\th: 255px;  /*IE6*/

}

.newshead {
float: right;
width:   255px;  /*ALL BROWSERS*/
_width:  245px;  /*IE5*/
_wid\th: 255px;  /*IE6*/
height: 30px;
background: url(img/newshead.png) top no-repeat;
}

.newsboard {
width: 220px;
background: url(img/newstable.png) repeat-y;
float: right;
padding: 30px 20px 20px 15px;
}

.newsfooter {
color: #fff;
float: right;
width: 255px;
_width:  0px;  /*IE5*/
_wid\th: 255px;  /*IE6*/
height: 6px;
background: url(img/news_bottom_arc.png) top no-repeat;
padding: 0 0 5px 0;
/*border: 1px solid red;*/
}

.loginboard {
width: 220px;
background: url(img/newstable.png) repeat-y;
float: right;
padding: 30px 20px 20px 15px;
}


/*---------------LOGIN--------------*/

.img0 {
float: right;
margin: 0 10px 0 10px;
padding: 1px;
background: #FFF;
/*border: 1px solid #A64A00;*/
}

.img1 {
float: center;
margin: 0 10px 0 10px;
/*padding: 1px;
border: 1px solid #A64A00; */
background: #FFF;
}

.img2 {
float: right;
margin: 0 10px 0 10px;
/*padding: 1px;
border: 1px solid #A64A00; */
background: #FFF;
}

.imgman {
float: left;
margin: 0 10px 0 10px;
background: #FFF;
}
/*-----------END CONTENT--------------*/

/*-------------FOOTER-----------------*/
.clearfloat { /* Tato třída musí být umístěna u elementu div nebo break a musí být posledním elementem před uzavřením kontejneru, který musí plovoucí prvek zcela obsahovat. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.footer {
float: left;
width:  960px;
_width: 960px;
background: url(img/footer.png) top no-repeat;
}

.footer p {
_padding: 6px;
font-variant: small-caps;
text-indent: 20px;
text-align: center;
font-family: arial, helvetica, verdana, tahoma;
font-size: 12px;
text-decoration: none;
font-weight: bolder;
color: white;
}
.footer p a {
color: white;
text-decoration: none;
}
/*-------------END FOOTER-------------*/


/*-------------FONTS-----------------*/
.content h1 {
font-family: verdana, times, georgia;
font-size: 18px;
color: #000;
font-variant: small-caps;
font-weight: bold;
}

.content hr {
line-height: 1px;
border-bottom: 2px #BF6F30;
color: #696969;
_border: none; 
_border: #BF6F30;
}

.content h1:first-letter {
font-size: 150%;
}

.content h2 {
font-size: 16px;
color: #000;
font-variant: small-caps;
font-weight: normal;
}

.content h3 {
color: #000;
text-align: top;
font-size: 12px;
color: black;
font-variant: small-caps;
font-weight: oblique;
}

.content h4 {
color: #000;
text-align: bottom;
font-size: 12px;
font-variant: small-caps;
font-weight: oblique;
}

.content p {
color: #000;
text-indent: 2em;
text-align: justify;
font-family: verdana;
line-height: 1.5;
font-size: 12px;
}

.content p.noint {
text-indent: 0;
text-align: justify;
font-family: verdana, helvetica, verdana, tahoma;
line-height: 1.5;
font-size: 12px;
}

.newsboard ul {
margin: 0;
padding: 0 15px;
text-indent: 0;
text-align: left;
font-family: verdana, helvetica, verdana, tahoma;
line-height: 1.5;
font-size: 12px;
list-style-image: url(img/sipka.gif);
}


.content form {
text-indent: 0;
text-align: left;
font-family: verdana, helvetica, verdana, tahoma;
line-height: 1.5;
font-size: 12px;
}

.content ul.ultext {
/*margin: 0;*/
list-style-type: square;
font-family: verdana;
line-height: 1.5;
font-size: 12px;
}

.contenthead p, .newshead p {
_padding: 6px;
font-variant: small-caps;
text-indent: 20px;
text-align: left;
font-family: arial, helvetica, verdana, tahoma;
font-size: 12px;
text-decoration: none;
font-weight: bolder;
color: white;
}

.content a {
color: #ff7900;
text-decoration: none;
}

.content a:hover {
color: #ff7900;
text-decoration: underline;
}

.contentboard a {
color: #ff7900;
text-decoration: none;
}

.contentboard a:hover {
color: #ff7900;
text-decoration: underline;
}

.contentboard .fg table a {
color: white;
text-decoration: none;
}

.contentboard .fg table a:hover {
color: #ff7900;
text-decoration: none;
}



.search input, text, select {
font-family: helvetica, verdana, tahoma;
font-size: 12px;
text-decoration: none;
text-align:left;
color: #ff7900;
}
                       
.search input.tlacitko {
font-variant: small-caps;
font-family: helvetica, verdana, tahoma;
font-size: 12px;
text-decoration: none;
font-weight: bold;
text-align: center;
color: #ff7900;
}

.search input.tlacitko:hover {
font-variant: small-caps;
text-decoration: none;
font-weight: bold;
text-align: center;
color: black;
}
/*-------------END FONTS-------------*/

.menu ul#mul li a {
/*font-variant: small-caps;*/
/*font-family: courier new;*/
display: block;
text-align: center;
text-decoration: none;
color: #ffffff;
font-size: 14px;
font-weight: bold;
border-left: #ffffff solid 1px;
list-style-type: none;
}

.menu ul#mul li a.fr {
border-left: #ffffff solid 0px;
}

.menu ul#mul li a:hover {
text-align: center;
text-decoration: underline;
list-style-type: none;
}

.menu ul#mul li ul li a {
text-align: center;
text-decoration: none;
border: #808080 solid 1px;
color: #ff7900;
font-size: 14px;
font-weight: bold;
list-style-type: none;
}

.menu ul#mul li ul li a:hover {
text-align: center;
text-decoration: none;
border: #808080 solid 1px;
/*color: #bcdd5a;*/
color: #000;
font-size: 14px;
font-weight: bold;
list-style-type: none;
}

/*-------------END FONTS-------------*/