* { -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 .gaya-title { font: bold 36px Tahoma, Geneva, sans-serif; margin: 0 0 5px 0; padding: 0; color: #808284; text-align: center; }
#site .gaya-title span { color: #005581; }
#site .gaya-subtitle { font: bold 16px Tahoma, Geneva, sans-serif; margin: 0 0 15px 0; padding: 0; color: #808284; text-align: center; }
#site .gaya-subtitle span { color: #005581; }
#site .gaya-description { font: normal 14px Tahoma, Geneva, sans-serif; margin: 0 0 20px 0; padding: 0; color: #000; text-align: justify; }
#site .gaya-description span { color: #005581; }

#site .gaya-gallery { margin: 0; padding: 0px 0px 20px 0px; }
#site .gaya-gallery:after { content: ""; display: block; clear: both; }
#site .gaya-gallery ul { width: 100%; margin: 0 auto; padding: 0; list-style: none; }
#site .gaya-gallery ul li { float: left; padding: 6px; }
@media screen and (max-width: 340px) {
    #site .gaya-gallery ul li { width: 100% !important; }
}
@media screen and (min-width: 341px) and (max-width: 540px) {
	#site .gaya-gallery ul li { width: 50% !important; }
}
@media screen and (min-width: 541px) and (max-width: 640px) {
    #site .gaya-gallery ul li { width: 33.33% !important; }
}
@media screen and (min-width: 641px) and (max-width: 740px) {
    #site .gaya-gallery ul li { width: 25% !important; }
}
@media screen and (min-width: 741px) and (max-width: 840px) {
    #site .gaya-gallery ul li { width: 20% !important; }
}
@media screen and (min-width: 841px) and (max-width: 961px) {
    #site .gaya-gallery ul li { width: 16.66% !important; }
}
@media screen and (min-width: 960px) {
    #site .gaya-gallery ul li { width: 14.28% !important; }
}
#site .gaya-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 .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; }





#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; }