/* Разработка: vilitesite.ru */
* {
    margin:0 auto;
    padding:0;
}

html {
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
}

body {
    width:1000px;
    background: url(../image/bg1.png) repeat-y top center;
    padding-left:15px;
    padding-right:15px;
    height:auto; /* заменить */
}

.clear{
    clear: both;
    height:11px;
}

h1{
    background:  #fff url(../image/name.png) no-repeat top right;
    height: 19px;
    /*width:auto;*/
    width:300px;
    color:#000;
    margin-left:-15px;
    padding-left:15px;
    padding-right:10px;
    margin-top:5px;
    margin-bottom: 20px;
    display: block;
    text-transform: uppercase;
    font-size: 1.0em;
}

/* structure */
.header{
    width:100%;
    background: url(../image/header.png) no-repeat top center;
    height:231px;
}

.logo a{
    width: 482px;
    height: 86px;
    float:left;
    display:block;
    outline: hidden;
}

.top_links{
    width:100%;
    padding-left:15px;
    padding-top:26px;
    height:25px;
    float:left;
    clear: both;
}

a#home{
    background: url(../image/home.png) no-repeat;
    width: 25px;
    height:24px;
    display:block;
    float:left;
}

a#mail{
    background: url(../image/mail.png) no-repeat;
    width: 25px;
    height:24px;
    display:block;
    float:left;
    margin-left:15px;
}

/* __ */
.wrapper{
    width:970px;
    margin-top: 0px;
    padding:0px 15px;
    clear:both;
}

/* __ */
.left{
    float:left;
    width:200px;
    height:auto;
}

div#left_menu{
    width:200px;
    height:auto;
    margin-top: 30px;
}

/* __ul__ */
ul#ul_2{
    list-style-type: none;
}

ul#ul_1{
    list-style-type: none;
}

li#li_1 a{
    background: url(../image/menu_lef.png) no-repeat top center;
    width: 145px;
    height: 30x;
    display: block;
    line-height:30px;
    text-decoration:none;
    text-align:left;
    color:#fff;
    text-transform: uppercase;
    border-bottom:1px solid #fff;
    padding-left:55px;
}

li#li_1 a#active{
    background: url(../image/menu_left_select.png) no-repeat top left;
    color: #000;
}

li#li_1 a:hover{
    background: url(../image/menu_left_select.png) no-repeat top left;
    color: #000;
}

li#li_2 a{
    background: url(../image/marker.png) no-repeat 40px 0px #E6E6E6;
    width: 145px;
    height: 30px;
    border-bottom:1px dotted #fff;
    display: block;
    line-height:30px;
    text-decoration:none;
    color:#000;
    padding-left:55px;
}

li#li_2 a#active{
    background: url(../image/marker.png) no-repeat 40px 0px #ccc;
}

li#li_2 a:hover{
    background: url(../image/marker.png) no-repeat 40px 0px #ccc;
}

/* __ */
.content{
    float:right;
    width:754px;
    height:auto;
}

.top_menu{
    width: 684px;
    height:30px;
    float:right;
}

a#category{
    width:171px;
    height: 30px;
    display: block;
    background: url(../image/top_menu.png) no-repeat top center;
    float:left;
    line-height: 30px;
    color:#fff;
    text-decoration: none;
    text-align:center;
}

a#category:hover{
    background: url(../image/top_menu_select.png) no-repeat top center;
    color: #000;
}

.panno{
    background: url(../image/image.png) no-repeat top center;
    width:754px;
    height:319px;
    clear:both;
}

.info_box{
    width:724;
    height:auto;
    background: #ccc;
    color:#000;
    font: 0.9em/1.279em Verdana,sans-serif;
    text-align: justify;
    padding: 20px 15px;
}

/* __ */
.catalog{
    display: table;
    vertical-align: middle;
    width:185px;
    height:230px;
    position: relative;
    overflow: hidden;
    float:left;
    margin: 22px;
    border:1px dotted #000000;
    background-color:white;
    padding: 3px;
}

.catalog#ventil{
    height:260px;
}

.catalog div{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.pagenav a {
    color: #000000; /*#99DE4C;*/
    text-align:center;
}

.pagenav {
    color: #000000; /*#99DE4C;*/
    text-align:center;
}

/* __*/
table {
    vertical-align: middle;
    width: 720px;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    border: 1px solid #000000;
    border-collapse: collapse;
    font-size: 9px;
} 

table#noborder {
    border: none;
}

table tr#row{
    background-color:#ffffff;
    border-right: 2px solid #000000;
}

table tr#even{
    background-color:#ccc;
    border-right: 2px solid #000000;
}

table tr th{
    background: #333333 url(../image/tabl_bg.png) repeat-x top center;
/*    background-color: #333333;*/
    height: 40px;
    color: #FFFFFF;
    border: 1px solid #000000;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

table tr td{
    color: #000000;
    border: 1px solid #000000;
    text-align: center;
}

table tr td#noborder {
    border: none;
    text-align: left;
    font-size: 12px;
    padding-left: 10px;
}

table tr td#td1{
    background-color:#ffffff;
    text-align: left;
}

table tr.bottom{
    border-bottom: 2px solid #000000;
}

/* __ */
.footer{
    width:900px;
    height:86px;
    background: url(../image/bottom.png) no-repeat;
    padding:0px;
    padding-left:100px;
    padding-top:3px;
    font-size:0.9em;
}

/* copyright */
.vilitesite{
    height: 20px;
    width: auto;
    padding-right:35px;
    margin-top: -20px;
    text-align:right;
    font-size:12px;
    color: #fff;
}

.vilitesite a{
    color: #99DE4C;
}