#bg,

#bg::before {

	top: 0;

	width: 100%

}



#bg::after,

header::after {

	content: " ";

	top: 127px

}



#bg,

#bg::after,

#bg::before,

a#logo {

	left: 0;

	position: absolute

}



#menutop a,

body,

html {

	text-align: center

}



#bg,

#bg::after,

#bg::before,

#menutop,

#phrase,

#phrase em,

a#logo,

div#language,

header::after {

	position: absolute

}



a,

div#content a:hover {

	text-decoration: none

}



#menutop ul,

.mapka,

div#empty,

div#right {

	float: right

}



#phrase em,

.clear,

footer {

	clear: both

}



.container,

.left,

div#content,

div#content ul,

div.message p,

header {

	text-align: left

}



#menutop a,

#show-menu p {

	text-transform: uppercase

}



@font-face {

	font-family: 'Source Sans';

	src: url(../img/fonts/sourcesanspro-extralight-webfont.woff2) format('woff2');

	font-weight: 200;

	font-style: normal

}



@font-face {

	font-family: 'Source Sans';

	src: url(../img/fonts/sourcesanspro-light-webfont.woff2) format('woff2');

	font-weight: 400;

	font-style: normal

}



@font-face {

	font-family: 'Source Sans';

	src: url(../img/fonts/sourcesanspro-semibold-webfont.woff2) format('woff2');

	font-weight: 700;

	font-style: normal

}



* {

	padding: 0;

	margin: 0

}



iframe,

img {

	border: 0

}



label {

	cursor: pointer

}



input,

textarea {

	padding: 2px;

	border: 0

}



.left,

.right,

a#logo,

div#content,

div#menutop,

div#menutop a,

div#menutop li,

div#menutop ul,

div#right {

	display: inline

}



#menutop a,

#phrase em,

a#logo,

a.abutton,

div#language a,

div#right li a {

	display: block

}



#bg {

	height: 270px;

	background: #fff;

	border-bottom: 3px solid #680000

}



#bg::before {

	height: 10px;

	background: #880606;

	content: " "

}



#bg::after {

	width: 100%;

	height: 140px;

	background: #970000;

	background: -moz-linear-gradient(top, #970000 0, #680000 100%);

	background: -webkit-linear-gradient(top, #970000 0, #680000 100%);

	background: linear-gradient(to bottom, #970000 0, #680000 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#970000', endColorstr='#680000', GradientType=0)

}



header {

	margin: auto;

	width: 1000px;

	position: relative

}



header::after {

	width: 390px;

	height: 193px;

	background: url(../img/top.png);

	overflow: hidden;

	right: 0

}



div#topB {

	width: 100%;

	height: 318px

}



a#logo {

	top: -10px;

	width: 355px;

	height: 153px

}



#menutop {

	right: 10px;

	top: 55px;

	width: 520px

}



#menutop li {

	list-style-type: none;

	float: left;

	margin: 0 5px

}



#menutop a {

	float: left;

	height: 31px;

	padding: 0 10px;

	color: #860001;

	font: 400 18px/31px "Source Sans", Arial, sans-serif

}



#menutop a.selected {

	background: #860001;

	color: #fff;

	border-radius: 5px

}



div#content h1,

div#content h2 {

	background: #dfdfdf;

	border-radius: 5px;

	position: relative

}



#menutop a:hover {

	background: #777;

	color: #fff;

	border-radius: 5px

}



#phrase {

	left: 50px;

	top: 170px;

	color: #fff;

	font: 700 36px/36px "Source Sans", sans-serif

}



#phrase em {

	font: 400 24px/24px "Source Sans", sans-serif;

	bottom: -25px;

	opacity: .6;

	font-style: normal;

	left: 180px;

	width: 500px

}



div#language {

	right: 27px;

	top: 25px

}



div#language a {

	float: left;

	margin-left: 12px

}



main {

	background: #fff;

	background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0, rgba(232, 232, 232, 1) 100%);

	background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0, rgba(232, 232, 232, 1) 100%);

	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0, rgba(232, 232, 232, 1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=1);

	padding-bottom: 37px;

	margin-top: -48px

}



main div.container {

	width: 1000px

}



div#content {

	float: left;

	width: 600px;

	margin: 12px 0 0 42px;

	color: #414141;

	font: 12px/20px Arial, Helvetica, sans-serif

}



div#content a {

	color: #940000;

	text-decoration: underline

}



div#content h1 {

	color: #760000;

	font: 700 30px/38px "Source Sans", sans-serif;

	margin: 0 -5px 20px 0

}



div#content h2 {

	font: 700 30px/42px "Source Sans", sans-serif;

	margin: 11px -5px 20px 0;

	color: #474747

}



div#content h1 i,

div#content h2 i {

	font-style: normal;

	padding-left: 40px;

	text-align: left

}



div#content ol,

div#content ul {

	padding-left: 30px;

	padding-bottom: 15px

}



div#right {

	width: 296px;

	padding: 20px 17px 0 0

}



div#right ul {

	padding-bottom: 20px

}



div#right .banner,

div#right iframe {

	margin-top: 10px;

	margin-bottom: 10px

}



div#right h2 {

	color: #760000;

	font: 700 20px/22px "Source Sans", sans-serif;

	border-bottom: 1px dotted #760000;

	padding-left: 6px;

	margin-bottom: 15px;

	padding-bottom: 8px

}



div#right li {

	list-style-type: none;

	margin-bottom: 4px

}



div#right li a {

	width: 259px;

	height: 28px;

	background: url(../img/robak.png) 6px top no-repeat #6F6F6F;

	padding-left: 37px;

	color: #fff;

	font: 12px/28px Arial, Helvetica, sans-serif

}



div#right li a:hover {

	background-color: #454545;

	background-position: 6px -27px

}



a.abutton {

	margin: 23px 0 0 18px;

	padding: 7px;

	width: 221px

}



div.message.ozone {

	width: 600px;

	min-height: 156px;

    background: rgb(95,214,234);

    background: radial-gradient(circle, rgba(95,214,234,1) 0%, rgba(58,165,206,1) 90%);	

    border-radius: 5px;

    color: #fff;

    position: relative;

}



div.message.ozone:before {

    background-image: url(../img/test-01.png);

    width: 152px;

    height: 155px;

    background-repeat: no-repeat;

    content: '';

    position: absolute;

    left: -40px;

    top: 0px;

}



div.message.ozone h2 {

    text-transform: uppercase;

    font-size: 24px !important;

    margin: 0 0 0 125px!important;

    font-weight: bold !important;    

    color: #15616c !important;

}

div.message.ozone h2 span {

    font-weight: 400;

    color: #ff2121;

}



div.message.ozone p {

	width: 422px;

	margin-left: 140px;

	font: 500 18px/22px "Source Sans", Helvetica, sans-serif!important;

	color: #15616c !important;

}



div.message.ozone p a {

    color: #fff !important;

}



div.message.ozone p b {

    color: #fff !important;

    font-weight: bold;

}



div.message {

	width: 600px;

	min-height: 156px;

	background: url(../img/message.png) 0 100% no-repeat #880606;

	border-radius: 10px

}



div.message h2 {

	font: 200 36px/36px "Source Sans", sans-serif!important;

	background: 0 0!important;

	width: auto!important;

	color: #fff!important;

	margin: 0 0 0 162px!important;

	padding: 15px 0;

	border-bottom: none!important

}



div.message p {

	width: 422px;

	margin-left: 162px;

	font: 400 12px/18px Arial, Helvetica, sans-serif!important;

	color: #fff

}



footer::after,

footer::before {

	content: " ";

	border-top: 1px solid #fff;

	width: 100%;

	height: 1px;

	left: 0;

	position: absolute

}



div.message p a {

	color: #BB6B6B!important

}



div.message p a:hover {

	color: #fff!important

}



footer {

	background: #940000;

	background: -moz-linear-gradient(top, #940000 0, #560000 100%);

	background: -webkit-linear-gradient(top, #940000 0, #560000 100%);

	background: linear-gradient(to bottom, #940000 0, #560000 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#940000', endColorstr='#560000', GradientType=0);

	height: 237px;

	overflow: hidden;

	position: relative

}



footer::after {

	top: 1px

}



footer::before {

	bottom: 27px

}



footer div.container {

	width: 900px;

	padding-left: 20px

}



div#kontakt {

	width: 716px;

	float: left

}



div#kontakt .left {

	width: 192px;

	height: 237px;

	padding-left: 15px;

	padding-right: 11px;

	background: #880606;

	background: -moz-linear-gradient(top, #880606 0, #4d0302 100%);

	background: -webkit-linear-gradient(top, #880606 0, #4d0302 100%);

	background: linear-gradient(to bottom, #880606 0, #4d0302 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#880606', endColorstr='#4d0302', GradientType=0)

}



div#kontakt .left p {

	font: 11px/16px Arial, Helvetica, sans-serif;

	margin-left: 4px;

	color: #D7A8A8

}



div#kontakt h2 {

	color: #fff;

	font: 28px/40px "Source Sans", sans-serif

}



div#kontakt .left h2 {

	margin: 20px 0 7px

}



div#kontakt .right h2 {

	margin: 10px 0 6px

}



div#kontakt .right {

	width: 460px

}



div#kontakt input[type=text] {

	width: 30%;

	margin-right: 2%;

	margin-bottom: 2%

}



div#kontakt input,

div#kontakt textarea {

	background-color: #f6d6d6;

	color: #A03939;

	font: 14px/22px Arial, Helvetica, sans-serif;

	float: left;

	resize: none;

	border-radius: 5px;

	padding: 3px

}



.mapka {

	padding-right: 20px

}



div#kontakt input:hover,

div#kontakt textarea:hover {

	background-color: #fff

}



div#kontakt input[type=submit] {

	width: 70px!important;

	height: 30px;

	margin: 7px 0 0;

	cursor: pointer;

	text-align: center;

	color: #fff;

	font: 700 16px/20px "Source Sans", sans-serif;

	background: #4a0505;

	border-radius: 8px;

	text-transform: uppercase

}



div#kontakt input[type=submit]:hover {

	background: #fff;

	color: #4a0505

}



div#kontakt textarea {

	overflow: auto;

	clear: both;

	width: 97%;

	height: 63px

}



div#empty {

	width: 184px

}



div#footer {

	position: relative;

	top: -28px;

	color: #Ae8585;

	height: 28px;

	font: 12px/28px Arial, Helvetica, sans-serif

}



div#footer .left {

	margin-left: 10px

}



div#footer .right {

	margin: 5px 20px 0 0

}



.container,

div.container {

	margin: auto

}



div#footer .right a {

	display: block;

	height: 18px;

	color: #Ae8585;

	font: 400 14px/18px "Source Sans", sans-serif

}



div#c2 p,

div#kontakt a:hover {

	color: #fff

}



div#footer .right a:hover {

	background-position: left -18px

}



div#footer .right span {

	display: none

}



.clear,

.mucha,

.szczypawka {

	display: block

}



.mucha {

	width: 49px;

	height: 54px;

	position: absolute;

	top: 0;

	left: -14px;

	background: url(../img/mucha.png)

}



.szczypawka {

	width: 76px;

	height: 59px;

	position: absolute;

	left: -41px;

	top: 10px;

	background: url(../img/szczypawka.png)

}



div.field,

div.field p {

	height: 28px

}



#swipebox-overlay,

.cd-top {

	position: fixed;

	overflow: hidden

}



.container {

	width: 900px

}



.text .right {

	margin: 4px 17px 0 0;

	width: 390px

}



.text .left {

	margin-left: 25px

}



.noborder {

	border: 0!important

}



.nobg {

	background: 0 0!important

}



.left {

	float: left

}



.right {

	float: right

}



div#content ul {

	padding-top: 8px;

	padding-bottom: 8px

}



div#kontakt a {

	color: #BB6B6B

}



div#kontakt b {

	font-size: 12px

}



img.lt {

	float: left;

	margin-right: 5px;

	border: 1px solid #D7D7D7

}



div#c2 p {

	width: 440px;

	font: 700 12px/18px Arial, Helvetica, sans-serif;

	text-align: center;

	margin-top: 60px

}



div.gallery {

	width: 100%;

	text-align: left!important;

	display: table;

	margin-left: 15px

}



div.gallery a {

	display: inline-block

}



div.gallery a img {

	border: 1px solid #B6B6B6;

	border-radius: 20px;

	display: block;

	margin: 2px;

	padding: 2px

}



div.gallery a:hover img {

	border: 1px solid #760000

}



div.field {

	width: 240px;

	text-align: left;

	line-height: 28px;

	border-bottom: 1px solid #dedede

}



div.field span {

	text-align: right;

	margin-top: -28px;

	margin-right: 10px;

	color: #000;

	display: block

}



.left a {

	color: #BB6B6B

}



.left a:hover {

	color: #fff

}



#right h3 {

	font: 400 24px/36px "Source Sans", sans-serif;

	border-bottom: 1px dotted #B8B8B8;

	color: #B8B8B8;

	padding-bottom: 1px;

	margin-bottom: 14px;

	padding-top: 25px

}



#right .en {

	padding-top: 61px

}



#right .pl {

	padding-top: 81px

}



#right .certs a img {

	padding: 2px;

	border: 1px solid #dfdfdf

}



#right .certs a:hover img {

	padding: 2px;

	border: 1px solid #aaa

}





/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */



html.swipebox-html.swipebox-touch {

	overflow: hidden!important

}



#swipebox-overlay img {

	border: none!important

}



#swipebox-overlay {

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 99999!important;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}



#swipebox-container {

	position: relative;

	width: 100%;

	height: 100%

}



#swipebox-slider {

	-webkit-transition: -webkit-transform .4s ease;

	transition: transform .4s ease;

	height: 100%;

	left: 0;

	top: 0;

	width: 100%;

	white-space: nowrap;

	position: absolute;

	display: none;

	cursor: pointer

}



#swipebox-slider .slide {

	height: 100%;

	width: 100%;

	line-height: 1px;

	text-align: center;

	display: inline-block

}



#swipebox-slider .slide:before {

	content: "";

	display: inline-block;

	height: 50%;

	width: 1px;

	margin-right: -1px

}



#swipebox-slider .slide .swipebox-inline-container,

#swipebox-slider .slide .swipebox-video-container,

#swipebox-slider .slide img {

	display: inline-block;

	max-height: 100%;

	max-width: 100%;

	margin: 0;

	padding: 0;

	width: auto;

	height: auto;

	vertical-align: middle

}



#swipebox-slider .slide .swipebox-video-container {

	background: 0 0;

	max-width: 1140px;

	max-height: 100%;

	width: 100%;

	padding: 5%;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}



#swipebox-slider .slide .swipebox-video-container .swipebox-video {

	width: 100%;

	height: 0;

	padding-bottom: 56.25%;

	overflow: hidden;

	position: relative

}



#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {

	width: 100%!important;

	height: 100%!important;

	position: absolute;

	top: 0;

	left: 0

}



#swipebox-slider .slide-loading {

	background: url(../img/swipebox/loader.gif) center center no-repeat

}



#swipebox-bottom-bar,

#swipebox-top-bar {

	-webkit-transition: .5s;

	transition: .5s;

	position: absolute;

	left: 0;

	z-index: 999;

	height: 50px;

	width: 100%

}



#swipebox-bottom-bar {

	bottom: -50px

}



#swipebox-bottom-bar.visible-bars {

	-webkit-transform: translate3d(0, -50px, 0);

	transform: translate3d(0, -50px, 0)

}



#swipebox-top-bar {

	top: -50px;

	color: #fff!important;

	font-size: 15px;

	line-height: 43px;

	font-family: Helvetica, Arial, sans-serif

}



#swipebox-top-bar.visible-bars {

	-webkit-transform: translate3d(0, 50px, 0);

	transform: translate3d(0, 50px, 0)

}



#swipebox-title {

	display: block;

	width: 100%;

	text-align: center

}



#swipebox-close,

#swipebox-next,

#swipebox-prev {

	background-image: url(../img/swipebox/icons.png);

	background-repeat: no-repeat;

	border: none!important;

	text-decoration: none!important;

	cursor: pointer;

	width: 50px;

	height: 50px;

	top: 0

}



#swipebox-arrows {

	display: block;

	margin: 0 auto;

	width: 100%;

	height: 50px

}



#swipebox-prev {

	background-position: -32px 13px;

	float: left

}



#swipebox-next {

	background-position: -78px 13px;

	float: right

}



#swipebox-close {

	top: 0;

	right: 0;

	position: absolute;

	z-index: 9999;

	background-position: 15px 12px

}



.swipebox-no-close-button #swipebox-close {

	display: none

}



#swipebox-next.disabled,

#swipebox-prev.disabled {

	opacity: .3

}



.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {

	-webkit-animation: rightSpring .3s;

	animation: rightSpring .3s

}



.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {

	-webkit-animation: leftSpring .3s;

	animation: leftSpring .3s

}



.swipebox-touch #swipebox-container:after,

.swipebox-touch #swipebox-container:before {

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

	content: ' ';

	position: absolute;

	z-index: 999;

	top: 0;

	height: 100%;

	width: 20px;

	opacity: 0

}



.swipebox-touch #swipebox-container:before {

	left: 0;

	-webkit-box-shadow: inset 10px 0 10px -8px #656565;

	box-shadow: inset 10px 0 10px -8px #656565

}



.swipebox-touch #swipebox-container:after {

	right: 0;

	-webkit-box-shadow: inset -10px 0 10px -8px #656565;

	box-shadow: inset -10px 0 10px -8px #656565

}



.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {

	opacity: 1

}



@-webkit-keyframes rightSpring {

	0%,

	100% {

		left: 0

	}

	50% {

		left: -30px

	}

}



@keyframes rightSpring {

	0%,

	100% {

		left: 0

	}

	50% {

		left: -30px

	}

}



@-webkit-keyframes leftSpring {

	0%,

	100% {

		left: 0

	}

	50% {

		left: 30px

	}

}



@keyframes leftSpring {

	0%,

	100% {

		left: 0

	}

	50% {

		left: 30px

	}

}



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

	#swipebox-close {

		right: 10px

	}

	#swipebox-arrows {

		width: 92%;

		max-width: 800px

	}

}



#swipebox-overlay {

	background: #0d0d0d

}



#swipebox-bottom-bar,

#swipebox-top-bar {

	text-shadow: 1px 1px 1px #000;

	background: #000;

	opacity: .95

}



.cd-top {

	display: inline-block;

	height: 40px;

	width: 40px;

	bottom: 20px;

	right: 10px;

	box-shadow: 0 0 10px rgba(0, 0, 0, .05);

	border-radius: 5px;

	text-indent: -9999px;

	white-space: nowrap;

	background: url(../img/go-top.svg) center 50% no-repeat #880606;

	background-size: 40px 40px;

	padding: 5px;

	visibility: hidden;

	opacity: 0;

	-webkit-transition: opacity .3s 0s, visibility 0s .3s;

	-moz-transition: opacity .3s 0s, visibility 0s .3s;

	transition: opacity .3s 0s, visibility 0s .3s

}



.cd-top.cd-fade-out,

.cd-top.cd-is-visible,

.no-touch .cd-top:hover {

	-webkit-transition: opacity .3s 0s, visibility 0s 0s;

	-moz-transition: opacity .3s 0s, visibility 0s 0s;

	transition: opacity .3s 0s, visibility 0s 0s

}



.cd-top.cd-is-visible {

	visibility: visible;

	opacity: 1

}



.cd-top.cd-fade-out {

	opacity: .5

}



::-webkit-input-placeholder {

	color: #591e1e

}



::-moz-placeholder {

	color: #591e1e

}



:-ms-input-placeholder {

	color: #591e1e

}



:-moz-placeholder {

	color: #591e1e

}



#show-menu,

.show-menu {

	display: none

}



#show-menu p,

#show-menu span {

	position: absolute;

	left: 0;

	right: 0;

	margin: auto

}



#show-menu span:nth-child(1),

#show-menu span:nth-child(2) {

	-webkit-transform-origin: left center;

	-moz-transform-origin: left center;

	-o-transform-origin: left center

}



#show-menu {

	width: 43px;

	height: 39px;

	-webkit-transform: rotate(0);

	-moz-transform: rotate(0);

	-o-transform: rotate(0);

	transform: rotate(0);

	-webkit-transition: .5s ease-in-out;

	-moz-transition: .5s ease-in-out;

	-o-transition: .5s ease-in-out;

	transition: .5s ease-in-out;

	cursor: pointer;

	border: 2px solid #6d7877;

	border-radius: 5px

}



#show-menu p {

	bottom: -20px;

	font: 700 14px/14px Arial, sans-serif;

	text-align: center;

	color: #6d7877;

	width: 100%

}



#show-menu span {

	display: block;

	height: 5px;

	width: 80%;

	background: #6d7877;

	border-radius: 5px;

	opacity: 1;

	-webkit-transform: rotate(0);

	-moz-transform: rotate(0);

	-o-transform: rotate(0);

	transform: rotate(0);

	-webkit-transition: .25s ease-in-out;

	-moz-transition: .25s ease-in-out;

	-o-transition: .25s ease-in-out;

	transition: .25s ease-in-out

}



#show-menu span:nth-child(1) {

	top: 6px;

	transform-origin: left center

}



#show-menu span:nth-child(2) {

	top: 17px;

	transform-origin: left center

}



#show-menu span:nth-child(3) {

	top: 28px;

	-webkit-transform-origin: left center;

	-moz-transform-origin: left center;

	-o-transform-origin: left center;

	transform-origin: left center

}



#show-menu.open {

	border-color: #fff

}



#show-menu.open span {

	background-color: #fff

}



#show-menu.open span:nth-child(1) {

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

	top: 5px;

	left: 9px

}



#show-menu.open span:nth-child(2) {

	width: 0;

	opacity: 0

}



#show-menu.open span:nth-child(3) {

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

	top: 29px;

	left: 9px

}



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

	div#right .banner,

	div.gallery {

		clear: both;

		display: block

	}

	div#right,

	div#right h2,

	div#right ul,

	div.gallery {

		text-align: center

	}

	div#right,

	div#topB,

	div.container,

	footer,

	footer div.container,

	header,

	main div.container {

		width: 100%;

		margin: auto;

		left: 0;

		float: none;

		right: 0;

		padding: 0;

		overflow: hidden;

		display: block

	}

	div#content {

		width: 95%;

		margin: 20px auto auto;

		left: 0;

		float: none;

		right: 0;

		padding: 0;

		position: relative;

		display: block

	}

	div#right .banner,

	div.message {

		margin: auto;

		left: 0;

		right: 0;

		position: relative

	}

	div.message {

		max-width: 100%

	}

	div.gallery {

		width: 100%;

		position: relative

	}

	div#right iframe {

		display: inline-block;

		margin: 10px

	}

	div#right ul {

		width: 100%

	}

	div#right ul li {

		display: inline-block;

		width: 20%;

		min-width: 200px;

		margin: 5px;

		padding: 0

	}

	div#right li a {

		width: 100%;

		padding: 2%;

		margin: 0;

		background: #6f6f6f

	}

	div#right h2 {

		color: #fff;

		background-color: #760000;

		border-bottom: none;

		margin-top: 15px;

		padding-top: 5px

	}

}



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

	footer {

		height: auto

	}

	div#footer {

		top: 0

	}

	div#kontakt {

		width: 100%;

		height: auto;

		display: block;

		margin-bottom: 30px

	}

	div#kontakt div.left,

	div#kontakt div.right {

		width: 98%;

		height: auto;

		margin: auto;

		left: 0;

		right: 0;

		clear: both;

		float: none;

		padding: 0 0 20px;

		display: block

	}

	div.message h2,

	div.message p {

		margin-left: 120px!important;

		height: auto;

		width: auto !important;

	}

	div.message p {

		padding-bottom: 15px;

		padding-right: 10px

	}

}



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

	#menutop ul li,

	#menutop ul li a {

		width: 100%;

		text-align: center;

		margin: 0

	}

	header::after {

		background: 0 0

	}

	#language,

	#menutop {

		display: none

	}

	#show-menu {

		display: block;

		position: absolute;

		top: 45px;

		right: 20px;

		z-index: 501

	}

	#menutop {

		display: block;

		transform: translateX(-100%);

		opacity: 0;

		transition: .3s ease;

		position: fixed;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background: #680000;

		z-index: 500;

		right: 0

	}

	#menutop ul {

		width: 100%;

		top: 130px;

		position: relative

	}

	#menutop ul li {

		display: block;

		float: none;

		clear: both;

		border: none

	}

	#menutop ul li a {

		border-bottom: 1px solid rgba(255, 255, 255, .1);

		padding: 10px 0;

		font-size: 16px;

		line-height: 31px;

		color: #fff;

		font-weight: 700;

		border-radius: 0!important

	}

	#menutop ul li a.selected {

		background: #fff;

		color: #680000

	}

	#menutop.show {

		transform: translateX(0);

		opacity: 1

	}

}



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

	a#logo,

	a#logo img {

		width: 260px;

		height: auto

	}

	div#kontakt input[type=text],

	div#kontakt textarea {

		width: 80%;

		display: block;

		clear: both;

		margin: auto auto 10px;

		float: none

	}

	div#kontakt input[type=submit] {

		margin: auto;

		left: 0;

		right: 0;

		position: relative;

		display: block;

		float: none

	}

	a#logo {

		top: 10px

	}

	.mapka,

	footer::before {

		display: none

	}

	div#footer {

		text-align: center;

		height: auto

	}

	div#footer .left,

	div#footer .right {

		float: none;

		display: inline-block;

		text-align: center;

		padding: 0;

		left: 0;

		right: 0;

		margin: 5px

	}

}



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

	#phrase,

	#phrase em {

		left: 0;

		right: 0;

		text-align: center;

		width: 100%

	}

	#phrase {

		top: 155px

	}

	#phrase em {

		display: block;

		clear: both;

		position: relative;

		top: 0;

		bottom: 0

	}

}