* {margin: 0px; padding: 0px;}
html {height: 100%;}
body {background: url(../images/body-bg.gif) repeat-x; font: 12px Arial, Helvetica, sans-serif; height: 100%;}
a {cursor: pointer; cursor: hand; font: 12px Arial, Helvetica, sans-serif; text-decoration: underline; color: #145EA4;}
a:hover {text-decoration: none;}
li {list-style: none;}
img {border: none;}
td {vertical-align: top;}

.set {clear: both;}


.all {background: url(../images/all-bg.jpg) center top no-repeat;}

.bars {position: absolute; width: 130px; height: 217px; background: url(../images/bars.gif) no-repeat; top: 12px;}
.absolute {padding: 190px 0 0 18px;}
	.absolute li {width: 25px; height: 25px; padding-right: 9px; float: left;}
	.absolute li a {display: block; width: 25px; height: 25px; text-indent: -9999px; overflow: hidden;}
	.absolute li.home {background: url(../images/home.gif) no-repeat;}
	.absolute li.map-site {background: url(../images/map-site.gif) no-repeat;}
	.absolute li.mail {background: url(../images/mail.gif) no-repeat;}
	.absolute li.home-a {background: url(../images/home-a.gif) no-repeat;}
	.absolute li.map-site-a {background: url(../images/map-site-a.gif) no-repeat;}
	.absolute li.mail-a {background: url(../images/mail-a.gif) no-repeat;}
	
	a.logo span {display: block; position: absolute; top: 25px; left: 17px; width: 96px; height: 156px; text-indent: -9999px; overflow: hidden; cursor: pointer; cursor: hand; background: url(../images/clear.gif);}


.center {width: 877px; margin: 0 auto; position: relative; padding-top: 185px; background: url(../images/bars.gif) left 12px no-repeat;}

.menu {height: 44px; background: #145EA4;}
	.menu ul {margin-left: 125px; height: 31px; background: #CC0000 url(../images/teny-2.gif) left top no-repeat;}
	.menu ul li {padding: 8px 12px 9px 11px; float: left; position: relative; font-weight: bold; color: #FFFFFF;}
	.menu ul li a {font-weight: bold; color: #FFFFFF; text-decoration: underline;}
	.menu ul li a:hover {text-decoration: none;} 
	.menu ul li.active {background: #145EA4 url(../images/menu-bg.gif) center bottom no-repeat; text-decoration: none; margin-left: 1px;}
	.menu ul li.active span {display: block; height: 31px; width: 5px; background: url(../images/teny-1.gif) no-repeat; position: absolute; top: 0px; left: 0px; _left: -1px;}
	
	
.left {width: 633px; padding-top: 50px; float: left;}
	.bg {background: url(../images/bg.gif) right repeat-y; _margin-bottom: 19px;}
	.content-1 {width: 440px; float: left; padding: 0 15px;}
	.content-1 img {width: 76px; height: 99px; padding: 0 16px 20px 0; float: left;}
	.h201, .h203 {font: bold 14px Arial, Helvetica, sans-serif; color: #006699; margin-bottom: 16px;}
	.h201 a, .h203 a {font: bold 14px Arial, Helvetica, sans-serif; color: #006699; text-decoration: none;}
	.h201 a:hover, .h203 a:hover {text-decoration: underline;}
	.p01 {font-size: 12px; color: #333333;}
	.p01 span {text-align: right; font-weight: bold; display: block;}
	
	.photo-1 {width: 133px; background: #EAF4F8; padding: 5px 15px; float: left;}
	.photo-1 li, .photo-2 li {padding: 13px 0 8px; border-bottom: solid 1px #B5BCBF;}
	.photo-1 li span, .photo-2 li span, .photo-3 li span {font-size: 10px;}
	
	.bg-1-1 {background: #145EA4 url(../images/left-top.gif) 0 0 no-repeat; margin-bottom: 5px;}
	html*.bg-1-1 {height: 1%;}
	.bg-1-2 {background: url(../images/right-top.gif) 100% 0 no-repeat;}
	.bg-1-3 {background: url(../images/left-bottom.gif) 0 100% no-repeat;}
	.bg-1-4 {background: url(../images/right-bottom.gif) 100% 100% no-repeat; padding: 5px;}
	.bg-1-1-w {background: #145EA4 url(../images/left-top-w.gif) 0 0 no-repeat; _height: 1%; float: left; margin-bottom: 5px;}
	.bg-1-2-w {background: url(../images/right-top-w.gif) 100% 0 no-repeat; float: left;}
	.bg-1-3-w {background: url(../images/left-bottom-w.gif) 0 100% no-repeat; float: left;}
	.bg-1-4-w {background: url(../images/right-bottom-w.gif) 100% 100% no-repeat; padding: 5px; float: left;}
	
	.photo-2, .photo-3, .text {padding-left: 20px;}
	.h203 {font-size: 18px; font-weight: normal;}
	html*.photo-2 li {min-height: 120px; _height: 120px;}
	.photo-2 li {float: left;}
	.photo-2 li p {padding: 0 10px 10px; float: left; width: 455px;}
	.photo-2 li p strong {font-size: 14px; background: url(../images/right-bl-2.gif) left center no-repeat; padding-left: 12px; text-decoration: underline; margin: 0 0 5px 8px;}
	.photo-3 ul {border-bottom: solid 1px #B5BCBF; padding: 17px 0 13px;}
	html*.photo-3 ul {_height: 160px; min-height: 160px;}
	.photo-3 ul li {float: left; width: 33%; position: relative;}
	
	.h204 {font: normal 16px Arial, Helvetica, sans-serif; margin: 10px 0 5px;}
	.text p {padding: 5px 5px 20px 0;}
	
	
	
	.all-photo {background: url(../images/listiki.gif) left center no-repeat; padding-left: 13px; float: right; margin: 9px 0;}
	.date {background: url(../images/time.gif) left center no-repeat; font-size: 10px; padding-left: 12px;}
	
	.pages {float: right; margin: 15px 0; line-height: 20px;}
	.pages a {padding: 0 4px;}
	.pages strong {border: solid 1px #D5D4D4; text-decoration: none; color: #000000; font-weight: bold; padding: 0 4px;}
	
	
.right {width: 199px; float: right; padding: 50px 14px 0 0;}
	.h202 {font: bold 12px Arial, Helvetica, sans-serif; color: #006699; padding-bottom: 10px; border-bottom: solid 2px #333333;}
	.p02 {padding: 10px 0; border-bottom: solid 1px #C4C4C4;}
	.p02 a {font-weight: bold;}
	
	.form {padding: 16px 0;}
	.form input, .find input {width: 131px; height: 18px; border-top: solid 1px #808080; border-right: solid 1px #D4D0C8; border-left: solid 1px #808080; border-bottom: solid 1px #D4D0C8; margin-bottom: 6px;}
	.form input.input-1 {width: 42px; height: 18px;}
	.form input.submit {width: 88px; height: 12px;  padding-left: 0px; border: none; margin-left: 11px; cursor: pointer; cursor: hand;}
	
	.ul-1 {padding: 20px 0;}
	.ul-1 li {padding: 2px 0 2px 13px;}
	.ul-1 li a {font-weight: bold;}
	.ul-1 li.li-active {background: url(../images/right-bl.gif) left center no-repeat; font-weight: bold;}
	.ul-1 li.li-active a {color: #000000; text-decoration: none;}
	

.footer {width: 877px; margin: 0 auto; height: 58px; padding: 12px 0 0 12px; border-top: solid 2px #145EA4; background: url(../images/footer-bg.gif) right top no-repeat; margin-top: 19px;}
	.p03 {width: 650px; float: left; font-size: 11px;}
	.p03 a {font-size: 11px;}
	.find input.image {width: 11px; height: 11px; padding-left: 10px; border: none; cursor: pointer; cursor: hand;}
	    
© TrueDev.org