* { -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: 800px; margin: 50px 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: 50px 0 50px 0; text-align: center; }
#site .logo img { max-width: 100%; height: auto; display: block; margin: auto; vertical-align: middle; border: 0; }




#site .subtitle { font: bold 16px Tahoma, Geneva, sans-serif; margin: 0 0 15px 0; padding: 0; color: #808284; text-align: center; }
#site .subtitle span { color: #11cde1; }
#site .description { font: normal 14px Tahoma, Geneva, sans-serif; margin: 0 0 20px 0; padding: 0; color: #000; text-align: justify; }






#site .contacts { font: normal 14px Tahoma, Geneva, sans-serif; margin: 0; padding: 0; }
#site .contacts:after { content: ""; display: block; clear: both; }
#site .contacts a { color: #8a3fa3; 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: #8a3fa3; text-decoration: none; }
#site .facebook a:hover { color: #808284; text-decoration: none; }