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 {
	-webkit-font-smoothing: antialiased;
	line-height: 1;
}

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 {
	background: #eee;    
}



#page {        
	text-align:left;
	width:1004px;
	box-sizing: border-box;
	max-width: 100%;
	position:relative;
	padding-left:0px;
	background: url(/data/_menu/bg_skin-pattern-2.jpg) left top repeat;
}


#page-container {        
		
}


#page-container-bottom {
		/*padding:17px;*/
		
}



#content {    
	position:relative;    
	
	min-height:380px;
	&height:380px;
   
}

#content-container {
	position:relative;
	padding:17px 0;
}


#menu-side {
	
	height:100px;

	
	
	font-family:"Atrament Web","atrament-web",sans-serif; 
	font-size:24px;
	
}


#menu {    
	position:relative;
	float:left;
	height:100px;
}

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

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

#menu li {
	padding-bottom:3px;
	float:left;
	margin: 0 0 0 30px;
}


#logo {
	float:left;
}


#logo, #logo span {
	height:100px;
	line-height:1;
	
	overflow:hidden;    
	position:relative;
	text-align: left;
	font-family:"Jim Nightshade",cursive; 
	font-size:72px;
}

#logo a {
	color:#ffffff;
}

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

#logo span {
	position:absolute;
	text-decoration:none;
	left:0;top:0;
}

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






.portfolio, .foto {
	margin:0;
	padding-right:10px;
	min-width:185px;
	width:185px;
	height:0px;
	position:relative;
	z-index:20;
	-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;
}


.foto_full {
	padding-right:10px;
}

.portfolio a, .foto a {
	display:block;
	text-decoration:none;
	cursor:pointer;
	height:0px;
	  -webkit-box-shadow: 0px 0px 5px #aaaaaa;
	  -moz-box-shadow: 0px 0px 5px #aaaaaa;
	  box-shadow: 0px 0px 5px #aaaaaa;
}

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

.portfolio a:hover, .foto a:hover  {
	  -webkit-box-shadow: 0px 0px 5px #aaaaaa;
	  -moz-box-shadow: 0px 0px 5px #aaaaaa;
	  box-shadow: 0px 0px 5px #aaaaaa;
}

.portfolio .top-text, .portfolio img {
	position:absolute;
	left:0;top:0;
}

.portfolio .top-text {
	width:100%;
}

.portfolio .inner_container {
	position: relative;
	overflow: hidden;
}

.portfolio .inner_container .image {
	position: absolute;
	top:0;
	left:0;
}

.portfolio .inner_container .top_text {
}

.posledni {
	margin-right:0;
}

.portfolio .nazev, .portfolio .popis, .foto .nazev, .foto .popis {
  display:block;
  line-height:20px;
  text-align:left;
  color:#fff;  
  position:relative;
  text-shadow: 0.1em 0.1em 0.05em #000;
  overflow:hidden;
}

.foto_full .in-text, .portfolio .nazev, .portfolio .popis {
  background:url('/data/grafika/01-bar-30pct_opacity.png');
}

.foto_full * > .in-text,
.portfolio * > .nazev,
.portfolio * > .popis,
.foto_full * > .nazev,
.foto_full * > .popis,
.foto-failed
{
	_background-image:none;
	background:rgba(0,0,0,.3);
}


.portfolio .nazev .inner, .portfolio .popis .inner, .foto_full .nazev .inner, .foto_full .popis .inner {
  display:block;
  padding: 16.5% 17px 16.5% 34px;
  overflow: hidden;
  font-size:22px;
}

.foto_full .nazev .inner, .foto_full .popis .inner {
  font-size:22px;
}


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

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

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

.portfolio .nazev {
	display:none;
}

.portfolio .popis {
	display:none;
}

.portfolio a:hover .nazev {
	display:block;
}

.portfolio a:hover .popis {
	display:block;
}

.foto_full .nazev {
	display:none;
}

.foto_full .popis {
	display:none;
}



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

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


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

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

#content .foto_full_inner .nazev, #content .foto_full_inner .popis {
	color:#fff;
}

.foto_full .popis {
	font-style:italic;

}

.foto_full a {
	position:relative;
	cursor:pointer;
	display:block;
	/*overflow:hidden;*/
}

.foto_full_inner {
	position:relative;
}

.foto_full .inner-text {
	position:absolute;
	top:0;
	display:block;    
	width:100%;
}

.foto_full.video_content .inner-text, .foto_full.text_content .inner-text {
	display:none;
}

.galerie_photo_detail {
	position:relative;
	height:644px;
}

#content .galerietop {
	display:block;
	position:fixed;
	z-index:5;
	margin:0;    
	margin-top:1110px;
	margin-bottom:17px;
	padding:0 2px 2px 2px;
	color: #303030;
	font-size:100%;
}

#content .galerietop a {
  color: #303030;
}

#content .galerietop a:hover {
  text-decoration:underline;
}


#content .galerietop h1 {
	margin:0;
	font-size:150%;
}

#content .galerietop h1, #content .galerietop .popis {
	padding:0 5px;
	height:1em;
}

#content .galerietop h1 a {
	text-decoration:none;
}

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

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

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

#content .galerietop .popis {
	font-size:80%;
}

#content .galerietop a {
  color: #303030;
}

#content .galerietop a:hover {
  text-decoration:underline;
}


.photo_detail {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

#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 {
	margin-left:250px;
}

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

#menu .portfolioMenuList li, #menu .portfolioMenuList .level1 ul  {
	float:left;
}

#menu .portfolioMenuList .level1 ul ul {
	float:none;
}

.portfolioMenuList ul, .portfolioMenuList li {
	float:left;    
	list-style-type: none;
}

.portfolioMenuList .level1 li {
		padding-left:0px;
}

.portfolioMenuList .level2 li {
		padding-left:30px;

}
#menu-side #menu .portfolioMenuList .level2 li {
	float:none;
	display:block;
}

#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:20px;
	text-align:left;
	line-height:1;

}

.portfolioMenuList-menu {
	float:left;
	margin:0 17px 0 0;    
}

.portfolioMenuList-menuName {    
	font-size: 70%;
	font-weight:bold;
	text-transform:lowercase;    
	color:#555;
	display: none;
}

#page_description .inner {
	padding:17px;
}

/* blog */

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

.blog-prehled .datum, .blog-detail .datum {
	position:relative;
	margin:50px 0 50px 0;
}

.blog-prehled .novinka {
	margin-bottom:87px;
	position:relative;
}

.blog-prehled .paginator, .bottom_panel {
	margin:17px 0 34px;
	text-align:center;
}

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

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

.blog-detail #paginator_prev {
	float:left;
}

.blog-detail #paginator_next {
	float:right;
}

.bottom_nazev_tagy {
	padding:17px;
}

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

.galeriekrokovani {
	clear:both;
	text-align:center;
	padding:17px 0;
}

hr.cistic {
	visibility:hidden;
	clear:both;
	height:0;border:0;margin:0;padding:0;
}

#radobytable { 
  display:table;
  position:relative;
}

#radobytable_row {
  display:table-row;
}

#radobytable_row .cell {
  display:table-cell;
  vertical-align: top;
  table-layout: fixed;
}

#licence_text {
	position: fixed;
	bottom: 30px;
	left:17px;
	margin:0;
	text-align: left;
	color: #ccc;
	font-size: 11px;
	font-weight: normal;

}

#licence_text a {
	color:#555;
}


/* JuicyFolio fix: remove basic border
*********************************/
#prezentace.flexslider ul {
background: none;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
#prezentace.flexslider ul {
	background-image:url('/data/grafika/jf/load/spinner.gif');
	background-position:center center;
	background-repeat: no-repeat;
	margin:0;
}
#prezentace.flexslider .slides img {
  max-width: 100%;
}
#prezentace.empty_presentation ul {
	background-image: none;
}


/*@media screen and (max-width: 1004px) { 
	#prezentace.flexslider .slides > li img {
		height: auto !important;
	}
}*/

#contact-center {
  margin-top: 210px;
}

#container #page {
	display: table-cell;
	vertical-align: middle;
	float:none;
}

html, body {
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#container {
	display: table;
	width: 100%;
	height:100%;
}

#content .galerietop {
	top:auto;
	margin-top:1110px;
}

#licence_text {
	bottom:1em;
	right:1em;
	top:auto;
	text-align: left;
	font-size: 11px;
	color: #CCC;
	font-weight: normal;
}

#menu-side {
	visibility:hidden;
}

.wf-active #menu-side, .twoSecReady #menu-side {
	visibility:visible;
}

@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: #ffffff;

}

#link-folio a:hover, #link-folio a:focus, #link-folio a:active {
    color: #ffffff;
    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: 20px 0 10px 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:1.5em;
  margin:0;
}

.html_textcontent p.text_block,
.html_textcontent h1.text_block,
.html_textcontent h2.text_block,
.html_textcontent h3.text_block {
  width: 550px;
  padding-left:150px;
}

.html_textcontent ul.text_block{
  padding:0 0 0 190px;
}

.html_textcontent ol.text_block{
   padding:0 0 0 190px; 
}

.html_textcontent ul.text_block,
.html_textcontent ol.text_block {
  width: 510px;
}

.html_textcontent img{
  padding-top:30px;
  padding-bottom:30px;
}

.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;
}

.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,
.html_textcontent .col-100,
.html_textcontent .col-50,
.html_textcontent .col-66,
.html_textcontent .col-33
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.html_textcontent .jfmrow {
  width:100%;  
}

.html_textcontent .jfmrow:after {
  content: "";
  display: table;
  clear: both;
}

.html_textcontent .col-100 {
  width:100%;
  float:left;
}

.html_textcontent .col-50 {
  width:50%;
  float:left;
}

.html_textcontent .col-66 {
  width: 66.666666%;
  width: calc(100%*2/3);
  float:left;
}

.html_textcontent .col-33 {
  width: 33.333333%;
  width: calc(100%/3);
  float:left;
}


@media screen and (max-width: 768px) {  
  .html_textcontent .col-100,
  .html_textcontent .col-50,
  .html_textcontent .col-66,
  .html_textcontent .col-33
  {
    float: none;
    width: 100%;
  }
}


.html_textcontent a,.module_content a  {
  color:#fc6f6f;
  text-decoration:none;
  -webkit-transition: all 150ms linear;-moz-transition: all 150ms linear;-o-transition: all 150ms linear;transition: all 150ms linear;
}

.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:#fc6f6f;
  text-decoration:underline;
}


body {
  background: #000000; /* from page */
}
#content {
  color:#ffffff;
  font-family:"Skolar Web","skolar",serif; 
  font-size:18px;
}


#text:after {
  content: "";
  display: block;
  clear: both;
}
#menu-side {
  height: auto;
}
#menu-side #menu {
  position: absolute;
  position: fixed;
  top: 17px;
  z-index: 1;
}
#menu-side #menu .portfolioMenuList {
  position: absolute;
  position: fixed;
  right: 17px;
  width: 100%;
}
#menu-side #menu .portfolioMenuList ul {
  float: right;
}
#menu-side #menu .portfolioMenuList ul li {
  float: left;
}
#menu-side #menu .portfolioMenuList ul li a {
  display: block;
}
#menu-side #menu .portfolioMenuList ul ul {
  position: absolute;
}
#menu-side #menu .portfolioMenuList .level1 li {
  position: static;
}
#menu-side #menu .portfolioMenuList .level2 {
  left: auto;
  top: auto;
  right: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#menu-side #menu .portfolioMenuList .level2 li {
  float: right;
}
#menu-side #menu .portfolioMenuList .level2 li a {
  margin: 0.7em 0;
}
#menu-side #logo {
  position: absolute;
  position: fixed;
  top: 17px;
  left: 17px;
  z-index: 2;
  max-width: calc(100% - 100px);
}
@media screen and (max-width: 600px) {
  #menu-side #logo {
    font-size: 1.5rem;
  }
}
.mode_blog #menu-side #logo,
.mode_text #menu-side #logo {
  position: absolute;
  left: 0;
}
#content #content-container {
  padding: 100px 0;
}
#content #content-container .galerietop {
  top: auto;
}
#link-folio {
  width: 100%;
  right: 0;
  padding: 0 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#link-folio #facebook,
#link-folio #twitter {
  float: left;
}
#page #licence_text {
  text-align: center;
  bottom: 0;
}
.portfolio a,
.foto a,
.portfolio a:hover,
.foto a:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.foto_full * > .in-text,
.portfolio * > .nazev,
.portfolio * > .popis,
.foto_full * > .nazev,
.foto_full * > .popis,
.foto-failed {
  background: none;
}
.portfolio .nazev,
.portfolio .popis,
.foto .nazev,
.foto .popis {
  color: #303030;
  line-height: 20px;
  text-align: center;
  text-shadow: none;
}
.portfolio .nazev .inner,
.portfolio .popis .inner,
.foto_full .nazev .inner,
.foto_full .popis .inner {
  padding: 60px;
  height: 50%;
  color: #303030;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.portfolio .top-text {
  height: 100%;
  background: #fff;
  background: rgba(255,255,255,0.95);
}
.portfolio .top-text-inner {
  display: table;
  width: 100%;
  height: 100%;
}
.portfolio .top-text-inner-container {
  display: table-cell;
  vertical-align: middle;
}
.medias_presentation .text_content .foto_full_inner {
  width: 850px;
  text-align: left;
}
.portfolio .top-text {
  display: none;
}
.portfolio a:hover .top-text {
  display: block;
}
#galleryList a {
  color: #555;
  text-decoration: none;
}
#galleryList a:hover,
#galleryList a:active,
#galleryList a:focus {
  color: #111;
  text-decoration: underline;
}
#galleryList li {
  float: left;
  margin: 0 17px 17px 0;
  width: 234px;
}
#galleryList .picture {
  height: 125px;
  overflow: hidden;
}
#galleryList .name {
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 5px 0;
}
#container .main-content {
  margin: 0 auto;
  width: 1004px;
}
.mode_portfolios #container .main-content,
.mode_portfolio #container .main-content,
.mode_slideshow #container .main-content,
.mode_gallerylist #container .main-content,
.mode_gallerylistmanual #container .main-content {
  width: auto;
}
.flexslider .slides img {
  margin: 0 auto;
}
@media screen and (max-width: 1004px) {
  #page,
  #container .main-content,
  .text_block {
    max-width: 100%;
    max-width: calc(100vw - 34px);
    width: auto;
  }
  .mode_blog #container {
    display: block;
    width: auto;
    height: auto;
  }
  .mode_blog #container #page {
    display: block;
    vertical-align: default;
  }
  #text img,
  #text iframe {
    max-width: calc(100% - 17px);
    max-width: calc(100vw - 34px);
    height: auto;
    min-width: 270px;
  }
  #text iframe[src*="www.youtube"],
  #text iframe[src*="vimeo.com"] {
    height: 56vw;
    min-height: 170px;
  }
}
@media screen and (max-width: 800px) {
  .html_textcontent h1.text_block,
  .html_textcontent h2.text_block,
  .html_textcontent h3.text_block,
  .html_textcontent p.text_block {
    padding-left: 0;
    max-width: 550px;
    min-width: 270px;
    width: auto;
  }
}
@media screen and (max-width: 600px) {
  html,
  body {
    height: auto;
  }
  #container,
  #container #page {
    display: block;
    height: auto;
  }
  html #container,
  html body {
    float: none;
  }
  #container #page {
    padding: 0 17px;
    max-width: auto;
    min-width: auto;
  }
  #radobytable,
  #radobytable_row,
  #radobytable_row .cell {
    display: block;
  }
  #radobytable_row .cell {
    width: auto !important;
  }
  .portfolio,
  .foto {
    height: auto;
  }
  .foto_full {
    padding-right: 0;
    margin-bottom: 17px;
  }
  img,
  iframe {
    max-width: 100%;
    height: auto !important;
  }
  .html_textcontent h1.text_block,
  .html_textcontent h2.text_block,
  .html_textcontent h3.text_block,
  .html_textcontent p.text_block {
    max-width: 100%;
  }
  .medias_presentation .text_content .foto_full_inner {
    width: auto;
  }
  #page,
  #container .main-content,
  .text_block {
    max-width: 100%;
  }
  #text img,
  #text iframe {
    max-width: 100%;
  }
  .portfolio a.target_presentation {
    height: auto !important;
    margin-bottom: 17px;
  }
  .portfolio a.target_presentation .image {
    position: static;
    left: 0;
  }
  .portfolio img {
    position: static;
    left: 0;
  }
  .portfolio .nazev .inner,
  .portfolio .popis .inner,
  .foto_full .nazev .inner,
  .foto_full .popis .inner {
    padding: 5vw;
  }
}
}


.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;
  }
}

#link-folio {
	position:fixed;
	right:17px;
	bottom:17px;    
}

#link-folio #folio {
	float:right;
	clear: none;
}

.mobileMenuSwitcher {
  display: none;
  line-height: 1;
  position: fixed;
  right: 17px;
  -moz-transition: right 0.3s ease;
  -webkit-transition: right 0.3s ease;
  transition: right 0.3s ease;
}
.mobileMenuSide .mobileMenuSwitcher {
  display: block;
  background: #fff;
  padding: 17px;
  top: 17px;
}
body.mobileMenuSide {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  left: 0;
}
.mobileMenuSide #menu-side #menu .portfolioMenuList ul {
  float: none;
}
.mobileMenuSide #menu-side #menu .portfolioMenuList ul ul {
  position: static;
}
.mobileMenuSide #menu-side #menu .portfolioMenuList .level2 li {
  float: none;
  padding: 0.5em 0 0 1em;
}
.mobileMenuSide #menu .portfolioMenuList .level2 {
  padding: 0;
}
.mobileMenuSide #menu-side #menu .portfolioMenuList .level2 li a {
  margin: 0;
  color: #303030;
}
.mobileMenuSide #menu-side #menu {
  z-index: 80;
}
.mobileMenuSide #menu-side #menu .portfolioMenuList {
  visibility: hidden;
  position: fixed;
  right: -180px;
  top: 0;
  height: 100%;
  width: 180px;
  margin-left: 0;
  font-size: 120%;
  background: #fff;
  -moz-transition: right 0.3s ease;
  -webkit-transition: right 0.3s ease;
  transition: right 0.3s ease;
}
.mobileMenuSide #menu-side #menu .portfolioMenuList ul li {
  float: none;
  margin: 0;
  padding: 0.5em;
}
.mobileMenuSide #promo_panel {
  display: none;
}
body.mobileMenuSide--active {
  left: -180px;
  position: relative;
  overflow-x: hidden;
}
.mobileMenuSide--active #menu-side #menu .portfolioMenuList {
  visibility: visible;
  right: 0;
}
.mobileMenuSide--active .mobileMenuSwitcher {
  right: 180px;
}
html {
  scroll-behavior: smooth;
}
a,
a:hover,
a:active,
a:focus {
  transition: .3s;
}
#page {
  padding: 0;
  width: 100%;
  max-width: 1024px;
}
#menu-side #logo,
.mode_blog #menu-side #logo,
.mode_text #menu-side #logo,
#menu-side #menu,
.mode_blog #menu-side #menu,
.mode_text #menu-side #menu {
  top: 0;
  padding: 0 10px;
  box-sizing: border-box;
  line-height: 100px;
}
#menu-side #logo,
.mode_blog #menu-side #logo,
.mode_text #menu-side #logo {
  left: 0;
  z-index: 3;
  width: 100%;
  max-width: 100%;
  position: fixed;
  padding-left: 20px;
  background: #000000;
}
#menu-side #logo:before {
  bottom: 0;
  left: 0;
  z-index: 0;
  content: '';
  width: 100%;
  height: 1px;
  opacity: .05;
  display: block;
  position: absolute;
  background: #ffffff;
}
#menu-side #logo a:hover {
  color: #fc6f6f;
}
#menu-side #menu,
.mode_blog #menu-side #menu,
.mode_text #menu-side #menu {
  right: 0;
  z-index: 4;
}
#menu-side #menu .portfolioMenuList {
  right: 10px;
  width: auto;
}
#menu-side #menu .portfolioMenuList li.last {
  padding-right: 10px;
}
#menu-side #menu .portfolioMenuList .level2 {
  right: 0;
  z-index: 3;
  line-height: 1.5;
  padding: 5px 10px;
  top: calc(100px * (2/3));
  background: #000000;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: intrinsic;
}
#menu-side #menu .portfolioMenuList .level2:before {
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 100%;
  opacity: .05;
  display: block;
  position: absolute;
  border: 1px solid #ffffff;
}
#menu-side #menu .portfolioMenuList .level2 li {
  display: inline-block;
}
#content #content-container {
  padding: 40px 0;
  padding-top: calc(100px);
}
#content .main-content {
  padding: 10px;
}
#radobytable {
  z-index: 2;
}
#link-folio {
  right: 0;
  bottom: 0;
  height: 40px;
  background: #000000;
}
#link-folio:before {
  top: 0;
  left: 0;
  z-index: 0;
  content: '';
  width: 100%;
  height: 1px;
  opacity: .05;
  display: block;
  position: absolute;
  background: #ffffff;
}
#link-folio a {
  line-height: 40px;
}
#link-folio a#folio {
  margin: 15px 24px;
}
.html_textcontent img {
  height: auto;
  max-width: 100%;
}
.html_textcontent p,
p {
  margin: 1em 0;
  text-align: left;
}
.html_textcontent h1,
h1,
.html_textcontent h2,
h2,
.html_textcontent h3,
h3 {
  margin: 1em 0 .5em 0;
}
.html_textcontent h1,
h1 {
  font-size: 2em;
}
.html_textcontent h2,
h2 {
  font-size: 1.5em;
}
.html_textcontent h3,
h3 {
  font-size: 1.3em;
}
.html_textcontent p.text_block,
.html_textcontent p.text_block_nomargin {
  padding: 0;
  width: 100%;
  max-width: 800px;
  margin: 1em auto;
}
.html_textcontent h1.text_block,
.html_textcontent h2.text_block,
.html_textcontent h3.text_block {
  padding: 0;
  width: 100%;
  max-width: 800px;
  margin: 1em auto .5em auto;
}
.html_textcontent ul.text_block,
.html_textcontent ol.text_block,
.html_textcontent li.text_block {
  width: 90%;
  max-width: 700px;
  margin: 1em auto;
  padding-left: 10%;
  box-sizing: border-box;
}
.html_textcontent li.text_block {
  padding: 0;
  margin-left: 20%;
}
.html_textcontent a {
  height: 100%;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: intrinsic;
}
.html_textcontent ul,
.html_textcontent ol {
  margin: 1em 0;
  padding-left: 2em;
}
.html_textcontent ul.text_block,
.html_textcontent ol.text_block {
  padding-left: 0;
  margin: 1em auto;
}
.col-100,
.col-66,
.col-50,
.col-33 {
  padding: 0 .5em;
  line-height: 1.5;
}
.html_textcontent img {
  padding: 0;
}
.jfForm {
  padding: 0;
  max-width: 600px;
  margin: .5em auto;
  position: relative;
}
.jfForm .form-group span.control-label {
  line-height: 1.5;
}
.jfForm .form-group .control-label {
  width: 25%;
}
.jfForm .form-group .control-container {
  margin: 0;
  width: calc(75% - 5px);
}
.jfForm .form-group input,
.jfForm .form-group textarea,
.jfForm .form-group select {
  box-sizing: border-box;
  border-color: #ffffff;
}
.jfForm .form-group span.control-label,
.jfForm .form-group .control-container {
  min-height: 30px;
  line-height: 30px;
}
.jfForm .form-group input,
.jfForm .form-group textarea {
  min-height: 18px;
  line-height: 18px;
  vertical-align: top;
}
.jfForm .form-group select {
  width: 100%;
}
.jfForm .form-gdpr {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}
.jfForm input#frm-jfForm-1__-agreed,
.jfForm input#frm-jfForm-2__-agreed,
.jfForm input#frm-jfForm-3__-agreed,
.jfForm input#frm-jfForm-4__-agreed,
.jfForm input#frm-jfForm-5__-agreed {
  display: none;
}
.jfForm .form-group input[type="submit"],
.jfForm .form-group input[type="submit"]:hover {
  transition: .3s;
}
.jfForm .form-group input[type="submit"] {
  padding: 0;
  width: 100%;
  font-size: 18px;
  line-height: 50px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  background: #fc6f6f;
}
.jfForm .form-group input[type="submit"]:hover {
  background: #fc6f6f;
}
.jfForm.compact-form {
  max-width: 500px;
}
.jfForm.compact-form span.control-label {
  display: none;
}
.jfForm.compact-form .form-group .control-container {
  width: 100%;
}
.portfolio a span.top-text,
.portfolio a:hover span.top-text {
  transition: .3s;
}
.portfolio .top-text {
  background: rgba(255,255,255,0.9);
}
.html_textcontent p.large_image img {
  padding: 0;
  margin: 0 auto;
}
html.mode_blog #container #page,
html.mode_text #container #page {
  display: block;
  margin: 0 auto;
}
.novinka h1 {
  text-align: center;
}
.novinka .obsah {
  position: relative;
}
#content .blog-prehled .nahled,
#content .blog-detail .nahled {
  padding: 0;
  font-size: 0;
  overflow: hidden;
}
#content .blog-prehled .nahled img,
#content .blog-detail .nahled img {
  padding: 0;
}
#content .blog-detail .nahled {
  margin-bottom: 25px;
}
.html_textcontent p.perex {
  padding: 0;
  width: 100%;
  max-width: 800px;
  margin: 1.5em auto;
}
#content .blog-prehled .novinka {
  margin-bottom: 50px;
}
#content .blog-detail .bottom_section {
  width: 100%;
  position: relative;
  margin: 75px 0 0 0;
}
h1.blog-title.blog-title-tag {
  font-size: 1em;
  position: relative;
  padding: 10px 30px;
}
h1.blog-title.blog-title-tag:before,
#content .blog-detail .bottom_section:before {
  top: 0;
  left: 0;
  z-index: 0;
  content: '';
  width: 100%;
  height: 100%;
  opacity: .05;
  display: block;
  position: absolute;
  border: 1px solid #ffffff;
}
h1.blog-title.blog-title-tag:before {
  z-index: -1;
}
#content .blog-detail .bottom_navigation {
  width: 100%;
  padding: 30px;
  margin: 0 auto;
  overflow: hidden;
  max-width: 1280px;
  box-sizing: border-box;
}
#content .blog-detail .paginator {
  padding: 0;
  height: 30px;
  overflow: hidden;
}
#content .blog-detail #paginator_next,
#content .blog-detail #paginator_prev {
  width: 25%;
  left: auto;
  right: auto;
  line-height: 30px;
  position: relative;
}
#content .blog-detail #paginator_prev {
  float: left;
}
#content .blog-detail #paginator_next {
  float: right;
  text-align: right;
}
#content .bottom_panel,
#content .related_news_tags {
  margin: 0;
  padding: 0;
  width: 25%;
  top: -30px;
  line-height: 1.5;
  text-align: center;
  position: relative;
  margin-bottom: -30px;
}
#content .bottom_panel {
  left: 25%;
  float: left;
}
#content .related_news_tags {
  right: 25%;
  float: right;
}
#content .bottom_panel .bottom_nazev_tagy,
.related_news_head,
.related_news_tags {
  margin: 0;
  padding: 0;
}
.blog-prehled .novinka h1 {
  margin: 0;
  position: relative;
  padding: 1em .5em .5em .5em;
}
.blog-prehled .novinka .obsah p.perex {
  margin: 0 auto;
  position: relative;
  padding: 1.5em .5em;
}
.blog-prehled .novinka:before {
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 100%;
  opacity: .05;
  display: block;
  position: absolute;
  border: 1px solid #ffffff;
}
#content .blog-prehled .datum,
#content .blog-detail .datum {
  top: 2em;
  right: 0;
  padding: 0;
}
@media (max-width: 1000px) {
  #menu-side a {
    line-height: 1;
  }
  #link-folio a {
    line-height: 40px;
  }
}
@media (max-width: 600px) {
  #menu-side #logo-inner {
    line-height: 100px;
  }
  #container #page,
  #content .main-content {
    padding: 0;
  }
  #menu-side #logo,
  #menu-side #menu {
    top: 0;
    z-index: 21;
    padding: 0 10px;
    visibility: visible;
    box-sizing: border-box;
    height: 100px;
  }
  #menu-side #logo-inner {
    max-width: calc(100% - 100px);
  }
  #menu-side #menu {
    right: 0;
    width: 100px;
  }
  #menu-side a.mobileMenuSwitcher {
    top: auto;
    padding: 0;
    right: auto;
    width: 100%;
    font-size: 0;
    background: none;
    text-align: right;
    position: relative;
    line-height: 100px;
  }
  #menu-side a.mobileMenuSwitcher:before {
    content: '≡';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    font-size: calc(100px/2);
  }
  #menu-side a.mobileMenuSwitcher:hover:before,
  #menu-side a.mobileMenuSwitcher:active:before,
  #menu-side a.mobileMenuSwitcher:focus:before {
    color: #fc6f6f;
  }
}
@media (max-width: 768px) {
  .html_textcontent h1.text_block,
  .html_textcontent h2.text_block,
  .html_textcontent h3.text_block,
  .html_textcontent p.text_block,
  .html_textcontent p.perex,
  .html_textcontent ul.text_block,
  .html_textcontent ol.text_block {
    width: 90%;
  }
  .html_textcontent p.perex {
    margin: 1em auto;
  }
  .html_textcontent p img {
    display: block;
    margin: 0 auto;
  }
  .col-100,
  .col-66,
  .col-50,
  .col-33 {
    padding: 0 .5em;
  }
}
@media (max-width: 600px) {
  .html_textcontent > p,
  .module_content > p {
    width: 100%;
    padding-left: 0;
    box-sizing: border-box;
  }
  .html_textcontent {
    padding: 10px;
  }
  .html_textcontent h1.text_block,
  .html_textcontent h2.text_block,
  .html_textcontent h3.text_block,
  .html_textcontent p.text_block,
  .html_textcontent p.perex,
  .html_textcontent ul.text_block,
  .html_textcontent ol.text_block {
    width: 90%;
  }
  .html_textcontent p.perex,
  .blog-prehled .novinka .obsah p.perex {
    padding: 0;
    margin: 1em auto;
  }
  .html_textcontent p img {
    display: block;
    margin: 0 auto;
  }
  .col-100,
  .col-66,
  .col-50,
  .col-33 {
    padding: 0 .5em;
  }
}
@media (max-width: 600px) {
  .jfForm .form-group span.control-label,
  .jfForm .form-group .control-container {
    width: 100%;
    display: block;
  }
  .jfForm.compact-form span.control-label {
    display: none;
  }
  .jfForm .form-group input,
  .jfForm .form-group textarea {
    width: 100%;
  }
  .jfForm .form-group .control-label label {
    padding: 0;
  }
  .jfForm .form-gdpr,
  .jfForm .form-group input[type="submit"] {
    margin-top: -30px;
  }
  .jfForm.compact-form .form-gdpr,
  .jfForm.compact-form .form-group input[type="submit"] {
    margin: 0;
  }
}
@media (max-width: 600px) {
  .portfolio,
  .foto {
    padding: 0;
  }
  body.galleryShow.mobileMenuSide.mobileMenuSide--active #logo {
    visibility: hidden;
  }
  .portfolio,
  .foto {
    min-width: 100%;
  }
  #link-folio {
    padding: 0;
  }
  .mobileMenuSide #menu-side #menu .portfolioMenuList ul li.last {
    padding-bottom: 50px;
  }
  .portfolio a .top-text,
  .portfolio span.nazev,
  .portfolio span.popis {
    display: block;
  }
  .portfolio a.target_presentation,
  .foto_full {
    margin-bottom: 0;
  }
}
@media (max-width: 1020px) {
  #content .blog-prehled .obsah,
  #content .blog-detail .popis {
    padding: 0;
  }
}
@media (max-width: 768px) {
  #content .blog-prehled .novinka {
    margin-bottom: 30px;
  }
  #content .blog-detail .nahled {
    margin-bottom: 0;
  }
  #content .bottom_panel,
  #content .related_news_tags {
    top: 0;
    left: auto;
    right: auto;
  }
  #content .blog-detail #paginator_next,
  #content .blog-detail #paginator_prev,
  #content .bottom_panel,
  #content .related_news_tags {
    width: 50%;
    max-width: 50%;
    text-align: center;
  }
  #content .blog-detail .paginator {
    padding-bottom: 10px;
  }
  #content .bottom_panel,
  #content .related_news_tags {
    margin: 0;
  }
  #content .blog-prehled .datum,
  #content .blog-detail .datum {
    top: -1.5em;
    opacity: .5;
  }
}
@media (max-width: 600px) {
  .mode_blog #menu-side #logo,
  .mode_text #menu-side #logo,
  #menu-side #logo {
    left: 0;
    width: 100%;
    max-width: 100%;
  }
  .mode_blog #menu-side #logo,
  .mode_text #menu-side #logo {
    position: fixed;
  }
}
@media (max-width: 420px) {
  #content .blog-detail #paginator_next,
  #content .blog-detail #paginator_prev,
  #content .bottom_panel,
  #content .related_news_tags {
    width: 100%;
    max-width: 100%;
  }
  #content .blog-detail .bottom_navigation {
    padding: 30px 10px;
  }
  #content .blog-detail .paginator {
    height: auto;
  }
}




/* user CSS */
#contact-center {
  margin-top: 210px;
}
@media screen and (max-width: 1048px) {
  body #content,
  #menu-side #menu .portfolioMenuList {
    font-size: 50%;
    line-height: 50%;
  }
  #galleryList .picture {
    height: 93px;
    width: 175px;
  }
  #galleryList .picture img {
    width: 175px;
  }
  #galleryList li {
    width: 175px;
  }
}
.text_content {
  text-align: left;
}
.foto_full {
  padding-right: 90px;
}
#page #licence_text {
  bottom: 17px;
}
#menu .ReadME {
  color: #8EAE3D;
}
#menu .ReadME:active,
#menu .ReadME:hover,
#menu .ReadME:focus,
#menu .ReadME.aktivni {
  color: #c93063;
}