/*
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 12px; line-height: 1.231;}

body, button, input, select, textarea { font-family: sans-serif; color: #444; }



/* =============================================================================
   Links
   ========================================================================== */

a { color: #df6300; }
a:visited { color: #444; }
a:hover { color: #df6300; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"], [role="button"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */
body{ background-color: #e7e7e7; text-align: center; }

/* --- HEADER --- */
#container header{
  width: 100%;
  background: url('../img/mmojdom_sprite.png') 0 0 repeat-x;
  height: 52px;
  overflow: hidden;
  text-align: left;
}
#container header div.holder{
  max-width: 355px;
  position: relative;
  margin: 0 auto;
}

#container header #logo{
  display: block;
  width: 96px;
  height: 31px;
  background: url('../img/mmojdom_sprite.png') 0 -54px no-repeat;
  position: absolute;
  top: 0px;
  left: 3%;
}
#container header #switch{
  width: 26px;
  height: 21px;
  background: url('../img/mmojdom_sprite.png') 0 -149px no-repeat;
  border: 0;
  position: absolute;
  top: 3px;
  right: 10px;
}
#container header #switchLayout{
  width: 26px;
  height: 21px;
  background: url('../img/mmojdom_sprite.png') 0 -149px no-repeat;
  border: 0;
  position: absolute;
  top: 3px;
  right: 10px;
}
#container header #switchLayout.ver1{background: url('../img/mmojdom_sprite.png') -26px -149px no-repeat;}
#container header #switchLayout.ver2{background: url('../img/mmojdom_sprite.png') -56px -149px no-repeat;}
#container header #logo span,
#container header #switch span,
#container header #switchLayout span{ display:none; }

#container header #search{
  width: 138px;
  margin: 11px 0 0 130px;
  position: relative;
}
#search #searchQuery{
  width:105px;
  height:24px;
  padding-right: 25px;
  padding-left: 5px;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: -1px -1px 0 0 #000;
  -webkit-box-shadow: -1px -1px 0 0 #000;
  box-shadow: -1px -1px 0 0 #000;
  font-size: 1.2em;
}
#search #searchButton{
  width: 20px;
  height: 23px;
  position: absolute;
  top: 2px;
  right: 5px;
  border: 0;
  color:#fff;
  font-size: 0.1em;
  vertical-align: bottom;
  background: none;
  background: url('../img/mmojdom_sprite.png') -63px -121px no-repeat #fff;
}

#container #main{
  padding: 0 2%;
  margin: 0 auto;
  text-align: left;
  max-width: 355px;
}

/* --- BOX --- */
.box{
  background: #fff;
  border: 1px solid #d6d6d6;
  margin: 0 0 2% 0;
  padding: 2%;
  -webkit-border-radius: 3px 3px 0 3px;
  -moz-border-radius: 3px 3px 0 3px;
  border-radius: 3px 3px 0 3px;
  clear: both;
  position: relative;
}
.box .leftlink, .box .rightlink {
  text-decoration:none;
  font-weight:bold;
}
.box .leftlink {
  float:left;
  color:#444444;

}
.box .rightlink {
  float:right;
}
section.box{ overflow: hidden; }
section.box.featured{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 2% 0;
}
.box a.articleLink{
  display: block;
  text-decoration: none;
}
.box .articleLink span{
  float: left;
  width: 69%;
  font-size: 1.16em;
  font-weight: bold;
  margin: 4px 0 0 0;
}
.box .articleLink img{ float: left; margin: 2% 2% 0 0; }

.box a.viacBtn{
  display: block;
  height: 17px;
  font-weight: bold;
  color: #444 !important;
  text-decoration: none;
  text-align: right;
  padding: 2% 2% 3% 2%;
  margin: 0 -2% -2% -2%;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.box a.viacBtn span{
  display: inline-block;
  width: 13px;
  height: 17px;
  margin-left: 5px;
  vertical-align: middle;
  /*background: url('../img/mtopky_sprite.png') -34px -108px no-repeat; cervene*/
  background: url('../img/mmojdom_sprite.png') -34px -88px no-repeat; /* sede */
}

#showdisqus, #hidedisqus{ padding-right: 20px; }
#showdisqus{ background: url('../img/mmojdom_sprite.png') 110px -83px no-repeat; }
#hidedisqus{ background: url('../img/mmojdom_sprite.png') 125px -121px no-repeat; }
.ie9 #showdisqus{ background: url('../img/mmojdom_sprite.png') 112px -87px no-repeat; }
.ie9 #hidedisqus{ background: url('../img/mmojdom_sprite.png') 132px -125px no-repeat; }
.sonyericsson-e10i #showdisqus, .sonyericsson-e15i #showdisqus{ background: url('../img/mmojdom_sprite.png') 106px -87px no-repeat; }
.sonyericsson-e10i #hidedisqus, .sonyericsson-e15i #hidedisqus{ background: url('../img/mmojdom_sprite.png') 126px -125px no-repeat; }

.clanok a.diskusiaLink{
  display: block;
  width: 30px;
  float: right;
  font-size: 1.16em;
  text-decoration: none;
  text-align: right;
  padding-right: 20px;
  background: url('../img/mmojdom_sprite.png') 3px -106px no-repeat;
}
.clanok a.diskusiaLink{
  width: 100px;
  text-decoration: right;
  background: url('../img/mmojdom_sprite.png') 73px -104px no-repeat;
}
.clanok a.diskusiaLink span, a.klasickaVerzia span{
  display: inline-block;
  vertical-align: text-bottom;
  height:15px;
  padding-right:20px;
  background: url('../img/mmojdom_sprite.png') -27px -108px no-repeat;
}

a.klasickaVerzia{
  display: block;
  font-size: 1.16em;
  text-decoration: none;
  text-align: center;
}

.galeria{ text-align: center; }
.galeria img{
  margin: 2%;
}

.featured article, .section article.featured, .clanok .imgCroper{
  width: 100%;
  height: 210px;
  overflow: hidden;
  position: relative;
}
.section.type2 article.featured{ margin: 1% 0 2% 0; }
.section.type2 article.featured:last-child{ margin-bottom: 0; }
.section article.featured img, .clanok .imgCroper img{
  width: 355px;
}
.clanok { font-size: 1.08em; line-height: 1.5em; }

/* Titiles */
h1{ color: #df6300; font-size: 1.38em;}
.featured h1{
  position: absolute;
  width: 100%;
  /*background: rgba(255, 255, 255, 0.7);*/
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );


  margin: 0;
  bottom: 0;
  font-size: 1.5em;
}
.featured h1 a{ color: #fff; padding: 10px; }
.section article.featured h1{ bottom: 0; }
.featured h1 a{
  display: block;
  text-decoration: none;
}
.box h2 {
  font-size: 1.38em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.box .clanok h2 {
  margin-top: 30px;
}
.mini .box h2{ font-size: 1.4em; font-weight: bold; }
.ie9 .box h2,
.sonyericsson-e10i .box h2,
.sonyericsson-e15i .box h2{ font-family: 'sans-serif'; font-size: 1.3em; letter-spacing: -1px; font-weight: bold; }
.clanok h2{ font-family: 'arial'; font-size: 1.3em; font-weight: bold; text-transform: none; letter-spacing: normal; }
.clanok img{ margin: 1em 0; }

.box h2 a{ color: #444; text-decoration: none; }

/* fb like */
.fbLikeBox {
  width: 100%;
  background: #f2f4fa;
  text-align: center;
  padding: 15px 0;
  border: 1px solid #cdd7ec;
}

.fbLikeBox .fb-like {
  display: inline-block;
}

/* Whatsapp shere button */
.wabtn {
  display: inline-block;
  background: #5ed26a;
  background: -moz-linear-gradient(top, #5ed26a 0%, #27b43e 100%);
  background: -webkit-linear-gradient(top, #5ed26a 0%,#27b43e 100%);
  background: linear-gradient(to bottom, #5ed26a 0%,#27b43e 100%);
  border-radius: 5px;
  padding: 0 7px;
  color: #fff;
  text-decoration: none;
  font-size: 45px;
  vertical-align: middle;
}

/* new social buttons 2016 */
@font-face {
    font-family: 'icomoon socials';
    src:    url('../fonts/icomoon-socials.eot?6m2own');
    src:    url('../fonts/icomoon-socials.eot?6m2own#iefix') format('embedded-opentype'),
        url('../fonts/icomoon-socials.ttf?6m2own') format('truetype'),
        url('../fonts/icomoon-socials.woff?6m2own') format('woff'),
        url('../fonts/icomoon-socials.svg?6m2own#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="sicon-"], [class*=" sicon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon socials' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sicon-poslite-tip-icon:before {
    content: "\e901";
    color: #BC1521;
}
.sicon-poslite-tip-icon:hover:before {
    color: #8c171f;
}
.sicon-disqus-icon:before {
    content: "\e902";
    color: #A1185B;
}
.sicon-disqus-icon:hover:before {
    color: #791a48;
}
.sicon-whatsapp-icon:before {
    content: "\e903";
    color: #64BB53;
}
.sicon-mail-icon:before {
    content: "\e904";
    color: #009F99;
}
.sicon-mail-icon:hover:before {
    color: #097873;
}
.sicon-twitter-icon:before {
    content: "\e905";
    color: #54ACED;
}
.sicon-twitter-icon:hover:before {
    color: #4381ae;
}
.sicon-facebook-icon:before {
    content: "\e900";
    color: #39579B;
}
.sicon-facebook-icon:hover:before {
    color: #314574;
}
.sicon-messenger-icon:before {
    content: "\e906";
    color: #0084FF;
}
.sicon-messenger-icon:hover:before {
    color: #0965ba;
}
.social_buttons_small {
  margin-bottom: 10px;
}
.social_buttons_small a {
  font-size: 28px;
  text-decoration: none;
}
.social_buttons_big {
  text-align: center;
}
.social_buttons_big a {
  font-size: 44px;
  text-decoration: none;
}
.social_buttons_big a:hover:before,
.social_buttons_small a:hover:before {
  transition: color 300ms;
}

/* --- Footer --- */
#container footer{
  padding: 0 10px 0 10px;
  text-align: center;
  color: #909090;
  clear: both;
}

/* --- Pagination --- */
nav[role="pagination"]{
  font-size: 1.3em;
  margin: 6% 0 2% 0;
  text-align: center;
  height:25px;
  clear:both;
}
nav[role="pagination"] ul{ margin: 0 auto; display: inline-block; }
nav[role="pagination"] li{ float: left; }
nav[role="pagination"] li a{
  text-decoration:none;
  padding: 0 3px;
  margin: 0 3px;
}
nav[role="pagination"] li a.active{ color:#444; }
nav[role="pagination"] li a.prevArrow,
nav[role="pagination"] li a.nextArrow{ display: block; width: 20px; height: 23px; }
nav[role="pagination"] li a.prevArrow{ background: url('../img/mmojdom_sprite.png') -64px -103px no-repeat; }
nav[role="pagination"] li a.nextArrow{ background: url('../img/mmojdom_sprite.png') -28px -103px no-repeat; }
nav[role="pagination"] li a.prevArrow.disabled{ background: url('../img/mmojdom_sprite.png') -64px -83px no-repeat; }
nav[role="pagination"] li a.nextArrow.disabled{ background: url('../img/mmojdom_sprite.png') -28px -83px no-repeat; }

#disqus{ overflow: hidden !important; }

/*
* Nova galeria
*/

#gallery {
  background-color: #000;
  position: relative;
}
#gallery h1 {
  position: fixed;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 14px 0;
  font-size: 19px;
  font-weight: normal;
  color: #FFF;
  font-family: 'Roboto Condensed', sans-serif;
  background-color: #000;
  text-align: center;
}
#gallery #imgHolder {
  display: table;
  width: 100%;
  height: 100%;
}
#gallery #imgHolder .img {
  display: table-cell;
  vertical-align: middle;
}
#gallery img {
  max-width: 100%;
}
#gallery #nav {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #000;
  color: #FFF;
}
#gallery #nav ul {
  display: block;
  margin: 0 15px 5px 15px;
  padding: 0;
}
#gallery #nav li {
  display: inline-block;
  width: 24%;
}
#gallery #nav span {
  display: inline-block;
  font-size: 19px;
}
#gallery #nav a {
  display: block;
}

#gallery #nav .icon {
  text-align: left;
}
#gallery #nav .icon-prev,
#gallery #nav .icon-next {
  text-align: right;
}
#gallery #nav .icon:before {
  display: inline-block;
  content: "";
  width: 3em;
  height: 3em;
  background-position: center center;
  vertical-align: middle;
  margin-top: -8px;
}
#gallery #nav .icon-close:before {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NUREN0Y3MERDRERFNDExOUZCQkE0NTlDNDk5RjA5QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxOUQ3QUU3MEUwMjMxMUU0QUJBNENCREUzNEJBRTIxNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxOUQ3QUU2RkUwMjMxMUU0QUJBNENCREUzNEJBRTIxNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg3ODhDMjRGOTRERUU0MTE4NkVDOUJFMTdDQzAyMjRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg1REQ3RjcwRENEREU0MTE5RkJCQTQ1OUM0OTlGMDlBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TPLTKAAAALhJREFUeNpi+P//vxYQrwfidiBmIBO3Q83QAnHW/keATDIMy0TSvxYkwAnEe6ECf4A4nATDwqB6/kPNYIdJ8APxJajETyB2IsIwJ6ja/1C9IDMYkBXIAPFjqIIPQKyLxzBdqJr/UD0yMDmiFRJrMdFeITZocHkpACmwDwIxFxQfRoq8AGx6iU0OG6GYYPIiJsGiA7wZgImB2oBeXqZqpFA12VA1YVM161G1cKB68UX1ApaqVQBAgAEAlgnda/y3nOgAAAAASUVORK5CYII=)
}
#gallery #nav .icon-next:before {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAYAAABbLMdoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NUREN0Y3MERDRERFNDExOUZCQkE0NTlDNDk5RjA5QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxOURBQjkwNUUwMjMxMUU0QUJBNENCREUzNEJBRTIxNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxOURBQjkwNEUwMjMxMUU0QUJBNENCREUzNEJBRTIxNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg3ODhDMjRGOTRERUU0MTE4NkVDOUJFMTdDQzAyMjRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg1REQ3RjcwRENEREU0MTE5RkJCQTQ1OUM0OTlGMDlBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ARCKsgAAAKRJREFUeNpi+v//vxYQrwfidiBmwIdBxNr/CJBJSDEnEO+FKv4DxOH4FIMwPxBfgmr4CcRO+BSDsAwQP4Zq+ADEuvgUM0AVfIBqeAw1AKdiBqgTfkI1XII6EadiEA6AehYEDgIxFz7FDNBghIGNQMzMQCAi2pE0TGNiIAVQwxlEe5DooCM6UoiObqITEklJlOjEzwIM6logBkXODSCeji9OAAIMACOgh9Aey45JAAAAAElFTkSuQmCC)
}
#gallery #nav .icon-prev:before {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAYAAABbLMdoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NUREN0Y3MERDRERFNDExOUZCQkE0NTlDNDk5RjA5QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxOUQ3QUU3NEUwMjMxMUU0QUJBNENCREUzNEJBRTIxNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxOUQ3QUU3M0UwMjMxMUU0QUJBNENCREUzNEJBRTIxNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg3ODhDMjRGOTRERUU0MTE4NkVDOUJFMTdDQzAyMjRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg1REQ3RjcwRENEREU0MTE5RkJCQTQ1OUM0OTlGMDlBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+a8e1qgAAAJlJREFUeNpi+P//PwMB3A7E64FYi5DCzP8IsBafwjAg/gNVuBeI2XEpdALin1CFl4CYHySOTaEuEH+AKnwMxDIwOXSFMlAF/6EadJHlkRXyQ638D3WCE7qtMAYXEB+GKgR5KgCbX0AEMxBvRAqiTFwhBCKmISlsxxfuTAykAFKdQZIHSQ46kiOF5OgmOSGRnERJTvwY2QogwAA/hKgZ3kmzBQAAAABJRU5ErkJggg==)
}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* prevent callout */
.nocallout {-webkit-touch-callout: none;}

/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {-webkit-appearance: none;}

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none */
.gifhidden {position: absolute; left: -100%;}

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* FIX OPERA MINI 240 */

@media screen and (max-width: 240px) {
    @-o-viewport {
      width: device-width;
      max-zoom: 0.7;
    }
}
@media screen and (min-width: 241px) and (max-width: 320px) {
    @-o-viewport {
      width: device-width;
      max-zoom: 0.9;
    }
}
/* NEW MENU */

#container {
     margin-top: 52px; /*
     -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out; */
}
.sidebar-opened #container {
       -webkit-transform: translate(-256px, 0);
     -moz-transform: translate(-256px, 0);
      -ms-transform: translate(-256px, 0);
       -o-transform: translate(-256px, 0);
          transform: translate(-256px, 0);
}

header {
    background: url('../img/mmojdom_sprite.png') 0 0 repeat-x;
    width: 100%;
    height: 46px;
    position: fixed;
    left: 0;
    top: -1px;
    z-index: 29;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.sidebar-opened header {
    left: -256px;
}
header .holder {
    height: 35px;
    max-width: 355px;
    margin: 0 auto;
    text-align: left;
    padding: 11px 0 0 0;
}
/* -----------------------------------------------------------------------------
    HEADER MENU BUTTON
----------------------------------------------------------------------------- */
#btn-menu {
    height: 46px;
    line-height: 46px;
    border: 0;
    padding: 0;
    margin:  0;
    width: 50px;
    text-align: center;
    color: #fff;
    font-size: 33px;
    background-color: transparent;
    display: block;
    float: right;
    z-index: 50;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    outline: none;
}


/* -----------------------------------------------------------------------------
    SIDEBAR
----------------------------------------------------------------------------- */

#sidebar {
    width: 256px;
    background-color: #000000;
    top: 0;
    right: -256px;
    position: fixed;
    height: 100%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    overflow-y: auto;
    z-index: 40;
    text-align: left;
}
.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 30;
}

/* OPENED SIDEBAR */

.sidebar-opened {
    overflow: hidden;
}
.sidebar-opened #btn-menu {
    right: 256px;
}
.sidebar-opened .icon-zoznam {
    right: 316px;
}
.sidebar-opened #header {
    left: -256px;
}
.sidebar-opened #sidebar {
     right: 0;
}

/* -----------------------------------------------------------------------------
    SIDEBAR NAVIGATION
----------------------------------------------------------------------------- */
#sidebar nav ul {
    padding: 6px 0 0 0;
}
#sidebar nav ul li {
    border-bottom: 1px solid #333333;
}
#sidebar nav ul li .active {
    color: #df6300;
}
#sidebar nav ul li a, #sidebar nav ul li span {
    display: block;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    padding: 11px 10px 11px 20px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.3em;
}
#sidebar nav ul li span {
    padding-right: 40px;
}
#sidebar nav ul li span {
    position: relative;
}
#sidebar nav ul li span::after {
    content: "";
    font-family: 'icomoon';
    content: "\e603";
    right: 16px;
    top: 11px;
    color: #8b8b8b;
    font-size: 18px;
    position: absolute;
}
#sidebar nav ul li span.open::after {
    content: "\e604";
}

/* -----------------------------------------------------------------------------
    SIDEBAR NAVIGATION SUBMENU
----------------------------------------------------------------------------- */

#sidebar nav ul li ul {
    transition: all .3s ease;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    overflow: hidden;
    padding: 0;
}

#sidebar nav ul li ul li {
    border-bottom: 0;
}
#sidebar nav ul li ul li a {
    text-transform: none;
    color: #b8b8b8;
    font-size: 13px;
    padding: 0 10px 5px 19px;
    font-weight: normal;
}
#sidebar nav .bottom-links li {
    border: 0;
}
#sidebar nav .bottom-links li a {
    text-transform: none;
    color: #b8b8b8;
    font-size: 13px;
    padding: 0 10px 5px 19px;
    font-weight: normal;
}

/* -----------------------------------------------------------------------------
    SIDEBAR FORM
----------------------------------------------------------------------------- */

#sidebar .search-form  {
    border-bottom: 1px solid #333333;
}
#sidebar .search-form input[type="text"] {
    font-family: Arial;
    font-size: 15px;
    color: #b8b8b8;
    padding: 15px 0 14px 19px;
    border: 0;
    float: left;
    margin: 0;
    width: 190px;
    background-color: transparent;
    font-weight: 300;
    outline: none;
}
#sidebar .search-form button {
    float: left;
    width: 47px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 0;
    background-color: transparent;
    color: #fff;
    font-size: 19px;
    background-color: transparent;
    margin: 0;
    padding: 0;
}
#container header {
    position: fixed;
    z-index: 29;
    height: 46px;
}
header #logo {
    margin: 0 0 0 15px;
}
#container .top-advertisement {
    margin-bottom: 6px;
}

/* -----------------------------------------------------------------------------
    HEADER ZOZNAM LOGO
----------------------------------------------------------------------------- */
.icon-zoznam, .icon-mojdom {
    text-decoration: none;
    color: #fff !important;
    font-size: 27px;
    z-index: 20;
    transition: all .3s ease;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.icon-zoznam {
    font-size: 30px !important;
    display: block;
    position: fixed;
    right: 60px;
    top: 10px;
    z-index: 29;
}