@media print
{
  .hladanie{display: none}
  #top_menu{display: none}
  .feedback{display: none}
  .fb-like{display: none}
  .adsense300{display: none}
  .noprint{display: none}

  #detailRecept .photodetail{
    top:5px;
    min-height: 150px;
    /*    width:150px; */
    float:right;
    margin-right: 5px;
  }
  a:link:after, a:visited:after {
    content: "";
  }
  td.foodName{
    width: 300px;
  }

  #clanok{
    margin-right: 0px;
  }

}

@media screen{  
  body, div, p, input, textarea, td, th {}
  body {
    margin:0;
    padding:0;
    position:relative;
    overflow-y: scroll;
    background-color: #ffffff;
  }
  img{
    border: none;
  }
  .nad{
    background-color: red;
  }

  .foodName{
    position: relative;

  }
  .row{
    margin-bottom: 5px;
  }
  
  h1{font-size: 30px !important;}
  h2{font-size: 26px !important;}
  
  body.recepty .modal-body, body.potraviny .modal-body{
    padding: 0px;
  }
}

@media screen and (min-width: 992px) {
  #maindiv {
    width: 990px;
    margin:0 auto 0 auto;
    text-align:left;
  }
  #rightpanel{
    width: 300px;
    position: absolute;
    top: 10px;
    right: 0;
  }

  #content-obal{width: 980px; margin: 0px auto; position: relative; padding-top: 10px;min-height: 850px;}
  .hlavicka .stred{ margin: 0px auto; width: 980px;}
  .sekcia .stred{  margin: 0px auto; width: 980px;}
  .hlavicka{
    position: relative;
    width: 100%;
    background-color: #FFFFFF;
    height: 83px;
    margin-top: 0px;
  }
  .hlavicka .menu-container{
    float: right;
    margin-top: 15px !important;
  }

  ul#menu-top-menu{
    margin-top: 2px;
  }

  ul#menu-top-menu>li{
    display: block;
    float: left;
    height: 35px;
    margin-right: 5px;
    padding: 0px 10px;

  }

  ul#menu-top-menu li a{
    color: #000000;
    display: block;
    line-height: 35px;
    font-size: 18px;
    text-decoration: none;
  }

  #clanok {
    min-height: 520px;
    overflow: auto;
  }

  #top_menu{
    height: 30px;
    background-color: #F05A28;
  }

  ul.menu_zalozky{
    height: 30px;
    margin: 0px 0px 5px 0px;
    padding-left: 2px;
    font-size: 15px;
  }
  ul.menu_zalozky li {
    display: block;
    float: left;
    height: 30px;
    margin-right: 5px;
    padding: 0px 10px;      
  }

  ul.menu_zalozky li:hover{
    background-color: #e00A00;
  }

  ul.menu_zalozky li.selected{
    /*    background:url('menu-sipka.png');*/
    background-position: bottom center;
    background-repeat: no-repeat;
  }

  ul.menu_zalozky li a {
    display: block;
    line-height: 30px;
    color: #ffffff;
  }


  #footer-obal{
    width: 990px;
    margin: 0px auto;
    padding-left: 10px;
  }

  .kategoria {
    float: left;
    border: 1px solid #ffffff;
    position: relative;
    width: 30%;
    height: 90px;
    margin-right: 10px;
  }

  .detailFood .photo{
    /*background:url('food-detail-bg-1.png') no-repeat 0px 0px;*/
    overflow:hidden;
    width: 150px; 
    min-height: 150px;
    float: right; 
  }
  #addFoodForm,#addFoodFormRecipe {
    margin:0 0 10px 0;
    display:block;
    background:#FEF3F0;
    border-top:solid 1px #E8E8E8;
    border-bottom:solid 1px #F59374;
    padding: 13px 10px 13px 10px;
  }
  #detailRecept .photodetail{
    top:5px;min-height: 150px;
    float:right;
    margin-right: 5px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #maindiv {
    width: 100%;
    margin:0 auto 0 auto;
    text-align:left;
  }

  #content-obal{width: 100%; margin: 0px auto; position: relative; padding-top: 10px;min-height: 400px;}
  .hlavicka .stred{ margin: 0px auto; width: 100%;}
  .sekcia .stred{
    margin: 0px auto; width: 100%;

  }
  .hlavicka{
    position: relative;
    width: 100%;
    background-color: #FFFFFF;
    height: 50px;
    margin-top: 0px;

  }

  .hlavicka .menu-container{
    float: right;
    margin-top: 5px !important;
  }
  ul#menu-top-menu{
    margin-top: 2px;
  }

  ul#menu-top-menu>li{
    display: block;
    float: left;
    height: 35px;
    margin-right: 5px;
    padding: 0px 10px;

  }

  ul#menu-top-menu li a{
    color: #000000;
    display: block;
    line-height: 35px;
    font-size: 18px;
    text-decoration: none;
  }


  #rightpanel {
    width: 100%;
    padding: 0px 5px 5px 5px;
    display: none;
  }

  #clanok {
    width: 100%;
min-height: 520px;
    padding-right: 2px;
    padding-left: 2px;
    background-color: #ffffff;
  }

  #top_menu{

    background-color: #F05A28;
  }

  ul.menu_zalozky{
    /*height: 30px;*/
    margin: 0px 0px 5px 0px;
    padding-left: 2px;
    font-size: 15px;
  }
  ul.menu_zalozky li {

    height: 30px;
    margin-right: 5px;
    padding: 0px 10px;      
  }

  ul.menu_zalozky li:hover{
    background-color: #e00A00;
  }

  ul.menu_zalozky li.selected{
    /*    background:url('menu-sipka.png');*/
    background-position: bottom center;
    background-repeat: no-repeat;
  }

  ul.menu_zalozky li a {
    display: block;
    line-height: 30px;
    color: #ffffff;
  }

  #header>.hladanie {
    /*  float: right;
      height: 30px;
      margin: auto 40px auto 0;
      line-height: 30px;*/
    display: none;
  }
  .feedback{
    display: none;
  }

  #footer-obal{
    width: 100%;
    margin: 0px auto;
    padding-left: 10px;
  }
  .pridajItem, .adsense300, .fb-page, #addFoodForm,#addFoodFormRecipe{
    display: none;
  }
  .kategoria {
    float: left;
    border: 1px solid #ffffff;
    position: relative;
    width: 30%;
    height: 90px;
    margin-right: 10px;
  }
  .detailFood .photo{
    /*    background:url('food-detail-bg-1.png') no-repeat 0px 0px;*/
    overflow:hidden;
    width: 150px; 
    min-height: 150px;
    /*float: right;*/ 
  }
  #detailRecept .photodetail{
    top:5px;min-height: 150px;
    /*    width:150px; */
    /*  float:right;*/
    margin-right: 5px;
  }
}

@media screen  AND (max-width: 767px) {

  #content-obal{width: 100%; margin: 0px auto; position: relative; padding-top: 10px;min-height: 400px;}
  .hlavicka .stred{ margin: 0px auto; width: 100%;}
  .sekcia .stred{ margin: 0px auto; width: 100%;}
  .sercia.footer .row{width: 100%}

  .hlavicka{
    position: relative;
    width: 100%;
    background-color: #FFFFFF;
    height: 50px;
    margin-top: 0px;
  }
  .hlavicka .menu-container{
    float: right;
    margin-top: 5px !important;

  }
  #clanok {
    width: 100%;
min-height: 520px;
    padding-right: 2px;
    padding-left: 2px;
    background-color: #ffffff;
  }

  #rightpanel {
    display: none;
  }


  ul#menu-top-menu{
    margin-top: 2px;
  }

  ul#menu-top-menu>li{
    display: block;
    float: left;
    height: 35px;
    margin-right: 5px;
    padding: 0px 10px;

  }

  ul#menu-top-menu li a{
    color: #000000;
    display: block;
    line-height: 35px;
    font-size: 18px;
    text-decoration: none;
  }

  td[id*="_fat"], td[id*="_sugar"], td[id*="_protein"]{
    display: none;
  }

  th[class*="fat"], th[class*="sugar"], th[class*="protein"]{
    display: none;
  }

  .pridajItem, .adsense300, .fb-page, #addFoodForm,#addFoodFormRecipe{
    display: none;
  }

  .kategoria {
    float: left;
    border: 1px solid #ffffff;
    position: relative;
    width: 100%;
    height: 90px;
    margin-right: 10px;
  }
  .detailFood .photo{
    /*    background:url('food-detail-bg-1.png') no-repeat 0px 0px;*/
    overflow:hidden;
    width: 150px; 
    min-height: 150px;
    /*float: right;*/ 
  }
  #detailRecept .photodetail{
    top:5px;min-height: 150px;
    /*    width:150px; */
    /*  float:right;*/
    margin-right: 5px;
  }

  #side-bare-search-menu{
    display: none;
  }
}

@media screen{  
  #clanok{
    overflow: auto;
    min-height: 520px;
  }
  a{    
    text-decoration: none;
    color: black;
    /*  font-size: 13px;*/
  }

  #mainbody {
    padding: 0;
    margin: 20px 0 0 0 ;
  }



  /*  h1{
      color: #F29127;
      margin-top: 0px;
    }*/

  /* Hlavicka */
  #header {
    /*    border: none;
        height:87px;
        margin:0;
        padding:0;*/
    /*        background:url('top-stred.png') no-repeat 320px 0;*/

  }
  #header h1 {
    /*    margin:0;
        padding: 5px 0 5px 0;*/
  }
  #header div#top-logo {
    /*    margin:0;
        padding: 20px 0 0 0;*/
  }
  #header div#top-logo a img {
    /*    border: none;*/
  }

  #header .logo{
    /*    float:right;
        padding: 1px 0 0 0;
        border: none;
        width: 220px*/

  }

  .logo a img{
    border: none;
  }


  /* box pred prihlasenim ------------------------------*/
  .loginBox {
    font-size:12px;
    color:#333333;
    float:right;
    margin:0;
    padding: 45px 0 0 0;
  }
  .loginBox form {
    margin:0;
    padding:0;
    display:block;
  }
  .loginBox #lf_mail, .loginBox #lf_password {
    height:30px;
    font-size:13px;
    line-height:30px;
    padding:0;
    border: solid 1px #F0F0F0;
    color:#999999;
    width:140px;
  }
  .loginBox #lf_login {
    /*  line-height:20px;
      height:20px;
      width:20px;
      margin:0;
      padding:0;
      border:none;
      background:url('top-login.png') no-repeat 0px 3px;*/
  }
  .loginBox a {
    color:#F15A2B;
    font-size:11px;
  }

  /* box po prihlaseni ------------------------------*/
  .userBox {
    font-size:11px;
    color:#666666;
    float:right;
    width:185px;
    text-align:left;
    padding: 45px 0 0 0;
    line-height: 18px;
  }
  .userBox em {
    font-size: 16px;
    line-height: 24px;
    font-weight:normal;
    font-style:normal;
    display:block;
  }
  .userBox a {
    color:#F15A2B;
  }

  /* rightpanel ------------------------------------------------------------------------------------------------*/

  dev#menu_tags a {

  }
  a.menu_tag_1{
    font-size: 13px !important;
    text-decoration: underline !important;
  }
  a.menu_tag_2{
    font-size: 15px !important;
    text-decoration: underline !important;
  }
  a.menu_tag_3{
    font-size: 17px !important;
    text-decoration: underline !important;
  }
  a.menu_tag_4{
    font-size: 19px !important;
    text-decoration: underline !important;
  }
  a.menu_tag_5{
    font-size: 21px !important;
    text-decoration: underline !important;
  }
  .menu_tag_6{
    font-size: 18px !important;
    text-decoration: underline !important;
  }
  .menu_tag_7{
    font-size: 19px !important;
    text-decoration: underline !important;
  }
  .menu_tag_8{
    font-size: 20px !important;
    text-decoration: underline !important;
  }
  .menu_tag_9{
    font-size: 21px !important;
    text-decoration: underline !important;
  }
  .menu_tag_10{
    font-size: 22px !important;
    text-decoration: underline !important;
  }


  .infobox{
    padding: 0 .7em;
    min-width:300px;
    height:22px;
    position:absolute;
    top:0px;
    /*    font-size:12px;*/
    display: none;  

  }




  /* mainbody -------------------------------------------------------------------------------------------- */


  #mainbody table {
    border-collapse:collapse;
    font-size: 13px;
  }
  /*#mainbody a{
      text-decoration: none;
      color: black;
      font-size: 13px;
  }*/
  /*    div#mainbody ul{
          padding-bottom: 0px;
          padding-top: 0px;
          margin-left: 0px
      }
      div#mainbody ul li{
          list-style-type:circle;
          padding-bottom: 5px;
          padding-left: 0px;
          font-size:13px;
      }*/
  #mainbody h3 {
    margin-bottom: 2px;
    /*    font-size:18px;*/
  }
  #mainbody p {
    /*    font-size:15px;*/
    margin-top:5px
  }
  div#mainbody h4{
    /*    font-size:15px;*/
  }

  /* Oddelovac pata - ciara */
  .cB { clear:both; height:1px; overflow:hidden;
  }


  /* PATA ----------------------------------------------------------------------------------------------------------*/

  #footer-body-obal{
    width: 100%;
    background-color: #DDDDDD;
  }



  #footer {
    font-size:11px;
    text-align: left;
    color:#aaaaaa;
    padding: 3px 0 15px 0; }
  #footer a {
    font-size:11px;
    color:#656565;
  }

  /* stranka Reristrovat / tlacidlo registracia ----------------------------------------------------------------------------------------------------------*/
  #registration {
    /*  color: #FFFFFF;
      font-size: 15px;
      font-weight: bold;
      line-height:20px;
      height:35px;
      width:122px;
      margin:0;
      padding:0;
      border:none;
      background:url('btn-reg.png') no-repeat 0px 3px;
      cursor:pointer*/
  }
  #lf_login {
    /*  color: #FFFFFF;
      font-size: 15px;
      font-weight: bold;
      line-height:20px;
      height:55px;
      width:122px;
      margin:0;
      padding:0;
      border:none;
      background:url('btn-login-v.png') no-repeat 0px 3px;
      cursor:pointer*/
  }

  /* END stranka Registrovat / tlacidlo registracia ----------------------------------------------------------------------------------------------------------*/




  #mainbody #clanok p{
    /*    font-size:14px;*/
  }
  #mainbody #clanok h2, #mainbody #clanok h2 a{
    /*    color:#000000;*/
    /*    font-size:17px;*/
    /*    margin-bottom: 0px;*/
  }

  #mainbody #clanok h2 a {
    /*text-decoration: underline;*/
  }

  #mainbody #clanok h3{

    /*    font-size:15px;*/
    /*    margin-bottom: 0px;*/
  }
  #mainbody #clanok ul, ol{
    /*    list-style-type:disc;
        font-size:13px;
        padding-bottom: 3px;
        padding-top: 0px;*/
  }
  #mainbody #clanok ol li{
    /*    font-size:13px;*/
    padding-bottom: 3px;
    padding-top: 3px;
  }
  #mainbody #clanok a.linka, a.linka:hover {
    text-decoration:underline;
    color:#f15a2b;
  }

  #mainbody #clanok td {
    /*    font-size:13px;*/
  }
  #mainbody #clanok a.l_active{
    color:#f15a2b;
    /*    font-size:17px;*/
    margin-bottom: 10px;
  }
  #mainbody #clanok a.l_pasive{

    /*    font-size:15px;*/
    margin-bottom: 0px;
  }
  #mainbody #clanok #tags a {
    /*    font-size:13px;*/
    color:#f15a2b;
    padding-bottom: 3px;
    padding-top: 3px;
  }
  #mainbody #clanok #tags a:hover {
    text-decoration:underline;
  }

  #mainbody #clanok img.obsah {
    border: 1px solid #cccccc;
    padding:2px;
    margin:0px 5px 0px 0px;
  }

  img.alignleft{
    float: left;
    margin-right: 10px;
  }

  img.size-full{
    width: 100%;
  }

  .foodtableholder{
    padding-top: 5px;
  }


  .foodTable .foodTableActiveLineActive td {
    background-color:#D2D2D2; 
    color:#222222;
    /*    cursor: pointer;*/

  }

  .speciBoxik .edit { background:#dddddd; float:left; padding: 1px 3px 1px 3px; }
  div#mainbody .speciBoxik .remove:link, div#mainbody .speciBoxik .remove:visited, div#mainbody .speciBoxik .remove:hover { background:red; color:white; float:left; padding: 0px 4px 0 4px; font-weight:bold;font-size:16px;line-height:18px; }

  div#mainbody .foodTable { border-collapse:separate; width: 98% }
  div#mainbody .foodTable td a { font-size:inherit; color:inherit; }
  div#mainbody h3.foodTableName, .h3_0 { color:#F15A2B; font-size: 17px; font-weight:normal; padding: 0 0 0px 0; height: 30px }

  .foodTable td { background: #F7F7F7; padding: 2px 3px 2px 3px; color:#666666; font-size:12px; }
  .foodTable td i { font-style: normal; }
  .foodTable td a { font-size:inherit; color:inherit; text-decoration:none }
  .foodTable td.hideHour { border-top:none; }
  .foodTable td.hideHour i { visibility:hidden; }
  .foodTabl td.hideHour i { visibility:hidden; }
  .foodTabl td.foodName a.btn {padding: 0 !important};
  .foodTable thead th { background-color:#F2F2F2; color: #666666; padding: 2px 3px 2px 3px; font-size:13px; }
  .foodTabl thead th { background-color:#F2F2F2;}
  .foodTable tfoot th { background-color:#F2F2F2; color: #666666; padding: 2px 3px 2px 3px; font-size:13px; }
  .foodTabl tfoot th { background-color:#F2F2F2; }
  .foodTable tfoot th.foodTable_ok { background:#D1EFD1; }
  .foodTable tfoot th.foodTable_notice { background:#FFEFCF; }
  .foodTable tfoot th.foodTable_warning { background:#FFD4D4; }
  .foodTable tbody tr {height: 23px}
  .foodTable .c{
    text-align:center;
  }
  .foodTable .r{
    text-align:right;
  }

  .foodTable .l{
    text-align:left;
  }

  .foodindaystats{
    padding: 5px 0 0px 5px;
    color:#777777;
  }

  .menu {
    padding: 5px 5px 5px 5px;
    background-color: #F15A2B;
    display: none;
    width: 200px;
    -moz-box-shadow: 0 0 5px #ffb163;
    -webkit-box-shadow: 0 0 5px #ffb163;
    box-shadow: 0 0 5px #ffb163;
    position:absolute; 
  }

  .menu a {
    color: #ffffff !important;
    line-height: 25px;
    vertical-align: middle;
    display: block;
    padding-left: 5px;
  }
  .menu a:hover {    
    background-color: #000
  }

  .b_pridaj, .b_menu {
    /*    display: none;    */
  }

  #ajaxLoader {
    background: url('ajax-loader.gif') no-repeat top left;
    width:32px;
    height:32px;
  }
  .layerTop { 
    text-align:left;
    background:transparent;
    padding: 0;
    margin:0;
    line-height:1px;
    height:1px;
  }
  .layerTop div { 
    right:14px;
    top:15px;
    position:absolute;
    height:20px; 
    line-height:20px; 
    width:20px; 
    text-align:center;
    background:black;
    color: white;
    font-size:20px;
    font-weight:normal;
    cursor:pointer !important;
    cursor:hand;
    z-index:999 }
  .layerBody { 
    border: solid 5px #5F5F5F;
    line-height:16px;
    padding: 0;
    background:white;
  }

  /* Nahlad receptu a jedla */
  .detailFood{
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
  }





  .detailFood .photo150{        
    width: 150px; 
    height: 150px;    
  }
  .detailFood .photo35{        
    width: 35px; 
    height: 35px;    
  }

  #form_foodInDay form, .form0 {
    margin:0;
    display:block;
    background:#FEF3F0;
    border-top:solid 1px #E8E8E8;
    border-bottom:solid 1px #F59374;
    padding: 13px 10px 13px 10px;
  }

  #detailFood #foodSummary {
    float:left;
  }
  #detailFood #foodDescription {
  }
  #detailFood #foodLayerBody, #detailRecept #foodLayerBody {
    padding: 0 10px 0px 10px;
  }
  #detailFood .foodEAN {
    padding: 5px 0 5px 5px;
  }
  #detailFood .foodEAN b {
    font-size:16px; font-weight:normal;
  }
  .foodPicture {
    /*    background:url('food-detail-bg-1.png') no-repeat 0px 0px;*/
    overflow:hidden;
    width: 150px; 
    min-height: 150px;
    float: left;        
  }
  .table0 {
  }
  .table0 td, .table0 th {
    background:#F4F4F4;
    padding: 2px 3px 2px 3px;
    font-size:11px;
    color: #666666;
  }

  #detailRecept .photodetail .photo{
    width:150px; height:150px; border: solid 1px #cccccc;
  }
  
  .ico-layer-obal{
    position: absolute;
    top: 3px;
    right: 0px;
  }

  /* BMI kalkulacka */
  #BMIcalc {
    border:black solid 1px;
    padding: 10px 10px 10px 10px;
  }

  .remove { -webkit-border-radius: 2px; }
  /*****/

  /* registracia na titulke                                   */
  .title_reg {
    border-top: 1px solid green;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 30px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }

  .c_cena span{
    color: #158508;
    font-size:30px;
  }

  /* categorie / potraviny, moje/potraviny, recepty, moje/recepty                                     */
  div.category1 ul{
    list-style-type: none !important;
    list-style-position: inside;
    padding-left: 0px;
    margin: 10px 0px
  }

  div.category1 li{
    float: left;
    height: 20px;
  }
  div.category1 ul a{
    padding-right: 5px;
    padding-left: 5px;
    display: block;
  }
  div.category1 ul a.c_bold {
    font-weight: bold;
  }

  /* zalozky                                        */
  ul#tabnav { /* general settings */
    text-align: left; /* set to left, right or center */
    margin: 1em 0 0 0; /* set margins as desired */
    font: bold 12px verdana, arial, sans-serif; /* set font as desired */
    border-bottom: 1px solid #f15a2b; /* set border COLOR as desired */
    list-style-type: none;
    padding: 0px 10px 0px 0px !important; /* THIRD number must change with respect to padding-top (X) below */
  }
  ul#tabnav li { /* do not change */
    display: inline;
  }

  #tabnav.tab1 li.tab1, #tabnav.tab2 li.tab2, #tabnav.tab3 li.tab3, #tabnav.tab4 li.tab4 { /* settings for selected tab */
    border-bottom: 1px solid #fff; /* set border color to page background color */
    background-color: #fff; /* set background color to match above border color */

  }

  #tabnav.tab1 li.tab1 a, #tabnav.tab2 li.tab2 a, #tabnav.tab3 li.tab3 a, #tabnav.tab4 li.tab4 a { /* settings for selected tab link */
    background-color: #fff; /* set selected tab background color as desired */
    color: #000; /* set selected tab link color as desired */
    position: relative;
    top: 1px;
    padding-top: 4px; /* must change with respect to padding (X) above and below */
  }
  ul#tabnav li a { /* settings for all tab links */
    padding: 0px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #f15a2b; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #fff; /* set unselected tab background color as desired */
    color: #000; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
  }
  ul#tabnav a:hover { /* settings for hover effect */
    background: #f15a2b; /* set desired hover color */
    color:white;
  }
  ul#tabnav a.active {
    background-color: #f15a2b;
    color:white;
  }

  .icon-laye{
    float:right;
    position:relative;
    display: none;
    cursor: pointer;
  }

  .c_active{
    display: block;
  }

  .feedback{
    position:fixed;
    right:0;
    bottom:0;
    z-index: 500;
  }

  .feedback a {
    display:block;
    height:20px;
    width:150px;
    text-align:center;
    background:#F15A2B;
    border:2px solid #fff;
    outline:1px solid #a1a1a1;
    padding:5px;
    float:right;
    cursor:pointer;
    /*Font*/
    color:#FFF;
    font-weight:bold;
    font-size:18px;
  }

  .feedback .form{
    clear:both;
    height:300px;
    width:450px;
    border:1px solid #000;
    background:#fff;
    padding:15px;
    display: none;
  }
  .feedback .form textarea{
    height:170px;
    width:400px;
    padding:5px;
  }
  .feedback .status{
    font-size:16px;
  }

  /*recipe star*/
  .recipe_star{
    float:right;
    position:relative;
    display: block;
  }

  .jedalnicek-na-mieru {
    margin: 15px 0px;
  }

  .jedalnicek-na-mieru h2{
    margin: 2px 0px;
  }
  .jedalnicek-na-mieru .oddelovac{
    width: 100%;
    height: 3px;
    background-color: #f15a2b;
  }

  .jedalnicek-na-mieru a.nadpis {
    text-decoration: none;
    color: #f15a2b;
    font-weight: bold;
  }
  .jedalnicek-na-mieru a {
    text-decoration: underline;
    color: #f15a2b;

  }

  .side-kalkulacka {
    margin: 15px 0px;
  }

  .side-kalkulacka h2{
    margin: 2px 0px;
  }
  .side-kalkulacka .oddelovac{
    width: 100%;
    height: 3px;
    background-color: #479A10;
  }

  .side-kalkulacka a.nadpis {
    text-decoration: none;
    color: #479A10;
    font-weight: bold;
  }
  .side-kalkulacka a {
    text-decoration: underline;
    color: #479A10;

  }
  .reklama a{
    text-decoration: underline;
    color: #f15a2b;
    font-weight: bold;

  }

  .c{
    text-align:center;
  }
  .r{
    text-align:right;
  }

  .l{
    text-align:left;
  }

  .bold{
    font-weight: bold;
  }


  /* NEviem !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
  dl.objSteps {

  }
  dl.objSteps dd { padding:0 0 5px 0; margin:0; }
  dl.objSteps dt { padding: 0 0 10px 0; margin:0; font-size: 11px; }
  dl.objSteps dd.zvyr { background: #eeeeee; }
  dl.objSteps dt.zvyr { background: #eeeeee; }

  div#m_uservaha { background-color: #cccccc}

  .cL { clear:left; height:1px; overflow:hidden; }
  .cL { clear:right; height:1px; overflow:hidden;}


  /*nova zmena*/

  /*li.selected > a{
    font-weight: bold;
  }*/


  /*  ul.nav_categ {
      padding-left: 2px;
      height: 20px;
      margin-top: 0px;
    }
  
    .nav_categ li{
      display: block;
      margin: 2px 0px;
      float: left;
      padding: 0px 5px 0px 0px;
      margin-right: 5px;
    }
  
    .nav_categ li a{
      text-decoration: underline;
    }*/

  #categ-naj .potravina h3{
    padding-left: 0px;
    font-size: 16px;
  }


  #categ-naj .recept .popis, #categ-naj .potravina .popis{
    margin-left: 115px;
  }

  #categ-naj .recept .popis img, #categ-naj .potravina .popis img{
    width: 100px;
    height: 100px;
    border: 1px solid #cccccc;
    margin-right: 10px;
    top: 0px;
    left: 0px;
    position: absolute;
    border-radius: 5px;
    padding: 1px;
  }

  #categ-naj .recept, #categ-naj .potravina{
    position: relative;
    min-height: 105px;
  }

  #categ-naj .recept:hover, #categ-naj .potravina:hover{
    background-color: #EEE;
  }

  .kategoria:hover, .kategoria.selected {
    background-color: #F9C78E;
    border: 1px solid #F9C78E;  
  }

  .kategoria a{
    display: block;
  }
  .kategoria a:hover{
    text-decoration: underline;
  }


  .kategoria .popis{
    margin-left: 55px;
  }

  .kategoria .popis h2{
    margin-top: 0px;
  }

  .kategoria .popis img{
    width: 50px;
    height: 50px;
    top: 2px;
    left: 2px;
    position: absolute;
    border: #cccccc solid thin;
  }

  .kategoria .popis p {
    color: #666666;
  }

  .adsense300, .fb-page{
    margin: 0 auto;
    width: 300px;
  }

  .najnovsie {
    margin: 5px 0px;
  }

  .najnovsie h2{
    color: #4FAA11;
    margin: 2px 0px;
  }

  .najnovsie .oddelovac{
    width: 100%;
    height: 3px;
    background-color: #4FAA11;
  }

  .najnovsie ul{
    padding-left: 5px;
  }
  .najnovsie li {
    overflow: hidden;
    height: 20px;
    display: block;
  }

  .najnovsie a {
    text-decoration: underline;
    font-size: 13px;
    display: block;
  }

  .najnovsie a:hover{
    background-color: #eee;
  }

  .foodiddayholder button{
    font-size: 13px;
  }



  #clanok>.hladanie {

  }

  .product{
    position: relative;
    min-height: 105px;
  }

  .product:hover{
    background-color: #EEE;
  }

  .pridajItem{
    float: right; 
    margin-top: 13px;
  }

  .box{
    float: left;
    width: 48%;
    min-height: 200px;
    /*border: 1px solid #cccccc;*/
    position: relative;
  }
  .box .popis {
    margin-left: 110px;
    min-height: 100px;
  }

  .box .popis h2{

  }

  .box img{
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100px;
    height: 100px;
    border: 1px solid #cccccc;
  }

  .side-clanky{
    margin: 10px auto;
  }

  .side-clanky ul{
    padding-left: 10px;

  }

  .side-clanky li{
    display: block;
    margin: 3px 0;
  }

  .side-clanky a{
    text-decoration: underline;
  }

  .side-box-login{
    width: 250px; 
    border-radius: 5px;
    color: #ffffff; 
    padding: 15px 25px; 
    margin: 0 5px 10px 5px;
    border: 1px solid #F05A28; 
    background-color: #E0E0E0;
  }
  .side-box-login h3 {color: #F05A28;margin-top: 10px;}

  .side-box-login .btn{
    background-color: #479A10; color: #ffffff; width: 250px; height: 40px; border-radius: 5px;margin-bottom: 20px;margin-top: 20px;border: 1px solid #5AC214;
  }

  .side-box-login .btn:hover{
    background-color: #4FAA11;
  }

  .side-box-login .btn a{
    display: block;line-height: 40px;color: #ffffff; font-weight: bold; text-align: center;
  }

  .side-box-login .btn a:hover{
    color: #ffffff;
    text-decoration: underline;
  }

  /*  ul.linky {
      padding: 0px;
      margin: 15px 0px;
      display: block;
    }
    .linky li  {
      margin: 0 0 0 0;
      list-style-type: none;
      display: block;
      border-bottom: 1px dotted #ccc;
  
      padding-left: 18px;
      margin-right: 5px;
      background: #fff url(sidebar-li.gif) no-repeat 0 6px;
    }
    ul.linky li a {
      display: block;
      height: 23px;
      line-height: 23px;
    }
  
    .linky li:hover {
      background: #e8e8e8 url(sidebar-li.gif) no-repeat 0 6px;
      background: #e8e8e8;
    }
    .linky  li.current_page_item {
      padding-left: 8px;
      padding-right: 10px;
      background: #e8e8e8;
    }*/

  .odporucame {
    margin: 5px 0px;
  }

  .odporucame h2{
    color: #479A10;
    margin: 2px 0px;
  }
  .odporucame h2 a{
    color: #479A10;
    margin: 2px 0px;
  }
  .odporucame .oddelovac{
    width: 100%;
    height: 3px;
    background-color: #479A10;
  }

  .odporucame h3{
    margin-top: 5px;
  }

  /*  .btn{
      background-color: #479A10; 
      color: #ffffff; 
      width: 100%; 
      height: 100%; 
      border-radius: 5px;
      border: 1px solid #5AC214;
      cursor: pointer;  
    }
  
    .btn:hover{
      background-color: #35740C;
    }
  
    .btn a{
      display: block;line-height: inherit;color: #ffffff; font-weight: bold; text-align: center;
    }
  
    .btn a:hover{
      color: #ffffff;
      text-decoration: underline;
    }
  
    .btn-sedy{
      background-color: #DDDDDD; 
      color: #000000; 
      width: 100%; 
      height: 100%; 
      border-radius: 5px;
      border: 1px solid #dddddd;
      cursor: pointer;  
      display: block;
      font-weight: bold; text-align: center;
    }
  
    .btn-sedy:hover{background-color: #777777;color: #ffffff}*/



  input.error{
    border: 1px solid #e00A00;
  }

  .ico-menu.notMenu{
    display: block;
    width: 14px;
    height: 14px;
    background: url(/img/menu-not.png);
    background-size:14px 14px;
    float: left;
  } 

  .ico-menu.isMenu{
    display: block;
    width: 14px;
    height: 14px;
    background: url(/img/menu-ok.png);
    background-size:14px 14px;
    float: left;
  } 

  #search_result_section .item{
    border: 1px solid #ffffff;
  }

  #search_result_section .item p{
    margin-left: 5px;    
  }

  #search_result_section .item.active{
    border: 1px solid #cccccc;
  }

  #search_result_section .item fieldset{
    padding: 0px;
    border: none;    
  }

  #search_result_section span.nazov{
    font-weight: bold;    
  }

  #search_result_section form{
    border-top: 1px solid #F59374;
    background-color: #FEF3F0; 
  }

  #search_result_section .item a.btn_add_menu{
    text-decoration: underline;
  }
  #search_result_section .item a.add_menu_dialog_hide{
    margin-left: 10px;
  }

  img.alignright{
    float: right;
    margin: 10px;
  }

  /*Poradna*/
  .timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
  }
  .timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    right: 25px;
    margin-left: -1.5px;
  }
  .timeline > li {
    margin-bottom: 20px;
    position: relative;
  }
  .timeline > li:before,
  .timeline > li:after {
    content: " ";
    display: table;
  }
  .timeline > li:after {
    clear: both;
  }
  .timeline > li:before,
  .timeline > li:after {
    content: " ";
    display: table;
  }
  .timeline > li:after {
    clear: both;
  }
  .timeline > li > .timeline-panel {
    width: calc( 100% - 75px );
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  }
  .timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
  }
  .timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
  }
  .timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    right: 0px;
    margin-left: -25px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    float: right;
  }
  .timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }
  .timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
  .timeline-badge.primary {
    background-color: #2e6da4 !important;
  }
  .timeline-badge.success {
    background-color: #3f903f !important;
  }
  .timeline-badge.warning {
    background-color: #f0ad4e !important;
  }
  .timeline-badge.danger {
    background-color: #d9534f !important;
  }
  .timeline-badge.info {
    background-color: #5bc0de !important;
  }
  .timeline-title {
    margin-top: 0;
    color: inherit;
  }
  .timeline-body > p,
  .timeline-body > ul {
    margin-bottom: 0;
  }
  .timeline-body > p + p {
    margin-top: 5px;
  }
}