* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { margin: 0; background: url('images/bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }



#site { width: 100%; max-width: 1000px; margin: 40px auto 0 auto; padding: 20px; background-color: #ffffff; opacity: 0.85; filter: alpha(opacity=85); }
#site:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 1040px) {
	body {padding: 20px; }
	#site { margin: 0 auto; }
}
@media screen and (max-width: 555px) {
	body {padding: 10px; }
	#site { margin: 0 auto; }
}

#site .title { font: bold 22px Tahoma, Geneva, sans-serif; margin: 0 0 20px 0; padding: 0; color: #808284; text-align: center; }

#site .logo { margin: 0 0 20px 0; text-align: center; }
#site .logo img { max-width: 100%; height: auto; display: block; margin: auto; vertical-align: middle; border: 0; }



#site .maldek-title { font: bold 24px Tahoma, Geneva, sans-serif; margin: 0 0 5px 0; padding: 0; color: #808284; text-align: center; }
#site .maldek-title span { color: #005581; }
#site .maldek-subtitle { font: bold 16px Tahoma, Geneva, sans-serif; margin: 0 0 15px 0; padding: 0; color: #808284; text-align: center; }
#site .maldek-subtitle span { color: #005581; }
#site .maldek-description { font: normal 14px Tahoma, Geneva, sans-serif; margin: 0 0 20px 0; padding: 0; color: #000; text-align: justify; }
#site .maldek-description2 { font: italic normal 15px Tahoma, Geneva, sans-serif; margin: 0 0 20px 0; padding: 0; color: #000; text-align: justify;  }
#site .maldek-description3 { font: normal 15px Tahoma, Geneva, sans-serif; margin: 0 0 30px 0; padding: 0; color: #000; text-align: center;  }
#site .maldek-description4 { font: normal 15px Tahoma, Geneva, sans-serif; margin: 0 0 30px 0; padding: 0; color: #000; text-align: justify;  }




#site .maldek-gallery { margin: 0; padding: 0px 0px 20px 0px; }
#site .maldek-gallery:after { content: ""; display: block; clear: both; }
#site .maldek-gallery ul { width: 100%; margin: 0 auto; padding: 0; list-style: none; }
#site .maldek-gallery ul li { float: left; padding: 6px; }
@media screen and (max-width: 340px) {
    #site .maldek-gallery ul li { width: 100% !important; }
}
@media screen and (min-width: 341px) and (max-width: 540px) {
	#site .maldek-gallery ul li { width: 50% !important; }
}
@media screen and (min-width: 541px) and (max-width: 640px) {
    #site .maldek-gallery ul li { width: 33.33% !important; }
}
@media screen and (min-width: 641px) and (max-width: 740px) {
    #site .maldek-gallery ul li { width: 25% !important; }
}
@media screen and (min-width: 741px) and (max-width: 840px) {
    #site .maldek-gallery ul li { width: 20% !important; }
}
@media screen and (min-width: 841px) and (max-width: 961px) {
    #site .maldek-gallery ul li { width: 16.66% !important; }
}
@media screen and (min-width: 960px) {
    #site .maldek-gallery ul li { width: 14.28% !important; }
}
#site .maldek-gallery ul li a img { max-width: 100%; height: auto; display: block; margin: 0 auto; border: 2px #005581 solid; }






#site .contacts { font: normal 14px Tahoma, Geneva, sans-serif; margin: 0 0 20px 0; padding: 0; }
#site .contacts:after { content: ""; display: block; clear: both; }
#site .contacts a { color: #005581; text-decoration: none; }
#site .contacts a:hover { color: #808284; text-decoration: none; }
#site .contacts .contacts_left { width: 50%; float: left; text-align: left; vertical-align: bottom; color: #3f3f3f;}
#site .contacts .contacts_right { width: 50%; float: right; text-align: right; vertical-align: bottom; color: #3f3f3f;}
@media screen and (max-width: 800px) {
	#site .contacts .contacts_left { width: 60%; }
	#site .contacts .contacts_right { width: 40%; }
}
@media screen and (max-width: 600px) {
	#site .contacts .contacts_left { width: 100%; float: none; }
	#site .contacts .contacts_right { width: 100%; float: none; text-align: left; padding: 5px 0 0 0; }
}

#site .link { font: normal 15px Tahoma, Geneva, sans-serif; margin: 0 0 15px 0; padding: 0; text-align: center; }
#site .link a { color: #000; text-decoration: none; }
#site .link a:hover { color: #0039e6; text-decoration: none; }



#site .facebook { font: bold 18px Tahoma, Geneva, sans-serif; margin: 0 0 15px 0; padding: 0; text-align: center; }
#site .facebook a { color: #808284; text-decoration: none; }
#site .facebook a:hover { color: #005581; text-decoration: none; }


#site .instagram { font: bold 18px Tahoma, Geneva, sans-serif; margin: 0 0 0px 0; padding: 0; text-align: center; }
#site .instagram a { color: #F77737; text-decoration: none; }
#site .instagram a:hover { color: #E1306C; text-decoration: none; }


#copyright { width: 100%; max-width: 1000px; margin: 10px auto 20px auto; padding: 0; font: normal 14px Tahoma, Geneva, sans-serif; color: #fff; text-align: right;  }
#copyright:after { content: ""; display: block; clear: both; }
#copyright a { font-weight: bold; color: #fff; text-decoration: none; }
#copyright a:hover { color: #005581; text-decoration: none; }
