/* FONTY */

@import url(https://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic);

/* BODY */

body {
	font-family: 'Open Sans', Arial, serif;
	font-weight: 400;
	color: #046a38;
	font-size: 13px;
}

a {
	color: #046a38;	
}

/* LOADER */

#loading_wrap {
    position:fixed; 
    height:100%; 
    width:100%; 
    overflow:hidden; 
    top:0; 
    left:0;
    z-index:999;
    background-color: white;
}

.loading_wrap_2 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
    
.loader {
    border: 6px solid #f3f3f3; /* Light grey */
    border-top: 6px solid #046a38; /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
    
    margin-top: 20px;
    margin-left: 75px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(740deg); }
}

/* HEADER */

#header {
	position: fixed;
	height: 77px;
	display: block;
	width: 100%;
	background-image: url(../_images/menu.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	z-index: 9;
	text-align: center;
	top: 0px;
}

#header-wrapper {
	width: 1000px;
	margin: 0 auto 0 auto;
}

/* pro menci jak 1000 px */
@media (max-width: 1000px) {
	#header-wrapper {
		width: 700px;
	}
}

/* pro menci jak 700 px */
@media (max-width: 700px) {
	#header {
        margin-left: -10px;
    }
    
    #header-wrapper {
		width: 340px;
	}
}

/* MENU */

#menu {
	margin: 0;
	padding: 0px 0 0 0px;
}

#menu li {
	margin: 0;
	position: relative;
	list-style: none;
	float: left;
	/*margin: 0 20px 0 20px;*/
    
	/*font-weight: bold;*/
}

#menu li a {
	color: #4d4d4d;
	text-transform: uppercase;
	font-size: 13px;
	display: block;
	text-decoration: none;
	/*font-family: 'Didact Gothic', sans-serif;*/
    padding: 22px 15px 23px 15px;
}

.ondrasovka-menu-policy {
	margin: 0 0 0 430px !important;
}

#menu li#ondrasovka-menu {
	background-image: url(../_images/menulogo-test.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
	top: -25px;
}

#menu li#ondrasovka-menu a {
	display: block;
	width: 120px; /* Velikost klikaci mapy = velikost obrazku */
	height: 70px; /* Velikost klikaci mapy = velikost obrazku  */
	text-decoration: none;
}

#menu li#ondrasovka-menu a span {
	visibility: hidden;
	text-decoration: none;	
}

#menu li#prirodni-menu {
	margin-left: 0px;
}

#menu .separator {
	margin-left: 10px;
	padding-left: 10px;
    margin-top: 20px;
	border-left: 1px solid  #4d4d4d;
    height: 20px;
    float: left;
}

@media (max-width: 1000px) {
    #menu .separator {
        display: none;
    }
}

/*#menu li#kontakty-menu {
	margin-left: 15px;
	padding-left: 30px;
	border-left: 1px solid  #4d4d4d;
}*/
/*
#menu li+li {
	padding: 0 0 0 0px;
}*/

#menu li:hover a {
	color: #000000;
}
/*
#menu li.menu-polozka.active {
	background-color: #046a38;	
}

#menu li.menu-polozka.active a {
	color: #ffffff !important;	
}
*/

#menu li.menu-polozka.nase-projekty {
	background-color: #046a38;	
}

#menu li.menu-polozka.nase-projekty a {
	color: #ffffff !important;	
}
/*
@media (max-width: 1000px) {
	#menu li a {
		font-size: 12px;
	}
	
	#menu li {
		margin: 0 6px 0 6px;
	}
	
	#menu li#prirodni-menu {
		margin-left: 0px;
	}
	
	#menu li#pitnyrezim-menu {
		margin-left: 6px;
		padding-left: 6px;
		border-left: none;
	}
	
	#menu li#kontakty-menu {
		margin-left: 6px;
		padding-left: 6px;
		border-left: none;		
	}
}
*/
@media (max-width: 1000px) {
	#menu .menu-polozka {
		display: none;
	}
	
	#menu li#ondrasovka-menu.menu-logo {
		position: absolute;
		left: 50%;
		margin-left: -60px;
		margin-top: 20px;
	}
}

/* PRO VSECHNY SLIDY */

.section {
	background-color: #ffffff;
	padding: 40px 0 0 0;
	text-align: center;
	background-image: url(../_images/lista.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}

.section-policy {
	background-color: #ffffff;
	padding: 80px 0 0 0;
	text-align: center;
	/*background-image: url(../_images/lista.png);
	background-repeat: repeat-x;
	background-position: center bottom;*/
}

.wrapper {
	width: 1000px;
	margin: 0 auto 0 auto;
	position: relative;	
	height: 100%;
}

@media (max-width: 1000px) {
	.wrapper {
		width: 700px;
	}
}

@media (max-width: 700px) {
	.wrapper {
		width: 320px;
	}
	
	.section {
		background:  none;
	}
	
	.slide {
		background-image:  none;
        
	}
}

h1, h2 {
	font-family: 'Open Sans', Arial, serif;	
	color: #046a38;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: -1.3px;
	margin: 0;
	font-weight: 400;
}

h1 {
	padding: 135px 0 0 0;
	margin: 20px 0 5px 0;
	font-size: 40px;
	font-weight: 400;
	background-image: url(../_images/logo.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}

h1 .first {
	display: block;
}

h1 .second {
	display: block;
}

h2 {
	font-size: 25px;
	margin: 0 0 10px 0;
}

@media (max-width: 700px) {
	h1 {
		font-size: 30px;
		background: none;
		padding: 20px 0 0 0;
	}
	
	h2 {
		font-size: 20px;
	}
}


@media (max-height: 830px) {
    #section0 h1, #section1 h1, #section6 h1 {
        padding: 35px 0 0 0;
        margin: 20px 0 5px 0;
        font-size: 40px;
        font-weight: 400;
        background: none;
    }
}

p {
	color: #000000;
    /*background-color:rgba(255,255,255,0.85);*/
}

.coverlahev-new {
	 position: absolute; 
     bottom: 95px; 
     right: -5px; 
     width: 250px;
}

.coverlahev {
	 position: absolute; 
     bottom: 115px; 
     right: 20px; 
     width: 185px;
}

@media (max-height: 830px) {
	.coverlahev {
     	width: 135px;
	}
    
    .coverlahev-new {
     	width: 170px;
        bottom: 105px; 
	}
}

@media (max-width: 1000px) {
	.coverlahev {
		 position: absolute; 
		 bottom: 115px; 
		 right: 0px; 
		 width: 165px;
	}
    
    .coverlahev-new {
		 position: absolute; 
		 bottom: 115px; 
		 right: 0px; 
		 width: 165px;
	}
}

@media (max-width: 700px) {
	.coverlahev {
     	position: absolute; 
		bottom: -100px; 
		left: 50%;
		margin-left: -50px; 
		width: 100px;
	}
    
    .coverlahev-new {
     	position: absolute; 
		bottom: -100px; 
		left: 50%;
		margin-left: -50px; 
		width: 100px;
	}
}

.pin-neperliva {
	 position: absolute; 
     bottom: 240px; 
     right: 170px; 
}

.pin-jemne-perliva {
	 position: absolute; 
     bottom: 320px; 
     right: 170px; 
}

.pin-medaile {
	 position: absolute; 
     bottom: 160px; 
     right: 150px; 
	 width: 130px;
}

.pin-medaile-2 {
	 position: absolute; 
     bottom: 160px; 
     right: 0px; 
	 width: 130px;
}

@media (max-width: 700px) {
	.pin-neperliva {
		 display: none;
	}

	.pin-jemne-perliva {
		display: none;
	}
	
	.pin-medaile {
		display: none;
	}
    
    .pin-medaile-2 {
		display: none;
	}
}


.bila {
     position: absolute; 
     bottom: 116px; 
     left: 0px; 
     width: 260px;
}

@media (max-width: 700px) {
	.bila {
     	display: none;
	}
}

@media (max-width: 1000px) {
	/*.bila {
		 position: absolute; 
		 bottom: 116px; 
		 left: -230px; 
		 width: 400px;
	}*/
}

.cover {
	position: absolute; 
    top: 50%;
    left: 50%;
	width: 350px;
	height: 350px;
	margin-top: -175px;
	margin-left: -175px;
}

.navigace {
	background-image: url(../_images/navigace.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 289px;
	height: 31px;
	position: relative;
	margin: 20px auto 0 auto;
}

@media (max-width: 700px) {
	.navigace {
		display: none;	
	}
}

.navigace-lite {
	background-image: url(../_images/navigace_lite.png);
}

.navigace .vlevo {
	position: absolute;
	top: 6px;
	left: 24px;
	cursor: pointer;
	/*width: 70px;
	height: 25px;
	background-color: #309;*/
}

.navigace .vpravo {
	position: absolute;
	top: 6px;
	right: 19px;
	cursor: pointer;
}

.navigace .informace {
	position: absolute;
	top: 6px;
	left: 107px;
	cursor: pointer;
}

.navigace .informace a {
	color: #ffffff;
	text-decoration: none;
}

/******************************
.videocover {
	position: absolute; 
    top: 50%;
    left: 50%;
	width: 400px;
	height: 500px;
	margin-top: -230px;
	margin-left: -200px;
}

.videocover .video {
	width: 115px;
	height: 160px;
	float: left;
	margin: 0;
}

.videocover .video1 {
	margin: 0 0 0 15px;
}

.videocover .video2 {
	margin: 0 0 0 15px;
}

.videocover .video3 {
	margin: 0 0 0 15px;
}

.videocover .video img {
	width: 115px;	
}

.videocover .video-big {
	width: 385px;
	height: 260px;
	float: left;
	margin: 0 0 0 15px;
}

.videocover .video-big img {
	width: 385px;	
}

@media (max-height: 830px) {
	.videocover {
        position: absolute; 
        top: 50%;
        left: 50%;
        width: 250px;
        height: 300px;
        margin-top: -140px;
        margin-left: -125px;
    }
    
    .videocover .video-big {
        width: 250px;
        height: 170px;
        float: left;
        margin: 0 0 0 15px;
    }

    .videocover .video-big img {
        width: 250px;	
    }
    
    .videocover .video1 img {
		display: none;
	}
    
    .videocover .video2 img {
		display: none;
	}
    
    .videocover .video {
		height: auto;
        width: 250px;
	}
    
    .videocover .video {
		height: auto;
        width: 250px;
	}
}

.videocover p {
	font-size: 9px;
}

@media (max-width: 700px) {
	.videocover {
		margin: 0;
		padding: 10px 0 0 0;
		position: relative;
		top: 0;
		left: 0;
		width: auto;
		height: auto;
	}
    
    .videocover .video-big {
        width: 100%;
        height: auto;
        float: left;
        margin: 0 0 0 15px;
    }

    .videocover .video-big img {
        width: 100%;	
    }
	
	.videocover .video {
		float: none;
		width: auto;
		height: auto;
	}
	
	.videocover .video img {
		display: none;
	}
	
	.videocover .video p {
		display: block;
		margin: 0;
		padding: 0;
	}
}
***********************************/


.videocover {
	position: absolute; 
    top: 50%;
    left: 50%;
	width: 600px;
	height: 500px;
	margin-top: -230px;
	margin-left: -300px;
}

.videocover .video {
	width: 290px;
	height: 160px;
	float: left;
	margin: 0;
}

.videocover .video1 {
	margin: 0 5px 0 5px;
}

.videocover .video2 {
	margin: 0 5px 0 5px;
}

.videocover .video img {
	width: 290px;	
}

.videocover .facebook img {
    margin-top: 65px;
    width: 200px;
}

.videocover .stromroku img {
    margin-top: 40px;
    width: 150px;
}

@media (max-height: 920px) {
	.videocover {
        position: absolute; 
        top: 62%;
        left: 50%;
        width: 600px;
	    height: 500px;
	    margin-top: -230px;
	    margin-left: -300px;
    }
    
    .videocover .video-big {
        /*width: 250px;
        height: 170px;
        float: left;
        margin: 0 0 0 15px;*/
    }

    .videocover .video-big img {
        /*width: 250px;	*/
    }
    
    .videocover .video1 img {
		/*display: none;*/
	}
    
    .videocover .video2 img {
		/*display: none;*/
	}
    
    .videocover .video {
		/*height: auto;
        width: 250px;*/
	}
    
    .videocover .video {
		/*height: auto;
        width: 250px;*/
	}
}

/*
@media (max-height: 720px) {
	.videocover {
        position: absolute; 
        top: 62%;
        left: 50%;
        width: 600px;
	    height: 500px;
	    margin-top: -230px;
	    margin-left: -300px;
    }
    
    .videocover .video-big {
        width: 250px;
        height: 170px;
        float: left;
        margin: 0 0 0 15px;
    }

    .videocover .video-big img {
        width: 250px;
    }
    
    .videocover .video1 img {
		display: none;
	}
    
    .videocover .video2 img {
		display: none;
	}
    
    .videocover .video {
		height: auto;
        width: 250px;
	}
    
    .videocover .video {
		height: auto;
        width: 250px;
	}
}
*/

.videocover p {
	font-size: 9px;
}

@media (max-width: 700px) {
	.videocover {
		margin: 0;
		padding: 10px 0 0 0;
		position: relative;
		top: 0;
		left: 0;
		width: auto;
		height: auto;
	}
    
    .videocover .video-big {
        width: 100%;
        height: auto;
        float: left;
        margin: 0 0 0 15px;
    }

    .videocover .video-big img {
        width: 100%;	
    }
	
	.videocover .video {
		float: none;
		width: auto;
		height: auto;
	}
	
	.videocover .video img {
		display: none;
	}
	
	.videocover .video p {
		display: block;
		margin: 0;
		padding: 0;
	}
}


.lista {
	position: absolute; 
    width: 100%;
	height: 130px;
	bottom: 0px;
	left: 0px;
	z-index: 0;
	/*background-image: url(./../_images/lista.png);*/
    background-position: bottom center;
	background-repeat: no-repeat;
}

@media (max-width: 700px) {
	.lista {
		display: none;	
	}
}

.sipka-vlevo {
	position: absolute;
	top: 42px;
	left: 150px;
	cursor: pointer;
}

.sipka-vpravo {
	position: absolute;
	top: 42px;
	right: 150px;
	cursor: pointer;
}

@media (max-width: 700px) {
	.sipka-vlevo {
		position: absolute;
		top: 35px;
		left: 5px;
		cursor: pointer;
	}
	
	.sipka-vpravo {
		position: absolute;
		top: 35px;
		right: 5px;
		cursor: pointer;
	}
}

.textcover {
	position: absolute; 
    top: 50%;
	left: 50%;
    width: 560px; /*960*/
	height: 470px; /*500*/
	margin-top: -250px;
	margin-left: -480px; /* 960 / 2 = 480*/
	background-image: url(./../_images/cover1.png);
    background-position: center center;
	background-repeat: no-repeat;
	/*padding-left: 150px;
	padding-right: 150px;*/
	padding: 30px 200px 0 200px;
	overflow: hidden;
}

.textcover h3 {
	font-size: 35px;
	font-weight: 400;
	margin: 0px 0px 20px 0px;
	padding: 0;
}

.textcover h4 {
	margin: 0px 0px 10px 0px;
	color: #194e92;
	font-weight: 400;
	font-size: 15px;
	padding: 0;
}

.textcover.mytus h3 {
	color: #ffffff;
	background-color: #003073;
	font-size: 15px;
	margin: 0px 210px 20px 210px;
	padding: 5px 0 5px 0;
}

.textcover.mytus h4 {
	font-size: 20px;
	font-weight: 400;
	margin: 0px 0px 20px 0px;
	padding: 0;
}

.textcover p {
	margin: 10px 0px 10px 0px;
	color: #000000;
	font-size: 15px;
}

/* CAROUSEL */

.carousel-wrapper-prirodni {
	position: absolute;
	bottom: 0;
	left: 50%;
    width: 100px;
	margin-left: -9px;
}

.carousel-wrapper-ochucene {
	position: absolute;
	bottom: 0;
	left: 50%;
    width: 720px;
	margin-left: -278px;
}

.carousel-wrapper {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 700px;
	margin-left: -320px;
    
    width: 650px;
	margin-left: -270px;
    
    margin-left: -310px;
    
    width: 580px;
	margin-left: -265px;
    
    width: 620px;
	margin-left: -255px;
    
    width: 720px;
	margin-left: -320px;
}

.carousel-wrapper {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 700px;
	margin-left: -320px;
    
    width: 650px;
	margin-left: -270px;
    
    margin-left: -310px;
    
    width: 580px;
	margin-left: -265px;
    
    width: 620px;
	margin-left: -255px;
    
    width: 720px;
	margin-left: -320px;
}

.carousel-ochucene {
	margin: 0 auto;
	width: 700px;
	height: 220px;
	/*overflow: hidden;*/
    
    height: 170px;
}

.carousel-wrapper-all {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 860px;
	margin-left: -400px;
    
    width: 810px;
	margin-left: -365px;
    
    width: 810px;
	margin-left: -400px;
    
    margin-left: -325px;
}

.carousel-ochucene-all {
	margin: 0 auto;
	width: 860px;
	height: 220px;
	/*overflow: hidden;*/
    
    height: 170px;
}

.carousel-ochucene .carousel_box, .carousel-ochucene-all .carousel_box {
	float: left;
	width: 52px;
	height: 220px;
	text-align: center;
	position: relative;
    
    height: 170px;
}

.carousel-vpravo {
	position: absolute; 
	bottom: 15px;
	right: 200px;
	cursor: pointer;
}

.carousel-vlevo {
	position: absolute; 
	bottom: 15px;
	left: 200px;
	cursor: pointer;
}

@media (max-width: 1000px) {
	.carousel-wrapper {
		margin-left: -250px;
	}
	
	.carousel-ochucene .carousel_box, .carousel-ochucene-all .carousel_box {
	 	width: 43px;
		height: 220px;
	}
	.carousel-wrapper-all {
		width: 700px;
		margin-left: -310px;
	}
	
	.carousel-ochucene-all {
		margin: 0 auto;
		width: 700px;
		height: 220px;
		/*overflow: hidden;*/
	}
}

/* SELECT */

.select {
	position: absolute; 
    bottom: 25px; 
    left: 0px; 
}

.select h3 {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	color: #ffffff;
	font-weight: 400;
	font-size: 15px;
	text-transform: uppercase;
}

#section0 .select h3 {
	background-color: #01a0e2;
	width: 50px;
}

#section1 .select h3 {
	background-color: #dc162d;
	width: 90px;
}

.select h4 {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;	
	text-transform: uppercase;
	color: #4d4d4d;
	font-weight: 400;
	font-size: 18px;
	width: 100px;
	text-align: left;
	line-height: 18px;
}

.select .checkbox {
	text-align: left;	
	color: #4d4d4d;
}

.select .checkbox input {
	color: #ffffff;
	background-color: #ffffff;
	border: 1px solid #4d4d4d;
	/*-webkit-appearance: none;
	height: 16px;
    width: 16px;*/
}

/* SLIDE 0 */

#section0 #ondrasovka-neperliva {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/neperliva.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section0 #ondrasovka-jemne-perliva {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/jemne-perliva.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section0 #ondrasovka-perliva {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/perliva.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

@media (max-width: 700px) {
    #section0 #ondrasovka-neperliva {
        background-image: url(./../_slide/neperliva.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    #section0 #ondrasovka-jemne-perliva {
        background-image: url(./../_slide/jemne-perliva.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    #section0 #ondrasovka-perliva {
        background-image: url(./../_slide/perliva.png);
        background-position: center;
        background-repeat: no-repeat;
    }
    
    #section0 p {
        display: none;   
    }
}

#section0 #logo {
     position: absolute; 
     top: 0px; 
     left: 20px; 
     width: 250px;
}


#section0 #bila {
     position: absolute; 
     bottom: 0px; 
     left: 0px; 
     width: 260px;
}

#section0 #purenatural {
    position: absolute; 
    bottom: 30px; 
    right: 0px; 
    width: 120px;
}

.lahev-new {
	position: absolute; 
    width: 63px;
	bottom: -79px;
	left: 50%;
	margin-left: -50px;
}

.lahev {
	position: absolute; 
    width: 48px;
	bottom: -77px;
	left: 50%;
	margin-left: -50px;
}

.lahev1 {
	margin-left: -60px;
}

.lahev2 {
	margin-left: -4px;
}

.lahev3 {
	margin-left: 32px;
}

/* SLIDE 6 */

#section6 #ondrasovka-hruska {
	background-color: #ffffff;
    background-image: url(./../_slide/hruska.png), url(./../_slide/hruska-bg.jpg);
    background-position: center 75%, top center;
	background-repeat: no-repeat, no-repeat;
    background-size: 650px, cover;
    
    
    /*
    background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/hruska.png), url(./../_slide/hruska-bg.jpg);
    background-position: bottom, center 75%, top center;
	background-repeat: repeat-x, no-repeat, no-repeat;
    background-size: auto, auto, cover;
    */
    
}

.napis-anketa {
    position: absolute;
    bottom: 145px;
    left: 10px;
    width: 105px;
}

@media (max-width: 767px) {
    .napis-anketa {
        display: none;
    }
}


/* SLIDE 1 */

#section1 #ondrasovka-jablko-kvet {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/jablko-kvet.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-visen-caj {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/visen-caj.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-visen {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/visen.jpg);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-limetka {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/limetka.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-citron {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/citron.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-grapfruit {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/grapfruit.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-tonic {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/tonic.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-jablko-svestka {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/jablko-svestka.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-kiwano {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/kiwano.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-polibek-maliny {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/polibek-maliny.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-pomeranc {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/pomeranc.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-mandarinka {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/mandarinka.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-lesni-plody {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/lesni-plody.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-rybiz {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/rybiz.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-mata-citron {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/mata-citron.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-zahradni-smes {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/zahradni-smes.png);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-koktejlova {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/koktejlova.jpg);
    background-position: bottom, bottom;
	background-repeat: repeat-x, no-repeat;
}

#section1 #ondrasovka-exotic {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/lici.jpg);
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}


@media (max-width: 700px) {
    #section1 #ondrasovka-exotic {
        background-image: url(./../_slide/lici.jpg);
        background-position: center;
        background-repeat: no-repeat;

    }
    
    #section1 #ondrasovka-jablko-kvet {
        background-image: url(./../_slide/jablko-kvet.png);
        background-position: center;
        background-repeat: no-repeat;

    }

    #section1 #ondrasovka-visen-caj {
        background-image: url(./../_slide/visen-caj.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    #section1 #ondrasovka-limetka {
        background-image: url(./../_slide/limetka.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    #section1 #ondrasovka-citron {
        background-image: url(./../_slide/citron.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    #section1 #ondrasovka-grapfruit {
        background-image: url(./../_slide/grapfruit.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    #section1 #ondrasovka-tonic {
        background-image: url(./../_slide/tonic.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    #section1 #ondrasovka-jablko-svestka {
        background-image: url(./../_slide/jablko-svestka.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    #section1 #ondrasovka-kiwano {
        background-image: url(./../_slide/kiwano.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    #section1 #ondrasovka-polibek-maliny {
        background-image: url(./../_slide/polibek-maliny.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    #section1 #ondrasovka-pomeranc {
        background-image: url(./../_slide/pomeranc.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    #section1 #ondrasovka-mandarinka {
        background-image: url(./../_slide/mandarinka.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    #section1 #ondrasovka-lesni-plody {
        background-image: url(./../_slide/lesni-plody.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    #section1 #ondrasovka-rybiz {
        background-image: url(./../_slide/rybiz.png);
        background-position: center;
        background-repeat: no-repeat;
    }
    
    #section1 #ondrasovka-mata-citron {
        background-image: url(./../_slide/mata-citron.png);
        background-position: center;
        background-repeat: no-repeat;
    }
	
    #section1 #ondrasovka-zahradni-smes {
        background-image: url(./../_slide/zahradni-smes.png);
        background-position: center;
        background-repeat: no-repeat;
    }	
    
    #section1 p {
        display: none;   
    }
}


#section1 #s1select {
    position: absolute; 
    bottom: 150px; 
    left: 0px; 
}

#section1 #premiumtaste {
    position: absolute; 
    bottom: 30px; 
    right: 0px; 
    width: 120px;
}

@media (max-width: 1000px) {
	#section1 #premiumtaste {
		display: none;
	}
	
	#section1 .select {
		display: none;
	}
}

/* SLIDE 2 */

#section2 h1 {
	text-transform: none;	
}

#section2 #ondrasovka-jak-zahnat-zizen {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/jak-zahnat-zizen.png);
    background-position: bottom, center bottom;
	background-repeat: repeat-x, no-repeat;
}

@media (max-width: 700px) {
	#section2 #ondrasovka-jak-zahnat-zizen p {
		display: none;
	}
	
	#section2 #ondrasovka-jak-zahnat-zizen p.mobile {
		display: block;
	}
    
    #section2 #ondrasovka-jak-zahnat-zizen {
        background-image: url(./../_slide/jak-zahnat-zizen.png);
        background-position: center;
        background-repeat: no-repeat;
    }
}

.left-side {
	width: 250px;
	height: 420px;	
	position: absolute;	
	/*bottom: 130px;*/
	left: 90px;
	top: 50%;
	margin-top: -210px;
}

.right-side {
	width: 250px;
	height: 420px;
	position: absolute;	
	/*bottom: 110px;*/
	right: 90px;
	top: 50%;
	margin-top: -210px;	
}

.clovek {
	width: 160px;
	height: 426px;
	top: 50%;
	left: 50%;
	/*bottom: 130px;*/
	margin-top: -213px;
	margin-left: -80px;
	position: absolute;	
}

@media (max-height: 900px) {
	.clovek {
		width: 100px;
		height: 266px;
		top: 50%;
		left: 50%;
		/*bottom: 130px;*/
		margin-top: -100px;
		margin-left: -50px;
		position: absolute;	
	}
}

@media (max-width: 700px) {
	.left-side {
		display: none;
	}
	
	.left-side.mobile {
		display: block;
		width: auto;
		height: auto;
		position: relative;
		margin: 0;
		top: 0;
		left: 0;
		bottom: 0;
	}
	
	.right-side {
		display: none;	
	}
	
	.clovek {
		display: none;
	}
	
	p.hide {
		display: none;
	}
	
	.muz {
		display: block;
	}
}

.sklenice {
	width: 270px;
	height: 405px;
	top: 50%;
	left: 50%;
	/*bottom: 130px;*/
	margin-top: -240px;
	margin-left: -135px;
	position: absolute;	
	z-index: -20;
}
@media (max-width: 700px) {
	.sklenice {
		display: none;	
	}
}

#section2 .zizen-cover {
	background-color: rgba(255,255,255,0.90);
}

/* SLIDE 3 */

#section3 h1 {
	/*text-transform: none;	*/
}

@media (max-width: 767px) {
    #section3 h1 {
        font-size: 25px;
    }
    
    #section3 h2 {
        font-size: 17px;
    }
}


#section3 h3 {
    font-family: 'Open Sans', Arial, serif;	
	color: #046a38;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0 0 5px 0;
	font-weight: 400;
    font-size: 24px;
}

#section3 h4 {
    font-family: 'Open Sans', Arial, serif;	
	color: #046a38;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0;
	font-weight: 400;
    font-size: 15px;
}

#section3 p {
    
}

#section3 .informace {
    left: 128px;
}

#section3 {
	background-color: #ffffff;
    /*background-image: url(./../_images/lista.png), url(./../_slide/zabava.png);
    background-size: auto, cover;
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;*/
    
    /*background-image: url(./../_images/lista.png);
    background-size: auto;
    background-position: bottom;
	background-repeat: repeat-x;
    */
}

@media (max-width: 700px) {
    #section3 {
        /*background-image: url(./../_slide/zabava.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background: none;*/
    }
}

#section3 .wrapper {
    width: 1300px;
}

@media (max-width: 1250px) {
    #section3 .wrapper {
        width: auto;
    }
}

#section3 .strom-wrapper {
    margin-top: 30px;
    background-color:rgba(255,255,255,0.7);
    padding: 30px 0 30px 0;
}

@media (max-height: 1000px) {
    #section3 .strom-wrapper {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    #section3 .strom-wrapper {
        margin-top: 30px;
    }
}

#section3 .lista {
	display: none;
}

#section3 {
	/*background: none;*/
}


#section3 .strom-mapa {
    float: left;
    width: 50%;
    margin: 100px 0 0 0;
    position: relative;
}

@media (max-width: 1250px) {
    #section3 .strom-mapa {
        float: left;
        width: 50%;
        margin: 50px 0 0 0;
        position: relative;
        display: none;
    }
}

#section3 .strom-mapa .strom-mapa-img {
    width: 650px;
    width: 580px;
}


@media (max-height: 850px) {
    #section3 h1 {
        padding: 35px 0 0 0;
        margin: 20px 0 5px 0;
        font-size: 40px;
        font-weight: 400;
        background-image: url(../_images/logo.png);
        background-repeat: no-repeat;
        background-position: center 0px;
        background: none;
    }
}

.pin {
    width: 18px;
}

.pin-active {
    width: 35px;
    margin: -20px;
}

.pin-1 {
    position: absolute;
    top: 80px;
    left: 65px;
}

.pin-2 {
    position: absolute;
    top: 60px;
    left: 110px;
}

.pin-3 {
    position: absolute;
    top: 170px;
    left: 175px;
}

.pin-4 {
    position: absolute;
    top: 100px;
    left: 395px;
}

.pin-5 {
    position: absolute;
    top: 130px;
    left: 440px;
}

.pin-6 {
    position: absolute;
    top: 160px;
    left: 400px;
}

.pin-7 {
    position: absolute;
    top: 240px;
    left: 370px;
}

.pin-8 {
    position: absolute;
    top: 260px;
    left: 400px;
}

.pin-9 {
    position: absolute;
    top: 250px;
    left: 430px;
}

.pin-10 {
    position: absolute;
    top: 210px;
    left: 480px;
}

.pin-11 {
    position: absolute;
    top: 250px;
    left: 510px;
    
    top: 185px;
    left: 440px;
}

.pin-12 {
    position: absolute;
    top: 290px;
    left: 540px;
    
    top: 270px;
    left: 500px;
}

#section3 .strom-informace {
    float: left;
    width: 50%;
}

@media (max-width: 1250px) {
    #section3 .strom-informace {
        float: left;
        width: 100%;
    }
}

.strom-intro {
    width: 580px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-height: 1000px) {
    .strom-intro {
        width: 430px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .strom-intro {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
}

.strom-sloupec {
    float: left;
    width: 50%;
}

@media (max-width: 767px) {
    .strom-sloupec {
        /*float: none;
        width: 100%;*/
        position: relative;
        height: 280px;
    } 
}

.strom-sloupec-leva {
    text-align: right;
}

@media (max-width: 767px) {
    .strom-sloupec-leva {
        text-align: center;
    } 
}

.strom-sloupec.strom-sloupec-leva p {
    text-align: right;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .strom-sloupec.strom-sloupec-leva p {
        text-align: center;
    } 
}

.strom-sloupec .img-levo {
    margin-right: 10px;
}

.strom-sloupec-prava {
    text-align: left;
}
/*
@media (max-width: 767px) {
    .strom-sloupec-prava {
        display: none;
    } 
}*/

.strom-sloupec.strom-sloupec-prava p {
    text-align: left;
    margin-left: 10px;
}

.strom-sloupec .img-pravo {
    margin-left: 10px;
}

.strom-sloupec p {
    margin: 0;
    padding: 0;
}

.strom-sloupec img {
    margin: 20px 0 20px 0;
    width: 280px;
    
}

@media (max-height: 1000px) {
    .strom-sloupec img {
        margin: 15px 0 0px 0;
        width: 200px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .img-pravo {
        position: absolute;
        bottom: 0;
    }
    
    .img-levo {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
}

.strom-roku-sipka-vlevo {
	position: absolute;
	top: 42px;
	left: 330px;
	cursor: pointer;
}

.strom-roku-sipka-vpravo {
	position: absolute;
	top: 42px;
	right: 330px;
	cursor: pointer;
}

@media (max-width: 700px) {
	.strom-roku-sipka-vlevo {
		position: absolute;
		top: 35px;
		left: 5px;
		cursor: pointer;
	}
	
	.strom-roku-sipka-vpravo {
		position: absolute;
		top: 35px;
		right: 5px;
		cursor: pointer;
	}
}







.clear {
    clear: both;
}

.footer {
	position: absolute;
	width: 300px;
	height: 100px;
	bottom: 130px;
	margin-left: -150px;
	left: 50%;
	top: 50%;
	margin-top: 200px;
	z-index: 10;
	
}

.footer img {
	width: 250px;
}

@media (max-height: 830px) {
	.footer {
		margin-top: 120px;
		
	}
	
	.footer img {
		width: 200px;
	}
}

@media (max-height: 700px) {
	.footer {
		margin-top: 110px;	
	}
	
	.footer img {
		width: 150px;
	}
}

/* SLIDE 4 */

#ondrasovka-pravdy-a-myty {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/pravdy-myty.png);
    background-size: auto, cover;
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

@media (max-width: 700px) {
    #ondrasovka-pravdy-a-myty {
        background-image: url(./../_slide/pravdy-myty.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

#ondrasovka-pravdy-a-myty h1 {
	text-transform: none;	
}

#ondrasovka-pravdy-a-myty .myty-cover {
	background-color: rgba(255,255,255,0.90);
}

.sloupec {
	float: left;
	width: 303px;
	padding: 0 15px 0 15px;
}

@media (max-width: 1000px) {
	.sloupec {
		float: left;
		width: 200px;
		padding: 0 15px 0 15px;
	}
}

@media (max-width: 700px) {
	#section4 .sloupec {
		display: none;
	}
    
    #section4 .myty-cover {
	   padding: 0 0 10px 0;
    }
}

#ondrasovka-pravdy-a-myty .sloupec h3 {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: normal;
}

#ondrasovka-pravdy-a-myty .sloupec h4 {
	/*font-size: 16px;
	font-weight: normal;
	height: 65px;*/
	font-size: 12px;
	font-weight: normal;
	height: 45px;
	color: #000000;
}

#ondrasovka-pravdy-a-myty .sloupec h5 {
	font-size: 15px;
	font-weight: normal;
	margin: 10px 0 10px 0;
	text-transform: uppercase;
}

.sloupec p {
	text-align: left;
}

@media (max-height: 830px) {
	#ondrasovka-pravdy-a-myty .sloupec h3 {
		font-size: 13px;
		margin: 0;
		padding: 0;
	}
	
	#ondrasovka-pravdy-a-myty .sloupec h4 {
		font-size: 11px;
		margin: 5px 0 0 0;
	}
	
	#ondrasovka-pravdy-a-myty .sloupec h5 {
		font-size: 13px;
	}
	
	#ondrasovka-pravdy-a-myty .sloupec p {
		font-size: 11px;
	}
}

/* SLIDE 5 */

#section5 {
	background-color: #ffffff;
    background-image: url(./../_images/lista.png), url(./../_slide/kontakty.png);
    background-size: auto, cover;
    background-position: bottom, center;
	background-repeat: repeat-x, no-repeat;
}

@media (max-width: 700px) {
    #section5 {
        background-image: url(./../_slide/kontakty.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

#section5 .kontakty {
	position: absolute;
	bottom: 230px;
	height: 200px;
}

#section5 h3 {
	text-transform: none;
	font-size: 20px;
	font-weight: normal;
}

#section5 .sloupec {
	float: left;
	width: 200px;
	padding: 0 65px 0 65px;
}

#section5 .kontakty-cover {
	background-color: rgba(255,255,255,0.90);
}

#section5 .facebook {
	float: left;
    margin: 0px 0px 0 0px;
}

#section5 .youtube {
	float: left;
    margin: 0px 8px 0 8px;
}

#section5 .instagram {
	float: left;
    margin: 0px 0px 0 0px;
}

#section5 .portal {
    padding-top: 10px;
    clear: both;
}

p.kontakty-stromroku-text {
    padding-top: 25px;
    padding-bottom: 5px;
    background: none;
    text-align: center;
    color: #046a38;
    clear: both;
}

.kontakty-stromroku-img {
    width: 110px;
}

@media (max-width: 1000px) {
	#section5 .sloupec {
		float: left;
		width: 150px;
		padding: 0 35px 0 35px;
	}
}

@media (max-height: 830px) {
	#section5 h3 {
		text-transform: none;
		font-size: 17px;
		font-weight: normal;
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	#section5 .sloupec {
		font-size: 11px;
	}
	
	#section5 .youtube {
		/*margin: 0 0 0 0;	*/
	}
	
	#section5 .portal {
		/*margin: 0 0 0 30px;	*/
	}
}

@media (max-width: 700px) {
	#section5 p {
		display: none;
	}
	
	#section5 .sloupec {
		display: none;
	}
	
	#section5 .sloupec.mobile {
		display: block;
		width: 150px;
		padding: 0 5px 0 5px;
	}
    
    #section5 .socialni.sloupec.mobile {
		display: block;
		width: 300px;
		padding: 10px 5px 0 5px;
	}
    
    #section5 img {
        /*width: 90px;*/
    }
    
    #section5 .facebook {
        /*margin: 13px 0 0 0;	*/
    }
    
    #section5 .youtube {
        /*margin: 0px 0 0 0;	*/
        margin-left: 0;
        margin-right: 0;
    }

    #section5 .portal {
        margin: 13px auto 0 auto;	
    }
    
    #section5 .socialni.sloupec.mobile div {
		width: 100px;
        /*float: left;*/
	}
	
}

/* section7 */

#section7 {
	background-color: #ffffff;
    background-image: url(./../_slide/pecujeme_o_stromy.jpg);
    background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
}

.rozcestnik {
    margin-top: 30px;
    margin-left: -42px;
    width: 1100px;
}

@media (max-width: 1100px) {
    .rozcestnik {
        width: auto;
        margin-left: 0;
    }
}

.rozcestnik-box {
    background-color:rgba(255,255,255,0.7);
    width: 220px;
    min-height: 280px;
    margin: 0 10px 0 10px;
    padding: 10px 15px 30px 15px;
    float: left;
}

@media (max-width: 1100px) {
    .rozcestnik-box {
        width: 95%;
        min-height: auto;
        margin: 5px auto 5px auto;
        padding: 5px 10px 5px 10px;
        float: none;
    }
}

.rozcestnik-box h3 {
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 35px;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: -1.3px;
    font-size: 22px;
    min-height: 60px;
}

.rozcestnik-box h3 a {
    text-decoration: none;
}

.rozcestnik-box h3.nadpis-strom-roku {
    background-image: url(./../_images/aktuality-sazime_stromy.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.rozcestnik-box h3.nadpis-do-skol {
    background-image: url(./../_images/aktuality-pramen.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.rozcestnik-box h3.nadpis-dalsi-projekty {
    background-image: url(./../_images/aktuality-biolokalita.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.rozcestnik-box h3.nadpis-ekodesign {
    background-image: url(./../_images/aktuality-ekomodulace.png);
    background-repeat: no-repeat;
    background-position: top center;
}

@media (max-width: 1100px) {
    .rozcestnik-box h3 {
        background: none !important;
        padding-top: 0px;
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 17px;
        letter-spacing: -0.3px;
        min-height: auto;
    }
}

.rozcestnik-box p {
    min-height: 100px;
}

@media (max-width: 1100px) {
    .rozcestnik-box p {
        min-height: auto;
    }
}

.btn-rozcestnik {
    background-color: #046a38;
    color: #ffffff;
    border: none;
    padding: 8px 15px 8px 15px;
    cursor: pointer;
}

.btn-rozcestnik:hover {
    background-color: #ffffff;
    color: #046a38;
    border: none;
}

@media (max-width: 1100px) {
    .no-mobile {
        display: none;   
    }
}

/* section aktuality */

.section-aktuality {
	background-color: #ffffff;
    background-image: url(./../_slide/pecujeme_o_stromy_podstranka.jpg);
    background-size: cover;
    background-position: center;
	background-repeat: no-repeat;    
}

.aktuality {
    width: 1100px;
    margin-top: 30px;
    margin-left: -42px;
    /*min-height: 600px;*/
    background-color:rgba(255,255,255,0.7);
    position: relative;
}

.aktuality-jedna {
    width: 350px;
    background-color:rgba(255,255,255,0.7);
    position: relative;
    margin: 30px auto 0 auto;
}

.aktuality-dve {
    width: 650px;
    background-color:rgba(255,255,255,0.7);
    position: relative;
    margin: 30px auto 0 auto;
}

@media (max-width: 1100px) {
    .aktuality, .aktuality-jedna, .aktuality-dve {
        width: auto;
        margin-left: 0;
        padding-bottom: 10px;
    }
}

.aktuality-wrapper {
    width: 920px;
    margin: 0 auto 0 auto;
}

.aktuality-wrapper-jedna {
    width: 300px;
    margin: 0 auto 0 auto;
}

.aktuality-wrapper-dve {
    width: 600px;
    margin: 0 auto 0 auto;
}

@media (max-width: 1100px) {
    .aktuality-wrapper, .aktuality-wrapper-jedna, .aktuality-wrapper-dve {
        width: 95%;
    }
}

.aktuality-box {
    width: 250px;
    margin: 0 10px 0 10px;
    padding: 30px 15px 30px 15px;
    float: left;
}

@media (max-width: 1100px) {
    .aktuality-box {
        width: 95%;
        min-height: auto;
        margin: 5px auto 5px auto;
        padding: 5px 10px 15px 10px;
        float: none;
    }
}

.aktuality-box h3 {
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 20px;
    letter-spacing: -1.3px;
    font-size: 22px;
    min-height: 60px;
}

@media (max-height: 880px) {
    .aktuality-box h3 {
        font-size: 17px;
        min-height: auto;
        letter-spacing: -0.3px;
    }
}

@media (max-width: 1100px) {
    .aktuality-box h3 {
        font-size: 17px;
        min-height: auto;
        letter-spacing: -0.3px;
        margin-top: 10px;
    }
}

.aktuality-box p {
    min-height: 65px;
}

@media (max-width: 1100px) {
    .aktuality-box p {
        min-height: auto;
    }
}

.img-aktuality {
    width: 250px;
}

@media (max-height: 880px) {
    .img-aktuality {
        width: 120px;
    }
}

@media (max-width: 1100px) {
    .img-aktuality {
        display: none;
    }
}

.aktuality-sipka-vlevo {
    position: absolute;
    left: 40px;
    top: 50%;
    cursor: pointer;
}

.aktuality-sipka-vpravo {
    position: absolute;
    right: 40px;
    top: 50%;
    cursor: pointer;
}

/* Portal */

.soubory {
	margin: 20px 0 20px 0;
}

.soubor {
	font-size: 15px; 
	margin: 10px 0 20px 0;
}

.soubor span {
	font-size: 12px; 
}




.fancybox-nav span {
    visibility: visible;
}