* {
margin: 0;
padding: 0;
list-style-type: none; 
}

html {
padding-bottom: 10px;
}

body {
color: #787369; /* defaultni barva pisma pro web */
font-family: arial, verdana, arial, tahoma; /* defaultni rez pisma pro web */
font-size: 12px; /* defaultni velikost pisma pro web */  
position: relative;
background: #E4E2DA url('body.gif') top left repeat-x;
}

h1#pagename,
hr.hr,
div.btnPrint {
display: none;
}

div.page {
width: 750px;
margin: 0 auto;
}

/* Header */
div#header {
width: 750px;
height: 209px;
background: url('flash-substitute.gif') right bottom no-repeat;
position: relative;
}

a#logo {
display: block;
width: 242px;
height: 185px;
position: absolute;
top: 24px;
left: 0;
background: url('header-logo.gif') 0 0 no-repeat;
z-index: 20;
outline: none;
}

a#logo span {
display: none;
}

ul#header-menu1 {
text-align: right;
padding-right: 20px; /* IE - margin se spocita spatne */
margin-top: 5px;
}

ul#header-menu1 li {
display: inline;
padding-left: 10px;
margin-left: 5px;
}

ul#header-menu1 li a {
color: #00B146;
font: normal 11px;
background: url('header-menu1-bullet.gif') no-repeat left center;
padding-left: 10px;
}

ul#header-menu1 li a:hover {
text-decoration: none;
}

/* Hlavni menu */
h2.menutitle {
/*display: none;*/
background-repeat: no-repeat;
background-position: 0 0;
color: #00B146;
font-size: 14px;
padding-top: 15px;
margin-bottom: 10px;
}

h2#podpora-komunalniho-rozvoje-71 {
display: block;
background-image: url('logo-hospodareni-s-majetkem-a-zdroji.png') !important;
background-image: url('logo-hospodareni-s-majetkem-a-zdroji.gif'); 
}

h2#podpora-komunalniho-rozvoje-72 {
display: block;
background-image: url('logo-optimalizace-financovani.png') !important;
background-image: url('logo-optimalizace-financovani.gif'); 
}

h2#podpora-komunalniho-rozvoje-73 {
display: block;
background-image: url('logo-komunalni-technika-a-uklid.png') !important;
background-image: url('logo-komunalni-technika-a-uklid.gif');
}

h2#podpora-komunalniho-rozvoje-74 {
display: block;
background-image: url('logo-odpadove-hospodarstvi.png') !important;
background-image: url('logo-odpadove-hospodarstvi.gif'); 
}

h2.menutitle a {
color: #00B146;
text-decoration: none;
}

h2.menutitle a:hover {
text-decoration: underline;
}

div#menu1 {
padding: 0 0 2px 0;
border-bottom: 1px solid #bfbdb8;
}

div#menu1 ul {
width: 750px;
height: 37px;
margin-top: 1px;
margin-bottom: 3px;
overflow: visible;
}

div#menu1 ul li {
float: left;
height: 37px;
margin: 0;
}

div#menu1 ul li a {
display: block;
text-align: center;
text-decoration: none;
color: #fff;
line-height: 37px;
background-position: top left;
background-repeat: no-repeat;
margin-left: 1px;
font-weight: bold;
}

div#menu1 ul li a:hover {
background-position: left bottom;
outline :none;
background-color: #A59E9C;
}

li#m11i-o-spolecnosti a {
width: 114px;
background: url('menu-button-01.png');
}

li#m11i-tematicke-clanky a {
width: 126px;
background: url('menu-button-02.png');
}

li#m11i-podpora-komunalniho-rozvoje a {
width: 199px;
background: url('menu-button-03.png');
}

li#m11i-reference a {
width: 90px;
background: url('menu-button-04.png');
}

li#m11i-kontakt a {
width: 80px;
background: url('menu-button-05.png');
}

li#m11i-tiskove-centrum a {
width: 135px;
margin-right :0 !important;
background: url('menu-button-06.png');
overflow: visible;
}

/* Menu1 - druha uroven */
div#menu1 ul li ul {
width: 248px;
z-index: 5;
margin: -1px 0 0 0;
position: absolute;
float: left;
display: none;
padding: 0 0 5px 0;
background:url('menu-level2-bottom.gif') bottom left no-repeat;
}

div#menu1 ul li.m11i6 ul {
margin-left: -112px;
}

div#menu1 ul li.m11i5 ul {
margin-left: -31px;
}

div#menu1 ul li ul li {
width: 248px;
height: auto;
float: left;
clear: both;
background: #9c9994;
}

div#menu1 ul li ul li.m12i1 {
background: #9c9994 url('menu-level2-top.jpg') top left no-repeat;
padding: 5px 0 0 0;
}

div#menu1 ul li ul li.m12i2 {
background: #9c9994 url('menu-level2-top.jpg') left -40px no-repeat !important;
background-position: left -45px; /* IE6 */
}

div#menu1 ul li ul li a {
font-weight: normal;
background: none;
line-height: 30px;
height: auto;
text-align: left;
padding: 0 0 0 10px;
width: 238px;
position: relative;
left: -1px;
}

div#menu1 ul li ul li a:hover {
background-position: 13px center;
}

div#menu1 ul li ul li.m12il {
/*padding: 0 0 5px 0;*/
width: 248px;
/*background:url('menu-level2-bottom.jpg') bottom left no-repeat;*/
}

div#menu1 ul li.mnhover ul {
height:auto;
display: inline;
}

/* Menu1 - druha uroven - loga */
div#menu1 ul li#m11i-podpora-komunalniho-rozvoje ul li a {
font-weight: bold;
}

div#menu1 ul li#m11i-podpora-komunalniho-rozvoje ul li a {
display: block;
height: 22px;
background-position: 10px 1px;
background-repeat: no-repeat;
cursor: pointer;
padding-top: 10px;
}

div#menu1 ul li#m11i-podpora-komunalniho-rozvoje ul li a span {
padding-right: 3px;
background-repeat: no-repeat;
background-position: right 10px;
}

div#menu1 ul li ul li#m12i-hospodareni-s-majetkem-a-zdroji a {
background-image: url('logo-hospodareni-s-majetkem-a-zdroji.png') !important;
background-image: url('logo-hospodareni-s-majetkem-a-zdroji.gif');
}

div#menu1 ul li ul li#m12i-komunalni-technika-a-uklid a {
background-image: url('logo-komunalni-technika-a-uklid.png') !important;
background-image: url('logo-komunalni-technika-a-uklid.gif');
}

div#menu1 ul li ul li#m12i-optimalizace-financovani a {
background-image: url('logo-optimalizace-financovani.png') !important;
background-image: url('logo-optimalizace-financovani.gif');
}

div#menu1 ul li ul li#m12i-odpadove-hospodarstvi a {
background-image: url('logo-odpadove-hospodarstvi.png') !important;
background-image: url('logo-odpadove-hospodarstvi.gif');
}

div#menu1 ul li ul li#m12i-hospodareni-s-majetkem-a-zdroji a span {
background-image: url('logo-hospodareni-s-majetkem-a-zdroji-dot.gif');
}

div#menu1 ul li ul li#m12i-komunalni-technika-a-uklid a span {
background-image: url('logo-komunalni-technika-a-uklid-dot.gif');
}

div#menu1 ul li ul li#m12i-optimalizace-financovani a span {
background-image: url('logo-optimalizace-financovani-dot.gif');
}

div#menu1 ul li ul li#m12i-odpadove-hospodarstvi a span {
background-image: url('logo-odpadove-hospodarstvi-dot.gif');
}

/* Container */
div#container {
margin-top: 5px;
background: url('container.gif') top left repeat-y;
clear: both;
float: left;
}

div#container-box {
padding: 7px 0 0 0;
float: left;
background: url('content.gif') top left no-repeat;
}

/* Content & Work */
div#content {
float: right;
display: inline;
width: 458px; 
padding: 7px 14px 0 14px;
overflow: hidden;
}

/* Column */
div#column {
float: left;
display: inline;
padding: 7px 0 0 13px;
width: 250px;
overflow:hidden;
}

/* Column-menu */
div#menu2 h3 {
margin-bottom: 5px;
}

div#menu2 ul {
width:249px;
margin-bottom:3px;
padding-bottom:3px;
}

div#menu2 ul li {
width:249px;
/*height:34px;*/
margin-bottom:1px;
background-color:#6E6C66;
}

div#menu2 ul li a {
display:block;
width:249px;
height:30px;
line-height:30px;
color:#fff;
text-decoration:none;
text-indent:10px;
/*background:url('column-menu-bullet.gif') no-repeat 5px center;*/
}

div#menu2 ul li a:hover {
text-decoration:underline;
outline:none;
}

div#menu2 ul li.m21i1 { /* prvni polozka v menu */
background: url('column-menu-button-top.png') no-repeat;
background-color:#6E6C66;
}

div#menu2 ul li { /* vsechny polozky mimo prvni a posledni */
background:url('column-menu-button-middle.png') repeat-x;
background-color:#6E6C66;
}

div#menu2 ul li.m21il { /* posledni polozka */
background: url('column-menu-button-bottom.png') no-repeat;
/*background-color:#6E6C66;*/
}

/* Column-menu submenu + subsubmenu :) */
div#menu2 ul li ul,
div#menu2 ul li ul li ul {
margin:0;
border:0;
padding:3px 0;
}

div#menu2 ul li ul li,
div#menu2 ul li ul li ul li {
background:none;
margin:0;
/*height:25px;
line-height:25px;*/
}

div#menu2 ul li.m21il ul { /* pokud obsahuje posledni polozka menu submenu, takse skryji kulate rohy */
background:#6E6C66 url('column-menu-button-submenu-last-bottom.png') no-repeat bottom left;
position:relative;
top:-3px;
}

div#menu2 ul li.m21il ul li.m22il ul {
background: none;
position: static;
}

div#menu2 ul li.m21il ul li a,
div#menu2 ul li.m21il ul li ul li a {
}

div#menu2 ul li ul li a,
div#menu2 ul li ul li ul li a {
display: block;
height: 25px !important;
line-height: 25px !important;
text-indent: 30px !important;
/*background-position:15px center !important;*/
background:url('column-menu-bullet.gif') 15px center no-repeat;
}

div#menu2 ul li ul li ul li a {
text-indent: 45px !important;
background-position: 30px;
}

div#menu2 ul li ul a:hover,
div#menu2 ul li ul li a ul li a:hover {
background-color:#A7A49E !important;
text-decoration:none !important;
}

/* Column - boxik na novinky atd */
div#news-box {
width:207px; /* 249px - border - padding */
height:auto;
padding:40px 20px 10px 20px; 
border:1px solid #D9D7D2;
border-top:0;
border-bottom:0;
overflow:visible;
position:relative;
background:url('gradient.png') repeat-x 0 34px;
}

body:lang(cz) div#news-box {
padding-top: 40px;
}

div#news-box div.news-box-cb {
width:249px;
height:4px;
position:absolute;
background:url('news-box-bottom.png') no-repeat left bottom; 
bottom:0;
left:-1px;
}

div#news-box h2 {
width:249px;
height:33px;
color:#fff;
font-size:12px;
line-height:33px;
text-indent:20px;
border-bottom:1px solid #D9D7D2;
background:url('news-box-top.png') no-repeat left bottom;
position:absolute;
top:0;
left:-1px; 
}

p.button-more a,
p.button-history a,
p.button-back a {
background: url('header-menu1-bullet.gif') no-repeat 0 6px;
padding-left: 12px;
text-decoration: underline;
color: #00B146;
}

.button-history a {
font-weight: bold;
}

p.button-more a:hover,
p.button-history a:hover,
p.button-back a:hover {
text-decoration: none;
}

/* Newsletter */
form#newsletter {
width: 215px; /* 249px - padding */
height: 116px;
margin-top: 10px;
padding: 0 17px;
background: url('newsletter.png') no-repeat top left;
}

form#newsletter fieldset {
border: 0;
}

form#newsletter fieldset legend {
display: none;
}

form#newsletter fieldset h2 {
width: 100%;
height: 33px;
font-size: 12px;
line-height: 33px;
color: #fff;
margin-bottom: 10px;
}

form#newsletter fieldset input.text {
width:150px; /* 154px - padding */
height:20px; /* 22px - padding */
border:1px solid #00C041;
padding-top:2px;
padding-left:5px;
padding-right:2px;
margin-right:5px;
}

form#newsletter div.form-line h3 {
color: #fff;
margin: 5px 0;
font-size: 12px;
}

form#newsletter fieldset input.submit {
width: 42px;
height: 24px;
border: 0;
background: url('form-newsletter-submit.gif') no-repeat top left;
cursor: pointer;
color: #fff;
font-weight: bold;
font-size: 12px;
}

form#newsletter fieldset input.checkbox {
margin-left: -5px;
} 

body:lang(cz) form#newsletter fieldset input.checkbox {
margin-left: 0;
} 

form#newsletter fieldset label {
color: #fff;
margin-right: 5px;
font-size: 10px;
cursor: pointer;
vertical-align: text-bottom;
}

/* Pagetitle */
div#pagetitle h1,
div#pagetitle h2 {
color:#00B146;
font:bold 25px arial, verdana, tahoma;
margin:10px 0;
}

div#page-podpora-komunalniho-rozvoje div#pagetitle {
height: 86px;
background: url('logo-podpora-komunalniho-rozvoje-header.png') 0 0 no-repeat;
margin-bottom: 20px;
}

div#page-podpora-komunalniho-rozvoje div#pagetitle h1 {
display: none;
}

/* Footer */
div#footer {
clear: both;
width: 100%;
background: url('footer.png') top left no-repeat;
height: 90px;
}

div#footer-box {
padding-top:3px;
}

div#footer-menu {
width:100%;
height:40px;
}

div#footer-menu ul {
text-align:center;
height:40px;
line-height:40px;
}

div#footer-menu ul li {
display:inline;
}

div#footer-menu ul li a {
color:white;
text-decoration:underline;
padding:0 13px 0 13px;
font-weight: bold;
border-right:1px solid white;
}
div#footer-menu ul .m31il a{
border:none;
}

div#footer-menu ul li a:hover {
text-decoration:none;
}

/* Copyright & Miton */
div#copyright,
div#miton {
float:left;
margin:25px 5px 0 5px;
}

div#miton {
float:right;
}

div#miton a {
color:#00B146;
text-decoration:underline;
}

div#miton a:hover {
text-decoration:none;
}

/* Drobečková navigace */
div#navigate {
/*display: none;*/
color: #A4A099;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #E2E0DB;
}

div#navigate a {
color: #000;
}

div#navigate a:hover {
text-decoration:none;
color:#000;
}

/* Flash */
div#layer1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
}

div#layer1-box {
position: relative;
width:750px;
margin:0 auto;
}

div#flashHeader {
position:absolute;
top:25px;
left:243px;
width:497px;
height:185px;
z-index:10;
}

/* Uzivatelem vkladany obsah */
div#work h3 {
color:#00B146;
font-size:12px;
margin-bottom:5px;
}

div#work p {
margin-bottom:10px;
text-align:justify;
}

div#work a {
color:#1ABC55;
}

div#work div.editlink {
margin-bottom:10px;
}

div#work ul {
margin:20px;
}

div#work img {
margin:10px;
}

div#work ul li {
list-style-type:none;
padding:0;
margin:0;
padding-left:10px;
margin-bottom:5px;
background:url('work-li-bullet.gif') left 5px no-repeat;
}

div#work a {
text-decoration:underline;
}

div#work a:hover {
text-decoration:none;
}

div#work a img {
border:0;
}

/* Work - multibox */
div.work-multibox  {
margin-bottom:10px;
}

div.work-multibox h2 {
background:url('work-multibox-header.png') 0 0 no-repeat;
color:#fff;
height:33px;
line-height:33px;
margin:0;
text-indent:15px;
font-size:12px;
}

div.work-multibox div.work-multibox-body {
background:url('work-multibox-footer.png') left bottom no-repeat;
padding-bottom:5px;
}

div.work-multibox div.work-multibox-footer {
background:url('work-multibox-gradient.png') 0 0 repeat-x;
border:1px solid #D8D7D2;
border-bottom:0;
padding:15px;
padding-bottom:5px;
}

/* Work - clanky vypis, tiskove zpravy, napsali o projektu :) */
div#work ul.clanky {
margin:0;
margin-bottom:10px;
}

div#work ul.clanky li {
margin:0;
padding:0;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #E3E0DB;
background-image:none;
overflow:hidden;
zoom:1;
}

div#work ul.clanky li img.image {
float:right;
padding:1px;
border:1px solid #ccc;
margin-left:10px;
margin-bottom:5px;
}

div#work ul.clanky li h4 {
font-size:12px;
color:#9C9B97;
margin-bottom:5px;
}

div#work ul.clanky li h3 {
font-size:12px;
color:#03B044;
margin-bottom:5px;
}

div#work ul.clanky li blockquote {
margin-bottom:5px;
text-align:justify;
}

/* Novinky */
div#area ul.news {
margin:0;
padding:0;
margin-bottom:10px;
}

div#area ul.news li {
padding:0;
margin:0;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #E2E0DB;
background-image:none;
}

div#area ul.news li h3 {
color:#9C9B97;
font-size:12px;
margin-bottom:5px;
}

div#area ul.news li h4 {
color:#19BB54;
font-size:12px;
margin-bottom:5px;
}

div#area ul.news li blockquote {
margin-bottom:10px;
}

/* Interaktivni mapa referenci */
div#interactive-map {
position:relative;
width:450px;
height:261px;
background:url('interactive-map.gif') 0 0 no-repeat;
padding-bottom:30px;
margin-bottom:30px;
border-bottom:1px solid #ccc;
}

div#interactive-map ul {
padding:0;
margin:0;
}

div#interactive-map ul li {
display:inline;
width:0;
height:0;
padding:0;
margin:0;
list-style-type: none;
background:none;
}

div#interactive-map ul li a {
position:absolute;
cursor:default;
display:block;
width:9px;
height:9px;
outline:none;
background:url('interactive-map-bullet.gif') 0 0 no-repeat;
}

div#interactive-map ul li a:hover {
cursor:default;
}

div#interactive-map ul li a * {
display:none;
}

/*js okno*/
div#helper {
position:absolute;
display:none;
padding:5px;
border:1px solid #BFBDB8;
background:#fff url('work-multibox-gradient.png') 0 0 repeat-x; 
z-index:5;
color:#000;
text-align:left;
max-width:150px;
width:150px;
-moz-border-radius:8px;
}

div.showhelp h2 {
font-size:16px;
margin-bottom:5px;
}

div#helper p {
text-align:left;
}

div#interactive-map ul li a:hover {
background-position:0 -9px;
}

/* Interaktivni mapa - jednotlive body na mape */
div#interactive-map ul li.p1 a {
top:100px;
left:150px;
}

div#interactive-map ul li.p2 a {
top:205px;
left:315px;
}

div#interactive-map ul li.p3 a {
top:160px;
left:110px;
}

div#interactive-map ul li.p4 a {
top:195px;
left:90px;
}

div#interactive-map ul li.p5 a {
top:75px;
left:330px;
}

div#interactive-map ul li.p6 a {
top:75px;
left:200px;
}

div#interactive-map ul li.p7 a {
top:14px;
left:200px;
}

div#interactive-map ul li.p8 a {
top:140px;
left:390px;
}

div#interactive-map ul li.p9 a {
top:145px;
left:410px;
}

div#interactive-map ul li.p10 a {
top:200px;
left:330px;
}

div#interactive-map ul li.p11 a {
top:142px;
left:415px;
}

div#interactive-map ul li.p12 a {
top:35px;
left:230px;
}

div#interactive-map ul li.p13 a {
top:45px;
left:240px;
}

div#interactive-map ul li.p14 a {
top:210px;
left:180px;
}

div#interactive-map ul li.p15 a {
top:27px;
left:208px;
}

div#interactive-map ul li.p16 a {
top:205px;
left:345px;
}

div#interactive-map ul li.p17 a {
top:45px;
left:225px;
}

div#interactive-map ul li.p18 a {
top:180px;
left:380px;
}

div#interactive-map ul li.p19 a {
top:180px;
left:325px;
}

div#interactive-map ul li.p20 a {
top:85px;
left:48px;
}

/* Obrazky ve statickem obsahu */
table.images {
width:100%;
table-layout:fixed;
border-spacing:0;
border-collapse:collapse;
margin-bottom:20px;
border-top:1px solid #6E6C66;
border-bottom:1px solid #6E6C66;
}

table.images tr td {
width:33%;
padding:5px 0;
}

table.images tr td img {
margin:0;
}

/* Kontaktni formular */
form#kontaktni_form_1 {
}

form#kontaktni_form_1 span.required,
form#kontaktni_form_1 span.quick-form-required-note-asterisk {
color:#659E21;
font-weight:bold;
font-family:verdana;
display:none;
}

form#kontaktni_form_1 span.quick-form-required-note-text {
display:none;
}

form#kontaktni_form_1 span.required {
margin-right:3px;
display:none;
}

form#kontaktni_form_1 fieldset {
border:0;
}

form#kontaktni_form_1 fieldset legend {
display:none;
}

form#kontaktni_form_1 fieldset dl {
overflow:hidden;
zoom:1;
margin-bottom:3px;
position:relative;
}

form#kontaktni_form_1 fieldset label {
float:left;
width:80px;
text-align:right;
margin-right:5px;
}

form#kontaktni_form_1 fieldset input.text,
form#kontaktni_form_1 fieldset textarea {
border:1px solid #D2D0D0;
vertical-align:middle;
width:280px;
font-family:arial, tahoma, sans-serif;
font-size:11px;
}

form#kontaktni_form_1 fieldset textarea {
height:75px;
}

form#kontaktni_form_1 fieldset input.submit {
border:1px outset #D2D0D0;
background:#E7E7E7;
cursor:pointer;
}

form#kontaktni_form_1 span.error {
color:red;
position:absolute;
left:290px;
}

form#kontaktni_form_1 br {
display:none;
}

/* Galerie */
div#work ul#thumbnails {
overflow: hidden;
zoom: 1;
margin: 0;
margin-left: 10px;
padding: 0;
}

div#work ul#thumbnails li {
float: left;
margin: 0 10px 10px 0;
padding: 0;
list-style-type: none;
background: none;
}

ul#thumbnails a img {
margin: 0;
padding: 1px;
border: 1px solid #BFBDB8;
}

ul#thumbnails a:hover img {
border-color: #7A7872;
}

div#photo {
padding: 5px;
margin-bottom: 20px;
border: 1px solid #BFBDB8;
background:#fff url('work-multibox-gradient.png') 0 0 repeat-x;
}

div#photo a img {
margin: 0;
padding: 1px;
border: 1px solid #BFBDB8;
}

div#photo a:hover img {
border-color: #7A7872;
}

div.pager-navigation {
margin: 10px 0;
text-align: right;
}

div.pager-navigation div {
display: inline;
padding-left: 4px;
}