* { margin: 0px; padding: 0px; outline: 0px none; font-size: 13pt; }
html, body { min-height: 100%; width: 100%; }
img { border: 0px none; }
table { border-spacing: 0px; border-collapse: collapse; }
html, body { height: 100%; }
body { padding: 0px; margin: 0px; color: rgb(74, 74, 74); background: none repeat scroll 0% 0% rgb(236, 252, 255); font-family: tahoma}
a { color: rgb(51, 102, 153); text-decoration: none; }
a:hover { text-decoration: underline; }
.cl { overflow: hidden; clear: both; height: 0px; }
#wrapper { width: 100%; min-height: 100%; }
#layout { min-width: 1000px; padding-bottom: 120px; }
#footer { height: 120px; margin-top: -120px; background: url('images/footer.jpg') repeat-x scroll 0% 0% transparent; position: relative; }
#footer p { font-size: 12px; }
#footer a { font-size: 12px; }
#header { height: 354px; }

.b-header-top { height: 9px; background: url('images/header-top.jpg') repeat-x scroll 0% 0% rgb(20, 100, 170); overflow: hidden; }
.b-header-block { height: 344px; width: 100%; background: url('images/header-block.jpg') repeat-x scroll 0% 0% transparent; position: relative; }
.b-el-left { position: absolute; top: 0px; left: 0px; width: 679px; height: 239px; background: url('images/el-left.png') no-repeat scroll 0% 0% transparent; }
.b-el-right { position: absolute; top: 0px; right: 0px; width: 536px; height: 345px; background: url('images/el-right.png') no-repeat scroll 0% 0% transparent; }
.b-logo { position: absolute; top: 107px; left: 4%; }
.b-desc { position: absolute; top: 20px; left: 140px; font-family: Arial; color: rgb(0, 89, 41); white-space: nowrap; height: 200px; }
.b-desc-small { font-size: 18px; margin-bottom: 10px; margin-left: 15px; }
.b-desc-large { font-size: 30px; line-height: 100%; text-transform: uppercase; }
.b-phones { position: absolute; bottom: 50px; left: 1%; margin-left: 90px; }

.b-phones-inner {font-family: tahoma; margin-left: 56px; font-size: 14px; color: rgb(52, 126, 184); font-weight: bold;}
.b-phones-inner u {font-family: tahoma; font-size: 16px; color: rgb(52, 126, 184); text-decoration:underline;}


.b-menu { height: 43px; background: url('images/menu.png') repeat scroll 0% 0% transparent; position: absolute; bottom: -1px; left: 0px; width: 100%; }
.menu { margin: 0px; padding-top: 11px; list-style: none outside none; width: 100%; display: table; table-layout: fixed; }
.menu li { display: table-cell; text-align: center; white-space: nowrap; border-right: 1px solid rgb(86, 159, 218); }
.menu li a { font-size: 14px; font-weight: bold; color: White; line-height: 24px; height: 24px; }
.tbl { width: 100%; }
.b-main-block { margin-top: 35px; }

.center-cols { margin: 0px; }
.left-cols img {width:220px;}

.col1 { margin: 0px 10px 10px 22px; }
.col2 { margin: 0px 10px 10px 0px; }
h1, .con_heading { color: rgb(55, 55, 55); font-size: 18px; font-weight: normal; margin-bottom: 26px; }

.name_box { color: rgb(55, 55, 55); font-size: 18px; font-weight: normal; margin: 5px 0px 26px -5px; background-color:#ecfcff; padding:10px; border: 1px solid #8678dd; border-radius: 4px}

.b-submenu { margin: 0px 10px 10px 15px; list-style: square outside none; color: rgb(139, 199, 53); }
.b-submenu li { border-bottom: 1px dashed rgb(167, 169, 170); margin-top: 11px; padding-bottom: 11px; }
.b-submenu li a { display: inline-block; font-size: 14px; font-weight: normal; }
.b-maincontent ul, .b-maincontent ul li, .b-maincontent p { padding-bottom: 25px; font-size: 14px; }


.f-col1 { position: absolute; top: 35px; left: 40px; color: rgb(127, 126, 126); }
.f-col2 { position: absolute; top: 35px; left: 600px; color: rgb(127, 126, 126); }
.f-col2 a  {text-decoration:underline;}
.f-col2 a:hover {text-decoration:none; color: #b4abee;}
.f-col2 b {font-size:12px;}
.f-col3 { position: absolute; top: 35px; right: 20px; width: 235px; color: rgb(127, 126, 126); }


.conten { margin: 10px; }
.conten p { color: rgb(131, 131, 131); font-family: tahoma; font-size: 14px; padding: 5px; }
.conten a { color: rgb(116, 79, 200); font-family: tahoma; font-size: 14px; text-decoration: underline; }
.catalog { padding: 0px 0px 0px 2px; margin-left: 10px; }



.cart { color: rgb(5, 128, 190) ! important; font-size: 14px; padding: 5px;}

.name_cat { color: rgb(109, 71, 221); font-family: tahoma; font-size: 16px; padding: 10px; margin: 20px; }

.anons td.left { padding: 7px; }
.anons td { padding-left: 10px; padding-bottom: 10px;}
.anons .cell { width: 180px; padding-top: 7px; background: url('images/bgcell.png') no-repeat scroll left top transparent; }
.anons .cell .bottom { width: 180px; padding-bottom: 7px; background: url('images/bgcell.png') no-repeat scroll right bottom transparent; }
.anons .cell .center { padding-top: 3px; padding-bottom: 3px; width: 180px; background: url('images/bgcell.png') repeat-y scroll center center transparent; text-align: center; }
.anons .cell p { font-size: 11px; font-weight: normal; height: 27px; letter-spacing: 0px; color: rgb(255, 102, 102); margin-top: 3px; margin-bottom: 2px; }
.anons .cell img { height: 98px; margin-top: 15px; margin-bottom: 15px;}
.anons .cell .price { font-size: 14px; color: rgb(51, 153, 0); text-decoration: none; font-weight: bold;}
.anons .cell .buy { display: block; margin-left: auto; margin-bottom: 15px; margin-right: auto; height: 24px; width: 51px; font-size: 12px; line-height: 24px; padding-left: 29px; text-decoration: none; color: rgb(255, 255, 255); margin-top: 13px; background: url('images/buy.png') no-repeat scroll left bottom transparent; }
.anons .cell .buy:hover { background: url('images/buy.png') no-repeat scroll left top transparent; }
.anons .cell .foto { display: block; }

.block-sidebar {margin: 0px 10px 10px 16px;}
.block-sidebar p { font-size: 14px;}


.top-tab {background: #e6e3f6; margin: 10px 20px 10px 10px; padding: 5px 10px 30px 0;}
.top-tab a {font-size: 14px; text-decoration: underline; text-align: left;}
.top-tab a :hover {text-decoration: none;}
.top-tab p { font-size: 18px; text-decoration: underline; margin: 10px; padding: 10px;}

.page { margin:10px;}
.page  h1{font-size: 20px; color:#695cb5; margin: 5px 5px 15px 10px;}




.content-post { padding-left: 5px; background-color: #e6e3f6; }
.content-post p { color: rgb(127, 127, 127); font-family: tahoma; font-size: 14px; margin: 5px;}
.content-post a { font-family: tahoma; font-size: 14px; }
.content-post h2 { color: #695cb5; font-family: tahoma; font-size: 18px; padding: 10px 10px 10px 10px; text-align: center;}
.content-post h3 { color: #695cb5; font-family: tahoma; font-size: 16px; padding: 10px 10px 10px 10px;}

.content {font-family: tahoma; font-size: 12px; margin:20px;}

.comment-name { color: #695cb5; font-family: tahoma; margin: 20px 10px 20px 40px; padding: 10px; }

.comment { padding: 5px 10px 5px 15px; background: #e6e3f6; margin: 15px 0px 15px 0;}
.comment:before, .comment:after { content: none; }
.comment p { font-family: tahoma; font-size: 12px; margin: 5px 10px 5px 0px; }
.comment span { font-family: tahoma; font-size: 12px; }


.article { padding: 5px 10px 5px 15px; background: #e6e3f6;  margin: 15px 0px 15px 0;}
.article:before, .article:after { content: none; }
.article p { font-family: tahoma; font-size: 12px; margin: 5px 10px 5px 0px; }
.article span { font-family: tahoma; font-size: 12px; }
.article a { font-family: tahoma; font-size: 12px; float: right;}


.lozung p {color: rgb(211, 4, 24); margin-top: 0px; margin-right: 0px; margin-left: 0px; font-size: 16px; font-family: Tahoma,Arial; font-weight: bold; letter-spacing: 0px; }


/* =========================================
   PAGE-AREA на ПК — как центральная колонка
   ========================================= */

/* ячейку не центрируем */
.td-pagearea {
    text-align: left;

}

/* ведём себя как .col2 */
.page-area {
    margin: 10px 40px 10px 300px;   /* такой же margin как у .col2 */
    width: auto;
    max-width: none;
    box-sizing: border-box;
}


.page-area p {
    padding: 0px;}