/*
Zakladni barva: #00A28C
http://paletton.com/#uid=43e0u0kw0wAjxDBoSyFytp3DijG
*/
#all{clear:both;background-color:#fff;}
#all_in{position:relative;margin:0 auto;}

#all a{color: black;}

#header{
margin:0;
background-color: #222; /* Old browsers */
background: -moz-linear-gradient(top, #333 0%, #555 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #333 0%,#555 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ccc 0%,#eee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#555',GradientType=0 ); /* IE6-9 */
}

    #header_subtitle{
    display: block;
    padding:0.5em 0.5em;
    color: #fff;
    background-color: #000; /* Old browsers */
    background: -moz-linear-gradient(top, #000 0%, #555 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #000 0%,#555 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #000 0%,#555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#555',GradientType=0 ); /* IE6-9 */
    text-align: center;
    }

#header_in{position:relative; margin:0 auto;}

    #header_top{
    margin:0;
    padding:0.5em;
    position:relative;
    max-width:100%;
    /*height:calc(2rem + 8vw); max-height:8rem;*/
    }

        #header_logo{max-width:100%; height:initial;}
        #header_logo_img{min-width:50px; width:calc(16rem + 12vw); max-width:320px; height:auto; max-height:45px;}

        #all_search{width:100%; z-index:1000; max-height:2em;}
            #all_search input#search_val{max-width:80%; min-width:5rem; margin:0; border-radius:0.5em; border:1px solid #005959; display:inline-block;}
            #all_search #search_button{max-width:10%; min-width:1.5rem; height:initial; display:inline-block;}

    .usr_simple_login {width: initial;}
    #user_sign {}




/* Hlavni menu */
#menu_main{clear:both; position:relative; margin:0 auto; height:auto; padding:0 0.5em;}

#menu_main_open_button{
    display: inline-block;
    width:16em;
    max-width:90%;
    line-height:2em;
    border-radius:0.5em;
    margin:0.25rem 0;
    border:1px solid #333;
    padding:0.125em;
    color:#000;
    background-color:#eee;
    text-align: center;
    cursor: pointer;
    background-image: url(/_i/01/menu.svg);background-position: 10% 50%;background-repeat:no-repeat;
    font-size:100%;
}
    #menu_main_open_button.open{background-color: #999; color: white; border-color:#666;}
        #menu_main_open_button + #menu_main_in{display: none; visibility: hidden;}
        #menu_main_open_button.open + #menu_main_in{display: block; visibility: visible;}

/* Otevreni menu*/
#menu_main_open_button.open #menu_main_open_button_span{display: none; visibility: hidden;}
/* Zavreni menu */
#menu_main_close_button_span {display: none; visibility: hidden;}
#menu_main_open_button.open #menu_main_close_button_span {display: inline; visibility: visible;}

#menu_main{background-color:#ddd;}
#menu_main_in{
height:auto;
margin:0 auto;
background: #222; /* Old browsers */
background: -moz-linear-gradient(top, #888 0%, #444 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #888 0%,#444 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #888 0%,#444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888', endColorstr='#444',GradientType=0 ); /* IE6-9 */
z-index: 150;
position: relative;
}

#menu_main ul{margin:0; padding:0;}

#menu_main ul li{margin:0; padding:0; list-style-type:none; position:relative; width:100%;}

    #menu_main ul .menu_main_li {padding-right:0.125em;}
    #menu_main ul li .last{border-bottom:0 none;}

    #menu_main ul li > a, #menu_main ul li > strong, #menu_main ul li > a > strong {
        font-size:1.25em;
        display:block;
        padding:0.5em 0.5em;
        border:0;
        border-bottom:0.125em solid #fff;
    }
    #menu_main ul li > a.selected{padding:0; color:#000;}
    #menu_main ul li > a > strong {
        font-size:1em;
        border-right:0;
        border-bottom:0;
        color:#000;
    }

    #menu_main ul li a{color:#fff;text-decoration:none;
    background-color: #444; /* Old browsers */
    background: -moz-linear-gradient(top, #666 0%, #222 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #666 0%,#222 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #666 0%, #222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#222',GradientType=0 ); /* IE6-9 */
    }
    #menu_main ul li a:link, #menu_main ul li a:visited{color:#fff;}
    #menu_main ul li a:hover{
    color:#000;
    background-color: #ccc; /* Old browsers */
    background: -moz-linear-gradient(top, #ddd 0%, #888 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ddd 0%,#888 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ddd 0%,#888 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#888',GradientType=0 ); /* IE6-9 */
    }
    #menu_main ul li a:active{color:#000;background-color: #999;}
    #menu_main ul li strong{
    color: #000;
    background: #ddd; /* Old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #ccc 97%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fff 0%,#ccc 97%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fff 0%,#ccc 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */
    }
    #menu_main ul li a.active{color:#000; text-decoration:underline;}
    #menu_main ul li a.active:hover{color:#fff; text-decoration:none;}

    #menu_main ul li .last{border-right:0 none;}


      #menu_main ul li ul{top:3em;}

        #menu_main ul li ul{display:none;
        width:16em; max-width:100%; z-index:100; position:absolute; left:-0.125em;
        background-color:#666; /*border-color:#999; border-style:solid; border-width:0 0.125em;*/}
        #menu_main ul li ul li{float:none;width:16em;}
        #menu_main ul li ul li a, #menu_main ul li ul li strong{
        color:#fff; background:#666; display: block; font-size:90%;
        height:auto; line-height:1em; padding:1em;
        text-align:left; width:16em;
        border:1px solid #999; border-color:#000 #000 #999 #666; border-width:0 0 1px 1px;
        }
        #menu_main ul li ul li a:link, #menu_main ul li ul li  a:visited{color:#fff;}
        #menu_main ul li ul li a:hover{color:#000;background-color:#ccc;}
        #menu_main ul li ul li a:active{color:#fff;background-color:#666;}
        #menu_main ul li ul li strong{color:#000;background-color:#ccc;}
        #menu_main ul li ul li a.active{color:#fff;text-decoration:underline;padding:0;}
        #menu_main ul li ul li a.active:hover{color:#ccc;text-decoration:none;}

            #menu_main ul li ul li ul{left:16em;top:0;}


#banner_1{height:25vw;}




#left{margin-top:2em; float:none;}
#left p{text-align:left;}
#left ul{padding:0 0 0 0;overflow:hidden;margin: 0 0 1em 0;}
#left ul::after {
  border-bottom-left-radius:0.25em;
  border-bottom-right-radius:0.25em;
  content: ' ';
  display: block;
  height:0.5em;
  background: #02a79d;
  background: -moz-linear-gradient(top, #00a49a 0%, #0eb4aa 100%);
  background: -webkit-linear-gradient(top, #00a49a 0%,#0eb4aa 100%);
  background: linear-gradient(to bottom, #00a49a 0%,#0eb4aa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a49a', endColorstr='#0eb4aa',GradientType=0 );
}
    #left ul li ul::after {
      display: none;
    }
    #left ul li{margin:0;padding:0;list-style-type:none;list-style-position:outside;}
    #left ul li a, #left ul li strong{
    display:block;
    padding:1em 0.5em 1em 0.5em;
    background-color:#ddd;
    border-color:#02a79d;
    border-width:0 0 0 0.5em;
    border-style:solid;
    }
    #left ul li a:link{color:#444;}
    #left ul li a:visited{color:#555;}
    #left ul li a:hover{color:#000;border-color:#099;background-color:#eee;}
    #left ul li a:active{color:#099;background-color:#e8e8e8;}
    #left ul li strong{color:#000;border-color:#088;background-color:#fff;}
    #left ul li a.active{color:#000;font-weight:bold;background-color:#eee;border-color:#099;text-decoration:underline;}
    #left ul li a.active strong{padding:0;border:0 none;background-color:#eee;}
        /* t-menu */
        #left ul li ul{margin:0;padding:0;background-image:none;border-radius:0;}
        #left ul li ul li{padding-left:0;}
        #left ul li ul li a, #left ul li ul li strong{
        padding:0.75em 0 0.75em 1em; font-size:90%; border-width:0 0 0 0.5em;
        }
        #left ul li ul li a:link{color:#444;background-color:#ccc;border-color:#45c6be;}
        #left ul li ul li a:visited{color:#555;background-color:#ccc;border-color:#45c6be;}
        #left ul li ul li a:hover{color:#000;background-color:#ddd;border-color:#45c6be;}
        #left ul li ul li a:active{color:#099;background-color:#eee;border-color:#45c6be;}
        #left ul li ul li strong{color:#000;background-color:#fff;border-color:#088;}
        #left ul li ul li a.active{background-color:#bbb;border-color:#68DAD2; color: black;}
        #left ul li ul li a.active strong{background-color:#bbb;}
            /* dalsi uroven */
            #left ul li ul li ul li a, #left ul li ul li ul li strong{
            padding:0.5em 0 0.5em 2em;font-size:80%;
            }
                /* dalsi uroven */
                #left ul li ul li ul li ul li a, #left ul li ul li ul li ul li strong{
                padding:0.35em 0 0.35em 3em;font-size:70%;
                }


/* Ackovy nadpis s-menu*/
div.menu_section_header{
font-size:110%;
padding:0 0.25em 0 0.5em;
color:#fff;
line-height:2em;
background: #ea2030; /* Old browsers */
background: -moz-linear-gradient(top, #00a49a 0%, #0db3a9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00a49a 0%,#0db3a9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00a49a 0%,#0db3a9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a49a', endColorstr='#0db3a9',GradientType=0 ); /* IE6-9 */
}
#left div.menu_section_header a, div.menu_section_header strong{color: white;}
div.menu_section_header a, div.menu_section_header strong{display:block;}
div.menu_section_header a:link{color:#fff;}
div.menu_section_header a:visited{color:#ddd;}
div.menu_section_header a:hover{color:#000;}
div.menu_section_header a:active{color:#000;}
div.menu_section_header strong{color:#fff;}

#left h3, #left h2{
padding:0 0.25em 0 0.25em;
color:#000;
font-size:small;
line-height:2em;
}


#main{min-height:20em; margin-top:2em;}

@media(min-width:400px){
  #index_products .shop_product{width:44%; float:left;}
}

#admin_link{position:absolute;top:0.125em;right:1em;font-size:x-small;color:#000;text-align:right;z-index:100;}
#admin_link a{color:#36c;}

#addthis{position:absolute;top:0.125em;right:1em;width:16em;text-align:right;}

#index_right .block h2{margin:0;padding:0;border-bottom:0 none;}

#footer{clear:both;margin:0 auto;}
#footer_in{margin:2em auto 0 auto; padding:1em 0;background-color:#999;}
#footer_sub{margin:1em 0 0 0;padding:1em 0;text-align:center;font-size:x-small;}

#menu_footer{text-align:left;padding:1em;font-size:x-small;}
#menu_footer strong{color:#000;background-color:#fff;}
#menu_footer a:link.active, #menu_footer a:visited.active{color:#fff;}
#menu_footer a.active strong{color:#fff;background-color:transparent;}
#menu_footer a:link{color:#fff;}
#menu_footer a:visited{color:#eee;}
#menu_footer a:hover{color:#cff;}
#menu_footer a:active{color:#9cc;}
#menu_footer ul{float:left;margin:0;padding:0;}
#menu_footer ul li{float:left;margin:0;padding:0.125em;list-style-type:none;width:12em;font-size:small;}
#menu_footer ul li ul{float: none; margin:0 0 0 0.125em;}
#menu_footer ul li ul li{width:10em;font-size:x-small;}
#menu_footer li.menu_li_1{/*width:70px;*/}
#menu_footer li.menu_li_5{/*width:80px;*/}
#menu_footer li.menu_li_6{/*width:100px;*/}

ul#lang_ul li a:link{color:#fff;text-decoration:none;}
ul#lang_ul li a:visited{color:#ddd;text-decoration:none;}
ul#lang_ul li a:hover{color:#fcc;text-decoration:underline;}
ul#lang_ul li a:active{color:#99f;text-decoration:underline;}
ul#lang_ul li strong{color:#fff;}








/* stitky */
#all .tags_link{background-color: #00615A;}

.e_nedele .datum {color:#555; font-size:x-small;}

/* <index (obchod) - levý sloupec> */
#left .index-eknihy a img {width: 100%; height: initial;}

#left .special_content {border-left: 1px solid #950d18; border-right: 1px solid #950d18;}
#left .special_content li {padding: 0.25em 0.5em; font-size: x-small;}
#left .special_content strong,
#left .special_content a {
  border: 0;
  display: inline;
  background-color: initial;
  padding: 0;
}
#left .special_content.infomails .news {
  background-color: #efe;
}
#left .special_content.infomails .enedele {
  background-color: #fee;
}
#left .special_content.infomails .email_submit {
  padding: 0 0.5em;
}
#left .special_content.infomails strong ,
#left .special_content.infomails a {
  font-size: x-small;
}
/* </index (obchod) - levý sloupec> */

#left ul li .katalog_issuu a {
    border: 0;
    background: none;
}

.katalog_issuu span {
    display: none;
}

.ui-autocomplete{z-index:1000;}

#index_news{float:none; position:static; margin:4em 0;}
#index_news .art_intro img{clear:both; float:none; text-align:center; margin:0 auto 0.25em auto; position:relative; display:block;}

.index_fb_like{position:static; height:4em; margin:0 0 4em 0;}

.index_fb_link{margin:0 0 1em 0; clear:both;}
.index_fb_link p{text-align:left;}
.index_fb_link p a{text-decoration:none;}
.index_fb_link p a:hover{text-decoration:underline;}
.index_fb_link p a img{float:left; margin:0 0.25em 0.25em 0;}
.index_fb_link p a span{position:relative; top:0.8em;}

.index_pbaom{clear:both; margin:1em 0;}

#paulinky_citat{border:1px solid #950d18; border-radius:0.5em;padding:1em;margin:1em 0;}
