* {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: Arial, Trebuchet MS, serif; font-size: 16px; background: #fff;}
.clr {clear: both; font-size: 0; line-height: 0; }

#wrapper {margin: 0 auto; text-align: left; max-width: 1080px; border-left: 1px solid #1a1a1a; border-right: 1px solid 1a1a1a;}

  #wrap-top {margin: 0 auto; max-width: 1080px; text-align: left;}

 header {width: 100%; margin: 0 auto; border-bottom: 0.2em solid #808080; text-align: left;}

  #wrap-header-top {max-width: 1080px; margin: 0 auto; }

    #logo {float: left; display: inline; width: 55%; min-width: 450px;}
      #logo img {margin: 2.2em 1em 1.5em 2.5em; max-width: 418px;}
      #logo p {margin: 0; font-size: 0.5em;}

     #search .moduletable input {background: #f9f9f9; color: #808080; border: 0.1em solid #ccc; border-radius: 2px; width: 180px;}
     #search .inputbox.search-query {padding: 0.2em 0.1em 0.1em 0.1em; font-size: 1em; }

    #wrap-header-middle-outside {width: 100%; background: #4d4d4d;}

    #wrap-header-middle-inside {max-width: 1080px; margin: 0 auto; height: 195px;}

      #user-top {float: left; display: inline-block; width: 39%; }
        #user-top p {color: #f2f2f2; font-size: 125%; line-height: 1.5em; width: 72%; margin: 2.5em auto 0 auto;}

      #picture {float: right; display: inline-block; width: 60%;}
        #picture img {width: 585px; float: right; display: inline-block;}
        #picture p {margin: 0; font-size: 0;}

    #menu-top {width: 100%; background: #366bc9;}
      #menu-top .moduletable {max-width: 1080px; margin: 0 auto;}
      #menu-top .moduletable ul {list-style: none; margin: 0; padding: 0;}
      #menu-top .moduletable li {display: inline-block; margin: 0; padding: 0; text-transform: uppercase; font-size: 1.1em;}
      #menu-top .moduletable a {color: #fff; padding: 0.40em 1.4em; display: block; border-left: 0.1em dotted #4c77c6; border-right: 0.1em dotted #4c77c6; } 
       #menu-top .moduletable li:first-child a {border-left: 0; padding: 0.475em 1em 0.35em 1em; font-size: 0.9em; }
       #menu-top .moduletable li:last-child a {border-right: 0;}
      #menu-top .moduletable a:hover {text-decoration: none; background: #4d4d4d;} 
      #menu-top .moduletable a:active {background: #666;} 
        #menu-top .moduletable li:first-child img {height: 1.1em;}
        #menu-top .moduletable span.image-title {display: none;}

    #breadcrumbs {max-width: 1080px; margin: 0 auto;}
    #breadcrumbs div.moduletable {margin: 1em 1.2em 1em 1.2em;}
      #breadcrumbs ul {list-style: none; font-size: 95%; margin: 0; }
      #breadcrumbs li {display: inline-block;}

    #languages .moduletable {float: right; display: inline; padding-top: 1.25em; width: auto;}
      #languages ul li {float: left; display: inline; margin: 0 1.2em 0 0;}

  main {margin: 1em auto; max-width: 1080px;}

    #main, #user-bottom {float: left; width: 72%; display: inline; clear: none;}

#user-bottom {border: 1px solid #f00; max-width: 500px; display: inline-block; margin: 0 auto;}

    #col {float: right; display: inline; width: 25%;}
    #col .moduletable {width: 100%; clear: both;}

    #col h3 {font-size: 1.5em; text-align: left; padding: 0.32em 0 0.3em 0.5em;}
    #col .moduletable ul {margin: 0.8em 0.5em 1.2em 1.2em; list-style-image: url(images/square.png);}
    #col .moduletable li {margin-bottom: 0.4em;}

      #col .tagspopular ul {list-style: none; margin: 0; padding: 0;}
      #col .tagspopular li {border-bottom: 0.15em solid #e6e6e6; width: 100%; padding: 0.3em; text-transform: uppercase; font-size: 85%;}
        #col .tagspopular li:first-child {border-top: 0.15em solid #e6e6e6;}

    #menu-bottom {width: 100%; max-width: 1080px; margin: 1em auto 0 auto;}
      #menu-bottom .moduletable ul {list-style: none; margin: 0; padding: 0;}
      #menu-bottom .moduletable li {text-align: center; border-bottom: 0.15em solid #e6e6e6; width: 100%; padding: 0.555em; text-transform: uppercase; font-size: 105%;}
        #menu-bottom .moduletable li:first-child {border-top: 0.15em solid #e6e6e6;}
        #menu-bottom .moduletable img {display: none;}

      #footer {width: 100%; border-bottom: 2px solid #808080; border-top: 2px solid #808080; margin: 1em auto; }
        #footer .moduletable {max-width: 1080px; margin: auto; font-size: 0.95em; padding: 1em;}
        #footer p {margin: 0.2em auto 0.2em auto; text-align: center; padding: 0; color: #555; font-size: 0em;}
        #footer img {width: 25%; min-width: 250px; }


@media (min-width: 943px) {

   #search {float: right; display: inline; margin: 1.1em 3em 0 0;}

   #languages-mobile {display: none;}
   #search-mobile {display: none;}

  .blog, .blog-featured, .item-page, .tag-category, #user-bottom .moduletable {padding: 0 2.8em}

  #col {max-width: 270px;}

   #menu-bottom {display: none;}

}

@media (min-width: 800px) and (max-width: 942px) {

 #wrap-header-middle-inside {height: 163px;}
  #user-top {float: left; display: inline-block; width: 37%; padding: 0 1em;}
   #user-top p {color: #f2f2f2; font-size: 125%; line-height: 1.5em; width: 95%; margin: 1.5em auto 0 auto;}

  #picture {width: 50%;}
   #picture img {width: 488px;}

}

@media (min-width: 700px) and (max-width: 799px) {

   #user-top {display: none;}

}


@media (min-width: 700px) and (max-width: 942px) {

   #logo {width: 55%; min-width: 150px;}
     #logo img {width: 90%;}

   #search {float: right; display: inline; margin: 1.1em 1em 0 0;}

   #menu-top .moduletable li {font-size: 0.95em;}
   #menu-top .moduletable a {padding: 0.40em 0.7em;}

   #languages-mobile {display: none;}
   #search-mobile {display: none;}

 #main, #user-bottom {width: 69%; margin-right: 2%; max-width: 650px; min-width: 200px; padding: 0;}

  .blog, .blog-featured, .item-page, .tag-category {padding: 0 2%;}

  #col {margin-right: 1%; width: 28%;}

div.tagspopular ul li span {display: none;}

   #menu-bottom {display: none;}
}

@media (max-width: 699px) {

    #logo {width: 80%; min-width: auto;}
      #logo img {margin: 2.2em 0 1.5em 2em; width: 100%;}

    #wrap-header-middle-inside {height: auto;}
      #picture {float: none; display: block; width: 100%;}
        #picture img {width: 100%; float: none; margin: 0 auto;}

   #search-mobile {float: left; display: inline-block; width: 55%; margin: 0.7em 1em;}
     #search-mobile .moduletable input {background: #f9f9f9; color: #808080; border: 0.1em solid #ccc; border-radius: 2px; width: 100%;}
     #search-mobile .inputbox.search-query {padding: 0.2em 0.1em 0.1em 0.1em; font-size: 1em; }

   #languages-mobile {float: right; display: inline-block; margin: 0.8em 1em 0 1em;}

   #breadcrumbs, #col, #languages, #search, #menu-top, #user-top {display: none;}

 #main, #user-bottom {width: 96%; padding: 0 2%;}

 .blog, .blog-featured, .item-page {padding: 0;}

}



/* -------------------------------------------------------------------- */
/*	T Y P O G R A P H Y						*/
/* -------------------------------------------------------------------- */

p, ul, ol {line-height: 1.5em; font-size: 1em; text-align: left;}
#main ul, #main ol {margin: 0.94em 2.5em 0.94em 1.75em;}
#main p {text-align: justify;}
h2, h3, h4 {margin: 0.5em 0; line-height: 1.2em; text-align: left;}
p {margin: 1.18em 0;}

a {color: #366bc9; text-decoration: none;}
a:hover {color: #366bc9; text-decoration: underline}

h1 {font-size: 1.8em; font-weight: normal; margin: 0 0 0.625em 0; line-height: 1.2em; text-align: left;}
h2 {font-size: 1.5em; font-weight: normal}
h3 {font-size: 1.3em; 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;}

.item, .leading-0, .tag-category ul li {float: left; border-bottom: 2px solid #ccc; padding-bottom: 2em; width: 100%;}

#main img {max-width: 100%;}

/* Detail clanku */

.item-page h1, .page-header h2, .page-header h1, h2.item-title {font-size: 2em;}
.item-page h1 a {color: #366bc9;}
.item-page a {font-weight: bold;}
.item-page h1 a:hover {color: #f00;}
.item-page div.pull-left.item-image img {width: 35%; float: left; margin: 1.6em 0.8em 0.5em 0; border: 0;}


/* Blogovy zoznam clankov */

.blog-featured dl.article-info {display: none;}
.blog h2 a {color: #366bc9;}
.blog h2 a:hover {color: #f00;}
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: #366bc9; color: ##366bc9;} 
.item div.pull-left.item-image a img {width: 35%; float: left; margin: 1.6em 0.8em 0.5em 0; border: 0;}


/* Tagy pri detaile clanku */

#main 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;}
ul.tags li a {float: left; display: inline-block; background: #ededed; border: 1px solid #ccc; border-radius: 3px; padding: 0.1em 0.3em; margin-right: 0.75em}
ul.tags li a:hover {background: #1a1a1a; 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;}
.tag-category img {width: 35%; float: left; margin: 0.3em 1.2em 0 0; border: 0;}
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 {height: 0;}
div.tag-category h2 {margin-bottom: 0; font-size: 2em;}
ul.category.list-striped li img {width: 40%; float: left; margin: 1.1em 0.8em 0 0; border: 0;}


img.pull-center {width: 100%;}

div.pull-none.item-image img {width: 100%; float: none; display: block; margin: 1em 0; border: 0;}


/* Podrobnosti o clanku */

dl.article-info {text-align: left; display: inline-block; clear: both; margin: 0.2em 0; width: 100%;}
dt.article-info-term {display: none;}
dl.article-info dd {float: left; display: inline-block; text-align: left; padding-right: 1.2em; margin-right: 1.2em; border-right: 0.15em solid #ddd; font-size: 0.95em; color: #555;}
dl.article-info dd:last-child {border: 0;}

/* Strankovanie */

.pagination {float: left; width: 100%; padding: 0; margin-top: 1.125em;}
.pagination p.counter {display: none;}
.pagination ul {text-align: center; margin: 0; padding: 0; list-style: none;}
.pagination ul li {display: inline; margin: 0 0.3125em; padding: 0;}

/* Search Component */

div.btn-toolbar {margin: 0 auto; width: 100%; display: inline-block; }
input#search-searchword.inputbox {padding: 0.15em; font-size: 1em; background: #f9f9f9; color: #808080; border: 0.1em solid #ccc; border-radius: 2px; width: 200px;}
div.btn-group.pull-left {float: left; display: inline-block; margin-right: 0.5em;}

#searchForm fieldset {margin: 2em 0; padding: 1.5em; border: 0.1em solid #ccc;}
#searchForm legend {padding: 0 0.5em; margin: 0 0.5em; font-weight: bold; color: #888;}
#searchForm label {margin: 0.5em 1.5em 0.5em 0;}
#searchForm label input {margin-right: 0.4em;} 
#searchForm div.ordering-box {margin: 0.5em auto;}
#searchForm select#ordering {width: 200px;}

dl.search-results {text-align: left;}
dt.result-title {font-weight: bold; font-size: 120%; margin: 2em 0 0.5em 0;}
dd.result-category {margin: 0.5em 0; color: #888;}
dd.result-text {margin: 0.5em 0;}
dd.result-created {margin: 0.5em 0; color: #888;}


/* Specificke typograficke triedy */

#menu-top li.item-103 {display: none;}
div.tagspopular ul li span {float: right; color: #bbb}

#main .item-page table {width: 100%;}
#main .item-page th {text-align: center; font-weight: bold; font-size: 1.1em; padding: 2px 4px 3px; border-bottom: 1px solid #aaa;}
#main .item-page td {text-align: center; padding: 2px 4px 3px; font-size: 0.9em; border-bottom: 1px solid #aaa; margin: 0;}

#main .zdroje p, #main .zdroje li {font-size: 0.8em; color: #888; text-align: left;}

img.pull-left {float: left; width: 15%; margin: 0.25em 1.2em 0 0; display: inline-block;}
img.pull-right {float: right; width: 15%; margin: 0.25em 0 0 0.45em;}

a#jwDisqusBackToTop {display: none;}

p.bw-social-share-title {display: none;}
div.bw-social-share {margin: 0;}
#col ul.bw-social-share-buttons {margin: 0;}