html, body { margin: 0; padding: 0; font-family: verdana,arial,tahoma; text-align: center; height: 100%; background-color: #fff; }

.header-wrapper { max-width:1366px; overflow: hidden; margin: 10px auto; padding: 10px; background-color: #55707b; }
.header-wrapper .logo-img { width: 110px; height: 33px; cursor: pointer; background: url(/img/design/logo_text.png) no-repeat; background-size: 110px 33px; }

#content-wrapper { padding-top: 5px; padding-bottom: 20px; }
#content-wrapper #top-links { width: 100%; min-height: 50px; }
#content-wrapper #bottom-ad { width: 100%; min-height: 60px; }
//#show_picture-wrapper img { border-top: 1px solid #55707b; border-bottom: 1px solid #55707b; }
#links { margin-top: 10px; }

#links a { text-decoration: none; font-size: 18pt; margin: 0; font-weight: normal; color: #99cccc; margin: 0 0 20px 0; }
#links a:hover { text-decoration: none; }

#footer-wrapper { margin: 20px auto 20px auto; color: #a0b8c2; font-size: 14px; }
#footer-wrapper a { text-decoration: underline; font-size: 12px; }
#footer-wrapper #footer-menu  { display: inline; }
#footer-wrapper #footer-menu a { color: #87a1ab; font-weight: bold; text-decoration: none; }

@media screen and (max-width: 1000px){
	#main-wrapper { width: 98%; }
	#content-wrapper { width: 98%; }
	#content-wrapper #top-links { width: 90%; }
}
@media screen and (max-width: 800px){
//	#content-wrapper #top-links { height: 100px; }
	#footer-wrapper #footer-menu { display: block; }
}
@media screen and (max-width: 500px){
	#main-wrapper { width: 100%; }
	#content-wrapper { width: 100%; }
	#content-wrapper #top-links { width: 100%; }
	#content-wrapper #bottom-ad { width: 100%; min-height: 60px; }
	#footer-wrapper { font-size: 12px; }
	#footer-wrapper a { font-size: 11px; }
}