p, h1, h2, h3, h4, h5, ul, ol, form {margin: 0; padding: 0;}
fieldset {margin: 0; padding: 0; border: none;}
ul {list-style: square;}

.clr {clear: both; font-size: 1px; height: 1px;}
img, .nobrd {border: none;}
.fleft {flaot: left; margin-right: 10px;}
.fright {flaot: right; margin-left: 10px;}

body {margin: 0; padding: 0; font-size: 65%; text-align: center; background: #F4F4F4 url(../images/layout/backgrounds/body-bg.gif);}
* {font-family: verdana ce, verdana, sans-serif; font-size: 100%; color: #414141;}
#site {margin: auto; width: auto; text-align: left;}
/*************************************************************************************************************************************/

#top {display: none; _height: 165px; min-height: 165px; margin: 24px 0 2px 0; background: white url(../images/layout/backgrounds/top-bg.jpg) 0 0 no-repeat;}
#top h1 {width: 160px; height: 60px; position: relative; top: 53px; left: 19px; overflow: hidden;}
#top h1 span {width: 160px; height: 60px; position: absolute; top: 0; left: 0; background: url(../images/layout/crumbs/colosseum.gif) 0 0 no-repeat;}
#top h1 a {text-decoration: none; cursor: pointer; cursor: hand;}
#top h1 a big {font-size: 180%; font-weight: bold; color: #2D7514;}
#top .orange {color: #2D7514;}

#top li {display: inline; position: relative; top: -75px; _top: -73px; left: 89%; font-size: 80%; padding-left: 8px;}
#top li a {text-decoration: none; color: black;}
#top li a.active {color: #22660B;}
#top li a:hover {text-decoration: underline;}

/*menu*/
#menu {display: none; z-index: 10; width: 750px; height: 57px; position: relative;}
#menu li {display: block; float: left; width: 125px; height: 33px; padding-top: 24px; position: relative; text-align: center; background: #434343;}

#menu li a {color: white; text-decoration: none; font-weight: bold; overflow: hidden; cursor: pointer; cursor: hand;}
#menu li span {position: absolute; top: 0; left: 0; display: block; width: 125px; height: 57px; background-position: 0 0; background-repeat: no-repeat;}
#menu li a:hover {background: #2D7514;}
#menu li a:hover span {background-position: 0 -57px;}

#menu li.m1 span {background: url(../images/layout/nav/menu1.gif);}
#menu li.m2 span {background: url(../images/layout/nav/menu2.gif);}
#menu li.m3 span {background: url(../images/layout/nav/menu3.gif);}
#menu li.m4 span {background: url(../images/layout/nav/menu4.gif);}
#menu li.m5 span {background: url(../images/layout/nav/menu5.gif);}
#menu li.m6 span {background: url(../images/layout/nav/menu6.gif);}

/*menu 2 urovne*/
#menu li ul {display: none; position: absolute; top: 57px; left: 0; width: 125px; background: #489E29 url(../images/layout/backgrounds/submenu1-bg.gif) repeat-x;}

#menu li li {height: auto; padding: 0; background: url(../images/layout/crumbs/arrow.gif) 5px 12px no-repeat; font-size: 110%; position: relative; text-align: left;}
#menu li li a {color: white; width: 110px; padding: 8px 3px 7px 12px; display: block;}
#menu li li a:hover {color: black; background: none;text-decoration:underline;}
#menu li:hover ul {display: block;}

/*main*/
#main {clear:both; background: white; margin-top: 2px; _margin-top: 0;}
#main a {color: #2D7514;}
#main .w450 {width: 450px;}

#hp {width: 520px; float: left;}

#hp .window {_height: 166px; min-height: 166px; padding: 12px;}
#hp .window li {color: #2D7514; padding: 5px 0 5px 12px; background: url(../images/layout/crumbs/arrow-list.gif) 0 9px no-repeat;}
#hp .window .more {overflow: hidden; float: right; width: 46px; height: 19px; position: relative;}
#hp .window .more span {display: block; width: 46px; height: 19px; position: absolute; top: 0; left: 0; background: url(../images/content/buttons/vice.gif) 0 0 no-repeat;}
#hp .window .more a {color: white; background: #2D7514; cursor: pointer; cursor: hand;}
#hp .window h2 big {font-size: 120%; color: #2D7514;}

#hp .a {padding-left: 285px; background: #F5F5F5 url(../images/layout/backgrounds/uzel.jpg) 0 0 no-repeat;}
#hp .a h2 {z-index: 1; width: 220px; height: 32px; overflow: hidden; position: relative; margin-bottom: 8px; _margin-bottom: 5px;}
#hp .a h2 span {z-index: 1; width: 220px; height: 32px; position: absolute; top: 0; left: 0; background: url(../images/content/headings/hp-1-h2.gif) 0 0 no-repeat;}

#hp .b {background: url(../images/layout/backgrounds/monitor.gif) 308px 10px no-repeat; margin-top: 4px;}
#hp .b h2 {z-index: 1; width: 270px; height: 35px; overflow: hidden; position: relative; margin-bottom: 5px; _margin-bottom: 2px;}
#hp .b h2 span {width: 270px; height: 35px; position: absolute; top: 0; left: 0; background: url(../images/content/headings/hp-2-h2.gif) 0 0 no-repeat;}

#banners {display: none; width: 227px; float: right;}
#banners .marg2 {margin-top: 2px;}

/*hp-news*/
#hp-news {background: #FAFAFA url(../images/layout/crumbs/linka.gif) 370px 40px no-repeat; _height: 119px; min-height: 119px; padding: 7px 12px;}
#hp-news h3 {font-size: 120%; overflow: hidden; width: 80px; height: 17px; position: relative; top: 3px;}
#hp-news h3 span {width: 80px; height: 17px; position: absolute; top: 0; left: 0; background: url(../images/content/headings/hp-h3.gif) 0 0 no-repeat;}
#hp-news div {width: 340px; float: left;}
#hp-news .marg40 {margin-left: 40px;}
#hp-news h4 {color: #2D7514; margin: 15px 0 3px 0;}
#hp-news a {color: #2D7514;}

/*sub-news*/
#sub-news {background: #FAFAFA; padding: 5px;}
#sub-news h3 {font-size: 120%; overflow: hidden; width: 80px; height: 17px; position: relative; top: 3px;}
#sub-news h3 span {width: 80px; height: 17px; position: absolute; top: 0; left: 0; background: url(../images/content/headings/hp-h3.gif) 0 0 no-repeat;}
#sub-news h4 {color: #2D7514; margin: 5px 0 3px 0;}
#sub-news hr {height: 1px; border: none; border-bottom: 1px dashed #AAAAAA; clear: both; padding: 0; margin: 14px 0 10px 0; _margin: 7px 0 0 0;}

/*content*/
#content {width: auto; float: left; padding: 20px 10px 5px 10px;}
#content h2 {z-index: 1; width: 500px; height: 35px; overflow: hidden; position: relative; margin-bottom: 10px; _margin-bottom: 7px; font-size: 120%;}
#content h2 span {z-index: 1; width: 500px; height: 35px; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat;}
#content h2.example span {background: url(../images/content/headings/content-h2.gif)}
#content h2.form span {background: url(../images/content/headings/form-h2.gif)}
#content h2 big {font-size: 140%; color: #2D7514;}
#content h3 {color: #2D7514; margin: 15px 0 -7px 0;}
#content h4 {margin: 15px 0 -7px 0;}
#content p {margin: 10px 0;}
#content .stronger {border: 1px solid #C5C5C5; background: #F4F4F4; padding: 2px 5px;}
#content .orange {color: #2D7514;}
#content .bold {font-weight: bold;}
#content table {width: 100%; border-collapse: collapse; border: 1px solid #D5E6CF; margin: 10px 0;}
#content tr.light {background: #E7F5E2;}
#content tr.dark {background: #DBF1D3;}
#content td, #content th {text-align: center; padding: 2px 5px; border-right: 1px solid #DBF1D3;}
#content th {font-weight: bold; border-right: 1px solid #E1F3DB;}
#content ul, #content ol {margin: 10px 0;}
#content ul li {padding: 2px 0 2px 25px; background: url(../images/layout/crumbs/arrow-list.gif) 7px 5px no-repeat;}
#content ol {list-style: decimal; margin-left: 25px;}
#content ol li {padding: 2px 0;}
#content ul.pages {height: 20px; line-height: 20px; text-align: center; margin: 0; clear: both;}
#content ul.pages li {display: inline; background: none; padding: 0;}
#content ul.pages li img {position: relative; top: 2px;}
#content ul.pages li a {color: #414141;}

/*form*/
#content form a {color: #414141;}
#content form h3 {margin: 5px 0; background: #F4F4F4; padding: 2px 5px; border: 1px solid #F0F0ED;}
#content label {width: 100px; float: left; display:block; padding: 2px 5px; position: relative;}
#content label span {position: absolute; top: 2px; right: 0;}
#content input {float: left;}
#content input.txt {width: 150px; height: 16px;}
#content input.txt, #content textarea {border: 1px solid #B2C4D5;}
#content input.btn {background: #9C9C9C url(../images/layout/backgrounds/btn-bg.gif) repeat-x; border: 1px solid #BFBFBF; color: #464646; margin-left: 5px; float: right;}

/*footer*/
#footer {display: none; clear: both; _height: 31px; min-height: 31px; background: #489E29 url(../images/layout/backgrounds/footer-bg.gif) repeat-x; margin-top: 2px;}
#footer p {color: #C4DCBC; padding: 8px 10px; position: relative;}
#footer span.author {position:absolute; top: 8px; right: 10px; color: black;}
#footer span.author a {text-decoration: none; color: black;}
#footer span.author a:hover {text-decoration: underline;}