@charset "utf-8";
/* CSS Document */

body {margin: 0px; padding: 0px; background: #33333c url(images/bg.gif) center repeat-y}

p, div, h1, h2, h3, h4, ul, li, form, input, select, option, ul, li {margin: 0; padding: 0;}

a {outline: 0;}
img {margin: 0; padding: 0; border: 0;}
.clear {clear: both; height: 0px; font-size: 0px; line-height: 0px;}


#logo {padding-top: 65px; margin-left: 84px; display: block; width: 390px; height: 105px}

#header {background: url(images/header-bg.jpg) no-repeat; height: 192px; margin: 0 auto; width: 1026px}
#head-img {background: url(images/head-img.jpg) no-repeat; height: 412px; margin: 0 auto; width: 1026px}

#menu {float: right; width: 380px; margin-top: -106px}
#menu li {list-style-type: none; height: 32px; padding-top: 10px;}
#menu li:hover {background: #666}
#menu li a {font: 18px Georgia; font-style: italic; color: #fff; text-decoration: none; border-bottom: 1px dashed #000; margin-left: 34px;}
#menu li a:hover {background: #666; border: 0px}

.hmm-s {position: absolute; top: 25px; margin-left: 595px}
.hmm-s form {float: right}
.hmm-s a {margin: 0 4px}
#searchfield { height:17px; background: #d4e6ec; border: none}
#gosearch {float: right}

.cl {list-style-type: none; margin-left: 230px; padding-top: 70px}
.cl li {float: left; width: 270px; text-align: right}
.cl a {font: 18px Georgia; font-style: italic; color: #000; text-decoration: none; border-bottom: 1px dashed #000}
.cl a:hover {color: #1f3775; border-bottom: 1px dashed #1f3775;}

#wrap {
	background: url(images/body-bg.jpg) no-repeat; height: 278px; margin: 0 auto;
	width: 952px; padding-left: 74px;}

h1 {font: 20pt Georgia; font-style: italic; color: #fff;}
h2 {font: 16pt Georgia; font-style: italic; color: #fff; margin-top: 5px}
p {font: 12pt Georgia; color: #fff; padding-top: 15px}
p a {font: 12pt Georgia; color: #81d0f4;}
p a:hover {text-decoration: none}

.alignleft {float: left}
.alignright {float: right}

a.more {display: block; text-align: right; font: 12pt Georgia; color: #81d0f4;}
a.more:hover {text-decoration: none}

#content {display: block; width: 600px; float: left}

#contacts {display:block; width: 324px; float: right; color: #9bb6c7}
#contacts span {font: 30px Georgia; color: #9bb6c7; display: block; margin: 15px 0px}

#content-p {background: #464648 url(/images/content-bg.jpg) repeat-x; margin: 0 auto; width: 1026px; padding-top: 20px}
#cont {float: right; width: 630px; padding-right: 100px}
#cont ul {color: #fff; list-style-image: url(images/bullit.gif); padding-left: 10px; margin-left: 10px}
#cont ol {color: #fff; padding-left: 10px; margin-left: 10px}
.label {clear: both; color: #9bb6c7; text-align: right; padding-top: 5px}


table.tab-har {color: #fff; text-align: center; font: 12pt Georgia; margin-bottom: 20px}
tr.header {background: #e7e7e7; color: #000; text-align: center}
.cell1 {width: 101px}
.cell2 {width: 102px}
.cell3 {width: 102px}
.cell4 {width: 284px}
.row1 td {background: #696969}
.row2 td {background: #474747}
td.i1 {background: #989898; color: #000}
td.i2 {background: #808080; color: #000}
td.fd {text-align: left}

form#pers {width: 285px; margin-bottom: 50px; margin-top: 15px}
form#pers span {color: #acacac;}
form#pers b {color: #81d0f4; font-weight: lighter}
form#pers input { border: none; background: #2d2d2f; font: 10pt Georgia; font-style: italic; color: #fff; width: 177px}
form#pers textarea {border: none; background: #2d2d2f; font: 10pt Georgia; font-style: italic; color: #fff; width: 177px}
form#pers select {border: none; background: #2d2d2f; font: 10pt Georgia; font-style: italic; color: #fff;}


ul.list-prod {margin: 0px; padding: 0px}
ul.list-prod li {list-style-image: none; list-style-type: none; height: 79px; margin: 20px 0px}
ul.list-prod li img {float: left; margin-right: 10px}
ul.list-prod li span { display: block}
ul.list-prod li a {font: 16pt Georgia; font-style: italic; color: #81d0f4;}
ul.list-prod li a:hover {text-decoration: none}

ol.list-prod {margin: 0px; padding: 0px}
ol.list-prod li {height: 79px; margin: 20px 0px}
ol.list-prod li img {float: left; margin-right: 10px}
ol.list-prod li span { display: block}
ol.list-prod li a {font: 16pt Georgia; font-style: italic; color: #81d0f4;}
ol.list-prod li a:hover {text-decoration: none}

#sidebar {width: 294px; float: left}
#sidebar ul li {list-style-type: none}
#sidebar ul li a {
	font: 18px Georgia; font-style: italic; text-decoration: underline; color: #81d0f4;
	margin-bottom: 20px; width: 250px; display: block; margin-left: 40px}
#sidebar ul li a:hover { color: #fff; text-decoration: none;}

#sidebar ul li a#current {
	font: 18px Georgia; font-style: italic; text-decoration:none; color: #fff;
	margin-bottom: 20px; width: 250px; display: block; margin-left: 40px}
#sidebar ul li a:hover#current {
	font: 18px Georgia; font-style: italic; text-decoration:underline; color: #fff;
	margin-bottom: 20px; width: 250px; display: block; margin-left: 40px}

#footer {
	background: url(images/footer-bg.jpg) repeat-x; height: 63px; margin: 0 auto; width: 1005px;
	font: 10pt Georgia; color: #c2c2c2; padding-left: 20px; padding-top: 10px}

#footer a {font: 10pt Georgia; color: #81d0f4;}
#footer a:hover {text-decoration: none}