.header-menu-item-hover {
  background: white;
  color: black;
}
body {
  font-size: 16px;
  background-color: #D1CFBA;
  padding: 0;
  margin: 0;
  background: url(../img/bg.jpg);
  font-family: 'Open Sans', sans-serif;
}
.limit {
  max-width: 960px;
  margin: 0 auto;
  display: block;
}
.clr {
  clear: both;
}
header{
  background: url(../img/site.jpg) no-repeat;
  background-position: center 0;
  margin: 0 auto;
}
.nav_men {
  float: right;
  margin-top: -20px;
  padding-right: 50px;
}
.a1 {
  background-color: #F7EFA0;
  text-transform: uppercase;
  color: #000;
  padding: 3px 5px;
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  -webkit-box-shadow: 2px 0 2px 0 #000;
  box-shadow: 2px 0 2px 0 #000;
  font-weight: 600;
  cursor: pointer;
}
.fl_r {
  float: right;
  margin: 23px 51px 0 0;
}
.fl_r input {
  background: transparent;
  border: none;
}
.inner_bg {
  max-width: 950px;
  margin: 0 auto;
  padding-top: 57px;
  position: relative;
}
.logo_text {
  position: absolute;
  font-family: 'Pattaya', sans-serif;
  font-size: 60px;
  left: 194px;
  top: 82px;
}
.logo {
  display: block;
  border: 0;
  text-decoration: none;
}
.logo img {
  border: 0;
}
main .content {
  display: inline-block;
  width: 67%;
  vertical-align: top;
}
main .content .imageCont {
  text-align: center;
  margin: 10px auto;
}
main .content .imageCont img {
  vertical-align: middle;
  display: inline-block;
  max-width: 300px;
}
main .content .text h2 {
  font-size: 25px;
  margin-bottom: 10px;
}
main .sidebar {
  display: inline-block;
  width: 28%;
  float: right;
  vertical-align: top;
  text-align: justify;
}
main .sidebar .imageCont img {
  border: none;
  width: 100%;
}
main {
  padding-top: 10px;
}
.imageInText.top {
  max-width: 100%;
  display: block;
  margin: 0 auto 10px;
}
.imageInText.left {
  float: left;
  max-width: 300px;
  margin: 5px 10px 0 0;
}
.imageInText.right {
  float: right;
  max-width: 300px;
  margin: 5px 0 0 10px;
}
.imageInText.center {
  display: block;
  margin: 10px auto;
  max-width: 100%;
}
.commentView {
  display: none;
}
main #facebook {
  box-sizing: border-box;
  margin-top: 20px;
  font-family: Arial;
}
main #facebook .avatar {
  width: 32px;
  height: 32px;
  float: left;
}
main #facebook .writeComment {
  box-sizing: border-box;
}
main #facebook .writeComment:before,
main #facebook .writeComment:after {
  content: '';
  display: table;
  clear: both;
  width: 100%;
}
main #facebook .writeComment .form {
  box-sizing: border-box;
  padding-left: 40px;
}
main #facebook .writeComment .form input {
  display: block;
  padding: 7px 5px;
  border: 1px solid #9a9a9a;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
}
main #facebook .writeComment .form .inscription {
  font-size: 10px;
  color: #ccc;
}
main #facebook .commentsList:before,
main #facebook .commentsList:after {
  content: '';
  display: table;
  clear: both;
  width: 100%;
}
main #facebook .commentsList .commentItem {
  box-sizing: border-box;
  margin: 10px 0;
}
main #facebook .commentsList .commentItem .commentBody {
  padding-left: 40px;
  font-size: 14px;
  line-height: 16px;
}
main #facebook .commentsList .commentItem .commentBody .username {
  color: #3b5998;
  font-weight: 600;
}
main #facebook .commentsList .commentItem .commentBody .commentAction a {
  color: #3b5998;
  text-decoration: none;
}
main #facebook .commentsList .commentItem .commentBody .commentAction .circle {
  font-size: 7px;
  position: relative;
  top: -2px;
  padding: 0 5px;
}
main #facebook .commentsList .commentItem .commentBody .commentAction .likeImage {
  position: relative;
  top: 8px;
  width: 25px;
  height: 25px;
}
main #facebook .commentsList .commentItem .commentBody .commentAction .likeCount {
  color: #ccc;
}
main #facebook .commentsList .commentItem .commentBody .commentAction .time {
  color: #ccc;
}
main #facebook {
  display: block;
}
.limit {
  padding-top: 0;
  background: url(../img/nb.jpg);
}
header .mobileMenu {
  display: none;
}
.icon {
  margin-top: 40px;
  height: 60px;
}
.icon img {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.icon .block_twit {
  width: 80px;
  height: 63px;
  background: url(../img/twi.png) no-repeat;
  background-position: left top;
  display: inline-block;
  vertical-align: top;
  margin-left: 40px;
  margin-top: -20px;
  cursor: pointer;
}
.icon .block_twit:hover {
  background-position: left bottom;
  height: 66px;
}
.block_r {
  float: right;
  padding-right: 40px;
}
.text {
  padding-left: 20px;
}
.sidebar {
  padding-right: 20px;
}
.ctr {
  text-align: center;
}
.ctr_r {
  font-weight: 600;
  text-align: right;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
}
.scoli {
 border-left: solid 6px #FEF78F;
 padding-left: 10px; 
}

.ctr_ima {
  display: block;
  margin: 10px auto;
  max-width: 500px;
}

.ctr_ima2 {
  display: block;
  margin: 10px auto;
  max-width: 450px;
}

li {
  list-style-type: none;
}
.footer {
  text-align: center;
  padding: 10px 0;
  font-size: 12px;
}
#cat {background: transparent url(../img/cats.png) no-repeat top center; height: 45px; margin: 0 0 0 -10px; }
#cat h2 {color:#676789; padding: 12px 0 0 67px;font-size: 18px;}

.sidebar ul, .sidebar ul ol {
  margin: 0; list-style-type:none;
  padding: 0; 
  margin-top: 10px;
}

.sidebar ul li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 5px; margin-top: 4px;
}


.sidebar ul li .sloce:hover {text-decoration:none; background: #fdf8fb; cursor: pointer;}

.sidebar ul p, .sidebar ul select {
  margin: 5px 0 8px;
}

.sidebar ul.catmenu li .sloce {font-size: 14px; font-weight: bold; color: #737082; font-family:Georgia,Arial; display: block; width: 210px; height:26px; border: none; padding-left: 5px; padding-top: 8px; border-bottom: 1px dashed #e6ddf3; }

.sidebar ul.catmenu li .sloce:hover {background: #F7F4FC; }

.sidebar ul.catmenu li {
  list-style-type: none; padding-left: 40px; 
  list-style-image: none; display: block; margin: 0; margin-bottom: 1px; height:34px;
}

.sidebar li.cat-style {background: url(../img/style.png) no-repeat; }
.sidebar li.cat-food {background: url(../img/food.png) no-repeat; }
.sidebar li.cat-health {background: url(../img/health.png) no-repeat; }
.sidebar li.cat-fit {background: url(../img/fit.png) no-repeat; }
.sidebar li.cat-misc {background: url(../img/misc.png) no-repeat; }
.sidebar li.cat-beauty {background: url(../img/beauty.png) no-repeat; }
.sidebar li.cat-methods {background: url(../img/methods.png) no-repeat left 2px; }


#tabbed {padding: 20px 0 17px 0;width: 258px; background: transparent url(../img/tabs_bottom.png) no-repeat left bottom; margin: 0 0 15px;}
#tabs {font-size: 12px;padding:10px 20px 5px 15px; margin-top: -7px; background: transparent url(../img/tabbed.png) repeat-y;}

.sidebar ul.idTabs {
  display:inline; margin-left: 1px;
  float:left; width: 257px;
  font-size:12px;  font-family:Georgia,Arial; font-size: 1.4em; 
  font-size: 15px;
}

.sidebar ul.idTabs li {
  display:inline;
  float:left; 
  
}
.sidebar ul.idTabs li a {border: none; color: #67506c;}
.sidebar ul.idTabs li a:hover {background: none;}

.sidebar li.popular {text-align: center;}
.sidebar li.popular .porto2 {width: 125px; height: 29px; display: block; background: url(../img/tab.png) no-repeat bottom left; padding: 12px 0 0 0;} 
.sidebar li.popular .porto2.selected {color: #8d7590; background: url(../img/tab.png) no-repeat bottom left;}
.sidebar li.popular .porto2.selected:hover {background: url(../img/tab.png) no-repeat bottom left !important;}


.sidebar li.newposts {text-align: center;}
.sidebar li.newposts .porto2 {width: 125px; height: 29px; display: block; background: url(../img/tab.png) no-repeat left top; padding: 12px 0 0 0;} 
.sidebar li.newposts .porto2.selected {color: #8d7590; background: url(../img/tab.png) no-repeat bottom left;}
.sidebar li.newposts .porto2:hover {background: url(../img/tab.png) no-repeat top left !important;}
.sidebar li.newposts .porto2.selected:hover {background: url(../img/tab.png) no-repeat bottom left !important;}


.sidebar li.recents {width: 80px;} 


.sidebar ul.wppp_list li {
  padding-left: 17px;
  border-bottom:1px dashed #e6ddf3;
  margin:0;
  display:block;
  background: transparent url(../img/li_popular.png) no-repeat left center;
}
.sidebar ul.wppp_list li .porto1 {
  display:block; color:#666; padding:5px; 
}
.sidebar ul.newposts li .porto {
  display:block; color:#666; padding:5px; 
}
.sidebar ul.wppp_list li a:hover {color: #333; display:block; text-decoration: none; background: #FAF2FA; }


.sidebar ul.newposts li {
  list-style-type: none; 
  list-style-image: none;
  padding-left: 17px;
  border-bottom:1px dashed #e6ddf3;
  margin:0;
  display:block;
  background: transparent url(../img/li_popular.png) no-repeat left center;
}
.sidebar ul.newposts li a {
  display:block; color:#666; padding:5px; 
}

.sidebar ul.newposts li a:hover {color: #333; display:block; text-decoration: none; background: #FAF2FA;}
.ctr2 a {
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  padding: 10px 20px;
  border-radius: 6px;
  background: linear-gradient(to top, #F50052, #F786AF);
  border: solid 1px #F50052;
  margin: 10px auto;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
}
.ctr2 {
  text-align: center;
}
.ctr2 a:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.nav_men .burg {
  display: none;
}
.nav_men .burg img {
  max-width: 30px;
}
@media only screen and (max-width: 950px) {
  .fl_r {
    display: none;
  }
  .block_r {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 900px) {
  main .sidebar {
    display: none;
  }
  .logo {
    position: relative;
    transform: none;
  }
  main .content {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
  header .menu {
    display: none;
  }
  header a {
    text-decoration: none;
  }
  header .mobileMenu {
    display: block;
    color: #000000;
    font-size: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    padding-left: 20px;
  }
  .text {
    padding-left: 0;
  }
  .limit {
    background: #fff;
  }
  .podpis {
    display: none;
  }
  .inner_bg {
    height: 150px;
  }
  .a1 {
    display: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .nav_men .burg {
    display: block;
  }
  .nav_men {
    margin-top: -45px;
          width: 100%;
    padding-right: 0;
    text-align: center;
  }
  .logo_text {
    font-size: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 300px;
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .ctr_ima, .ctr_ima2 {
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .imageInText.left,
  .imageInText.right {
    float: none;
    display: block;
    max-width: 300px;
    margin: 10px auto;
  }
  h1 {
    font-size: 22px;
  }
    .commentsList{
        padding-left: 0;
    }
}
@media screen and (max-width: 410px) {
  main .commentsCont .line-2 .sort {
    display: none;
  }
  .commentsCont .login {
    display: none;
  }
  main .commentsCont .line-3 .bodyCont textarea {
    font-size: 15px;
  }
  main .content .imageCont img {
    width: 100%;
  }
}
.rel {
    position: relative;
}

.rel span {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}
.rel span:nth-child(2) {
    top: 10px;
}
.rel span:nth-child(3) {
    top: 50%;
}