@charset "UTF-8";


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%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
    -webkit-font-smoothing: antialiased;
}

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;
}
b, strong {
    font-weight:bold;
}
em, i {
    font-style: italic;
}

body {
    text-align: center;
    background: #fff;
}




#page {
        margin:0 auto;
        text-align:left;
        width:100%;
        max-width:1272px;
        min-width:240px;
        min-height:600px;
        position:relative;
        background: ;

}

.photoDetail #content {
    width: 100%;    
}

.photoDetail #link-folio {
    position: static;
    bottom: 24px;
    width: 100%;
    left: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index:1
}



#page-container {        
        
}


#page-container-bottom {        
        
        position: relative;
}





#content {    
    margin:24px auto;
    position:relative;
    width: 1272px;
    z-index:1;
    min-height: calc(100vh - 72px - 0px - 5px - 100px);
}

#content-container {
    position:relative;
    width:100%;
    min-height:300px;
}



#menu-side {
    position: relative;
    z-index: 2;
}

#menu, #logo {
    width:100%;
    position: relative;
    height:100px;
    line-height:100px;

    font-family:"Tahoma",Geneva,sans-serif; 
    font-size:18px;
}

#logo {
    float:center;
    width:150px;
    margin-left: 24px;
}

#menu {
    top:0;
    left:inherit;
    right: 24px;
    width: auto;
    height: 100px;
    line-height: 100px;
    text-align:left;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

#jump-top {
    display:none;
}

.portfolioMenuList .last_full_page {
    display:none;
}



#menu a, #logo a {
    color:#522808;
    text-decoration: none
}

#menu a:hover, #menu a:focus, #menu a:active, #menu a.aktivni, #logo a:hover {
    color:#522808;
    text-decoration: none
}


#logo, #logo span {
    text-align:center;
    font-family:"Tahoma",Geneva,sans-serif; 
    font-size:21px;
}

#logo span {
	width:100%;
}

#logo a, #logo a:hover {
    color:#a1a1a1;
    text-decoration:none;
}



#logo span {
    position:absolute;
    text-decoration:none;
    left:0;top:0;
    background:url(/data/_menu/logo_logo-2019-2x.png) center top no-repeat;
}


#link-folio {
    clear:both;
    height: 24px;
    line-height: 24px;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

#container {
    padding-top: 0px;
    padding-bottom: 5px;
}









.portfolios, .fotky {
    width:1032px;
    padding: 72px 0 0;
    margin: 0 auto;
}

.fotky { 
    width:1176px;
}

.portfolio, .foto {
    float:left;
    margin:0  0 24px 24px;
    width:312px;
    height:312px;
    position:relative;
    z-index:20;
    overflow:hidden;
}

.portfolio img, .foto img {
    position:absolute;
}

/*
* > .portfolio, * > .foto {
    background:rgba(240,240,240,.3);
}
*/

.portfolio a, .foto a {
    display:block;
    text-decoration:none;
    cursor:pointer;
    width:312px;
    height:312px;
}

.portfolio a .in-text-container, .foto a .in-text-container {
    display: table;
    -webkit-transition: all 0.222s ease-out;
    -moz-transition: all 0.222s ease-out;
    -o-transition: all 0.222s ease-out;
    -ms-transition: all 0.222s ease-out;
    transition: all 0.222s ease-out;   
    opacity: 1;
    visibility: visible; 	
}

.portfolio a .in-text-container {
    width:312px;
    height:312px;
}

.foto a .in-text-container {
    display: table;
    width:264px;
    height:264px;
}

.portfolio .in-text {
    display: table-cell;
    vertical-align: middle;
    width:312px;
    height:312px;
}

.foto .in-text {
    display: table-cell;
    vertical-align: middle;
    width:264px;
    height:264px;
}


.portfolio .popis, .foto .popis {
    font-style:italic;
}

.foto {
    width:264px;
    height:264px;
    overflow:hidden;
}

.foto a {
    width:264px;
    height:264px;
}

.posledni {
    margin-right:0;
}

.portfolio .nazev, .portfolio .popis, .foto .nazev, .foto .popis {
  display:block;
  line-height:20px;
  color:#fff;
  position:relative;
  overflow:hidden;
}







.portfolio .in-text {
    text-align: center;
    position: relative;
    background:url('/data/grafika/01-bar-30pct_opacity.png');
    background:rgba(48,48,48,0.7); 
    color:#fff;
}

.foto .in-text {
    text-align: center;
    position: relative;
    background:url('/data/grafika/01-bar-30pct_opacity.png');
    background:rgba(48,48,48,0.7); 
    color:#fff;
}



.portfolio a .in-text-container {
    visibility:hidden;
    opacity : 0;
}
html:not(.isiOs) .portfolio a:hover .in-text-container, .portfolio a:focus .in-text-container, .portfolio a:active .in-text-container {
    display:table;
    visibility:visible;
    opacity :1;
}


.foto a .in-text-container {
    visibility:hidden;
    opacity : 0;
}
html:not(.isiOs) .foto a:hover .in-text-container, .foto a:focus .in-text-container, .foto a:active .in-text-container {
    display:table;
    visibility:visible;
    opacity : 1;
}

.foto-failed
{
    background:rgba(255,255,255,0.85); 
    
}


.portfolio .nazev .inner, .portfolio .popis .inner, .foto .nazev .inner, .foto .popis .inner {
  padding:5px 10px;
  display:block;
  font-size:19px;
  overflow: hidden;
}




.foto .nazev .inner, .foto .popis .inner {
  font-size:18px;
}


.portfolio .popis .inner, .foto .popis .inner {
  font-size:11px;
  text-shadow: 0;
  
}


.portfolio .nazev {
    display:none;
}

.portfolio .popis {
    display:none;
}

html:not(.isiOs) .portfolio a:hover .nazev, .portfolio a:focus .nazev, .portfolio a:active .nazev {
    display:block;
}

html:not(.isiOs) .portfolio a:hover .popis, .portfolio a:focus .popis, .portfolio a:active .popis {
    display:block;
}

.foto .nazev {
    display:none;
}

.foto .popis {
    display:none;
}

html:not(.isiOs) .foto a:hover .nazev, .foto a:focus .nazev, .foto a:active .nazev {
    display:block;
}

html:not(.isiOs) .foto a:hover .popis, .foto a:focus .popis, .foto a:active .popis {
    display:block;
}

.foto_full {
    text-align:center;
    margin-bottom:51px;
    position:relative;
}

.foto_full .nazev, .foto_full .popis  {
    display:block;
    padding:0 24px;
    text-align:left;
}

.foto_full .text-top  .nazev, .foto_full .text-top .popis {
    padding-bottom:24px;
}

.foto_full .text-bottom  .nazev, .foto_full .text-bottom .popis {
    padding-top:24px;
}


.foto_full .nazev {
    font-size:130%;
}

#content .foto_full .nazev h2 {
    font-size:100%;
    margin:0;
}

.foto_full .popis {
    font-style:italic;

}

.foto_full a {
    position:relative;
    /*display:block;*/
}

.medium_list {
    visibility:hidden;
}

.nojs .medium_list {
    visibility:visible;
}

.medium_list a {
    display:inline-block;
    vertical-align:middle;
}

.medium_list a:hover img, .medium_list a:active img, .medium_list a:focus img {
    opacity:1
}

.medium_list img {
    opacity:0.3;    
    -webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;
}

.nojs .medium_list img {
    height:75px;
}

.medium_list .active img {
    opacity:1;
}

.medium_list a.back_link {
    height:75px;
    line-height:75px;
    padding-left:10px;
    float:left;
}


#content-container .redhover {
    background:red;
}

#content .galerietop {
    margin:0;    
    z-index:5;
    color:#fff;    
    width:100%;
    font-size:100%;    
    z-index:21;
    margin-left: 24px;
}

#content .galerie_photo_detail .galerietop {
    position:absolute;
    margin:0 auto;
    height: 100%;
    display: none;
}

#content .galerie_photo_detail:hover .galerietop {
    display: block;
}

#content .galerie_detail_video .galerietop {
    height: 48px;
}

.arrow-breadcrumb {
    font-size: 9px;
    padding:0 4px;
    color: #522808;    
}

#content .galerietop .nazev {
    font-size: 12px;
    margin:0;
    padding:0;
    line-height: 18px;
    position: relative;
    z-index: 2;
}

#content .galerie_photo_detail .galerietop .nazev {
    padding-left: 24px;
    padding-bottom: 24px;
    
}

#content .galerie_photo_detail .galerietop .nazev {
    background:#ffffff;
}

#content .galerietop .nazev a {
    color:#fff;
    text-decoration:none;
}

#content .galerietop .nazev .first {
    position: relative;
    top: 1px;
}

#content .galerietop .nazev .first .text{
    display: none;
}

#content .galerietop .inner {
    display:block;
    min-height:24px;
    color:#808080;
    line-height:24px;
}

* html #content .galerietop .inner {
    height:30px;
}

#content .galerietop .inner a {
    color: #522808;
    text-decoration:none;
}

#content .galerietop .inner a:hover,
#content .galerietop .inner a:focus,
#content .galerietop .inner a:active
{
    color: #522808;   
    text-decoration:none;
}


#content .galerie_photo_detail .galerietop .inner {
    min-height:0;
}

* html #content .galerie_photo_detail .galerietop .inner {
    height:0;
}

#content .galerietop .popis {
    color: #fff;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 312px;
    height: 100%;
    padding: 72px 24px 24px 72px;
    font-size:80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 12px;
    line-height: 24px;

    background: rgba(0,0,0,1);
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );

}

.photo_detail_container {
    text-align:center; 
    margin-bottom: 24px;
}

.photo_detail_container img,
.photo_detail_container iframe,
.flexslider .slides img {
    /*visibility:hidden;*/
    margin:0 auto;
    display: block;

    max-width: 100%;
    max-height: calc(100vh - 72px - 0px - 5px - 100px);
    /*min-height: 300px*/
}

.foto_full .socialFavorites, .medium .socialFavorites, .blog-post .blog_social_sharer .socialFavorites, .galerie_photo_detail .socialFavorites, .blog .blog_social_sharer .socialFavorites {
    position:absolute;
    top: 24px;
    left: 24px;
    z-index: 50;
    font-size: 18px;
    display: none;
    color: #fff;
}

.with_galerietop .socialFavorites {
    top: 72px;
}

.foto_full .socialFavorites:hover a, .medium .socialFavorites:hover a, .blog-post .blog_social_sharer .socialFavorites:hover a, .blog .blog_social_sharer .socialFavorites:hover a, .galerie_photo_detail .socialFavorites:hover a {
    color: #fff;
}

.foto_full .socialFavorites:hover a:hover, .medium .socialFavorites:hover a:hover, .blog-post .blog_social_sharer .socialFavorites:hover a:hover,.blog .blog_social_sharer .socialFavorites:hover a:hover, .galerie_photo_detail .socialFavorites:hover a:hover {
    color: #999;
    text-decoration: none;
}

.foto_full:hover .socialFavorites, .medium:hover .socialFavorites, .blog-post:hover .socialFavorites, .galerie_photo_detail:hover .socialFavorites {
    display: block;
}

.galerie_photo_detail .photo_social_container:hover .socialFavorites {
    top: 0;
    left: 0;
    margin: 24px;
}

.galerie_photo_detail .photo_social_container:hover + .galerietop {
    visibility: hidden;
}

.socialFavorites {
    text-align: left;
    float: left;
}

.socialFavorites a {
    text-decoration: none;
}

.socialFavorites .socialicon {
    display: none;
    margin-bottom: 24px;
    color: #522808;
    float: left;
    clear: left;
    font-size: 1em;
}

.socialFavorites .socialicon .text {
    padding: 0 24px;
}

 .blog-post .blog_social_sharer .socialFavorites {
    width:auto;
    height:auto;
    padding:0;    
    background:#fff;

}

.socialFavorites .core-icon {
    display: block;    
    text-shadow: 0 0 1px #303030;
}

.socialFavorites:hover .core-icon {
    display: none;
}

.blog-post .blog_social_sharer .socialFavorites, .blog .blog_social_sharer .socialFavorites {
    position: fixed;
    display: block;
    left: 50%;
    margin-left: 500px;    
    
    
}

.socialFavorites:hover {
    padding: 24px;
    background: #303030;
}

.blog-post .blog_social_sharer .socialFavorites:hover {
    background: #fff;
    padding: 0;    
}

.socialFavorites a.socialicon,
.blog-post .blog_social_sharer .socialFavorites a.socialicon {
    text-decoration: none;
}

.blog-post .blog_social_sharer .socialFavorites:hover a {
    color: #522808;
    text-decoration: none;
}

.blog-post .blog_social_sharer .socialFavorites:hover a:hover, 
.blog-post .blog_social_sharer .socialFavorites:hover a:focus,
.blog-post .blog_social_sharer .socialFavorites:hover a:active
{
    color: #303030;
}

.blog-post .blog_social_sharer .socialFavorites .core-icon {
    display: none;
}

.socialFavorites:hover .socialicon, .blog-post .blog_social_sharer:hover .socialFavorites .socialicon, .blog .blog_social_sharer:hover .socialFavorites .socialicon {
    display:block;    
    display: inline-block;    
}

.blog-post .blog_social_sharer .socialFavorites .socialicon {
    padding-left: 12px;        
}

.socialFavorites .socialicon:hover {
    opacity:1;
}

}
.photo_detail {  
    position:relative;
    z-index:1;
    vertical-align: middle;
}   

#content .prevPicture, #content .nextPicture {
    position:absolute;
    z-index:21;
    opacity: 0.1;
    top:0;
    left:0;
    background: url("/data/grafika/jf/navi/arrows-13.png") no-repeat left center;
    width:100px;
    height:100%;
    display:block;
    cursor:pointer;
    text-decoration:none;

    height:calc(100% - 200px);
    margin-top:calc(100px);

}

#content .nextPicture {
    right:0;
    left: auto;
    background: url("/data/grafika/jf/navi/arrows-13.png") no-repeat  right center;
}

#content .prevPicture:hover, #content .nextPicture:hover, 
#content .prevPicture:active, #content .nextPicture:active,
#content .prevPicture:focus, #content .nextPicture:focus {
  opacity: 0.99;
}

#content .galerie_photo_detail a:active, #content .galerie_photo_detail a:focus {
    outline: 0 none;
}

.socialIcon {
    float:left;
    margin:0 0 0 5px;
}

.jsok #content .galerie_photo_detail .onlyhover {
    display:none;
}

.jsok #content .galerie_photo_detail .show {
    display:block;
}

@keyframes donut-spin {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

#ajax-spinner {
	display: block;
	position: fixed;
	z-index: 100000;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
	border: 4px solid rgba(0, 0, 0, 0.1);
	border-left-color: #b1ce6a;
	border-radius: 50%;
	animation: donut-spin 1.2s linear infinite;
}
#image-blocker {
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        z-index:1;
        background:url(/data/grafika/jf/base/empty.gif);
}

#menu .portfolioMenuList .level1 li {
    position:relative;
}

.level1 .level1 {
    display:inline;
}


#menu .portfolioMenuList {
    text-align:center;
}

#menu .portfolioMenuList li {
    float: left;
    padding:0 24px 0 0;
    display:inline;
}



#menu .portfolioMenuList .level2 {
  display:none;
  background:;
  position:absolute;
  width:170px;  
  left:0;
  top:100%;
  z-index:10000;
  padding:5px 0;
}

#menu .portfolioMenuList .level2 li {
    float:none;
    display:block;
    margin:0;
    padding:0;
    padding-left:24px;;
    text-align:left;
    line-height:1;

}

#page_description {
    clear:both;
}

#page_description .inner {
    padding:24px;
}

.blog .novinka h1.claim_title {
    margin: -8px 0 0 0;
    padding: 0;
    float: left;
    width: 264px;
    font-size: 24px;
    line-height: 48px;
}

.blog .novinka h1 a {
    color: #522808;
}

.blog-prehled .novinka .obsah {
    margin-left: 360px;
}

.blog .novinka .obsah .perex {
    padding: 0;
    width: auto;
    font-size: 18px;
    line-height: 36px;
}

.blog .novinka .socialFavorites {
    margin-left: 552px;   
}

.blog-prehled .novinka .obsah .perex .next-arrow {
    font-size: 12px;
    padding-left: 12px;
    text-decoration: none;
}

#content .blog-prehled, #content .blog-detail    {
    position: relative;
}


.blog-detail .datum, .blog-detail .bottom_back {
    padding:48px 0 24px 24px;
    margin-left: 360px;
}

.blog-detail .datum:before {
    content: '';    
}

.blog-detail .bottom_back {
    padding-top: 0;
}

.blog-detail .paginator {
    padding-bottom: 120px;
}

#content .blog-prehled .novinka {
    margin-bottom: 96px;
    position: relative;
    overflow: hidden;
}

.blog-prehled .paginator {
    margin:24px 0;
    text-align: center;
}

.blog-prehled .paginator span, .blog-prehled .paginator a {
    padding: 0 12px;
}

.blog-prehled h2 a {
    text-decoration:none;
}

.blog-detail .paginagor {
    clear:both;
}

.foto_full .socialFavorites, .medium .socialFavorites, .blog-post .blog_social_sharer .socialFavorites, .galerie_photo_detail .socialFavorites, .blog .blog_social_sharer .socialFavorites {
    position:absolute;
    top: 24px;
    left: 24px;
    z-index: 50;
    font-size: 18px;
    display: none;
    color: #fff;
}

.with_galerietop .socialFavorites {
    top: 72px;
}

.foto_full .socialFavorites:hover a, .medium .socialFavorites:hover a, .blog-post .blog_social_sharer .socialFavorites:hover a, .blog .blog_social_sharer .socialFavorites:hover a, .galerie_photo_detail .socialFavorites:hover a {
    color: #fff;
}

.foto_full .socialFavorites:hover a:hover, .medium .socialFavorites:hover a:hover, .blog-post .blog_social_sharer .socialFavorites:hover a:hover,.blog .blog_social_sharer .socialFavorites:hover a:hover, .galerie_photo_detail .socialFavorites:hover a:hover {
    color: #999;
    text-decoration: none;
}

.foto_full:hover .socialFavorites, .medium:hover .socialFavorites, .blog-post:hover .socialFavorites, .galerie_photo_detail:hover .socialFavorites {
    display: block;
}

.galerie_photo_detail .photo_social_container:hover .socialFavorites {
    top: 0;
    left: 0;
    margin: 24px;
}

.galerie_photo_detail .photo_social_container:hover + .galerietop {
    visibility: hidden;
}

.socialFavorites {
    text-align: left;
    float: left;
}

.socialFavorites a {
    text-decoration: none;
}

.socialFavorites .socialicon {
    display: none;
    margin-bottom: 24px;
    color: #522808;
    float: left;
    clear: left;
    font-size: 1em;
}

.socialFavorites .socialicon .text {
    padding: 0 24px;
}

 .blog-post .blog_social_sharer .socialFavorites {
    width:auto;
    height:auto;
    padding:0;    
    background:#fff;

}

.socialFavorites .core-icon {
    display: block;    
    text-shadow: 0 0 1px #303030;
}

.socialFavorites:hover .core-icon {
    display: none;
}

.blog-post .blog_social_sharer .socialFavorites, .blog .blog_social_sharer .socialFavorites {
    position: fixed;
    display: block;
    left: 50%;
    margin-left: 500px;    
    
    
}

.socialFavorites:hover {
    padding: 24px;
    background: #303030;
}

.blog-post .blog_social_sharer .socialFavorites:hover {
    background: #fff;
    padding: 0;    
}

.socialFavorites a.socialicon,
.blog-post .blog_social_sharer .socialFavorites a.socialicon {
    text-decoration: none;
}

.blog-post .blog_social_sharer .socialFavorites:hover a {
    color: #522808;
    text-decoration: none;
}

.blog-post .blog_social_sharer .socialFavorites:hover a:hover, 
.blog-post .blog_social_sharer .socialFavorites:hover a:focus,
.blog-post .blog_social_sharer .socialFavorites:hover a:active
{
    color: #303030;
}

.blog-post .blog_social_sharer .socialFavorites .core-icon {
    display: none;
}

.socialFavorites:hover .socialicon, .blog-post .blog_social_sharer:hover .socialFavorites .socialicon, .blog .blog_social_sharer:hover .socialFavorites .socialicon {
    display:block;    
    display: inline-block;    
}

.blog-post .blog_social_sharer .socialFavorites .socialicon {
    padding-left: 12px;        
}

.socialFavorites .socialicon:hover {
    opacity:1;
}

}
.sub-icon, .icon-arrow {
    font-size:12px;
}

.icon-arrow.ss-right {
    padding-left: 24px;
}

.icon-arrow.ss-left {
    padding-right: 24px;
}

.blog-detail #paginator_next {
    position:absolute;
    right:24px;
}

.blog .paginator a:hover,
.blog .bottom_back a:hover
{
    text-decoration: none;
}

.blog-detail #paginator_prev {
    position:absolute;
    left:24px;
}

.bottom_panel {
    text-align:center;
}

.bottom_nazev_tagy {
    padding:24px;
}

.blog-prehled .nahled, .blog-detail .nahled {
    text-align:center;
}

.blog-prehled .nahled {
    margin-top: 38.4px;
}

.blog .nahled img, .blog .fotky img {
    padding: 0;
    max-width: 100%;
    margin: 0 auto;
}

.blog-detail .nahled {
    margin-bottom: 1em;
}

.galeriekrokovani {
    position:relative;
    clear:left;
    text-align:right;
    left:0;
    bottom:0px;
    width:100%;
    color:#fff;
    font-size:90%;
}

.galerie_photo_detail .galeriekrokovani {
    z-index:10;
}

.galeriekrokovani .inner {
    margin:2px;
    margin-bottom:0;
    padding-right:10px;
    display:block;
    height:30px;
    position:relative;
    line-height:30px;
    background:url('/data/grafika/01-bar-30pct_opacity.png');
}

.galeriekrokovani > .inner {
    background:rgba(0,0,0,0.5);
}

.galeriekrokovani a {
    color:#fff;
}

.galeriekrokovani a:hover, .galeriekrokovani a:active, .galeriekrokovani a:focus {
    color:#eee;
}


#text {
    -webkit-hyphens: auto;
    -moz-hyphens:auto;
    width: 1032px;
    margin: 0 auto;
    padding-top: 96px;
}

.blog .fotky img, .blog .fotky object, .blog .fotky iframe
{
    max-width: 1032px;
}

#link-folio #licence_text {
    text-align: right;
    margin:0;    
    color: #a1a1a1;
}

#link-folio #licence_text a {
    color: #522808;
}

#prezentace.flexslider ul:before {
    content:'';
	display: block;
	position: absolute;
	left: 50%;
	top: 30vh;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
	border: 4px solid rgba(0, 0, 0, 0.1);
	border-left-color: #b1ce6a;
	border-radius: 50%;
	animation: donut-spin 1.2s linear infinite;}

#prezentace.empty_presentation ul:before {
    display: none;
}

#prezentace li, #prezentace ul {
    list-style:none;
    margin:0;
    padding:0;
}

#prezentace.onePhotoVersion ul > li {
    display: none;
    text-align: center;
}

#prezentace.onePhotoVersion ul > li {
    display:block;
}

.flexslider ul li img {
    margin:0 auto;
}

.text-medium-content {
    background:#fff url(/admin/grafika/s_edit_text_icon.png) center center no-repeat;
    opacity: 0.3;
    -webkit-transition: all 0.222s ease-out;
    -moz-transition: all 0.222s ease-out;
    -o-transition: all 0.222s ease-out;
    -ms-transition: all 0.222s ease-out;
    transition: all 0.222s ease-out;   

}

.text-medium-content:hover {
    opacity: 1;
}


.gallerylist_text {
    clear:left;
}

@charset "UTF-8";
@font-face{font-family:"SS JuicyFolioCUSTset";src:url('/data/grafika/jf/soci/font/ss-juicyfoliocustset.eot');src:url('/data/grafika/jf/soci/font/ss-juicyfoliocustset.eot?#iefix') format('embedded-opentype'),url('/data/grafika/jf/soci/font/ss-juicyfoliocustset.woff') format('woff'),url('/data/grafika/jf/soci/font/ss-juicyfoliocustset.ttf') format('truetype'),url('/data/grafika/jf/soci/font/ss-juicyfoliocustset.svg#JuicyFolioCUSTset') format('svg');font-weight:normal;font-style:normal}html:hover [class^="ss-"]{-ms-zoom:1}.ss-icon,[class^="ss-"]:before,[class*=" ss-"]:before,[class^="ss-"].right:after,[class*=" ss-"].right:after{font-style:normal;text-decoration:none;text-rendering:optimizeLegibility;white-space:nowrap;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;-o-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class^="ss-"].right:before,[class*=" ss-"].right:before{display:none;content:''}.ss-icon,[class^="ss-"]:before,[class*=" ss-"]:before,[class^="ss-"].right:after,[class*=" ss-"].right:after,.ss-icon.ss-juicyfoliocustset,[class^="ss-"].ss-juicyfoliocustset:before,[class*=" ss-"].ss-juicyfoliocustset:before,[class^="ss-"].ss-juicyfoliocustset.right:after,[class*=" ss-"].ss-juicyfoliocustset.right:after{font-weight:normal;font-family:"SS JuicyFolioCUSTset"}.ss-facebook:before,.ss-facebook.right:after{content:''}.ss-twitter:before,.ss-twitter.right:after{content:''}.ss-linkedin:before,.ss-linkedin.right:after{content:''}.ss-vimeo:before,.ss-vimeo.right:after{content:''}.ss-youtube:before,.ss-youtube.right:after{content:''}.ss-flickr:before,.ss-flickr.right:after{content:''}.ss-instagram:before,.ss-instagram.right:after{content:''}.ss-pinterest:before,.ss-pinterest.right:after{content:''}.ss-googleplus:before,.ss-googleplus.right:after{content:''}.ss-link:before,.ss-link.right:after{content:'🔗'}.ss-zoomout:before,.ss-zoomout.right:after{content:''}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-up:before,.ss-up.right:after{content:'⬆'}.ss-down:before,.ss-down.right:after{content:'⬇'}.ss-left:before,.ss-left.right:after{content:'⬅'}.ss-right:before,.ss-right.right:after{content:'➡'}.ss-cart:before,.ss-cart.right:after{content:''}.ss-home:before,.ss-home.right:after{content:'⌂'}.ss-info:before,.ss-info.right:after{content:'ℹ'}.ss-signpost:before,.ss-signpost.right:after{content:''}.ss-rows:before,.ss-rows.right:after{content:''}.ss-clock:before,.ss-clock.right:after{content:'⏲'}.ss-zoomin:before,.ss-zoomin.right:after{content:''}.ss-skype:before,.ss-skype.right:after{content:''}.ss-behance:before,.ss-behance.right:after{content:''}.ss-dribbble:before,.ss-dribbble.right:after{content:''}.ss-soundcloud:before,.ss-soundcloud.right:after{content:''}.ss-500px:before,.ss-500px.right:after{content:''}.ss-phone:before,.ss-phone.right:after{content:'📞'}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-attach:before,.ss-attach.right:after{content:'📎'}.ss-view:before,.ss-view.right:after{content:'👁'}.ss-picture:before,.ss-picture.right:after{content:'🌄'}.ss-cell:before,.ss-cell.right:after{content:'📱'}.ss-tag:before,.ss-tag.right:after{content:'🏷'}.ss-dropdown:before,.ss-dropdown.right:after{content:'▾'}.ss-help:before,.ss-help.right:after{content:'❓'}.ss-map:before,.ss-map.right:after{content:''}.ss-location:before,.ss-location.right:after{content:''}.ss-move:before,.ss-move.right:after{content:''}.ss-compose:before,.ss-compose.right:after{content:'📝'}.ss-key:before,.ss-key.right:after{content:'🔑'}.ss-ban:before,.ss-ban.right:after{content:'🚫'}.ss-target:before,.ss-target.right:after{content:'◎'}.ss-halfstar:before,.ss-halfstar.right:after{content:''}.ss-crop:before,.ss-crop.right:after{content:''}.ss-ellipsischat:before,.ss-ellipsischat.right:after{content:''}.ss-creditcard:before,.ss-creditcard.right:after{content:'💳'}.ss-barchart:before,.ss-barchart.right:after{content:'📊'}.ss-warehouse:before,.ss-warehouse.right:after{content:''}.ss-camera:before,.ss-camera.right:after{content:'📷'}.ss-play:before,.ss-play.right:after{content:'▶'}.ss-pause:before,.ss-pause.right:after{content:''}.ss-stop:before,.ss-stop.right:after{content:'■'}.ss-grid:before,.ss-grid.right:after{content:''}.ss-thumbnails:before,.ss-thumbnails.right:after{content:''}.ss-upload:before,.ss-upload.right:after{content:''}.ss-download:before,.ss-download.right:after{content:''}.ss-folder:before,.ss-folder.right:after{content:'📁'}.ss-text:before,.ss-text.right:after{content:''}.ss-list:before,.ss-list.right:after{content:''}.ss-layout:before,.ss-layout.right:after{content:''}.ss-expand:before,.ss-expand.right:after{content:'⤢'}.ss-contract:before,.ss-contract.right:after{content:''}.ss-caution:before,.ss-caution.right:after{content:'⛔'}.ss-dashboard:before,.ss-dashboard.right:after{content:''}.ss-calendar:before,.ss-calendar.right:after{content:'📅'}.ss-delete:before,.ss-delete.right:after{content:'␡'}.ss-plus:before,.ss-plus.right:after{content:'+'}.ss-logout:before,.ss-logout.right:after{content:''}.ss-alert:before,.ss-alert.right:after{content:'⚠'}.ss-print:before,.ss-print.right:after{content:'⎙'}.ss-font:before,.ss-font.right:after{content:''}.ss-file:before,.ss-file.right:after{content:'📄'}.ss-uploadcloud:before,.ss-uploadcloud.right:after{content:''}.ss-sync:before,.ss-sync.right:after{content:'🗘'}.ss-lightbulb:before,.ss-lightbulb.right:after{content:'💡'}.ss-tablet:before,.ss-tablet.right:after{content:''}.ss-filter:before,.ss-filter.right:after{content:''}.ss-users:before,.ss-users.right:after{content:'👥'}.ss-star:before,.ss-star.right:after{content:'⋆'}.ss-trash:before,.ss-trash.right:after{content:'🗑'}.ss-erase:before,.ss-erase.right:after{content:'✐'}.ss-writingdisabled:before,.ss-writingdisabled.right:after{content:''}.ss-heart:before,.ss-heart.right:after{content:'♥'}.ss-addcalendar:before,.ss-addcalendar.right:after{content:''}.ss-removecalendar:before,.ss-removecalendar.right:after{content:''}.ss-checkcalendar:before,.ss-checkcalendar.right:after{content:''}.ss-deletecalendar:before,.ss-deletecalendar.right:after{content:''}.ss-notificationsdisabled:before,.ss-notificationsdisabled.right:after{content:'🔕'}.ss-notifications:before,.ss-notifications.right:after{content:'🔔'}.ss-settings:before,.ss-settings.right:after{content:'⚙'}.ss-check:before,.ss-check.right:after{content:'✓'}.ss-refresh:before,.ss-refresh.right:after{content:'↻'}.ss-replay:before,.ss-replay.right:after{content:'↺'}.ss-video:before,.ss-video.right:after{content:'📹'}.ss-music:before,.ss-music.right:after{content:'♫'}.ss-globe:before,.ss-globe.right:after{content:'🌐'}.ss-dollarsign:before,.ss-dollarsign.right:after{content:'$'}.ss-chat:before,.ss-chat.right:after{content:'💬'}.ss-write:before,.ss-write.right:after{content:'✎'}.ss-lock:before,.ss-lock.right:after{content:'🔒'}.ss-unlock:before,.ss-unlock.right:after{content:'🔓'}.ss-user:before,.ss-user.right:after{content:'👤'}.ss-desktop:before,.ss-desktop.right:after{content:'💻'}.ss-vine:before,.ss-vine.right:after{content:''}.ss-ello:before,.ss-ello.right:after{content:''}.ss-vscogrid:before,.ss-vscogrid.right:after{content:''}.ss-paypal:before,.ss-paypal.right:after{content:''}.ss-kickstarter:before,.ss-kickstarter.right:after{content:''}.ss-etsy:before,.ss-etsy.right:after{content:''}.ss-whatsapp:before,.ss-whatsapp.right:after{content:''}.ss-appstore:before,.ss-appstore.right:after{content:''}.ss-googleplay:before,.ss-googleplay.right:after{content:''}.ss-microsoft:before,.ss-microsoft.right:after{content:''}.ss-windows:before,.ss-windows.right:after{content:''}.ss-android:before,.ss-android.right:after{content:''}.ss-blackberry:before,.ss-blackberry.right:after{content:''}.ss-github:before,.ss-github.right:after{content:''}.ss-laptop:before,.ss-laptop.right:after{content:''}.ss-skipback:before,.ss-skipback.right:after{content:'⏮'}.ss-skipforward:before,.ss-skipforward.right:after{content:'⏭'}.ss-repeat:before,.ss-repeat.right:after{content:'🔁'}.ss-hdd:before,.ss-hdd.right:after{content:'🖴'}.ss-search:before,.ss-search.right:after{content:'🔍'}.ss-femaleuser:before,.ss-femaleuser.right:after{content:'👧'}.ss-navigateup:before,.ss-navigateup.right:after{content:''}.ss-navigatedown:before,.ss-navigatedown.right:after{content:''}.ss-bookmark:before,.ss-bookmark.right:after{content:'🔖'}.ss-flag:before,.ss-flag.right:after{content:'⚑'}.ss-navigateright:before,.ss-navigateright.right:after{content:'▻'}.ss-navigateleft:before,.ss-navigateleft.right:after{content:'◅'}.ss-piechart:before,.ss-piechart.right:after{content:''}.ss-directup:before,.ss-directup.right:after{content:'▴'}.ss-directleft:before,.ss-directleft.right:after{content:'◃'}.ss-directright:before,.ss-directright.right:after{content:'▹'}.ss-layers:before,.ss-layers.right:after{content:''}.ss-quote:before,.ss-quote.right:after{content:'“'}


#link-folio a {    
    float: left;
    width: 24px;
    height: 24px;
    margin-left: 24px;
    font-size: 24px;

    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;

    text-decoration: none;
    color: #a1a1a1;

}

#link-folio a:hover, #link-folio a:focus, #link-folio a:active {
    color: #522808;
    text-decoration: none;
}

#link-folio a .name {
    display: none;
}

#link-folio #folio { 
    background: url('/data/grafika/jf/juic/logo-jf-17px.png') no-repeat 0 -51px;
    width: 93px;
    height: 17px;
    bottom: 47px;
    display: block;
    float:left;    
    margin:9.59px 24px 0 24px;
}

#link-folio #folio:hover, #link-folio #folio:focus, #link-folio #folio:active { 
    background-position: 0 -34px;
}

#link-folio #licence_text {
    padding-top: 6px;
    font-size: 9px;
}

.shop_content_container .shopping_cart_item .remove_from_cart {
    font-size: 16px;
}

.remove_from_cart .icon-times {
    display: none;
}




.html_textcontent {
  
  text-align: left;
}

.html_textcontent h1 {
  font-size: 2em;
  margin: 30px 0 15px 0;
  font-weight:normal;
  padding:0;
  text-align:left;
  line-height:110%;
}

.html_textcontent h2 {
  font-size: 1.65em;
  font-weight: normal;
  margin: 50px 0 25px 0;
  line-height:110%;  
  padding:0;
}

.html_textcontent h3 {
  font-size: 1.33em;
  margin: 10px 0 5px 0;
  font-weight:normal;
  padding: 0;
  line-height:110%;
}

.html_textcontent p{
  font-size: 18px;
  min-height: 18px;
  line-height: 2;
  margin: 0;
}

.html_textcontent p.perex,
.html_textcontent p.text_block,
.html_textcontent h1.text_block,
.html_textcontent h2.text_block,
.html_textcontent h3.text_block,
.html_textcontent .medium_content_block_narrowed, 
.html_textcontent .text_content_block_narrowed,
.html_textcontent .claim_content_block_narrowed
{
  max-width: 672px;
  padding-left: 360px;
}

.html_textcontent ul.text_block,
.html_textcontent ul.text_content_block_narrowed,
.html_textcontent ol.text_block,
.html_textcontent ol.text_content_block_narrowed
{
  max-width: 632px;
  padding: 0 0 0 400px;
}

.html_textcontent ul{
  margin:14px 0;
  padding:0 0 0 40px;
  list-style-type: square; 
  line-height: 1.5em;
}

.html_textcontent ol{
  margin:14px 0;
  padding:0 0 0 40px;
  list-style-type: decimal; 
  line-height: 1.5em;
}

.html_textcontent ul ul {
  list-style-type: circle;
  margin:0; 
}

.html_textcontent ol ul {
  list-style-type: circle;
  margin:0; 
}


.html_textcontent .jfmrow {
  width:100%;
  float:left;
}
.html_textcontent .col-100 {
  width:100%;
  float:left;
}
.html_textcontent .col-50 {
  width:50%;
  float:left;
}
.html_textcontent .col-66 {
  width:66.666666%;
  float:left;
}
.html_textcontent .col-33 {
  width:33.333333%;
  float:left;
}

.html_textcontent .medium_pull_left,
.html_textcontent .claim_pull_left,
.html_textcontent .text_pull_left
{
  float: left;
}

.html_textcontent .medium_pull_right,
.html_textcontent .claim_pull_right,
.html_textcontent .text_pull_right
{
  float: right;
}

.html_textcontent .claim_content_block_narrowed,
.html_textcontent .claim_pull_left,
.html_textcontent .claim_pull_right,
.html_textcontent .claim_content_block
{
  font-size: 150%;
}

.html_textcontent .claim_pull_left,
.html_textcontent .text_pull_left,
.html_textcontent .medium_pull_left
{
  margin-right: 1em;
  margin-bottom: 1em
}

.html_textcontent .claim_pull_right,
.html_textcontent .text_pull_right,
.html_textcontent .medium_pull_right
{
  margin-left: 1em;
  margin-bottom: 1em
}

.html_textcontent .claim_pull_left,
.html_textcontent .claim_pull_right
{
  max-width: 350px;
}

.html_textcontent .text_two_columns 
{
  -moz-column-count: 2;
  -moz-column-gap: 4em;
  -webkit-column-count: 2;
  -webkit-column-gap: 4em;
  column-count: 2;
  column-gap: 4em;
  min-height: initial;
}

.html_textcontent .text_three_columns 
{
  -moz-column-count: 3;
  -moz-column-gap: 3em;
  -webkit-column-count: 3;
  -webkit-column-gap: 3em;
  column-count: 3;
  column-gap: 3em;
  min-height: initial;
}

.html_textcontent .medium_initial
{
  float: left;
  margin-right:0.3em;
  margin-bottom:1em;
}

.html_textcontent .text_initial::first-letter
{
  font-size: 200%;
  vertical-align: text-top;
}

.html_textcontent p.text_content_block_narrowed + p.text_content_block_narrowed,
.html_textcontent p.text_content_block_narrowed + p.text_content_block,
.html_textcontent p.text_content_block + p.text_content_block_narrowed,
.html_textcontent p.text_content_block + p.text_content_block,

.html_textcontent p.text_content_block_narrowed + p.claim_pull_right,
.html_textcontent p.text_content_block_narrowed + p.claim_pull_left,
.html_textcontent p.text_content_block + p.claim_pull_right,
.html_textcontent p.text_content_block + p.claim_pull_left,

.html_textcontent p.claim_pull_right + p.text_content_block_narrowed,
.html_textcontent p.claim_pull_left + p.text_content_block_narrowed,
.html_textcontent p.claim_pull_right + p.text_content_block,
.html_textcontent p.claim_pull_left + p.text_content_block
{
  margin-top: 1em;
}



.html_textcontent a,.module_content a  {
  color:#522808;
  text-decoration:none;   
}

a {
  -webkit-transition: color 0.222s ease-out;
  -moz-transition: color 0.222s ease-out;
  -o-transition: color 0.222s ease-out;
  -ms-transition: color 0.222s ease-out;
  transition: color 0.222s ease-out;
}

.html_textcontent a:hover, .html_textcontent a:active, .html_textcontent a:focus
,.module_content a:hover, .module_content a:active, .module_content a:focus {
  color:#522808;
  text-decoration:none;
  
}

.html_textcontent .medium_content_block figcaption 
{
  float: left;
  font-size: 0.8em;
  line-height: 1.6em;
  width: 192px;
  font-style: italic;
}

.html_textcontent .medium_content_block img,
.html_textcontent .medium_content_block_narrowed img
{
  max-width: 100%;
  height: auto;
}

.html_textcontent img[style*="float: left"],
.html_textcontent img[style*="float:left"],
.html_textcontent img[align="left"]
{
  padding-right: 30px;
}

.html_textcontent img[style*="float: right"],
.html_textcontent img[style*="float:right"],
.html_textcontent img[align="right"]
{
  padding-left: 30px;
}


body {
  background: #ffffff; /* from page */
}
#content, #licence_text {
    color:#522808;
    font-family:"Tahoma",Geneva,sans-serif; 
    font-size:18px;
}

.html_textcontent h1,
.module_content h1 {
  padding-left: 67px;
}


@media screen and (max-width: 1312px) {


    #page {
        width: auto;
        margin-left: 24px;
        margin-right: 24px;
    }

    #menu {
        right: auto;
    }

    #content, .portfolios, .fotky, #text {
        max-width: 100%;
    }

    .html_textcontent p.perex,
    .html_textcontent p.text_block,
    .html_textcontent h1.text_block,
    .html_textcontent h2.text_block,
    .html_textcontent h3.text_block,
    .html_textcontent .medium_content_block_narrowed, 
    .html_textcontent .text_content_block_narrowed,
    .html_textcontent .claim_content_block_narrowed
    {
      padding-left: 0;
      max-width: calc(100vw - 48px);
    }

    #prezentace.flexslider {
    	background-position: center top;
    	min-height: 150px;
    }

    .blog .fotky img, .blog .fotky object, .blog .fotky iframe {
    	max-width: 100%;
	}
    


}

@media screen and (max-width: 880px) {

    #text {
        padding-top: 24px;
    }

    .blog .novinka h1.claim_title {
        float: none;
        width: auto;
    }

    .blog-prehled .novinka .obsah {
        margin-left: 0;
    }

    #content .blog-prehled .novinka {
        margin-bottom: 48px;
    }   

    .html_textcontent img {
    	max-width: 100%;
    	height: auto;
    } 

    .html_textcontent img, .html_textcontent object, .html_textcontent iframe {
        max-width: 100%;
        height: auto;
    }

    .html_textcontent .medium iframe, .html_textcontent .video_content iframe, .html_textcontent iframe[src*="www.youtube"], .html_textcontent iframe[src*="vimeo.com"] {
        height: 56vw;
        min-height: 170px;
    }    

    .blog-detail .datum, .blog-detail .bottom_back {
    	margin-left: 0;
    	text-align: center;
    	padding-left: 0;
    	padding-right: 0;
    }

    #menu .portfolioMenuList li {
    	padding-left: 14px;
    }


}

@media screen and (max-width: 880px) {

  #menu-side::after {
    content: ' ';
    display: table;
    clear: both;
    zoom: 1;
  }

  #menu {
    z-index:1;
    position: absolute;
    right: -24px;
  }
  #main-menu {
  }

  #jump-top {
    display: block;
    padding: 0 24px;
    z-index:1003;    
  }
  body:not(:target) #menu:target #main-menu {
    position: absolute;
    right: 0;
    display:block;  
    padding: 24px;
    
  }
  #menu #main-menu, #page #menu:not(:target) #main-menu {
    display:none;
    z-index:1002;
  }
  #main-menu li {
    -webkit-transition: height 0.25s;
    -moz-transition: height 0.25s;
    -o-transition: height 0.25s;
    transition: height 0.25s;  
  }
  body:not(:target) #menu:target #main-menu li {
    float:none;
    line-height:1.4;
    z-index: 2;
  }
  body:not(:target) #menu:target #main-menu li.last_full_page {
    z-index:1;
    display: block;
  }

  /*body:not(:target) #menu:target #jump-top {
    z-index: 1;
  }*/

  #menu:target #main-menu li.last_full_page a {
    display:block;
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
  }


}




@media screen and (max-width: 1080px) {
    .portfolios {
        width: 696px;
    }
}
@media screen and (max-width: 744px) {
    .portfolios {
        width: 360px;
    }
}

@media screen and (max-width: 1224px) {
    .fotky {
        width: 888px;
    }
}
@media screen and (max-width: 936px) {
    .fotky {
        width: 600px;
    }
}
@media screen and (max-width: 648px) {
    .fotky {
        width: 312px;
    }
}


@media screen and (max-width: 540px) {
	#menu {
        position: static;        
    }
    #jump-top {
        text-align: center;
    }
    #logo, #menu {
		float: none;
		height: auto;
    }
    #logo {        
        overflow: hidden;       
        width: 100%;
        text-align: center;
    }
	#logo, #menu,#content .galerietop {
		margin-left: 0;
	}
	#menu .portfolioMenuList li {
		float: left;
		font-size: 75%;
		padding-left: 0;
		padding-right: 12px;
	}
	.portfolios, .fotky {
		padding: 12px 0 0;
	}
	.portfolio, .foto {
		margin: 0 0 12px 0;
	}
	.portfolios, .fotky,
	.portfolio, .foto,
	.portfolio a, .foto a {
		width: 100%;
		height: auto;
        max-width:312px;
	}

	#content {
		min-height: auto;
		margin:12px 0;
	}
	#logo {
		margin-bottom: 12px;
	}
	#logo {
		height:100px;
	}
}

@media screen and (max-width: 800px) {
    .blog-detail .paginator {
        padding-bottom: 1em;
    }
    .blog-detail #paginator_prev,
    .blog-detail #paginator_next {
        position: static;
        left: auto;
        right: auto;
        margin-bottom: 1em;
    }

    .blog-detail #paginator_next {
        text-align: right
    }
}



.flash {
	position: absolute;
	position: fixed;
	top:0;
	left:50%;
	margin-left:-200px;
	width:400px;
	background-color:#fff;
	background:rgba(255,255,255,0.6);
	color:#000;
	display: block;
	z-index:100;
	text-align: center;
	padding:15px;

	-webkit-transform-origin: 100% 50%;
	-webkit-animation: openFlashAnimation 3s both ease-in;
	-moz-transform-origin: 100% 50%;
	-moz-animation: openFlashAnimation 3s both ease-in;
	transform-origin: 100% 50%;
	animation: openFlashAnimation 3s both ease-in;

}

@-webkit-keyframes openFlashAnimation {
      0% {
            -webkit-transform: translateY(-200px);
      }
      100% {
            -webkit-transform: translateY(0);
      }
}
@-moz-keyframes openFlashAnimation {
      0% {
            -moz-transform: translateY(-200px);
      }
      100% {
            -moz-transform: translateY(0);
      }
}
@keyframes openFlashAnimation {
      0% {
            transform: translateY(-200px);
      }
      100% {
            transform: translateY(0);
      }
}.jfForm {
  padding: 20px 0;
}
.jfForm .has-error {
  display: block !important;
}
.jfForm .form-group {
  display: block;
  width: 100%;
  padding: 5px 0;
}
.jfForm .form-group .control-label {
  width: 20%;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}
.jfForm .form-group .control-container {
  width: 70%;
  padding: 0;
  margin: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}
.jfForm .form-group input,
.jfForm .form-group textarea,
.jfForm .form-group select {
  border: 1px solid #303030;
  resize: none;
  padding: 5px;
}
.jfForm .form-group input,
.jfForm .form-group textarea {
  width: 100%;
}
.jfForm .form-group input[type="submit"] {
  width: auto;
  float: right;
  color: #fff;
  box-shadow: 0 1px 3px rgba(135,145,155,0.55);
  border: 0;
  background: #303030;
  cursor: pointer;
  padding: 10px 15px;
}
.jfForm .form-group input[type="submit"]:hover {
  background: #666;
}
.jfForm .form-group label input[type="radio"],
.jfForm .form-group label input[type="checkbox"] {
  margin-right: 7px;
  width: auto;
}
@media (max-width: 640px) {
  .jfForm .form-group {
    display: block;
    width: 100%;
    margin-left: 0%;
  }
  .jfForm .form-group .control-container {
    width: 100%;
  }
  .jfForm .form-group input[type="radio"],
  .jfForm .form-group input[type="checkbox"],
  .jfForm .form-group input[type="submit"] {
    width: auto;
  }
  .jfForm .form-group input,
  .jfForm .form-group textarea {
    width: calc(100% - 15px);
  }
  .jfForm .form-group .control-label {
    width: 100%;
  }
  .jfForm .form-group .control-label label {
    padding-left: 5px;
    padding-top: 10px;
    display: block;
    text-align: left;
    width: auto;
  }
}.jfFormInline {
  overflow: hidden;
  clear: both;
}
.jfFormInline .form-group {
  display: block;
  border: 1px solid silver;
  border-radius: 5px;
  padding: 10px;
  margin: 0 0 10px 0;
}
.jfFormInline .control-container input,
.jfFormInline .control-container textarea,
.jfFormInline .control-container select {
  max-width: 100%;
  padding: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jfFormInline .control-label {
  display: block;
  font-size: 110%;
  font-weight: bold;
  margin: 10px 0 5px;
}
.jfFormInline label input[type="radio"],
.jfFormInline label input[type="checkbox"] {
  margin-right: 7px;
}.jfFormResponsive {
  clear: both;
  padding: 1em 0;
}
.jfFormResponsive input {
  padding: 5px;
}
.jfFormResponsive td,
.jfFormResponsive th {
  vertical-align: middle;
}
.jfFormResponsive th {
  text-align: right;
}
.jfFormResponsive th,
.jfFormResponsive td,
.jfFormResponsive textarea,
.jfFormResponsive input[type="submit"] {
  padding: 5px;
}
.jfFormResponsive input[type="submit"] {
  font-size: 110%;
  cursor: pointer;
}
.jfFormResponsive .form-group {
  display: block;
}
.jfFormResponsive input,
.jfFormResponsive textarea,
.jfFormResponsive select {
  max-width: 100%;
  padding: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jfFormResponsive textarea {
  width: 100%;
}
.jfFormResponsive label input[type="radio"],
.jfFormResponsive label input[type="checkbox"] {
  margin-right: 7px;
}
@media (max-width: 640px) {
  .jfFormResponsive table,
  .jfFormResponsive th,
  .jfFormResponsive td,
  .jfFormResponsive tr {
    display: block;
  }
  .jfFormResponsive input {
    width: 100%;
  }
  .jfFormResponsive input[type="radio"],
  .jfFormResponsive input[type="checkbox"],
  .jfFormResponsive input[type="submit"] {
    width: auto;
  }
  .jfFormResponsive th {
    text-align: left;
  }
}



/* user CSS */
@media (min-width: 880px) {
  #logo,
  #menu {
    width: auto;
    margin: 0 auto;
    width: fit-content;
  }
  #logo {
    width: 200px;
  }
  #menu {
    top: auto;
    left: auto;
    height: 30px;
    line-height: 30px;
  }
}
#logo span {
  background-position: left center;
  zoom: 0.5;
}
@media screen and (max-width: 1200px) {
  #menu {
    top: 6px;
  }
}
#content {
  clear: both;
}
@media screen and (max-width: 880px) {
  #logo,
  #menu {
    top: 0;
    right: 0;
    width: 100%;
    text-align: center;
    position: relative;
  }
  #logo span {
    background-position: center;
  }
  body:not(:target) #menu:target #main-menu {
    padding: 10px;
  }
  body:not(:target) #menu:target #main-menu,
  #menu .portfolioMenuList {
    width: 100%;
    box-sizing: border-box;
  }
  #menu .portfolioMenuList li {
    padding: .5rem;
    display: block;
  }
  #jump-top {
    line-height: 30px;
  }
}
#text {
  padding-top: 30px;
}
.contactForm input,
.contactForm textarea {
  width: 425px;
  border: 1px solid #303030;
  padding: 5px;
  margin: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
}
.contactForm .button {
  width: auto;
  float: right;
  color: #fff;
  box-shadow: 0 1px 3px rgba(135,145,155,0.55);
  border: 0;
  background: #303030;
  cursor: pointer;
  padding: 10px 10px;
}
.contactForm .button,
.contactForm label {
  letter-spacing: 1px;
  font-size: 20px;
}
.contactForm th {
  width: 300px;
  vertical-align: middle;
  text-align: right;
}
.portfolio .in-text,
.foto .in-text {
  background: rgba(255,255,255,0.7);
}
.portfolio .in-text span.inner,
.foto .in-text span.inner {
  color: #242424;
}
@media (max-width: 1000px) {
  body:not(:target) #menu:target #main-menu {
    background: #fff;
    border: 1px solid #a1a1a1;
  }
  #page {
    min-height: 100%;
  }
}
@media (max-width: 550px) {
  .portfolio .nazev {
    display: block;
  }
  .portfolio a .in-text-container {
    opacity: 1;
    visibility: visible;
  }
  .row-50-50 .col-50 {
    width: 100%;
    float: none;
  }
  .portfolio .in-text {
    background: rgba(255,255,255,0.7);
  }
}
@media screen and (max-width: 540px) {
  body:not(:target) #menu:target #main-menu li {
    font-size: 90%;
    line-height: 1.7;
  }
}
@media (max-width: 350px) {
  .portfolio a .in-text-container {
    width: 100%;
  }
}