
h1 { text-align: center; margin: 0; }


#calorizator_categories { width: 20%; float: left; }

#calorizator_products { width: 70%; float: left; margin-bottom: 100px; }

.product { float: left; margin-left: 15px; /* margin-top: 15px; */ margin-top: 55px; border: 1px solid black; width: 200px; height: 200px; background-color: #FFCC66;  color: black; }

.product_image { text-align: center; height: 155px; }

.product_image img {  max-height: 155px; width: 200px;  /* max-width: 200px;  height: 155px; */}

.product_name {  width: 100%; text-align: center; height: 45px; display: table; }

.product_name_text { display: table-cell; vertical-align: middle; }



.product_image, .main_menu_image, .menu_image {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}



.info_table { border: 1px solid black; font-size: 12px; text-align: center; width: 154px; float: left; }

.info_table { position: relative;  }

.info_table_hover { position: absolute; background-color: white; width: 100%; height: 100%; top: 0; left: 0;  display: none;  }

.hover_text {     font-size: 16px; margin-top: 10px; text-decoration: underline; }

.info_table:hover .info_table_hover { display: block; }





.add { width: 38px; height: 40px; float: left; }

.add img { width: 32px; margin: 5px; cursor: pointer; }

.add img:active {  margin: 7px;  }



.menu_name { color: black; }

.pop_title { text-align: center; font-size: 32px; background-color: #47B412; color: white; padding: 10px;  border-top-left-radius: 7px; border-top-right-radius: 7px; }


.pop_product {  margin-left: 15px; /* margin-top: 15px; */ margin-top: 30px; border: 1px solid black; width: 200px; height: 200px; background-color: #FFCC66;  color: black; }

.pop_product_image { text-align: center; height: 155px; }

.pop_product_image img {  max-height: 155px; width: 200px;  /* max-width: 200px;  height: 155px; */}

.pop_product_name {  width: 100%; text-align: center; height: 45px; display: table; }




.pop_table { margin: 0 auto; }


.pop_how_much { font-size: 32px; margin-top: 20px; text-align: center; width: 330px; }

.pop_energy_title { text-align: center; width: 330px; margin-top: 20px; font-weight: bold;  }

.pop_energy_table { margin: 0 auto; text-align: center; padding-top: 7px; }

.pop_energy_table td { padding-left: 20px; }

.pop_massa {
    width: 140px;
    font-size: 52px;
    text-align: center;
    border-radius: 15px;
}

.pop_massa:focus { outline: none; }


.pop_input { text-align: center; margin-top: 20px;  }

.right_cell { vertical-align: top; }



.energy_table_title { font-style: italic;  }



.pop_buttons table { margin: 0 auto; padding: 15px; }



.hide_kkal, .hide_bel, .hide_fat, .hide_ugl { display: none; }

#nav_title { padding: 20px; font-size: 18px; font-weight: bold; width: 95%; text-align: center; }

.cat_menu_item { float: left; width: 95%; margin-bottom: 5px; padding: 2px; margin-left: 5px; border: 1px solid #e5e5e5; color: black; }
.cat_menu_item a { text-decoration: none;  }
.cat_menu_item:hover { background-color: #47B412; color: white; }

.cat_menu_item_active { background-color: #47B412; color: white; }

.cat_menu_thumb { float: left; }
.cat_menu_name { float: left; padding-top: 14px; padding-left: 14px; font-size: 18px;   }


#filter { margin: 0 auto; padding-top: 10px; }

#filter td { padding-left: 20px; position: relative; }

.filter_title {  text-align: center; font-size: 12px; }

.fields { text-align: center;  }

.fields input { border-radius: 5px; }


.fields input:focus { outline: none; }


#filter_filter { position: absolute; left: -51px; top: 2px;}


#no_result { width: 100%; text-align: center; font-size: 22px; margin-top: 150px; font-size: 52px; color: #cccccc; display: none; }



#cat_description { width: 800px; margin: 0 auto; text-align: justify; }

#main_description { width: 100%; float: left;  margin-top: 30px;  }

#main_text { width: 70%; margin: 0 auto; }

.modal_reset_link { text-decoration: none; color: black; }


