.frame {display: block;
background: transparent;
position: absolute;
border: 1px solid red;
width: 800px;
height: 200px;
top: 50%;
margin-top: -100px;
margin-left: -400px;
left: 50%;
z-index: -2;}



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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
font-weight:300;
font-size:14px;
line-height:20px;
color:black;
background-color:white;/*#e896c9;*/
}
ol,
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;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
html {
  height:100%;
width:100%;/*position:fixed; overflow:hidden;
min-width:980px;*/  
font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
del {
  color: #333;
}
ins {
  background: #fff9c0;
  text-decoration: none;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 24px;
  margin-bottom: 1.714285714rem;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
small {
  font-size: smaller;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
  clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
  display: table;
  content: "";
}
.intro img {float:right; width:300px; display:none; margin-top:20px; }

.gs {position:fixed; bottom:13px; right:215px;}
.gs.second {position:fixed; bottom:63px; right:215px;}
.cs {position:fixed; bottom:20px; right:20px; width:60px;}
.cs img {max-width:60px;}

html
{
height:100%;
max-height:100%;
max-width:100%; 
width:100%;

background-color: black;
background-size:cover;
background-repeat:no-repeat;
background-position: 0px 0px;



font-family:'Roboto', sans-serif;
}




/*http://duhovyrok.sk/wp-content/uploads/2013/11/rainbow2.jpg*/

body {
height: 100%;
max-height: inherit;
max-width: inherit;
overflow: hidden;
width: 100%;
box-shadow:4px 4px 4px rgba(0,0,0,0.4);
margin: 0px auto;
display: table-cell;
vertical-align: middle;
background-position: center;
position: absolute;
top: 0;
margin-left: 0px;
left: 0;}

.home body {
height: 583px;
max-height: inherit;
max-width: inherit;
overflow: hidden;
width: 100%;
box-shadow:4px 4px 4px rgba(0,0,0,0.4);
margin: 0px auto;
display: table-cell;
vertical-align: middle;
background-position: center;
position: absolute;
top: 50%;
margin-top: -291px;
margin-left: 0px;
left: 0%;}

@keyframes myfirst
{
0% {background-color: #fbe22d;}
20% {background-color: #6bdc61;}
60% {background-color: #812e8d;}
80% {background-color: #d95d1b;}
100% {background-color: #fbe22d;}
}

@-moz-keyframes myfirst /* Firefox */
{
0% {background-color: #fbe22d;}
20% {background-color: #6bdc61;}
60% {background-color: #812e8d;}
80% {background-color: #d95d1b;}
100% {background-color: #fbe22d;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0% {background-color: #fbe22d;}
20% {background-color: #6bdc61;}
60% {background-color: #812e8d;}
80% {background-color: #d95d1b;}
100% {background-color: #fbe22d;}
}

@-o-keyframes myfirst /* Opera */
{
0% {background-color: #fbe22d;}
20% {background-color: #6bdc61;}
60% {background-color: #812e8d;}
80% {background-color: #d95d1b;}
100% {background-color: #fbe22d;}
}

.page  #site-navigation {/*background-size:cover; background-image:url("http://duhovyrok.sk/wp-content/uploads/2014/01/bg-nav.png");background-position:top right; background-repeat:no-repeat; background-size:cover;*/} 

 #site-navigation {width: 250px;
position: absolute;
/*border-right:1px solid rgba(0,0,0,0.3);*/
height: 100%;
margin-left:0px;
/*background-color: #e896c9;*/

/*animation: myfirst2 0.5s;
opacity: 1;
-webkit-animation: myfirst2 0.5s; opacity:1;*/
z-index:99;}
.home #site-navigation a {}


.logo-duhovy-rok {width:150px; display:block; position:absolute; bottom:40px;}
.logo-duhovy-rok img {width:150px;}


.logo2 {width:200px; display:block; position:absolute; right:0px; top:20px; z-index:999; overflow:hidden;}
.logo2 img {width:150px; margin-left:200px; opacity:0; }

.home .logo2 {top:495px;}


.page .menu, .single .menu {color:white; }
.menu {color:#cccccc; display:block; margin:30px 0px;border-top: 0px solid;
padding-top: 24px; padding-left:40px; font-size: 18px;
font-weight: 300; }

#site-navigation a {color:black; border-top: 0px solid;
padding-top: 0px; padding-left:40px; font-size: 12px;
font-weight: 300;
letter-spacing: 1px; text-transform:uppercase;
}
#site-navigation a:hover {margin-left:-10px;}
.home #site-navigation a:hover {}

#site-navigation li {display:block; margin-right:0px; margin-bottom:5px;}

@keyframes myfirst2
{
from {opacity: 1; margin-left:-250px;}
to {opacity: 1; margin-left:0px}
}

@-webkit-keyframes myfirst2 /* Safari and Chrome */
{
from {opacity: 1; margin-left:-250px;}
to {opacity: 1; margin-left:0px}
}



@keyframes myfirst2
{
from {opacity: 1; margin-left:-250px;}
to {opacity: 1; margin-left:0px}
}

a, a:visited { text-decoration:none; -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;}
a:hover {color:red;}



#primary a {color:white;-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;   border-bottom:1px solid transparent;}
#primary a:hover {color:black; border-bottom:1px solid black;}




.cycle-pager {position:absolute; bottom:13px; left:20px; z-index:99999; opacity:0.5; font-family: Arial; display:none;}
.cycle-pager span {font-size:250%; color:white; cursor:pointer; margin:0 3px;}
.cycle-pager span.cycle-pager-active, .cycle-pager span:hover {color:black;}



.date {color:black; display:none;
font-size: 24px;
margin-top: 10px; margin-right:20px; text-align:right;}

.intro {position:absolute; text-indent:-9999px; z-index:9999999999; width:400px; height:90px; display:block; right:20px;}
.intro a {width:400px; height:90px; display:block;} 

.bottomleft {font-size: 14px;
bottom: 20px;
position: absolute; width:220px;
right: 20px; /*color:#39b54a;*/; color:black;}
.bottomleft h3 {/*color:#e0781e;*/ font-weight:normal; margin-top:5px; color:white; font-size: 30px; bottom: 15%; border-top: 2px solid white;
padding-top: 10px; text-align:right;}
.bottomleft h2 {/*color:#39b54a;*/ font-weight:normal; display:inline-block;}








html.page.page-id-161 a, html.page.page-id-161 #site-navigation a {color:#078243!important;}




.page-id-2 #primary h1 {/*display:none;*/}
.page-id-2 em {color:black; text-shadow: none!important;}

#primary {padding: 20px  40px 20px 270px; float:left;
width: auto;  margin-top: 100px; background-repeat:repeat;max-width: 800px;}

.home #primary {padding: 20px  20px 20px 250px; float:left;
 margin-top: -20px;}
.single-post .entry-thumbnail img {width:260px!important; height:auto!important;}



.single-post .entry-thumbnail {overflow:hidden;}
.single-post .entry-title {margin:20px 0px; line-height:30px;}
.post-some:hover {box-shadow:3px 3px 3px rgba(0,0,0,0.6)}
.post-some:hover .thumbnail {height: 130px;
width: 130px; margin:0px auto;}
.post-some a {color:black;} 
.thumbnail {display: block;
height: 120px;
width: 120px;
margin: 10px auto;
border-radius: 80px;
overflow: hidden; -webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.link-holder {position: absolute;
width: 250px;
height: 40px;
margin-top: -10px;
overflow: hidden;}
a.link {display:block; margin-top:-50px;  -webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; color:red; text-transform:uppercase;}
.post-some:hover a.link {margin-top:0px; }

a.title-post {font-size:34px; line-height:36px; display:inline-block; margin:20px 0px 30px 0px; }
.entry-title {font-size:30px; margin-bottom:15px; font-weight:300; text-transform:uppercase; line-height:40px;}
.obsah p strong {color:#6bdb61; text-transform:uppercase;}
.entry-content {/*font-family: 'Cutive Mono', serif;*/}
.entry-content p {text-align:justify;}
.obsah {margin-top: 30px; max-height:123px; overflow:hidden;
margin-bottom: 20px;}
.post-navigation h1 {display:none;}
.post-navigation {margin-top:20px;}

.entry.content p {text-align:justify;}

.page .q {display:none;}

.cs {display:none;}
.slogan {
display: block;
float: right;
margin-bottom: 15px;
}




.page .bottomleft {display:none;}
.home .player {display:block; opacity:0.5;}
.player {bottom:20px;left:20px; position:absolute; display:none;
width: 42px;
height: 32px;
overflow: hidden;}
.player object {margin-left: -2px;
margin-top: -2px;
position: absolute;}


.nav-links a {margin-right:30px;}


.dnp {margin-top:15px;}
.page-id-13 .dnp {display:none;}
.nav-menu {margin-top:25px;}




.menu-close {margin-left:180px; width:34px; cursor:pointer; position:absolute; margin-top:10px;}
.menu-open { margin-left:-400px; width:50px; cursor:pointer; position:absolute; margin-top:0px; z-index:99999;}
#main { 
position: absolute;
width:100%!important;
top: 0px;
height: 100%;

}
#content { /*-moz-column-count: 2;
-moz-column-gap: 40px;
-webkit-column-count: 2;
-webkit-column-gap: 40px;*/}

.columns { -moz-column-count: 2;
-moz-column-gap: 40px;
-webkit-column-count: 2;
-webkit-column-gap: 40px;}

.home h1 {font size:30px; color:white;}

.loading-img {position:absolute; display:none; width:50px; top:50%; left:50%; margin-top:70px; margin-left:100px;
 background-color:white;}



body.home #main {/*background-image:url(http://duhovyrok.sk/wp-content/uploads/2013/12/natretestrachom.png),url(http://duhovyrok.sk/wp-content/uploads/2014/01/bg.jpg*/);
background-repeat:no-repeat;
background-position: top left,top right;
background-size:contain cover;
}


.slider-controls {position:absolute; margin-top:15px; z-index:999; padding:0px; right:-20px;}
.cycle-slideshow .cycle-overlay  {position:absolute; top:50%; height:200px; margin-top:-100px; margin-left: -500px; /* opacity: 0.5; */left:50%; z-index:999; padding:20px; width:200px; height:200px; padding:50px; border-radius:200px;  background-color:yellow; overflow:hidden; /*background-image:url("http://duhovyrok.sk/wp-content/uploads/2014/01/bg.png"); background-position: bottom*/;-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;}
.cycle-slideshow div {width:100%; height:583px; overflow:hidden; text-align:center; color:white; }

.cycle-slideshow .cycle-overlay div {height:100px; overflow:hidden; display:none;}
.cycle-slideshow .cycle-overlay h2 {font-size:26px;
line-height: 29px; color:black;
text-transform: uppercase;margin-top: 10px;
margin-bottom: 30px;}


#primary .cycle-slideshow .cycle-overlay a.anim  {color:black;
bottom:40px; display:inline-block; border:1px solid transparent; width:80px; padding:3px 10px; margin-left:-50px; position:absolute;
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;
}
#primary .cycle-slideshow .cycle-overlay:hover .anim {border:1px solid rgba(0,0,0,0.3);}
#primary .cycle-slideshow .cycle-overlay a:hover { color:white; background-color:black; }
#primary .cycle-slideshow .cycle-overlay:hover {/*background-color:rgba(255,255,255,0.4);*/}


.page #main, .single #main  {background-image:url("http://duhovyrok.sk/wp-content/uploads/2014/01/bg1.jpg"); background-size:cover; background-position:right bottom}

.slideshow {width: 100%; padding-top:0px;
height: 100%; display:none;
position: absolute; top:0px; overflow:hidden; z-index:1;}

#next {
background-image:url("http://martinremes.sk/azurre/wp-content/uploads/2013/08/next1.png"); 
background-repeat:no-repeat;
cursor: pointer;
float: right;
font-size: 90px;
-webkit-transition: width 400ms ease, all 400ms ease;
transition: width 400ms ease, all 400ms ease;
text-indent:-9999px;
text-align:left;
margin-right: 30px;
display:block; 
height: 38px;
width:38px;
}





#prev {
background-image:url("http://martinremes.sk/azurre/wp-content/uploads/2013/08/previous1.png"); 
background-repeat:no-repeat;
cursor: pointer;
float: left;
font-size: 90px;
-webkit-transition: width 400ms ease, all 400ms ease;
transition: width 400ms ease, all 400ms ease;
text-indent:-9999px;
text-align:left;
margin-left: 30px;
display:block; 
height: 38px;
width:38px;
}


.cycle-slideshow {width:100%; height:100%; position:absolute; }
.cycle-slideshow img {width:auto; height:583px; display:block;float:right; margin-right:350px;}

#site-navigation .current_page_item a {font-weight:600; margin-left:-10px;}
.home #site-navigation .current_page_item a {font-weight:600;
}

.page #main, .single #main {overflow: auto;}

.page-id-25 #content, .page-id-105 #content { -moz-column-count: 1;
-webkit-column-count: 1;
}


.aktivity {display:block; height:100%; width:100%; position:absolute;}
.page-id-21 #primary-2 {padding: 0;
margin-top: 0;}
.page-id-21 logo2 {display:none;}




.aktivity  article {width: 100%;
height: 100%;
position: absolute;
top: 0;}

.aktivity img {height:auto; width:100%;}

ul.activities {position:absolute; width:100%; height:100%; display:block; right:0;}

.activities li {width: 33.3333333333%;
height: 33.3333333333%;
float: left;
list-style: none;
overflow: hidden;
position: relative;
padding-top: 0%;
cursor: pointer;
display: table;
background-size: cover;
background-position:top left;
-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}

.activities li:hover {background-position:bottom right; }

.detail {background: #151515;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 350ms ease-in;
-moz-transition: opacity 350ms ease-in;
-o-transition: opacity 350ms ease-in;
transition: opacity 350ms ease-in;}


.a {display: table;
height: 100%;
position: relative;
overflow: hidden;
width: 100%;}

.b {display: table-cell;
vertical-align: middle; padding:20px; color:white;}
.b h2 {font-size:30px; line-height:30px; text-transform:uppercase; color:yellow;}
#primary-2 .b a {color:white; border-bottom:1px solid transparent;}
#primary-2 .b a:hover {color:white; border-bottom:1px solid white;}

.activities li:hover .detail {opacity:0.9; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);}

.single .entry-meta {display:none;}
.single h1 {line-height:30px;}

html.page {border-bottom:4px yellow solid;}


#line {position:absolute; height:100%; left:248px; width:2px; z-index:9999;}
#line img {height:100%; width:2px;}



.page-id-21 .menu-open {margin-left:0px;}
.page-id-21 #site-navigation {margin-left:-400px; background-color:yellow; box-shadow:2px 2px 2px rgba(0,0,0,0.4)}
.page-id-21 #line, .home #line  {display:none;}
.page-id-21 .menu-open {background-color:white;}
.page-id-21 #site-navigation .current_page_item a, .page-id-21 #site-navigation a:hover {margin-left:-10px;}
.page-id-21 .menu  {opacity:1; color:black;}
.page-id-21 #main {overflow:hidden;}


.gallery-item {width:70px; display:inline-block; margin-right:13px; overflow:hidden;}
.gallery-item img {width:70px; height:70px; border-radius:0px; overflow:hidden;}
.gallery {margin-top:15px;}

#sb-title, #sb-title-inner {display:none;}
#sb-overlay {opacity:1.0!important;}
#sb-container {z-index: 999999;}
#sb-wrapper-inner {border:1px solid transparent!important;}


#sb-loading {background-image: url("http://martinremes.sk/dragon/preloader.gif");
background-position: center;
background-repeat: no-repeat;}
#sb-loading-inner, #sb-counter {display:none;}

#sb-nav a {height: 50px;
width: 50px; margin:0;}

#sb-nav-previous {position: fixed;
background-color: #ec2054;
opacity: 1;
height: 50px;
width: 50px;
left: 0px;
top: 49%;
z-index: 99999999;
cursor: pointer;
background-image: url("http://martinremes.sk/gettik/previous.png");
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
transition: all .1s linear;}

.nav-links a:first-child {position: fixed;
border:1px solid transparent;
background-color: transparent;
opacity: 1;
height: 50px;
width: 50px;

top: 0px;
z-index: 99999999;
cursor: pointer;
background-image: url("http://martinremes.sk/gettik/previous.png");
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
transition: all .1s linear;
text-indent:-999px; text-align:left; overflow:hidden;}

.nav-links a:last-child:hover, .nav-links a:first-child:hover {border-right:1px solid black; border-left:1px solid black;}
.nav-links a:last-child {border:1px solid transparent; position: fixed;
background-color:transparent;
opacity: 1;
height: 50px;
width: 50px;
margin-left: 51px;
top: 0px;
z-index: 99999999;
cursor: pointer;
background-image: url("http://martinremes.sk/gettik/next.png");
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
transition: all .1s linear;
text-indent:-999px; text-align:left; overflow:hidden;}


#sb-nav-next {position: fixed;
background-color: #ec2054;
opacity: 1;
height: 50px;
width: 50px;
right: 0px;
top: 49%;
z-index: 99999999;
cursor: pointer;
background-image: url("http://martinremes.sk/gettik/next.png");
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
transition: all .1s linear;}

#sb-nav-close {position: fixed;
background-color: yellow;
opacity: 1;
height: 50px;
width: 50px;
right: 0px;
top: 0;
z-index: 99999999;
cursor: pointer;
background-image: url("http://duhovyrok.sk/wp-content/uploads/2014/01/close2.png");
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
transition: all .1s linear;}



.facebook {background-color:yellow; height:30px; line-height:30px; width:100px; position: absolute; color:black;text-align:center; right:0px; bottom:40px; position:fixed; z-index:99; font-weight:600; text-transform:uppercase;}
.home .facebook {display:none}

.post-meta {color: black;}


#primary-2 .post-meta li {
    background: yellow; position: absolute; height: 30px; line-height: 30px; bottom: 0px; right: 0px; z-index: 99999;
    text-align: center;
    width: auto;
    padding: 0px 20px;
    text-transform: uppercase;
    color: black;
    font-weight: bold;
}
#primary-2 .post-meta-key {display:none;}
.postid-73 #primary, .page-id-190 #primary {width:70%;}
#primary ul {padding-left:20px; list-style-type:square; padding-top:0px;}
#primary li {padding-bottom:5px; }
#primary strong {display:block; margin:10px 0px;}
#primary br {display:none;}

#primary ul.post-meta {list-style:none;}