@CHARSET "UTF-8";

form { padding: 0px; margin: 0px; }

body { font-family: Arial; font-size: 14px; background: url(/include/images/hp/bg_bottom.jpg); padding: 0px; margin: 0px; }

table { text-align: left; }

a { text-decoration: none; color: #2b4a74; }
a:hover { text-decoration: underline; }
a.title { font-weight: bold; }
a.operation { color: darkred; }

hr { width: 100%; float: left; padding: 0px; color: #ccc; }

.link { cursor: pointer; border: 0px;  }
img.center { display: block; text-align: center; }

ul.clear { list-style: none; margin: 0; padding: 0; }
ul.clear li { margin: 0; padding: 0 5px; }

.tleft { text-align: left; }
.tcenter { text-align: center; }
.tright { text-align: right; }
.fleft { float: left; }
.fright { float: right; }
.fclear { clear: both; }

.success { color: #006600; }
.error {color: #cc0000; }
.important { font-weight: bold; color: #cc0000; }
.lessimportant { color: #666; }
.little { font-size: 10px; }
.small { font-size: 11px; }
.bigger { font-size: 14px; }
.hidden { display: none; }

#top-background { position:absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 860px;
	background: url(/include/images/hp/bg.jpg) repeat-x; }

#page-body-frame { z-index: 1; position: absolute; width: 100%; top: 70px; }

#page-body {
	width: 800px; border: 0;
	background-color: transparent;
	}


#top-content {
	float: left; width: 100%;
	}
	#logo {
		width: 800px;
		background-color: #000;
		}
		
#topmenu { float: left; width: 796px;  background-color: #fff; }
#topmenu ul {
	list-style: none; margin: 0; padding:0;
	}
#topmenu ul li {
	display: block;
	float: left;
	background: url(/include/images/hp/menu-bg.jpg);
	padding: 0 25px;
	line-height: 27px;
	height: 41px;
	}
	
#topmenu ul li:hover { background: url(/include/images/hp/menu-bg-a.jpg); }
	
#topmenu ul li.toplink { position: relative; z-index: 9999; }
#topmenu ul li.toplink:hover { background-color: #328cbd;  }

#topmenu .menu-right-border { width: 1px; padding: 0; margin:0; }
#topmenu a {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	}

#topmenu .sublist { display: block; width: 150px; overflow: hidden; clear:both; position: absolute; left: 0; top: 0; list-style: none; margin: 41px 0 0 0; padding: 0; line-height: 100%; border: 1px solid #ddd; }
#topmenu .sublist li { height: auto; display: block; text-align: left; width: 100%; padding: 0 0 0 5px; margin: 0; border-bottom: 1px solid #e5e5e5; background: #ececec url(/include/images/list_r1_bg.png) repeat-x;  }
#topmenu .sublist a { font-weight: normal; line-height: 24px; padding-right: 10px; display: block; color: #000; }
#topmenu .sublist a:hover { text-decoration: underline; }
#topmenu .sublist li:hover { background: #fff; }
		

#page-content {
	width: 100%; border: 0;
	border-collapse: collapse; padding: 0;
	display: block; float: left;
	}
	
	#page-content td {
		border: 0; padding: 0;
		}
	
	#page-right-border, #page-left-border { background: #d4d2d0 url(/include/images/hp/content-border.png) no-repeat left bottom; width: 2px; vertical-align: bottom; }
	#page-left-border div, #page-right-border div { overflow:hidden; width: 2px; height: 350px; }
	#page-bottom-border { height: 2px; }
	#page-bottom-border div { overflow:hidden; height: 2px; background-color: #baaea5; }
	
	
#homebar-box {
	text-align: left;
	clear:both;
	}
	
	#home-button {
		width: 254px; height: 40px; text-align: right;
		}
		
		#home-button a {
			display: block; padding-right: 30px; line-height: 40px;
			background: url(/include/images/hp/domek.png) no-repeat right 7px;
			}

#left-box { float:left; width: 254px; vertical-align: top; }

	#left-down-box { vertical-align: bottom; }

#text-box { vertical-align: top;  background-color: #fff; font-size: 12px; }

#baner-box { height: 190px; background: url(/include/images/hp/baner_tlo.png) no-repeat; }
	#baner-box-bottom-border { height: 3px; background-color: #b2d0df; margin: 1px 0;  }

#page-content #foot-box { vertical-align: bottom; text-align: right; 100%; height: 63px; background: url(/include/images/hp/foot-bg.png) repeat-x; }
	
#foot-shadow { margin-top: 4px; }
	
#mod-content-border { float: left; width: 100%; padding: 10px; }
	#mod-content { vertical-align: top; }

.table { float: left; width: 100%; }

#error-box, #success-box { float: left; clear:both; padding: 4px; margin: 5px; list-style: none; }
#error-box li { padding: 0 20px; margin: 2px; background: #fff url(/include/images/error_ico.png) no-repeat left center;}
#success-box li { padding: 0 20px; margin: 2px; background: #fff url(/include/images/success_ico.png) no-repeat left center;}
#error-box { border: 1px solid red; color: #000; }
#success-box { border: 1px solid #999; color: #000; }

div#js_error_box { z-index: 3; background-color: #222; color: #fff; padding: 10px; border: 4px solid #777; position: fixed; width: 450px; top: 50%; left: 50%; margin-top: -200px; margin-left: -225px; }
#js_error_box #title { padding-bottom: 10px; }
#js_error_box #scroll { overflow: auto; border: 1px solid #000; background-color: #444; height: 150px; color: #ddd; }
#js_error_box #scroll div { padding: 4px; }
#js_error_box #scroll div span { color: #fff; font-weight: bold; }
#js_error_box #ok { text-align: right; padding-top: 10px; }

input.form_error_field { border: 1px solid red; background: #fff url('/include/images/form_field_error.png') no-repeat right center; }
input.form_success_field { color: #ccc; border: 1px solid green; background: #fff url('/include/images/form_field_ok.png') no-repeat right center; }

textarea.form_error_field { border: 1px solid red; }
textarea.form_success_field { color: #ccc; border: 1px solid green; }

select.form_error_field { border: 1px solid red; }
select.form_success_field { color: #ccc; border: 1px solid green; }

.bottom-buttons {float:left; width:480px; margin:20px 0;}
.bottom-buttons .back-button {float:left; display:block; }

.article-title { font-size: 16px; font-weight: bold; color: #444; margin: 0px 0; }
#article-text { line-height: 25px; }
#article-text:first-letter { /*font-size: 24px;*/ }

#gallery { float: left; padding-left: 40px; padding-top: 25px; }
#gallery .image-box { float: left; width: 200px; padding-right: 30px; padding-bottom:10px; margin-bottom: 15px; }
#gallery .image-box img { border: 1px solid #efefef; }
#gallery .image-box img:hover { border: 1px solid #ccc; }