/* css */

/* html { background-color: #FFF; } */
body {

    color: #000;
    background-color: #FFF;
    background-image: url("../img/bg_body_A_white.gif"), url("../img/bg_body_B.jpg");
    background-repeat: repeat-x, repeat-y;
    background-position: left top, center 150px;
    /*background-attachment: fixed;*/

    font-family: 'Open Sans', sans-serif, Arial;
                /* Pokud je font Open Sans kostrbaty:
                        - pravdepodobne je font nainstalovan ve Windows. 
                        Problem zmizi s odinstalaci pisma ze systemu Win
                */

    /* font-weight: 600; */
    font-weight: 300; 
    font-size: 1em;
    /*line-height: 1.6875em; /* = 27px */
    line-height: 1.6875;
    /*
    text-shadow: 0px 0px 3px #fff;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
    */

/* background: white url("../img/1_HP.png") center top no-repeat; */
/* background: white url("../img/2_kategorie.png") center top no-repeat; */
/* background: white url("../img/3_vypis_firem.png") center top no-repeat; */
/*background: white url("../img/4_detail_firmy.png") center top no-repeat; */
}


h1, h2, h3, h4, h5, h6 {
    /* font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; */
    font-family: Georgia, Palatino, 'Palatino Linotype', 'URW Palladio L', 'Trebuchet MS', Times, 'Times New Roman', serif;
    display: block;
}
h1 {
    font-size: 2.25em;
    font-weight: normal;
    color: #483A2A;
    /*text-shadow: rgb(255, 255, 255) 1px 1px 0px;
    text-shadow: 0 0 1px rgba(72, 58, 42, 0.5);*/

    margin-bottom: 1em;
    margin-bottom: 45px;
    
    padding-top: 0.35em;
    line-height: normal;
    
    text-align: left;
}
#clanek_obsah h1 {
    margin-bottom: 1em;
}
.colL h1:first-of-type {
    /*margin-top: 0;*/
}
h2 {
    font-size: 1.25em;
    font-weight: bold;
    /*
    font-size: 1.75em;
    font-weight: normal;
    */
    color: #483A2A;
    text-shadow: rgb(255, 255, 255) 1px 1px 0px;
    margin-bottom: 0.4em;
    
    text-align: left;
}
h3 {
    font-size: 1.125em;
    font-weight: bold;
    color: #483a2a;
    text-shadow: rgb(255, 255, 255) 1px 1px 0px;
    
    text-align: left;
}


a { color: #4a3e2b; }

p { margin-bottom: 1em; }
/* TEMP 88 */
table.tbl td p { margin-top: 1em; }
/* TEMP 90 */
table#page16 td smaller { 
    display: block;
    font-size: smaller;
    position: relative;
    top: -0.5em;
}


sup { vertical-align: super; font-size: smaller; }
sub { vertical-align: sub; font-size: smaller; }

strong { font-weight: bold; }

ul, ol {
    /*list-style-position: inside;*/
    list-style-position: outside;
}
ol { 
    list-style-type: decimal;
    margin-left: 1.8em;
}
ul { 
    list-style-type: disc;
    margin-left: 3em;
    margin-bottom: 0.5em;
}
ol li, ol li {
    margin-bottom: 0.5em;
}

/* stredej barvy radku - TABLE */
.stridac tr:nth-child(2n+1) {
    /*background-color: #F1ECEA;*/
    background: #f7f3f1 url("../img/bg_mapa.png") repeat scroll 0 0;
}
.stridac tr:nth-child(2n) {
    background-color: white;
    background-color: #f8f8f7;
    background: #f8f8f7 url("../img/bg_silver.png") repeat scroll 0 0;
}
.stridac tr {
    border-bottom: solid 7px #FFF;
}
table.tbl {
    width:100%;
}
.tbl td {
    /* border-radius: 7px; */
    padding: 5px 25px;
}
/* stredej barvy radku - DIV */
.stridac0 {
    /*background-color: #F1ECEA;*/
    background: #f7f3f1 url("../img/bg_mapa.png") repeat scroll 0 0;
}
.stridac1 {
    background-color: white;
    background-color: #f8f8f7;
    background: #f8f8f7 url("../img/bg_silver.png") repeat scroll 0 0;
}
.stridac0, .stridac1 {
    padding: 20px 25px;
    padding-bottom: 10px;
    margin-bottom: 8px;
    border-radius: 7px;
}
.stridac0 p, .stridac1 p {
    margin-bottom: 10px;
}
.stridac0 smaller, .stridac1 smaller {
    font-size: smaller;
    display: inline-block;
    position: relative;
    top: -0.5em;
    margin-bottom: 3px; 
}



#clanek_obsah ul {
    /* background-color: lightseagreen; */
    margin: 5px;
}
#clanek_obsah ul li {
    /*background-color: lightgreen; */
    margin-left: 20px;
    list-style: inside circle;
}

#clanek_obsah h2.box_area, #clanek_obsah h3.box_area {
    padding: 0.9em 1.5em;
    /* margin-bottom: 1em; /* zajistuje holder */
    font-size: 1em;
    font-weight: bold;
    
    background-color: #FCF9F8;
    border: 1px solid #F6EEEC;
    border-radius: 7px;
    
    display: inline-block;
}
#clanek_obsah div.box_area_holder {
    margin-bottom: 1em;
    text-align: center;
}



.hidden { visibility: hidden !important; }
.nodisp { display: none !important; }

.clear { clear: both; }
.upoutavka + div.clear { margin-bottom: 1.5em; }

.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.justify { text-align: justify !important; }

.middle { vertical-align: middle !important;  }
.bottom { vertical-align: bottom !important;  }

small { font-size: smaller; }
.smaller { font-size: smaller !important; }
.larger { font-size: larger !important; }

.red { color: red !important; }
.green { color: #5cb85c !important; }
.green { color: #00B300 !important; }
.white { color: #FFF !important; }
.black { color: #000 !important; }

.bg_white { background-color: #FFF !important; }
.dnes_sleva_red_bg { color:#fff; background-color: red; }

.odsazeni_5 { height: 5px; }
.odsazeni_10 { height: 10px; }
.odsazeni_30 { height: 30px; }


#page_wrap { display: block; }


/* header */
  header {
    position: relative;
    width: 100%;
    margin-bottom: 30px; /* HP */
    margin-bottom: 20px; /* s breadcrumbs */
    margin-bottom: 12px; /* s breadcrumbs (cast je nechana pro stin) */
    /*background-color: #fff;*/
  }

      .content_wrap {
        position: relative;
        display: block;
        
        max-width: 1000px;
        margin: 0 auto;
       
        text-align: left;
        /* border: 1px solid red;*/ 
      }
      /*
      @media screen and (min-width:1000px) {
        .content_wrap {
          max-width: 1000px;
        }
      }
      @media screen and (min-width:601px) and (max-width:999px) {
        .content_wrap {
          max-width: 600px;
        }
      }
      @media screen and (max-width:600px) {
        .content_wrap {
          max-width: 280px;
        }
      }
      */


      @media screen and (min-width:320px) { 
        /* smartphones, iPhone, portrait 480x320 phones */ 
        .content_wrap {
          max-width: 300px;
        }
      }
      @media screen and (min-width:481px) { 
        /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
        .content_wrap {
          max-width: 460px;
        }
      }
      @media screen and (min-width:641px) { 
        /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
        .content_wrap {
          max-width: 620px;
        }
      }
      @media screen and (min-width:961px) {
        /* tablet, landscape iPad, lo-res laptops ands desktops */ 
        .content_wrap {
          max-width: 950px;
        }
      }
      @media screen and (min-width:1024px) { 
        /* big landscape tablets, laptops, and desktops */
        .content_wrap {
          max-width: 1000px;
        }
      }
      /*
      @media screen and (min-width:1281px) { 
        // hi-res laptops and desktops 
        .content_wrap {
          max-width: 1000px;
        }
      }
      */
      
      
  
          #logo {
            position: absolute;
            position: relative;
            display: inline-block;
            top: 20px; left: 0;
            font-size: 0.000001em; /* skryje text */
            max-height: 100px;
          }

            #logo img { width: 100%; }
            #logo img { max-width: 440px; }
          


          header nav {
            position: relative;
            margin-top: 23px;
            width: 100%;
            height: 49px;
            
            font-size: 1em;
            font-weight: 600;
            
            display: block; /* bez pozadi pri zalomeni menu */
            display: flex; /* menu je flexibilni v ramci jednoho radku - odkazy se se zuzovanim stranky zprava "ztraceji" */
            display: inline-table;
            
            /*background-image: url(../img/bg_menu.png);*/
            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAxCAMAAADQpBjcAAAAA3NCSVQICAjb4U/gAAAA81BMVEWEdGq7p52gjoXRvLGUg3itmpDHsqnaw7mNfHO0oJenlInBrKOaiX/Nt63gyb7WwLWKeXCQf3aXhnyql42ikIaejIO9qZ6xnpW5pZvDrqXPua/TvrPLtavdx7zYwrfiy8CGdmyvnJLVvbWrmY6PfHLFsKe+q6CZh3zbxbuVhHqSgXfRurCcioGLe3Lhyr+2opnJs6qplouij4WJd26lkoiOfXSNenDUv7SnlYuRgHbXwbeXhXrFr6XDraOzn5WxnZOZh36LenCfjYPZw7mhj4XTvbHfyb+rl43Tv7Phy7/Vv7XHs6mvm5GJdmydi4Gjj4ePfnR2mEvrAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAAUZJREFUGJUdysmOglAQheEDMg+KqMwiSiSMAgJxSKvowoUr3/9purq/VP5Ubl1sNilNuoEorg+HtShiGk5JOMX0+ibXN2Yzcb0WZzOk4SlNT2FKn0XfpyAMw8mEgnBXXK/FbgfP8z6fj+fB132i+/CDCQkmaJqmKPSmga4LNIJOi77fUxAEgetSIPyogqCqApLktt/fkgSu5RLLhcuohFHhOE6SMAwDhqktq3YsWhhZ/nuhk21TUN+3db291+D5hyw/eB52bJPYht1uSbuFoix4fqEoiM99HPfnGG3bLpcUOiksS4FyXPX96tijLF/L5asswWos0Viw5oqYK2TZWJZjlkEzOU3jTA3jOOY5BaZpzucUmJchy4ZLBkmac9xckpA/c/LMkRsXYlzQddX3++06DM/nMHTdQJ+lKKKgqir8p4oiwwCMX0oyLDm30lLVAAAAAElFTkSuQmCC');          
            background-repeat: repeat;
            
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
          }
          header .nav_shadow:before, .nav_shadow:after {
              bottom: 21px;
              box-shadow: 0 20px 10px rgba(0, 0, 0, 0.5);
              content: "";
              height: 20%;
              left: 10px;
              max-width: 49%;
              position: absolute;
              transform: rotate(-0.75deg);
              width: 50%;
              z-index: -500;
          }
          header .nav_shadow:after {
              left: auto;
              right: 10px;
              transform: rotate(0.75deg);
          }
          
          
            header nav ul { 
                border-radius: 10px;
                overflow: hidden;
                list-style: none;
                margin: 0;
                
            }
            header nav ul li {
                display: block;
                float: left;
                height: 49px;
                
                margin: 0;
                padding: 0;
                
                font-size: 0.85em;
                color: #FFF;
                text-shadow: rgb(64, 63, 63) 1px 1px 1px;
              
                /* white shadow effect */
                /* box-shadow:  -1px 0 1px rgba(255, 255, 255, 0.2) inset, 1px 0 1px rgba(255, 255, 255, 0.2) inset, 0 0 15px rgba(255, 255, 255, 0.2) inset; */
            }

ul li, ol li {
    margin-bottom: 0.5em;
}


/* a:hover  - efekty */
            header nav li a {
              /*background: url(../img/menu_vert_line.png) left center no-repeat; /* vertikalni predel */
              background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAYAAAAbb8MkAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOS8yMi8xNEX6zAAAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAYElEQVQImVXMWwrCUBQDwCFQsT7r/heptb6pvf4d8GcIhERrbQi6YhWsgz7YBNtgFxyCYzEUp/9iX4u+/rogQQuWYA7ewSO4BVMwFpfgXGkMrsUU3OvgGbyCTzEXS/D9Ae+5HWXs8fszAAAAAElFTkSuQmCC');
              background-position: left center; /* vertikalni predel */
              background-repeat: no-repeat; /* vertikalni predel */
              
              padding: 13px 14px;
              line-height: 49px;
              
              color: #fff;
              text-decoration: none;
            }
            header nav li:first-child a { background: none; } /* rusi zobrazeni vertikalniho predelu */

            header nav ul li:hover {
              /* hover je resen dvema img. */ 
              /*
              background-image: url(../img/bg_menu.png), url(../img/bg_menu_active.png);
              background-repeat: no-repeat, repeat-x;
              background-position: -7px center, left center; /* pod bilou rozdelovaci lajnu da svetlejsi podklad (misto over či active pozadi) */
              
              /* hover je resen parametrem color + img pod white vert. line predelem */ 
              background-image: url(../img/bg_menu.png);
              background-repeat: no-repeat;
              background-position: -7px center; /* pod bilou rozdelovaci lajnu da svetlejsi podklad (misto over či active pozadi) */
              background-color: rgba(0,0,0,0.25); /* barva pro :hover */
            }
            
            header nav ul li.active {
              background-image: url(../img/bg_menu.png), url(../img/bg_menu_active.png);
              background-repeat: no-repeat, repeat-x;
              background-position: -7px center, left center; /* pod bilou rozdelovaci lajnu da svetlejsi podklad (misto over či active pozadi) */
            }            

            header nav ul li#home {
              width: 50px; height: 49px;
              background: url(../img/ico_home_14x14.png) no-repeat 20px center;
            }
            header nav li#home:hover:first-child { 
              background-color: rgba(0,0,0,0.25); /* over efekt */
            }
            header nav ul li#home.active { 
              background-color: rgba(0,0,0,0.15); /* active efekt */
            }
            header nav ul li#home.active:hover { 
              background-color: rgba(0,0,0,0.15); /* active efekt */
            }
            header nav li#home a { 
              padding-left: 25px;
              padding-right: 25px;
              /* background-color: red; */
            }



            

  
/* breadcrumb2 */
#breadcrumb2 {
    margin-bottom: 25px;

    position: relative;
    /* width: 100%; */ /* natahne se automaticky - je to block */
    height: 35px;
    line-height: 35px;

    padding: 0 10px; /* levy a pravy padding pro cely breadcrumb div */

    border-radius: 10px;
    background-color: #F8F8F7;

    font-size: 0.75em;
    font-weight: bold;
    color: #A59A94;
    white-space: nowrap;

    overflow: hidden; /* schova pripadny presah textu v grafice 
                  a soucasne ve variante bez css je uplnost zachovana */
}

#breadcrumb2 ul li {
    background-image: url("../img/bg_breadcrumbs_arrow.png");
    background-repeat: no-repeat;
    background-position: right center;

    display: inline-block;
    padding: 0 31px 0 19px;
}
#breadcrumb2 ul li:first-child {
    width: 35px;
    height: 35px;
    
    padding: 0;
    /* padding-left: 7px; /* pokud je zobrazovan text "Jste zde:" */
    padding-right: 12px;
    margin: 0;
    
    display: inline-block;
    float: left;
}
#breadcrumb2 ul li:first-child a {
    background-image: url("../img/ico_home_breadcrubs.png");
    background-repeat: no-repeat;
    background-position: 10px center;

    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0;
    
    display: inline-block;
}

#breadcrumb2 li:last-child {
    background-image: none;
}
#breadcrumb2 ul li a {
    text-decoration: underline;
    color: #A59A94;
    font-weight: normal;
}
#breadcrumb2 ul li a:hover {
    color: #74675F;
}

.float_left {
    float: left;
}
  
  


/* telo stranky */

/*
#main_wrap { 
  background-color: rgb(0,204,153);
  border: 1px magenta solid;
}
  #main_wrap .content_wrap { 
    background-color: rgb(255,255,153);
    border: 1px solid green;
  }
*/


    .colL, .colR,  .colL_fa, .colR_fa { /* spolecne pro vice elementu v elementech */
        float: left;
        position: relative;
        display: block;
    }
    .colL, .colL_fa { 
        max-width: 700px;
        width: 100%;
        /*background-color: red;*/
    }
    .colR, .colR_fa { 
        /* margin-left: 20px;
        margin-left: 0px; /* upraveno - seznam kategorii vyuziva max sirku sloupce - colL a colR jsou na sebe nalepeny */
    /*float: right;
        /* background: red; */
        
        /* background-color: rgb(0,153,255); */
    }
    @media screen and (max-width:960px) { 
      .colR, .colR_fa { 
      }
    }
    @media screen and (max-width:1024px) { 
      .colR, .colR_fa { 
      }
    }
    @media screen and (min-width:1025px) { 
      .colR, .colR_fa { 
          margin-left: 20px;
          margin-left: 0px; /* upraveno - seznam kategorii vyuziva max sirku sloupce - colL a colR jsou na sebe nalepeny */
          width: 300px;
          
          /* background-color: rgb(0,153,255); */
      }
    }

    .col_50 {
        float: left;
        position: relative;
        display: block;
        
        width: 48%;
        min-width: 250px;
        
        /*margin: 1%;*/
        padding: 0 1% 25px 1%;
        
       /*  background-color: red; */
    }

    
    
      #map_wrap {
        position: relative;
        display: block;
        max-width: 680px;
        height: 330px;
        overflow: hidden; /* zajisti kulate rohy */
        margin-bottom: 50px;
        margin-bottom: 40px;

        background: #F7F3F1 url(../img/bg_mapa.png) repeat; 

        /*-webkit-border-radius: 10px;
        -moz-border-radius: 10px;*/
        border-radius: 20px;
      }

        #map_wrap h1 {

            /* For Safari 5.1 to 6.0 */
            background-image: url(../img/ico_map_pin.png), -webkit-linear-gradient(rgba(225,201,190,0.1), rgba(131,114,104,0.1));
            /* For Opera 11.1 to 12.0 */
            background-image: url(../img/ico_map_pin.png), -o-linear-gradient(rgba(225,201,190,0.1), rgba(131,114,104,0.1));
            /* For Firefox 3.6 to 15 */
            background-image: url(../img/ico_map_pin.png), -moz-linear-gradient(rgba(225,201,190,0.1), rgba(131,114,104,0.1));
            /*Standard*/
            background-image: url(../img/ico_map_pin.png), linear-gradient(to bottom, rgba(225,201,190,0.1), rgba(131,114,104,0.1));
            background-repeat: no-repeat, repeat;
            background-position: 28px center, left top;

            
            height: 50px;
            padding-left: 60px;
            line-height: 50px;

            font-size: 1.25em;
            font-weight: normal;
            color: #483a2a;
            text-shadow: rgb(255, 255, 255) 1px 1px 0px;
            
            margin-bottom: 0.4em;
            padding-top: 0;
        }
      
        #map_wrap h2 {

            /* For Safari 5.1 to 6.0 */
            background-image: url(../img/ico_map_pin.png), -webkit-linear-gradient(rgba(225,201,190,0.1), rgba(131,114,104,0.1));
            /* For Opera 11.1 to 12.0 */
            background-image: url(../img/ico_map_pin.png), -o-linear-gradient(rgba(225,201,190,0.1), rgba(131,114,104,0.1));
            /* For Firefox 3.6 to 15 */
            background-image: url(../img/ico_map_pin.png), -moz-linear-gradient(rgba(225,201,190,0.1), rgba(131,114,104,0.1));
            /*Standard*/
            background-image: url(../img/ico_map_pin.png), linear-gradient(to bottom, rgba(225,201,190,0.1), rgba(131,114,104,0.1));
            background-repeat: no-repeat, repeat;
            background-position: 28px center, left top;

            
            height: 50px;
            padding-left: 60px;
            line-height: 50px;

            font-size: 1.25em;
            font-weight: normal;
            color: #483a2a;
            text-shadow: rgb(255, 255, 255) 1px 1px 0px;
        }
        
        #hp_image {
          display: block;
          position: absolute;
          width: 210px;
          height: 316px;
          bottom: 0px;
          right: 5px;
          z-index: 100;
          
          background-image: url(../img/par.png);
          background-repeat: no-repeat;
        }


        #mapa_svg {
          display: block;
          position: absolute;
          width: 420px;
          height: 255px;
          top: 60px;
          left: 15px;
          z-index: 110;
        }
            #mapa_svg text.map_svg_text {
                display: none; /* home - mapa CR */
            }
                
        svg polygon { 
          fill:#FFFFFF; 
          stroke: #DFDCDB; 
          stroke: #D2CFCF;
          transition: .6s fill; 
        }
        svg polygon:hover { 
          fill: #FFC100; 
          /* stroke: red; */ 
        }
        svg polygon.active { 
          fill: #FFC100;
          fill: #FFE493;
          /* stroke: red; */ 
        }
        svg polygon {
          box-shadow: 5px 5px 5px 5px rgb(0,0,0);
        }
        
        svg text.map_svg_text {
            font-size: 1em;
            text-anchor: middle; 
            fill: #000000; 
            stroke: #FFC100; 
            stroke-width:1px;   
        }
        
        #mapa_svg_katalog {
          display: block;
          position: relative;
          z-index: 110;
          margin: -30px 0 35px -22px;
          padding-right: 35px;
        }
        #mapa_svg_katalog #help_01 {
          position: absolute;
          top: 50px;
          right: 80px;
          color: gray;
        }
        
        #menu_area1_select_wrap {
          position: absolute;
          z-index: 200;
          top: 75px;
          left: 300px;                              
        }





/**************/

#clanek_obsah, #clanky, #vypis_firem { /* 1)clanek; 2)vypis clanky na HP; 3)vypis firem */
    margin-right: 20px;
    margin-right: 35px;
    text-align: justify;
    font-size: 0.875em;
    font-weight: 400;
}
@media screen and (max-width:961px) {
    #clanek_obsah, #clanky, #vypis_firem { /* 1)clanek; 2)vypis clanky na HP; 3)vypis firem */
        margin-right: 0px;
        text-align: left;
    }
}
#clanek_obsah img {
    width: 100%; /* zmensi img - responsive */
}
#clanek_obsah .upoutavka {
    margin-bottom: 2em;
    color: #483A2A;
    font-weight: bold;
}
#clanky .upoutavka .foto {
  display: block;
  /* float: left; */
  width: 150px;
  margin-right: 30px;
  margin-top: 5px;
}
@media screen and (min-width:481px) { 
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    #clanky .upoutavka .foto {
      float: left;
    }
}
#clanky .upoutavka .foto img {
    /* box-shadow: 0px 0px 4px rgb(128,128,128); /* nevypada to ok*/
}
#clanky .upoutavka h2, #clanky .upoutavka .content, #clanky .upoutavka .datum {
  /* display: flex; */
  display: table;
  display: block;
}
#clanky .upoutavka .content {
  font-weight: 600;
  color: #595959;
  text-align: justify;
}
@media screen and (max-width:961px) {
    #clanky .upoutavka .content {
      text-align: left;
    }
}
#clanky .upoutavka .datum {
  font-size: smaller;
  font-size: 75%;
  color: #616161;
}
/**************/

#clanek_image {
    margin-bottom: 2.4em;    
}
    #clanek_image img {
        float: left;
        max-width: 450px;
        max-width: 470px;
    }
    #clanek_image_info {
        display: inline-block;
        font-size: smaller;
        line-height: normal;
        margin-left: 3em;
        margin-top: 3em;
    }


/*
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
*/

.upoutavka_fa {
  /* background-color: lightgreen;
  border: 1px solid black;
  */
  /***/
  display: block;
  /* padding-bottom: 25px; /* puvodni nastaveni */
  /* margin-bottom: 0; /* puvodni nastaveni */
  padding: 10px 10px 20px;
  margin-bottom: 5px;
  
  border: 1px solid transparent;
  border-radius: 5px;
  
  text-align: left;
}
.upoutavka_fa:hover {
  background-color: #FCF9F8;
  border: 1px solid #F8F3F0;
  border: 1px solid #F6EEEC;
}
.upoutavka_fa .foto {
  float: left;
  width: 70px; height: 70px;
  margin-right: 30px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #E5E5E5;
  background-color: #FFF;
  
  /* vert centerovani - cast 1 */
    text-align: center;  /* align the inline(-block) elements horizontally */
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
}
/* vert centerovani - cast 2 */
.upoutavka_fa .foto:before {      /* create a full-height inline block pseudo-element */
    content: ' ';
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
    height: 100%;
}
.upoutavka_fa .no.foto {
    background-image: url('data:image/jpg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHCAgICAgICAgICD/2wBDAQcHBw0MDRgQEBgaFREVGiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICD/wAARCAAkADYDASIAAhEBAxEB/8QAGwAAAgMBAQEAAAAAAAAAAAAAAAQCBQYDAQj/xAAyEAABAwIDBgMGBwAAAAAAAAABAAIDBBEFEiETMTJBUWEiccEUI1KBkaEVM0KS0eHw/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APqlI4ji0FG3eHSHc1K41jBpXinh1ltmf2HJVHsEhppMTryX6XYw73efQIOs+M1souJcoO4M0+65QYhjUTw9khlbzY83v9UhTNmmeS1pce24eis4qOstuaPMkoLuPGYC1pka5mYX8jzCbhqYJvynh3YLLPjqXPfEOLwlvL9Nj132SsnttLIJPFG4cLx/KDcISeFV3tlG2U6P3PHdCDPNaKnG5zNwNkOnXLoArPHC40N3cF7FvYqFfQMhxAVV8rJD4ul+Y7FM1s0M9O+O2jhob7uh5oONA2mMYbFZlhwHf/a9dWUu22bXZmsPvHcifhHqqeVlUIdi1xbENf8AHkEmWzQxgUwzu+LSw8gg00bdpIZXDxP3eSafFT7PJI0OuNW87LPUmIYiT78DuXH0Cs2y1VUzZ07dDxP4WfVBLAPDLUsaLRNyiMdBrz+aFYUNEykhyA5nE5nv6lCBh7GPaWvAc07wUn+E0l7tzN7A6fe6EIJjDaP4CfNxPqoDBcKBuKZoPzQhB1Zh9CzhgZ+0JhCEAhCEH//Z');
    background-repeat: no-repeat;
    background-position: center center;
}
/* vert centerovani - cast 3 */
.upoutavka_fa .foto img {
    display: inline-block;
    vertical-align: middle;          /* vertical alignment of the inline element */
    max-width: 60px;
    max-height: 60px;
}

.upoutavka_fa h2, .upoutavka_fa .content {
  display: flex;
  display: table;
}
.upoutavka_fa h2 {
  padding-top: 6px; /* bez Description */
}
.upoutavka_fa h2.description {
  padding-top: 0px; /* s Description */
  margin-top: -5px;
  margin-bottom: 0;
}
.upoutavka_fa .content {
  font-weight: 600;
  font-size: 0.875em;
  color: #595959;
}
.hr_left_gradient {
    background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(226, 213, 207, 0) 0%, rgba(226, 213, 207, 1) 100%) repeat scroll 0 0;
    border: medium none;
    height: 1px;
    margin-bottom: 4px;
    margin-top: 4px;
}


.parentbox {
    text-align: center;  /* align the inline(-block) elements horizontally */
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
}
.parentbox:before {      /* create a full-height inline block pseudo-element */
    content: ' ';
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
    height: 100%;
}
.childbox {
    display: inline-block;
    vertical-align: middle;          /* vertical alignment of the inline element */
}




.doporucujeme_container {
  background: #FDFBEC url(../img/bg_doporucujeme.gif) repeat;
  border-radius: 10px;
  margin-bottom: 25px;
  /* padding: 10px 15px 0 ; /* puvodni nastaveni */
  padding: 0 5px 5px ;
}

.doporucujeme_container .doporucujeme {
  font-size: 0.75em;
  line-height: 20px;
  text-align: right;
  padding: 7px 10px 0 0;
}







/* footer */

footer {
    position: relative;
    width: 100%;
    padding: 30px 0 50px;
    margin-top: 40px;
    background-color: #F8F6F5;
    /*    background-color: red; */
}

      
    footer .col {
        display: block;
        float: left;
        min-width: 240px;
        margin-left: 30px;
        /* box-shadow: 2px 0px 4px -5px rgba(50, 50, 50, 0.95); */
    }
    footer div.col:first-child {
        margin-left: 0;
    }
        footer .col ul, footer .col p {
            font-size: 0.938em;
            color: #483a2a;
        }
        footer .col h2 {
            font-weight: bold;
            font-size: 1.25em;
            margin-bottom: 0.75em;
        }

            footer ul {
                list-style: none;
                margin: 0;
            }















.category_container {
/*    padding: 0 0 15px 20px; */
}
.category_container .category {
    background-position: 0 3px;
    background-position: 0 7px;
    float: left;
    width: 50%;
    min-height: 60px;
}
.category.one, .category.two, .category.three {
    background-image: url(data:image/gif;base64,R0lGODdhMgAyAOMAAMzMzJaWlpycnKOjo7e3t8XFxbGxsaqqqr6+vgAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAMgAyAAAEbRDISau9OOvNu/9gKI5kaZ5oqq5s675wLM90bd94ru987/81wYBAEBAuQqLxJZAMCgOkE8ocRqOAgwGbvL4KgEETWwiAAWBx+HUcPMkChKT9ZgsMxWO4OL/ngYCBgoOEhYaHiImKi4yNjo+QgBEAOw==);
}
.category {
    background-repeat: no-repeat;
}
.category_container .category .content {
    padding: 0 30px 0 70px;
}
.category h2 {
    margin: 0;
    font-weight: normal;
}
.category p {
    font-size: 0.9em;
    line-height: 1.5em;
    margin-bottom: 0.5em;
    color: #8C8C8C;
    color: #878787;
}

/*************/

#category_wrap .category {
    float: left;
    margin-bottom: 35px;
    /*height: 50px;*/
}
@media screen and (max-width:640px) { 
  /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
  #category_wrap .category {
    width: 100%;
  }
}
@media screen and (min-width:641px) { 
  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
  #category_wrap .category {
    width: 50%;
  }
}
#category_wrap .foto {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 3px;
  border: 1px solid #ccc;
  overflow: hidden;
}
#category_wrap h2, #category_wrap p {
  margin-left: 70px;
  padding-right: 20px;
}
#category_wrap p a {
  padding: 3px 5px;
  display: inline-block;
  /* na radek pod sebe */
  display: block; 
  
  /**/
  display: inline; /* za sebou */
  padding: 0 ;
  line-height: 1.5em;
  
  
  
  text-decoration: none;
  color: #878787;
}
#category_wrap p a:hover {
  background-color: #DDDCD6;
  background-color: #F1F0EF;
  border-radius: 3px;
  text-decoration: underline;
  color: #4a3e2b;
}
/***************/


/**************/



/* postranni nav */
nav#menu_kraje_side { margin: 11px 0 35px 0; }
nav#menu_kraje_side ul {
  /* list-style-image: url('data:image/gif;base64,R0lGODlhBgAGAJEAAMzMzOPj4////wAAACH5BAEHAAIALAAAAAAGAAYAAAILDA4mK8cNnmMJpQIAOw=='); */
}
nav#menu_kraje_side ul li {
  display: block;
  border-bottom: 1px solid #E9E9E9;
  font-size: 0.875em;
  line-height: 29px;
  vertical-align: baseline; 
}
nav#menu_kraje_side ul li a {
  /* height 7px */
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAHCAYAAAArkDztAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMzAvMTTSky07AAAAMElEQVQImWP8//8/AzbAyMDAIMPAwCCKJv6agYGBwZCBgYEJDRsyYTUHKkuaBE7LAcrABalErbIMAAAAAElFTkSuQmCC');
  /* height 8px */
  /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMzAvMTTSky07AAAAMklEQVQImWP8//8/AzbAhFWUgYGBkYGBQYaBgUEUTfw1AwMDgyFUJzI2xGkU6RI4LQcAFxQFq3O6KBsAAAAASUVORK5CYII='); */
  
  background-position: 9px center;
  background-repeat: no-repeat;
  
  padding-left: 38px;
  display: block;
  
  line-height: 29px;
  vertical-align: middle;
  
  text-decoration: none;
  font-weight: normal;
  color: #74665e;
}
nav#menu_kraje_side a:hover {
  font-weight: bold;
  text-decoration: underline;

  background-color: rgba(116,102,94,0.05);
}
nav#menu_kraje_side a.active {
  font-weight: bold;
  text-decoration: none;

  background-color: rgba(116,102,94,0.09);
  font-weight: bold;
}


/*********************/
/* detail_fa */

    #detail_fa p, #detail_fa ul {
        font-size: 0.875em;
        font-size: 1em;
    }
    #detail_fa ul.seznam {
        list-style-type: disc;
        margin: 0 1em;
        padding-left: 0.8em;
    }
    #detail_fa ul.seznam li {
        padding-left: 0.8em;
    }





    
    
    #nadpis_fa {
        /* display: inline-block; /* sjednoti odstup od predchoziho elementu - breadcrumb */
        display: block; /* sjednoti odstup od predchoziho elementu - breadcrumb */
        margin-bottom: 35px;
        margin-bottom: 1em;
    }
      #nadpis_fa h1 {
        /* display: block; */
        display: inline-block;
        margin-bottom: 10px;
      }
      address#H {
        color: gray;
      }
    #detail_fa #prehled_sluzeb {
      float: right;
      margin: 0 0 10px 25px;
      padding: 15px 20px 25px;
      border-radius: 10px;
      max-width: 300px;
    }
      #prehled_sluzeb h2 {
        margin-bottom: 15px;
      }
      #prehled_sluzeb ul {
        margin-left: 15px;
        font-size: 0.875em;
      }
      #prehled_sluzeb li {
        list-style-image: url(../img/list_style_arrow.png);
        list-style-position: outside;
      }
      #detail_fa .bg_fa {
        background-image: url(../img/bg_detail_fa.png);
      }
    #detail_fa #popis_fa {
      margin-bottom: 2em;
      font-size: 0.875em;
      text-align: justify;
    }
    @media screen and (max-width:641px) { 
      #detail_fa #popis_fa {
        text-align: left;
      }
    }
    @media screen and (min-width:961px) { 
      #detail_fa #popis_fa {
        margin-right: 2em;
      }
    }


#fotogalerie
{
  display: inline-table;
  width: 100%;
  max-width: 668px;
  min-width: 280px;
  font-size: 1em ;
  font-size: 1px ;
  line-height: 7px;
  line-height: 1px;
  text-align: center;
  /* background-color: #F3EEDE;*/
  background: #f7f3f1 url("../img/bg_mapa.png") repeat scroll 0 0;
  
  border-radius: 7px;

  padding: 8px 0;
/*padding: 0 2em 2em 0;*/
  margin-bottom: 32px; /* font-size je maly */
}
#fotogalerie img
{
  background-color: #aaa;
  
  /* display: inline-table; */
  margin: 5px;
  border: 5px solid #fff;
  padding: 1px;
  -moz-box-shadow: 0px 0px 3px #aaa;
  -webkit-box-shadow: 0px 0px 3px #aaa;
  box-shadow: 0px 0px 3px #aaa;
  /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

.boxes
{
  width: 100%;
  max-width: 620px;
  min-width: 300px;
  
  margin-bottom: 1.5em;
  margin-right: 2em;
  padding: 10px 15px;
}    
    
    
    
    #detail_fa #kontakt_fa {
      border-radius: 10px;
      padding: 20px;
      margin-bottom: 30px;
      /* font-size: ;
      font-weight: ; */
    }
    #kontakt_fa .tel,
    #kontakt_fa .person,
    #kontakt_fa .mail,
    #kontakt_fa .web,
    #kontakt_fa .address {
      padding-left: 50px;
      line-height: 32px;
      margin-bottom: 10px;
    }
    #kontakt_fa .tel    { background: url(../img/ico_tel.png) no-repeat; }
    #kontakt_fa .person { background: url(../img/ico_person.png) no-repeat; }
    #kontakt_fa .mail   { background: url(../img/ico_mail.png) no-repeat; font-size: 0.875em; }
    #kontakt_fa .web    { background: url(../img/ico_web.png) no-repeat; font-size: 0.875em; }
    #kontakt_fa .address{ background: url(../img/ico_address.png) no-repeat; }
    
        
    #detail_fa #logo_fa {
      width: 300px;
      text-align: center; /* vycentruje napr. img */ 
      margin: 0 auto; /* vycentruje na stred */
      margin-right: 0; /* prilepi vpravo */
      margin-bottom: 30px;
    }

    #oteviracka {
        font-size: smaller;
        border-radius: 10px;
        width: 260px;
        padding: 20px;
        margin-bottom: 30px;
    }
    #oteviracka table {
        width: 260px;
    }
        .oteviracka {
            padding-left: 30px;
            line-height: 16px;
            margin-bottom: 10px;
            background: url(../img/ico_kalendar.png) no-repeat;
            font-size: larger;
        }
        
        
      td.otevreno_den     { border-bottom: 1px solid #E7DFCC; text-align: left; padding-right: 10px; }
      td.otevreno0        { border-bottom: 1px solid #E7DFCC; text-align: right; min-width: 20px; }
      td.otevreno1        { border-bottom: 1px solid #E7DFCC; text-align: right; min-width: 20px; }
      td.otevreno_center0 { border-bottom: 1px solid #E7DFCC; text-align: center; }
      td.otevreno_center1 { border-bottom: 1px solid #E7DFCC; text-align: center; }
      td.otevreno_r0      { border-bottom: 1px solid #E7DFCC; text-align: right; min-width: 30px; }
      td.otevreno_r1      { border-bottom: 1px solid #E7DFCC; text-align: right; min-width: 30px; }
      td.otevreno_last0   { border-bottom: 1px solid #E7DFCC; min-width: 0px; }
      td.otevreno_last1   { border-bottom: 1px solid #E7DFCC; min-width: 0px; }
      td.otevreno_p       { 
          /* border-bottom: 1px solid #E7DFCC;*/ 
          padding: 1em 0 0 0; 
          line-height: 1.5em; 
      }
      td.otevreno_p2      { border-bottom: 1px solid #E7DFCC; }
      .oteviraci_doba_pomlcka { font-size: medium; font-weight: bold; }
      
      .oteviraci_doba_jen_poznamka {
          background-color: #EFDFCB;
      }
  
      .td_l_otevreno { /* leva bunka tabulky Oteviraci doba */
          text-align: left;
          vertical-align: top;
          /* width: 355px; */
          text-align: right;
          }



    #detail_fa #mapa_fa {
      width: 230px;
      height: 230px;
      margin-bottom: 25px;
      
      background-color: lightgreen;
    }


    
    
/* BUTTON */

.button {
    text-align: center;
    margin-left: 0;
    display: inline-block;
    padding: 1.1em 1.6em;
    padding: 0.5em 1.3em;
    color: #616161;
    font-weight: bold;
    font-size: 1.1em;
    text-decoration: none;
    /* text-shadow: 1px 1px #FFF; */
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px #FFF solid;
}


.button_info {
    color: #FFF;
    text-shadow: 1px 1px #222;
    background-color: #00D500;
    background-image: url('img/button_i2.png');
    border: solid 1px green;
    border: 2px #00D500 solid;
}
.button_info:hover {
    border: 2px #00B300 solid;
    background-image: url('img/button_sipka_jdi.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.button_akce {
    text-shadow: 1px 1px #EEE;
    color: #222;
    background-color: #CCFF00; /* kriklva zelena */
    background-color: #FFCC00; /* plna zluta */
    background-color: #cccccc; /* plna zluta */
    border: 2px orange solid;
    color: #FFF;
    text-shadow: 1px 1px #222;
}

.button_akce:hover {
    border: 2px #E68400 solid;
    background-image: url('img/button_sipka_jdi.png');
    background-position: right center;
    background-repeat: no-repeat;
}
a.button strong {
    color: #FFF; 
}
a.button:hover {
    color: #FFF; 
}

.btn_r {
    background: #DEDEDE;
    background-image: -webkit-linear-gradient(top, #DEDEDE, #A9A9A9);
    background-image: -moz-linear-gradient(top, #DEDEDE, #A9A9A9);
    background-image: -ms-linear-gradient(top, #DEDEDE, #A9A9A9);
    background-image: -o-linear-gradient(top, #DEDEDE, #A9A9A9);
    background-image: linear-gradient(to bottom, #DEDEDE, #A9A9A9);

    border: solid #c2beae 1px;

    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;

    text-shadow: 1px 1px 3px #ffffff;
    /* font-family: Arial; */
    font-size: larger;
    color: #454545;
    text-decoration: none;

    /* padding: 10px 50px 10px 20px; */
    padding: 5px 25px;
    margin: 7px 10px 10px;
    display: inline-block;
}



.btn_r:hover {
    background: #ffe102;
    background-image: -webkit-linear-gradient(top, #ffe102, #efb402);
    background-image: -moz-linear-gradient(top, #ffe102, #efb402);
    background-image: -ms-linear-gradient(top, #ffe102, #efb402);
    background-image: -o-linear-gradient(top, #ffe102, #efb402);
    background-image: linear-gradient(to bottom, #ffe102, #efb402);
    text-decoration: none;
}


   
/*********************/

/*
//NEPOUZITO
div#price_plans {
    width: 100%;
    text-align: center;
}
div.price_plan {
    display: inline-block;
    float: left;
    margin: 10px;
    padding: 10px;
    text-align: center;
    
    width: 160px;
    min-height: 135px;
    
    border: 2px solid lightgray;
    background-color: #F8F8F7;
    border-radius: 7px;
}
div#price_plan_first { margin-left: 0; }
div#price_plan_last { margin-right: 0; }
*/



table#price_plan_detail hr { 
    margin: 0 0 0.5em 0; 
    padding: 0; 
    border: none; 
    height: 0.75em;
}
.price_plan_group {  }
.price_plan_1 { background-color: #29AEDB; }
.price_plan_2 { background-color: #B5D22A; }
.price_plan_3 { background-color: #F09020; }
.price_plan_4 { background-color: #D8002F; }
.price_plan_5 { background-color: #401C7E; }


table#price_plan_detail {
    border-collapse: collapse;

    width: 100%;
    /* border-radius: 7px; */
    /* border: 1px solid lightgray; */
    border-collapse: separate;
    border-spacing: 1px;
    overflow: hidden;
    
    background-color: white;
}
/* zebra */
table#price_plan_detail tbody tr:nth-child(even) {
   background-color: #F8F8F7;
}
table#price_plan_detail tbody tr:nth-child(odd) {
   background-color: #eee;
}
/* zebra hover */
/*
tbody tr:nth-child(even):hover {
   background-color: #FFF;
}
tbody tr:nth-child(odd):hover {
   background-color: #F8F8F7;
}
*/
table#price_plan_detail tbody tr:hover {
   background-color: #e6e6e6;
}

table#price_plan_detail tr {}

table#price_plan_detail th {
    border: 0px solid lightgray;
    padding: 0.8em 0 0 0;
    padding: 0 0 0.5em 0;
    text-align: center;
    background-color: white;
    background-color: #f8f8f7;
    vertical-align: middle;
}
table#price_plan_detail tr:first-of-type th {
    font-weight: bold;
}
table#price_plan_detail td {
    border: 0px solid lightgray;
    padding: 0.4em 1.5em;
    text-align: center;
}
table#price_plan_detail td.popis_sluzby {
    text-align: left;
    min-width: 290px;
}
table#price_plan_detail td.podnadpis {
    text-align: left;
    padding: 0 1.5em;
    font-weight: bold;
    
    /*
    background-color: #F9D202;
    background-color: #DFDBD8;
    background-color: #D1BCB1;
    */
    background-color: #BAA296 !important;
    /*
    color:  #473425;
    */
    color: #FFF;
    
    /* border-bottom: 2px solid #5C4A40; */
}



#button_pridat_firmu {
    position: absolute;
    right: 0;
    top: 50px;
}
@media screen and (max-width:961px) {
    #button_pridat_firmu {
        display: none;
    }
}


#kontaktni_formular th {
    vertical-align: top;
    padding-top: 5px;
}
#kontaktni_formular input,
#kontaktni_formular textarea
{
    margin: 5px 10px;
    border-radius: 3px;
}
#kontaktni_formular textarea {
    width: 500px;
    height: 200px;
    padding: 7px;
}
#kontaktni_formular input,
#kontaktni_formular textarea
{
    border-width: 1px;
    border-style: solid;
    border-color: #999 #bbb #bbb;
}
#kontaktni_formular .required {
    font-weight: bold;
    color: red;
}
#kontaktni_formular #pasticka {
    width: 1px; height: 1px;
    border: none;
}
.g-button-submit {
    background-color: #bc8d63;
    background-image: -moz-linear-gradient(center top , #bc8d63, #b5804f);
    border: 1px solid #b07b4a;
    color: #ffffff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.g-button-submit:hover {
    background-color: #845b37;
    background-image: -moz-linear-gradient(center top , #b07b4a, #845b37);
    border: 1px solid #825a37;
    color: #ffffff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.5);
}
.g-button-submit:active {
    background-color: #845b37;
    background-image: -moz-linear-gradient(center top , #845b37, #845b37);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}
.error_box {
    border-radius: 5px;
}


body#iframe { background-image: none; }
#page_wrap_iframe { display: block; margin: 3em 0; }
body#iframe .nodisp_iframe { display: none !important; } /* schova tlacitka v iframe*/
/* .hidden { visibility: hidden !important; } */



/*
alternativa jak schovat menu category
#category_wrap_bg {
  background-color: rgba(255,255,255,0.01);
  z-index: 100;
}
#category_wrap_bg:hover {
  background-color: rgba(255,255,255,0.05);
}
#category_wrap_bg:hover .category{
  z-index: -10;
}
*/


/* http error codes pages */
.absolute_bottom_left {
    position: absolute;
    bottom: 0;
    left: 10px;
    font-size: small;
}