html, body{
    height:100%;
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

.page{
    position:relative;
    width:984px;
    height:auto !important;
    height:100%;
    min-height:100%;
    border-left:8px solid #d2d2d2;
    border-right:8px solid #d2d2d2;
    margin:0 auto;
}

.header{
    height:186px;
    width:984px;
    background:url(/templates/baltstar_main/images/bg_header.jpg) left;
}

.logo_link{
    display:block;
    position: absolute;
    margin:71px 0 0 96px;
    width:287px;
    height: 82px;
}

.logo{
    background:url(/templates/baltstar_main/images/logo.jpg) no-repeat;
    width:287px;
    height:82px;
    cursor:pointer;
}

.hd_right{
    float:right;
    width:387px;
}

.hd_right .search{
    margin:0;
    background:#fff;
    right: 0px;
    height:32px;
    padding:5px 10px;
    position:absolute;
}

.news_data{
    color:#fff;
    font-weight:bold;
}

.news_block{
    float:right;
    margin:30px 0 0 0;
    color:#fff;
    overflow:hidden;
    height:156px;
}

.bn_search{
    background:#2d3384;
    color:#fff;
}
.news{
    width:379px;
}

.menu{
    height:47px;
    width:984px;
    background:url(/templates/baltstar_main/images/bg_menu.jpg) repeat-x;
}

.menu table, .menu tbody {
    /* Использую таблицу, а не div'ы. Это усложнение связано с тем, что в разных
    брузерах шрифты отрисовываются по-разному. Там, где надписи в меню короткие,
    при использовании абсолютного позиционирования (div'ы) либо справа от
    крайнего правого пункта отсается много места, либо в расстояние между
    надписями пропорционально их длинне. Использование таблицы позволяет
    добиться того, что ркасстояние между пунктами подбирается автоматически. */
    width:100%;
}

.menu table tr td {
    border-left: 1px solid  #d2d2d2;
    padding:0;
}

.menu table tr td.noborder {
    border:0px;
}

.menu table tr td a{
    display: block;
    padding:16px 17px;
        /* Горизонтальный padding влияет на отношение отступов между текстом и
        границей ячейки. Значение подбирается максимальным, но так, чтобы во всех
        браузерах меню не разъезжалось.*/
    color:#5A60AE;
    text-decoration:none;
    font-variant:small-caps;
    font-size: 11px;
    text-align:center;
    height: 1%;
        /* Это хак для IE6. Он выставляет свойство hasLayout. Без него hover для
        сылки действует лолько над текстом без учета padding. */
}

.menu table tr td a:hover{
    background:url(/templates/baltstar_main/images/bg_menu_active.jpg);
}

.menu table tr td:hover ul, .menu table tr td.jshover ul{
    display:block;
}

.menu table tr td ul{
    display:none;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding: 0;
    width:180px;
    position:absolute;
    z-index:11;
    background:#CECA83;
}

#sub7 {
    width: 140px;
    right: 0;
}

.menu table tr td ul li{
    background:#CECA83;
    border-top:1px solid #fff;
}

.menu table tr td ul li a{
    color:#5A60AE;
    padding:4px 10px;
    font-size:11px;
    text-align:left;
}

.menu table tr td ul li a:hover{
    background:#CECA83;
    color:#163d6d;
    margin-left: 1px;
}

.content{
    padding:0;
    border:0;
    overflow: auto;
}

.col-left{
    width:288px;
    float:left;
    background:url(/templates/baltstar_main/images/girl2.jpg) top right no-repeat;
    padding-top:25px;
}

.cl_fix {
    float:left;
    height:403px;
}

.col-left a{
    background:url(/templates/baltstar_main/images/left_ico_menu.jpg) left no-repeat;
    padding:0 0 0 25px;
    display:block;
    color:#000;
    text-decoration:none;
    margin:1px 0;
}

.col-left a:hover{
    background-color:#ffffff;
    color:#292f80;
}

.left_menu{
    width:183px;
    float:left;
}

.col_center{
    float:left;
    width:491px;
}
* html .col_center {
    /*padding-bottom:140px;*/
}
.title{
    margin:10px  0 20px 20px ;
}
.title img{
    float:left;
    margin-right:15px;

}
.title h1,h2{
    color:#2F2F2F;
    font-size:14px;
}
.col_center .text{
    padding:0 10px 0 50px;

}
.col_center .text a{
    color:#292f80;
}

.col-right{
    position: relative;
    float: left;
    width:205px;
    float:left;
    margin-top:50px;
    text-align: right;
}

.col-right img {
    margin: 10px 0;
    border: none;
}

.col-right-bot {
    text-align: right;
    padding: 10px;
}

.portfolio img{
    border:none;
    display:block;
}
.portfolio .top{
    background:url(/templates/baltstar_main/images/seif_top.jpg);
    height:53px;
}
.portfolio .down{
    background:url(/templates/baltstar_main/images/seif_bottom.jpg);
    height:48px;
}

/*end content*/
/*footer*/
.footer{
    height:91px;
    width:984px;
    margin:0 auto;
    margin-top: 20px;
    background:url(/templates/baltstar_main/images/ft_line.jpg) center repeat-x;
}

.ft_bg-contact{
    background:url(/templates/baltstar_main/images/ft_img_divan.jpg)  no-repeat;
    width:250px;
    height:91px;
    position:relative;
/*    float: left;*/
    margin: 0 0 0 675px;
}

.contact{
    width:202px;
    height:78px;
    text-align: center;
    padding: 4px 8px 0 24px;
}

.contact img{
vertical-align: middle;
position:relative;
}
.cnta{
padding:10px;
}
.addres{
position:relative;
margin: 20px 0 ;
}
.phone{
margin:6px 0 0 0;
}

/*clearfix*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/**//*\*/
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/**/
/*end clearfix*/




.brdw{
border:1px solid #fff;
}
.brdg{
border:1px solid green;
}
.brdb{
border:1px solid blue;
}
.bgcr{
background:red;
}
.mainprod
{
font-size:11px;
padding-left: 5px;
}
.mainprod a
{
font-size:12px;
background: none;
display: inline;
margin: 0;
padding: 0;
text-decoration: underline;
}
.mprod
{
overflow:auto;
overflow-y:scroll;
overflow-x:hidden;
height:217px;
font-size:11px;
width:190px;
}
.mprod a
{
font-size:12px;
text-decoration:underline;
color:#292F80;
background:none;
padding:0px;
}
.zag1
{
font-weight:normal;
font-size:12px;
padding-left:10px;
}