.top_article {float: left; padding: 13px; width: 605px; height: 272px; margin-left: 1px; background: url(../img/bg_top_article.jpg) no-repeat 0 0; }
.top_article .image_top {position: relative; width: 410px; height: 272px; float: left;}
.top_article .title {position: absolute; bottom: 0; left: 0; background-color: #fb660c; opacity: .8; filter: alpha(opacity=80); padding: 8px 20px; color: #fff; width: 370px;}
.top_article h2 {font-size: 220%; }
.top_article a {color: #fff; }
.top_article h2 a:hover {text-decoration: none;}

.top_article ul {float: left; width: 195px;}
.top_article ul li {padding: 2px 0 1px 0; background: url(../img/line_orange_d.gif) repeat-x 0 0;}
.top_article ul li.first {background-image: none;}
.top_article ul li a {color: #535967; font-weight: bold; display: block; padding: 6px 15px 6px 26px; background: url(../img/icons.gif) no-repeat 9px -212px; height:30px;}
.top_article ul li a.sel {color: #fff; background: url(../img/bg_top_sel.gif) no-repeat 0 0;}
.top_article ul li a.sel:hover {text-decoration: none;}

.ban_top {float: right; padding-right: 1px;}

.left_area {float: left; padding-left: 1px; width: 424px;}
/*
.titles {float: left; padding-left: 34px;}
.titles strong a {color: #535967;}
.titles strong a:hover  {text-decoration: none;}
.titles span {color: #c3d1d4; padding: 0 2px;}
.naj {background: url(../img/icons.gif) no-repeat 14px -296px;}
.left_area .line {background: url(../img/line_orange_d.gif) repeat-x 0 50%; clear: both; height: 18px;}
.articles {padding-left: 13px;}
.articles .image {float: left; border: 1px solid #b2cbd0; margin-right: 9px;}
.articles .info {float: left; width: 305px; padding-top: 2px;}
.articles .info h3 {font-size: 125%; }
.articles .info .date {padding-bottom: 2px;}
.articles .info .date span {color: #7bc4d2;}
.articles .info .date a {color: #535967; font-weight: bold;}
.articles .info .more {color: #427d90; font-weight: bold;}
.articles .line {background-image: url(../img/line_blue.gif);}
*/

.titles {float: left; padding-left: 34px; font-weight:bold;}
.titles a {cursor:pointer;}
.titles a:hover {text-decoration:underline;}
.titles a.act {color: #535967; font-weight:bold;cursor:text;}
.titles a.act:hover  {text-decoration: none;}
.titles span {color: #c3d1d4; padding: 0 2px;}
.naj {background: url(../img/icons.gif) no-repeat 14px -296px;}
.left_area .line {background: url(../img/line_orange_d.gif) repeat-x 0 50%; clear: both; height: 18px;}
.articles {padding-left: 13px; background: url(../img/bg_articles_sub2.gif) repeat-x 0 0; padding-top: 15px; width: 411px;}
.articles .image {float: left; border: 1px solid #b2cbd0; margin-right: 9px;}
.articles .info {float: left; width: 305px; padding-top: 2px;}
.articles .info h3 {font-size: 125%;}
.articles .info h3 a {color: #427d90;} 
.text a {color:#535967;}
.articles .info .date {padding-bottom: 2px; float: left; line-height: 15px;}
.articles .info .date span {color: #7bc4d2;}
.articles .info .date a {color: #535967; font-weight: bold;}
.articles .info .more {color: #427d90; font-weight: bold;}
.articles .icons {background: url(../img/line_v.gif) repeat-y 50% 0; padding: 2px 0 0 0; height: 15px; width: 78px; float: left;}
.articles .icons span {display: block; float: left; margin: 0 9px; _margin: 0 7px; width: 19px; height: 10px; padding: 0;}
.articles .icons span.video {background: url(../img/icons.gif) no-repeat 0 -1910px;}
.articles .icons span.novideo {background: url(../img/icons.gif) no-repeat 0 -1890px;}
.articles .icons span.foto {background: url(../img/icons.gif) no-repeat 1px -1869px;}
.articles .icons span.nofoto {background: url(../img/icons.gif) no-repeat 1px -1929px;}
.articles .line {background: url(../img/line_blue.gif) repeat-x 0 50%; clear: both; height: 24px;}

.left_area .ban {padding-bottom: 15px; text-align: right;}

.krasa {background: url(../img/icons.gif) no-repeat 14px -344px; padding-top: 12px;}
.left_area .wanda {float: right; margin-right: 10px; background: url(../img/logo_wandask.gif) no-repeat 0 0; width: 82px; height: 24px;}

.left_area .box {background: #fbfaf8 url(../img/bg_box_recepty.jpg) no-repeat 0 0; padding-top: 10px; margin-top: 10px;}

.left_area .box .recepty {float: left; width: 205px;}
.left_area .box .recepty h4 {margin-left: 14px; padding-left: 15px; background: url(../img/icons.gif) no-repeat 0 -456px;}
.left_area .box .recepty .line {background-image: url(../img/line_orange.gif);}
.left_area .box .recepty h3 {padding: 0 0 5px 14px; font-size: 115%;}
.left_area .box a {color: #535967;}
.left_area .box .recepty img {margin: 0 0 5px 14px;}
.left_area .box .recepty ul {padding: 7px 0px 5px 14px;}
.left_area .box .recepty ul li {padding: 2px 0 2px 13px; background: url(../img/icons.gif) no-repeat 0 -543px;}

.left_area .box .rady {float: right; width: 205px;}
.left_area .box .rady h4 {margin-left: 12px; padding-left: 15px; background: url(../img/icons.gif) no-repeat 0 -486px;}
.left_area .box .rady .line {background-image: url(../img/line_green.gif);}
.left_area .box .rady ul {padding: 0px 0px 5px 12px;}
.left_area .box .rady ul li {padding: 2px 0 2px 13px; background: url(../img/icons.gif) no-repeat 0 -603px;}

.right_area {float: right; padding-right: 1px; width: 520px;}
/*
.katalog {margin-bottom: 13px;}
.katalog h4 {float: left; margin: 0 0 0 9px; padding: 0 0 0 20px; color: #424650; background: url(../img/icons.gif) no-repeat 0 -356px;}
.katalog .add {float: right; margin: 1px 28px 0 0; font-size: 90%; font-weight: bold; padding-right: 10px; background: url(../img/icons.gif) no-repeat 100% -575px;}
.katalog .box {border: 1px solid #e9dbd0; padding-top: 9px; background: url(../img/bg_line_katalog.gif) no-repeat 0 9px; width: 518px;}
.katalog .box ul {float: left; padding-left: 17px; width: 100px;}
.katalog .box ul li {padding: 1px 0 1px 12px; width: 140px; background:url(../img/icons.gif) no-repeat 0 -545px;}
.katalog .box ul li a {display: block; width: 140px; font-size: 90%; color: #535967;}
.katalog .box .clear10 {background-color: #fff; height: 10px;}
*/
.katalog {margin-bottom: 13px;}
.katalog h4 {float: left; margin: 0 0 0 9px; padding: 0 0 0 20px; color: #424650; background: url(../img/icons.gif) no-repeat 0 -356px;}
.katalog .add {float: right; margin: 1px 28px 0 0; font-size: 90%; font-weight: bold; padding-right: 10px; background: url(../img/icons.gif) no-repeat 100% -575px;}
.katalog .box {border: 1px solid #e9dbd0; padding-top: 9px; width: 518px;}
.katalog .box div.boxdel{width:129px;float:left;}
.katalog .box ul {display:block; padding-left: 14px; padding-right: 15px; background: url(../img/bg_line_katalog.gif) no-repeat -172px 0;}
.katalog .box ul.first {background:none;}
.katalog .box ul li {padding: 1px 0 1px 12px; background:url(../img/icons.gif) no-repeat 0 -545px;}
.katalog .box ul li a {display: block; font-size: 90%; color: #535967;}
.katalog .box .clear10 {background-color: #fff; height: 10px;}