* { margin:0;padding:0;border:0;}

html {
    width : 100%;
    height : 100%;
    background: #FFF url(../images/bgtop.jpg) no-repeat center top;
}

body {
    text-align :center;
    width : 100%;
    min-height: 1200px;
    background: transparent url(../images/bgbottombg.jpg) repeat-x center bottom;
}

#itabdy {
    width : 1010px;
    height : 100%;
    margin : 0 auto;
    background: transparent url(../images/bgpole.jpg) repeat-y 170px 0;
}

#tabdy {
    width : 100%;
    height : 100%;
    background: transparent url(../images/bgbottom.jpg) no-repeat center bottom;
}

#abdy {
    min-height : 1200px;
    _height : 1200px;
    width : 100%;
    background: transparent url(../images/top.jpg) no-repeat center top;
    position : relative;
}

#flash {
    position : absolute;
    left : 80px;
    top : 0;
    width : 850px;
    height : 300px;
}

#menubg {
    position : absolute;
    top : 486px;
    left : 72px;
    width : 234px;
    background: transparent url(../images/menu.jpg) no-repeat;
}

#menu {
    list-style : none;
    display : block;
    width : 233px;
    text-align : left;
    background: transparent url(../images/menubot.jpg) no-repeat left bottom;
}

#menu li a {
    position : absolute;
    top : 0;
    left : 0;
    display : block;
    width : 207px;
    height : 23px;
    font : bold 13px/23px Arial;
    color : #0071AC;
    text-decoration : none;
    padding-left : 19px;
}

#menu li { width : 233px; }
#menutop { height : 16px; }
#menubot { height : 20px; }

.mi {
    height : 23px;
    position : relative;
}

#menu li:hover .sub,#menu li.over .sub {
    display : block;
    z-index: 500;
}

#menu li:hover a,#menu li.over a {
    background-color : #C2E6FF;
}

.sub {
    display : none;
    list-style : none;
    position : absolute;
    top : -43px;
    left : 226px;
    width : 226px;
    text-align : left;
}

.sub li  {
    height : 23px;
}

#menu li .sub a  {
    position : static;
    display : block;
    width : 212px;
    height : 23px;
    font : normal 13px/23px Arial;
    color : #0071AC;
    text-decoration : none;
    padding-left : 14px;
    background: transparent url(../images/smenuctr.png);
}

#menu .mi ul a:hover  {
    background-image : none;
    background-color : #A5D4F5;
}

#clientLogin {
    position : absolute;
    top : 675px;
    left : 72px;
    width : 234px;
    background: transparent url(../images/menu.jpg) no-repeat;
    height: 187px;
    z-index: 10;
}

#clientLogin .insideForm {
    padding: 15px;
    color: #0071AC;
    text-align: left;
    font : normal 13px Arial;
}

#clientLogin .insideForm h2 {
    margin: 0;
    padding: 0 0 15px 0;
    font-size: 19px;
}

#clientLogin .insideForm h2 a {
    color: #008000;
    text-decoration: none;
}

#clientLogin .insideForm form {
    border-bottom: 1px solid #0071AC;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

#clientLogin .insideForm input {
    border: 1px solid #0071AC;
    padding: 2px;
}

#clientLogin .insideForm input.submit {
    margin: 10px 0 0 0;
    background: #0071AC;
    font-weight: bold;
    color: white;
}

#clientLogin .insideForm td {
    text-align: left;
}

#clientLogin .insideForm td.columnName {
    text-align: right;
}

#clientLogin .insideForm hr {
    height: 1px;
    margin: 10px 10px 10px 0;
    background: #0071AC;
    padding: 0;
    display: none;
}


#clientLoginEnd {
    position : absolute;
    top : 862px;
    left : 72px;
    width : 234px;
    background: transparent url(../images/menu.jpg) no-repeat left bottom;
    height: 16px;
    font-weight: 1px;
}

.sub .smenutop {
    height : 43px;
    width : 226px;
    background: transparent url(../images/smenutop.png) no-repeat;
    _background-image : none;
    _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image , src='images/smenutop.png');
}

.sub .smenubot {
    height : 11px;
    width : 226px;
    background: transparent url(../images/smenubot.png) no-repeat;
    _background-image : none;
    _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop , src='images/smenubot.png');
}

*:first-child+html .sub .smenubot {
    margin-top : -8px;
}

.bottxt {
    position : absolute;
    bottom : 10px;
    font : normal 11px Arial;
    color : #FFF;
    cursor : default;
}

.bottxt a { color : #FFF; }
.bottxt a:hover { color : #000; }

#topmenu {
    position : absolute;
    top : 311px;
    right : 83px;
    height : 40px;
    list-style : none;
    float : right;
    display : inline;
}

#topmenu .li {
    background: transparent url(../images/topmenuc.jpg) repeat-x;
    height : 40px;
    font : bold 13px/40px Arial;
    display : inline;
    position : relative;
    float : right;
}

#topmenu a {
    position : relative;
    display : inline;
    height : 40px;
    font : bold 13px/40px Arial;
    color : #0071AC;
    text-decoration : none;
    padding : 10px 13px 12px 13px;
}

#topmenu a:hover {
    color : #1296D8;
    background: transparent url(../images/topmenuh.jpg) no-repeat center 19px;
    line-height : 40px;
}

#topmenu img {
    position : absolute;
    top : 0;
}

#topmenu .el { left : 0; }
#topmenu .er { right : -1px; }

#content {
    padding : 435px 0 200px 327px;
    _padding-left : 280px;
    width : 610px;
    overflow : hidden;
    text-align : left;
    color : #0070AF;
    font : normal 14px Arial;
}

#content a {
    color : #0070AF;
}

#content li {
    font : normal 14px Arial;
    color : #0070AF;
    text-align : left;
    list-style-position : outside;
    list-style-type : square;
    margin-left : 17px;
    vertical-align : middle;
    margin-bottom : 4px;
}

.hr {
    color : #0071AC;
    background-color : #0071AC;
    width : 595px;
    height : 1px;
    margin : 15px 0 30px 0;
    text-align : left;
}

.back {
    display : block;
    text-align : right;
    height : 22px;
    width : 120px;
    margin-left : 1px;
    font : normal 13px/22px Arial;
    color : #0071AC;
    background : transparent url(../images/back.png) no-repeat;
    _background-image : none;
    _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop , src='images/back.png');
    cursor : hand;
}

#files td {
    height : 22px;
    font : normal 13px Arial;
    color : #0070AF;
    vertical-align : top;
    
}

#files a {
    font : normal 13px Arial;
    color : #0070AF;
}

#files .pdf {
    width : 35px;
    background : transparent url(../images/pdf.png) no-repeat;
    _background-image : none;
    _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop , src='images/pdf.png');
}

#files .doc {
    width : 35px;
    background : transparent url(../images/doc.png) no-repeat;
    _background-image : none;
    _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop , src='images/doc.png');
}

#files .xls {
    width : 35px;
    background : transparent url(../images/xls.png) no-repeat;
    _background-image : none;
    _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop , src='images/xls.png');
}

#files .fname { min-width : 250px; padding-top : 3px;}
#files .fsize { padding : 3px 0 0 15px; }

#msomoz {
    width : 620px;
    font : normal 13px Arial;
    color : #0070AF;
}

#msomoz td {
    height : 19px;
}

#msomoz .t1,#msomoz .t2,#msomoz .t3 {
    background-color : #BAE28A;
}

#msomoz .t1 {
    width : 285px;
    padding-left : 4px;
}

#msomoz .t2 {
    width : 180px;
    text-align : center;
}

#msomoz .t3 {
    text-align : center;
}

#msomoz .t4 {
    background-color : #E5F2FA;
    padding-left : 4px;
}

#navigator {
    margin-top : 4px;
}

#navigator * {
    font : normal 13px/21px Arial;
    color : #0070AF;
    text-decoration : none;
}

#navigator a:hover { text-decoration : underline; }

#navigator #back {
    position : relative;
    display : block;
    height : 22px;
    width : 135px;
    padding-right : 30px;
    margin-right : 12px;
    float : left;
}

#navigator #back div {
    position : absolute;
    top : 0;
    right : 0;
    width : 24px;
    height : 22px;
    background : transparent url(../images/back.png) no-repeat;
    _background-image : none;
    _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop , src='images/back.png');
    _cursor : hand;
}

#navigator #forw {
    position : relative;
    display : block;
    height : 22px;
    width : 77px;
    padding-left : 35px;
    margin-left : 12px;
    float : left;
}

#navigator #forw div {
    position : absolute;
    top : 0;
    left : 0;
    width : 24px;
    height : 22px;
    background : transparent url(../images/forw.png) no-repeat;
    _background-image : none;
    _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop , src='images/forw.png');
    _cursor : hand;
}

#navigator #nums {
    float : left;
}

#clenovia {
    width : 645px;
    font : normal 13px Arial;
    color : #0070AF;
}

#clenovia td {
    height : 21px;
}

#clenovia .t1 {
    width : 310px;
    padding-left : 3px;
}

#clenovia .t2 {
    width : 130px;
}

#clenovia .odd td { background-color : #BAE28A; }
#clenovia .even td { background-color : #E5F2FA; }

#clenovia .line {
    height : 2px;
}

#mapa {
    width : 550px;
    height : 450px;
    margin-left : 20px;
}

#graf {
    width : 610px;
    height : 448px;
    position : relative;
    background : transparent url(../images/graf.png) no-repeat;
    _background-image : none;
    _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop , src='images/graf.png');
}

#graf hr {
    color : #B2B4B5;
    background-color : #B2B4B5;
    height : 1px;
    width : 503px;
    position : absolute;
    left : 33px;
}

.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12 {
    width : 15px;
    background-color : #CFE844;
    position : absolute;
    bottom : 23px;
    height : 400px;
}

.d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8,.d9,.d10,.d11,.d12 {
    width : 15px;
    background-color : #8DC841;
    position : absolute;
    bottom : 23px;
    height : 400px;
}

.c1 { left:43px; }
.c2 { left:84px; }
.c3 { left:125px; }
.c4 { left:166px; }
.c5 { left:207px; }
.c6 { left:248px; }
.c7 { left:289px; }
.c8 { left:330px; }
.c9 { left:371px; }
.c10 { left:412px; }
.c11 { left:453px; }
.c12 { left:494px; }

.d1 { left:58px; }
.d2 { left:99px; }
.d3 { left:140px; }
.d4 { left:181px; }
.d5 { left:222px; }
.d6 { left:263px; }
.d7 { left:304px; }
.d8 { left:345px; }
.d9 { left:386px; }
.d10 { left:427px; }
.d11 { left:468px; }
.d12 { left:509px; }

#year {
    position : absolute;
    top : 20px;
    left : 548px;
    font : bold 18px Arial;
    color : #000;
}

#cms {
    position : absolute;
    top : 0;
    left : 0;
    width : 5px;
    height : 5px;
    display : block;
    cursor : default;
}

#home {
    visible : none;
    position : absolute;
    top : 322px;
    left : 66px;
    width : 230px;
    height : 155px;
    cursor : pointer;
    cursor : hand;
}






/* Odvoz odpadu */

#dispozal {
    border: 1px solid black;
    padding: 10px;
    color: black;
    font-size: 11px;
}

#dispozal input, #dispozal textarea {
    border: 1px solid black;
    padding: 2px;
    width: 100px;
}

#dispozal textarea {
    font-size: 11px;
}

#dispozal td.must input, #dispozal tr.must input, #dispozal td.must textarea, #dispozal tr.must textarea {
    background: #c6dfef;
}

#dispozal input.submit {
    background: #0071AC;
    color: white;
    font-weight: bold;
    margin: 10px 0 0;
    border: none;
    font-size: 150%;
}




/* new_map */

div#new_map {
    background: url(../images/bg__new_map.gif) no-repeat center top;
    height: 441px;
}

div#new_map table {
    margin: 15px 0 0 0;
}

div#new_map td.column_title {
    text-align: right;
}

div#new_map select {
    border: 1px solid black;
}

div#new_map input.submit {
    background: #0071AC;
    color: white;
    font-weight: bold;
    margin: 10px 0 0;
    border: none;
    font-size: 120%;
    padding: 3px 10px;
    cursor: pointer;
}