/**** Страница подборки ****/
#theme{width: 100%; margin: 0 0 0 20px;}
#theme .themebody{width: 960px;}

ya-unit-title{color: #000!important;}

#theme .themebody .tbleft{margin-top: 30px; margin-right: 30px;}
#theme .themebody .tbright{width: 300px; border-left: 1px solid #f2f2f2; padding-left: 20px;}

/* Пагинация рецептов */
.pagination{padding: 20px 20px 20px 0; background: #fff; text-align: left; margin-left: 37px; margin-top: 20px;}
.pagination .pageslist{display: inline-block; margin: 0 auto; height: 30px;}
.pagination a{display: block; float: left; font-size: 16px; padding: 5px; margin: 0 3px; text-decoration: none; border-radius: 0px; cursor: pointer!important;}
.pagination a:hover{background-color: #1c3b83; color: #fff;}
.pagination .currentpage{background-color: #1c3b83; color: #fff;}
.pagination .navpage{height: 22px; width: 90px; opacity: 0.8; background-color: #ccc; color: #333!important;  cursor: pointer!important; height: 20px; border-radius: 5px; text-align: center;}
.pagination .navpage:hover{background-color: #f2f2f2!important; opacity: 1;}

/* Описание подборки*/
#theme .themebody .themedescription{position: relative; margin-top: 30px; font-size: 16px; line-height: 20px; width: 97%;}
#theme .themebody .themedescription .showmore{color: #0a4882; border-bottom: 1px dashed #0a4882; cursor: pointer;}
#theme .themebody .themedescription .moreinfo{margin: 0 0 0px 5px; padding-bottom: 10px; }
#theme .themebody .themedescription .moreinfo h2{color: #555; font: 16px Tahoma; text-transform: none;}
#theme .themebody .themedescription .moreinfo{margin-top:20px;}
#theme .themebody .themedescription .moreinfo a{padding-right:20px; float: left; display: block;}

/* Подборки в рубрике */
.themeslistcontainer{margin:10px auto; padding:0;}
.themeslistcontainer h2{font-size: 24px;}
.themeslist{margin:0;padding:0;}
.themeslist a {font:normal 14px sans-serif; text-decoration: none; color:#888; display: block; width: 100px; min-height: 150px; padding: 7px 7px 7px 5px; text-align: center;}
.themeslist a img{width: 90px; height: 90px; margin: 0 auto; overflow: hidden; border-radius: 50%; border: 15px solid #fff; box-shadow: 0 0 10px #ccc;}
.themeslist a .tlcounter{display: block; font-size: 12px; margin: 10px auto 5px auto;}
.themeslist a .tlname{display: block; color: #333;}


/* Фильтр */
.rheader{border: 2px solid #fff; position: relative; font-size: 16px; text-align: left; margin: 5px 0; width: 620px; box-shadow: 0 0 10px #ccc; padding: 25px 0; border-radius: 3px;}
.rheader .rhinfo{width: 265px; text-align: right; float: left; margin: 0 15px 0 15px; margin-top: 17px;}
.rheader .rhinfo p{margin: 0; font-size: 14px; color: #555;}
.rheader .rhfilter{width: 310px; float: left; margin-left: 15px;}
.rheader .rhfilter .rhfheader{font-size: 14px!important; margin: 0 0 5px 0; padding: 0px; color: #555;}
.rheader .rhfilter select{font-size: 16px; text-indent: 5px; color: #000;filterscontainer border: 5px solid #fff; outline: #ccc solid 2px; outline-offset: 1px; background-color: #fff; width: 100%; cursor: context-menu!important;}

/* быстрый поиск */
.fastsearch{margin: 0 auto 20px auto;}
.fastsearch .fsloader{display: none;}
.fastsearch .fsloader img{width: 100px;}
.fastsearch input{color: #0A2D75; text-align: left; font-size: 16px; padding: 10px; width: 570px; margin-left: 12px; background-color: #fff; border-radius: 0; border: 1px solid #999;}
.fastsearch input::-webkit-input-placeholder {color: #2959BA; font-size: 16px;} 
.fsrecipes{}
.fsrecipes .fsnumresults{color: green; margin: 0 0 3rem 0; font-size: 3rem;}
.fsrecipes .fsnoresults{color: red; margin: 0 0 3rem 0; font-size: 3rem;}

/* фильтры - рубрики */
.filterscontainer{margin: 50px 0 30px 0; box-shadow: 0 0 10px #ccc; width: 604px; border-radius: 3px; padding: 20px 10px;}
.filterscontainer h2{margin: 0 0 0 20px;}
.filters{padding: 20px 15px;  background-color: #fff;}
.filters .sfmorebutton{display: block; float: left; margin: 0 5px 5px 0; font-size: 14px; text-decoration: underline; color: #333; border-radius: 5px; background-color: #f2f2f2; cursor: pointer;}
.sectionfield{clear: both; margin: 0 0 10px 0;}
.filters h2{font-size: 20px; font-weight: normal; margin: 0 0 10px 0;}
.filters h3{font-size: 16px; font-weight: normal; margin: 0 0 10px 0!important;}
.filters span{display: block; margin: 0 0 15px 0; font-size: 18px; font-weight: normal; color: #333;}
.filters .fbutton{display: block; float: left; margin: 0 5px 5px 0; padding: 10px; text-decoration: none; color: #fff; border-radius: 5px; font-size: 14px;}
.filters .fbuttongreen{background-color: #41C681; color: #fff;}
.filters .fbuttongreen:hover{background-color: #114207;}

.rightrsya1, .rightrsya2{padding-top: 60px; margin: 0 auto;}

/* Реклама справа от похожих ссылок */
.topadv{width: 300px; background-color: #f2f2f2; font-size: 30px; color: #ccc; text-align: center; line-height: 600px;}

/*Таблицы*/
#theme .tbl1{margin: 10px 0; border-collapse: collapse; border-spacing:0px; width: 350px;}

#theme .tbl1 tr td
{
  border-collapse: collapse;   
  border: 1px solid #8f7255;
  padding: 3px;
}

#theme .tbl1 tr td:first-child
{
  width: 100px;
}


#theme .tbl1 tr:first-child
{
  background-color: #ffeec9;
    font-weight: bold;
}

#theme .tbl1 tr td:first-child
{
  min-width: 150px;
}


#theme .ok{margin:10px;padding:0;list-style:none;}
#theme .ok li{background:url('/images/ico-ok.png') left top no-repeat;padding:0 0 0 30px;margin:5px 0 5px 10px; min-height: 24px;
}

.themescommentscontainer{}
.themescommentscontainer h2{font-size: 28px;}
.themescommentscontainer .tcclist{width: 615px; padding: 20px; box-shadow: 0 0 30px #ccc;}
.themescommentscontainer .tcclist .tcllobj{}
.themescommentscontainer .tcclist .tcllobj .tclloleft{width: 100px; float: left;}
.themescommentscontainer .tcclist .tcllobj .tclloleft img{width: 70px; border-radius: 70px; display: block; margin: 0 auto;}
.themescommentscontainer .tcclist .tcllobj .tclloleft .tcllolname{display: block; text-align: center; margin: 10px auto; font-size: 16px; font-weight: bold;}
.themescommentscontainer .tcclist .tcllobj .tclloright{width: 400px; float: left; margin-left: 30px;}
.themescommentscontainer .tcclist .tcllobj .tcllormore{width: 15px;}



/* Вывод рецептов */
.fsrecipes{padding: 0; margin: 30px 0;}
.fsrecipes h2{font-size: 24px!important;}
.fsrecipes .resultsnum{margin: 0 0 30px 0; padding: 0; font-size: 14px; font-style: italic;}
.fsrecipes .recblockwide {position: relative; width: 615px; overflow: hidden; margin: 0 20px 30px 0; border: 2px solid #fff; box-shadow: 0 0 30px #ccc;}
.fsrecipes .recblockwide:hover {border: 2px solid #ccc; transition: 0.3s;}

.fsrecipes .recblockwide .recblockwideleft{width: 250px; float: left;}
.fsrecipes .recblockwide .recblockwideleft .preimage {width: 100%;}

.fsrecipes .recblockwide .recblockwideleft .addtofavorit{background-color: #FFD042; margin: 20px 0 0 0; text-align: center; padding: 10px; color: #000; font-size: 16px; cursor: pointer;}
.fsrecipes .recblockwide .recblockwideleft .addtofavorit:hover{background-color: #FFBF19; transition: 0.3s;}

.fsrecipes .recblockwide .recblockwideleft .openrecipe{display: block; background-color: #223B7E; margin: 2px 0 0 0; text-align: center; padding: 10px; color: #fff; font-size: 16px; cursor: pointer; text-decoration: none;}
.fsrecipes .recblockwide .recblockwideleft .openrecipe:hover{background-color: #2D4FAC; transition: 0.3s;}

.fsrecipes .recblockwide .info {width: 340px; margin: 0 0 0 20px; float: left;}
.fsrecipes .recblockwide .info .header {margin: 20px 0 5px 0;}
.fsrecipes .recblockwide .info .header a{font-size: 20px; color: #000; text-decoration:  none; line-height: 24px; text-align: center;}
.fsrecipes .recblockwide .info .header a:hover{text-decoration: underline;}
.fsrecipes .recblockwide .info .description{font-size: 14px; line-height: 18px; margin-top: 15px; color: #555; text-shadow: 1px 1px 2px #fff;}
.fsrecipes .recblockwide .info .ingredients{margin-top: 20px; color: #777; line-height: 12px; font-size: 11px;}
.fsrecipes .recblockwide .info .ingredients p{ margin: 2px 0;}
.fsrecipes .recblockwide .info .ingredients strong{font-weight: normal;}
.fsrecipes .recblockwide .info .ingredients h3{font: bold 12px sans-serif; margin: 0;}

.recblockwideadv{width: 600px; margin: 5px 0 5px 40px; float: left;}
.fsrecipes .recblockwide .video {position: absolute; top: 10px; right: 10px;}
.fsrecipes .recblockwide .rbwbottom{position: relative; border-top: 1px solid #f2f2f2; width: 95%; height: 60px; margin: 20px auto 0 auto;}

.fsrecipes .recblockwide .rbwbottom .rtvegetarian{color: #fff; background: #aebc12 url('/images/vegan-icon.png') 5px center no-repeat; background-size: 12px;}
.fsrecipes .recblockwide .rbwbottom .rtvegan{color: #fff; background: #40a608 url('/images/vegan-icon.png') 5px center no-repeat; background-size: 12px;}
.fsrecipes .recblockwide .rbwbottom .rtraw{color: #fff; background: #03b961 url('/images/vegan-icon.png') 5px center no-repeat; background-size: 12px;}

.fsrecipes .recblockwide .rbwbottom .recipedifficult {float: left;  margin: 20px 5px 0 5px; width: 20px; height: 20px; font-size: 11px; border-radius: 2px; text-shadow: 1px 1px 1px #3f7612;}
.fsrecipes .recblockwide .rbwbottom .rd1{color: #fff; background: #5ea22b url('/images/difficult-icon.png') 5px center no-repeat; background-size: 10px;}
.fsrecipes .recblockwide .rbwbottom .rd2{color: #fff; background: #92a928 url('/images/difficult-icon.png') 5px center no-repeat; background-size: 10px;}
.fsrecipes .recblockwide .rbwbottom .rd3{color: #fff; background: #d1c500 url('/images/difficult-icon.png') 5px center no-repeat; background-size: 10px;}
.fsrecipes .recblockwide .rbwbottom .rd4{color: #fff; background: #c2891a url('/images/difficult-icon.png') 5px center no-repeat; background-size: 10px;}
.fsrecipes .recblockwide .rbwbottom .rd4{color: #fff; background: #d93d00 url('/images/difficult-icon.png') 5px center no-repeat; background-size: 10px;}

.fsrecipes .recblockwide .rbwbottom .energy{background:url('/images/energy-icon-32-black.png') left center no-repeat; background-size: 20px 20px; float: left; height: 20px; margin: 20px 5px 0 25px; padding: 0 0 0 27px;}
.fsrecipes .recblockwide .rbwbottom .comments{background:url('/images/comments-icon-32-black.png') left center no-repeat; background-size: 20px 20px; float: left; height: 20px; margin: 20px 5px 0 25px; padding: 0 0 0 27px;}
.fsrecipes .recblockwide .rbwbottom .favorits{background:url('/images/favorit/recipebook-64.png') left center no-repeat; background-size: 16px 16px; float: left; height: 20px; margin: 20px 5px 0 25px; padding: 0 0 0 27px; }

.fsrecipes .recblockwide .rbwbottom .author{position: absolute; top: 22px; right: 10px; display: inline-block; text-align: left; font-size: 14px; color: #333; background: url('/images/chef-icon-black-32.png') left 2px no-repeat; background-size: 12px 12px; padding: 0 0 0 18px;}

.rbwbestrecipe{font-size: 12px; padding: 3px 10px 3px 25px; display: inline-block; background-color: #C4FF04; position: absolute; left: 15px; top: 5px; color: #3305B1; border-radius: 3px; box-shadow: 0 0 5px #000; min-height: 16px; border: 1px solid #fff;}
.rbwbestrecipe img{display: block; position: absolute; left: -10px; top: -3px; width: 30px; height: 30px;}
.recblockwide .info .header{margin-bottom: 20px!important;}

.themesmenu{padding: 20px 0;}

.ticontainer{width: 624px; margin: 30px 0 0 0;}
.infoblock{box-shadow: 0 0 10px #ccc; border-radius: 3px; padding: 20px; margin: 20px 0;}
.infoblock ul{margin: 0 0 0 15px; padding: 0;}
.infoblock h2{margin: 0 0 10px 0;}

.howtolinksright{margin-top: 20px; border-top: 1px solid #f2f2f2; padding: 10px 0;  border-top: 1px solid #f2f2f2;}
.howtolinksright h2{font-size: 20px; width: 95%; margin: 0 auto 10px auto;}
.howtolinksright .htlobj{display: block; width: 95%; text-align: left; margin: 0 auto 30px auto; clear: both;}
.howtolinksright .htlobj img{border-radius: 3px; width: 50px; margin-right: 3%; display: block; float: left;}

.howtolinksbottom{}
.howtolinksbottom h2{}
.howtolinksbottom .htlobj{display: block; width: 44%; margin-right: 2%; text-align: center; margin-bottom: 15px; border: 1px solid #ddd; padding: 15px 11px; box-shadow: 0 0 10px #ccc; float: left; border-radius: 3px; min-height: 280px;}
.howtolinksbottom .htlobj img{border-radius: 3px; width: 90%; display: block; margin: 0 auto 10px auto;}

.rectglink{display: block; border-top: 1px solid #f2f2f2; padding: 10px 0;}
.rectglink img{width: 300px;}

.shareblock{width: 95%; margin: 0 auto 20px auto; border-bottom: 1px solid #f2f2f2; padding-bottom: 20px;}
.shareblock .sbheader{color: #000; font-size: 18px; margin-bottom: 10px;}
.shareblock .sbdescription{color: #999; font-size: 14px; line-height: 14px; margin-bottom: 15px;}

.morelinks{}
.morelinks a{display: inline-block; padding: 13px; background-color: #01C0EE; text-align: center; text-decoration: none; border-radius: 7px; color: #fff; cursor: pointer; margin: 2px 2px 4px 0;}
.morelinks a:hover{background-color: #0652C1; color: #fff;}
.morelinks .mlgreen{background-color: #8ACA3F!important;}
.morelinks .mlgreen:hover{background-color: #267A02!important;}
.morelinks .mlpink{background-color: #DE67DA!important;}
.morelinks .mlpink:hover{background-color: #710471!important;}
.morelinks .mlbraun{background-color: #56342F!important;}
.morelinks .mlbraun:hover{background-color: #4D170F!important;}


.showvideo{cursor: pointer; padding-left: 40px; display: block; font-size: 16px; text-decoration: underline; line-height: 40px; border-radius: 3px; margin: 10px 0 10px 10px; color: #000; background: url('/images/play-button-white-128.png') left center no-repeat; min-height: 30px; background-size: 30px auto;}
.showvideo span{opacity: 0.8;}

/*  Кнопка добавления подборки в книгу рецептов*/
#recpanel{margin: 0 0 25px 2%;padding: 0; color: #333; width: 90%;}
#recpanel li{cursor: pointer; margin: 0 0 5px 0;font-size: 14px; list-style: none; height: 30px; line-height: 20px; background-size: 10px 10px; padding: 10px 0 0 25px;text-decoration: underline; border-radius: 5px;}
#recpanel li a{color: #333;font-size: 14px;text-decoration: underline;}
#recpanel #favorit{background: #1096ED url('/images/recipe/addfavorid-plus.png') 10px center no-repeat; background-size: 25px 25px; padding-left: 45px; color: #fff; text-decoration: none;}
#recpanel #favorit:hover{background-color: #0B2FA0;}
#recpanel .favoritinbook{background-image: url('/images/recipe/addfavorit-inbook.png')!important; background-color: #0B2FA0!important;}

.ratingfavorit{font-size: 16px; margin: -10px 0 20px 2%;}
.ratingfavorit span{display: inline-block; text-align: center; border-radius: 5px; padding: 5px; background-color: #555; color: #fff; font-size: 18px;}
.ratingfavorit a{color: #555;}

.scomments{margin: 40px 0 50px 41px;}
.scomments h2{font-size: 28px; margin: 0 0 10px 0;}
.scomments .answerfield{width: 600px; height: 250px; padding: 10px; font-size: 16px;}
.scomments .sendanswer{background-color: #1B6DFF; color: #fff; padding: 10px 20px; font-size: 18px; cursor: pointer; text-align: center; border-radius: 5px; margin-top: 10px; text-decoration: none; display: inline-block;}
.scomments .sendanswer:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}
.scomments .scommentslist{margin-top: 30px;}
.scomments .rlobj{padding: 20px 0; border-bottom: 1px solid #f2f2f2;}
.scomments .rlobj:last-child{border-bottom: none!important;}
.scomments .rlobj .rlouser{float: left; width: 80px;}
.scomments .rlobj .rlouser .uavatar{width: 80px; border-radius: 80px;}
.scomments .rlobj .rlouser .rlouname{text-align: center; margin-top: 10px;}
.scomments .rlobj .rlotext{float: left; width: 500px; color: #333; margin-left: 20px;}
.scomments .rlobj .rlotext .rloanswer{padding: 10px 5px; border-radius: 5px; background-color: #f2f2f2; margin-top: 10px; color: #777;}
.scomments .rlobj .rlotext .rloreaction{display: block; width: 150px; margin-top: 10px;}