/*
  ================== MAIN CSS FILE ==================

    CREATED: 28. 1. 2014
    AUTHOR: Internet Stream s.r.o.

  ===================================================
*/

/************************************ FONTS ***********************************/
/******************************************************************************/
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.eot');
    src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../fonts/opensans-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/opensans-bolditalic-webfont.eot');
    src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/******************************** CSS 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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

body        {line-height:1;}

ul          {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

table       {border-collapse:collapse; border-spacing:0;}

a img       {border:none;}

input[type="submit"], input[type="button"], button {cursor:pointer;}
textarea    {overflow:auto;}
:focus      {outline:none;}

/***** Firefox buttons fix *****/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {border:0;padding:0;margin:0;}


/**************************** GENERAL ELEMENTS ********************************/
/******************************************************************************/
.fLeft      {float:left;}
.fRight     {float:right;}
.aLeft      {text-align:left;}
.aRight     {text-align:right;}
.center     {text-align:center;}
.hidden     {position:absolute; top:-10000px; left:0; width:1px; height:1px; overflow:hidden;}

/*********** CLEARFIX ***********/
.group:before, .group:after {content:""; display:table;}
.group:after{clear:both;}
.group      {zoom:1;}
.clear, .clr {clear:both;}

/*********** TABLES ***********/
table   {width:100%;}
caption {}
td, th  {padding:12px 15px; border:none;}
td      {background:#ddd;}
.even td{background:#eee;}
th      {padding:15px; text-align:left; background:#ccc;}

/*********************************** LAYOUT ***********************************/
/*******************************************************************************/
.wrapper, .wrapper.vizualization, .wrapper.mhmp {width:1200px; margin:0 auto;}
@media screen and (max-width:1250px) {
    .wrapper {width:auto; max-width:1200px;}
}
.budgetMenuBox {width:25%; float:left;}
.budgetContentBox {width:75%; float:right;}
.economicalPage .budgetContentBox {width:100%;}

/*********** HEADER ***********/
.header     {}

.headerTop  {height:70px;}

.logo       {float:left; width:50%; height:100%;}

.logo img   {float:left; height:55px; padding:10px 3% 15px;}
.siteName   {display:block; padding:25px 0 0; vertical-align:middle;}
.siteSubName {color: #cbcbcb;}

.cityLink   {float:right; width:50%; text-align:right;;}
.cityLink a {display:inline-block; padding:22px 3% 0 0}


.menu li    {float:left; position:relative;}
.menu a     {display:inline-block; padding:15px 18px;}
.menu li.second {float:right;}
.menu li.second a {}
.menu ul ul {display:none; position:absolute; left:0; top:50px; z-index:10;}
.menu li.second ul {left:auto; right:0;}
.menu li:hover > ul {display:block;}


/*********** HOMEPAGE ***********/
.homeCharts {position:relative; padding:0 0 25px;}

h2.mainPageTitle {position:absolute; left:50%; top:20px; z-index:10; margin:0 0 0 -10% !important; padding:7px 0; width:20%; text-align:center; color:#fff !important;}

.chartArea.loading {background: url('../images/loading.gif') no-repeat 50% 50%;}
.chartArea {position:relative; display:block; text-align:center;}
.homeCharts .chartArea {float:left; width:50%; padding:20px 0 0; cursor:pointer; -moz-box-sizing:border-box; box-sizing:border-box;}
.chartArea.pieChart {max-height:350px;}
.homeCharts .chartArea.pieChart {max-height:450px;}
.chartArea.barChart {max-height:500px;}

.budgetTable {width:92%; margin:0 auto;}
.budgetTable td {padding:12px 15px;}
.budgetTable .income, .budgetTable .costs {width:37.5%;}
.budgetTable .saldo {width:25%; padding-left:0; padding-right:0;}
.budgetTable .saldoDate, .budgetTable .repayment {display:inline-block;}

.budgetTable .history {color:#222; font-size:15px; text-align:center;}
.budgetTable .historyTitle {font-size:15px; text-transform:uppercase;}
.budgetTable .historyWrapper {text-align:left; display:inline-block;}
.budgetTable .historyRow {margin:10px 0;}

.partOfTotal td.title {padding-left:40px;}

.budgetTable .budgetValue, .budgetTable .budgetLabel {float:left; width:50%;}
.costs .budgetLabel {float:right;}
.income .budgetLabel {}
.income .budgetValue {text-align:right;}
.costs .budgetLabel, .costs .budgetValue {text-align:right;}
.clickable {line-height:1.5;}
.costs .clickable2, .costs .clickable3 {font-size:0.8em;}

.subRow td {padding-top:5px; padding-bottom:5px;}
.subRow td.last {padding-bottom:12px;}
.subRow td.income .budgetLabel {padding-left:5%; width:45%;}
.subRow td.costs .budgetLabel {padding-right:5%; width:45%;}

.topSuppliers, .lastCosts {width:50%; float:left}
.topSuppliers table {border-right:1px solid #fff;}
.lastCosts table {border-left:1px solid #fff;}

.topInvestments, .topRepairs {width:50%; float:left}
.topInvestments.fullWidth {width:100%;}
.topInvestments table {border-right:1px solid #fff;}
.topRepairs table {border-left:1px solid #fff;}


.budgetMenuBox h3 {margin:0 0 15px !important; padding:15px 20px 10px;}
.budgetMenuBox .chartArea {max-height:220px; margin:0 0 15px; padding:10px 0 0;}
.chartLegend {float:right; margin:0 30px 0 0;}
.chartLegendItem {display:inline-block; margin:0 20px 0 0;}
.chartLegendItem .legendSquare {display:inline-block; vertical-align:middle; width:20px; height:20px; margin:0 5px 0 0;}
.chartLegendItem .legendLabel {display:inline-block; vertical-align:middle; font-size:13px;}

.iconInfo {vertical-align:middle; padding:2px 0 2px 20px; margin:0 5px 0 0; background: url('../images/icon-info-small.png') no-repeat 0 50%;}
.iconAres {padding-left: 5px; }

.onclickSupplierToggle, .onclickParagraphToggle, .onclickItemToggle {padding:0 20px 0 0; background: url('../images/icon-plus.png') no-repeat 100% 50%;}
.onclickParagraphToggle, .onclickItemToggle {padding:0 0 0 20px; background-position:0 50%;}
.toggleSupplierAll {display:inline-block; width:14px; height:14px; background: url('../images/icon-plus.png') no-repeat 100% 50%; cursor:pointer; vertical-align:middle; margin:0 0 0 5px;}
.onclickSupplierToggle.expanded, .onclickParagraphToggle.expanded, .onclickItemToggle.expanded, .toggleSupplierAll.expanded {background-image: url('../images/icon-minus.png');}


.actionHeader dl {margin:0 30px; padding-bottom:20px; float:left; width:55%;}
.actionHeader dl dt {font-size:15px; margin:20px 0 10px;}
.actionHeader dl dt, .actionHeader dl dd {font-size: 15px;}
.actionHeader dl dd {margin:0 0 0 20px;}
.actionHeader dl ul li {display:inline;}
.actionHeader dl ul li a {display:inline-block; background:#66bbf7; font-size:12px; color:#fff; padding:3px 10px; text-decoration:none;}

.actionHeader .publicContractInfo {width:30%; float:right; text-align:center;  margin:12px 18px; overflow:hidden;  cursor:pointer;}
.actionHeader .publicContractInfo h3{padding:5px 0px; margin: 0px;}
.actionHeader .publicContractInfo:hover {}
.actionHeader .desc {color: rgb(96,96,96); font-size:0.95em;}
.actionHeader .publicContractInfo a {}

.actionHeader .budgetSummary {clear:both;}
.actionHeader .budgetSummary.chaptersSummary table {width:100%}
.actionHeader .budgetSummary.chaptersSummary table th{padding-left:10px;}
.actionHeader .budgetSummary table td.perc{text-align:center}

.actionHeader dt.responsible_person {padding-right: 5px;}

.fastLinks {float:right; margin:0 20px 0 0;}

.fondsAndAu table.summaryTable .title1{width: 10%}
.fondsAndAu table.summaryTable .title2{min-width: 70%}
.fondsAndAu table.summaryTable .totals{font-weight:bold}
.fondsAndAu {margin-bottom: 30px;}

.MonthItems div.tableScroll { overflow:auto;}
.MonthItems table { font-size: 0.8em }
.MonthItems table td, .MonthItems table th{ padding: 3px 4px; border-right: 1px solid #DDDDDD; }


/*********** FOOTER ***********/
.footerLeft {float:left; width:48.5%; padding:20px 0 20px 1.5%;}
.footerRight {float:right; width:48.5%; text-align:right; padding:20px 1.5% 20px 0;}


/*********************************** STYLE ***********************************/
/*****************************************************************************/
html        {color:#252c34; font-size:12px; font-family:open_sansregular, Arial, Helvetica, sans-serif;}
body        {background:#e7e7e7;}

/*********** LINKS ***********/
a           {color:#0E5FAF; text-decoration:underline;}
a:hover     {text-decoration:none;}

.page h1 {color:#3089C9; font-weight:normal; font-size:23px; margin:30px 15px 15px;}
.page h2 {color:#3089C9; font-weight:normal; font-size:20px; margin:30px 15px 15px;}
.page h3 {color:#3089C9; font-weight:normal; font-size:16px; margin:20px 15px 10px;}
.page h4 {color:#3089C9; font-weight:normal; font-size:14px; margin:15px 15px;}

.budgetContentBox > h2 {text-align:center; font-size:23px;}

/*********** TABLES ***********/
td, td a    {color:#004F99;}
th, th a    {color:#013668;}
td          {background:#fff; font-size:12px;}
.even td    {background:#EAF4FF;}
th          {background:#A2D2F2; font-weight:normal; font-size:13px;}
table .amount {text-align:right; white-space:nowrap;}
tr.active td {background:#3895d7; font-weight:bold;}
tr.totals td {font-weight:bold; font-size:13px; background:#A2D2F2; color:#013668;}

/*********** HEADER ***********/
.header .wrapper {background:#424d56;}

.logo a     {text-decoration:none;}
.siteName   {font-size:22px; font-family:open_sanslight, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#cbcbcb;}
.cityLink a {font-size:20px; text-decoration:none; color:#cbcbcb;line-height: 29px;}

.menu       {background:#3487DB;}
.menu a     {color:#fff; font-size:20px; text-decoration:none; border-right:1px solid #acd4e8;}
.menu li.economView a {border-right:none;}
.menu li.second a {}
.menu a:hover,
.menu .active a {background:#207FBF;}
.menu ul ul a {background:#51b1f4;}


/*********** CONTENT ***********/
.page .wrapper {position:relative; background:#fff;}


/*********** HOMEPAGE ***********/
.mainPageTitle  {background:#3487DB; font-size:25px; color:#fff; font-weight:normal;}

.homeCharts {background: url('../images/charts-bg.png') repeat-y 50% 0;}
.chartArea.income {background-color:#b2d84e;}
.chartArea.costs {background-color:#d17c57;}

.incomesChaptersPage {background: url('../images/income-bg.png') repeat-y 0 0;}
.costsChaptersPage {background: url('../images/costs-bg.png') repeat-y 0 0;}

.incomesChaptersPage .budgetMenuBox,
.incomesChaptersPage .budgetMenuBox .note { color:#345900;}
.costsChaptersPage .budgetMenuBox,
.costsChaptersPage .budgetMenuBox .note { color:#842902;}

.budgetMenuBox h3 {color:#fff !important;}
.budgetMenuBox h3.budgetMenuCosts {background:#b54a1b;}
.budgetMenuBox h3.budgetMenuIncome {background:#7ab13a;}
.budgetMenuBox .note {display:block; text-align:center;}
.budgetMenuBox .backLink1,
.budgetMenuBox .backLink2,
.budgetMenuBox .backLink3 {text-decoration:none;}

.budgetTable { background:none;}
.budgetTable td {font-size:18px; color:#fff;}
.budgetTable td a {color:#fff;}

.subRow td {font-size:15px;}

.budgetTable td.income {background:#699f28;}
.budgetTable .odd td.income {background:#7ab13a;}
.budgetTable .odd td {vertical-align: top;}

.budgetTable td.costs {background:#b54a1b;}
.budgetTable .odd td.costs {background:#c15627;}

.budgetTable td.empty {background:none !important;}

.budgetTable .saldo {text-align:center; cursor:pointer; color:#004F99; background:#D6E9FF;}
.budgetTable .saldo a {color:#004F99;}
.budgetTable .even .saldo { background:#BFDEFF;}
.budgetTable .saldoTitle {text-transform:uppercase;}
.budgetTable .saldoDate, .budgetTable .saldo .repayment {font-size:12px; padding:5px 0 0;}
.budgetTable .saldoDate {font-size:14px;}
.budgetTable .saldo .value { displaY: block; }

.homeTables {}
.topSuppliers th:first-child, .lastCosts th:first-child {font-weight:bold; font-size:14px;}
.homeTables .note {padding:15px; text-align:right;}


.note {font-size:10px; color:#727272; padding:5px;}
.suppliersOfAction .supplierDetail {font-size: 0.9em; color: gray; display: block; font-weight: normal; padding: 5px 0;}
.suppliersOfAction table.summaryTable th.title {width:30%}
.suppliersOfAction table.summaryTable th.desc {width:30%}

/*********** CHARTS ***********/
.chartTitle, .middleTitle, .middleSubTitle, .chartArea .legend {font-family:open_sansregular, Arial, Helvetica, sans-serif !important;}
.chartArea.income .chartTitle,
.chartArea.income .middleTitle,
.chartArea.income .middleSubTitle,
.chartArea.income .legend {fill:#2C4900;}

.chartArea.income .tooltip {fill:#2C4900;}

.chartArea.costs .chartTitle,
.chartArea.costs .middleTitle,
.chartArea.costs .middleSubTitle,
.chartArea.costs .legend {fill:#6B2000;}

..chartArea.costs .tooltip {fill:#6B2000;}

.chartArea.income:hover{background:#A6C93E;}
.chartArea.costs:hover{background:#CC724F;}

.chartTitle     {font-size:13px !important;}
.middleTitle    {font-size:25px !important; text-transform:uppercase;}
.middleSubTitle {font-size:16px !important;}
.mainPage .chartTitle, .structure .chartTitle {display:none;}
.chartArea .tooltip {font-size:15px !important; fill:#444; font-weight:bold !important;}
.mainPage .chartArea .tooltip {font-size:20px !important; font-weight:normal !important;}

.chartMiddle {fill:#fff;}

/*.chartArea.income.customColors .sector1 {fill: #699f28;}
.chartArea.income.customColors .sector2 {fill: #fff;}*/
.chartArea.income .chartMiddle {fill:#b1d74d;}

/*.chartArea.costs.customColors .sector1 {fill: #b54a1b;}
.chartArea.costs.customColors .sector2 {fill: #fff;}*/
.chartArea.costs .chartMiddle {fill:#d07b56;}

.chartArea .legend {font-size:12px !important; fill: #444;}
.budgetMenuBox .chartArea .legend {font-size:10px !important;}
.mainPage .chartArea .legend {font-size:16px !important;}

.chartLegendItem.firstBar .legendSquare {background:#3591d2;}
.chartLegendItem.secondBar .legendSquare {background:#E8F5FF; border:1px solid #3591d2;}


.paragraphItems td, .itemActions td, .supplierItem td, .itemOrjs td{color: gray; font-size: 0.9em;}
.paragraphItems .title, .itemActions .title, .itemOrjs .title {padding-left: 30px;}

.searchPage .searchForm {padding: 20px;}

.searchPage ul {padding: 0px 0px 10px 40px;}
.searchPage li {list-style-type: circle; padding: 2px 1px ;}

.menu li.viewsList ul li a {width: 250px}

.mapPage{ background-color: rgb(252,252,252);}
#mapMarkersList {width: 300px; float:left; height: 600px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; margin-right: 5px;}
#mapCanvas{  padding: 0px ; margin: 0px 5px; 0px 300px; height: 600px;}
div.mapInfoWindowBox { width: 325px; padding: 5px 0px;}
#mapMarkersList .filter {margin: 0px 10px; padding: 5px 0px; border-bottom: 1px solid black; text-align: center}
#mapMarkersList .filter strong{display:none;}
#mapMarkersList .markerInfoBox {margin: 0px 10px; padding: 5px 0px; border-bottom: 1px solid rgb(197,197,197);}
#mapMarkersList .markerInfoBox:first-child {border-top: 1px solid rgb(197,197,197);}
#mapMarkersList h2, div.mapInfoWindowBox h2 { font-size: 1.15em; padding: 5px 0px; margin: 0px; text-align: left}
#mapMarkersList p, div.mapInfoWindowBox p  { font-size: 0.9em; color: rgb(96,96,96); padding: 5px 0px; text-align:justify}
#mapMarkersList .budget, div.mapInfoWindowBox .budget  { padding: 3px 0px;}
#mapMarkersList .budget span.title, div.mapInfoWindowBox .budget span.title { font-weight: bold; width: 50%; display: inline-block;}
#mapMarkersList .budget span.amount, div.mapInfoWindowBox .budget span.amount { text-align: right; width: 45%; display: inline-block;}
#mapMarkersList .links, div.mapInfoWindowBox .links { font-size: 0.9em; color: rgb(96,96,96); }
#mapMarkersList #mapPriceSlider {padding: 10px 20px; text-align: center;}
#mapMarkersList #mapFilterAmount {border:0; color:#f6931f; font-weight:bold;}
div.mapInfoWindowBox .showOnMap {display: none;}
.mapFullscreen {text-align:right; margin-top:-20px;}

.pagitation {padding: 20px 0px; text-align:center;font-size: 1.1em;}
.pagitation .active {color:black}

/*********** FOOTER ***********/
.footer {color:#ccc; font-size:12px;}
.footer .wrapper {background:#424d56;}
.footer a, .footer a:hover {color:#ccc; text-decoration:none;}
.footer a:hover {color:#ccc; text-decoration:underline;}


/*********** RESPONSIVE ***********/
@media screen and (min-width:1200px) {
    .pieChart.chartArea {height:350px;}
    .barChart.chartArea {height:500px;}
    .homeCharts .chartArea.pieChart {height:450px;}
}

@media screen and (max-width:1200px) {
    .costsChaptersPage, .incomesChaptersPage {background:none;}
    .costsChaptersPage .budgetMenuBox {background:#d17c57;}
    .incomesChaptersPage .budgetMenuBox {background:#b2d84e;}
    .budgetMenuBox {position:absolute; left:-250px; top:5px; z-index:100; float:none; width:250px; box-shadow:3px 3px 3px #bbb;}
    .budgetMenuBox h3 {padding-right:30px; margin-right:-30px !important; border-radius:0 4px 4px 0; background:#333 url('../images/arrow-right.png') no-repeat 97% 11px !important; cursor:pointer;}
    .budgetMenuBox.opened h3 {background-position:97% -20px !important;}
    .budgetContentBox {float:none; width:auto;}
    .budgetContentBox .chartArea.pieChart {max-width:700px; margin:0 auto;}
    .budgetContentBox .chartArea.barChart {max-width:950px; margin:0 auto;}
    .budgetContentBox h3 {margin-left:50px;}
    
    .pieChart.chartArea {height:350px;}
    .barChart.chartArea {height:500px;}
    .homeCharts .chartArea.pieChart {height:450px;}
    .tableScroll {overflow:auto;}
}

@media screen and (max-width:1024px) {
    .menu ul li.second {float:left;}
    .menu li.economView a {border-right:1px solid #ACD4E8;}
    .menu ul li a {border-bottom:1px solid #ACD4E8;}
    .pieChart.chartArea {height:300px;}
    .barChart.chartArea {height:450px;}
    .homeCharts .chartArea.pieChart {height:400px;}
}

@media screen and (max-width:850px) {
    .menu ul li a {font-size:16px;}
    .menu ul ul {top:46px;}
    .menu li.second ul {right:auto;}
    .siteName {font-size:17px;}
    .cityLink a {font-size:17px;}
    h2.mainPageTitle {font-size:17px;}
    
    .topSuppliers, .lastCosts {width:100%; float:none;}
    
    .budgetTable .budgetValue, .budgetTable .budgetLabel {width:auto; float:none; display:block;}
    .subRow td .budgetLabel {width:auto !important; display:block;}
    
    .homeCharts .chartArea {padding:0;}
   /* .homeCharts .chartArea.income {border-top:20px solid #b2d84e;}
    .homeCharts .chartArea.costs {border-top:20px solid #d17c57;}*/
    .homeCharts .chartArea.pieChart {max-height:320px;}
    .pieChart.chartArea {height:250px;}
    .barChart.chartArea {height:400px;}
    .homeCharts .chartArea.pieChart {height:300px;}
}

@media screen and (max-width:800px) {
    .homeCharts {padding:0; background-image:none;}
    .homeCharts .chartArea {float:none; width:100%;}
    .homeCharts .chartArea svg {margin-bottom:50px;}
    h2.mainPageTitle {left:20px; width:auto; padding-left:15px; padding-right:15px; margin-left:0 !important;}
    
    .budgetTable {width:100%; margin-top:20px; margin-bottom:20px;}
    .budgetTable td {font-size:14px; padding:6px 10px; line-height:1.5;}
    .income .budgetValue {text-align:left;}
    
    .budgetTable .income,
    .budgetTable .costs,
    .budgetTable .saldo {width:auto;}
    
    td, th {padding:6px 10px; font-size:11px;}
    
    
    .budgetContentBox h3 {text-align:center; margin-left:0; margin-right:0;}
    .budgetContentBox .chartLegend + h3 {text-align:left; margin-left:10px; font-size:13px;}
    .chartLegendItem .legendSquare {width:15px; height:15px;}
    .chartLegendItem .legendLabel {font-size:11px;}
    
}
@media screen and (max-width:650px) {
    .header {height:auto;}
    .headerTop {height:auto;}
    .logo {display:block; width:100% !important; height:auto; margin:0 auto;}
    .logo img {float:none; display:block; margin:0 auto;}
    .siteName {display:block; width:100%; text-align:center; padding:0;}
    .cityLink {float:none; display:block; margin:0 auto; text-align:center;}
    .cityLink a {padding:10px 0;}
    .menu ul li a {font-size:14px;}
    h2.mainPageTitle {position:static; text-align:left; margin:20px 0 0 !important;}
    .chartArea.barChart {max-height:340px;}
    
    .page .wrapper {overflow:visible !important;}
    .pieChart.chartArea {height:200px;}
    .barChart.chartArea {height:300px;}
    .homeCharts .chartArea.pieChart {height:250px;}
}

@media screen and (max-width:500px) {
    .menu ul li.second {display:block; float:none; clear:both;}
    .menu ul li a {border-bottom:none;}
    .menu ul li.second a {display:block; border-top:1px solid #ACD4E8;}
    .menu ul li ul {position:static; margin:0 0 0 20px;}
    .menu li:hover > ul {display:none;}
    .menu li.transpAccount ul li a {}
    
}

@media screen and (max-width:400px) {
    .budgetTable td {font-size:12px;}
    
}