/*
Zakladni barva: #099
Seda: #e8ebeb
*/

body{}

#all{clear:both;background-color:#fff;}
#all_in{position:relative;margin:0 auto;}

#header{margin:0;}
#header_in{position:relative;}

#header_top{
margin:10px 0 0 0;
height:35px;line-height:35px;font-size:12px;color:#fff;background-color:#999;
background-image: url(../_i/01/bg_top.png);background-position:center;background-repeat:repeat-x;
position:relative; /*kvuli search*/
}
#header_top span{padding:0 10px;}

#all_search{
position:absolute;
right:10px;top:0px;width:172px;height:35px;
}
#all_search #search_val{width:150px;float:left;margin:5px 0 0 0;}
#all_search #search_button{width:22px;height:35px;float:right;}

#header_logo{clear:both;height:142px;background-image:url(../_i/01/bg_logo.png);background-position:right top;background-repeat:no-repeat;}
#header_logo_img{margin:32px 0 0 10px;}


#menu_main{clear:both;position:relative;margin:0 auto;}
#menu_main_in{height:48px;background-color:#999;background-image:url(../_i/01/bg_menu_main.png);background-position:top;background-repeat:repeat-x;}
#menu_main ul{margin:0;padding:0 0 0 2px;}
#menu_main ul li{margin:0;padding:0;list-style-type:none;float:left;position:relative;}
#menu_main ul li > a, #menu_main ul li > strong{
display:block;
width:115px;
height:48px;
text-align:center;
line-height:48px;
margin:0;
color:#fff;
border-right: 2px solid #fff;
}
#menu_main ul li > a > strong{
display:block;
height:48px;
text-align:center;
line-height:48px;
margin:0;
}
#menu_main ul li a{color:#fff;text-decoration:none;}
#menu_main ul li a:link, #menu_main ul li a:visited{color:#fff;}
#menu_main ul li a:hover{color:#000;font-weight:bold;background-color:#fff;}
#menu_main ul li a:active{color:#000;background-color: #999;}
#menu_main ul li strong{color:#fff;background-color:#099;background-image:url(../_i/01/bg_menu_main_active.png);background-position: enter;background-repeat:repeat-x;}
#menu_main ul li a.active{color:#fff;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{display:none;
width:240px;z-index:100;position:absolute;left:-2px;
background-color:#fff;border-color:#099;border-style:solid;border-width:0 2px;}
#menu_main ul li ul li{float:none;}
#menu_main ul li ul li a, #menu_main ul li ul li strong{
color:#000;background-color:#fff;display: block;font-size:x-small;
height:auto;line-height:1em;padding:1em;
text-align:left;
width:200px;
}
#menu_main ul li ul li a:link, #menu_main ul li ul li  a:visited{color:#000;}
#menu_main ul li ul li a:hover{color:#000;background-color:#fff;}
#menu_main ul li ul li a:active{color:#000;background-color:#e8ebeb;}
#menu_main ul li ul li strong{color:#000;background-color:#e8ebeb;}
#menu_main ul li ul li a.active{color:#000;text-decoration:underline;padding:0;}
#menu_main ul li ul li a.active:hover{color:#666;text-decoration:none;}

#menu_main ul li ul li ul{left:230px;top:0;}

#left{margin-top:2em;}
#left p{text-align:left;}
#left ul{padding:0 0 8px 0;overflow:hidden;margin: 0 0 1em 0;border-radius:0 0 0.25em 0.25em;
background-image:url(../_i/01/block_bg.png);background-position:bottom;background-repeat:repeat-x;}
#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;
font-size:12px;
padding:8px 10px 8px 10px;
background-color:#ddd;
border-color:#02a79d;
border-width:0 0 0 10px;
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:4px 0 4px 20px;font-size:11px;border-width:0 0 0 10px;
}
#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:4px 0 4px 40px;font-size:10px;
}
/* dalsi uroven */
#left ul li ul li ul li ul li a, #left ul li ul li ul li ul li strong{
padding:4px 0 4px 50px;font-size:9px;
}


/* Ackovy nadpis s-menu*/
div.menu_section_header{
font-size:14px;
padding:0 0.25em 0 10px;
color:#fff;
line-height:30px;
background-image:url(../_i/01/block_bg.png);
background-position:center;
background-repeat:repeat-y;
border-radius:0.5em 0.5em 0 0;
}
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;
background-image:url(../_i/menu_main_bg.gif);
background-position:center;
background-repeat:repeat-x;
color:#000;
font-size:small;
line-height:30px;
border-radius:0.5em 0.5em 0 0;
}
.block{margin:0 0 1em 0;padding:4px 5px 8px 5px;font-size:x-small;overflow:hidden;background-color:#099;
background-image:url(../_i/01/block_bg.png);background-position:center;background-repeat:repeat-y;border-radius:0.5em;}
.block h2, .block h3{color:#fff;margin:0 0 0.5em 0;}

#main{min-height:500px;margin-top:2em;}

#admin_link{position:absolute;top:45px;right:10px;font-size:x-small;color:#000;text-align:right;z-index:100;}
#admin_link a{color:#36c;}

#addthis{position:absolute;top:5px;right:10px;width:200px;text-align:right;}

#index_right .block h2{margin:0;}

.block_1_in{padding:1em;background-image:url(../_i/01/petikolik-transparent-150.png);background-position:110% 140%;background-repeat:no-repeat;}

#index_right .block h2{margin:0;padding:0;border-bottom:0 none;}

#footer{clear:both;margin:0 auto;}
#footer_in{margin:2em 0 0 0;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:4px;list-style-type:none;width:140px;font-size:small;}
#menu_footer ul li ul{float: none; margin:0 0 0 5px;}
#menu_footer ul li ul li{width:120px;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;}

#main_menu_open_button {
  display: none;
}

.left_panel_open_button {
  display: none;
}

#main_menu ul li {
  display: table;

}

#menu_main ul li > a, #menu_main ul li > strong, #menu_main ul li > a > strong {
  display: table-cell;
  vertical-align: middle;
  line-height: initial;
}
#menu_main ul li > a > strong {
  width: inherit;
}

#main_in p > img {
  max-width: 100%;
  height: initial;
}

.sprava #main_in p > img {
  width: inherit;
}

.uzivatel #main_in p > img {
  width: inherit;
}

/* stitky */
.tags_link{
  background-color: #099;
}

/* vyhledavani autocomplete */
.ui-autocomplete a {
  text-decoration: none;
  color: black;
}

.ui-autocomplete a b {
  color: #00f;
}

@media (max-width: 60em) { /* 960 */
    /* <hledání> */
    /*#all_search{
      top:32px;width:152px;
    }

    #all_search #search_val {
      width:130px;
    }*/
    /* </hledání> */


    /* <parametry zbozi> */
    .search_parameter_box {
      width: 48%;
      width: -moz-calc(50% - 6px);
      width: -webkit-calc(50% - 6px);
      width: -o-calc(50% -6px);
      width: calc(50% - 6px);
    }
    /* </parametry zbozi> */


    /* <menu> */
    ul#lang_ul {
      top: initial;
      bottom: -44px;
    }

    #menu_main_in {
      font-size: small;
    }
    #menu_main ul li > a, #menu_main ul li > strong{
      width:85px;
    }

    /* </menu> */


    /* <úvod> */
    #index_left.grid_8 {
      float: none;
    }
    #index_right.grid_4 {
      float: none;
    }
    #index_right .block {
      background-size: cover;
    }
    /* </úvod> */


    /* <fotogalerie> */
    .photo_img_previews .grid_3 {
      width: 180px;
    }

    .photo_img_previews .grid_6 {
      width: 300px;
    }

    .photo_image img {
      max-width: 650px;
      height: initial;
    }
    /* </fotogalerie> */


    /* <header> */
    #header_top {
      height: initial;
      background-position: top center;
      background-repeat: repeat;
      background-size: contain;
    }
    #header_top span {
      display: inline-block;
      width: -moz-calc(100% - 200px);
      width: -webkit-calc(100% - 200px);
      width: -o-calc(100% - 200px);
      width: calc(100% - 200px);
      line-height: initial;
      padding-top: 10px;
    }

    .usr_simple_login {
      top: initial;
      bottom: 105px;
    }

    #admin_link {
      top: initial;
      bottom: 105px;
    }

    #header_in #shop_cart_info {
      top: initial;
      bottom: 15px;
    }
    /* </header> */


    /* <footer> */
    #menu_footer ul li{float:none;display:inline-table;vertical-align:top;}
    /* </footer> */

}

@media (max-width: 48em) { /* 768 */
    body{
      background-color:#fff;
    }

    /* <menu> */
    ul#lang_ul {
      /*top: 188px;*/
      top: initial;
      bottom: -41px;
    }

    ul#lang_ul li strong {
      color: black;
    }

    ul#lang_ul li a:link{color:#000;}
    ul#lang_ul li a:visited{color:#444;}
    ul#lang_ul li strong{color:#000;}

    #menu_main ul li {
        float:none;
        display: table;
        width: 100%;
    }
    #menu_main {
        height:auto;
    }
    #menu_main_in {
        height:auto;
        background-repeat:repeat;
    }
    .menu_main_li {
      padding-right: 2px;
    }
    #menu_main ul li > a, #menu_main ul li > strong{
      height:46px;
      border-right: 0;
      border-bottom: 2px solid #fff;
      width: 100%;
    }
    #menu_main ul li > a.selected{
      display:table;
    }
    #menu_main ul li > a > strong{
      height:46px;
      border-right: 0;
      border-bottom: 0;
      width: 100%;
    }
    #menu_main ul li .last{border-bottom:0 none;}

    #menu_main ul li ul{
      top: 48px;
    }

    /* Zobrazování menu */
    #main_menu_open_button + #menu_main_in {
      display: none;
      visibility: hidden;
    }

    #main_menu_open_button.open + #menu_main_in {
      display: block;
      visibility: visible;
    }

    #main_menu_open_button {
      display: inline-block;
      width: 80px;
      height: 20px;
      background-color: gray;
      border-radius: 5px;
      margin: 3px 5px;
      border: 2px solid white;
      padding: 5px 5px 2px 5px;

      background-image: url(../_i/01/bg_menu_main.png);
      background-position-y: 50%;
      color: white;
      text-align: center;
      cursor: pointer;
    }

    /* Nápis tlačítka pro otevření menu */
    #main_menu_open_button_span {

    }

    #main_menu_open_button.open #main_menu_open_button_span {
      display: none;
      visibility: hidden;
    }

    /* Nápis tlačítka pro zavření menu */
    #main_menu_close_button_span {
      display: none;
      visibility: hidden;
    }

    #main_menu_open_button.open #main_menu_close_button_span {
      display: inline;
      visibility: visible;
    }

    #main_menu_open_button.open {
      /*background-image: url(../_i/01/menu_main_active.png);*/
      background-color: #099;
      background-image: none;
      color: white;
    }
    /* </menu> */


    /* <levypanel> */
    /* Zobrazování levého panelu na ostatních stránkách */
    .left_panel_open_button + aside {
      display: none;
      visibility: hidden;
    }

    .left_panel_open_button.open + aside {
      display: block;
      visibility: visible;
    }

    /* Zobrazování levého panelu na úvodní stránce */
    .left_panel_open_button + #index_left {
      display: none;
      visibility: hidden;
    }

    .left_panel_open_button.open + #index_left {
      display: block;
      visibility: visible;
    }

    .left_panel_open_button {
      display: block;
      font-size:18px;
      padding:0 0.25em 0 10px;
      color:#fff;
      background-color:#00A59B;
      background-image: url(../_i/01/block_bg.png);
      background-repeat: repeat;
      background-size: cover;
      background-position: center;
      line-height:30px;
      /*background-image:url(../_i/01/bg_menu_main.png);
      background-position:center;
      background-repeat:repeat-x;*/
      margin-bottom: 1em;

      cursor: pointer;
    }

    div.menu_section_header {
      background-repeat: repeat;
      background-size: cover;
    }

    #left ul {
      background-repeat: repeat;
      background-size: cover;
    }

    /* Nápis tlačítka pro otevření levého panelu */
    .left_panel_open_button_span {

    }

    .left_panel_open_button.open .left_panel_open_button_span {
      display: none;
      visibility: hidden;
    }

    /* Nápis tlačítka pro zavření levého panelu */
    .left_panel_close_button_span {
      display: none;
      visibility: hidden;
    }

    .left_panel_open_button.open .left_panel_close_button_span {
      display: inline;
      visibility: visible;
    }
    /* <levypanel> */

    /* <fotogalerie> */
    div.photo_img_previews {
      margin-left: 0;
    }

    .photo_img_previews > div {
      margin-left: 5px;
      margin-right: 5px;
      float: left;
    }

    .photo_img_previews .alpha {
      margin-left: 0;
    }

    .photo_img_previews .omega {
      margin-right: 0;
    }

    .photo_img_previews .grid_3 {
      width: 180px;
    }

    .photo_img_previews .grid_6 {
      width: -moz-calc(100% - 390px);
      width: -webkit-calc(100% - 390px);
      width: -o-calc(100% - 390px);
      width: calc(100% - 390px);
    }

    .photo_image img {
      max-width: 100%;
      height: initial;
    }
    /* </fotogalerie> */


    /* <footer> */
    #menu_footer > ul > li.menu_li_1{width:140px;}
    #menu_footer > ul > li.menu_li_5{width:140px;}
    #menu_footer > ul > li.menu_li_6{width:140px;}
    /* </footer> */
}