/* Autor: Radomir Panna - OVA!!!CLOUD.cz */
@charset "utf-8";

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, span,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {	margin: 0;padding: 0; border: 0;}
hr.cistic {clear: both; height: 1px;  border: none;  margin: -1em 0 0 0; visibility: hidden;}

/******************* PISMO *************************/
@font-face {font-family: "Lucida Grande"; src: url(../js/Lucida-Grande.ttf);}

body {font-family: "Lucida Grande", Verdana, sans-serif !important; font-size: 0.750em; color: rgb(0,60,105);}
body.smallText {font-size: 0.625em;}
body.largeText {font-size: 0.875em;}
table {border-collapse: collapse;}
table td {padding: 0.2em 0.4em;}
h1 {font-size: 2em; margin-bottom: 1em;}
h3 {font-size: 1.333em; margin-bottom: 0.750em; margin-top: 2em;}
p {font-size: 1em; line-height: 1.5; margin-bottom: 1.333em;}
table p {line-height: normal; margin-bottom: 0;}
a {color: #003c69; text-decoration: underline; font-weight: bold;}
a:hover {text-decoration: none; color: #5f6e78;}
a.state-private {color: red;}
a.state-pending {color: #ff8c00;}
.managePortletsLink a {color: rgb(95,110,120); font-weight: normal;}
#parent-fieldname-description {font-size: 1.250em;}
.image-right {float: right; margin: 0 0 5px 15px;}
.image-left {float: left; margin: 0 15px 5px 0px;}
span.link-external > a {background: url("../images/external.png") no-repeat scroll 0 3px transparent; padding-left: 20px;}
table.listing {border-top: 1px solid #d7dbdd; border-bottom: 1px solid #dddbdd; font-size: 1em; margin-top: 1.5em; margin-bottom: 1.5em;  border-collapse: collapse; width: 100%;}
table.listing td, table.listing th {border: 1px solid #d7dbdd;padding: 3px 5px;}
table.listing th {background-color: rgb(95,110,120); color: white;}

table.plain {border-top: 1px solid #d7dbdd; border-bottom: 1px solid #dddbdd; font-size: 1em; margin-top: 1.5em; margin-bottom: 1.5em;  border-collapse: collapse; width: 100%;}
table.plain td, table.plain th {border: 1px solid #d7dbdd;padding: 3px 5px;}


#contentActionMenus dl.actionMenu dt.label-state-private a {background-color: red; padding-left: 2px; padding-right: 2px; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em;}
#contentActionMenus dl.actionMenu dt.label-state-pending a {background-color: #ff8c00; padding-left: 2px; padding-right: 2px; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em;}
.info {background-color: rgb(215,219,221); padding: 0.5em 1em; margin-bottom: 1.5em; overflow: auto; }
.info img {margin-top: 0.750em; }
.info h4, .info2 h4 {font-size: 1.333em; margin-bottom: 0.750em;}
.info p.date {color: rgb(95,110,120);}
.info2 {border-bottom: 1px solid #d7dbdd;}
.info2 p {margin-left: 25px;}
#news-listing-form, .listingBar {font-size: 0.833em;}
#news-listing-form select {margin-right: 0.750em;margin-bottom: 0.750em;}
#parent-fieldname-text h3 {margin-top: 0.750em;}
.submit-widget {margin-top: 1em;}
.pullquote {border-top: 1px solid #d7dbdd; border-bottom: 1px solid #d7dbdd; padding: 0.750em 0em; margin-bottom: 1.5em; color: #5f6e78;}
fieldset {border: 0; border-top: 1px solid #d7dbdd;border-bottom: 1px solid #d7dbdd; margin-bottom: 2em;}
fieldset h3 {font-size: 1.333em; margin-bottom: 0.75em; margin-top: 0.5em;}
span.highlightedSearchTerm {background-color: #ffffc1;}
.listingBar {margin-top: 20px;}
#content ul ul {margin-left: 15px;}


/******************* zakladní kostra ****************/
div.row { float: left; width: 100%; display: block; position: relative;}
#visual-portal-wrapper {width: 990px; margin: 0 auto; }
div#portal-columns {min-height: 700px;}
div.cell { position: relative; left: 100%; float: left;}
div.width-1\3a 2 { width: 590px; } /* .width-1:2 */
div.width-1\3a 4 { width: 194px; } /* .width-1:4 */
div.width-3\3a 4 { width: 789px; } /* .width-3:4 */
div.width-full   { width: 988px;  }
div.position-0 { text-align: left; margin-left: -100%;  }
div.position-1\3a 4 {margin-left: -789px; }  /* .position-1:4 */
div.position-1\3a 2 {} /* .position-1:2 */
div.position-3\3a 4 {margin-left: -194px} /* .position-3:4 */
.visualClear {clear: both; margin-top: 5px;}
.hiddenStructure {display: none;}




/********************* HEADER ***********************/
.horni_box {width: 100%; height: 2.3em; border-bottom: 2px solid #d3dadc; }
.horni_box div {float: left;}
.horni_box div.nadpis {line-height: 1.8em;}
.horni_box a {border: none; text-decoration: none;}
.horni_box div.velikost_pisma {margin-left: 36px; margin-top: 0.4em;}
.horni_box div.velikost_pisma ul {list-style: none;}
.horni_box div.velikost_pisma ul li {display: inline;}
.horni_box div.velikost_pisma a {margin-right: 0.5em;}
.horni_box div.velikost_pisma a.small {font-size: 0.667em;}
.horni_box div.velikost_pisma a.normal {font-size: 1em;}
.horni_box div.velikost_pisma a.large {font-size: 1.333em;}
.horni_box .lang {float: right; margin-top: 0.5em; }
.horni_box .lang ul li {display: inline;}
ul#portal-languageselector li a[class^="lang-icon-"], a[class*=" lang-icon-"] {background-image: url("++resource++country-flags/langs.gif"); background-repeat: no-repeat !important; display: inline-block; width: 14px; height: 12px;}
ul#portal-languageselector li a.lang-icon-cs{background-position: 0 0;}
ul#portal-languageselector li a.lang-icon-de{background-position: 0 -12px;}
ul#portal-languageselector li a.lang-icon-en{background-position: 0 -24px;}
ul#portal-languageselector li a.lang-icon-pl{background-position: 0 -36px;}
ul#portal-languageselector li a.lang-icon-ru{background-position: 0 -48px;}
ul#portal-languageselector li a.lang-icon-ko{background-position: 0 -61px;}
.horni_box .nadpis {font-size: 1.333em !important;}
.horni_box div.prihlaseni, .horni_box div.lang {line-height: 2em;}
.logo {height: 89px;}
.logo a#portal-logo {float: left; margin-right: 80px;}
.logo #phoneContact {float: left; }
.logo #portal-searchbox {top:29.5px; background-image: url(../images/searchbox.png); background-repeat: no-repeat; display: block; height: 30px; left: 690px; margin: 0; padding: 0; position: relative; right: 0; width: 300px; }
.logo #portal-searchbox form {display: inline;}
.logo #portal-searchbox input {background-color: transparent; border: 0 none; color: rgb(0, 60, 105); font-size: 1em; font-weight: bold; height: 28px;left: 6px; line-height: 28px; position: absolute; top: 0; width: 256px;}
.logo #portal-searchbox input.searchButton { background-color: transparent; border: 0 none; cursor: pointer; height: 29px; left: 263px; position: absolute; top: 0; width: 36px;}
.logo #portal-searchbox input { color: rgb(0, 60, 105); font-size: 1em; font-weight: bold; line-height: 28px;}
#LSResult {  margin: 0;  padding-top: 28px;}


/******************* vodorovne menu *******************/
div.horizontal_menu {overflow: hidden; clear: both; margin-bottom: 10px; width: 791px; position: relative; left: 100%;}
div.horizontal_menu div {width: 192px; margin-left: 5px; display: block; float: left; background-color: white; border: 1px solid rgb(215,219,221); }
div.horizontal_menu div:first-child {margin-left: 0;}
div.horizontal_menu div a {color: white; display: block; width: 187px; font-size: 1.333em; font-weight: normal; line-height: 2.5em; padding-left: 5px;}
div.horizontal_menu div a span {margin-left: 5pt;}
div.horizontal_menu div.ostrava a {color: rgb(0,157,204);}
div.horizontal_menu div.urad a {color: rgb(255,98,0);}
div.horizontal_menu div.podnikani a {color: rgb(255,14,73);}
div.horizontal_menu div.turista a {color: rgb(0,165,63);}
div.horizontal_menu div.ostrava a:hover {background-color: rgb(0,157,204); color: white;}
div.horizontal_menu div.urad a:hover {background-color: rgb(255,98,0); color: white;}
div.horizontal_menu div.podnikani a:hover {background-color: rgb(255,14,73); color: white;}
div.horizontal_menu div.turista a:hover {background-color: rgb(0,165,63); color: white; }
div.horizontal_menu div a:hover span {color: white; text-decoration: underline;}

/******************* drobeckova navigace **************/



/******************* levy sloupec *********************/
#portal-column-one .portletWrapper {border: 1px solid rgb(215,219,221); margin-bottom: 1em;}
#portal-column-one .portletWrapper form {margin-top: 0.750em;}
#portal-column-one .portletWrapper dl {margin: 5px; }
.portletWrapper a {color: rgb(0,60,105);}
dl.portlet .field input[type="text"] { width: 98%;}
/******************* content **************************/
#parent-fieldname-description {padding: 10px; margin-top: 15px; margin-bottom: 15px; border-top: 1px solid rgb(215, 219, 221); border-bottom: 1px solid rgb(215, 219, 221); line-height: 1.5em; }
body.template-folder_contents #parent-fieldname-description {display: none;}
#addressListing {border-collapse: collapse; margin-top: 1em; margin-bottom: 2em; width: 100%;}
#addressListing tr {border-top: 1px solid #d7dbdd; border-bottom: 1px solid #d7dbdd;}
#addressListing tr td {border-left: 1px solid #003c69; padding: 0.3em 0.750em;}
#addressListing tr td:first-child {border-left: none;}
#addressListing tr td.person {background-color: rgb(247,248,248);}
#addressListing tr td[colspan="4"] a {background: url("../images/plus-icons.png") no-repeat scroll left -32px transparent; padding-left: 20px;}
.deptLifesit a, .deptForm a, .deptLink a, .deptSubdept a {background: url("../images/plus-icons.png") no-repeat scroll left -56px transparent; padding-left: 25px;}


td.phone span { background: url("/++resource++ova.xdvtheme/images/icons.png") no-repeat 0 0 transparent; padding-left: 20px !important;}
td.phone span.fax          { background-position: 0 -36px; } 
td.phone span.email        { background-position: 0 0; }
td.phone span.multiemail   { background-position: 0 -177px; }
td.phone span.mobile       { background-position: 0 -72px; } 
td.phone span.phone        { background-position: 0 -108px; }
td.phone span.printer      { background-position: 0 -144px; }


/*#addressListing tr td.sign {display: none;}*/
.officeHours table {width: 100%; border-top: 1px solid #d7dbdd; border-bottom: 1px solid #d7dbdd; margin-bottom: 2em;}
.officeHours table td {padding: 0.3em 0.750em;}
.officeHours table td:first-child {width: 133px;}
.officeHours, .deptSubdepts, .deptLifesits, .deptForms, .deptLinks, #departmentOffices {margin-bottom: 2em;}
.deptLifesit, .deptForms .deptForm, .deptLinks .deptForm, .deptSubdept {border-top: 1px solid #d7dbdd; background-color: rgb(247,248,248); padding: 0.5em 0.750em;}
#departmentOffices {margin-top: 4em;}
#departmentOffices h2 {margin-bottom: 0em;}
#departmentOffices .departmentOffice {margin-top: 0em;}
#departmentOffices .departmentOffice h3 {margin-top: 0em;}

/****************** content - kontaktni tabulky ************/
table.contactItem {width: 100%; border-top: 1px solid #d7dbdd; border-bottom: 1px solid #d7dbdd;}
table.contactItem td {width: 50%; vertical-align: top;}
table.contactItem td.contactMap .googleMapView.googleMapActive,table.contactItem td.contactMap .googleMapPane { height: 25em;}
table.contactItem td.contactInfo div.leftCol {margin-bottom: 0em; padding: 0.4em 0;}
table.contactItem td.contactInfo div.rightCol p {margin-bottom: 0em; padding: 0.4em 0; border-top: 1px solid #d7dbdd;}
table.contactItem td.contactInfo div.rightCol strong {font-weight: normal; color: #5f6e78;}
table.contactItem td.contactInfo div.rightCol span {font-weight: bold;}

/****************** content - tabulky sdílení ************/
table#user-group-sharing td.listingCheckbox {text-align: center;}

/****************** content - životní situace ************/
div#content-core #lifeSitList ol {list-style: none;}
div#content-core #lifeSitList ol li {padding: 0 0 1.5em 0;}
div#content-core #lifeSitList ol li ul li {padding: 0 0 0.2em 0; list-style: circle;}
div#content-core #lifeSitList div.lifeSitListDesc ol {list-style: decimal;}
div#content-core #lifeSitList div.lifeSitListDesc ol li {padding: 0 0 0.1em;}
#lifeSitList .lifeSitListTitle {font-size: 1.333em; margin-bottom: 0.5em; font-weight: bold;}
#lifeSitList .lifeSitListDesc {margin-top: 0; margin-bottom: 0.5em;}
#lifeSitList .lifeSitListDesc p {margin: 0 0.5em 0.5em 0;}
#lifeSitList .lifeSitListDesc ul, #lifeSitList .lifeSitListDesc ol {margin-left: 0em;}
div#content-core #lifeSitList .lifeSitListDesc ul li {margin-bottom: 0.1em !important;}

/****************** content - vyhledavaci form pro kontakt *******************/
#buildingInfo {margin-top: 2em;}

/****************** content - struktura mmo **********************************/
table#struktura_mmo td a {font-weight: normal;}
table#struktura_mmo th {background-color: #FFE0CC;color: #003C69;}


/****************** content - zivotni situace ********************************/
#lifeSitList ol, #lifeSitList ol li {margin: 0; padding: 0;}

/****************** content - fotky ********************************/
.photoAlbumEntry {width: 140px; float: left; margin-right: 1em; margin-bottom: 1em; text-align: center;}
.photoAlbumEntry img {margin: 0 auto 0.5em;}
.photoAlbumEntry a {font-weight: normal; color: #5f6e78; text-decoration: none; border: 0; font-size: 0.85em;}
.photoAlbumEntry a:hover {text-decoration: underline;}
#content-core .newsImageContainer img {float: left; margin-bottom: 1.5em; margin-right: 1.5em; padding: 1px;}

/****************** content - administrace ********************************/
body.template-folder_contents table#listing-table a {font-weight: normal; text-decoration: none;}
body.template-folder_contents table#listing-table a:hover {text-decoration: underline;}
body.template-folder_contents table#listing-table span.state-expired {color: red; font-weight: bold;}
.state-private {color: red;}
#contentActionMenus dl.actionMenu a .state-private {color: white;}
.newsImageContainer p.discreet {font-style: italic;}





/******************* pravy sloupec ********************/
#portal-column-two  {}
#portal-column-two .portletWrapper {margin-top: 0em; margin-bottom: 1em;}
#portal-column-two .portletWrapper:first-child {margin-top: -4.30em;}
body.smallText #portal-column-two .portletWrapper:first-child {margin-top: -4.50em;}
body.largeText #portal-column-two .portletWrapper:first-child {margin-top: -4.20em;}
#portal-column-two dl dt {font-size: 1.333em; margin-top: 10px; }
.portlet-static-kontaktujte-magistrat-mesta dl.portlet-static-kontakt dt {font-size: 1.333em; margin-top: 10px; }
.portlet-static-kontaktujte-magistrat-mesta dl.portlet-static-kontakt dt span {margin-left: 3px;}

#portal-column-two dl.portlet-static-nejcasteji-hledate dd li {list-style: none; }
#portal-column-two dl.portlet-static-nejcasteji-hledate span.portletTopLeft, #portal-column-two dl.portlet-static-nejcasteji-hledate span.portletTopRight {display: none;}
#portal-column-two .portletWrapper dl {border: 1px solid rgb(215,219,221); background-color: white;}

#portal-column-two .portletWrapper dl dt {margin-left: 5px;}
#portal-column-two .portletWrapper dl dd ul {margin: 10px 5px 5px 5px;}
#portal-column-two .portletWrapper dl dd li {line-height: 1.9; border-top: 1px solid rgb(0,60,105);  background: url(../images/dot.png) no-repeat 3px 1em; list-style: none;  }
#portal-column-two .portletWrapper dl dd li a {text-decoration: none; margin-left: 15px; display: block;  font-weight: normal; padding-top: 0.3em; padding-bottom: 0.3em; }
#portal-column-two .portletWrapper dl dd li a:hover {text-decoration: underline;}
#portal-column-two .portletWrapper dl dd li a img {display: none;}
#portal-column-two .portletWrapper dl dd li.collapsed { background: url(../images/plus_blue2_small.png) no-repeat left 0.625em; }
#portal-column-two .portletWrapper dl dd ul li.expanded { background: #003c69 url(../images/dot2.png) no-repeat left 0.625em; }
#portal-column-two .portletWrapper dl dd ul li.expanded a {color: white;}

#portal-column-two .portletWrapper dl.portlet-static-nejcasteji-hledate {border: 1px solid rgb(215,219,221); background-color: rgb(247,248,248); }
dl.portlet-static-kontakt, dl.portlet-static-c5f0b77dcc98, dl.portlet-static-contact-us, dl.portlet-static-kontaktiruitie-meriiu-ghoroda {background-color: #003c69; color: white;}
#portal-column-two .portletWrapper dl.portlet-static-kontakt, #portal-column-two .portletWrapper dl.portlet-static-c5f0b77dcc98, #portal-column-two .portletWrapper dl.portlet-static-contact-us, #portal-column-two .portletWrapper dl.portlet-static-kontaktiruitie-meriiu-ghoroda {background-color: #003c69; color: white;}
#portal-column-two .portletWrapper td.portlet-static-kontaktujte-magistrat-mesta dl dt span {color: white; line-height: 2.5em; margin-left: 5px; width: 187px; height: 2.5em; display: block; font-size: 1.250em;}
#portal-column-two .portletWrapper dl dt.portletHeader span.portletTopLeft, #portal-column-two .portletWrapper dl dt.portletHeader span.portletTopRight {color: white; line-height: 0em; margin-left: 0px; width: 187px; height: 2.5em; display: none; font-size: 1.250em; }
#portal-column-two .portletWrapper dl.portlet-static-kontakt dt {margin-top: 0;}
#portal-column-two .portletWrapper .portletNewsletter form div.field input {width: 95%;}
#portal-column-two .portletWrapper .portletNewsletter dt span {margin-left: 6px;}
#portal-column-two .portletWrapper .portletNewsletter form p {margin-bottom: 0.5em;}
#portal-column-two .portletWrapper .portletNewsletter form label {margin-left: 0.5em; display: inline-block; width: 85%;}



div.portletAssignments div.portletHeader {background: none repeat scroll 0 0 #DDDDDD; line-height: normal; padding: 0.2em 0em;  }
div.portletAssignments .managedPortletActions { float: right; width: 100%;}
div.portletAssignments .managedPortletActions form { display: inline;}
div.portletAssignments .managedPortletActions a, div.portletAssignments .managedPortletActions form button { background-color: rgba(0, 0, 0, 0); border: medium none; color: #205C90; cursor: pointer; margin: 0 0.1em; padding: 0 !important;}
div.portletAssignments div.portletHeader .managedPortletActions {background-color: #a9b2b4; margin-top: 3px;}


dl.portlet-static-kontakt dt,
dl.portlet-static-kontakt dd .kontakt,
dl.portlet-static-c5f0b77dcc98 dt,
dl.portlet-static-c5f0b77dcc98 dd .kontakt,
dl.portlet-static-contact-us dt,
dl.portlet-static-contact-us dd .kontakt,
dl.portlet-static-kontaktiruitie-meriiu-ghoroda dt,
dl.portlet-static-kontaktiruitie-meriiu-ghoroda dd .kontakt  {margin: 0px 0 10px 0;}
.smallbanner {margin: 0; padding: 0;}
.smallbanner a {display: block; width: 100%; height: 85px;}
.smallbanner img {width: 100%;}
dl.portlet-static-kontakt dd .kontakt p,
dl.portlet-static-kontakt dd .kontakt h2,
dl.portlet-static-kontakt dd .kontakt h3,
dl.portlet-static-c5f0b77dcc98 dd .kontakt p,
dl.portlet-static-c5f0b77dcc98 dd .kontakt h2,
dl.portlet-static-c5f0b77dcc98 dd .kontakt h3,
dl.portlet-static-contact-us dd .kontakt p, dl.portlet-static-contact-us dd .kontakt h2, dl.portlet-static-contact-us dd .kontakt h3,
dl.portlet-static-kontaktiruitie-meriiu-ghoroda dd .kontakt p, dl.portlet-static-kontaktiruitie-meriiu-ghoroda dd .kontakt h2, dl.portlet-static-kontaktiruitie-meriiu-ghorod dd .kontakt h3 {margin:  0 5px;}

dl.portlet-static-kontaktiruitie-meriiu-ghoroda hr, dl.portlet-static-kontakt hr, dl.portlet-static-c5f0b77dcc98 hr, dl.portlet-static-contact-us hr {height: 1px; border: 0; border-bottom: 1px solid white;}
dl.portlet-static-kontaktiruitie-meriiu-ghoroda a, dl.portlet-static-kontakt a, dl.portlet-static-c5f0b77dcc98 a, dl.portlet-static-contact-us a {color: white; text-decoration: none;}
dl.portlet-static-kontaktiruitie-meriiu-ghoroda h2, dl.portlet-static-kontakt h2, dl.portlet-static-c5f0b77dcc98 h2, dl.portlet-static-contact-us h2 {font-size: 2em;}
dl.portlet-static-kontaktiruitie-meriiu-ghoroda h3, dl.portlet-static-kontakt h3, dl.portlet-static-c5f0b77dcc98 h3, dl.portlet-static-contact-us h3 {margin-top: 8px;}
dl.portlet-static-kontaktiruitie-meriiu-ghoroda a.external-link, dl.portlet-static-kontakt a.external-link, dl.portlet-static-c5f0b77dcc98 a.external-link, dl.portlet-static-contact-us a.external-link {background: none no-repeat scroll 0 0px transparent; padding-left: 0px;}
dl.portlet-static-kontakt dt, #aktuality dl.portlet-static-kontaktiruitie-meriiu-ghoroda dt, #aktuality dl.portlet-static-c5f0b77dcc98 dt, #aktuality dl.portlet-static-contact-us dt {padding-top: 10px;}

dl.portlet-static-kontaktiruitie-meriiu-ghoroda #green, dl.portlet-static-kontakt #green, dl.portlet-static-c5f0b77dcc98 #green, dl.portlet-static-contact-us #green {background-color: #00a53f; padding: 5px;}
dl.portlet-static-kontaktiruitie-meriiu-ghoroda .banner img, dl.portlet-static-kontakt .banner img, dl.portlet-static-c5f0b77dcc98 .banner img, dl.portlet-static-contact-us .banner img {width: 192px;}
dl.portlet-static-kontaktiruitie-meriiu-ghoroda div.banner, dl.portlet-static-kontakt div.banner, dl.portlet-static-c5f0b77dcc98 div.banner, dl.portlet-static-contact-us div.banner {height: 85px;}
dl.portlet-static-kontaktiruitie-meriiu-ghoroda div.banner a, dl.portlet-static-kontakt div.banner a, dl.portlet-static-c5f0b77dcc98 div.banner a, dl.portlet-static-contact-us div.banner a {font-size: 0;}
/******************* footer ****************************/
#foot {margin-bottom: 1em; padding: 0.750em 0 0 0; border-top: 1px solid #d7dbdd; border-bottom: 1px solid #d7dbdd; color: rgb(95,110,120); position: relative; min-height: 60px;}
#portal-siteactions li {display: inline; list-style: none; margin-right: 1.3em; }
#portal-siteactions li a {text-decoration: none;}
#portal-siteactions li a:hover {text-decoration: underline;}
#foot #signature {float: left; width: 45%; font-size: 0.833em; }
#foot #logo {width: 53%; font-size: 0.833em; top: 0em;position: absolute; right:0; }
#foot #portal-footer2, #foot #portal-footer {position: relative; }
#foot #portal-footer2 {margin-top: 0;}
#foot #portal-footer2 img {position: absolute; right: 0; top: 3.5em;  }
#foot #portal-footer div#plone-document-byline {position: absolute; top: 3em; left: 0; width: 445px; height: 1em; }
#footer-text { margin-top: 10px;}
/******************* portlet s navigaci ****************/
dl.portletNavigationTree dt {display: none;}
dl.portletNavigationTree dd li {line-height: 1.9; border-top: 1px solid rgb(0,60,105);  background: url(../images/dot.png) no-repeat 3px 1em; list-style: none; }
dl.portletNavigationTree dd li:first-child {border-top: 0;}
dl.portletNavigationTree dd li a {text-decoration: none; margin-left: 15px; display: block;  font-weight: normal; padding-top: 0.3em; padding-bottom: 0.3em;}
dl.portletNavigationTree dd li a img {display: none;}
dl.portletNavigationTree dd li.collapsed { background: url(../images/plus_blue2_small.png) no-repeat left 0.600em; }
dl.portletNavigationTree dd ul li.expanded { background: #003c69 url(../images/dot2.png) no-repeat left 0.700em; }
dl.portletNavigationTree dd ul li.expanded a {color: white;}
dl.portletNavigationTree dd ul li.expanded.navTreeCurrentNode a {background-color: transparent;}

dl.portletNavigationTree dd ul li.expanded ul {background-color: white; color: #003c69;}
dl.portletNavigationTree dd ul li.expanded ul a {color: #003c69;}
dl.portletNavigationTree dd ul li.expanded ul a.state-private {color: red;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel1 {margin-left: 0px; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel1 li {padding-left: 14px; background-position: 12px 0.625em; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel1 li a {margin-left: -14px; padding-left: 28px;}

dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel1 li.collapsed {background-position: 8px 0.600em; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel1 li.expanded {background-position: 8px 0.700em; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel1 li.expanded>a {color: white; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel1 li.expanded>a.state-pending {color: #ff8c00;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel1 li.expanded>a.state-private {color: red;}

dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel2 {margin-left: -14px; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel2 li {padding-left: 34px; background-position: 21px 1em; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel2 li a {margin-left: -34px; padding-left: 34px;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel2 li.collapsed {background-position: 18px 0.600em; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel2 li.expanded {background-position: 18px 0.700em; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel2 li.expanded>a {color: white; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel2 li.expanded>a.state-pending {color: #ff8c00;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel2 li.expanded>a.state-private {color: red;}

dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel3 {margin-left: -34px; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel3 li a {margin-left: -44px; padding-left: 44px; width: 138px;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel3 li {padding-left: 44px; background-position: 30px 1em; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel3 li.collapsed {background-position: 28px 0.600em; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel3 li.expanded {background-position: 28px 0.700em; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel3 li.expanded>a {color: white; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel3 li.expanded>a.state-pending {color: #ff8c00;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel3 li.expanded>a.state-private {color: red;}

dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel4 {margin-left: -44px;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel4 li {padding-left: 54px; background-position: 43px 1em;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel4 li a {margin-left: -44px; padding-left: 44px; width: 128px;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel4 li.collapsed {background-position: 38px 0.600em; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel4 li.expanded {background-position: 38px 0.700em;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel4 li.expanded>a {color: white; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel4 li.expanded>a.state-pending {color: #ff8c00;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel4 li.expanded>a.state-private {color: red;}

dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel5 {margin-left: -54px; margin-top:5px;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel5 li {padding-left: 64px; background-position: 54px 1em;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel5 li a {margin-left: -54px; padding-left: 54px; width: 118px;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel5 li.collapsed {background-position: 48px 0.600em; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel5 li.expanded {background-position: 48px 0.700em;  margin-left:0;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel5 li.expanded>a {color: white; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel6 li.expanded>a.state-pending {color: #ff8c00;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel5 li.expanded>a.state-private {color: red;}


dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel6 {margin-left: -64px; margin-top:5px; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel6 li {padding-left: 64px; background-position: 64px 1em;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel6 li.collapsed {background-position: 48px 0.600em; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel6 li.expanded {background-position: 48px 0.700em; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel6 li.expanded>a {color: white; }
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel6 li.expanded>a.state-pending {color: #ff8c00;}
dl.portletNavigationTree dd ul li.expanded ul.navTreeLevel6 li.expanded>a.state-private {color: red;}

#portal-column-one div.portletWrapper dl.portletNavigationTree dd ul li a:hover {text-decoration: underline;}
#portal-column-one div.portletWrapper dl.portletNavigationTree dd ul li.expanded a img {display: none;}
#portal-column-one div.portletWrapper dl.portletNavigationTree dd ul li.collapsed a img {display: none;}

/************************************ vypis aktuality **********************************************************/
body.template-news-listing .info, {clear: both; margin-top: 0.750em; margin-bottom: 0.750em; padding: 0.5em 1em;}
body.template-news-listing .info2 {clear: both; margin-top: 0.750em; margin-bottom: 0.750em; padding: 0 0 0.750em 0;}
body.template-news-listing .info img {float: right; margin-left: 0.750em; }
body.template-news-listing .info h4, body.template-news-listing .info p {width: 62.560%;}

/************************************ Potrebuji si vyridit ******************************************************/
dl.collapsedInlineCollapsible dt.collapsibleHeader,
dl.collapsedBlockCollapsible dt.collapsibleHeader {padding-left: 30px; background: url("../images/plus-icons.png") no-repeat 3px -50px; cursor: pointer; float: none; position: relative; line-height: 25px; font-size: 1.2em;}
#lifesit-list {margin-bottom: 1.5em;}
dl.collapsible dt.collapsibleHeader {display: block; top: 0em; vertical-align: middle; width: auto; margin-bottom: 10px;}
dl.collapsedInlineCollapsible dd.collapsibleContent, dl.collapsedBlockCollapsible dd.collapsibleContent { display: none;}
dl.collapsible dd.collapsibleContent {clear: left; padding: 0 1em 0.4em;}
dl.expandedInlineCollapsible dt.collapsibleHeader, dl.expandedBlockCollapsible dt.collapsibleHeader {padding-left: 30px; background: url("../images/plus-icons.png") no-repeat 3px -50px; line-height: 25px;}
#lifesit-list ul ul li {margin-bottom: 8px; list-style: none; }
#lifesit-list ul dl dt {margin-bottom: 5px; /*background-position: 3px 8px;*/ }



/************************************ sprava portletu *******************************************************/
#portletmanager-plone-leftcolumn, #portletmanager-plone-rightcolumn {border: 1px solid #5f6e78; background-color:#d7dbdd; }
#portletmanager-plone-leftcolumn h4, #portletmanager-plone-rightcolumn h4 {font-weight: normal; margin: 5px 0px; background-color: #5f6e78; color: white; padding: 2px 5px; }
.kssattr-viewname-manage-portlets {margin-left: 5px;}
.kssattr-viewname-manage-portlets a {text-decoration: none;}
#portletmanager-plone-rightcolumn select, #portletmanager-plone-leftcolumn select {width: 190px;}
.managedPortlet {margin-left: 5px;}
.formControls {margin: 10px 5px;}
.section select {margin-top: 5px;}
/***********************************************************************************************************/
/*********************************** frontpage *************************************************************/
/***********************************************************************************************************/
.portaltype-frontpage #content, .portaltype-frontpage #portal-column-content, #content-core {width: 100%;}
.portaltype-frontpage #portal-columns.row {clear: both;}
.emergency-title {display: none;}
.emergency-box {background-color: #c80000; margin-bottom: 10px; line-height: 2em; clear: both; color: white !important;}
.emergency-box p {line-height: 2em; margin: 0.5em 0; padding-left: 1em; padding-right: 1em; font-size: 1.35em; }
.emergency-box .visualClear {display: none;}

/********************************** frontapage - tabulky ***************************************************/
table.table-globalnav, table#aktuality {width: 990px; border-collapse: collapse; text-align: left; margin-top: 0.750em;}
table.table-globalnav {margin-top: 0;}
table.table-globalnav thead th {width: 192px; background-color: #003c69; color: white; border-left: 1px solid #003c69; border-right: 1px solid #003c69; text-align: left;}
table.table-globalnav thead th a {color: white; line-height: 2.5em; margin-left: 5px; width: 187px; height: 2.5em; display: block; font-size: 1.250em; }
table.table-globalnav thead th#head-o-meste {background-color: rgb(0,157,204); border-left: 1px solid rgb(0,157,204); border-right: 1px solid rgb(0,157,204);}
table.table-globalnav thead th#head-urad {background-color: rgb(255,98,0); border-left: 1px solid rgb(255,98,0); border-right: 1px solid rgb(255,98,0);}
table.table-globalnav thead th#head-podnikatel-investor {background-color: rgb(255,14,73); border-left: 1px solid rgb(255,14,73); border-right: 1px solid rgb(255,14,73);}
table.table-globalnav thead th#head-turista {background-color: rgb(0,165,63); border-left: 1px solid rgb(0,165,63); border-right: 1px solid rgb(0,165,63);}
table.table-globalnav thead th.barva4b span {color: white; line-height: 2.5em; margin-left: 5px; width: 187px; height: 2.5em; display: block; font-size: 1.250em; }
table.table-globalnav thead th.barva4b span.portletTopLeft, table.table-globalnav thead th.barva4b span.portletTopRight {color: white; line-height: 0em; margin-left: 0px; width: 187px; height: 2.5em; display: none; font-size: 1.250em; }




table.table-globalnav tbody td {border-left: 1px solid #003c69; border-right: 1px solid #003c69; width: 182px;}
table#portlets tbody td {border-left: 1px solid #d7dbdd; border-right: 1px solid #d7dbdd; width: 182px;}
table#portlets td dt {height: 2.5em; font-size: 1.333em; border-bottom: 3px double #003c69; line-height: 2.5em; margin-bottom: 0.750em; font-weight: bold;}
table.table-globalnav tbody td,
table#portlets tbody td {padding: 0 5px 5px 5px;}
table#portlets td dt.portletHeader span cufon.cufon-canvas:first-child {display: none; width: 0px !important;}
table#portlets td dt.portletHeader span cufon.cufon-canvas[alt~=" "] {display: none;}
table.table-globalnav tbody td li, table#portlets tbody td li {line-height: 1.9; border-top: 1px solid rgb(0,60,105);  background: url(../images/dot.png) no-repeat 3px 1.0em; list-style: none; padding-top: 0.3em; padding-bottom: 0.3em; }
table.table-globalnav tbody td li a, table#portlets tbody td li a {text-decoration: none; margin-left: 15px; display: block;  font-weight: normal;}
table.table-globalnav tbody td li a:hover, table#portlets tbody td li a:hover  {text-decoration: underline;}
table.table-globalnav tfoot th {border-left: 1px solid #003c69; border-right: 1px solid #003c69; border-bottom: 1px solid #003c69;}
table.table-globalnav tfoot th#foot-o-meste, table.table-globalnav tbody td#body-o-meste, table.table-globalnav tbody td#body-o-meste li {border-color: rgb(0,157,204);}
table.table-globalnav tfoot th#foot-urad, table.table-globalnav tbody td#body-urad, table.table-globalnav tbody td#body-urad li {border-color: rgb(255,98,0);}
table.table-globalnav tfoot th#foot-podnikatel-investor, table.table-globalnav tbody td#body-podnikatel-investor, table.table-globalnav tbody td#body-podnikatel-investor li  {border-color: rgb(255,14,73);}
table.table-globalnav tfoot th#foot-turista, table.table-globalnav tbody td#body-turista, table.table-globalnav tbody td#body-turista li  {border-color: rgb(0,165,63);}

.table-globalnav tfoot th a {display: block; height: 23px; width: 24px; margin: 0.750em 0.750em 0.5em 0.2em; background: url("../images/plus-icons.png") no-repeat;}
.table-globalnav tfoot th#foot-o-meste a {background-position: 0 0;}
.table-globalnav tfoot th#foot-urad a {background-position: 0 -201px;}
.table-globalnav tfoot th#foot-podnikatel-investor a {background-position: 0 -260px;}
.table-globalnav tfoot th#foot-turista a {background-position: 0 -142px;}







table.table-globalnav tfoot th a, table#aktuality th#foot_importantNews a, table#aktuality th#foot_currentNews a {margin-left: 5px;}
table.table-globalnav tfoot th a img, table#aktuality th#foot_importantNews a img, table#aktuality th#foot_currentNews a {margin-top: 10px;}
table#aktuality td, table#portlets td {vertical-align: top;}
table#aktuality td.portlet-static-kontaktujte-magistrat-mesta {padding: 0;}
table#aktuality td#karusel {padding: 5px; position: relative;}
td#karusel div.navi a {background: none repeat scroll 0 0 #DEE7EC; border: 1px solid #8CACBB;  border-radius: 4px 4px 4px 4px; display: inline-block; font-size: 1px; height: 7px; margin: 14px 3px 3px; width: 7px;}
td#karusel div.navi a.active,td#karusel div.navi a.hover  { background: none repeat scroll 0 0 #8CACBB;}

table#aktuality td#importantNews {width: 182px; background-color: yellow; padding: 5px; border: 1px solid yellow; color: black !important; }
table#aktuality td#importantNews a {color: black;}
table#aktuality td#importantNews img {width: 182px; margin: 0 auto;}
table#aktuality td#currentNews {padding: 5px; }
table#aktuality td.portlet-static-kontaktujte-magistrat-mesta {width: 192px; background-color: #003c69;}
table#aktuality td.portlet-static-kontaktujte-magistrat-mesta dt span.styl3 {font-size: 1.333em;}
table#aktuality h3 {margin-top: 0.5em;}
table#portlets {border-collapse: collapse; margin-top: 0.750em; width: 100%}
table#portlets td {border-top: 1px solid #d7dbdd; border-bottom: 1px solid #d7dbdd;}
table#portlets tbody td#portlet-partner {width: auto;}
table#portlets table.invisible td {border: 0px; width:180px; height: 85px; text-align: center; vertical-align: middle; }
table#portlets table.invisible td a.external-link {background: none; padding-left: 0;}
table.table-globalnav th.sirka,table.table-globalnav td.sirka, table#aktuality td.sirka, table#portlets td.sirka  {width: 5px; padding: 0; margin: 0; border: 0; }
table#aktuality td.sirka:first-child {width: 0; display: none;}
table#aktuality th#foot_importantNews {background-color: red;}
table.table-globalnav tbody td li:first-child, table#portlets dd li:first-child {border-top: 0;}
body.template-frontpage-view div#content-core table td  li {margin-left: 0; margin-bottom: 0;}
div#partners h2 {height: 2.5em; font-size: 1.333em; border-bottom: 3px double #003c69; line-height: 2.5em; margin-bottom: 0.750em;}
table#aktuality p {margin-top: 0.500em; margin-bottom: 0.200em;}
table#aktuality p.tileFooter {margin-left: 215px;}
table#aktuality p.tileHeadline {font-size: 3em; margin: 0;}
.tileFooter a { background: url("../images/plus-icons.png") no-repeat 0 -83px; color: transparent; display: block; font-size: 0; height: 23px; width: 24px; }


/************************************** frontpage - bannery **************************************************/
div.obalbanner {width: 100%; margin-top: 0.750em; margin-bottom: 0.750em;}
div.obalbanner:after {content: " "; display: block; clear: both;}
div.obalbanner #banner {float: left; width: 734px;}
div.obalbanner #banner > * {float: left;}
body.portaltype-frontpage div.obalbanner .boxnewsletter p {margin-bottom: 0; line-height: 1.3;}
div.obalbanner .boxnewsletter {float: right; width: 239px; border: 1px solid #d7dbdd; height: 151px; background-color: #ccebf5; padding: 5px;}
.boxnewsletter dt {margin-bottom: 2px;}
.boxnewsletter .formControls {margin-top: 2px; margin-bottom: 0; padding: 0;}
.boxnewsletter .formControls input {font-size: 90%;}


/************************************** frontpage - karousel *************************************************/
#karusel {background-color: #ccebf5;}
#karusel h2 {margin-bottom: 0px; margin-left: 0.5em;}
#karusel h3 {margin-bottom: 20px;}
#karusel img {margin: 10px 15px 10px 0;   }
#karusel img.plus {margin: 0; }
#karusel p.tileHeadline a {text-decoration: none; margin-top: 0;}
#karusel p.tileHeadline a:hover {text-decoration: underline;}
#karusel a.browse {display: none;}
#karusel h3.tileHeadline {}
#karusel .carouselWrapper {}
#karusel .carousel {width: 100%; margin-top: 0;}
#karusel div.scrollable div.items div.itemPadding { margin: 0em 1em 2.2em; height: 280px !important; }
#karusel .carousel .scrollable {width: 100%; height: 300px !important;}
#karusel #currentNews {overflow: auto; margin-top: 0; margin-bottom: 0; padding: 0;}
#karusel .carouselWrapper {overflow: auto;}
#karusel .carousel {overflow: auto; height: 300px !important;}
#karusel .itemPadding img {float: left; margin: 15px 15px 15px 0;}

/************************************ frontpage - portlet-kontakt ***********************************************/
#aktuality dl.portlet-static-kontakt dt,
#aktuality dl.portlet-static-kontakt dd,
#aktuality dl.portlet-static-kontaktiruitie-meriiu-ghoroda dt,
#aktuality dl.portlet-static-kontaktiruitie-meriiu-ghoroda dd
  {margin: 0;}





/************************************ admin doplnky ************************************************************/
body.template-usergroup-userprefs table.listing th, body.template-usergroup-groupprefs table.listing th {font-size: 0.7em; padding: 3px 1px; width: 30px;}
body.portaltype-plone-site .field {margin-bottom: 1.5em;}
body.portaltype-plone-site a.link-parent {margin-bottom: 1.5em; color: #5f6e78; text-decoration: none; font-weight: normal; display: block;}
body.portaltype-plone-site a.link-parent:hover {color: #003c69; text-decoration: underline; }
body.template-atct_edit .obalbanner {display: none;}
form .field {line-height: 1em; margin-bottom: 0 !important; margin-top: 0.5em !important; padding-top: 0 !important; padding: 5px;}
form .field.error input {border: 2px solid #ff0e49;}

.formHelp {font-size: 0.8em; font-style: italic; margin-top: 0.5em; font-weight: normal;}
form label {font-weight: bold; margin-bottom: 0.5em;}
/*div.overlay {display: none; font-size: 80%; height: 0; margin: 1em; }*/
.pb-ajax  {font-size: 0.8em;}
.fieldRequired {background: url("/++resource++ova.xdvtheme/images/required.png") no-repeat scroll left transparent; color: white; padding: 0 0 0 1em; font-size: 0.850em; text-transform: capitalize; font-weight: bold;}
ul.configlets a {font-weight: normal; text-decoration: none;}
ul.configlets li {list-style: none; margin-bottom: 10px;}
/*#content fieldset.formPanel {padding: 0 !important;}
#content fieldset.formPanel div[id*="archetypes"] {margin-bottom: 20px !important;}*/
.fieldTextFormat { margin-right: 0.75em; text-align: right;}
fieldset#fieldset-default {background-color: rgb(242,250,252);}
#content li.formTab a.required span:after, #content-core li.formTab a.required span:after, div.field span.required:after {
    color: #FF0000;
    content: "■";
    padding-left: 0.2em;
}
input.blurrable {width: 99%;}
input#title {height: 25px; font-size:1.25em; }
div[id*="parent-fieldname-text"] {padding: 5px;}
#viewlet-below-content-body {width: 98%; padding-left: 1%; padding-right: 1%; padding-top: 10px; padding-bottom: 10px;}
#viewlet-below-content-body ul {padding-left: 20px;}


/************************************** uredni deska *********************************************************/
table#officialdesk {border-collapse: collapse; border-top: 1px solid rgb(215,219,221);border-bottom: 1px solid rgb(215,219,221); margin-bottom: 15px; width: 100%;}
table#officialdesk .desk-label {background-color: rgb(255,247,242); font-weight: normal;}
table#officialdesk .desk-label th {font-weight: normal; line-height: 2em; text-align: left; padding: 5px; border-left: 1px solid rgb(255,98,0);}
table#officialdesk .desk-label th:first-child {border-left: 0;}
table#officialdesk .desk-detail {background-color: rgb(255,224,204);}
table#officialdesk .desk-detail td {font-weight: bold; min-height: 2em; text-align: left; padding: 5px;border-left: 1px solid rgb(255,98,0);}
table#officialdesk .desk-detail td:first-child {border-left: 0;}
table#officialdesk .desk-name th {font-weight: normal; text-align: left; padding: 10px 5px;}










/************************************** barevna mutace *******************************************************/

/* barva4	rgb(0,157,204)*/
body.section-o-meste dl.portletNavigationTree dd li {border-top: 1px solid rgb(0,157,204);}
body.section-o-meste dl.portletNavigationTree dd li:first-child {border-top: 0;}
body.section-o-meste #portal-column-content h1 {color: rgb(0,157,204);}
body.section-o-meste div.horizontal_menu div.ostrava a {color: white; background-color: rgb(0,157,204);}
body.section-o-meste #addressListing tr td {border-left: 1px solid rgb(0,157,204);}
body.section-o-meste #addressListing tr td:first-child {border-right: none; border-left: none;}


/* barva5	rgb(255,98,0)*/
body.section-urad dl.portletNavigationTree dd li {border-top: 1px solid rgb(255,98,0);}
body.section-urad dl.portletNavigationTree dd li:first-child {border-top: 0;}
body.section-urad #portal-column-content h1 {color: rgb(255,98,0);}
body.section-urad div.horizontal_menu div.urad a {color: white; background-color: rgb(255,98,0);}
body.section-urad #addressListing tr td {border-left: 1px solid rgb(255,98,0);}
body.section-urad #addressListing tr td.sign {border-left: none;}
body.section-urad #addressListing tr td:first-child {border-right: none; border-left: none;}

/* barva6	rgb(255,14,73)*/
body.section-podnikatel-investor dl.portletNavigationTree dd li {border-top: 1px solid rgb(255,14,73);}
body.section-podnikatel-investor dl.portletNavigationTree dd li:first-child {border-top: 0;}
body.section-podnikatel-investor #portal-column-content h1 {color: rgb(255,14,73);}
body.section-podnikatel-investor div.horizontal_menu div.podnikani a {color: white; background-color: rgb(255,14,73);}
body.section-podnikatel-investor #addressListing tr td {border-left: 1px solid rgb(255,14,73);}
body.section-podnikatel-investor #addressListing tr td:first-child {border-right: none; border-left: none;}

/* barva7	rgb(0,165,63)*/
body.section-turista dl.portletNavigationTree dd li {border-top: 1px solid rgb(0,165,63);}
body.section-turista dl.portletNavigationTree dd li:first-child {border-top: 0;}
body.section-turista #portal-column-content h1 {color: rgb(0,165,63);}
body.section-turista div.horizontal_menu div.turista a {color: white; background-color: rgb(0,165,63);}
body.section-turista #addressListing tr td {border-left: 1px solid rgb(0,165,63);}
body.section-turista #addressListing tr td:first-child {border-right: none; border-left: none;}

/* barva4a	rgb(204,235,245)*/
body.section-o-meste dl.portletNavigationTree dd ul li.expanded ul,
body.section-o-meste table.listing th,
body.section-o-meste dt.collapsibleHeader
 {background-color: rgb(204,235,245); color: #003c69;}
body.section-o-meste div.horizontal_menu div.ostrava a {color: white; background-color: rgb(0,157,204);}

/* barva5a	rgb(255,224,204)*/
body.section-urad dl.portletNavigationTree dd ul li.expanded ul,
body.section-urad table.listing th,
body.section-urad dt.collapsibleHeader  {background-color: rgb(255,224,204); color: #003c69; }
body.section-urad #lifesit-list ul dl dt {padding-top: 3px; padding-bottom: 3px; background-position: 5px -227px; color: #ff6200; }

/* barva6a	rgb(255,207,219)*/
body.section-podnikatel-investor dl.portletNavigationTree dd ul li.expanded ul,
body.section-podnikatel-investor table.listing th,
body.section-podnikatel-investor dt.collapsibleHeader  {background-color: rgb(255,207,219); color: #003c69; }


/* barva7a	rgb(204,237,217)*/
body.section-turista dl.portletNavigationTree dd ul li.expanded ul,
body.section-turista table.listing th,
body.section-turista dt.collapsibleHeader  {background-color: rgb(204,237,217); color: #003c69; }


/* barva4b	rgb(242,250,252)*/
body.section-o-meste #parent-fieldname-description,
body.section-o-meste #addressListing tr td.person,
body.section-o-meste .deptLifesit,
body.section-o-meste .deptForm,
body.section-o-meste .deptLinks .deptForm,
body.section-o-meste .deptSubdept,
body.section-o-meste #visual-portal-wrapper .info,
body.section-o-meste table.contactItem,
body.section-o-meste form#addressBookForm fieldset,
body.section-o-meste #desk-filter,
body.section-o-meste #addressListing tr td.sign
body.section-o-meste table.listing tr:first-child th,
body.section-o-meste div.fulltext fieldset,
body.section-o-meste .navTreeCurrentNode  {background-color: rgb(242,250,252);}


/* barva5b	rgb(255,247,242)*/
body.section-urad #parent-fieldname-description,
body.section-urad #addressListing tr td.person,
body.section-urad .deptLifesit,
body.section-urad .deptForms .deptForm,
body.section-urad .deptLinks .deptForm,
body.section-urad .deptSubdept,
body.section-urad #visual-portal-wrapper .info,
body.section-urad table.contactItem,
body.section-urad form#addressBookForm fieldset,
body.section-urad div.fulltext fieldset,
body.section-urad #desk-filter,
body.section-urad #addressListing tr td.sign,
body.section-urad table.listing tr:first-child th,
body.section-urad .navTreeCurrentNode
 { background-color: rgb(255,247,242);}

/* barva6b	rgb(255,243,246)*/
body.section-podnikatel-investor #parent-fieldname-description,
body.section-podnikatel-investor #addressListing tr td.person,
body.section-podnikatel-investor .deptLifesit,
body.section-podnikatel-investor .deptForms .deptForm,
body.section-podnikatel-investor .deptLinks .deptForm,
body.section-podnikatel-investor .deptSubdept,
body.section-podnikatel-investor #visual-portal-wrapper .info,
body.section-podnikatel-investor table.contactItem,
body.section-podnikatel-investor #addressListing tr td.sign
body.section-podnikatel-investor form#addressBookForm fieldset,
body.section-podnikatel-investor table.listing tr:first-child th,
body.section-podnikatel-investor #desk-filter,
body.section-podnikatel-investor div.fulltext fieldset,
body.section-podnikatel-investor .navTreeCurrentNode  { background-color: rgb(255,243,246);}


/* barva7b	rgb(242,251,245)*/
body.section-turista #parent-fieldname-description,
body.section-turista #addressListing tr td.person,
body.section-turista .deptLifesit,
body.section-turista .deptForms .deptForm,
body.section-turista .deptLinks .deptForm,
body.section-turista .deptSubdept,
body.section-turista #addressListing tr td.sign
body.section-turista #visual-portal-wrapper .info,
body.section-turista table.contactItem,
body.section-turista form#addressBookForm fieldset,
body.section-turista table.listing tr:first-child th,
body.section-turista #desk-filter,
body.section-turista div.fulltext fieldset,
body.section-turista .navTreeCurrentNode  { background-color: rgb(242,251,245);}

.section-o-meste #portal-column-content .info2 h4 a {background: url("../images/plus-icons.png") no-repeat scroll left -112px transparent; padding-left: 25px;}
.section-urad #portal-column-content .info2 h4 a {background: url("../images/plus-icons.png") no-repeat scroll left -230px transparent; padding-left: 25px;}
.section-podnikatel-investor #portal-column-content .info2 h4 a {background: url("../images/plus-icons.png") no-repeat scroll left -289px transparent; padding-left: 25px;}
.section-turista #portal-column-content .info2 h4 a {background: url("../images/plus-icons.png") no-repeat scroll left -171px transparent; padding-left: 25px;}


/************************** edit-bar *********************************************/
#edit-bar ul, #edit-bar li {list-style: none; padding: 0px; margin: 0px; font-size: 11px;}
#edit-bar #contentActionMenus {padding: 0px !important; margin: 0px !important; font-size: 11px;}
#edit-bar #content-views li { float: left !important; padding-right: 0.25em; list-style: none;}
#edit-bar #contentActionMenus ul { float: left !important;}
#edit-bar #contentActionMenus { float: right !important; text-align: left;}
#edit-bar #contentActionMenus ul li { float: left !important; clear: both;}
#edit-bar #contentActionMenus li {float: right !important; display: inline-block;}
#edit-bar #contentActionMenus li dl {float: left !important;padding: 0px; margin: 0px; margin-right: 0.5em; padding-top: 0.35em; line-height: 2em !important;}
#edit-bar #contentActionMenus li ul {float: left !important; display: inline;}
#edit-bar #contentActionMenus li a {display: block !important;}
dd.actionMenuContent ul li {display: block !important;}
dd.actionMenuContent ul li a { display: block !important;}
#edit-bar #contentActionMenus li ul li a {display: block !important; width: 100%; /* IE css hack */ _width: 128px !important;}
#edit-bar #contentActionMenus li dt a { display: block !important; clear: both !important; font-weight: normal;}
#edit-bar #contentActionMenus dl ul a { display: block !important; clear: both !important; font-weight: normal;}
#edit-bar #contentActionMenus li dd a {display: block !important; clear: both !important; font-weight: normal;}
#edit-bar #contentActionMenus ul li {}
dd.actionMenuContent a {display: block !important; text-decoration: none;padding-left: 0.25em; font-weight: normal;}
dd.actionMenuContent a:hover { display: block !important; text-decoration: none;}
dd.actionMenuContent li {display: block !important;width: 100%;}
#content ul.formTabs { background-color: #ddd; border: 0em solid #ddd; padding: 2px;}
#edit-bar { background-color: #75ad0a;border: 0.25em solid #75ad0a;font-size: 80%;min-height: 2em;margin-bottom: 1em;padding-top: -0.05em; font-family: Verdana, sans-serif !important; }
#content-views { float: left !important; background-color: #75ad0a;}
#content-views a { color: White;}
/* Shared CSS between the two tab types */
#edit-bar,#content ul.formTabs {display: block; border-style: solid solid none solid; margin-left: 0; border-top-right-radius: 0.5em; border-top-left-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; -webkit-border-top-left-radius: 0.5em; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em;}
#content li.formTab {display: inline;  margin-right:0.25em;}
#content-views a,#content li.formTab a { /* this isn't supported by all browsers, so we keep it in a separate rule */ display: inline-block;}
#content-views a,#content li.formTab a { line-height: 2em; padding: 0 0.75em; text-decoration: none; border: none; margin: 0 ;}
#content-views li.selected a,#content li.formTab a.selected { font-weight: bold;}
#content-views li.selected a,#content-views li a:hover,#content li.formTab a.selected,#content li.formTab a:hover { background: White; color: Black;}
#content-views li.selected a,#content-views li a:hover,#content li.formTab a.selected,#content li.formTab a:hover { border-top-right-radius: 0.5em; border-top-left-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; -webkit-border-top-left-radius: 0.5em; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em;}
#content li.formTab a.notify {background-color: red; color: White;}
#content fieldset.formPanel { border: none;}
#content fieldset.formPanel.hidden { display: none;}
#content div.formControls input.hidden { display: none;}
fieldset#fieldset-default iframe {background-color: white;}

/********************************** prihlaseni - edit-bar ***************************************/
.horni_box .prihlaseni {float:right; margin-left: 1.5em; margin-top: 0.3em; }
#portal-personaltools-wrapper { padding-left: 0.5em;  padding-top: 0.25em;font-size: 10px !important; position: relative;}
dl#portal-personaltools {position: relative; z-index: 120; }
#portal-personaltools dt { font-weight: normal;}
#portal-personaltools dt.actionMenuHeader a:after { content: " ▼";}
#portal-personaltools dd { right: 0; padding-top: 0.5em;}
#portal-personaltools dd { background: #e3e3e3; padding-bottom: 0.5em;}
#portal-personaltools dd a { line-height: 2em; padding: 0 0.75em;}
#portal-personaltools dd a:hover { background: #205c90; color: White;}

#contentActionMenus dl.actionMenu a, #contentActionMenus dl.actionMenu.activated dd { background-color: #75ad0a; color: White; z-index: 5; }
#contentActionMenus dl.actionMenu.activated dd { border-bottom: 0.5em solid #75ad0a; right: -3px;}
#contentActionMenus dl.actionMenu.activated dd a:hover, #contentActionMenus dl.actionMenu.activated dd .actionMenuSelected { background-color: White !important; color: #666;}
#contentActionMenus dl.actionMenu a,#contentActionMenus dl.actionMenu div {line-height: 2em;}
#folderHeader, #contextHeader { border-bottom: 2px solid white;}
#contextHeader { margin-top: 5px; }
#contentActionMenus {float: right; background: #75ad0a; margin: 0; position: relative; top: 0; right:-0.24em; padding: 0.1em 0.24em 0 0;border-radius: 0.5em;border-top-left-radius: 0; -webkit-border-radius: 0.5em; -webkit-border-top-left-radius: 0;-moz-border-radius: 0.5em;-moz-border-radius-topleft: 0;}
.actionMenuContent { padding: 0 0.25em;}

/********************************** prihlasovaci stranka ***************************************/
div#login-form {padding: 10px; border: 1px solid #d7dbdd; background-color: rgb(247,248,248); margin-bottom: 1em; }
div#login-form .field {margin-bottom: 1em;}
div#login-form .field label {width: 130px; display: inline-block;}
div#login-form .formControls {margin-left: 0;}

/********************************** nastaveni portalu *****************************************/
body.template-plone_control_panel div#content-core h2 {margin-top: 1.4em; margin-bottom: 0.8em;}
div#content-core li, dl#portlet-prefs li {margin-left: 1.5em; margin-bottom: 0.7em;}
div#content form li, dl#portlet-prefs li {list-style: none;}
/* div#content-core li a, */ dl#portlet-prefs li a {text-decoration: none; font-weight: normal;}
div#content-core li a img, dl#portlet-prefs li a img {vertical-align: middle;}
body.template-plone_control_panel ul.configlets {border: 1px solid #d7dbdd; background-color: rgb(247,248,248); padding-top: 1em; margin-bottom: 1em; }
body.template-plone_control_panel div#content-core div ul.configlets {border: 0; background-color: transparent;}
#portlet-prefs {border: 1px solid #d7dbdd; background-color: rgb(247,248,248); padding-top: 1em;}
#portlet-prefs dt {display: none;}
#portlet-prefs dd {margin-left: 0.5em;}
#portlet-prefs dd {margin-bottom: 1.5em; }
body#content.mceContentBody li {margin-left: 1.5em; margin-bottom: 0.7em;}

div#pziList ol {list-style:none; padding-left: 1.3em;}
div#pziList ol li {margin-left: 0;}
div#content-core div#pziList ol li div.pziTitle a, div#content-core div#pziList ol li div.pziTitle {font-weight: bold;}
div#content-core div#pziList ol li div.pziTitle a {text-decoration: underline;}
div#content-core div#pziList ol li div.pziTitle a:hover {text-decoration: none;}
div#content-core div#pziList div.pziDesc {margin-left: 1.3em;} 
div#content-core div#pziList div.pziDesc li {list-style: disc;}
div#content-core div#pziList div.pziDesc a {text-decoration: underline;}

/********************************** úprava článků **********************************************/
fieldset input, fieldset textarea {margin-bottom: 1em;}
#content textarea {width: 100%;}
fieldset .ploneSkin table tr.mceFirst {background-color: rgb(215,219,221);}
.fieldUploadFile {display: none;}
.editionComment {border: 1px solid #d7dbdd; background-color: rgb(247,248,248); padding: 0.750em; margin-top: 1em;}
.editionComment label {font-weight: bold;}
div[id*="formfield-form"] input[type="text"], div[id*="formfield-form"] textarea  {width: 90%;}
div.karusel div.crollable div.items div.itemPadding {margin-top: 0em;}
input.context {margin-right: 10px;}
#atrbResults td.contenttype-frontpage a {color: rgb(255,14,73);}
#atrbResults td.contenttype-folder a {font-weight: normal;}
table.nosort td a {font-weight:normal; }
table.nosort td.checker {text-align: center;}
 table.nosort td.checker img {margin: 0 auto;}
/********************************** search *******************************************/
#search-results-bar {border-top: 1px solid #d7dbdd; border-bottom: 1px solid #d7dbdd; padding-top: 8px; padding-bottom: 8px; min-height: 20px;}
#search-results-bar span {float: left; }
#search-results-bar span#searchResultsSort {float: right;}
#search-results dt {margin-top: 15px;}

dl.actionMenu { float: left; white-space: nowrap;position: relative;margin-left: 0em;margin-right: 0.5em; margin-top: 0.2em;}
dl.actionMenu a, .prihlaseni dl.actionMenu div { display: block !important; white-space: nowrap;}
dl.actionMenu a {color: #003c69; font-weight: bold; text-decoration: none;}
dl.actionMenu a:hover {text-decoration: underline; color: rgb(128,158,180);}
dl.actionMenu dt {font-weight: normal;}
span.arrowDownAlternative { font-size: 80%;}
dl.actionMenu.deactivated dt { margin: 0 0.25em;}
dl.actionMenu.deactivated dd { display: none;}
dl.actionMenu.activated dd { position: absolute; width: auto; min-width: 100%; border-bottom-right-radius: 0.5em; border-bottom-left-radius: 0.5em; -webkit-border-bottom-right-radius: 0.5em; -webkit-border-bottom-left-radius: 0.5em; -moz-border-radius-bottomleft: 0.5em; -moz-border-radius-bottomright: 0.5em;}
dl.actionMenu.activated dt a, dl.actionMenu.activated dd a, dl.actionMenu.activated dd div { margin: 0 0.25em;}
#search-results-bar dl.actionMenu {margin-top:0; margin-left: 10px;}
dl.searchResults dd {margin-left: 40px;}

#search-filter { background: none repeat scroll 0 0 #DDDDDD; margin: 0; padding: 0;}
dl.actionMenu.activated dt a, dl.actionMenu.activated dd a, dl.actionMenu.activated dd div { margin: 0 0.25em;}
dl.actionMenu a, dl.actionMenu div { display: block !important; white-space: nowrap;}
fieldset#search-field {border: 0; padding-top: 15px; padding-bottom: 15px; text-align: center; margin: 0 auto 10px auto; border-bottom: 1px solid #D7DBDD; border-top: 1px solid #D7DBDD; background-color: rgb(247,248,248) }
fieldset#search-field .searchPage {display: block; border: 1px solid #D7DBDD; line-height: 25px; height: 25px; margin: 0 auto 10px;}



div#search-results-wrapper dl.actionMenu.activated dd { position: absolute; width: auto; min-width: 100%; border-bottom-right-radius: 0.5em; border-bottom-left-radius: 0.5em; -webkit-border-bottom-right-radius: 0.5em; -webkit-border-bottom-left-radius: 0.5em; -moz-border-radius-bottomleft: 0.5em; -moz-border-radius-bottomright: 0.5em; display: block; width: 450px; z-index: 999; background-color: #dddbdd; }

div#search-results-wrapper dl.actionMenu.activated dd .optionsToggle {width: 100%;}





/********************************** info zpravy **************************************/
dl.portalMessage {width: 100%; margin-top: 1em; margin-bottom: 1em; padding-top: 0.2em; padding-bottom: 0.2em;}
#portal-column-content #editable-wrapper dl.portalMessage.info {background-color: #fff7f2; color: #003c69; overflow: auto; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding-left: 0; padding-right: 0;padding-top: 0;}
dl.portalMessage.info dt, dl.portalMessage.warning dt {float: left; background-color: red; color: white; padding: 0.2em 1em;}
dl.portalMessage.info dd{ margin: 0.2em 1em 0.2em 5em;}
dl.portalMessage.warning dd { margin: 0.2em 1em 0.2em 7em;}
dl.portalMessage.warning {border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background-color: #fff3f6; color: #003c69; overflow: auto; padding-left: 0; padding-right: 0; padding-top: 0;}



/********************************** stopky *****************************************/
#portal-column-content #plone-document-byline {display: none;}
table.table-globalnav thead th.sirka {background-color: transparent;}
div#content-core ul dl li a {text-decoration: underline;}
div#content-core ul dl li a:hover {text-decoration: none;}
dl.portletNavigationTree dd ul li.expanded,
body.section-podnikatel-investor dl.portletNavigationTree dd ul li.expanded.navTreeCurrentNode,
body.section-urad dl.portletNavigationTree dd ul li.expanded.navTreeCurrentNode,
body.section-o-meste dl.portletNavigationTree dd ul li.expanded.navTreeCurrentNode,
body.section-turista dl.portletNavigationTree dd ul li.expanded.navTreeCurrentNode { background: #003c69 url(../images/dot2.png) no-repeat left 0.700em; }


/********************************** nastavení portálu ******************************/
div.formControls input {border: 1px solid #5f6e78; font-size: 120%; background-color: #dddbdd; }
dd.portletItem form div.field input#newsletter-email-address {width: 100%;}


/*********************************** SMAZ ******************************************/
table.table-globalnav tbody td#body-nejcasteji-hledate.barva4b ul li.obrazek {list-style: none; padding-top: 1.5em; display: block; background: none;}
table.table-globalnav tbody td#body-nejcasteji-hledate.barva4b ul li.obrazek a.external-link {background: none; margin-left: 0; padding-left: 0;}
li.portal {font-size: 1.1em; font-weight: bold;}
div#content-core li.portal a {font-weight: bold;}
table.table-globalnav tbody td li span.link-external > a:hover {padding-left: 20px;}
body#plonebrowser div.hide {display: hide !important;}
