a {color:#b61c23;}
.logo {width:75%;}
.cityLink {width:25%;}

.menu {background:#b61c23;}
.menu a     {border-right:1px solid #E56B6F;}
.menu li {list-style: none outside none;}
.menu ul ul a {background:#b61c23;}
.menu .active a, .menu a:hover {background:#8C050A;}


.menu li.transpAccount ul {min-width:350px; background:#b61c23; z-index:20}
.menu li.transpAccount ul li a {width:150px; padding:3px 10px; margin:0 0 0 3px; float:left; border:none; border-top:1px solid #E56B6F; line-height:1.3; font-size:14px}

.budgetMenuBox h3 {background-color:#333 !important;}
.page h1,
.page h2,
.page h3,
.page h4 {color:#b61c23;}

th          {background:#666; color:#fff;}
th a        {color:#fff;}
td          {background:#F7F7F7; color:#333;}
tr.active td  {background:#ddd;}
.even td    {background:#eee;}
td a        {color:#b61c23;}

tr.totals td {background:#ddd; color:#222;}

.homeTables {background:#F7F7F7;}

.topSuppliers table {border-right:2px solid #fff;}

.actionHeader dl ul li a {background:#b61c23;}

.mainPageTitle  {background:#b61c23;}
.budgetTable .even .saldo {background:#ddd;}
.budgetTable .saldo {background:#eee; color:#222;}
.budgetTable .saldo a {color:#b61c23;}

.footer .wrapper {background:#474747;}


/* rozcestnik */
#praha {width:920px; float:right;}

.mapLegend {position:absolute; right:5px; top:25px; width:180px; }
.mapLegendRow {margin:0 0 3px;}
.mapLegendSquare {display:inline-block; width:20px; height:20px; margin:0 5px 0 0; vertical-align:middle;}
.mapLegendTitle {display:inline-block; vertical-align:middle;}
.colorActive {background:#b61c23;}
.colorData {background:#7592b9;}
.colorNoData {background:#bec3d5;}

.mapNote {margin:15px 0 0; line-height:1.5; font-size:10px; color:#555;}
.mapNote span {display:inline-block; width:43px;}

.page .wrapper {overflow:hidden;}
.mapCharts {width:310px; position:absolute; top:60px; left:0px;}

#chartIncomes {background:#b2d84e;}
#chartCosts {background:#d17c57;}

#mapChartsTitle {width:310px; padding:20px 10px 10px;font-size:19px; color:#222;}
#mapChartsTitle a {text-decoration:none; color:#222;}
#mapChartsTitle a:hover {text-decoration:underline;}
#chartIncomes .sector1 {fill: #699f28;}
#chartIncomes .sector2 {fill: #fff;}
#chartIncomes .chartMiddle {fill:#b1d74d !important;}

#chartCosts .sector1 {fill: #b54a1b;}
#chartCosts .sector2 {fill: #fff;}
#chartCosts .chartMiddle {fill:#d07b56 !important;}

.chartIncomesTitle,
.chartCostsTitle {font-size:16px; padding:15px 0 0; text-align:center;}
.chartIncomesTitle {color:#2C4900; background:#b2d84e;}
#chartIncomes .legend {fill:#2C4900 !important;}
.chartCostsTitle {color:#6B2000; background:#d17c57;}
#chartCosts .legend {fill:#6B2000 !important;}


.logoMagistrat {position:absolute; left:335px; top:35px; text-decoration:none; font-size:25px; color:#222;}
.logoMagistrat * {vertical-align:middle;}
.logoMagistrat:hover span {text-decoration:underline;}

.page .wrapper.mhmp {background:#F4F4F4;}

#mapChartsLink {margin:20px 5px; text-align:center; line-height:1.5}


@media screen and (max-width:1024px) {
    .menu li.economView a {border-right:1px solid #E56B6F;}
    .menu ul li a {border-bottom:1px solid #E56B6F;}
}
@media screen and (max-width:500px) {
    .menu ul li.second a {display:block; border-top:1px solid #E56B6F;}
}

.subjectDetailsLink{padding: 20px 0; font-size: 1.2em; text-align:center;}