@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab&subset=latin,latin-ext);

body { mmax-width: 650px; margin: 1em 1em 2em }
//body { font: 14px "Open Sans", sans-serif; }
//body { font: 16px "Roboto", sans-serif; }
//body { font: 16px "Roboto Condensed", sans-serif; }
body { font: 15px "Roboto Slab", sans-serif; }
p { line-height: 144% }
.bod h1 { font-size: 32px; font-family: "Roboto Condensed", sans-serif; font-weight: bold; line-height: 120%; margin-top: .25em}

//a { text-decoration: none; color: #c14 }

.invisible { color: transparent }
.nobreak { white-space: nowrap }
.indented { padding-left: 2em; }
.quicklinks { clear: both; margin: 1em 0 }
.quicklinks a { color: #337AB7 }
.btn-tn { padding: 1px 4px; font-size: 10px; line-height: 1.5; border-radius: 3px; margin-top: -2px}

ul.plain { list-style-type: none; padding-left: 0em; margin: 0 }
ul.inline { padding: 0 }
ul.inline li { display: inline; }
ul.comma-separated li:after { content: ", "; }
ul.comma-separated li:last-child:after { content: "" }
ul.indented { padding-left: 2em }

table.plain { border-collapse: collapse; border-spacing: 0; }
table.plain th { vertical-align: baseline; text-align: right; font-weight: normal; padding: 0 .5em 0 0 }
table.plain td { padding: 0 .25em 0 0 }
table.plain th.headline { text-align: left; font-weight: bold; }

.panel-heading .btn-group.pull-right { margin: -10px -15px -10px 0; }
.panel-heading button {
  background: goldenrod;
  color: black;
  border: none;
  border-left: solid 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 18px;
  padding: 10px;
}
.panel-heading button,
.panel-heading li
  { font-family: "Roboto Condensed", sans-serif; }
.panel-heading button span { color: black }

.session-pager { margin: -.3em 0 0; text-align: right; }
.session-pager li > a { padding: 5px 8.5px; }

.tab-content { margin-top: 1em }

.subtitles { margin-bottom: 1.3em }
.predklada, .additional-info { font-family: "Roboto", sans-serif; font-size: 13px; line-height: 120%; font-weight: normal; color: #888; margin:0 }
.tema { font-family: "Roboto", sans-serif; font-size: 13px; font-weight: normal; color: #888; margin:0 }
.tema a { font-weight: normal; color: #fff; }

.annotated { padding-left: 90px }

.breadcrumbs,
.sections,
.video-moments
  { padding-left: 0; margin: .5em 0 0 }
.breadcrumbs, .video-moments { font-family: "Roboto", sans-serif; font-size: 13px; }
.breadcrumbs li,
.sections li,
.video-moments li
  { display: inline; }
.breadcrumbs li:after { content: " /" }
.breadcrumbs li:last-child:after { content: "" }
.sections li:after { content: " \2014" }
.sections li:last-child:after { content: "" }
.sections { font-size: 12px; }
.video-moments li:before { content: "\25B6 \0020"; color: #888 }
.video-moments li:first-child:before { content: "" }

.compact-vote { font-family: "Roboto", sans-serif; font-weight: bold; font-size: 13px}
.named-vote { font-family: "Roboto", sans-serif; font-size: 13px }
.named-vote th { text-align:right; vertical-align: top; width: 7.2em; padding-right: .5em }

.related { font-family: "Roboto", sans-serif; font-size: 13px; line-height: 19px; }
.related th { font-weight: normal; width: 5.5em; text-align: right; padding-right: .25em; }
.related .this th,
.related .this td
  { font-weight: bold }

.approved, .present a, .vote-positive a { color: #5a5; }
.unapproved, .not-present a, .vote-negative a { color: #e24 }
.partially-present a { color: #ea4 }
.vote-neutral a { color: grey }
tr.medskip td,tr.medskip th { padding-top: .5em; }

ul.subory { list-style-type: none; padding-left: 0; margin: 0; line-height: 1.7em; }
.resource-icon { height: 17px; vertical-align: -3px; margin-right: .25em }

.play-icon { height: 20px; vertical-align: -4px; opacity: 0.6; }

h5 { margin-bottom: .5em }

.popover-title { font-family:"Roboto", sans-serif; font-weight: bold }
.score-high { background: #2b2; }
.score-medium { background: #da4; }
.score-low { background: #d22; }

.subsection { border-left: solid 5px; padding-left: .5em; padding-top: 0em; padding-bottom: 1em; margin: 2px 0; }
div.subsection:first-of-type { padding-top: 0 }
div.subsection:last-of-type { padding-bottom: 0 }
.subsection p:first-of-type { margin-top: 0; }
.subsection p:last-child { margin-bottom: 0; }
.subsection.rozprava { border-color: gold; }
.subsection.hlasovanie { border-color: orange; }
.subsection.hlasovanie-y { border-color: yellowgreen; }
.subsection.hlasovanie-n { border-color: tomato; }
.subsection.uznesenie { border-color: darkviolet; }
.subsection h4 { font-weight: normal; color: grey; font-family: "Roboto", sans-serif; font-size: 12px; margin-top: 4px; float: left; margin-left: -97px; width: 80px; text-align: right; }
.subsection h4 a { color: grey; }
/*div.subsection:first-of-type h4 { margin-top: 0 }*/
.selected-district { font-weight: bold }
p:target { background: #ffc }

.topline { border-top: solid 1px #ddd; padding-top: .5em }

.person .headshot { height: 190px; border-radius: 50%; float: left; margin: 0 1em 1em 0; }
.person h1,
.organization h1 { font-size: 32px; font-family: "Roboto Condensed", sans-serif; font-weight: bold; }
.person h2,
.organization h2 { font-family:"Roboto Condensed", sans-serif; font-size: 24px; font-weight: normal; margin: 0 }
.person .panel-body h3,
.organization .panel-body h3 { font-family:"Roboto Condensed", sans-serif; font-size: 18px; line-height: 120%; font-weight: bold; margin: .75em 0 .25em }
.person h3:first-child,
.organization h3:first-child { margin-top: 0 }
.person .personal-info { margin-bottom: 1em; position: relative; }
.person .motto,
.organization .motto  { position: absolute; top: 0; right: 0; color: #ddd; font-size: 32px; font-family: "Roboto Condensed", sans-serif; font-weight: 300; z-index: -1}
.person .contact-details { margin-top: 1em }
.person .financials { margin-top: 1em; padding-left: 175px}
.person .financials .value { font-family:"Roboto", sans-serif; font-weight: bold }
.person .financials .details { margin-left: .3em }
.person .postoj { font-family:"Roboto", sans-serif; font-weight: bold }
.person .aktivita .bod,
.person .aktivita .link { font-family:"Roboto", sans-serif; font-size: 13px; margin-bottom: 0 }
.person .aktivita .quote { margin-bottom: 1.25em }
.person .clenstva { margin-bottom: 1em; }
.person .clenstva li { margin-bottom: .25em }
.person .presence { margin: -4px 0 -2px 3px; width: 3em; padding-left: 0; padding-right: 0; font-family:"Roboto", sans-serif; }

.organization #next-session .days,
.organization #next-session .date { font-weight: bold; font-family:"Roboto Condensed", sans-serif; font-size: 18px; }
.organization .areas .area-name { font-weight: bold; margin: .5em 0 0 }
.organization .member-group { color: #aaa }
.organization .programme td { padding-bottom: .25em }
.organization #members .member { width: 90px; display: inline-block; vertical-align: top; font-family:"Roboto Condensed", sans-serif; font-size:14px; font-weight: 400; margin: 0 .5em 1em 0 }
.organization #members .member .headshot { height: 100px; overflow: hidden; position: relative }
.organization #members .member img { width: 100%; }
.organization #members .member .score { height: 6px; width: 100%; background: #aaa; position: absolute; bottom: 0; }
.organization #members .member .score .bar { height: 100%; background: #24f; position: absolute; }
.organization #members .member .score .high { background: #2b2; }
.organization #members .member .score .medium { background: #da4; }
.organization #members .member .score .low { background: #d22; }
.organization #members .member .score .caption { display: none; position: relative; padding: 0 2px; }
.organization #members .member:hover .score { height: auto; }
.organization #members .member:hover .score .caption { display: block; color: #fff }
.organization #members .member .name { margin-top: .25em; }
.organization #members .member .role,
.organization #members .member .period
  { color: #aaa }
.organization #members .former img { -webkit-filter: grayscale(100%) opacity(50%); filter: grayscale(100%) opacity(50%); }
.organization #members .former a { color: #aaa }

/* tema */
.point { font-family:"Roboto", sans-serif; font-size: 13px; margin-bottom: 0 }
.resolution { margin-top: .25em; margin-bottom: 1em }
.resolution.none { color: #999; }

.load-more { }