html { 
  background: url(img/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
	font-family: 'Dosis', sans-serif;
}
h3, h5 {
	text-align:center;
}
h3 img {
	height:15px;
	margin: 0 2%;
}
h4 {
	font-weight:normal;
	font-size:18px;
}
.centered {
	text-align:center;
}
hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}
p {
	font-size:18px;
	padding:0 3%;
}
a {
	text-decoration:none;
	color:inherit;
}
img {
	text-align:center;
	max-width:100%;
	height:auto;
	width:auto;
}
input[type=text] {
	font-family: 'Dosis', sans-serif;
	font-size:18px;
  border:solid 5px #c9c9c9;
}
textarea {
	font-family: 'Dosis', sans-serif;
	font-size:18px;
  width:60%;
  border:solid 5px #c9c9c9;
}
input[type=text]:hover {
  border:solid 5px #D5A1FF;
}
textarea:hover {
  border:solid 5px #D5A1FF;
}
input[type=submit] {
	font-family: 'Dosis', sans-serif;
	font-size:18px;
  width: 120px;
  height:50px;
  border:solid 5px #c9c9c9;  
}
input[type=submit]:hover {
  border:solid 5px #D5A1FF;
}
ul li {
	font-size:18px;
}
.orange {
	color:coral;
}
.centered {
	text-align:center;
}
#wrapper {
	margin:0 auto;
	max-width:980px;
	width:94%;
	background: rgba(255, 255, 255, 0.5);
	padding:1%;
	border-radius:5px;
}
header {
	padding:1%;
	text-align:center;
}
nav ul {
	background: rgba(255, 255, 255, 0.5);
	overflow:hidden;
	padding:0;
	margin:0;
	text-align:center;
	border-radius:5px;
}
nav ul li {
	display:inline-block;
	padding:15px;
	font-size:18px;
}
nav ul li:hover {
	background:#FFFFFF;
}
nav ul li:first-child {
	background:#FFFFFF;	
}
.clear {
	clear:both;
}
#cenik ul {
	background: rgba(255, 255, 255, 0);
}
#cenik ul li {
	background: rgba(255, 255, 255, 0.7);
}
#cenik ul li:hover {
	background: rgba(255, 255, 255, 1);
}
section {
	padding: 0 2% 2% 2%;
}
#social {
	text-align:center;
}
#social img {
	padding:2%;
	height:35px;
	width:35px;
}
.aktuality-cont-col {
	background: rgba(255, 255, 255, 0.7);
	width:45%;
	float:left;
	margin-top:2%;
	border-radius:5px;
}
.aktuality-cont-col:nth-child(even)  {
	margin-left:1%;
}
.aktuality-margin {
	margin:1%;
	height:10px;
	float:left;
	margin-top:2%;
}
.left-cont-col {
	background: rgba(255, 255, 255, 0.7);
	width:45%;
	float:left;
	margin-top:2%;
	border-radius:5px;
}
.right-cont-col {
	background: rgba(255, 255, 255, 0.7);
	width:45%;
	float:right;
	margin-top:2%;
	border-radius:5px;
}
.left-col {
	background: rgba(255, 255, 255, 0.7);
	width:61%;
	float:left;
	margin-top:2%;
	border-radius:5px;
}
.sidebar {
	background: rgba(255, 255, 255, 0.7);
	width:33%;
	float:right;
	margin-top:2%;
	border-radius:5px;
	text-align:center;
}
.sidebar img {
	width:30%;
	padding:2% 2% 5% 2%;
	vertical-align:middle;
}
.cont-col {
	background: rgba(255, 255, 255, 0.7);
	width:96%;
	float:left;
	margin-top:2%;
	border-radius:5px;
}
.divider {
	text-align:center;
	width:100%;
	float:left;
	margin-top:2%;
}
.divider img {
	width:70%;
}
footer {
	background: #FFFFFF;
	border-radius:5px;
}
#content {
	width:100%;
	float:left;
}
#content::-webkit-scrollbar {
	display: none;
}
#slide {
  background-image:url('img/fotky/01.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  width:100%;
  height: 0;
  padding-top: 56.25%;
  -webkit-transition:background-image 3s ease-in-out;
  -moz-transition:background-image 3s ease-in-out;
  -ms-transition:background-image 3s ease-in-out;
  -o-transition:background-image 3s ease-in-out;
  transition:background-image 3s ease-in-out;
}
.galimg {
	max-height:200px;
	max-width:200px;
	margin:20px;
	border:5px white solid;
}
/*----MEDIA----*/

@media screen and (max-width:740px) {
	.left-col {
		width:96%;
	}
	.left-cont-col {
		width:96%;
	}
	.right-cont-col {
		width:96%;
	}
	.sidebar {
		width:100%;
	}
	nav ul li {
		box-sizing:border-box;
		width:100%;
		padding:15px;
	}
	.aktuality-cont-col {
		width:96%;
	}
 	textarea {
    	width:96%;
  	}
	#cenik ul li {
		display: inline-block;
		width: 19%;
	}
}
@media screen and (max-width:575px) {
	#ornament {
		display: none;
	}
}