﻿* {margin: 0; padding: 0;}

header, section, footer, aside, nav, main, article, figure {display: block;}

.element-invisible


 {visibility: hidden; display: none;}


/* -------------------------------------------------------------------- */
/*	C O R E								*/
/* -------------------------------------------------------------------- */


body {text-align: center; color: #1a1a1a; font-family: Tahoma, Trebuchet MS, Arial, sans-serif; font-size: 16px; background: #fff;}
.clr {clear: both; font-size: 0; line-height: 0; }

#wrapper {margin: 0 auto; text-align: left; max-width: 960px; border-left: 1px solid #1a1a1a; border-right: 1px solid 1a1a1a;}

  #wrap-top {margin: 0 auto; max-width: 960px; text-align: left;}

 header {width: 100%; margin: 0 auto; padding-bottom: 1em; max-width: 960px; border-bottom: 0.5em solid #ded6d9; text-align: left; background: url(images/header.jpg) top center no-repeat;}

    #logo {float: left; display: inline; width: 55%; min-width: 450px;}
      #logo img {margin: 1em 0 0.8em 1.5em; max-width: 418px;}

    #breadcrumbs .moduletable {width: 85%; float: left; display: inline; font-family: Tahoma, Trebuchet MS, sans-serif;}
      #breadcrumbs ul {list-style: none; font-size: 95%; padding: 1.4em 1.2em 0.4em; }
      #breadcrumbs li {float: left; display: inline; margin-left: 0.3em}

    #languages .moduletable {float: right; display: inline; padding-top: 1.4em; width: auto;}
      #languages ul li {float: left; display: inline; margin: 0 1.2em 0 0;}

  main {margin: 0 auto; max-width: 960px;}

  #main-col {float: left; width: 76%; display: inline;}

    #main, #article-footer { width:100%;}
    #article-footer {margin: 1.5em 0;}

    #col {float: right; display: inline; width: 23%; margin-top: 1.4em;}
    #col .moduletable {width: 100%; clear: both;}
      #col h3 {font-size: 1em; text-align: center; width: 100%; padding: 0.32em 0 0.25em; background: #624e56; color: #fff;}
      #col .moduletable ul {margin: 0.8em 0.5em 1.2em 1.2em; list-style: none;}
      #col .moduletable li {margin-bottom: 0.4em; font-family: Tahoma, Trebuchet MS, sans-serif;}
      #col a {color: #111;}

      #footer-site {max-width: 960px; border-top: 5px solid #ded6d9; margin: 1em auto; font-size: 0.95em; padding: 1em;}
        #footer-site p {margin: 0.2em auto 0.2em auto; text-align: center; padding: 0; color: #555;}


@media (min-width: 943px) {

   #search {float: right; display: inline; margin-top: 2.8em;}

  .blog, .blog-featured, .item-page, .tag-category, #article-footer .moduletable {padding: 0 2.8em 0 1.4em}

  #col {max-width: 238px;}


}


@media (min-width: 700px) and (max-width: 942px) {

   #search {margin-right: 1em; float: right; display: inline; }

 #main-col {width: 74%; margin-right: 2%; max-width: 650px; min-width: 200px; padding: 0;}

 .blog, .blog-featured, .item-page {padding: 0 2%;}

  #col {margin-right: 1%; width: 22%;}

}

@media (max-width: 699px) {

  header {background: none;}
    #logo-cover {width: 100%; float: left; height: auto; background: url(images/header.jpg) bottom left no-repeat;}
    #logo {width: 80%; min-width: auto;}
      #logo img {margin: 1em 0 1.2em 1.5em; width: 100%; max-width: 418px;}

    #breadcrumbs .moduletable {width: 75%;}

 #main-col {width: 96%; padding: 0 2%;}

 .blog, .blog-featured, .item-page {padding: 0;}

  #col {width: 100%; border-top: 5px solid #ded6d9; margin-top: 1em; padding-top: 2em;}
    #col .moduletable-special {width: 100%; max-width: 221px; margin: auto; clear: both;}
    #col .moduletable {width: 31%; padding: 0 1%; float: left; display: inline; clear: none;}

}



/* -------------------------------------------------------------------- */
/*	T Y P O G R A P H Y						*/
/* -------------------------------------------------------------------- */

p, ul, ol {line-height: 1.55em; font-size: 1em; text-align: left;}
.item-page ul, .item-page ol, .category-desc ul, .category-desc ol {margin: 0.94em 2.5em 0.94em 1.75em;}
h2, h3, h4 {margin: 0.75em 0; line-height: 1.2em; text-align: left;}
p {margin: 1.18em 0;}
a {color: #ba003d; text-decoration: none;}
a:hover {color: #ba003d; text-decoration: underline}

h1, h2, h3, h4 {font-family: Trebuchet MS, Arial, Tahoma, sans-serif; }
h1 {font-size: 2em; font-weight: normal; margin: 0.55em 0 0.625em 0; line-height: 1.2em; text-align: left;}
h2 {font-size: 1.8em; font-weight: normal}
h3 {font-size: 1.5em; font-weight: normal;}
h4 {font-size: 1.25m; font-weight: normal;}

blockquote {border-left: 5px solid #e0ced5; text-align:left; padding-left: 1em; margin-left: 1.2em; line-height: 1.5em;}

div.pull-none.item-image img {width: 100%; float: none; display: block; margin: 1em 0; border: 0;}


/* Detail clanku */

.item-page div.pull-left.item-image {width: 40%; float: left; display: inline-block; margin: 1.5em 1em 0.5em 0; border: 0;}
.item-page div.pull-left.item-image img {width: 100%;}
.item-page h1, h2.item-title, .tag-category h3 {font-size: 2em;}
.item-page a {font-weight: bold;}




/* Blogovy zoznam clankov */

.item {display: inline-block; border-bottom: 0.15em solid #ccc; padding-bottom: 2em;}
.page-header h2, .page-header h1 {font-size: 2em; margin-bottom: 0.25em;}
.item div.pull-left.item-image a img {width: 40%; float: left; margin: 1.5em 1em 0.5em 0; border: 0;}
p.readmore a {background: #555; padding: 0.4em 0.7em 0.4em 0.7em; color: #fff; letter-spacing: 0.05em; border-radius: 2px;}
p.readmore a:hover {text-decoration: none; background: #ba003d; color: #fff;} 


/* Tagy pri detaile clanku */

ul.tags {list-style: none; display: inline-block; width: 100%; font-size: 0.9em; clear: both; margin: 0.5em 0 0.25em 0; padding: 0; font-family: Trebuchet MS, sans-serif; }
ul.tags li a {float: left; display: block; background: #f2f2f2; border: 1px solid #ccc; border-radius: 3px; padding: 0.1em 0.3em; margin-right: 0.75em}
ul.tags li a:hover {background: #ba003d; text-decoration: none; color: #fff;}

/* Zoznam tagov */

ul.thumbnails {list-style: none; margin: 1em; float: left; display: inline; width: 40%;}
ul.thumbnails li {clear: both; border-bottom: 0; padding-bottom: 0; margin: 0;}
ul.thumbnails li h3 {margin: 0; font-size: 1.4em;}

/* Detail tagu */

.tag-category h3 {font-size: 2em; margin-bottom: 0.25em;}
ul.category.list-striped {list-style: none;}
ul.category.list-striped li {display: inline-block; border-bottom: 0.15em solid #ccc; padding-bottom: 2em;}
.category-desc {}
div.tag-category h2 {margin-bottom: 0;}
ul.category.list-striped li img {width: 40%; float: left; margin: 1.1em 1em 0 0; border: 0;}


/* Podrobnosti clanku */

dl.article-info {text-align: left; display: block; clear: both; margin-top: 0.5em; font-family: Trebuchet MS, sans-serif; }
dt.article-info-term {display: none;}
dl.article-info dd {text-align: left; font-size: 0.95em; color: #555;}

.blog .content_rating, .blog-featured .content_rating {display: none;}
.item-page .content_rating {float:left; margin-top: 0.07em;}
.content_rating img {margin: 0 0.05em;}
.item-page .content_vote {float:left; display:inline; margin-left: 0.5em;}
.item-page .content_vote select {padding: 0.1em 0.25em;}
.item-page input.btn-mini {padding: 0.1em 0.25em; margin-bottom: 0.7em;}

.pagination {float: left; width: 100%; padding: 0; margin-top: 1.125em;}
.pagination p {text-align: center; margin: 0;}
.pagination ul {text-align: center; margin: 0; padding: 0; list-style: none; }
.pagination ul li {display: inline; margin: 0 0.3125em; padding: 0;}

/* Specificke typograficke triedy */

a.facebook-share-button {text-align: center; line-height: 37px; font-family: sans-serif; color: white; background-color: rgb(59, 89, 152); padding: 10px; text-decoration: none; font-weight: bold; border-radius: 3px;}

.bibliografia p, p.bibliografia, #main .zdroje p, p.zdroje {font-size: 90%; color: #444; line-height: 1.1em; margin-top: 0.3em;}

#main table {border-collapse: collapse; margin-bottom: 2.4em;}
#main table caption {font-size: 1.1em; font-weight: bold; font-style: italic; text-align: left; margin: 1.5em 0 0.5em 0;}
#main td, #main th {text-align: center; padding: 0.6em; border: 1px solid #888; font-size: 0.9em; margin: 0;}
#main th {background-color: #f0f0f0;}
#main tfoot {border: 0; padding: 0.25em 0 0 0; font-style: italic;}
p.tfoot {line-height: 1.1em; color: #222;}

#main .table-2 th, #main .table-2 td {vertical-align: top; padding: 0.3em;}
#main .table-2 table p {margin: 0.3em 0; padding: 0;}

#main table.noborder, #main table.noborder td {border: hidden;}

#col .moduletable-special {margin: 0 auto 2.8em auto;}

#mc_embed_signup {background: #f4eef0; padding: 1em;}
#mc_embed_signup p {color: #4d4d4d; font-size: 115%; margin: 0;}
#mc_embed_signup input {width: 100%; margin: 0.3em auto; padding: 0.3em 0; font-size: 115%; }
#mc_embed_signup .email input {border: 1px solid #aaa;}
#mc_embed_signup .mailchimp {width: 100%; cursor: pointer; background: #555; color: #fff; border-radius: 2px; border: 1px solid #fff;}
#mc_embed_signup .mailchimp:hover {text-decoration: none; background: #ba003d; color: #fff;} 

.financna-podpora {height: 140px; width: 100%; background:url(images/col-financna-podpora.png) center center no-repeat;}
.financna-podpora button {width: 85%; cursor: pointer; margin: 4em auto 0 auto; padding: 0.3em; font-size: 115%; background: #555; color: #fff; border: 1px solid #fff; border-radius: 2px; }
.financna-podpora button:hover {text-decoration: none; background: #ba003d; color: #fff;}

/* Zo starej sablony */

.item-page-legislativa h1, .item-page-legislativa h2, .item-page-legislativa h3, .item-page-legislativa h4, .item-page-legislativa p {margin: 15px 25px 10px 25px;}
.item-page-legislativa h5, .item-page-legislativa h3, .item-page-legislativa h2 {text-align: center;}

td.backlight, th.backlight, tr.backlight {background: #ead5de;}
h3.caption {font-style: italic; font-weight: bold; text-align: center; font-size: 10pt;}

img.big, table.big {margin: 0 0 0 -55px;}
