* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 14.5px;
	font-family:Calibri;
	color: #383838;
	width:100%;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-y;
	position:relative;
	background-position:center top;
}
a {
	color: #DB7800;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	padding-bottom:15px;
}
h3 {
	font-size: 26px; 
	color: #DB7800;
	font-weight: bold;
	padding-bottom:15px;
}
h1 {
	font-size: 32px; 
	color: #DB7800;
	font-weight: bold;
	padding-bottom:15px;
}
img {
	border: none;
}
.sideLeft__open {
	display: none;
	
}
#art {
    color: #DB7800;
	text-align: center;
}
#art2 {
	font-size: 32px;
    color: #63AD88;
	text-align: left;
		font-weight: bold;
	padding-bottom:15px;
}
div#tabl {padding:0px 0 0 0;}
div#tabl img { border-radius: 20px 20px 20px 20px; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.3); margin-bottom: 5px; margin-top: 15px;}
div#tabl img:hover { box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.5)}
div#tabl h4 td:last-child {
    text-align: center;
    min-width: 33%;
}
div#tabl td {
    padding: 5px 20px;
}




/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 378px;
	background-image:url(images/header.jpg);
	width: 1000px;
	margin: 0 auto;
}

*+html #header	{background-position:1px 0;}
* html #header	{background-position:1px 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#header	{background-position:1px 0;}
}
.menu_left p {
	border-bottom: 1px dashed #DB7800;
	padding-bottom: 0;
}
.menu_left a {
    color: #DB7800;
	outline: none;
	text-decoration: none;
	padding: 8px;
	display: block;
	padding-left: 5px;
	text-transform: uppercase;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
	position: relative;
	
}
.menu_left a:before {
    content: '> ';
    opacity: 0;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 5px;
}
.menu_left a:hover {
    color: #994407;
    padding-left: 18px;
}
.menu_left a:hover:before {
    opacity: 1;
}

.menu_left a {
	text-decoration: none;
	
}
.logo {
	width:300px;
	height:80px;
	float:left;
	margin:50px 0 0 235px;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	color: #DB7800;
}

#container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#content {
	max-width: 515px;
	width: 100%;
	float: left;
	position: relative;
	padding: 0 30px 140px 45px;
	margin-top:-170px;
}

.clr {
	clear: both;
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	float: left;
	width: 155px;
	position: relative;
	margin-top:-90px;
	padding:0 10px 0 20px;
}
.menu_left {
	
}
.contakt {
	margin-top:70px;
}

/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
	float: right;
	width: 185px;
	position: relative;
	margin:-135px 0 150px 0;
	padding:0 10px 0 0;
}
.menu_right {
	
}
.img_right {
	width: 100px;
	height: 100px;
	position:relative;
	background-color:#969;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	height: 100px;
	position:relative;
	width: 1000px;
	margin: 0 auto;
	z-index:2;
}
.autor {
	float:left;
	margin-left:225px;
	position:relative;
	color: #969696;
}

* html .autor {
	margin-left:120px;
}
.asv {
	width:80px;
	height:35px;
	display:block;
	float:left;
	margin-left:180px;
	position:relative;
	background-image:url(images/asv.png);
}

.img_footer {
	background-image:url(images/bottom.png);
	background-repeat:no-repeat;
	background-position:center bottom;	
	width:100%;
	height:246px;
	position: absolute;
	margin-top:-246px;
}
@media screen and (max-width:999px) {

	body {
	    background-image: none;
	}
	.sideLeft__open {
		display: block;
		background: url(images/hamburge.png) no-repeat center center / cover;
		width: 42px;
		height: 30px;
		position: absolute;
	    top: 70px;
	    left: 30px;
	    cursor: pointer;
	}
		
	#sideLeft {
	    display: block;
	    position: fixed;
	    background: #fff;
	    z-index: 222;
	    top: 0;
	    bottom: 0;
	    left: -100%;
	    width: 88%;
		padding: 20px;
	    margin-top: 0;
	    opacity: 0;
	    transition: all 0.5s ease-in-out;
	}
	#sideLeft.sideLeft_l0 {
		left: 0;
		opacity: 1;
	}
	#sideRight {
	    float: none;
	    margin: 20px auto;
	}
	.sideLeft__close {
	    width: 30px;
	    height: 30px;
	    position: absolute;
	    right: 25px;
		top: 25px;
	    background: url(images/close.png) no-repeat center center / cover;
	}
	.contakt {
	    margin-top: 10px;
	}
	#content img {
		width: 100%;
		margin: 0 auto;
	}
	.img_footer {
	    background-position: right bottom;
	    height: 246px;
	    background-size: 200%;
	    opacity: .4;
	}
	#header {
		height: 300px;
		background:url(images/header2.jpg) no-repeat right / contain;
		width: 100%;
		margin: 0 auto;
	}

	#header {
		width: 100%;
	}
	#container {
		width: 100%;
	}
	#content {
		padding: 0 20px 20px 20px;
		margin: 0 auto;
		margin-top: -120px;
		width: auto;
		float: none;
	}
	#footer {
		width: 100%;
		margin: 0 auto;
	}
	h1 {
	    font-size: 28px;
	}
	.logo {
	    margin: 30px auto;
	}
	.autor {
	    margin-left: 25px;
	}
	table {
		width: 100%;
	}
	td:last-child {
		min-width: 39%;
	}

}