/* CSS Document */

html {
height:100%;
}

body {
padding:0;
margin:0;
height:100%;
font:12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:#1c1c1c url(images/bg.gif) repeat top left;
}

a {
color:#ff0004;
text-decoration:none;
}

a:hover {
color:#ff0004;
text-decoration:underline;
}

p {
padding:3px 0;
margin:0;
}

form, input, select {
padding:0;
margin:0;
}

table {
border:none;
}

img {
border:none;
}

h1, h2, h3, h4, h5, h6 {
padding:0;
margin:0 0 10px 0;
font-weight:normal;
}

h1 {
font-size:22px;
}

h2 {
font-size:20px;
}

h3 {
font-size:18px;
}

h4 {
font-size:16px;
}

.clear {
clear:both;
}

.container {
width:1000px;
margin:0 auto;
position:relative;
min-height:100%;
height:auto !important;
height:100%;
background:url(images/content.gif) repeat-y top left;
}

.top {
position:absolute;
top:0;
left:0;
height:423px;
width:100%;
background:url(images/top.gif) repeat-x top left
}

.top-info {
position:relative;
width:956px;
height:47px;
margin:0 auto;
padding:21px 0 0 44px;
}

.top-info td div a {
color:#FFFFFF;
text-decoration:none;
}

.top-info td div a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.top-info td div {
background:url(images/hgt.gif) no-repeat top left;
height:29px;
width:4px;
margin:0 25px;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

.top-info td div.ml {
background:url(images/main.gif) no-repeat top left;
height:18px;
padding:3px 0 0 44px;
margin:0 0 0 0;
width:auto;
}

.top-info td div.pl {
background:url(images/mail.gif) no-repeat top left;
height:21px;
padding:4px 0 0 44px;
margin:0 0 0 0;
width:auto;
}

.phone {
position:absolute;
top:29px;
right:40px;
width:229px;
height:12px;
background:url(images/phone.gif) no-repeat top left;
}

.adres {
position:absolute;
top:22px;
right:296px;
width:253px;
height:22px;
background:url(images/adres.gif) no-repeat top left;
text-align:center;
padding-top:7px;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#FFFFFF;
}

.adres span {
color:#8b0e0e;
}

.header {
position:relative;
height:65px;
padding:263px 19px 0 19px;
width:1000px;
margin:0 auto;
background:url(images/header.jpg) no-repeat top left;
}

.logo {
position:absolute;
top:45px;
left:289px;
height:20px;
width:453px;
}

.top-menu {
width:922px;
height:49px;
background:url(images/menu.png) no-repeat top left;
padding:0 20px;
font-size:12px;
font-weight:bold;
}

.top-menu table {
width:100%;
}

.top-menu table td {
vertical-align:top;
width:auto;
}

.top-menu a {
display:block;
color:#FFFFFF;
height:49px;
text-decoration:none;
background:url(images/ml.gif) no-repeat top left;
}

.top-menu a span {
cursor:pointer;
display:block;
height:37px;
background:url(images/mr.gif) no-repeat top right;
text-align:center;
padding-top:12px;
}

.top-menu a:hover {
color:#FFFFFF;
text-decoration:none;
background-position:left -49px;
}

.top-menu a:hover span {
cursor:pointer;
display:block;
height:37px;
background:url(images/mr.gif) no-repeat bottom right;
text-align:center;
padding-top:12px;
}

.top-menu .act a {
display:block;
color:#FFFFFF;
height:49px;
text-decoration:none;
background:url(images/ml.gif) no-repeat bottom left;
}

.top-menu .act a span {
cursor:pointer;
display:block;
height:37px;
background:url(images/mr.gif) no-repeat bottom right;
text-align:center;
padding-top:12px;
}

.wrapper {
}

.right {
position:relative;
width:733px;
height:auto;
padding:440px 34px 15px 16px;
overflow:hidden;
float:right;
background:url(images/ct.gif) no-repeat top right;
}

.right h1 {
text-align:center;
margin:0 0 10px 0;
font-size:14px;
font-weight:bold;
color:#ff0004;
}

.left {
position:relative;
width:186px;
height:auto;
padding:423px 14px 0 17px;
overflow:hidden;
float:left;
}

.bl {
margin-bottom:10px;
}

.left h5 {
background:url(images/blt.gif) no-repeat top left;
text-align:center;
height:20px;
width:186px;
margin:0 0 0 0;
padding:5px 0 0 0;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

.recom {
overflow:hidden;
margin:0 2px 5px 2px;
padding:12px 0 4px 0;
text-align:center;
background:#000000;
width:182px;
}

.recom a {
display:block;
margin-bottom:10px;
}

.block {
overflow:hidden;
margin:0 2px 0 2px;
padding:12px 20px 6px 20px;
background:#000000;
width:142px;
}

.news {
font-size:10px;
font-weight:bold;
margin-bottom:12px;
}

.extra {
clear:both;
height:107px;
}

.bottom {
position:relative;
margin-top:-107px;
height:107px;
width:100%;
background:url(images/bottom.gif) repeat-x top left;
}

.footer {
width:967px;
height:47px;
margin:0 auto;
background:url(images/footer.gif) no-repeat top left;
text-align:right;
padding:60px 33px 0 0;
font-size:10px;
font-weight:bold;
}