* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	background: #fff;
	color: black;
	font-family: 'Preto Sans Basic', 'Fira Sans', 'Open Sans', 'Calibri', 'Arial',sans-serif;
	margin: 0;
	padding: 0;
	font-size: 1.4em;
}

h1, h2, h3, h4, h5, h6 {
	color: #db4141;
font-weight:600;
		font-family: 'Preto Sans Basic Black', 'Fira Sans', 'Open Sans', 'Calibri', 'Arial',sans-serif;

}
h1 {
	font-size: 2.4em;
}
h2 {
	font-size: 2em;
	line-height: 1em;
}
h2.title {
	font-size: 3.7em;
	line-height: 1em;
}
h3 {
	font-size: 1.8em;
	line-height: 1.3em;
	margin-top: 1em;
	margin-bottom: .5em;
}
h4 {
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: normal;
	margin-top: 1em;
	margin-bottom: .5em;
}
h5 {
	font-size: 1em;
	font-weight: bold;
}
h6 {
	font-size: 0.8em;
	font-weight: bold;
}
a {
	text-decoration: none;
	color: #db4141;
}

a:hover, a:active, li a:active {
	text-decoration: underline;
}
p {
	line-height: 1.5em;
	margin: 0;
	padding-bottom:1em;
}
blockquote {
	margin: 1.25em;
	padding: 1.25em 1.25em 0 1.25em;
}
em {
	padding: 0 3px 0 0;
}
hr {
	border: none;
	margin-top: 20px;
	margin-bottom: 20px;
}
ul {
	margin: 0 20px;
	padding-right: 5px;
	padding-left: 20px;
	line-height: 1.4em;
}
#mainwrap {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: left;
}
#topmenu {
	position:fixed;
	width:100%;
	z-index: 6;
}
#logo {
	height: 99px;
	width:100%;
	background: #d7cb00 url('https://sadovo.sk/mnews/data/files/images/logo-sadovo-1.png') no-repeat center;
	border:1 px solid red;
}
.mainmenu {
background: #db4141;
}
.mainmenu .mn-page {
		background: #db4141;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 100%;
	height: 28px;
	margin-left:auto;
	margin-right:auto;
	max-width:1152px;
	width:auto;
	text-align: center;
}
.mainmenu .mn-page ul {
	padding: 0px;
}
.rmm-toggled-title {
	display: none;
}
.mainmenu .mn-page li {
	float: left;
	list-style-type: none;
	/*! height:2.2em; */
	overflow:hidden;
	background: #db4141;
	height:1.5em;
	width:6.2em;
	transition: all ease .5s;
	padding:0 0 .3em 0;
	margin:0;
}
.mainmenu .mn-page li:hover {
	height: auto;
}
.mainmenu .mn-page li ul {
	margin:1.5em 0;

}

.mainmenu .mn-page li a {
	padding: 17px .25em;
	color: white;
	font-size: 1.1em;
}
.mainmenu .mn-page li li{
  height: auto;
}
.mainmenu .mn-page li.item9 {
		width:7em;
}
.mainmenu .mn-page li.item9 a {
	color:yellow;
}
#header h2.title,
#footer h2.title {
	/*! display: none; */
}
#banner {
background: #db4141;
	position:relative;
	z-index: 4;
}
#banner img {
	width:100%;
		top:187px;
	position:relative;	
}
.subtitle {
	font-size: 4.6em;
	color: black;
	text-transform: uppercase;
	margin-left: 8%;
	font-weight: 200;
	line-height: 1.38em;
	margin-bottom: 430px;
	text-shadow: 1px 1px 20px rgba(233,230,213,1);
}
.roller a {
	position: fixed;
	top: 90%;
	background: url("img/roller.png") no-repeat top center;
	width: 100%;
	height: 0px;
	padding-top: 57px;
	z-index: 999;
}
#content h2 {
	/*! text-transform: uppercase; */
	font-size: 2.2em;
	line-height: 1.3em;
	/*! font-weight: 400; */
	padding-top: 2em;
	margin-bottom: 1em;
}
#content-wrap .mn-page,
#content-wrap .full .mn-post {
	max-width: 1152px;
	margin-left: auto;
	margin-right: auto;
}
.mn-page {
	clear: both;
}
#content .mn-page,
#content .full .mn-post{
	padding-bottom:3em;
}
#content .full .mn-post {
	padding-top:1em;
}
#cboxOverlay {
	background: #F2F7F0;
	opacity: 0.9;
	filter: alpha(opacity = 90);
}
#cboxLoadedContent {
	border: 2px solid white;
	background: #fff;
}
#cboxContent {
	margin-top: 20px;
	background: white;
}
#footer {
	background: #D7CB00;
	padding: 10px 0 0;
	color:#7A8805;
}
.accordion {
	color: #db4141;
	cursor: pointer;
	clear:both;
}
.active, .accordion:hover {
	text-decoration: underline;
}
.panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out;
}
#logo{
  transition: all 0.5s;
}
#banner .crop {
	height:285px;
	overflow:hidden;
		position:absolute;
		margin-top:-130px;
	margin-left:27%;
}
#banner .circle {
background: rgba(215, 203, 0, .9);
	height:400px;
	width:400px;
	border-radius: 50%;
	color: #db4141;
	font-family: 'Preto Serif', 'Donegal One', 'Cambria', 'Georgia', serif;
	font-size: 2em;
	text-align: center;
	padding:30px;
}
#banner h1 {
	color:white;
	margin-top:40px;
	font-size: 1.8em;
}
#banner .circle p {
	line-height: 1.2em;
}
#o-projekte {
	margin-top:150px;
	background: #F5F5F5;
}
li.item8 {
		overflow:hidden;
	position:relative;
	top:-8px;
	left:2em;
	height: 2em !important;
	width:5em !important;
	margin-left:4em !important;
}
.mainmenu .mn-page li.item8 a {
	background:url('img/facebook.png') no-repeat;
	color:transparent;
	top:16px;
	position:relative;
	
}
#aktuality, #partneri {
	background: #F5F5F5;
}
#mapa,
#jedle-ostrovy{
	background: #C7EBC7;
	clear:both;
}
#mapa iframe {
	width:100%;
	height:600px;
	border:none;
}
#kontakt, #kontakt h2, #kontakt a {
	background: #DB4141;
	color:white;
}
.postlist {
	max-width:1152px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
#aktuality .mn_post, #publikacie .mn_post {
	width:45%;
	float:left;
	margin-right:5%;
	background:white;
	margin-bottom: 50px;
	height:700px;
	overflow:hidden;
	transition: all 0.5s;
position: relative;
	z-index: 0;
}
#publikacie .mn_post {
	background: #f5f5f5;
}
#aktuality .mn_post a, #publikacie .mn_post a  {
	color: black;
}
#aktuality .mn_post a:hover, #publikacie .mn_post a:hover {
	text-decoration: none;
}
#aktuality .mn_post:hover, #publikacie .mn_post:hover {
	background: #d7cb00;
}
#aktuality .mn_post img, #publikacie .mn_post img {
	width:100%;
	height:auto;
}
#aktuality .mn_post .image, #publikacie .mn_post .image {
	height:320px;
	overflow:hidden;
}
#aktuality .mn_post .text, #publikacie .mn_post .text {
	margin:30px;
	font-family: 'Preto Serif', 'Donegal One', 'Cambria', 'Georgia', serif;
	font-size:1em;
}
#aktuality .mn_post h3.title, #publikacie .mn_post h3.title  {
	font-size: 1.4em; 
	margin-left:30px;
	margin-right:30px;
	color:black;
}
.clearfix {
	clear:both;
}
#aktuality .mn_post .textend, #publikacie .mn_post .textend {
	position:absolute;
	bottom:0px;
	width:100%;
	height:150px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+78 */
background: -moz-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 78%, rgba(245,245,245,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 78%,rgba(245,245,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 78%,rgba(245,245,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
#publikacie .mn_post .textend {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+78 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 78%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 78%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 78%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.colthree {
	width:28%;
	float:left;
	margin-right: 5%;
}
.coltwo {
	width:45%;
	float:left;
	margin-right:5%;
}
#kontakt .coltwo {
	max-width:540px;
}
#publikacie {
	clear:both;
}
#kontakt input:focus, #kontakt textarea:focus {
background: #d7cb00;
}
#kontakt input, #kontakt textarea, #kontakt select {
	border:none;
	padding:10px;
	margin-bottom:20px;
	width:100%;
	font-family: 'Preto Sans Basic', 'Fira Sans', 'Open Sans', 'Calibri', 'Arial',sans-serif;
	font-size: 1em;
	color: #db4141;
}
input#formsubmit {
	padding:1em 2em;
	background: #d7cb00;
	border-radius: 200px;
	width:auto;
	float:right;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-weight: bold;

}
input#formsubmit:hover {
	background:white;
	cursor:pointer;
}
#kontakt textarea {
	height:6em;
}
.mn-page .coltwo img {
		width:100%;
	height:auto;
	}
#partneri  .mn-page img {
		width:100%;
	height:auto;
	}	
.right {
	width:47%;
	float:right;
	margin-left:3%;
}
.left img {
	margin-top:12.5em;
}
#content img {
	height:auto;
}
#content .full .mn-post img {
	width:100%;
	height:auto;
}

/* cookies consent */
#cookieConsentBar {
background-color: #d7cb00 !important;; 
	padding: 2em; 
	position: fixed; 
	bottom: 0; 
	width: 100%; 
	text-align: center; 
	display: none;
	z-index: 999;
}
button {
	padding:.5em;
	margin:.5em;
	font-size: .9em;
	border-radius: 10px;
	cursor: pointer;
}



#content .mn-post .vlastnosti,
.postimage {
	display:none;
}
summary {
	color:#db4141;
	font-size: 1.3em;
	margin-bottom: .5em;
	cursor: pointer;
}




























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

	#banner .circle {
    height: 280px;
    width: 280px;
    font-size: 1.4em;
}
#banner .crop {
	    margin-top: -75px;
	height:230px;
}	
	
	
	
}





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

#aktuality .mn_post, #publikacie .mn_post {
    /*! width: 40%; */
}
	#content-wrap .mn-page {
 padding:0 5%;
}
	#content-wrap .postlist {
		width:90%;
	}
	.mainmenu .mn-page {
		overflow:hidden;
		background:#db4141 url('img/menui64.png') no-repeat 20px 0px;
		height:0px;
		padding:30 0 0 0;
		position:relative;
		transition: all 0.5s;
z-index: 992;
}
	.mainmenu .mn-page ul {
		padding-top:27px;
		/*! margin-top:0px; */
		/*! padding-left:20px; */
	}
	.mainmenu .mn-page li ul {
  margin:0;
		padding: 0;
		position: relative;
		top:7px;
}
	.mainmenu .mn-page:hover {
		height:450px;
		background-image: none;
		z-index: 990;
	}
	.mainmenu .mn-page ul li {
	display:block;
		float: none;
		margin-bottom: 0em;
height:auto;
width:100%;
	}
	.mainmenu .mn-page li.item8 {
    top: 15px;
		position:absolute;
		left:95%;
		height:50px;
		margin-left: 0 !important;
}
	.mainmenu .mn-page li.item8 a {
    background-size:30%;
}
#banner img {
    width: 100%;
    top: 157px;
    position: relative;
}	
#o-projekte {
    margin-top: 120px;
    background: #F5F5F5;
}	
#banner .circle {
    height: 250px;
    width: 250px;
    font-size: 1.2em;
}
#banner .crop {
	    margin-top: -71px;
	height:200px;
	margin-left: 17%;
}	
.close {
	background: url('img/close.png') no-repeat;
	position:absolute;
	z-index: 991;
	width:27px;
	height:27px;
	margin-top:18px;
	margin-left:30px;
	background-size: 90%;
}	
#content h2 {
    font-size: 1.8em;

}	
	body {
	font-size: 1.2em;
}
	.colthree img, .coltwo img {
		width:100%;
		height:auto;
	}
	
	
	#content .mn-page img {
		width:50%;
	}	
#stare-a-krajove-odrody .left img {
	margin-top:7em;
}	
	#content .full .mn-post {
		margin-left:1em;
		margin-right:1em;
		padding-top:3em;
	
	}	
	#content .full .mn-post img {
		width:100%!important;
	}	
	
}

@media screen and (max-width:960px) {
	#content img {
		/*! width:100%; */
		height:auto;
	}
	
#banner .circle {
    height: 160px;
    width: 160px;
    font-size: .95em;
	

}
#banner .crop {
	    margin-top: 320px;
	height:140px;
	
}
#banner h1 {
    margin-top: 5px;
}	

	li.item8 {
		left:86%;
}	
	#banner img {
height: 320px;
		width:auto;
		float:right;
}
	#banner {
		width:100%;
		overflow:hidden;
		height:475px;
	}
#o-projekte {
    margin-top: 0px;
}	
	.mainmenu .mn-page li.item8 {
    left: 94%;
}
	
	
}

@media screen and (max-width:760px) {
		#banner img {
			left:100px;
}
	
	.coltwo, .colthree, #aktuality .mn_post, #publikacie .mn_post {
		float:none;
		width:100%;
	}	
	#kontakt .coltwo {
		margin: 0 5%;
		width:88%
	}
	#aktuality .mn_post .image, #publikacie .mn_post .image {
    height: auto;
}
	#content img {
    width: 100%;
    height: auto;
}
	#content .mn-page img {
		width:100%;
	}	
	
		.mainmenu .mn-page li.item8 {
    left: 91%;
}
	
	#stare-a-krajove-odrody .right {
	width:100%;
	float:none;
	margin-left:0;
}
#stare-a-krajove-odrody .left img {
	margin-top:2em;
}		
	
	
	
	
}

@media screen and (max-width:640px) {
#logo {
    background-size:58%;
}	
		#banner img {
			left:200px;
}
		.mainmenu .mn-page li.item8 {
    left: 86%;
}
	
}