/* Global */
* {
margin:0;
padding:0;
border:none;
}
li {list-style:none;}
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
a{
text-decoration:none;
color:#222;
}
a:hover{
text-decoration:underline;
}
p {margin-bottom: 5px;}


/* Layout */

body{
background: #f1f1f1 url(../images/body_bg.gif) top center repeat-x;
font: 62.5%/1.4 Tahoma, sans-serif;
color:#5c5c5c;
padding:0px 0px 0px 0px;
}

div#wrap{
width:1000px;
margin:0px auto 0px auto;
font-size:12px;
background: url(../images/wrap_bg.gif) top center repeat-y;
}

#header{
height:180px;
background:url(../images/header.jpg) top center no-repeat;
position:relative;
}

#logo {bborder: 1px solid red; display: block; width: 400px; height: 30px; position: relative; float: left; 
  text-indent: -9999px; top: 70px; font-size: 1px;}

#ihome, #icont {display: block; width: 12px; height: 10px; position: relative; float: left; text-indent: -9999px; top: 62px; font-size: 1px;}
#ihome {left: 897px;}
#icont {left: 928px;}

#menu_search {width: 984px; position: relative; top: 106px; height: 43px; margin: 0 auto;}

#search {width: 310px; float: right; height: 22px; margin-right: 5px; margin-top: 11px;}

.searchbut {float: right; padding-bottom: 5px; width: 80px; height: 22px; background:url(../images/searchbut.jpg) 0 0 no-repeat; color: #fff;}
.searchfield {border: 1px solid #9d9d9d; float: right; height: 20px; width: 222px;}

#header ul {float: left; display: block; height: 43px; width: 600px; margin-left: 0px;}
#header li {display: block; float: left; border-right: 1px solid #fff; height: 43px; 
  background:url(../images/ugol.gif) center 1px no-repeat;}
#header li a {vertical-align: center;  float: left; color: #fff; font-size: 12px; font-weight: bold; display: block; height: 43px; padding: 0 25px;}
#header li a:hover, #header li a.selected {background:url(../images/item_bg.gif) center 0px repeat-x; text-decoration: none;}
#header li a span {display: block; margin-top: 13px;}




#container{
background:url(../images/cont_bg.gif) 0 -1px no-repeat;
width: 984px;
padding: 0 8px;
border: 0px solid red;
}


#left-col{
width: 218px;
border-right: 1px solid #fff;
float: left;
}

#left-col .title {
width: 218px;
height: 27px;
background:url(../images/left_header.jpg) 0 0px no-repeat;
bborder: 1px solid red;
}

#left-col .title.reklama {
background:url(../images/left_header2.jpg) 0 0px no-repeat;
}

#left-col ul.products {border-bottom: 1px solid #fff;}
#left-col ul.products li {background-color: #d5d5d5; padding-top: 10px;}
#left-col ul.products li.two {background-color: #e3e3e3;}
#left-col ul.products li strong {display: block; font-size: 11px; display: block; margin-left: 20px; 
  background:url(../images/lidot.gif) 0 4px no-repeat; padding-left: 15px;}
#left-col ul.products li strong a {color: #5c5c5c;}
#left-col ul.products li img {width: 80px; border: 1px solid #9b9b9b; margin: 10px 0 20px 70px;}


h3.diz {
float: left;
margin-left: 10px;
margin-top: 5px;
font-size: 11px;
color: #fff;
}

#left-col .title.reklama h3 {float: right; margin-left: 0px; margin-right: 20px;}


#content{
border: 0px solid red;
float: right;
width: 765px;
}

.main_news, .main_articles {
width: 458px;
float: left;
height: 270px;
background-color: #efefef;
}

.main_news .title, .main_articles .title {
width: 458px;
height: 27px;
background:url(../images/subheader1.jpg) 0 0px no-repeat;
}

.main_news ul, .main_articles ul {width: 430px; margin-left: 20px;}
.main_news li, .main_articles li {display: block; background:url(../images/delim.gif) left 100% no-repeat; margin-top: 10px;}
.main_news li strong {padding-right: 15px; color: #000; background:url(../images/lidot.gif) 100% 3px no-repeat;}


.main_articles {width: 306px; float: right; background-color: #f6f6f6;}
.main_articles .title {width: 306px; background:url(../images/subheader2.jpg) 0 0px no-repeat;}
.main_articles ul {width: 280px;}
.main_articles li strong a {color: #0069bb; padding-left: 15px; background:url(../images/lidot.gif) 0 3px no-repeat; font-weight: normal;}


#content .page {padding: 20px;}

#content .page h2, #content .page h3 {color: #0069bb; font-size: 14px; font-weight: normal; margin-bottom: 10px;}

#content .page_title {
width: 765px;
height: 27px;
background:url(../images/cont_title.jpg) -16px 0px no-repeat;
}


#content .page ul.list li {display: block;

background:url(../images/delim.gif) left 100% no-repeat; 
  margin-bottom: 20px; padding-bottom: 10px;}
#content .page ul.list li strong {padding-right: 15px; color: #000; background:url(../images/lidot.gif) 100% 3px no-repeat;}


.page img.item-main-pic {width: 300px; margin: 0 20px 20px 0; float: left;}


p.more, .page-page {text-align: right; margin-right: 20px;}
p.more a, .page-page a {color: #0000ff;}



.page ul.item-menu {border-bottom: 1px solid #006ff6; width: 700px; height: 25px; padding-left: 10px; margin-bottom: 20px;}
.page ul.item-menu li {float: left; padding: 3px 20px; height: 20px; background: #006ff6 url(../images/prod_bg.gif) 0 0px no-repeat;}
.page ul.item-menu li a {color: #fff;}
.page ul.item-menu li.selected {background-color: #0026e8;}

.page ul {display: block; clear: both;}
.page ul li {
background:url(../images/lidot.gif) 0 5px no-repeat;
padding-left: 15px;
list-style-position:outside;
}

.page table.options {width: 700px;}
.page table.options th {text-align: left; background-color: #f1f1f1; padding: 2px;}
.page table.options td {background-color: #f1f1f1; padding: 2px;}
.page table.options tr.model th {background-color: #006ff6; color: #fff;}


.photo-item {float: left; margin: 0 20px 20px 0; text-align: center;}
.photo-item img {width: 150px; border: 1px solid #9b9b9b;}

table.params {width: 700px;}
table.params tr.row1 {background-color: #f1f1f1}
table.params td {padding: 2px; color: #5c5c5c;}


#footer {
background:url(../images/footer_bg.gif) 0 0px repeat-x;
height: 52px;
}

#footer .bottom {
background:url(../images/footer.jpg) 0px 0px no-repeat;
height: 52px;
width: 1000px;
margin:0px auto 0px auto;
}

#footer ul {float: right; margin-right: 7px; display: block;}
#footer li {display: block; float: left; padding: 0 25px; border-left: 1px solid #fff; height: 30px; 
  background:url(../images/ugol.gif) center 1px no-repeat;}
#footer li a {color: #fff; font-size: 12px; font-weight: bold; display: block; position: relative; top: 20px;}

#footer .copy {float: left; position: relative; top: 20px; left: 30px; font-size: 11px; line-height: 100%; color: #cccccc;}
#footer .copy a {color: #cccccc;}


table.topics {width: 725px; border-collapse:collapse; background:url(../images/forum_head.jpg) 0px 0px no-repeat;}

table.topics th {padding: 0 5px; height: 24px; color: #fff; font-weight: normal; border: 1px solid #fff;}
table.topics td {padding: 3px 5px; text-align: center; width: 1%;}
table.topics td.left {text-align: left; width: 99%;}
table.topics tr.row1 {background-color: #f1f1f1;}

.page table.form {width: 495px;}
.page table.form th {text-align: right; padding-right: 10px;}
.page table.form td {padding: 3px;}
.page input.in, .page textarea.in {border: 1px solid #cccccc; border-right: 14px solid #cccccc;}
.page input.in  {width: 120px;}
.page textarea.in {width: 380px; height: 100px; overflow: auto;}

input.button {background: url(../images/butbg.gif) 0 0 no-repeat; color: #fff; width: 84px; 
  height: 22px; padding-bottom: 3px;}

ul#banners li {background-color: #efefef; margin: 5px 5px; padding:0;}
ul#banners li img {border: 1px solid #cccccc; width: 205px; margin-top: 3px; margin-left: 0px;}