/* Všechna rozlišení */

.fancybox-opened{
	z-index: 80300 !important;
}

.blogImg{
	padding-top:65%;
	background-size:cover;
	background-color:#d5d5d5;
}

table{
	max-width:100%;
}

#widget-63{
	display:none;
}

.header{
	height:auto;
	padding-top:59%;
}

#widget-61{
	background:transparent;
	margin-top:0;
}

.header-slider-outter{
	display:none;
}

#navigation{
	display:none;
}

#univers_standard_navigation{
	display:none;
}

.top-panel .logo{
	margin-left:5px;
}


.box-head{
	padding:15px;
	text-transform:uppercase;
}

a.fake-blog{
	display:block;
	width: 100%;
    padding-top: 65%;
    background-size: contain;
    background-position: center;
	background-repeat: no-repeat;
	margin-bottom:5px;
	text-decoration:none;
}

.fake-blogs{
	margin-bottom:90px;
}

.fake-blogs .col-3{
	box-sizing:border-box;
}

.fake-blogs .col-3 div:nth-child(2){
	text-align:center;
}

.fake-blogs .col-3 div:nth-child(2) a, .fake-blogs .col-5 div:nth-child(2) a{
	text-decoration: none;
    font-weight: bold;
    color: #4c4c4c;
}

.col-5 a.fake-blog{
	padding-top: 31%;
	background-size: contain;
	background-repeat: no-repeat;
}

.hp-links{
	margin-bottom:4em;
}

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


/* Rozlišení větší nebo rovné 576px (telefony) */

@media screen and (min-width: 576px) {

	.top-panel .logo{
		flex:none;
	}

}

/* Rozlišení větší nebo rovné 768px (větší telefony, tablety) */


@media screen and (min-width: 768px) {




}

/* Rozlišení větší nebo rovné 992px (velké tablety, menší počítače) */

@media screen and (min-width: 992px) {

	.hp-links .hp-links-links {
		max-width: 1100px;
	}



}

/* Rozlišení větší nebo rovné 1200px (standardní počítače) */

@media screen and (min-width: 1200px) {

	#top-panel-navigation-mobile{
		display:block !important;
	}

	#top-panel-navigation-desktop{
		display:none !important;
	}

	.blog-category-row .blogPreview{
		height: 145px;
	}

	.blog-perex{
		min-height:15px;
	}

}

@media screen and (max-width: 1299.99px) {
	body{
		background-image:none;
	}
}


@media screen and (min-width: 1300px) {


	#right{
		width:300px;
	}

	#left{
		width:300px;
	}

	.slider-item img{
		max-height:none;
	}

	map[name="menu"]{
		position:relative;
	}

	map[name="menu"] span{
		position: absolute;
		font-family: Oswald;
		color: #fff;
		text-shadow: 0px 0px 2px #000;
		font-size: 16px;
		letter-spacing: 0.5px;
		text-wrap:nowrap;
	}

	#menu-name-4{
		left: 387px;
		transform: rotate(-73deg);
		top: -88px;
	}

	#menu-name-8{
		left: 327px;
		transform: rotate(-59deg);
		top: -77px;
	}

	#menu-name-11{
		left: 502px;
	    transform: rotate(-90deg);
	    top: -75px;
	}

	#menu-name-17{
		left: 565px;
	    transform: rotate(-90deg);
	    top: -76px;
	}

	#menu-name-25{
		left: 567px;
	    transform: rotate(-75deg);
	    top: -101px;
	}

	#menu-name-29{
		left: 987px;
		top: -100px;
	}

	#menu-name-30{
		left: 861px;
		transform: rotate(-73deg);
		top: -100px;
	}

	#menu-name-31{
		text-wrap: wrap;
	    display: block;
	    width: 90px;
	    text-align: center;
	    left: 714px;
	    top: -164px;
	    line-height: 16px;
	}

	#menu-name-33{
		left: 735px;
    	top: -103px;
	}

	#menu-name-85{
		top: -68px;
		left: 696px;
	}

	#menu-name-34{
		left: 738px;
    	top: -28px;
	}

	#menu-name-37{
		left: 1018px;
	    top: -25px;
	    font-size: 17px;
	}

	#menu-name-72{
		left: 1103px;
		transform: rotate(-90deg);
		top: -77px;
	}

	#menu-name-5{
		left: 1222px;
    	top: -32px;
	}


	.top-panel{
		display:none;
	}

	.header{
		background:transparent;
		height:280px;
		padding-top:0;
	}

	.header-slider-outter{
		position: absolute;
    	right: 60px;
    	top: 20px;
		clip-path: polygon(6px 42px, 460px 7px, 461px 260px, 7px 253px);
		display:block;
	}

	#menu li>a{
		transform: rotate(-90deg);
		transform-origin: top;
	    width: 115px;
	    margin-left: -85px;
	    text-align: left;
	    margin-top: -44px;
		padding: 12px 15px 12px 20px;
	    height: 30px;
	    display: flex;
	    align-items: center;
	    font-size: 13px;
	    line-height: 18px;
	    border-radius:3px;
	}


	#navigation {
	    width: 1300px;
		height: 247px;
		background: transparent url("../../upload/sablona/pozadi-menu.png") no-repeat;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}

	#meenu {
	width: 1100px;
	height: 210px;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 284px;
	z-index: 1;
}

	#navigation-padding {
	    padding-top: 197px;
	    width: 1300px;
	    margin-left: -154px;

	}

	.ui-tooltip, .arrowTool:after {
	    background: #fff;
	    border: 1px solid #545656;
	}

	.ui-tooltip {
	    padding: 10px 20px;
	    color: #000;
	    font: bold 14px "Helvetica Neue", Sans-Serif;
	    text-transform: uppercase;
	    box-shadow: 0 0 7px #fff;
	    border-radius: 10px;
	    border: 1px solid #545656;
	}

	.arrowTool {
	    width: 70px;
	    height: 16px;
	    overflow: hidden;
	    position: absolute;
	    left: 50%;
		right: 0%;
	    margin-left: auto;
	    margin-right: -18px;
	    bottom: -16px;
	}

	.arrowTool.top {
	    top: -16px;
	    bottom: auto;
	}

	.arrowTool.left {
	    left: 20%;
	}

	.arrowTool:after {
	    content: "";
	    position: absolute;
	    left: 20px;
	    top: -20px;
	    width: 25px;
	    height: 25px;
	    box-shadow: 6px 5px 9px -9px #fff;
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

	.arrowTool.top:after {
	    bottom: -20px;
	    top: auto;
	}

	#menu li a, #menu li:hover>a, #menu li.active>a{
		background-position:-2px;
	}

	footer{
		background: url("/upload/sablona/patka_1.png");
		background-position:center;
		background-repeat:no-repeat;
		height:230px;
	}

	footer .box{
		display:none;
	}

	#widget-63{
		display:block;
	}

	#widget-63 .box-head{
		display:none;
	}

	#widget-63 .box-content{
		background:transparent;
	}


}