/*
 * Style tweaks
 * --------------------------------------------------
 */
html {
  position: relative;                                   
  min-height: 100%;
}
body {
	height: 100%;
	margin : 0px; padding : 0px;
	
	font-family: 'Open Sans', 'Arial', 'Tahoma', 'Helvetica CE', 'Helvetica';
  font-size: 0.9em;
	line-height: 1.5;
	color: #333;
  background: #eaeaea;
  //margin-bottom: 250px; /* kvuli vzdy dole umistenemu zapati */
//  margin-top: 15px;

}

label {font-weight: normal; margin-top: 5px; }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 1400px; /* or 950px */
}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0px 0px 0px; padding:0;
      border:none;
      visibility: hidden;
}


textarea, select, input, button { outline: none; }

.main-content { padding: 0 20px 50px 20px; }

ul.nav li a:link, ul.nav li a:visited { margin-top: 0px; margin-bottom: 0px; padding: 0px 15px; background: #404040; color: #fff; font-size: 0.9em; border: 1px transparent solid;  }
ul.nav li a:hover { color: #000; text-decoration: underline; background: none;  }



ul.dropdown-menu { background: #111; padding: 0px; margin:0; border-radius: 0px;  }
ul.dropdown-menu li a:link, ul.dropdown-menu li a:visited { border-bottom: 0px #fff solid; background: #111; color: #fff; margin:0; padding-top: 10px; padding-bottom: 10px; }

ul.dropdown-menu li a:hover { background: #e30613; color: #fff; border-radius: 0; }
.dropdown-toggle:active, .open .dropdown-toggle {background:#234fa8 !important; color:#fff !important; c}


/*
ul.t-navi li a:link, ul.t-navi li a:visited { color:#fff; background: #454545; padding: 15px 30px 10px 30px; height: 70px; max-width: 180px; font-size: 0.9em; text-transform: uppercase; border-bottom: 5px transparent solid; margin-left: 5px; }
ul.t-navi li a:hover { background: #000; border-bottom: #d20a11 5px solid; color: #fff;   }
*/
.divider { border-bottom: 1px #bbb solid; }


.basket-top { margin: 8px 0; text-align: right; line-height: 1.4; }
.basket-top .total { margin-right: 7px;  }
.basket-top .total a { font-size: 1.4em; font-weight: bold; color: #234fa8; padding-left: 8px; text-decoration: none;  }
.basket-top .pic { padding-right: 10px; margin-right: 7px; position: relative; }
.basket-top .mnoz { position: absolute; top: 0; right:0;  background: #6ab537; padding: 2px 7px 2px 7px; border-radius: 50px; font-weight: bold; color: #fff; font-size: 0.9em; }
//.basket-top img { margin-left: 15px; float: right; }

.bg-page-alpha { background-color:rgba(255,255,255,0.4); }

.tucny {font-weight: bold;}
.mensi {font-size: 0.9em;}
.lft {text-align: left;}
.centr {text-align: center;}
.rght { text-align: right;}
.odsazeny, table.kosik tr td.odsazeny { padding-left: 20px; }
.text-help {color: gray;}
.text-invis, .text-invis label {color: #aaa; cursor:not-allowed; }
.text-cerveny {color: red;}
.text-orange {color: #ff3300;}
.text-green {color: green;}
.oddelovac-textu, .oddelovac {	height: 15px; }
.oddelovac-textu-velky, .oddelovac-velky { height: 30px; }

.bg-white { background: #fff;}

ul.menu { padding: 0; margin: 0; width: 100%;  }
ul.menu li { margin: 0; padding: 0; list-style-type: none;  }
ul.menu li a { display: block;  width: 100%; position: relative; font-size: 0.9em; background: #234fa8; padding: 3px 7px; color: #fff; text-decoration: none; border-bottom: 1px trasparent solid; min-height: 40px; padding-left: 40px;  }
ul.menu li a img {float: left; text-align: center; vertical-align: middle; }
ul.menu li a:hover, ul.menu li a.black-friday:hover { background: #404040; color: #fff; }
ul.menu li a.active  { background: #404040; }

ul.menu li a.ptop { padding-top: 10px; }
ul.menu li a.black-friday { background: #000; color: yellow; }

.submenu { position: absolute; top: 0; left:100%; height: auto; min-height: 250px; width: 100%;  z-index: 100; background: #404040; color: #fff; display: none; border: 0px red solid; }
.submenu a { color: #fff; }
.submenu a:hover div.submenu-name{ text-decoration: underline; } 

.navmenu ul.nav li a:hover { background: #454545; color: #fff; }

#login-trigger img { height: 18px; }
#logo { width: 225px; float: left; }
#logo img { max-height: 100px; }


/* vzhled ikony menu na mobilnich zarizenich */
.navbar-toggler{
    width: 35px;
    height: 35px;
    background-color: transparent;
    outline: none;
    margin: 7px 5px 0 0;
    padding: 0 5px;
    border: 0;
}
.navbar-toggler .line{
    width: 100%;
    float: left;
    height: 3px;
    border-radius: 100px;
    background-color: #777;
    margin-bottom: 5px;
}
/* vzhled ikony menu na mobilnich zarizenich */
/*
.navbar-toggle { background-color: transparent; border: 1px transparent solid; border-radius: 0; margin: 0px -10px 0px 0px; height: 40px; width: 50px; margin-left: 5px; }
.navbar-toggle:hover, .navbar-default .navbar-toggle:focus { border: 1px transparent solid; }
.navbar-toggle .icon-bar { background-color: gray; height: 4px; border-radius: 10px;  width: 30px; }
.navbar-toggle:hover .icon-bar { background-color: #111;  }
*/

.bg-navi { background: #454545; min-height: 50px; top: -30px; }
.navigace { font-size: 0.9em; color: #606060; padding: 0px 10px;  margin-bottom: 0px; }

.navigace a:link, .navigace a:visited { color: #606060; padding: 5px 0px; }
.navigace a:hover {color: #ff3300; text-decoration: none; }

table.tab-basket { width: 100%; background-color:transparent; font-size: 0.9em; }
table.tab-basket tr th { background: #777; padding: 5px; border-right: 1px white solid; color: #fff; }
table.tab-basket tr td { padding: 5px 5px; border-bottom: 1px #bbb solid; }
table.tab-basket tr td a:link, table.tab-basket tr td a:visited {font-weight: bold; color: #444 ; text-decoration: none;  }
table.tab-basket tr td button { font-weight: bold; font-size: 1.2em; border: 1px gray solid; height: 22px; margin: 0 1px; vertical-align: middle; }

table.kosik { width: 100%; background-color:rgba(255,255,255,0.4); }
table.kosik tr th { background: #777; padding: 5px; border-right: 1px white solid; color: #fff; }
table.kosik tr td { padding: 3px 5px; }
table.kosik tr td a:link, table.kosik tr td a:visited {font-weight: bold; color: #234fa8; text-decoration: none;  }

table.lines { border-collapse: collapsed; border: 1px gray solid; }
table.lines tr th {background: ; }
table.lines tr th, table.lines tr td { padding: 5px 8px; border:1px gray solid; }

table.tab-text { border-collapse: collapsed; border: 1px gray solid; }
table.tab-text tr th {  }
table.tab-text tr th, table.tab-text tr td { padding: 5px 8px; border: 1px #333 solid; }


table.transport { border-collapse: collapsed; border: 1px gray solid; width: 100%; }
table.transport tr th { background: #777; padding: 5px; border-right: 1px white solid; color: #fff; }
table.transport tr td { padding: 3px 5px; }
table.transport tr td.linka-b { border-bottom: 1px gray solid; }


.linka-tb { border-top: gray 1px solid; border-bottom: gray 1px solid; }
.linka-l { border-left: gray 1px solid; }

.detail-pic .img-responsive {
    margin: 0 auto;
	max-width: 70%;
}

.main { background: #fff; min-height: 550px; }

.qr-code { width: 200px; text-align: center; }
table.tab-prevod tr td { padding: 2px 5px; }

.strankovani {
  font-size: 0.9em;
	text-align: center;
	padding: 10px 15px 10px 0px;
}

.strankovani a:link, .strankovani a:visited {
  background: #fff;
	border: 1px #454545 solid;
	padding: 3px 6px;
	margin: 0 3px;
	color: black;
	text-decoration: none;
}

.strankovani a:hover {
	border: 1px #234fa8 solid;
	background: #234fa8;
	color: #fff;
}

.strankovani-aktivni {
	border: 1px #454545 solid;
	background: #454545;
	padding: 3px 6px;
	margin: 0 3px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.strankovani a.r-arrow { padding: 3px 10px; border: 0px red solid;; background: url('../images/arrow-next-gray.png') no-repeat 0 center; margin-left: 5px;}
.strankovani a.l-arrow { padding: 3px 10px; border: 0; background: url('../images/arrow-prev-gray.png') no-repeat 0 center; margin-right: 0px;}

#info-znacka {display: none;}
.per-page { float: left; width: 200px; padding: 10px 0 0 8px; font-size: 0.9em; text-align: left; }
.per-page a:link, .per-page a:visited {color: gray; text-decoration: none;}
.per-page a:hover {text-decoration: underline; }
.per-page a.active:link, .per-page a.active:visited {color: #333; font-weight: bold;}


table.contact-form {}
table.contact-form tr td input { width: 200px; background: 1px red solid; }


.sub-button, .contact-form input.sub-button {
/*	background: #1aa7ff url('../images/box-btn-out.png') no-repeat 99% center;*/
     font-size: 15px;
   	font-weight: bold;
   	text-align: left;
   	color: #fff	;
	border:0;
  padding:  10px 15px;
	border-radius: 0px;
  background: #234fa8;

/*
	background-image: linear-gradient(top, #4ABAFF 0px, #33a2ff 30px);
	background-image: -ms-linear-gradient(top, #4ABAFF 0px, #33a2ff 30px);
	background-image: -moz-linear-gradient(top, #4ABAFF 0px, #33a2ff 30px);
	background-image: -o-linear-gradient(top, #4ABAFF 0px, #33a2ff 30px);
	background-image: -webkit-linear-gradient(top, #4ABAFF 0px, #33a2ff 30px);
  */

}

.sub-button:hover, .contact-form input.sub-button:hover { 
  color: #fff;
  background: #000;
/*  border: 0px #ff5c22 solid;*/
/*  
	background-image: linear-gradient(top, #33a2ff 0px, #4ABAFF 30px);
	background-image: -moz-linear-gradient(top, #33a2ff 0px, #4ABAFF 30px);
	background-image: -o-linear-gradient(top, #33a2ff 0px, #4ABAFF 30px);
	background-image: -webkit-linear-gradient(top, #33a2ff 0px, #4ABAFF 30px);
*/
}


.sub-button-detail-kos {  background: #234fa8 url('/images/kosik-white.png') no-repeat 15px center; border: 0; padding: 10px 30px 10px 65px; color: #fff; font-weight: bold; background-size: auto 60%; }
.sub-button-detail-kos:hover { background-color: #000 }

.sub-button-detail-kos-in {  background: #009900 url('/images/btn-ok2.png') no-repeat 15px center; border: 0; padding: 10px 30px 10px 65px; color: #fff; font-weight: bold; background-size: auto 60%; }

.sub-button.sb-full-width { width: 100%; max-width: 100%; text-align: center; }


.button-kosik { vertical-align:middle; padding-right: 60px; background-image: url('/images/ico-kosik.png'); background-size: auto 80%; background-position: 95% center; background-repeat: no-repeat; }


/*
.row [class*="col-"]{
 padding: 7px;
}
*/

.filtr { height: 50px; padding:0px 5px; background: #f6f6f6; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; margin: 10px 5px 0 5px; border-radius: 0px; font-size: 1em; overflow: hidden; }
.filtr .cont {line-height: 50px; }


//.sort { background: none;  margin: auto 0px; padding: 10px; font-size: 0.9em; clear: both; }
div.sort-btn { border-top: 1px #bbb solid; border-bottom: 1px #bbb solid; xbackground: transparent; text-decoration: none;  padding: 5px 0; min-height: 45px; }
div.sort-btn input[type=checkbox] { /* Double-sized Checkboxes */
  -ms-transform: scale(1.4); /* IE */
  -moz-transform: scale(1.4); /* FF */
  -webkit-transform: scale(1.4); /* Safari and Chrome */
  -o-transform: scale(1.4); /* Opera */
  padding: 10px; 
  cursor: pointer;
  }
div.sort-btn label { display: inline-block; padding: 0 2%; cursor: pointer; }

span.no-whsp, span.no-whsp label, span.no-whsp input[type=checkbox]:enabled { cursor: pointer; }
div.text-invis span.no-whsp, div.text-invis span.no-whsp label, div.text-invis span.no-whsp input[type=checkbox]:enabled { cursor: not-allowed; }
span.no-whsp label:hover { text-decoration: underline; }

.l-menu .price { border: 0px red solid; min-height: 30px; line-height: 26px; font-size: 0.9em; }
.l-menu .cont .price .p-value { float: left; width: 67px; border: 0px red solid; font-weight: bold; margin: 0 5px;}
.l-menu .cont .price .p-range { float: left; width: 90%; margin: 0 3px; padding-bottom: 8px; text-align: center; }
.l-menu .cont .price input[type="text"] { width: 30%; text-align: right; padding: 2px; margin:0; border: 1px gray solid; background: #eee; font-weight: normal; color: #222; font-size: 1.1em; line-height: 1.3; }

.l-menu .cont .price input[type="checkbox"] { padding: 0px; border:0; background: none; vertical-align: middle; margin-right: 2px; }
.l-menu .cont .price select { padding: 2px; font-size: 0.99em; border-radius: 3px; }
.filtr .cont form {margin:0; padding:0; }

.filtr .cont .price .choice2 { border: 0px red solid; float: right; width: 400px; text-align: right; color: gray; padding-right: 15px; }
.filtr .cont .price .choice2 input[type=checkbox]{ vertical-align: -3px;  }

.l-menu label:hover {text-decoration: underline;}


#banner-container { height: 250px; margin: 10px 0; overflow: hidden; }
.banner { border: 1px #ccc solid; }
.banner img { padding: 0; }

.warn { padding: 10px 10px; margin: 5px 0;}
.warn img{ vertical-align: -9px;}
.warn span {font-weight: bold; font-size: 0.9em; }
.warn-c0 { border: 2px #ccc solid; background: #fff;  color: #777; }
.warn-c1 {border: 2px #3caf4a solid; background: #edf08b;  color: #353535; /* border-top-right-radius: 10px; */ }
.warn-col1 { color: #3caf4a; }
.warn-c2 {border: 2px #f67228 solid; background: #ffeee8;  color: #353535; }
.warn-col2 { color: #f67228; }


.item-group { margin: 0px 0 0px 0; padding: 2px 1px; font-size: 1.5em; line-height: 1.2; font-weight: normal; color: #000; text-shadow: #fff 0px 1px 2px; text-align: left; border: 0px #fff solid;  display: block; background: url('/images/item-group.png') no-repeat center center; background-size: 100% 100%; }
//.item-group:hover { border: 1px gray solid; background: #e6d3b0 url('/images/item-group-over.png') no-repeat center center; background-size: 100% 100%; }



.p-item { width: 100%; float: left; text-align: center; border: 1px transparent solid;  border-radius: 0px; overflow: hidden; margin: 0px 0px; background: #fff; line-height: 1.3; }
.p-item .cont { padding: 10px;}
.p-item .title { font-weight: normal; height: 60px; font-size: 1em; line-height: 1.5; overflow: hidden; margin-top: 7px; }
.p-item .title a:link, .p-item .title a:visited { color: #222; text-decoration: none; }
.p-item .desc { height: 60px; color: gray; font-size: 0.75em; border-top: 1px #ddd solid; padding: 10px 0; margin-top: 10px; }
.p-item .pic { position: relative; height: 200px; overflow: hidden; margin-bottom: 4%; }
.p-item .avail { float: left; font-weight: bold; color: green; font-size: 0.75em; border: 0px red solid; line-height: 30px; }
.p-item .price { text-align: right; color: #234fa8; padding: 0px 0 5px 5px; margin-top: 5px; font-size: 1.5em; font-weight: bold; line-height: 1.2; }


.p-item .akce { color: #d3002a; }
.p-item:hover { border: 1px #969696 solid; }
.p-item .cont:hover .title a { color: #234fa8; }
.p-item .cont:hover .price { color: #6ab537;  }
.p-item .r2 { margin: 15px 0; }
.p-item .buy {float: left; width: 100%; }
.p-item .compare {float: right; width: 25%; border: 0px red solid; min-height: 35px; vertical-align: bottom; padding-top: 7px; text-align: right; }
.p-item .compare img { max-height: 28px; }          
.p-item input.detail-btn-sub  { color: #fff; background: #cacaca; border: none; width: 100%; padding: 10px 25px; font-weight: bold; display: inner-block;  }
.p-item input.detail-btn-sub-in  { color: #fff; background: #009900; border: none; width: 100%; padding: 10px 25px; font-weight: bold; display: inner-block;  }
.p-item input.detail-btn-sub:hover { text-decoration: none; color: #fff; background: #000;  }

input.lv-btn-sub  { text-align: left; font-size: 0.8em; color: #000; background: url('/images/kosik-gray.png') no-repeat right center; background-size: auto 20px; min-width: 60px; min-height: 25px; border: none; width: 100%;  display: inner-block;  }
input.lv-btn-sub-in  { text-align: left; font-weight: normal; font-size: 0.8em; color: #000; background: url('/images/kosik-green.png') no-repeat right center; background-size: auto 20px; min-width: 55px; min-height: 25px; border: none; width: 100%;  display: inner-block;  }
input:hover.lv-btn-sub { background: url('/images/kosik.png') no-repeat right center; background-size: auto 20px; }
/*.p-item:hover .price { color: #fff; }*/

.item-small { width: 140px; height: 150px; float: left; border: 1px #ddd solid; margin: 4px; text-align: center; font-size: 0.9em; overflow: hidden; background: #fff; }
.item-small  .pic { margin-top: 10px; height: 85px; overflow: hidden; }
.item-small  .product { height: 30px; overflow: hidden; line-height: 1.3; margin-bottom: 5px; }
.item-small  .product a:link, .item-small  .product a:visited { color: #777; text-decoration: none; }
.item-small  .product a:hover { color: #d41e2e; }
.item-small  .price { }

.buy-algn { text-align: left; }


.footer-bg {
  margin-top: 0px;
  //position: absolute;
  min-height: 251px;
  bottom: 0;
  width: 100%;

  background: #234fa8;
}


#footer {
  max-width: 1400px; 
	width: 100%;
	margin-left: auto;
	margin-right: auto; 
	text-align: left;
	overflow: hidden;
	border: 0px red solid;
	color: #fff;
  padding-top: 0px;
  background: #234fa8;
}

#footer a:link, #footer a:visited,
#footer ul li a
 {color: #fff; }
#footer .title {  margin-top: 0px; font-size: 1.4em; font-weight: bold; color: #fff; margin-bottom: 10px;  text-transform: uppercase; }
#footer .row [class*="col-"] { border-right: 0px #fff solid;}

#footer div.creator { text-align: right; font-size: 0.8em; color: #aaa; padding: 0px;}
#footer div.creator a:link, #footer div.creator a:visited { color: #a2a2a2; }
#footer div.creator a:hover { color: #fff; text-decoration: none; }

footer a:link, footer a:visited {color: #777} 
pre {	border:0; font-family: 'Arial', 'Tahoma', 'Helvetica CE', 'Helvetica'; }

.btn-custom { background-color: hsl(0, 0%, 79%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#134134134", endColorstr="#c9c9c9"); background-image: -khtml-gradient(linear, left top, left bottom, from(#134134134), to(#c9c9c9)); background-image: -moz-linear-gradient(top, #134134134, #c9c9c9); background-image: -ms-linear-gradient(top, #134134134, #c9c9c9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #134134134), color-stop(100%, #c9c9c9)); background-image: -webkit-linear-gradient(top, #134134134, #c9c9c9); background-image: -o-linear-gradient(top, #134134134, #c9c9c9); background-image: linear-gradient(#134134134, #c9c9c9); border-color: #c9c9c9 #c9c9c9 hsl(0, 0%, 68.5%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69); -webkit-font-smoothing: antialiased; }
a.btn-labels { background: #d3dcee; color: #fff; display: block;  padding: 5px 10px; text-align: center; margin-bottom: 30px; }
a.btn-labels:hover { background: #000; text-decoration: none; }

.display-flex-slf {
  display: flex;
  flex-wrap: wrap;
}


.spacer {margin-bottom: 8px;}


p {
	text-indent: 0px;
	padding: 0px 0px 20px 0px;
	margin:0;
}


#cont2 { padding: 0px 20px 20px 20px; } 

h1 { padding: 15px 0px; font-size: calc(1.4em + 0.7vw); color: #234fa8; font-weight: bold; margin:7px 0px 7px 0px; text-transform: uppercase; border-top: 1px #bbb solid; line-height: 1.2; }
#cont2 h1 { border: 0; padding-top:0; margin-top: 0; }

h2 {
  
	font-size: 1.6em;
	font-weight: normal;
	margin: 5px 0 0px 0;
	padding: 10px 0;
//  color: #d3002a;
  color: #000;
}

h2.katalog-title {  font-weight: normal; padding: 10px 0 5px 0; margin-bottom:0; color: #d3002a; }
h2.detail-title { padding: 6px; border-top: 1px #969696 solid; border-bottom: 1px #969696 solid; color: #234fa8; font-weight: bold; text-transform: uppercase; text-align: left; font-size: 1.4em;  margin-bottom: 15px; }

h2.title { font-size: calc(1.2em + 0.4vw); padding: 12px; border-top: 0px #969696 solid; border-bottom: 0px #969696 solid; color: #234fa8; font-weight: bold; text-transform: uppercase; text-align: center;  }
h2.title a { color: #234fa8; text-decoration: none; }
h2.title a:hover { text-decoration: underline; }
.block-link { float: right; font-size: 0.55em; text-transform: none;font-weight: normal; padding-top: 8px; } 

h3 {
  
	font-size: 1.5em;
	font-weight: normal;
	MARGIN: 8px 0 8px 0;
	padding: 0;
  color: #000;
}
h3.param-title { font-weight: bold; color: #009dfe; margin: 8px 0; }

.dostupnost1 {font-size: 1em; font-weight: bold; background: #3caf4a; color: #fff; padding: 5px 10px;}
.dostupnost2 {font-size: 1em; font-weight: bold; background: #ffb400; color: #333; padding: 5px 10px;}
.dostupnost3, .dostupnost4 {font-size: 1em; font-weight: bold; background: #ccc; color: #333; padding: 5px 10px;}

.hvezdicka  {
	color : red;
	font-family : Tahoma;
	font-STYLE : normal;
	font-size : 9px;
	font-weight: normal;
	text-decoration: none;
} 

.c-form input[type=text], .c-form input[type=password], .c-form select {
	BORDER: #d0d0d0 1px solid;
	FONT-SIZE: 1.1em;
	FONT-FAMILY: Tahoma;
	padding: 8px;
	background: #f2f2f2;
  width: 100%;
  max-width: 600px;
  border-radius: 2px;
  margin: 2px 0;
}

.c-form input.short { max-width: 100px; }

.c-form input[type=text] .input-xs { max-width: 70px; }

.c-form select { padding: 8px 4px;}

.c-form TEXTAREA {
	BORDER: #d0d0d0 1px solid;
	FONT-SIZE: 1.1em;
	FONT-FAMILY: Tahoma;
	padding: 8px;
	background: #f2f2f2;
  width: 100%;
  max-width: 600px;
}

.c-form h2 { font-weight: bold; text-transform: uppercase; }

.c-form input[type=text]:hover,input[type=password]:hover, .c-form TEXTAREA:hover {
	BACKGROUND-COLOR: #eeeeee;
	BORDER: 1px gray solid;
}

.c-form INPUT:focus, .c-form TEXTAREA:focus {
	BACKGROUND-COLOR: #eeeeee;
  border: 1px gray solid;
}


.c-form input.warning, .c-form textarea.warning,
input.warning, textarea.warning { border: 1px red solid; background: #ffebe3; }


.tlacitko {
  	background-color: #80ff00;
	box-shadow: #777 2px 2px 5px; 
   	font-size: 11px;
   	font-weight: bold;
   	text-align: center;
   	color: black;
	border: gray 0px solid;
   	padding: 15px 25px;
	border-radius: 5px;
}

.tlacitko:hover, .c2a:hover {
  	background-color: #000;
  	color: #fff;
}

.c2a {
  background-color: #234fa8;
  display: inner-block;
//	box-shadow: #777 2px 2px 3px; 
   	font-size: 11px;
   	font-weight: bold;
   	text-align: center;
   	color: #fff;
	border: gray 0px solid;
   	padding: 8px 12px;
	border-radius: 0px;
}
a.c2a:link, a.c2a:visited {color: #fff; text-decoration: none;}


.error-info { padding: 0px 0; border: 0px red solid;}
.warning-error {
	border: 1px red double;
	padding: 15px 10px 15px 55px;
	margin: 10px 0;
	color: red;
	background: #ffebe3 url('../images/warning.png') no-repeat 10px center;
	font-weight: bold;
	font-size: 0.9em;
}

.warning-note {
	border: 1px orange double;
	padding: 15px 10px 15px 55px;
	margin: 10px 0;
	color: #CC8E1A;
	background: #ffedcc url('../images/info-orange.png') no-repeat 10px center;
	font-weight: bold;
	font-size: 0.9em;
}

.warning-info {
	border: 1px green double;
	padding: 15px 10px 15px 55px;
	margin: 10px 0;
	color: green;
	background: #ccffcc url('../images/ok4.png') no-repeat 10px center;
	font-weight: bold;
	font-size: 0.9em;
}



.verttop {
	VERTICAL-align: top;
}

.bg-menu-horizont { position: relative;  margin-bottom: 0px; }


#googlemaps { 
  position: absolute;
  height: 300px;
  width: 100%;
  z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */
}



.my-right-col-top, .my-right-col-top2 { float: right; width: calc(100% - 225px); margin: 0; padding:0; background: #fff; border: 0px blue dashed; position: relative;  }

.my-right-col { float: right; width: calc(100% - 215px); margin: 0; padding:0;background: #fff; border: 0px orange dashed; position: relative; }
.my-right-col-cont { width: 100%; padding: 5px 0px 20px 0x; border: 0px red solid; }

.ear-left { position: absolute; border: 0px red solid; width: 200px; top: 50px; left: -200px; height: 100%; z-index: 0; display: none; }
.ear-right { position: absolute; border: 0px red solid; width: 200px; top: 50px; right: -200px; height: 100%; z-index: 0; display: none; }
.ear-left a, .ear-right a { display: block; width: 100%; height: 100%; }

.modal-xl { max-width: 1350px; }






@media screen and (min-width: 1400px) {
  .ear-left, .ear-right { display: block; }
}

@media screen and (max-width: 1200px) {
  .bg-menu-horizont { margin-bottom: 10px }
}

@media (min-width: 992px) { 
	#homeCarousel {padding-right:33.3333%;}
	#homeCarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
	.carousel-caption p,
	#homeCarousel .list-group {display:none;} 
}

@media screen and (max-width: 767px) {


    #logo { width: 130px; }
    #logo img { max-height: 80px;  }
    .my-right-col-top { width: calc(100% - 130px); padding: 17px 0px 0 15px; }
    .my-right-col-top2 { width: 100%; padding: 0px 0 0 15px; }


	.my-right-col { width: 100%; }
	.my-right-col-cont { margin: 0; padding: 0 0px; }

  
  body { margin-bottom: 0px; } /* kvuli vzdy dole umistenemu zapati */
  .footer-bg { position: relative; min-height: 470px; }
  
  .gr-h200, .gr-h300  { height: 100%; }
	.brk {clear: left;}
  .bg-menu-horizont { margin-bottom: 10px }

  #kontakt-container {
    width: 50%;
  }
  
  #login-trigger img { height: 24px; max-height: 24px; margin-top: 7px; }

  .buy-algn { text-align: right; }
  table.variant tr td.price1, div.price1, table.variant tr td.price1a, div.price1a { text-align: right; }  

}


@media screen and (max-width: 480px) {

  
  body { margin-top:0; padding-top:0; }
    #logo { width: 80px; }
    #logo img { max-height: 70px; padding-left: 10px; }
    .my-right-col-top { width: calc(100% - 80px); padding: 8px 0px 0 15px; }
    .my-right-col-top2 { width: 100%; padding: 0px 0 0 15px ; }

}



.block-home {background: #ccc; padding-bottom: 10px;}
.block-home h2 {color: #0f9aeb; font-size: 20px; font-weight: bold;}

div.menu5 {}
.menu5 h3{color:#fff;font-size:1.0em;padding:0px 0px 0px 0px;background:#555;border:solid 0px #555; border-top: 1px #fff solid; }
.menu5 h3.p-0 a{color:#fff;font-size:1.0em;padding:3px 13px 4px 13px;background:0}
.menu5 h3.p-0 a:hover,.menu5 h3.p-0 a:focus{text-decoration:none;background-color:#404040}

/*.menu5>ul{margin-bottom:5px!important}*/
.menu5 ul,.menu5 li{padding:0;margin:0}
.menu5 li{background:0;border-top: solid 0px #fff;display:block}
.menu5 a{color:#000;text-decoration:none;padding:5px 15px 6px 15px;background:#82CFFF; display:block; }
.menu5 a:hover,.menu5 a:focus{text-decoration:none;background:#404040; color: #fff;}
.menu5>ul>li.active>a,.menu5>ul>li>ul>li.active>a{color:#fff;background:#82CFFF; border: 0px black solid;}
.menu5 li ul>li>a{color: #3b3b3b; padding-left:25px; background:#d3dcee; }
.menu5>ul>li>ul>li.active>a{background-color:#555;}
.menu5 li ul>li>a:hover,.menu5 li ul>li>a:focus{background-color:#404040; color: white; text-decoration: none;}
.menu5 li li ul>li a{padding-left:45px;background:#D6F0FF}
.menu5 li li li ul>li>a{padding-left:60px;background:#fff}

.menu6 ul,.menu6 li{padding:0;margin:0}
.menu6 li{background:0;border-top: solid 0px #fff;display:block}
.menu6 ul>li>ul>li.blind {color: #3b3b3b; padding:5px 15px 6px 25px;background: #ddd url('/images/arrow-next.png') no-repeat 15px center; background-size: auto 50%; display: block; }
.menu6 a{color: #3b3b3b; text-decoration:none;padding:5px 15px 6px 25px;background:#d3dcee; display:block; }
.menu6 a:hover,.menu6 a:focus{text-decoration:none; background:#404040; color: #fff;}
.menu6>ul>li.active>a,.menu6>ul>li>ul>li.active>a{color:#fff;background:#ddd; border: 0px black solid;}



.div-vis, .menu-visible { display: block; }
.div-invis, .menu-invisible { display: none; }

ul#discus { padding:0; margin:0; list-style-type: none; }
ul#discus li { margin: 5px 0; padding: 0; list-style-type: none; border: 1px #bbb solid; background: #fafafa; padding: 7px; border-top-right-radius: 0px; }

.disc-info { font-size: 0.9em; color: gray; margin: 0 0 8px 0px;}
.disc-title { color: #628dc5;  margin: 0; font-size: 0.9em; }
.disc-text { font-size: 0.9em; }

ul#recenze { padding:0; margin:0; list-style-type: none; }
ul#recenze li { margin: 10px 0; padding: 0; list-style-type: none; border: 1px #bbb solid; border-top-right-radius: 10px; }

ul#recenze li div.title {background: #ddd; border-top-right-radius: 10px;  background-image: linear-gradient(bottom, #fff 0px, #ddd 30px);
	background-image: -moz-linear-gradient(bottom, #fff 0px, #ddd 30px);
	background-image: -o-linear-gradient(bottom, #fff 0px, #ddd 30px);
	background-image: -webkit-linear-gradient(bottom, #fff 0px, #ddd 30px);
}
ul#recenze li div.title .cont {padding: 7px; color: #000;}
ul#recenze li div.cont { padding: 10px; }

ul#recenze li div.cont .win-plus { float: left; width: 49%; margin-top: 10px; border: 0px red solid; }
ul#recenze li div.cont .win-plus ul { margin:0; padding:0; padding-left: 30px; }
ul#recenze li div.cont .win-plus ul li { list-style-image: url('../images/plus.png'); color: green;border: 0; }

ul#recenze li div.cont .win-minus { float: right; width: 49%; margin-top: 10px; border: 0px red solid; }
ul#recenze li div.cont .win-minus ul { margin:0; padding:0; padding-left: 30px; }
ul#recenze li div.cont .win-minus ul li { list-style-image: url('../images/minus.png'); color: red;border: 0; }


.disc-info { font-size: 0.9em; color: gray; margin: 0 0 8px 0px;}
.re-title { color: #009dfe;  margin: 0; font-size: 0.9em; }
.disc-text { font-size: 0.9em; }


.menu-sub { height: 60px; overflow: hidden; display: block; z-index: 1; }

.menu-sub-item {float: left; margin-right: 3px;   width: 22%; border: 1px #454545 solid; border-bottom: none; cursor:pointer; color: #777;  background: #454545; font-weight: normal; font-size: 1em; min-width: 100px; }
.menu-sub-item a, .menu-sub-item a:link, .menu-sub a:visited { display: block; height: 57px; padding: 7px 15px; border-bottom: 1px #b0905f solid; text-align: center;
background: #454545;
color: #fff;
/*
	background-image: linear-gradient(bottom, #fff 0px, #ddd 30px);
	background-image: -moz-linear-gradient(bottom, #fff 0px, #ddd 30px);
	background-image: -o-linear-gradient(bottom, #fff 0px, #ddd 30px);
	background-image: -webkit-linear-gradient(bottom, #fff 0px, #ddd 30px);
 */

 }
.menu-sub-item a span {font-weight: normal; padding-left: 3px; color: #fff; font-size: 0.9em;}
.menu-sub-item a:hover { display: block; background: #fff; border-bottom: 0px #ccc solid; color: #000; text-decoration: none; }
.menu-sub-item a:hover span  { color: yellow; }

.menu-sub-item a.gft { background-image: url('/images/gift-white.png');  background-position: 5px center;  background-repeat: no-repeat; padding-left: 20px; }
.menu-sub-item a.gft:hover { background-image: url('/images/gift-s2.png'); }

.ms-active a, .ms-active a:link, .ms-active a:visited { background: #fff; color: #d3002a; font-weight: normal; border-bottom: 1px #fff solid;; text-decoration: none; }

.menu-sub-cont {position: relative; z-index: 5; top: -2px; min-height: 150px; background: transparent; border: 0px #b0905f solid; padding: 15px; color: #4f4f4f;}

table.order-tab tr td {}
table.order-tab tr td input,
table.order-tab tr td textarea { padding: 5px; font-size: 1em; border-radius: 5px; }

table.variant { width: 100%; border-collapse: collapse; }
table.variant tr th { font-size: 0.8em; font-weight: bold; background: #222; color: #fff; padding: 4px 4px; border-right: 1px #fff solid;}
table.variant tr td { border:0; font-size: 0.9em; border-bottom: 1px #ccc solid; border-top: 1px #ccc solid; padding: 6px 4px; }
table.variant tr td.linka-b { border-bottom: 1px #b0906a solid;  }
table.variant tr td li { margin-left: 20px; }

table.variant tr td.price1, div.price1 {  font-size: 2.2em; color: #234fa8; font-weight: bold; vertical-align: middle; margin-top: 5px; padding-right: 0px; padding-bottom:0; margin-bottom:0; line-height: 1.2; }
table.variant tr td.price1a, div.price1a {  font-size: 2.2em; color: #d3002a; font-weight: bold; vertical-align: middle; margin-top: 5px; padding-right: 0px; padding-bottom:0; margin-bottom:0; line-height: 1.2; }
table.variant tr td.price2 { font-size: 1em; color: gray; text-align: right; font-weight: normal; vertical-align: middle; }
span.info-dph { font-size: 0.4em; color: gray; font-weight: normal; }

.details a:link, .details a:visited {color: #009dfe; text-decoration: none;}
.details a:hover { text-decoration: underline; }

#detail-img-container { height: 104px; background: #fff; border: 1px #ccc solid; margin: 20px 0 0px 0; }
#detail-img-pics { float: left; white-space: nowrap; height: 103px; =min-height: 103px; _height: 103px; overflow: auto; overflow-y: hidden; width: 100%; _width: 100%px; }
#detail-img-pics a:link, #detail-img-pics a:visited { padding: 0; margin: 0; }
#detail-img-pics a img { border: 1px white solid; margin: 0; }
#detail-img-pics a:hover img { border: 1px gray solid;  }
#detail-img-pics {
  padding-bottom: 50px;
  margin-top: 20px;
  scrollbar-width: thin;
  scrollbar-color: #bbb #eee;
}



#detail-img-pics::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #f2f2f2;
  border: 1px transparent solid;
}

#detail-img-pics::-webkit-scrollbar {
	width: 7px;
  height: 7px;
	background-color: #F5F5F5;
}

#detail-img-pics::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(left, #fff, #e4e4e4);
  border: 1px solid #ccc;
}

#detail-img-pics::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}


.dostupnost1 {font-size: 1em; font-weight: bold; background: #3caf4a; color: #fff; padding: 5px 10px;}
.dostupnost2 {font-size: 1em; font-weight: bold; background: #ffb400; color: #333; padding: 5px 10px;}
.dostupnost3, .dostupnost4 {font-size: 1em; font-weight: bold; background: #ccc; color: #333; padding: 5px 10px;}

table.param-tab { width: 100%; }
table.param-tab tr td { border-right: 1px #fff solid; padding: 4px 10px; border-bottom: 1px #ccc solid; }
//table.param-tab tr:hover { background: #ddd; }

.soc2 { border-top: 1px #777 solid; padding: 15px 0 2px 0; margin-top: 10px; } 

#socnet { width: 300px; height: 25px; padding: 0; margin: 0px 0 0 0; border: 0px red solid; overflow: hidden; text-align: left;}
#socnet ul {margin:0; padding:0;}
#socnet .fb object{max-width: 125px; }
#socnet .twitter object{max-width: 65px;} 
#socnet .g-plus object{max-width: 70px; position:relative; }
#socnet ul li {display: block; float:left; padding: 0px 5px;}
#socnet ul li span {display:block; overflow: hidden;}

.icons {
	font-size: 0.8em;
	text-align: left;
	padding: 8px 0 ;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
.icons a {margin: 0 5px; }
.icons a:link, .icons a:visited {color: #555; text-decoration: none;  }
.icons a:hover { text-decoration: none;}

.search-loader { text-align: center; padding: 50px;}
.avg-rating { width: 150px; border: 0px red solid; float: right; margin-top: 10px; text-align: center; }
.avg-rating a:link, .avg-rating a:visited { color: #666;  }

.show-more { float: left; width: 140px; height: 35px; border: 1px #ccc solid; background: #f7f7f7; margin: 2px; overflow: hidden; }
.show-more a:link, .show-more a:visited {width: 140px; height: 35px; display: block; padding-top: 10px; text-decoration: none; color: #666; padding-left: 10px; } 
.show-more:hover { border: 1px #0094F8 solid;}
.show-more a:hover { background: #e4f5ff; color: #0094F8; } 

input.amount {padding: 2px; background: #fff; text-align: center; border-radius: 0px; border: 1px gray solid; width: 70px; font-size: 1.5em; }

.pozadi-radek { background-color: #ddd; }
.pozadi-sede { background-color: #ccc; }

.det-help { cursor:help; padding-left: 10px; }
.det-img { float: left; width: 205px; height: auto; padding: 10px; border: 1px #ccc solid; overflow: hidden; margin: 8px; text-align: center; background: #fff;}
.det-img .cont { padding: 1px; }

.inp input {padding: 3px; border-radius: 5px; border: gray 1px solid; }

/*
.order-step { font-weight: bold; margin-bottom: 20px; color: #777; padding: 0px 0; border-bottom: 0px #359bcc solid;	 }
.order-step .box {  width: 24%; float: left; font-size: 15px; color: #bbb; text-align: center; border: 0px red solid; background: url('../images/bg-kosik-top.png') no-repeat center bottom; }
.order-step .box.act { padding: 15px;  color: #333;}
.order-step .box.inact { padding: 15px; }
.order-step .box.empty { width: 50px; height: 55px;color: #fff; background: url('/images/sipka-next.png') no-repeat center center;}
*/
.order-step { font-weight: normal; margin-bottom: 10px; color: #777; padding: 0px 0; background-color: #eee; border: 1px #bbb solid; border-radius: 0px;	text-transform: uppercase; }
.order-step .box {   font-size: 1em; color: #14326e; text-align: center; border: 0px red solid; line-height: 1.3; }
.order-step .box a { text-decoration: none; color: #14326e; }
.order-step .box.acted { width: 100%; padding: 5px;  margin: 5px; color: #000;}
.order-step .box.act { width: 100%; padding: 5px;  color: #333; border: 0px red solid; background: transparent; font-weight: bold; font-size: 0.9em; margin: 5px;  }
.order-step .box.act a { width: 100%; color: #333; }
.order-step .box.inact { width: 100%; padding: 5px; margin: 5px; color: gray; }



table.kosik { width: 100%; background-color:rgb(255,255,255); }
table.kosik tr th { background: #777; padding: 5px; border-right: 1px white solid; color: #fff; }
table.kosik tr td { padding: 3px 5px;  border-bottom: 1px #ccc solid; }
table.kosik tr td a:link, table.lines tr td a:visited {font-weight: normal;  text-decoration: none;  }

.show-priznak { z-index: 80; position: absolute; right:-10px; } 
/*.show-priznak .cont { color: #fff; padding: 5px 12px; font-family: 'Open Sans'; font-size: 12pt; }*/

.doprava-gratis { border: 1px gray solid; background: #eee url('/images/doprava2.png') no-repeat 10px 3px; border-radius: 5px; padding: 10px 10px 10px 50px; margin: 15px 0; font-size: 0.9em; }
.detail-text-poznamka { border: 1px orange solid; background: #ffefe5; border-radius: 5px; padding: 10px 10px 10px 50px; margin: 15px 0; font-size: 0.9em; }

.eu-cookies {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    background-color: gray;
    z-index: 1000;
    text-align: center;
    padding: 8px;
    color: #fff;
    font-size: 10pt;
}

.eu-cookies a { color: #000; text-decoration: underline; }

.eu-cookies button {
    background: #444;
    color: white;
    border-radius: 5px;
    padding: 3px 15px;
    border: 1px white solid;
}

.news .title { color: #d3002a; font-size: 1.3em; font-weight: normal; margin-bottom: 10px; }
.news .text {  margin-top: 15px; font-size: 0.85em; color: #444;; }

.group-body { border: 1px #ccc solid; border-radius: 2px; padding: 15px; background: #fff; }
.group-body h2 { padding-top: 2px; margin-top: 0; } 


.cats { display: block;  }
.cats a { color: #454545;  }
.cats a:hover {color: #234fa8; text-decoration: none; }
.cats .title { font-size: 1.3em; font-weight: bold; text-transform: uppercase;  }

.cts-small a { border: 1px #bbb solid; min-height: 50px; display: block; }
.cts-small a:hover {  border: 1px #234fa8 solid; }

.show-filtr { background: #ccc; margin: 0 0 10px 0; clear: both; }
.show-filtr .cont { padding: 5px 0; }

.filtr-item { float: left; width: 190x; border: 0px red solid; text-align: right; margin: 0 3px 0 5px; padding-right: 5px;  border-right: 1px black solid; height: 60px; }
.filtr-item select { font-size: 0.9em; border-radius:0; padding:2px; width: 190px; color: #000; background: #fff; border: none;}
.show-filtr input[type=submit] { margin: 15px 9px 0 0; background: #217ba0; color: #fff; width: 190px; height: 25px; border: 0; }
.show-filtr input[type=submit]:hover { background: #205672; }


div.table { display: table; border-collapse: collapse;  } 
div.table > form, div.table > div.tab-row  { display: table-row; }
div.table > div.tab-row > div { display: table-cell; border-bottom: 1px #ccc solid; padding: 5px 3px; vertical-align: middle;  }

/*.table>* { display: table-row; }*/
/*.table>*>* { display: table-cell; border: 1px gray solid; padding: 3px; vertical-align: middle; }*/

.cell-l-odsazeny { text-align: left; padding-left: 15px;  }

.tab-th  { display: table-row; font-size: 1em; font-weight: bold; color: #454545; background: #ffc81f; padding: 3px 0; }
div.table > div.tab-row:hover { background: #eee; }

div.clean { clear: both; }


#myCarousel img { border-radius: 10px; }
#myCarousel .carousel-indicators img { border-radius: 3px;  height: 60px;}

#myCarousel .list-inline {
//    white-space:nowrap;
    overflow-x:auto;
}

#myCarousel .carousel-indicators {
    position: static;
 /*
    left: initial;
    width: initial;
    margin-left: initial;
*/
}

#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}

#myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
}

#myCarousel .carousel-fade .carousel-inner .next.left,
#myCarousel .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

#myCarousel .carousel-control-right, .carousel-control-left  { 
  background-color: none !important;
  filter: progid:none !important;
}

#myCarousel .carousel-control-prev { background: url('/images/arrow-prev-box.png') no-repeat 10% center;  } 
#myCarousel .carousel-control-next { background: url('/images/arrow-next-box.png') no-repeat 90% center; }


.carousel-caption a{
	color:#fff;
	font-weight: bold;
}
.carousel-caption p a{
	color:#fff;
	font-size:12px;
	letter-spacing:2px;
}
#homeCarousel .carousel-caption {
    left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:10px;
	background:rgba(0,0,0,0.6);
	text-shadow:none;
}
#homeCarousel .list-group {
	position:absolute;
	top:0;
	right:0;
}

#homeCarousel .list-group-item{
	padding:0px 10px !important;
	border-radius:0px;
	cursor:pointer;
	height:100px;
	color:#777;
	overflow: hidden;
  font-size: 0.9em;
	background-color:#eee !important;
  border: 0;
  border-top: 1px #fff solid;
  overflow: visible; 
  position: relative;  
  display: flex; 
  align-items: center;

}

#homeCarousel .list-group .active {
	background-color: #404040 !important;
	border-top:1px solid #404040 !important;
  color: #fff;
}

#homeCarousel li.list-group-item:hover { 	background-color:#ddd !important; }
#homeCarousel .list-group .active:hover { 	background-color: #404040 !important; }

#homeCarousel .list-group li.active div.xa:after { 
    z-index: 1000;
    border-right: 15px solid #404040;
    border-top: 10px solid transparent; 
    border-bottom: 10px solid transparent; 
    left: -15px;
    top: 5%;
    
    content: "";
    position: absolute;
//    bottom: 0;
    margin-left: 0px;
    width: 0; 
    height: 0;

}


.owl-carousel {
  position: relative;
  }

.owl-carousel .item {
    position: relative;
}

.owl-carousel img {
      position: relative;
    }

.owl-carousel  p {
      position: absolute;
      font-size: 1.8rem;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
    }

    .owl-controls {
      position: relative;
      border: 1px red solid;
      top: 0;
      left: 0;
      transform: translate(0%,-100%);
      width: 100%;
      
    }

    .owl-nav {
      position: absolute;
      top: 44%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 100%;
    }
    
    
    .owl-nav .owl-prev {
        float: left;
      }
    .owl-nav .owl-next {
        float: right;
      }
    

    .owl-dots {
      position: absolute;
      bottom: -50px;
      left: 50%;
      transform: translateX(-50%);
    }

  .owl-theme .owl-dots .owl-dot.active span{
      background: #000;
      border: 2px #000 solid;
  }

  .owl-theme .owl-dots .owl-dot span{
      width:16px;
      height:16px;
      border: 2px #fff solid;
  }


//.white-popup { width: 95%; max-width: 1100px; margin-left: auto; margin-right: auto; background: #fff; padding: 20px;  }

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 1100px;
  margin: 20px auto;
}


.doprava-infobox { border: 1px #ccc solid; padding: 10px; margin-top: 10px; background: #f2f2f2; font-size: 0.9em; }

.cross { }
.cross .pic { margin: 0px 0; }
.cross .pic img { max-height: 110px; }
.cross .title { text-transform: uppercase; color: #234fa8; font-weight: bold; text-align: center; font-size: 1.2em; margin-bottom: 5px; }
.cross a { color: #333; }


.models-list { text-align: center; border: 1px transparent solid; min-height: 100%;}
.models-list a:hover { text-decoration: none; }
.models-list .title { text-transform: uppercase; font-size: 1.2em; font-weight: bold; color: #333; line-height: 1; margin-top: 5px; }
.models-list .title-brand { text-transform: uppercase; font-size: 0.8em; font-weight: bold; color: #333; line-height: 1; margin-top: 5px; }
.models-list .descr { font-size: 0.9em; }
.models-list:hover { border: 1px gray solid; }

.access-list { }
.access-list .title { text-align: center; margin-top: 8px; font-size: 0.7em; }
.access-list .title a:link, .access-list .title a:visited { color: #333; }
.access-list .title a:hover { color: #ff3300; text-decoration: none; }
.access-list img { max-height: 75px;  }
.access-list img.pic1 { border: 1px #ccc solid; margin-left: 5px; padding: 5px; background: #fff; }


#login-form { position: absolute; top: 100%; right: 0; border: 1px red solid; max-width: 200px; background: lightgreen; z-index: 80; }

#login-content, #login-content2 {
  display: none;
  position: absolute;
  top: 35px;
  right: 0;
  z-index: 999;    
  background: #ddd;
  background-image: linear-gradient(top, #fff, #eee);  
  padding: 15px;
  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  border-radius: 3px 0 3px 3px;
}

.detail-descr { padding: 0 15px 15px 15px; font-size: 0.9em; }
.detail-descr div p { padding-bottom: 5px; }
.detail-descr li { margin-left: 20px; }

.showmoreprods { display: block; width: 60%; max-width: 45%; margin-top: 20px; margin-left: auto; margin-right: auto; left:0; right: 0; background: #fff; color: #234fa8; border: 1px #234fa8 solid; text-align: center; padding: 25px; font-size: 1.2em; font-weight: bold; text-decoration: none; }
.showmoreprods:hover { background: #234fa8; color: #fff; text-decoration: none; }

.home-up { background: transparent; height: 36px; text-align: center; position: fixed; bottom: 155px; right: 25px; width: 36px; border-radius: 0px; z-index:1000; }
.home-up:hover { cursor: pointer; }
.home-up a { color: #fff; text-decoration: none; }
.home-up a:hover { text-decoration: none; color: #000; }
.home-up .arrow { bottom:0; right: 20px; text-align: center; margin-top: 0px; } 

.centr-vertical { position: absolute; top: 50%; transform: translateY(-50%); }
.no-whsp { white-space: nowrap; }

#findresult { position: absolute; top:100%; width: 99%; border: 1px #91a7d3 solid; z-index: 100; background: #eee; display: none; }
#findmodelresult { position: absolute; min-width: 50%; max-width: 85%; border: 1px #91a7d3 solid; z-index: 100; background: #eee; display: none; box-shadow: #777 2px 2px 5px; max-height: 500px; overflow: auto; }

ul.fulltextresult { padding:0; margin:0; }
ul.fulltextresult li { list-style-type: none; font-size: 0.8em; white-space: normal; }
ul.fulltextresult li.title { background: #ddd; color: #000; font-weight: bold; font-size: 0.7em; border-top: 0px #bbb solid; padding: 5px 10px; }
ul.fulltextresult li a { background: #f6f6f6; color: #000; display: block; padding: 5px 10px; border-top: 1px #bbb solid;  }
ul.fulltextresult li a:hover { background: #404040; color: #fff; text-decoration: none; }

ul.m-user { width: 100%; min-width: 200px; padding:0; margin:0; }
ul.m-user li { list-style-type: none; }
ul.m-user li a { display: block; padding: 10px; border-bottom: 1px gray solid; color: #00; }
ul.m-user li a:hover { background: #234fa8; color: #fff; text-decoration: none;  }

ul.sld-menu { width: 100%; min-width: 200px; padding:0; margin:0; }
ul.sld-menu li { list-style-type: none; }

ul.sld-menu li a:hover { background: #234fa8; color: #fff; text-decoration: none;  }

.ftr-r1 { padding-top: 10px; color: #bbb; }
.ftr-r1 a { color: #fff; text-decoration: underline; }
.ftr-max-h { max-height: 115px; }

.params-style { padding: 10px; background: #707070; color: #fff; }
.params-style input[type=text] { color: #111; }

.params-style-xs { padding: 10px; background: #eee; color: #222; }
.params-style-xs input[type=text] { color: #111; }

.params-style-xs .irs-from, .params-style-xs .irs-to, .params-style-xs .irs-single { color: #333 }

.filter-param a, a.rm { border: 0px red solid; padding: 3px 21px 3px 7px; margin: 2px; font-size: 0.9em; display: inline-block; border-radius: 3px; color: #fff; background-color: #969696; background-image: url('/images/iko-delete.png'); background-repeat: no-repeat; background-position: calc(100% - 3px) center; background-size: auto 16px; }
.filter-param a.filter-remall { background: transparent; color: #234fa8; padding: 0; margin-right: 10px; }

.text-popis-kat { color: gray; padding: 15px 0px; line-height: 1.2; display: none; }

.input-group-btn button.btn-default { background: #234fa8; border-radius: 5px; padding-left: 20px; padding-right: 20px; border: 0; color: #fff; font-weight: normal; }
.input-group-btn button:hover { background: #3A64BA;  }

.bg-special-news { background: #404040; box-shadow: #444 0 0 8px; color: #fff; }
.special-news {  padding: 10px 5px 10px 5px;  }
.special-news a { color: #fff; text-decoration: underline; }
.bg-special-news button { border: 0; background: transparent; margin-top: 10px; }


.opay { margin-bottom: 10px; }
.online-payments input[type=radio] { /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  margin: 20px 20px 20px 5px; 
  cursor: pointer;
  }

div.cleaner { clear: both; }

.hodnoceni-plus { background: #abf2ae url('/images/bg-plus.png') no-repeat left bottom; color: green; font-size: 0.9em; }
.hodnoceni-minus { background: #ffd8d9 url('/images/bg-minus.png') no-repeat right bottom; color: red; font-size: 0.9em; }
.hodnoceni-plus .cont, .hodnoceni-minus .cont { padding: 10px 10px 200px 10px; }
.hodnoceni-plus .cont ul, .hodnoceni-minus .cont ul { padding-left: 0px; margin: 0; }
.hodnoceni-plus .cont ul li { list-style-type: none; background: url("/images/rating-plus.png") no-repeat 0 3px; padding-left: 22px; padding-top: 2px; padding-bottom: 2px;  }
.hodnoceni-minus .cont ul li { list-style-type: none; background: url("/images/rating-minus.png") no-repeat 0 3px; padding-left: 22px; padding-top: 2px; padding-bottom: 2px; }

.btn-detail-filter {  }
.btn-detail-filter a { border: 1px #234fa8 solid; background: #D4ECFF; border-radius: 3px; width: 100%; margin-bottom: 4px; padding: 10px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 0.9em; display: block;  }
.btn-detail-filter a:hover { text-decoration: none; }

.input-group { border: 1px #91a7d3 solid; padding: 3px; background: #eaeaea; } 
.input-group input , .input-group input:focus, .input-group input:active { background: transparent; border: 0; border-radius: 0; }
.input-group button { background: #234fa8; color: #fff; border-radius: 0; }

.param-cat { font-weight: bold; font-size: 0.9em; text-align: center; margin: 5px 0; background: #636363; border-bottom: 1px #a7a7a7 solid; border-top: 1px #a7a7a7 solid; }
.param-cat a { display: block; text-decoration: none; color: #fff;  padding: 5px; }

ul.xxl-filter { padding: 0; margin:0 }
ul.xxl-filter li { background: #ebf6fc; list-style-type: none; position: relative; }
ul.xxl-filter li.title { background: transparent; list-style-type: none; padding: 10px; font-weight: normal; }
ul.xxl-filter li a { display: block; color: #555; padding: 10px 10px; font-size: 0.9em; border-bottom: 1px #bcd0dc solid; text-decoration: none; }
ul.xxl-filter li a:hover, ul.xxl-filter li a.xxlactiv { background: #404040; color: #fff; }
.xxl-gcount span { position: absolute; right: 10px; top: 12px; margin-left: 20px; background: #707070; color: #fff; padding: 0px 4px; font-size: 0.8em; border-radius: 3px; }

a.btn-filter { border: 1px green solid; background: green; margin-bottom: 10px; color: #fff; text-align: center; display: block; padding: 10px 5px; font-size: 0.9em; }
a.btn-filter img { width: 16px; margin-right: 15px  }

table.resume { width: 100%; }
table.resume tr td.col1 { padding-right: 10px; width: 100px; }
table.resume tr td.col2 { font-weight: bold; }

table.state { width: 100%; }
table.state tr td.col1 { width: 100px; font-size: 0.9em; border-bottom: 1px #ccc solid; min-width: 30%; white-space: nowrap; padding: 6px 10px 6px 5px;  }
table.state tr td.col2 { border-bottom: 1px #ccc solid; }

table.prubeh { width: 100%; background: #fff; }
table.prubeh tr td { width: 100px; font-size: 0.9em; border-bottom: 1px #ccc solid; padding: 6px 10px 6px 5px;  }


.grecaptcha-badge { visibility: hidden; }
.recaptcha-info { padding: 15px 0 25px 0; font-size: 0.8em; color: gray; }
.recaptcha-info a { color: gray; text-decoration: underline; }

.btn-close { border: 1px gray solid; margin-top: 10px; color: #777; }
.green-box-transport { background: #6ab537 url('/images/doprava-zdarma2.png') no-repeat calc(100% - 15px) center; padding: 20px 80px 20px 20px; color: #fff; margin: 30px 0; }
.green-box-warning { background: #6ab537 url('/images/iko-warning-white.png') no-repeat calc(100% - 15px) center; padding: 20px 80px 20px 20px; color: #fff; margin: 30px 0; }

.scode-field { width: 100%; max-width: 400px; padding: 0; line-height:1.5; vertical-align: middle; }
.scode-field input[type=text] { vertical-align: middle; }
button.scode-check { border: 1px #ccc solid; border-radius: 0px; padding: 11px 10px; margin: 0px; top:0; border-left: 0; vertical-align: middle; }

.tooltip-inner { min-width: 270px; padding: 10px; }

.packeta-button { display: inline-block; background: #ba1b01 url('/images/packeta-symbol-white.png') no-repeat 12px center; background-size: 18px auto; padding: 10px 20px 10px 40px; color: #fff; }
.packeta-button:hover { background-color: #333; color: #fff; text-decoration: none; }

.balikovna-button { display: inline-block; background: #00acdc url('/images/balikovna-symbol-white.png') no-repeat 12px center; background-size: 18px auto; padding: 10px 20px 10px 40px; color: #fff; }
.balikovna-button:hover { background-color: #333; color: #fff; text-decoration: none; }

.dpd-button { display: inline-block; background: #dc0234 url('/images/dpd-symbol-white.png') no-repeat 12px center; background-size: 18px auto; padding: 10px 20px 10px 40px; color: #fff; }
.dpd-button:hover { background-color: #333; color: #fff; text-decoration: none; }

.modal-fullscreen {width:100vw;max-width:none;height:100%;margin:0}
.modal-fullscreen .modal-content {height:100%;border:0;border-radius:0}
.modal-fullscreen .modal-header {border-radius:0}
.modal-fullscreen .modal-body {overflow-y:auto}
.modal-fullscreen .modal-footer {border-radius:0}