/****************************************************************
 * @file: index.css
 * @author: Webway IT Labs, 2008
 * СМЕЩЕНИЕ ШАПКИ -10
 */

/* =Reset */
@import url("wwcss/reset.css");

/* =Layout  ВОТ ЗДЕСЬ СМЕЩЕНИЕ ШАПКИ*/
@import url("wwcss/layout_gor_1str.css");

/* =Base */
@import url("wwcss/base.css");


/* ГДЕТО ЗДЕСЬ ФОН*/
body{
    background:#fff url(../img/bg-main.jpg) repeat-x 0 0;
    color:#575757;
    font:normal 67.5%/140% Tahoma, Helvetica, sans-serif;
	 /* это размер шрифтаfont:normal 62.5%/140% Tahoma, Helvetica, sans-serif;*/
}

a{
    color:#575757;
    font-size:1em;
    text-decoration:none;
}

h1{
    color:#ea3940;
    font-size:1.7em;
    font-weight:bold;
    margin:15px 0 22px;
    line-height: 100%
}
h2,h3,h4{}
/* ГДЕТО ЗДЕСЬ ФОН*/
.titlemy1 {font-size:11px; margin-bottom:2px; color:#62828E;}

/* а это регуляция всего меню p{
    font-size:1em;
    margin:0.6em 0 0.8em;
}

это смещение по вертикали промежуточков ul{ 
    padding:.5em 0 .8em;
}
ul li{
    list-style:square;
    margin:0 0 .6em 3.3em;
}*/

input{
    color:#575757;
    font-size:1em;
}
input.text{
    background-color:#fff;
    border:0 solid #a5494d;
    border-left-width:1px;
    border-top-width:1px;
}

#outside{
    background:transparent url(../img/_trees.png) repeat-x 30% 183px;
    //background-position:30% 240px;
    font-size:1.1em;
    width:100%;
}

/* =GRAPHS========================== */
.hphone{
    background-image:url(../img/h-phone.png);
    width:146px;
    height:59px;     
}
.hasearch{
    background-image:url(../img/h-asearch.png);
    width:94px;
    height:25px; 
}
.hnews{
    background-image:url(../img/h1-news.png);
    width:65px;
    height:13px; 

}

/* =ICONS========================== */
.arrowed{
    background:url(../img/ico-arrow.png) no-repeat 0 0.39em;
    padding-left:13px;
}

.ico-home,
.ico-mail{
    background-image:url(../img/ico-hm.png);
    width:11px;
    height:10px;
}
.ico-home{ background-position:0 0; }
.ico-mail{ background-position:right 0; }

/* =CLASSES========================== */
/* ==round-block */
.rblock{
    background:transparent 0 0;
    min-height:50px;
    -height:50px;
    width:164px;
}
.rblock .t,
.rblock .c,
.rblock .b{ width:164px; }

.rblock .t{
    background:transparent url(../img/rblock-t.png) no-repeat 0 0;
    height:15px;
}
.rblock .b{
    background:transparent url(../img/rblock-b.png) no-repeat 0 bottom;
    height:8px;
}
.rblock .c{
    background:transparent url(../img/rblock-c.png) repeat-y 0 0;
}

.rblock208{
    background:transparent 0 0;
    min-height:50px;
    -height:50px;
    width:208px;
}

.rblock208 .t208,
.rblock208 .c208,
.rblock208 .b208{ width:208px; }

.rblock208 .t208{
    background:transparent url(../img/rblock-t208.png) no-repeat 0 0;
    height:15px;
}
.rblock208 .b208{
    background:transparent url(../img/rblock-b208.png) no-repeat 0 bottom;
    height:8px;
}
.rblock208 .c208{
    background:transparent url(../img/rblock-c208.png) repeat-y 0 0;
}

.rblock .wt,
.rblock .wc,
.rblock .wb{ width:350px; }

.rblock .wt{
    background:transparent url(../img/rblock-wt.png) no-repeat 0 0;
    height:15px;
}
.rblock .wb{
    background:transparent url(../img/rblock-wb.png) no-repeat 0 bottom;
    height:8px;
}
.rblock .wc{
    background:transparent url(../img/rblock-wc.png) repeat-y 0 0;
}

.rblock .c .tube .wc .c208{
    margin:0 3px;
    padding-bottom:8px;
}
/* ===red (round-block) */
.rred .t{
    background:transparent url(../img/rblock-t-red.png) no-repeat 0 0 !important;
    height:19px;
}
.rred .c{
    background:#e94f55 url(../img/rblock-c-red.png) no-repeat 0 100% !important;
    color:#fff;
}
.rred .c form{
    display:block;
    padding:12px 14px 30px;    
}
.rred .c form label{
    float:left;
    clear:left;
    padding-top:0.2em;
    width:25px;
}
.rred .c form input.text{
    font-size:1.1em;
    width:92px
}

.submit{
    background:transparent url(../img/bg-submit-l.png) no-repeat 0 0;
    border:none;
    /*display:inline-block;*/
    float:left;
    display:inline;
    height:1%;
}
.submit input.submit{
    background:transparent url(../img/bg-submit-r.png) no-repeat 100% 0;
    color:#0c0c0c;
    cursor:pointer;
    display:block;
    float:none !important;
    margin:0 0 0 6px;
    padding:0 12px 0 6px;
    height:19px;
    width:auto;
}

/* ===func-item */
.func-item{
    display:block;
    padding-top:10px;
}
.func-item .foo{
    background:transparent url(../img/rblock-foo.png) no-repeat 0 0;
    display:block;
    width:164px;
    height:89px;
    position:relative;top:0px;left:0px;
    margin-top:-89px;
}
.func-item .foo span{
    display:block;
    padding:38px 61px 5px 11px;
}

/*  ГДЕТО  ДО ЗДЕСЬ =IDS========================== */
#hd{
    background:transparent url(../img/bg-navi.png) repeat-x 0 0;
}
#logo{
    background:#d6d6d6 url(../img/bg-logo.png) no-repeat 0 0;
    height:40px;width:210px;
}
#logo img{ 
    position:relative;
    top:2px; 
}

/* ==navigation эти тютюльки за позиционирование текстов панели отвечают*/
#navigation td{
    background:transparent url(../img/bg-navi-item.png) no-repeat 0 0;
    padding:10px 20px 12px;
    text-align:center;
}
#navigation td.first-child{ background-image:url(../img/bg-navi-item-first.png) }
#navigation .grapher{
    margin:0 auto;
    height:13px;
}
#navigation .empty{ background:none !important;padding:0 !important;width:2%; }

#bd{
    background:transparent url(../img/bg-land.png) no-repeat 0 bottom;
    padding-bottom:36px;
}

#bd0{
    background:transparent url(../img/bg-land0.png) no-repeat 0 bottom;
    
}

/* ==workarea */
/* ===marks (menu) */
#workarea #marks{
    padding-top:10px;
}
#workarea #marks table{
    border-collapse:collapse;
    border-width:0 !important;
    width:100%;
}
#workarea #marks td{ border-collapse:collapse; }
#workarea #marks .empty{
    margin:0;
    padding:0;
    width:2%;
}

#workarea #marks a,
#workarea #marks .active{
    background:transparent no-repeat center 0;
    color:#4f4f4f;
    display:block;
    min-width:35px;
    -width:45px;
    text-align:center;
    text-decoration:none !important;
    background-image:url(../img/ico-sq-a.png);
}

#workarea #marks a span,
#workarea #marks span span{
    background:transparent url(../img/ico-sq-p.png) no-repeat center bottom;
    display:block;
    padding:35px 0 20px;
}

#workarea #marks a:hover span,
#workarea #marks a:active span,
#workarea #marks .active span,
#workarea #marks span span{
    background-image:url(../img/ico-sq-a.png);
}

/*#workarea .col-3{
    background:transparent url(../img/bg-content.png) no-repeat 0 0;*/
 /*   background:transparent url(../img/bg-vcontent.png) no-repeat 0 0;
}
 это полосочка справа #workarea .col-3 .r{
    background:transparent url(../img/bg-vcontent.png) no-repeat right 0;
}*/
#workarea .col-3 a{color:#4f4f4f}
#workarea .col-3 a:hover{
    text-decoration:underline;
}

#func .shb{
    left:28px;
    margin-top:10px;
    width:200px;
}

/* ==news */
#workarea #news.col-w{
    background:transparent url(../img/bg-news.png) no-repeat 0 5px;
}
#workarea #news.col-w h1{
    position:relative;
    margin:-35px 0pt 20px 262px
}
#workarea #news .col-33{
    background:transparent url(../img/vert-separator.png) no-repeat 100% 0;
}
#workarea #news div.last-child{ background:none; }

#workarea #news .col-33 a{
    display:block;
    margin:0 13px;
}
#workarea #news .col-33 a .date{
    color:#d71e24;
    font-size:0.9em;
    font-weight:bold;
    display:block;
}
#workarea #news .col-33 a img{
    background:transparent no-repeat 0 100%;
    float:left;
    margin:-6px 14px 0.1em 0;
}

/* ===news-all */
#workarea #news .col-33 #news-all{
    margin-top:1.5em;
}
#news-all,
#news-all a{
    color:#d71e24;
}

#workarea #adve{ background:none; }

/* ==sub-menu */
#sub-menu{
    background-color:#dedede;
    margin:7px auto;
    width:164px;
}
#sub-menu .c{
    padding:18px 0 8px 0;
}
#sub-menu ul{
    margin:0 25px 0 33px;
}
#sub-menu li{
    margin:0 0 9px 0;
}
#sub-menu a{
    color:#575757;
}
#sub-menu a:hover,
#sub-menu a:active,
#sub-menu span{
    background:url(../img/ico-arrow.png) no-repeat 0 0.39em;
    padding-left:13px;
    color:#cd030b;
}

/* ==sub-menu208 */
#sub-menu208{
    background-color:#dedede;
    margin:7px auto;
    width:208px;
}
#sub-menu208 .c{
    padding:18px 0 8px 0;
}
#sub-menu208 ul{
    margin:0 25px 0 33px;
}
#sub-menu208 li{
    margin:0 0 9px 0;
}
#sub-menu a{
    color:#575757;
}
#sub-menu a:hover,
#sub-menu a:active,
#sub-menu span{
    background:url(../img/ico-arrow.png) no-repeat 0 0.39em;
    padding-left:13px;
    color:#cd030b;
}

#auto-search form .hasearch,
#auto-search form p.submit{
    margin-left:25px;
}
#auto-search form p.submit{ margin-top:10px; }
#auto-search form p{
    margin:0 0 6px 0;
}

/* =#ft */
#ft{
    background-color:#dedede;
    height:108px;
}
#ft .copyright,
#ft .webway{
    margin-top:10px;
}
#ft .webway{ text-align:right;margin-right:2em; }
#bo-adv a{
    padding:0 8px 8px 0;
}
#bo-navi{
    margin:2px 0 0;
}
#bo-navi .grapher{
    /*display:inline-block;*/
}
#bo-navi li{
    padding:10px 0 10px;
    margin-left:21px;
    float:left;
    display:inline;

}
#bo-navi li.first-child{
    background:transparent url(../img/vert-w-separator.png) no-repeat right center;
    padding-right:21px;
    margin:0;
}