/*
Название сайта: ХМЗ
Начало разработки: 2009.04.14
Верстальщик: G.Kozlovski
*/

/*------------------DEFAULTS------------------*/

/*standart*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px; padding:0px; outline:0px; font-size:100%; vertical-align:baseline; background:transparent;}
#site {max-width:1280px; min-width:950px; background:#fff; min-height:100%; height:100%; margin:0px auto; font:75%/1.2em Arial; position:relative;}
html {height:100%; background:url(../images/bg.gif);}
table {border-collapse:collapse; border-spacing:0;}
ul {list-style:none;}
:focus {outline:0;}
div {zoom:1;}

/*links*/
a {text-decoration:underline; cursor:pointer; color:#005b75;}
a:hover {text-decoration:none;}
.more, .back {font:0.92em Arial; color:#14637f;}
.more {padding-right:10px; background:url(../images/more.gif) right 6px no-repeat;}
.back {padding-left:10px; background:url(../images/back.gif) left 6px no-repeat;}
.banner a {margin:10px 0px; padding-left:20px; overflow:auto; display:block;}
	.banner a img {border:0px;}

/*hacks*/
.clear {clear:both; height:1px; overflow:hidden;}
.zoom1 {overflow:auto; height:1%;}
.hidd {display:none;}

/*text align*/
.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}
.taj {text-align:justify;}

/*floats*/
.floatLeft {float:left;}
.floatRight {float:right;}
.floatCenter {margin:0px auto;}

/*------------------MARKING------------------*/
/*main*/
#main {min-height:100%; _height:100%; background:#fff;}

/*header*/
#header {height:245px; background:url(../images/header.gif) left top repeat-x;}

/*content*/
#container {width:100%; padding-bottom:100px;}
#content {width:100%; float:left;}
#text {margin:0px 20px 0px 240px;}

/*left part*/
#left {float:left; width:215px; margin-left:-100%;}

/*footer*/
#footer {height:30px; margin-top:-30px; position:relative; width:100%; font-size:0.92em;}

/*------------------CONTENT------------------*/
h1, h3, h5 {color:#165e73;}
h2, h4, h6 {color:#000;}

h2, h3, h4, h5, h6 {margin:15px 0px 10px;}

h3, h4 {font-weight:normal;}

h1 {font-size:1.33em; margin-bottom:20px; padding-top:4px;}
h1 span {padding-top:4px;}
h2 {font-size:1em;}
h3 {font-size:1.17em;}
h4 {font-size:1.17em;}
h5 {font-size:1.08em;}
h6 {font-size:1em;}

#text p {margin-bottom:5px;}
#text table {margin:10px 0px 20px;}
	#text td, #text th {border:1px solid #fff; padding:5px 7px;}
	#text th {background:#87bbd4; color:#fff;}
	#text td {background:#d9d9d9;}
#text ol {margin:10px 0px 15px 2.5em;}
	#text ol li {}
#text ul {margin:10px 0px 15px;}
	#text ul li {padding-left:10px; background:url(../images/ul-li.gif) left 5px no-repeat; zoom:1;}

/*------------------DEFAULT BLOCKS------------------*/
/*logo*/
#logo {float:left; width:275px; height:115px; padding:30px 0px 0px 35px; background:url(../images/logo.jpg) right bottom no-repeat;}
	#logo a {display:block; width:275px; height:115px;}

/*min-panel*/
#min-panel {width:76px; height:25px; padding-left:15px; background:url(../images/min-panel.gif) 50px 12px no-repeat;}
	#min-panel a {display:block; float:left; width:38px; height:25px;}
	#min-panel #home {background:url(../images/home.gif) center center no-repeat;}
	#min-panel #home:hover {background:url(../images/home-h.gif) center center no-repeat;}
	#min-panel #mail {background:url(../images/mail.gif) center center no-repeat;}
	#min-panel #mail:hover {background:url(../images/mail-h.gif) center center no-repeat;}

/*feedback*/
#feedback {width:400px; margin-bottom:50px;}
	#feedback label {color:#000; font-size:0.92em;}
	#feedback input.text, #feedback textarea {width:400px; border:1px solid #808892; margin:5px 0px 10px;}
	#feedback textarea {height:100px;}
	#feedback img {float:right}
	#feedback input.submit {}

/*listing*/
#listing {margin:15px 0px 30px; text-align:center;}
	#listing span {padding:0px 3px; color:#14637f; font-weight:bold;}
	#listing a {color:#000; padding:0px 3px;}
	#listing a:hover {}
	#listing a.back-list, #listing a.forward-list {color:#14637f;}
	#listing a.back-list:hover, #listing a.forward-list:hover {}
	#listing a.back-list {padding-left:10px; background:url(../images/back-list.gif) left 6px no-repeat;}
	#listing a.forward-list {padding-right:10px; background:url(../images/forward-list.gif) right 6px no-repeat;}

/*gallery*/
#text .gallery li {width:240px; min-height:135px; display:-moz-inline-stack; display:inline-block; vertical-align:top; margin:0px 10px 20px; zoom:1; *display:inline; _height:135px; background:none; padding:0px; text-align:center;}
	.gallery li img {border:1px solid #c1c1c1; margin-bottom:10px;}
	.gallery li span {width:240px; _ display:block; margin:0px auto;}

/*menu*/
.folding {margin:0px 0px 20px 10px;}
	.folding li {padding:3px 0px 5px 15px; background:url(../images/folding-li.gif) left 5px no-repeat;}
	.folding li a {color:#1590b3; text-decoration:none; font-weight:bold; text-transform:uppercase; display:block; zoom:1; border-bottom:1px solid #c9cac5; padding-bottom:3px;}
	.folding li a:hover {color:#a38bb8;}
	.folding li.opened {background:url(../images/folding-li-o.gif) left 5px no-repeat;}
	.folding li.last a {border:0px;}

.folding ul {margin:0px 0px 0px -10px;}
	.folding li li, .folding li.opened li {padding:0px 0px 0px 10px; background:url(../images/folding-li-2.gif) left 10px no-repeat;}
	.folding li li.hover, .folding li.opened li.hover {background:url(../images/folding-li-2-h.gif) left 10px no-repeat;}
	.folding li li a, .folding li.opened li a {color:#14637a; text-transform:none; font-weight:normal; border-bottom:1px solid #fff; padding:5px 10px; background:#d9d9d9;}
	.folding li.opened li.opened a, .folding li.opened li a:hover, .folding li li a:hover {color:#000;}

/*news*/
.news-block {overflow:auto; margin:0px 0px 20px;}
	.news-block img {float:left; border:1px solid #d9d9d9;}
	.news-block p {margin-left:150px;}
	.news-block strong {color:#424241; font-size:0.92em;}
	.news-block div {margin-bottom:5px;}

/*------------------OTHER BLOCKS------------------*/
/*header*/
#header-right {height:210px; background:url(../images/header-right.jpg) right top no-repeat;}

#telephone {float:right; margin-right:20px; background:url(../images/telephone.gif) left top no-repeat; padding:10px 0px 0px 45px; font-size:2em; height:25px;}
	#telephone span {font-size:0.58em; position:relative; top:-7px; left:-5px; color:#625c5c;}

/*content*/
#pre-text {overflow:auto; border-bottom:1px dotted #89b1bf; padding-bottom:20px; margin-bottom:20px;}
	#pre-text img {float:left;}
	#pre-text p {margin-left:355px;}

#news {overflow:auto;}
	#news div.news-container {float:left; width:49%; border-right:1px solid #d6d6d6; padding-bottom:40px;}
	#news div.news {width:50%;}
	
	#news div div.news-header {text-align:center; font:bold 1.33em Arial; border:0px; padding:0px; float:none; margin-bottom:20px;}
	#news div div span {padding-left:20px; background:url(../images/left-marker.gif) left center no-repeat;}
	#news div div span img {vertical-align:middle; margin-left:10px;}
	
	#news .zoom1 {margin:20px 20px 0px;}
	#news .zoom1 img {float:left; border:1px solid #c4d8df; padding:2px; width:110px;}
	#news .zoom1 p {border:0px; margin-left:150px;}
	#news .zoom1 p strong {color:#505255; font-size:0.92em;}
	#news p {margin:0px 20px 10px 170px; border-bottom:1px solid #d6d6d6;}
	

/*left*/
#contacts {margin:20px 0px;}
	#contacts p {color:#1b8ce0; margin:0px 0px 7px 30px;}
	#contacts div {font:bold 1.33em Arial; padding-left:25px; background:url(../images/left-marker.gif) left 35px no-repeat; margin-bottom:10px;}
	#contacts div img {border:0px; position:relative; top:10px; left:10px; }

/*footer*/
#footer p {padding-top:10px; text-align:center;}
	#footer p span {padding-left:15px; background:url(../images/footer.gif) left top no-repeat;}
	#footer p a {color:#000;}