/**************************************************************/
/*-------------------------- M E N U -------------------------*/
@font-face {
    font-family: 'PTSans';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS55F-webfont.woff') format('woff'),
         url('../fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSans';
    src: url('../fonts/PTS56F-webfont.eot');
    src: url('../fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS56F-webfont.woff') format('woff'),
         url('../fonts/PTS56F-webfont.ttf') format('truetype'),
         url('../fonts/PTS56F-webfont.svg#pt_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'PTSans';
    src: url('../fonts/PTS75F-webfont.eot');
    src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS75F-webfont.woff') format('woff'),
         url('../fonts/PTS75F-webfont.ttf') format('truetype'),
         url('../fonts/PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'PTSerif';
    src: url('../fonts/PTF56F-webfont.eot');
    src: url('../fonts/PTF56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTF56F-webfont.woff') format('woff'),
         url('../fonts/PTF56F-webfont.ttf') format('truetype'),
         url('../fonts/PTF56F-webfont.svg#pt_serifitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'PTSerif';
    src: url('../fonts/PTF55F-webfont.eot');
    src: url('../fonts/PTF55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTF55F-webfont.woff') format('woff'),
         url('../fonts/PTF55F-webfont.ttf') format('truetype'),
         url('../fonts/PTF55F-webfont.svg#pt_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSerif';
    src: url('../fonts/PTF75F-webfont.eot');
    src: url('../fonts/PTF75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTF75F-webfont.woff') format('woff'),
         url('../fonts/PTF75F-webfont.ttf') format('truetype'),
         url('../fonts/PTF75F-webfont.svg#pt_serifbold') format('svg');
    font-weight: bold;
    font-style: normal;

}


body {background: url('/images/background.png') repeat-x center top #f8f8f8; font-family: 'PTSans';}
h1 {font-size: 24px; color: #005999; font-weight: normal; border-bottom: 1px #d9d9d9 solid; padding-bottom: 5px;}
h1,h2 {font-family: 'PTSerif'; font-weight: normal;}
#menu {
    margin-bottom : 0;
    border        : none;
    background: transparent;
    box-shadow: none;
}
#menu .container {background: url("/images/pruh.png") #ffffff repeat-x;}
#menu a {
    color : #fff;
}
.more-style {color: #f26924; font-size: 14px;}
.nadpis-style {font-size: 18px; margin-top: 4px; margin-bottom: 4px; padding: 0; color: #005999; font-weight: normal;}
.perex-style {font-size: 14px; color: #333333; max-width: 700px; line-height: 17px; margin: 0; clear: both;}
.clanek-item {width: 100%; margin-top: 10px; min-height: 75px; border: 1px #f5f5f5 solid; border-radius: 5px;}
.clanek-datum {width: 93px; float: left; font-size: 12px; color: #005999; padding-left: 7px; padding-top: 10px; height: 75px;}
.tdstyle {background: #f5f5f5; width: 93px;}
.clanek-text {float: left; padding-left: 15px;}
.clanek-text .glyphicon { margin: 7px 0px 0px 15px; }
#clanky-prehled + p {display: none;}
#paging {margin-left: 160px;}
#loginbox {max-width: 360px; float: right; margin-top: 2px; margin-right: 40px;}
#loginbox input {background: #a1c9e6; width: 115px; height: 28px; border-radius: 3px 0 3px 3px; font-size: 11px; border: none; color: black; outline: none; box-shadow: none; float: left; margin-right: 3px; font-style: italic;}
#loginbox button.btn {outline: none; background: #53d2a7; text-transform: uppercase; font-size: 11px; float: right; width: 85px; height: 28px; margin: 0 auto !important; border: none; outline: none; text-shadow: none;}
.container {background: #FFFFFF;}
.pdiv2 {width: 100%; margin-top: 13px; margin-bottom: 7px; border-top: 1px #ededed solid; padding-top: 6px; float: left; clear: both;}
#jazyky ul li a {width: 100%;}
.podkaz1 {float: left; margin-right: 10px; margin-left: 32px;}
.podkaz2 {float: left; margin-right: 20px;}
.pdiv1 {width: 310px; float: left; font-size: 14px; color: #333333}
.ph3 {font-size: 14px; margin-top: 0; margin-bottom: 5px; color: #005999; text-transform: uppercase;}
#menu .dropdown.open ul {
    background-color : #5f6b72;
}.input-group.input-group-sm {color: #FFFFFF; float: left; margin-right: 5px;}
#menu a.list-group-item {color: #000000; padding-top: 0; padding-bottom: 0;}
#formloged {width: 210px; margin-top: 5px;}
#menu .list-group {width: 80px; padding-top: 0; padding-bottom: 0; float: right;}
#jazyky {border-radius: 4px; background: #a1c9e6;   width: 140px; height: 28px; float: right; box-shadow: none !important; position: static; float: right; margin-left: 5px; margin-top: 2px;}
#jazyky a {background: #a1c9e6; font-size: 11px; color: #000000; text-shadow: none !important; height: 28px; border: none; width: 110px; text-align: left; padding-top: 7px;}
#jazyky span {text-shadow: none;}
#jazyky button {width: 30px; height: 28px; background: url("/images/sipka.png") no-repeat 5px center; border: none;}
#jazyky button span {display: none;}
#menu .row {min-height: 50px;}
#menu .dropdown.open a {
    background-color : #5f6b72;
    -webkit-transition: 300ms;
    transition: 300ms;
}
#levy-sloupec {margin-top: 140px;}
#search {width: 215px; height: 29px; background: url("/images/search.png") no-repeat; margin-bottom: 20px;}
#search input {background: transparent; font-size: 13px; border: none; outline: none; width: 185px; height: 29px; float: left; margin: 0; box-shadow: none;}
#search button {background: transparent; border: none; outline: none; width: 30px; height: 29px; float: right; margin: 0; padding: 0; font-size: 0; box-shadow: none;}
#menu .dropdown-menu > li > a:hover {
    color  : #222; background : #8cabbf;
    filter : progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.dropdown-menu {left: auto; margin-top: 28px; border: none; top: auto; box-shadow: none !important;}
#footer.container {padding: 0;}
#menu-logo {width: 250px; height: 160px; background: #FFFFFF; margin-top: 20px; border-radius: 9px; margin-left: -15px;  position: absolute;}
#menu-logo img {opacity: 1 !important;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .selected > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color      : #555555;
    background : #5f6b72; /*#8CABBF;*/
    filter     : progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color : #ebeff2;
}
.navbar-brand {
    height : auto;
}
.navbar-nav {
    background : transparent;
}
.navbar-nav > li {
    border : none;
    padding: 0;
}
.navbar-nav > li > a {
	padding: 0;
	color: #333333;
	padding-left: 20px;
    line-height : 37px;
    text-transform: uppercase;
    width: 218px; height: 37px; font-size: 13px;
    border-bottom: 1px #d9d9d9 solid;
    display: block;
    background: #f5f5f5;
}
.navbar-nav > li.selected > a {background: #005999; color: #FFFFFF; width: 225px; border-radius: 6px 6px 6px 0;}
.container .jumbotron {
    padding          : 0;
    background-color : inherit;
}
#list-zbozi .nav-tabs > li {
    padding : 8px 0;
}
.nav-tabs > li > a {
    color   : #000;
    padding : 4px 0.5em;
    border  : none;
}
.nav-tabs.nav-justified {
    margin-bottom : -1px;
}
.nav-tabs.nav-justified > li > a {
    min-height  : 3em;
    line-height : 16px;
}
#menu-mobile {position: absolute; top: 0; background: transparent; border: none; box-shadow: none;}
#menu-mobile .panel-body.nopadding-bottom-top {border: none; background: transparent;}
#menu-mobile .navbar-toggle.pull-left.btn-lg {margin-top: -5px;}
#list-zbozi .nav-tabs > li > a {
    border-right : 1px solid #aaa;
}
#banner {width: 100%; min-height: 71px; background: url('/images/baner.png') no-repeat #f5f5f5; border-radius: 6px; background-size: auto 100%;}
#bdiv {margin-left:150px; padding-right: 15px; margin-top: 15px; float: left;}
#bcon {font-size: 13px; color: #f3f3f3; text-transform: uppercase; display: block; margin-top: 8px; background: #51caa1; border-radius: 3px; margin-right: 15px; width: 165px; margin-top: 8px; line-height: 28px; text-align: center; height: 28px; float: right; text-decoration: none;}
#fotdiv {width: 100%; background: url('/images/pruh2.png') no-repeat center center #f8f8f8; padding-right: 20px; box-sizing: initial; height: 7px; background-size: 100%;}
.pagination a.aktivni {background-color: #eee;}
/*.nav-tabs > li > a:last-child {border-right: none;}*/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color               : #428bca;
    background-color    : #ebeff2;
    border              : none;
    border-right        : 1px solid #aaa;
    border-bottom-color : #ebeff2;
}
#jazyky {display: block !important; opacity: 1 !important;}
#tab-registration.nav-tabs > li.active > a,
#tab-registration.nav-tabs > li.active > a:hover,
#tab-registration.nav-tabs > li.active > a:focus {
    background-color : rgba(0, 0, 0, 0);
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color : #ebeff2;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color : #8cabbf;
}
.nav .nav-divider {
    margin : 0;
}

.navbar-toggle {
    border : none;
}
.nav-list {
    padding-left : 1em;
    margin-bottom : 0;
}
.nav-list ul li:hover {
    background-color : #dde1e4;
}
#list-zbozi .nav {
    background-color : #ebeff2;
    color : #2b78a7;
}
#list-zbozi .nav,
#product-list,
#kategorie-list {
    padding : 0;
}
/*-------------------------- M E N U -------------------------*/
/**************************************************************/


/**************************************************************/
/*--------------------- H O M E    M E N U -------------------*/
#jazyky {
    box-shadow  : 0 1px 30px #1f1938;
    text-shadow : 0 1px 2px #111;
    z-index     : 10;
}
#jazyky a {
    text-shadow : 1px 2px 10px #555;
}
/*--------------------- H O M E    M E N U -------------------*/
/**************************************************************/

/**************************************************************/
/*----------------- D R O P D O W N   M E N U ----------------*/
.dropdown-menu {
    opacity           : 0.95;
    background-image  : -webkit-linear-gradient(top, #5f6b73 0%, #5f6b73 100%);
    background-image  : linear-gradient(to bottom, #5f6b73 0%, #5f6b73 100%);
    filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f6b73', endColorstr='#5f6b73', GradientType=0);
    background-repeat : repeat-x;
    border-color      : #5f6b73;
    padding           : 0;
    -webkit-transition: 300ms;
    transition: 300ms;

}
.navbar-nav .open .dropdown-menu {
    opacity: 1;
}
.navbar-nav .open .dropdown-menu a {
    opacity: 1;
}
#menu-logo-dropdown {
    box-shadow : 1px 10px 20px #1f1938;
}
/*----------------- D R O P D O W N   M E N U ----------------*/
/**************************************************************/

/**************************************************************/
/*---------------------------- T Y P O S ---------------------*/
h1, .h1 {
    color : #2b78a7;
}
#detail h1 { font-size : 22px; }
h4.nazev {
    font-size : 13px;
    height    : 1.25em;
    overflow  : hidden;
}
.informace b, .informace strong {
    font-size : 1.2em;
}
hr {
    margin-bottom : 10px;
    margin-top    : 10px;
}
#dorucovaci-adresy .nadpis {
    margin-top : 0;
}
table#adresy .nadpis {
    color : #4d8aac;
}
/*---------------------------- T Y P O S ---------------------*/
/**************************************************************/

/**************************************************************/
/*---------------------------- I C O N S ---------------------*/
.glyphicon { top : 0; }
#katalog-tree .glyphicon:hover { cursor : Pointer; }
.nav-list .glyphicon {
    color : #558;
    top : -1px;
    text-shadow : 1px 2px 1px #888;
    font-family : Geneva, Arial, Helvetica, sans-serif;
}
.list-group li.sbalit .glyphicon-plus:before {
    content : "-";
}
/*---------------------------- I C O N S ---------------------*/
/**************************************************************/

/**************************************************************/
/*--------------------------- C O L O R S --------------------*/
.color-default, .color-default a { color : #8cabbf; }
/*--------------------------- C O L O R S --------------------*/
/**************************************************************/

/**************************************************************/
/*------------------------ U T I L I T I E S -----------------*/
.jGrowl-message a { color : #eaee11; }
/*------------------------ U T I L I T I E S -----------------*/
/**************************************************************/

/**************************************************************/
/*------------------------- B A D G E T S --------------------*/
.badge-info { background-color : #8cabbf; }
.badge-info:hover { background-color : #8cabbf; }
.btn .badge { top : -3px; }
/*------------------------- B A D G E T S --------------------*/
/**************************************************************/

/**************************************************************/
/*------------------------- B U T T O N S --------------------*/
.btn { font-weight : 600; }
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left : 0;
}
.btn-default, .btn-primary,
.btn-success, .btn-info,
.btn-warning, .btn-danger {
    text-shadow : 1px -1px 1px rgba(0, 0, 0, 0.2);
}

.btn-default {
    background-color    : #8cabbf;
    background-image    : linear-gradient(to bottom, #8cabbf 0%, #8cabbf 100%);
    color               : #fff;
    border-bottom-color : #669999;
    font-variant        : small-caps;
}
.btn-default:hover,
.btn-default:focus {
    background-image    : -webkit-linear-gradient(top, #809eb1 0%, #7c95a9 100%);
    background-image    : linear-gradient(to bottom, #809eb1 0%, #7c95a9 100%);
    filter              : progid:DXImageTransform.Microsoft.gradient(startColorstr='#809eb1', endColorstr='#7c95a9', GradientType=0);
    background-color    : #7c95a9;
    background-position : 0 0;
    color               : #fff;
    border-bottom-color : #669999;
}
.btn-primary {
    background : #585f68;
    border     : 1px solid #585f68;
    color      : #fff;
}
.btn-primary:hover {
    background : #585f68;
    border     : 1px solid #585f68;
}
/* .btn-xs,
.btn-group-xs > a.btn {
    line-height : 1.2;
} */
.btn-xs, .btn-group-xs > .btn {
    border-radius : 5px;
    border-width  : 1px;
    /*font-size: 13px;*/
}
.btn-xs.small,
.btn-group-xs.small > .btn {
    font-size : 10px;
}
.btn-danger {
    background-color : #cc3366;
    background-image : linear-gradient(to bottom, #cc3366 0%, #cc3366 100%);
    font-variant     : small-caps;
}
.btn-danger:hover,
.btn-danger:focus {
    background-image    : -webkit-linear-gradient(top, #c23161 0%, #c23161 100%);
    background-image    : linear-gradient(to bottom, #c23161 0%, #c23161 100%);
    filter              : progid:DXImageTransform.Microsoft.gradient(startColorstr='#c23161', endColorstr='#c23161', GradientType=0);
    filter              : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-color    : #c23161;
    background-position : 0 0;
}
.btn-success {
    background-image : -webkit-linear-gradient(top, #99cc66 0%, #99cc66 100%);
    background-image : linear-gradient(to bottom, #99cc66 0%, #99cc66 100%);
    filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#99cc66', endColorstr='#99cc66', GradientType=0);
    filter           : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-color     : #99cc66;
}
.btn-success:hover,
.btn-success:focus {
    background          : #8dbc5e;
    border-color        : #99cc66;
    background-position : 0 0;
}
.btn-success:active,
.btn-success.active {
    background-color : #81ac56;
    border-color     : #81ac56;
}
/*------------------------- B U T T O N S --------------------*/
/**************************************************************/

/**************************************************************/
/*------------------------- P A N E L S ----------------------*/
.panel-both {
    overflow                   : auto;
    overflow-y                 : scroll;
    z-index                    : 1050;
    outline                    : 0;
    -webkit-overflow-scrolling : touch;
}
.panel-default > .panel-heading {
    color      : #fff;
    background : #5f6b73;
    background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVmNmI3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDQ2NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background : -moz-linear-gradient(top, #5f6b73 0%, #3d464d 100%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5f6b73), color-stop(100%, #3d464d));
    background : -webkit-linear-gradient(top, #5f6b73 0%, #3d464d 100%);
    background : -o-linear-gradient(top, #5f6b73 0%, #3d464d 100%);
    background : -ms-linear-gradient(top, #5f6b73 0%, #3d464d 100%);
    background : linear-gradient(to bottom, #5f6b73 0%, #3d464d 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f6b73', endColorstr='#3d464d', GradientType=0);
}
.panel-body,
.panel-footer {
    background : #ebeff2;
    padding    : 10px;
}
.panel-primary {
    border : 1px solid #ebeff2;
}
.panel-primary > .panel-heading {
    background : #ebeff2;
    color      : #000; border : none;
}
.panel-primary > .panel-body {
    border : 0;
}
.panel-heading, .panel {
    -webkit-border-top-left-radius  : 10px;
    -webkit-border-top-right-radius : 10px;
    -moz-border-radius-topleft      : 10px;
    -moz-border-radius-topright     : 10px;
    border-top-left-radius          : 10px;
    border-top-right-radius         : 10px;
}
#dorucovaci-adresa .panel-heading {
    background : none;
    color      : #000; border : none;
}
#katalog-tree .panel-heading:hover {
    cursor     : Pointer;
    color      : #fff;
    background : #57626a;
    background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVmNmI3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDQ2NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background : -moz-linear-gradient(top, #57626a 0%, #3d464d 100%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57626a), color-stop(100%, #3d464d));
    background : -webkit-linear-gradient(top, #57626a 0%, #3d464d 100%);
    background : -o-linear-gradient(top, #57626a 0%, #3d464d 100%);
    background : -ms-linear-gradient(top, #57626a 0%, #3d464d 100%);
    background : linear-gradient(to bottom, #57626a 0%, #3d464d 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#57626a', endColorstr='#3d464d', GradientType=0);
}
#kosik_prehled .panel {
    border : none;
}
#kosik_prehled .panel-body {
    background-color : inherit;
    border : 1px solid #dfe3e6;
    margin : 4px 0;
}
#kosik_prehled .panel-footer {
    border : 1px solid #dfe3e6;
}
#katalog-tree .panel-body { padding : 0; }
#katalog-tree .list-group a {
    color : #000;
}

#collapseOne .panel-body {
    background-color : inherit;
}
/*------------------------- P A N E L S ----------------------*/
/**************************************************************/

/**************************************************************/
/*-------------------------- F O R M S -----------------------*/

/*noinspection CssInvalidPseudoSelector*/
.form-control::-moz-placeholder {
    font-style : italic;
}
.input-group-slide .input-group-addon,
.input-group-slide .input-group-btn {
    width : inherit;
}
.input-group-zero .input-group-addon {
    color : #fff;
}
fieldset {
    border-top : none;
}
#filter-zbozi .form-control {
    padding-left : 4px;
    padding-right : 4px;
}
/*-------------------------- F O R M S -----------------------*/
/**************************************************************/

/**************************************************************/
/*--------------------------- T A B S ------------------------*/
.nav-pills > li > a {
    background-color : #ebeff2;
}
.nav-pills > li + li {
    margin-left   : 8px;
    margin-bottom : 4px;
}
.nav.nav-pills > li > a {
    padding-left  : 4px;
    padding-right : 4px;
}
.tab-content {
    border-top : none;
}
#tab-registration li {
    height                          : 97px;
    background-color                : #ebeff2;
    -webkit-border-top-left-radius  : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-topleft      : 5px;
    -moz-border-radius-topright     : 5px;
    border-top-left-radius          : 5px;
    border-top-right-radius         : 5px;
}
#tab-registration li:not(.active) {
    border-bottom : 1px solid #d1d1d1;
}
#tab-registration li a {
    font-family : "Open Sans", sans-serif;
    font-size : 22px;
    line-height : 25px;
    color : #333;
    border : none;
}
#tab-registration li a small { font-size : 65%; }
#tab-registration li.active {
    background : #dfe3e6 url("/images/tab-up-active.png") no-repeat 50% bottom;
    z-index : 0;
}
#tab-registration.nav > li > a:hover,
#tab-registration.nav > li > a:focus {
    background-color : transparent;
}
#kosik_udaje .tab-content {
    border : 1px solid #d1d1d1;
    padding-top : 15px;
}
/*--------------------------- T A B S ------------------------*/
/**************************************************************/

/**************************************************************/
/*------------------------- T A B L E S ----------------------*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
    background-color : #ebeff2;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top : 1px solid #ebeff2;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color : #ebeff2;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
    background-color : #ebeff2;
}
/*------------------------- T A B L E S ----------------------*/
/**************************************************************/

/**************************************************************/
/*-------------------------- M E D I A -----------------------*/
.media img.media-object {
    width : 58px;
    height : 43px;
}
/*-------------------------- M E D I A -----------------------*/
/**************************************************************/

/**************************************************************/
/*------------------------- G R O U P S ----------------------*/
.list-group {
    margin-bottom : 0;
}
.list-group li.sbalit {
}
.list-group-item-info {
    background-color : #ebeff2;
}

.list-group .list-group-item {
    background-color : #ebeff2;
    border           : none;
    -webkit-transition: 500ms;
    transition: 500ms;
}
a.list-group-item:hover,
a.list-group-item:focus {
    background-color : #e5e9ec;
}
#kosik .list-group .list-group-item.list-group-item-info {
    background : #ebeff2;
    color      : #000;
}
.list-group.table .list-group-item {
    border : 1px solid #eee;
}
.list-group.table .list-group-item:not(.list-group-item-info) {
    margin       : 4px 0;
    border-color : #ddd;
}
.list-group li.selected ul { border-left : 1px solid #ccc; }
.list-group li.selected li {
    background-color : #dfe3e6;
    border           : none;
}

.list-group li.selected ul li:first-child {
    /*border-top: 1px solid #C2C9CC;*/
}
.list-group-item.selected { padding-bottom : 0;
    padding-left                           : 0;
    padding-right                          : 0;
}
.list-group-item.selected a {
    margin-left : 1em;
}
#kosik .list-group .list-group-item.active {
    background  : #dfe3e6;
    color       : #000;
    text-shadow : none;
}
.contact-button {width: 200px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; text-decoration: none; background: url("/images/contact-button.png") no-repeat; color: #FFFFFF; display: block; float: right; margin-right: 25px; text-transform: uppercase;}
.contact-button:hover {color: #FFFFFF;}
#kosik .list-group .list-group-item { background-color : #fff; }
/*------------------------- G R O U P S ----------------------*/
/**************************************************************/

/**************************************************************/
/*-------------------------- P A G E S -----------------------*/
.page-header {
    border-bottom : none;
    margin : 20px 0 20px;
}
#popis-zbozi .page-header {
    margin-top : 10px;
}
/*-------------------------- P A G E S -----------------------*/
/**************************************************************/

/**************************************************************/
/*-------------------------- W E L L S -----------------------*/
.well {
    background            : #ffffff;
    -webkit-border-radius : 0;
    -moz-border-radius    : 0;
    border-radius         : 0;
    box-shadow            : none;
    border: none;
}
#kategorie-list.well,
#list-zbozi .well {
    border : none;
}
/*-------------------------- W E L L S -----------------------*/
/**************************************************************/

/**************************************************************/
/*---------------------- T H U M B N A I L S -----------------*/
.thumbnail {
    border : none;
    border-radius : inherit;
    box-shadow : none;
}
.thumbnail .caption {
    padding-left : 0;
    padding-right : 0;
}
/*---------------------- T H U M B N A I L S -----------------*/
/**************************************************************/

/**************************************************************/
/*----------- GLOBALS  KOSIK / KATEGORIE / PRODUKTY ----------*/
#kosik #dorucovaci {
}
#kosik #kontaktni {
}
#kosik #dorucovaci .list-group-item,
#kosik #kontaktni .list-group-item {
    background-color : transparent;
}
#kosik_prehled table#produkty tr {
    border : 1px solid #dfe3e6;
}
#kosik .pplpartner_map  {
    width: 90%;
    height: 300px;
}
#kategorie-list .item .thumbnail .row {
    margin : 0;
}
#product-list .item,
#kategorie-list .item {
    padding : 0 5px;
}
#product-list .item .thumbnail,
#kategorie-list .item .thumbnail {
    margin-bottom : 10px;
}
#product-list .thumbnail ul,
#kategorie-list .thumbnail ul {
    font-size : 12px;
}
#kategorie-list .item {
    padding : 0 5px;
}
#kategorie-list.well {
    padding-top : 10px;
}

#product-list .item .top-info,
#product-list .item .bottom-info,
#kategorie-list .item .top-info,
#kategorie-list .item .bottom-info {
    padding : 0;
}
#product-list .informace,
#kategorie-list .informace {
    line-height : 12px;
    height : 4.0em;
}

#kosik #step2 .well, #kosik #kosik_prehled .well { background : none; border : none; }
#kosik .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { padding : 4px; }
#kosik .nazev { color : #3c81a7; }

#katalog-tree .list-group {
    margin     : 0;
    color      : #000;
    box-shadow : none;
}
#katalog-tree .dropdown-submenu > a:after { margin-right : 5px; }

#product-list .info, #kategorie-list .info { padding : 10px; }
#detail #add_to_card span { background-color : #cc3366; color : #fff; }
/*----------- GLOBALS  KOSIK / KATEGORIE / PRODUKTY ----------*/
/**************************************************************/

/**************************************************************/
/*----------------------- F O O T E R ------------------------*/
/*#footer, footer .well {background-color: #5e6b73;}*/
/*----------------------- F O O T E R ------------------------*/
/**************************************************************/

#phone-menu-links {display: none;}
/**************************************************************/
/*----------------------- R E S P O N S I V E ----------------*/
@media (max-width : 767px) {
    #loginbox {max-width: 360px; float: left; margin-top: 20px; margin-left: 40px; margin-bottom: 20px}

    .container { min-width : 450px; }
    .navbar-nav { margin : 0; }
    .navbar-nav > li > a { line-height : 1em; }
    .navbar-nav .open .dropdown-menu {box-shadow:  0 3px 9px rgba(0, 0, 0, 0.075) inset;}
    #filter-zbozi .form-group { margin : 0; line-height : 0; }
    .nav-tabs > li > a { padding : 4px 0.2em; }
    /*.nav-tabs > li {padding: 12px 0;}*/
    .panel-heading { padding : 19px 15px; }
    #product-list .btn-xs, #product-list .btn-group-xs > .btn,
    #kategorie-list .btn-xs, #kategorie-list .btn-group-xs > .btn { font-size : 22px; }
    .btn { font-weight : normal; }
    #add_to_card button { font-size : 20px; font-weight : bold; }

    .panel-heading .glyphicon { padding : 0 10px 1px 5px; }
    #product-list.well { background-color : inherit; }
    #product-list .item, #kategorie-list .item { border-bottom : 1px solid #c7c8ca; }
    #product-list .item .thumbnail, #kategorie-list .item .thumbnail { margin-top : 10px; }
    h4.nazev { font-size : 20px; }

    #tab-registration .col-xs-4 { width : 31.33333333%; margin-left : 1%; margin-right : 1%; }
    #tab-registration li a { font-size : 18px; }
    .well a {margin-bottom: 32px; clear: both !important; float: left !important; margin-bottom: 10px;}
    .well a+a {margin-left: 32px !important;}
    .well div {margin-left: 32px !important; margin-bottom: 20px; margin-top: 10px; clear: both !important; float: left !important;}
    .well div+a {margin-left: 32px !important;}
    .well div+a+div {width: auto !important; border: none !important;}
    .logo {margin-top: 50px;}
    #levy-sloupec {margin-top: 20px; margin-bottom: 20px; display: none;}
    .navbar-nav > li > a {line-height: 37px; width: 318px; margin: 0 auto;}
    .navbar-nav > li.selected > a {width: 325px;}
    button.btn.btn-default.btn-lg.navbar-toggle {display: none;}
    #search {display: none;}
    #hlavni {clear: both;}
    .navbar-nav {margin-right: 220px !important;}
    #jazyky {display: none !important;}
    #phone-menu-links {display: block; height: auto; min-height: 105px; margin-left: 40px; margin-top: 10px; margin-bottom: 10px; padding-top: 8px; padding-bottom: 8px;}
    .navbar-collapse.collapse.in {position: absolute !important; top: 33px; background: #2a6496; color: #FFFFFF; width: 100%;}
    #phone-menu-links a {font-size: 14px; display: block; float: left; clear: both; margin-top: 3px; }
    #menu {height: 280px !important;}
    .input-group.input-group-sm {color: #FFFFFF; float: left;}
    .list-group a {color: #000000; float: left;}
    #formloged {min-width: 200px}
    .navbar-toggle.pull-left.btn-lg {color: #FFFFFF;}
    .navbar-toggle.pull-left.btn-lg:hover {color: #000000;}
}

@media (min-width : 768px) {
    #tab-registration .col-sm-3:first-child { margin-left : 0; }
    #tab-registration .col-sm-3:last-child { margin-right : 0; }
    #tab-registration .col-sm-3 { margin-left : 1%; margin-right : 1%; }
    #tab-registration .col-sm-offset-3 { margin-left : 22%; }
     #levy-sloupec {margin-top: 30px}
}

@media screen and (min-width : 768px) and (max-width : 1050px) {
    #product-list .foto, #kategorie-list .foto { height : 150px; }
    .navbar-nav>li {float: left; clear: both;}
    /*.navbar {min-height: 100px; float: left; left: 200px; top: -100px; position: relative;}*/
    #hlavni {float: left; }
    #menu-logo {margin-top: 80px;}
    
    .well a {margin-bottom: 10px;}
    .well a+a {margin-left: 210px !important;}
    .well div {margin-left: 32px !important; margin-bottom: 20px;}
    .well div+a {margin-right: 40px !important;}
   
}
@media (min-width : 992px)
{
#levy-sloupec {margin-top: 140px;}
#menu-logo {margin-top: 20px;}
}
@media (max-width : 1049px) {
    #pravy-sloupec #boxes { margin-top : 10px; }
}

@media screen and (min-width : 1050px) and (max-width : 1239px) {
    #product-list .foto, #kategorie-list .foto { height : 150px; }
}

/* col-md --> */
@media (min-width : 1050px) {
    #hlavni { padding : 10px; padding-right: 30px; min-height: 400px; }
    #souhlasy .col-md-2 { width : 12.667%; }
    #souhlasy .col-md-offset-2 { margin-left : 12.667%; }
    #souhlasy .col-md-10 { width : 87.333%; }
}
/*----------------------- R E S P O N S I V E ----------------*/
/**************************************************************/
.tomiddle {width: 100%;}
#paging {margin: 20px auto;}
.tomiddle p {display: none;}
#logo img {max-width: 1000px !important; margin-left: -25px;}
#hlavni table {width: 100%;}
.glyphicon {left: -5px;}
.glyphicon.glyphicon-home {background: url(/images/vlajka_cz.gif) no-repeat; background-size: contain; display: block; float: left; width: 18px; height: 14px;}
.glyphicon.glyphicon-home:before {content: none;}
#footer {padding-right: 20px !important; padding-top: 5px; padding-bottom: 5px; box-sizing: initial;}