/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.eaner{
    height:60px;
    padding:15px;
border:1px solid red;
    background-color:#f8f8f8;
}
h2 a:link, a:visited {

  font-size: 0.8em;
  color: #e3262e;
  font-weight: 300;
  text-align: left;
margin: 0 auto;
padding: 0;
}
a.odkaz_kat:link,a.odkaz_kat:visited {
     font-size: 1.2em;   /* 12 / 16 */
    color:red;
    font-weight: bold;
}
a.odkaz_kat:hover {
    color:red;
  text-decoration: none;
     font-weight: bold;
}
.nazevProduktu{
    padding:12px;
}
#myCarousel{
    padding:0;
    margin: 0;
    max-heigh:280px;
}
.slider-text{
    font-site:1.2em;
    padding:0;
    margin: 0;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

#logo-home {height: 18vh;
            width: 14vw;
            display: inline-block;
            position: absolute;
            top: 5px;
            left: 22vw;
            z-index: 999;
}
.buttons {
  width: auto;
  display: inline-block;
  background-color: transparent;
  height: 38px;
  overflow: hidden;
  line-height: 38px;
}

.buttons span.predpredposledni {
  display: inline-block;
  border-top: 19px solid #f7f7f7;
  border-left: 11px solid #f7f7f7;
  border-bottom: 19px solid transparent;
  border-right: 11px solid transparent;
  float: left;
}

.buttons span:first-child {
  display: inline-block;
  border-top: 19px solid #f8f8f8;
  border-left: 11px solid #f8f8f8;
  border-bottom: 19px solid transparent;
  border-right: 11px solid transparent;
  float: left;
}
.buttons span:last-child {
  display: inline-block;
  border-bottom: 19px solid #f9f9f9;
  border-right: 11px solid #f9f9f9;
  border-top: 19px solid transparent;
  border-left: 11px solid transparent;
}
.buttons span.white:first-child {
  display: inline-block;
  border-top: 19px solid #fff;
  border-left: 11px solid #fff;
  border-bottom: 19px solid transparent;
  border-right: 11px solid transparent;
  float: left;
}
.buttons span.white:last-child {
  display: inline-block;
  border-bottom: 19px solid #fff;
  border-right: 11px solid #fff;
  border-top: 19px solid transparent;
  border-left: 11px solid transparent;
}
.buttons span.posledni {
  display: inline-block;
 // border-bottom: 19px solid #f6f6f6;
//  border-right: 11px solid #f6f6f6;
 border-bottom: 19px solid transparent;
  border-right: 11px solid transparent;
  border-top: 19px solid transparent;
  border-left: 11px solid transparent;
}
.buttons span.predposledni {
  display: inline-block;
  border-bottom: 19px solid #f7f7f7;
  border-right: 11px solid #f7f7f7;
  border-top: 19px solid transparent;
  border-left: 11px solid transparent;
}
span.text {
  bottom: 15px;
  position: relative;
  font-weight: 600;
  color: #c90602;
  text-transform: uppercase;
  height: 100%;
  display: inline-block;
}
body, html, html a {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
.mediabody2{
  max-width: 100%;
  height: auto;
}
.mediabody2_orez{

  max-width: 100%;
  height: auto;
}
@media (min-width: 1350px) {
  span.text { padding: 0px 5px;  font-size: 13px; }
}
@media (min-width: 768px) and (max-width: 1349px) {
  span.text {  padding: 0px  0px; font-size: 10px;}
}  
a.menu:hover span.text, .buttons:hover {
  color: #fff;
}
/*span.text .dropdown:hover {
  color: #fff;
}*/
.buttons:hover {
  background-color: #c90602;
}

.buttons:hover span:first-child {
  border-right-color: rgba(201, 6, 2, 1);
  border-bottom-color: rgba(201, 6, 2, 1);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transform-style: preserve-3d; 
  -moz-transform: scale(.9999);
}

.buttons:hover span:last-child {
  border-left-color: rgba(201, 6, 2, 1);
  border-top-color: rgba(201, 6, 2, 1);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transform-style: preserve-3d; 
  -moz-transform: scale(.9999);
}


.ppo_1{
  cursor:pointer;max-width:18vw;
  float:right;
  margin:8px;
}
.ppo_2{
  cursor:pointer;
   min-width:240px;
  max-width:18vw;
 
  float:left;
  margin:4px;
padding-right:1.6em;

}
.ppo_x{
  cursor:pointer;max-width:18vw;
  float:left;
  margin:4px;
}        

#trezor-001 > div.col-md-5, #trezor-002 > div.col-md-5, #trezor-003 > div.col-md-5, #trezor-004 > div.col-md-5 {
  z-index: 99;
}
.nav-tabs > li > a:active {

  padding: 11px 16px;
}
.sidr-class-img-responsive {
  width: 100%;
}

.tab-pane {
  height: 450px;
}
/*ul.nav li.dropdown:hover ul.dropdown-menu {
  display: block;
}*/
/* forms */
input {
  margin-bottom: 3px;
}
.usericon input{
  padding-left:38px;
  background-color: #f3f3f3;
  border: 0;
  height: 34px;
}
.usericon:before{
  opacity:1;
  height:35px;
  width:34px;
  position: absolute;
  content:"";
  display: inline-block;
  background: url('../media/form-name.png') center center no-repeat;
  left: 0px;
}
.phoneicon input{
  padding-left:38px;
  background-color: #f3f3f3;
  border: 0;
  height: 34px;
}
.phoneicon:before{
  opacity:1;
  height:35px;
  width:34px;
  position: absolute;
  content:"";
  display: inline-block;
  background: url('../media/form-phone.png') center center no-repeat;
  left: 0px;
}
.emailicon input{
  padding-left:38px;
  background-color: #f3f3f3;
  border: 0;
  height: 34px;
}
.emailicon:before{
  opacity:1;
  height:35px;
  width:34px;
  position: absolute;
  content:"";
  display: inline-block;
  background: url('../media/form-email.png') center center no-repeat;
  left: 0px;
}
.texticon textarea{
  padding-left:38px;
  background-color: #f3f3f3;
  border: 0;
  height: 71px;
  resize: none;
}
.texticon:before{
  opacity:1;
  height:71px;
  width:34px;
  position: absolute;
  content:"";
  display: inline-block;
  background: url('../media/form-textarea.png') center center no-repeat;
  left: 0px;
}
.pad-left-5 {
  margin-left: 5px;
}
.pad-right-5 {
  margin-right: 5px;
}
.btn-blue {
  background-color: #2ba8e0;
  color: #fff;
  text-transform: uppercase;
  margin-top: 3px;
  width: 100%;
}
/* bootstrap corrections */
.shadedrop:hover /*.dropdown-menu */{
  display: block;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  font-size: 15px;
  line-height: inherit;
  color: #2ba8e0;
  text-align: right;
  border: 0;
  margin-bottom: 10px;

}
label {
  padding-top: 7px;
}
a:visited, a:active, a:focus {
  text-decoration: none;
  /*color: #000;*/
  border: 0;
}
button:focus, a:focus {outline:0;}
.map-title {
  white-space: nowrap;
}
/* BXSlider corrections */
.bxslider-wrap { visibility: hidden; }
.bx-wrapper .bx-caption {
  background-color: rgba(43, 168, 224, 1);
  bottom: 25px;
  display: inline-block;
  width: auto;
  height: 36px;
  /*  margin-right: 110px;
    background-image: url('../media/caption-right.png');
    background-position: 83px top;
    background-repeat: no-repeat;*/
  padding-right: 25px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bx-wrapper .bx-caption > span {
}
.bx-wrapper .bx-pager.bx-default-pager a {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  background-color: #fff;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  width: 10px;
  height: 10px;
}
.bx-wrapper .bx-pager {
  bottom: 25px;
  right: 5%;
  width: auto;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover {
  background-color: #aaa;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;  
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #2ba8e0;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;  
}
.bx-prev-big {
  left: -15px!important;
}
.bx-next-big {
  right: -15px!important;
}
.copydata {
  float: right;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  margin-left: -25px;
}
.back-dark {
  background-color: #251f1b;
  color: #fff;
}
/* other */
a.prihlaska {
  font-size: 18px;
  float: right;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.80);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  font-family: Domine;
}
a.prihlaska:hover {
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.65);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.fb-like {
  float: right;
}

#kontakt_udaje {
width:100%;
  margin: 0 auto;
  margin-bottom: 15px;
text-align: left;

}
#kontakt_udaje > tbody > tr > th {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  color: #333;
  background-color: #f0f0f0;
  border-right: 1px solid #a0a0a0;
}
.minheight {
  min-height: 240px;
}
#kontakt_udaje > tbody > tr > td {
  border-right: 1px solid #a0a0a0;
}
#kontakt_udajet > tbody > tr {
  background-color: transparent;
  color: #333;
}
#email {
  padding-left: 30px;
  background-image: url('../media/top-email.png');
  background-position: left center;
  background-repeat: no-repeat;
  color: #fff;
}
#email a, #phone a {
  color: #fff;
}
#phone {
  /*margin-left: 30px;*/
  padding-left: 30px;
  background-image: url('../media/top-phone.png');
  background-position: left center;
  background-repeat: no-repeat;
}
#email img {
  padding-left: 25px;
  float: right;
  padding-top: 8px;
}
.maximize {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.row {
  margin: 0;
}
#sidr-id-home > div > a > span.sidr-class-text, #sidr-id-main-top-menu > ul > li span.sidr-class-text {
  color: #c90602;
  text-transform: uppercase;  
  font-size: 15px;
  font-weight: 600;
    font-family: 'Titillium Web';
}

h1.hlavni, h1.hlavni > a {
  color: #c90602;
  text-transform: uppercase;
  text-align: left;
  padding: 19px 0px 0px 0px;
  margin-bottom: 10px;
  margin-top: 0px;
  font-size: 18px;
  text-decoration: underline;
  font-weight: 600;
  display: inline-block;
}
h1.hlavni_nadpis, h1.hlavni_nadpis > a {
  color: #c90602;
  text-transform: uppercase;
  text-align: left;
  padding: 16px 0px 0px 16px;
  margin-bottom: 10px;
  margin-top: 0px;
  font-size: 18px;
  text-decoration: underline;
  font-weight: 600;
  display: inline-block;
}
.overnadpis {
  text-align: center;
  color: #a0a0a0;
  font-family: Domine;
}
/*p {
  color: #a0a0a0;
 text-align: center;
}*/

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* centered columns styles */
.row-centered {
  text-align:center;
}
.col-centered {
  display:inline-block;
  float:none;
  /* reset the text-align */
  text-align:left;
  /* inline-block space fix */
  margin-right:-4px;
}
.pad {
  padding: 15px;
}
.border-red {
  border: 1px solid red;
}
.border-green {
  border: 1px solid green;
}
/*.sluzby {
  width: 23.19%;
  margin: 10px;
}*/
.sluzby > a {
  height: 150px;
  padding: 10px 10px;
}
.sluzby:nth-child(odd) {
  background-color: #d59392;  
  -webkit-transition: background-color 500ms ease-in-out;
  -moz-transition: background-color 500ms ease-in-out;
  -o-transition: background-color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out;
}
.sluzby:hover:nth-child(odd) {
  background-color: #800;
  -webkit-transition: background-color 500ms ease-in-out;
  -moz-transition: background-color 500ms ease-in-out;
  -o-transition: background-color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out;
}
.sluzby:nth-child(even) {
  background-color: #b36564;
  -webkit-transition: background-color 500ms ease-in-out;
  -moz-transition: background-color 500ms ease-in-out;
  -o-transition: background-color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out;
}
.sluzby:hover:nth-child(even) {
  background-color: #800;
  -webkit-transition: background-color 500ms ease-in-out;
  -moz-transition: background-color 500ms ease-in-out;
  -o-transition: background-color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out;
}
.sluzby > a:hover {
  -webkit-transition: background-color 500ms ease-in-out;
  -moz-transition: background-color 500ms ease-in-out;
  -o-transition: background-color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out; 
}
.sluzby > a:focus {
  color: #000;
}
#button-001, #button-002, #button-003 {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 10px 10px 10px 65px;
  text-transform: uppercase;
  color: #2ba8e0;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  font-family: 'Titillium Web';
  font-size: 19px;
}
#button-001:hover, #button-002:hover, #button-003:hover {
  color: #fff;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; 
}
.bxslider-inner {
  vertical-align: middle;
  display: inline-block;
  float: none!important;
}
.slide > img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;  
}
.slide:hover > img  {
  filter: none;
  -webkit-filter: grayscale(0%);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.map-title {
  font-weight: bold;
}
.spacer-small {  margin-top: 10px; float: none; }
h2.no-pad {
  padding: 0px 0px 15px 0px;
  width: 100%;
}
.jackbox {
  margin-right: 10px;
}
.flow {
  position: absolute;
  right: 0%;
  width: 19%;
  top: 10%;
}
.opacity {
  background-color: rgba(229, 229, 229, 0.7);
}
.form-karta {
  font-weight: 700;
  padding-top: 8px;
  display: inline-block;
  font-size: 12px;
  padding-left: 5px;
}
.margin-top-50 {
  margin-top: 50px;
}
#hiddenlink {
  display: none;
}
.col-sm-3.center > table {
  width: 100%;
}

h2.red {
  color: #a5193b;
}
tr:nth-child(odd) {
  background-color: #e8e8e8;
}
td {
  padding: 3px 10px;
}
td {
  border-right:  1px solid #a0a0a0;
}
table {
  border: 1px solid #a0a0a0;
  margin-bottom: 10px;
  margin: 0 auto;
}
th {
  border: 1px solid #a0a0a0;
}
body {
  background-color: #fff;
  color: #000;
  font-family: 'Titillium Web', sans-serif !important;
}

.vice {
  padding: 5px 15px;
  /*-moz-border-radius:15px;
  -webkit-border-radius:15px;
  -khtml-border-radius:15px;
  border-radius:15px;*/
  background-color: #c80b26;
  color: #fff;
  text-transform: lowercase;
  margin-bottom: 10px;
  margin-right: 50px;
  display: inline-block;
  float: right;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -ms-transition:all 1s ease;
  transition:all 1s ease;
}
.vice:hover {
  color: #fff;
  background-color: #580611;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -ms-transition:all 1s ease;
  transition:all 1s ease;
}
.button-shine {
  color: #c80b26;
  font-family: 'Titillium Web', sans-serif;
  font-size: 34px;
}
.button-shine:hover, .button-shine:visited, .button-shine:active, .button-shine:focus {
  color: #c80b26;
  text-decoration: none;
}
.pointer {
  cursor: pointer;
}

.navbar .navbar-collapse {
  text-align: center;
}
a {
  color: #000;
}
.icon-bar {
  border: 1px solid #333;
  margin-right: 5px;
}
.icon-bar:last-child {
  margin-right: 0px;  
}
.navbar-toggle {
  border: 1px solid #333;
}
/* aktuality main */
#aktuality-title {
  font-size: 25px;
  color: #2ba8e0;
  padding-left: 45px;
  margin-top: 25px;
  margin-bottom: 15px;
  background-image: url('../media/aktuality-title.png');
  background-position: left center;
  background-repeat: no-repeat;
}
#aktuality-title a {
  color: #2ba8e0;
}
.hore {
  top: 0px;
  position: relative;
  padding-left: 5px;
  width: 100%;
  /*text-align: justify;*/
}
.flexy {
  display: flex;
  min-height: 70px  ;

}
.flexy a, .flexy a:hover {
  color: #fff;
}
.hore a, .hore a:hover {
  color: #333;
}
a#aktuality-archive {
  color: #4d4d4d;
  font-size: 14px;
  padding-right: 35px;
  margin-top: 25px;
  background-image: url('../media/aktuality-archive.png');
  background-position: right center;
  background-repeat: no-repeat;  
  text-align: right;
  display: block;
}
.aktuality-datum {
  font-size: 30px;
  color: #fff;
  font-family: Domine;
  background-color: #2ba8e0;
  border-radius: 3px;
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.28);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.28);
  box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.28);
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 65px;
}
.aktual-pad {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: url('../media/aktuality-main.png');
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #fff;
  min-height: 290px;
}
.pad-top-small {
  padding-top: 5px;
  padding-bottom: 5px;
}
.aktuality-datum  span {
  font-size: 17px;
  color: #fff;
  font-family: Domine;
  text-transform: uppercase;
  display: block;
  line-height: 15px;
  padding-bottom: 5px;
}

a:hover {
  color: #000;
  text-decoration: none;
}
.title.no-pad {
  margin: 0;
  padding: 10px 0px 0px 0px
}
.white {
  color: #fff;
}
.white-opacity {
  background-color: rgba(255,255,255,0.7);
  width: 100%;
}
.title {
  display: inline-block;
}
.title a {
  color: #333;
  font-weight: 300;
  display: inline-block;
  font-size: 25px;
}
.product .price {
  color: #550000;
  font-weight: 900;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  padding-bottom: 15px;
}
.nopad-left {
  padding-left: 0px;
}
.sidebar-nav {
  width:100%;
}
.center {
  text-align: center;
}
.center-margin {
  margin: 0 auto;
}

#kontakt-button h3, #realizace-button h3, #aktualne-button h3 {
  margin-top: 5px;
}
h3 {
  margin-top: 0px;
  padding-top: 0px;
}

.headerheight {
  height: 160px;
}
.svetly {
  text-align: center;
  background: #ab30c1;
  padding-top: 25px;
}

.normal {
  background-color: #a52dba;
  text-align: center;
  padding-top: 25px;
}
.tmavy {
  background-color: #9e28b4;
  text-align: center;
  padding-top: 25px;
}
.button-text {
  position: relative;
  top: -150px;
}
span.white > p {
  color: #fff;
}
a.white {
  text-decoration: none;
  color: #fff;
}
a.white:hover {
  color: #fff;
}
.purple {
  text-decoration: none;
  color: #a142b2;
}
.parent {
  display:table;
}

.child {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}
.downbutton {
  min-height: 340px;
  display: table;
  height: 340px;
}
.downbutton a {
  display: table-cell; vertical-align: top;
}
.spacer {  margin-top: 40px; }
.spacer-60 {  margin-top: 60px; }

.navbar-nav > li > a {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.2em;
}
.navbar-nav > li:last-child {
  padding-right: 10px;
}
/*.dropdown-menu {
  font-family: 'Titillium Web', sans-serif;
  background-color: #c90602;
  opacity: 1;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition:  all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
  padding-top: 10px;
  color: #fff;
}
.dropdown-menu > li > a {
  font-weight: 300;
  font-family: 'Titillium Web', sans-serif;
  color: #fff;
  text-transform: uppercase;
}
.dropdown-menu > li > a:hover {
  background: #c90602;
  color: #fff;
}*/
#mapka {
  max-width: 100%;
  height: auto;
}
.back-white {
  background: rgb(255, 255, 255);
  /* RGBa with 0.6 opacity */
  background: rgba(255, 255, 255, 1);
  /*-webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;*/
}
hr.redcenter {
  height: 3px;
  border: 0;
  background-color: #c34134;
  width: 25%;
  padding: 0;
  margin: 0 auto;
}
hr.redcenter {
  height: 3px;
  border: 0;
  background-color: #c34134;
  width: 25%;
  padding: 0;
  margin: 0 auto;
}
hr.blackcenter {
  height: 3px;
  border: 0;
  background-color: #343434;
  width: 35%;
  padding: 0;
  margin: 5px auto 15px auto;
}
.thumbnail {
  background-image: url('../media/nahled-karta-back.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  color: #fff;
  margin-bottom: 0px;
  border: 0;
  padding: 0;
}
/* image hover */
.image_6 {
  width: 547px;
  height: 106px;
  background: transparent url('../media/image_6.jpg') top left no-repeat;
  display: inline-block;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition:  all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.image_6:hover {
  width: 547px;
  height: 106px;
  background: transparent url('../media/image_6-hover.jpg') top left no-repeat;
  display: inline-block;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition:  all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.image_6 span.text-but {  text-align: center; color: #000; left: 250px; font-weight: 300; width: 250px; position: relative; top: 15px; display: block; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_6:hover span.text-but {  text-align: center; color: #fff; left: 250px; font-weight: 300; width: 250px; position: relative; top: 15px; display: block; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_6:hover .nadpis {  text-align: center; color: #fff; font-weight: 600; -webkit-transition: all 500ms ease-out 0s; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_2 span.text-but {  text-align: center; color: #000; left: 250px; font-weight: 300; width: 250px; position: relative; top: 15px; display: block; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_2:hover span.text-but {  text-align: center; color: #fff; left: 250px; font-weight: 300; width: 250px; position: relative; top: 15px; display: block; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_2:hover .nadpis {  text-align: center; color: #fff; font-weight: 600; -webkit-transition: all 500ms ease-out 0s; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_7 span.text-but {  text-align: center; color: #000; left: 250px; font-weight: 300; width: 250px; position: relative; top: 15px; display: block; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_7:hover span.text-but {  text-align: center; color: #fff; left: 250px; font-weight: 300; width: 250px; position: relative; top: 15px; display: block; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_7:hover .nadpis {   text-align: center;color: #fff; font-weight: 600; -webkit-transition: all 500ms ease-out 0s; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_8 span.text-but {  text-align: center; color: #000; left: 250px; font-weight: 300; width: 250px; position: relative; top: 15px; display: block; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_8:hover span.text-but {  text-align: center; color: #fff; left: 250px; font-weight: 300; width: 250px; position: relative; top: 15px; display: block; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_8:hover .nadpis {  text-align: center; color: #fff; font-weight: 600; -webkit-transition: all 500ms ease-out 0s; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_9 span.text-but {  text-align: center; color: #000; left: 250px; font-weight: 300; width: 250px; position: relative; top: 15px; display: block; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_9:hover span.text-but {  text-align: center; color: #fff; left: 250px; font-weight: 300; width: 250px; position: relative; top: 15px; display: block; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_9:hover .nadpis {   text-align: center;color: #fff; font-weight: 600; -webkit-transition: all 500ms ease-out 0s; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_10 span.text-but {  text-align: center; color: #000; left: 250px; font-weight: 300; width: 250px; position: relative; top: 15px; display: block; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_10:hover span.text-but {   text-align: center;color: #fff; left: 250px; font-weight: 300; width: 250px; position: relative; top: 15px; display: block; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_10:hover .nadpis {  text-align: center; color: #fff; font-weight: 600; -webkit-transition: all 500ms ease-out 0s; -moz-transition:  all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; }
.image_7 {
  width: 547px;
  height: 106px;
  background: transparent url('/media/image_7.jpg') top left no-repeat;
  display: inline-block;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition:  all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.image_7:hover {
  width: 547px;
  height: 106px;
  background: transparent url('/media/image_7-hover.jpg') top left no-repeat;
  display: inline-block;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition:  all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.image_9 {
  width: 547px;
  height: 106px;
  background: transparent url('../media/image_9.jpg') top left no-repeat;
  display: inline-block;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition:  all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.image_9:hover {
  width: 547px;
  height: 106px;
  background: transparent url('../media/image_9-hover.jpg') top left no-repeat;
  display: inline-block;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition:  all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.image_1 {
  width: 547px;
  height: 106px;
  background: transparent url('/media/image_7.jpg') top left no-repeat;
  display: inline-block;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition:  all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.image_1:hover {
  width: 547px;
  height: 106px;
  background: transparent url('/media/image_7-hover.jpg') top left no-repeat;
  display: inline-block;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition:  all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.image_8 {
  width: 547px;
  height: 106px;
  background: transparent url('../media/image_8.jpg') top left no-repeat;
  display: inline-block;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition:  all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.image_8:hover {
  width: 547px;
  height: 106px;
  background: transparent url('../media/image_8-hover.jpg') top left no-repeat;
  display: inline-block;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition:  all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.image_2 {
  width: 547px;
  height: 106px;
  background: transparent url('/media/image_2.jpg') top left no-repeat;
  display: inline-block;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition:  all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.image_2:hover {
  width: 547px;
  height: 106px;
  background: transparent url('/media/image_2-hover.jpg') top left no-repeat;
  display: inline-block;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition:  all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.tmava {
  background-color: #a00300;
  z-index: 1;
  height: 150px;
}
.tmava2 {
  background-color: #a00300;
  z-index: 1;
  height: 150px;
  border-left: 5px solid #c90602;
}
.mailto {
  background: transparent url(../media/mailto.png) left center no-repeat;
  line-height: 150px;
  display: inline-block;
  padding-left: 50px;
}
.tel {
  background: transparent url(../media/phone.png) left 55px no-repeat;
  padding-left: 50px;
  padding-top: 50px;
  display: inline-block; 
}
#overfooter a {
  color: #fff;
}
.vyprodej-img {
  padding-left: 10px;
  width: 100%;
  height: auto;
}
.nadpis {

  position:relative;
margin-left:14px;
  font-size: 1.4em;
  color: #e3262e;
  font-weight: 400;
  text-align: left;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition:  all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;

  display: block;
  padding-bottom: 5px;
  padding-top: 0px;
  margin-top: 0px;
}
.nadpis-produkt {

  position:relative;

  font-size: 1.4em;
  color: #e3262e;
  font-weight: 400;
  text-align: left;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition:  all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;

  display: block;
  padding-bottom: 5px;
  padding-top: 0px;
  margin-top: 0px;
}

.pad-right-7 {
  padding-right: 7px;
  padding-left: 0px;
}
.vyp-txt {
  display: inline-block;
  padding-bottom: 35px;
}
.pad-left-7 {
  padding-left: 7px;
  padding-right: 0px;
}
.tlacitko:hover {
  color: #134884;

}
.tlacitko {
  color: #134884;
  background-color: #fff;
  padding: 10px 50px;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  bottom: 10px;
}
.pad-left-7 span {
  text-transform: uppercase;
  color: #fff;
  font-size: 25px;
  position: absolute;
  left: 140px;
  top: 12px;
}
.pad-right-7 span {
  text-transform: uppercase;
  color: #fff;
  font-size: 25px;
  position: absolute;
  left: 140px;
  top: 12px;
  z-index: 9;
}
.img-vyprodej {
  max-width: 100%;
}
span.ppo_0,span.ppo_1,span.ppo_2,span.ppo_x {
  cursor: initial;
}
.vyprodej {
  background-color: #134889;
  min-height: 400px;
  width: 100%;
  margin-top: -35px;
  color: #fff;
  text-align: center;
  padding: 5px 25px;
}
.reference {
  background-color: transparent;
  min-height: 400px;
  width: 100%;
  margin-top: -35px;
  padding-left: 0px;
  padding-right: 0px;
}
h1.left-main {
  font-size: 25px;
  text-align: left;
  color: red;
  text-transform: uppercase;
  text-decoration: underline;
}
.pad-right {
  padding-right: 10px; 
}
.pad-left {
  padding-left: 10px; 
}
.no-pad {
  padding: 0px;
}
.pad-top {
  padding-top: 14px;
}
@media (min-width: 1200px) {
  .container {
    width: 1120px;
  }
}
.no-pad-left {
  padding-left: 0px;
}
.no-pad-right {
  padding-right: 0px;
}
.pad-bottom {
  padding-bottom: 14px;
}
.foto-cell {
  display: table;
  margin: 8px;
  float: left;
}
.navbar {
  /* background: transparent url('../media/header2.jpg') top left no-repeat;*/

  /*height: 139px;*/
  margin-bottom: 0px;
  border: 0;
  position: absolute;
  left: 0%;
  top: 10px;
  width: 100%;
  /*min-height: 37px;*/
  height: auto;
}

.nahled2-obal{
  /*position:relative;*/
  text-align:center;
  width:238px;
  height:200px;
  min-height: 200px;
  overflow:hidden; 
  background-color: #ebebeb;
  display: table-cell;
  vertical-align: middle;
  -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow:    3px 3px 8px 0px rgba(0, 0, 0, 0.75);
  box-shadow:         3px 3px 8px 0px rgba(0, 0, 0, 0.75);
}
.nahled-obal{
  /*position:relative;*/
  text-align:center;
  width:238px;
  height:200px;
  min-height: 200px;
  overflow:hidden; 
  background-color: #ebebeb;
  display: table-cell;
  vertical-align: middle;
  -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow:    3px 3px 8px 0px rgba(0, 0, 0, 0.75);
  box-shadow:         3px 3px 8px 0px rgba(0, 0, 0, 0.75);
}
.cleaner {
  clear: both;
  height: 0;
  overflow: hidden;
  content: ' ';
}
a.jackbox img.max-height {
  max-height: 205px;
}
div.nahled-obal a img {
  max-height: 170px;
}
.top-border {
  border-top: 6px solid #a142b2;
}
.purple {
  color: #ab30c1;
}
.svetla {
  background-color: #c90602;
  z-index: 1;
  height: 150px;
}
.minusmargin {
  margin-top: -45px;
}
#overfooter {
  height: 150px;
  /*background-color: #;*/
  color: #fff;
  /*line-height: 100px;*/
  text-align: center;
  font-size: 19px;
  padding-top: 4px;
  z-index: 9999;
}
.prodejna {
  text-decoration: underline;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 25px 0px 0px 25px;
}
#overfooter .doba {
  padding: 10px 0px 0px 25px;
  font-size: 13px;
  font-weight: 300;
  text-align: center;

}
#overfooter .titulek {
  padding: 5px 0px 0px 25px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;

}
#overfooter .adresa {
  padding: 0px 0px 0px 25px;
  font-size: 13px;
  font-weight: 300;
  text-align: center;
}
.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.hlavni {
  padding: 35px 15px;
}
.smaller {
  font-sitop-ze: 33px;
}
.effects .img img {
  padding: 0px 10px 20px 10px;
  background: linear-gradient(0deg, #2ba8e0 50%, transparent 50% );
}
.effects .img {
  margin-bottom: 0px;
}
#googlemaps {
  width: 400px;
  height: 250px;
  border: 0px;
}
#home {
  padding-left: 23px;
  background: url(../media/home_red.png) left center no-repeat;
}
#home-pill {
  padding-left: 20px;
  background: url(../media/home_white.png) left bottom no-repeat;
}
#home img {
  padding-right: 10px;
  position: relative;
  top: -3px;

}
.cell-height {
  min-height: 190px;
  max-height: 190px;
  margin-bottom: 20px;
}
#footer {
  color: #5b5b5b;
  font-size: 14px;
}
#footer #doba {
  padding-left: 35px;
  background-image: url(../media/doba-footer.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
}
#footer #kontakty {
  padding-left: 35px;
  background-image: url(../media/footer-home.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  margin-top: 15px;
}
#form-footer {
  height: 150px;
}
.dekujeme {
  color: #2ba8e0;
  font-size: 18px;
}
#footer .title {
  font-size:18px;
  color: #5b5b5b;
}
.footer li {
  border-right: 1px solid #fff;
}
.footer li.last {
  border-right: 0px solid #fff;
}

.footer li a {
  color: #333;
  padding: 0px 15px 0px 15px;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer li a:hover {
  color: #333;
  background: none;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
img.thumbnail {
  margin-bottom: 0px;
}
.cell-height img {
  max-height: 170px;
}

iframe {
  max-width: 100%;
  vertical-align: middle;
  border: 0px;
}
.logo {
  padding-top: 15px;
}
.nav-pills li a:hover {
  text-decoration: underline;
  color: #fff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.nav-pills li a {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family: 'Titillium Web', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
}
.sidr-logo {
  display: none;
}
/* Portrait phones and smaller */
@media (max-width: 480px) {

       .navbar-nav > li > a {
    font-size: 24px!important;
  }
}
@media (max-width: 767px) {
#mobilLogo{
  float:left;
 width:25%;
 height:25%;
 border:1px solid red;
    }
  .prodejna, .titulek,.adresa,.doba {
    text-align: center!important;
  }
  .navbar {
    top: 0px;
  }

  .mailto {
    font-size: 14px;
  }
  .absolute {
    position: relative;
  }
  #home-pill{
    padding-left: 0px;
    background: 0;
  }
  .nav-pills>li {
    float: none;
    border: 0px;
  }
  #facebook-footer {
    bottom: 0px;
  }
}
h2 {
  font-size: 24px;
}
.hlavni img {
  float: left;
  margin: 30px;
}
.back-red {
  background-color: #A00300;
}
#map-canvas {
  width:100%;
  height:400px;
  /* -webkit-border-radius:8px;
   -moz-border-radius:8px;
   border-radius:8px;*/

  /*z-index: 1;*/
}
.map-canvas-kontakt {
  width:100%;
  height:550px!important;
  /*-webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;*/
}
.right {
  text-align: right;
}
@media (max-width: 992px) {

  .downbutton {
    display: table;
    height: 402px;
  }
  .pad-right-7,.pad-left-7 {
    padding-top:6px;
  }
  .image_6, .image_7, .image_8, .image_9, .image_10, .image_2 {
    background-color: #eeeced;
    background-image: none;
    width: 100%;
    padding-left: 0;
  }
  .image_6:hover, .image_7:hover, .image_8:hover, .image_9:hover, .image_10:hover, .image_2:hover {
    background-color: #c90602;
    background-image: none;
    width: 100%;
    padding-left: 0;
  }
  .image_6 .text-but, .image_7 .text-but, .image_8 .text-but, .image_9 .text-but, .image_10 .text-but, .image_2 .text-but {
    font-size: 14px;
    width: 100%!important;
    left: 0px!important;
  }
  .image_6 .nadpis, .image_7 .nadpis, .image_8 .nadpis, .image_9 .nadpis, .image_10 .nadpis, .image_2 .nadpis {
    font-size: 19px;
    width: 100%!important;
    left: 0px!important;
  }
  #overfooter {
    display: inline-block;
    width: 100%;
  }
}
.map_container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}
.button strong {
  font-size: 24px;
  display: block;
  padding-top: 15px;
  font-weight: 500;
}

.nav {
  text-align: center;
}
.navbar > .container {
  text-align: center;
}
div.no-pad {
  padding: 0;
  margin: 0;
}
@media (min-width: 1025px){
    .top-nadpis {
    bottom:38px;
 height:28px;   
 width:100%;
 padding:6px 6px 0 0;
}
    .top-nadpis-kat {
    bottom:58px;
 height:28px;   
 width:100%;
 padding:6px 6px 0 0;
}
}
@media (min-width: 1025px) and (max-width: 1100px) {

}
@media (min-width: 1025px) and (max-width: 1199px) {

  .image_6, .image_7, .image_8, .image_9, .image_10, .image_2,  .image_6:hover, .image_7:hover, .image_8:hover, .image_9:hover, .image_10:hover, .image_2:hover {
    width: 100%;
  }
  span.text-but-but {
    left: 210px!important;
    width: 240px!important;
  }
  h2.nadpis {
    left: 220px!important;
    width: 200px!important;
    font-size: 16px;
  }

}
@media (max-width: 1024px) {

  
  .image_6, .image_7, .image_8, .image_9, .image_10, .image_2,  .image_6:hover, .image_7:hover, .image_8:hover, .image_9:hover, .image_10:hover, .image_2:hover {
    width: 100%;
  }
  .reference {
    margin-top: -35px;
  }
  .pad-right-7 {
    padding-right: 0;
        display: inline-block;
  }
  .pad-left-7 {
    padding-left: 0;
  }
  .tmava2 {
    border-left: 0;
  }
  span.text-but-but {
    left: 210px!important;
    width: 240px!important;
  }
  h2.nadpis {
    left: 220px!important;
    width: 200px!important;
    font-size: 16px;
  }
}
#btnRespNav-main {
  float: right;
}
@media (min-width: 768px) {
    
#mobilLogo{
      display:none;  
    }
.navbar-nav {
    width: 960px;
}

  #btnRespNav, #btnRespNav-main {
    display: none;
  }
  div.shade {
    background-color: rgba(0,0,0,0.2);  
  }
  div.shademenu {
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
  }
}

#main-top-menu {

  position: relative;
}
@media (max-width: 767px) {
        
.navbar-nav {
    width: auto;
}
  #watermark {
    display: none;
  }
  #respNav-main > div > div.sidr-class-col-md-3 > a, #main-top-menu,  .sidr-class-navbar-header, #sidr-id-img-home {
    display: none;
  }
  #respNav > div > ul > li > a, #sidr-id-main-top-menu > ul > li > a {
    color: #2ba8e0;
  }
  div.shade {
    background-color: rgba(0,0,0,0.5);  
  }
  div.shademenu {
    width:auto;
    right: 15px;
  }
}
div.shademenu {
  position: absolute;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
}
.navbar-header, .navbar-brand, .navbar .navbar-nav, .navbar .navbar-nav > li.shade {
  border: 0;
  padding: 5px 0px 0px 0px;
}
.navbar-toggle {
  background-color: #a8a8a8;
}
@media (min-width: 768px) {
  .navbar-header, .navbar-brand, .navbar .navbar-nav, .navbar .navbar-nav > li.shade > a {
    border-right: 1px solid #fff;
  }
}
.navbar-header, .navbar-brand, .navbar .navbar-nav, .navbar .navbar-nav > li.shade > a {
  color: #fff;
  text-shadow: 0;
  opacity: 0.8;
  font-size: 13px;
  font-weight: 100;
  padding: 5px 10px;
}
.navbar-header, .navbar-brand, .navbar .navbar-nav, .navbar .navbar-nav > li.shade > a:hover {
  opacity: 1;
}
.navbar-header, .navbar-brand, .navbar .navbar-nav, .navbar .navbar-nav > li.shade > a.last {
  border-right: 0;
}
.collapse.navbar-collapse {
  /*float: none;*/
  /*display: inline-block!important;*/
  /* width: auto;*/
  /*clear: none;*/
}
/* centered columns styles */
.row-centered {
  text-align:center;
}
.col-centered {
  display:inline-block;
  float:none;
  /* reset the text-align */
  text-align: center;
  /* inline-block space fix */
  margin-right:-4px;
}
.pad-bottom-50 {
  padding-bottom: 50px;
}
.pad-top-50 {
  padding-top: 50px;
}
/*
.navbar:before,
.navbar:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #333;
  top: 15px;
  width: 250px;
}
.navbar:before {
  right: 77%;
  margin-right: 15px;
}
.navbar:after {
  left: 77%;
  margin-left: 15px;
}*/
.button-img {
  width: 100%;
  height: 185px;
  display: block;
  font-size: 22px;
  font-family: 'Titillium Web', sans-serif;
  margin-top: 80px;
}

.button-img span {
  top: 150px;
  position: relative;
  text-align: center;
  color: #a5193b;
  font-family: 'Titillium Web', sans-serif;
}

@media (max-width: 1200px) {
  .navbar:after, .navbar:before {
    display: none;
  }
}
.footer-contact span {
  font-size: 35px;
  color: #a5193b;
  font-family: 'Titillium Web', sans-serif;
}
.footer-contact {
  font-size: 15px;
  font-family: 'Titillium Web', sans-serif;
  color: #796364;
  margin-top: 35px;
}
@media (max-width: 992px) {

  .bottom-menu {
    background: #860008;
  }
  .bottom-button {
    padding-bottom: 80px;
  }
  #facebook-footer {
    margin-top: 10px;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .footer-contact {
    margin-top: 0px;
    text-align: center;
  }
  .shine-image-back {
    background: transparent;
  }
}

@media (max-width: 767px) {
  .navbar-header, .navbar-brand, .navbar .navbar-nav, .navbar .navbar-nav > li.shade > a {
    border-right: 0px solid #fff;
  }
 /* .dropdown-menu > li > a {
    color: #b90012;
  }
  .dropdown-menu > li > a:hover {
    color: #fff;
  } */
  .pad-left-7 span {
    left: 130px!important;
    top: 25px!important;
  }
  .pad-right-7 span {
    left: 130px!important;
    top: 25px!important;
  }

}

.prodpad {
  padding: 10px 15px;
}
.bottom-menu-cell {
  /*height: 155px;*/
}
.tableclear > tbody > tr, .tableclear > tbody > tr > td, .tableclear {
  border: 0;
  background-color: transparent;
}
.tableclear > tbody > tr > td:nth-child(2) {
  vertical-align: bottom;
  text-align: right;
  width: 100%;
  padding-right: 25px;
}
/*.ppo_1{
  cursor:pointer;max-width:300px;
  float:right;
  margin:8px;
}
.ppo_2{
  cursor:pointer;max-width:300px;
  float:left;
  margin:4px;
  margin-right:8px;
}
.ppo_x{
  cursor:pointer;max-width:300px;
  float:left;
  margin:4px;
}    */    
/*.slide:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #a5193b;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.slide:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}*/
@media (min-width: 993px) {

  .absolute {
    position: absolute;
    bottom: 25%;
    right: 20%;
  }
}
@media (min-width: 1200px) {
  ul#bottom-hover-menu {
    list-style: none;
    top: -25px;
    position: absolute;
  }
  li.bottom-hover-menu {
    list-style: none;
    width:178px;
    height:50px;
    text-align:center;
    overflow:hidden;
    position: absolute;
    z-index: 999;
    background-color: #b90012;
    border-bottom: 5px solid #fff;
  }
  li.bottom-hover-menu a.headline {
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-family: 'Titillium Web', sans-serif;
    width:178px;
    height:50px;
    display: table-cell;
    vertical-align: middle;
    font-weight: 400;
  }
  #bottom-hover-menu-img {
    position: relative;
    display: block;
    height: 103px;
    top: 30px;
    left: -15px;
  }
  #bottom-hover-menu-01 {
    left: 20px;
  }
  #bottom-hover-menu-02 {
    left: 208px;
  }
  #bottom-hover-menu-03 {
    left: 396px;
  }
  #bottom-hover-menu-04 {
    left: 584px;
  }
  #bottom-hover-menu-05 {
    left: 772px;
  }
  #bottom-hover-menu-06 {
    left: 960px;
  }
  #bottom-hover-menu-img > img {
    padding: 0px 10px 0px 0px;
    margin: 0;
  }
  #bottom-hover-menu-img img:first-child {
    padding-left: 50px;  
  }
  a.subtext {
    font-size: 14px;
    color: #fff;
  }
  p.subtext{
    padding: 5px 5px 5px 5px;
    font-size: 14px;
    color: #fff;
  }
  /*.product {
    min-height: 280px;
    height: 280px;
    max-height: 280px;
  }*/
}
@media (max-width: 1199px) {
  a.subtext {
    color: #b90012;
  }
  p.subtext{
    padding: 5px 5px 5px 5px;
    font-size: 14px;
    color: #b90012;
  }
  ul#bottom-hover-menu {
    padding-top: 25px;
  }
  .subtext {
    display: none;
  }
  #bottom-hover-menu-img {
    display: none; 
  }
  .product {
    height: auto;
    max-height: inherit;
    min-height: 280px;
  }
}
/* centered columns styles */
.row-centered {
  text-align:center;
}
.col-centered {
  display:inline-block;
  float:none;
  /* reset the text-align */
  text-align:center;
  /* inline-block space fix */
  margin-right:-4px;
}
.col-nopad {
  padding: 0;
}
.container-full {
  /*background: rgba(255,255,255,.7);*/
}
.container {
  opacity: 1;
}
.spacer-page { height: 60vh; display: block;}

.black {
  font-family: 'Titillium Web', sans-serif;
  color: #000;
  text-align: center;
  width: 90%;
  height: auto;
  overflow: hidden;
}
/*.dropdown-menu > li:hover {
  background-color: #b90012;
}*/
.grid_switch {
  padding: 5px 10px;
  color: #b90012;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 600;
}
.grid_switch:hover {
  background-color: #b90012;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #fff;
}
#top {
  width:50px;
  height:50px;
  position:fixed;
  bottom:10px;
  right:10px;
  box-shadow:0 0 4px #555;
  z-index:999;
  display:block;
}
.js #top {
  display:none;
}
#top span {
  position:absolute;

  background-color:rgba(255,255,255,.6);
  transition:all 0.3s ease-in-out;
  -webkit-transition:all 0.5s ease-in-out;
  width:50px;
  height:50px;
}
#top:hover span {
  background-color:rgba(255, 255, 255, 1);
  background-position:11px 10px;
}
input:hover, button:hover, select:hover, textarea:hover {
  background-color: #e0e0e0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.form-control {
  background-color: #eaeaea;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.label {
  color: #888;
  text-align: right;
  margin-top: 8px;
  font-size: 14px;
}
.label-left {
  color: #888;
  text-align: left;
  margin-top: 8px;
  font-size: 14px;
}
label {
  font-size: 14px;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  right: 15px;
  position: relative;
}
.well {
  min-height: 55px;
}
span.legend-right {
  float: right;
  font-size: 15px;
}
.red {
  color: #b90012;
}
.green {
  color: #2b542c;
}
input[type="checkbox"] {
  width: 34px;
}
.karta-title {
  font-size: 16px;
  font-weight: 700;
  text-align: right;
  padding-right: 25px;
}
.karta-data {
  font-size: 14px;
  font-weight: 300;
}
.karta-right {
  position: absolute;
  right: 25px;
  top: 2px;
  display: inline-block;
}
hr {
  border-top: 1px solid #ddd;
}
.no-pad-hor {
  padding-left: 0px;
  padding-right: 0px;
}
.row {
  margin-left: 0px;
  margin-right: 0px;
}
.neg-margin {
  margin-left: -15px;
  margin-right: -15px;
}





/*
        CUDDLY ZOO MINISITES
*/

.drago-menu-item a {
    color: #e5343c !important;
}

.menu-image {
    float:left;
    width: 280px;
    height: 60px;
    margin-top: 12px;
}

.drago-menu {
    margin-right: 5%!important;
}

.drago-halfsize {
    width: 50% !important;
}

#myCarousel .slider-text {
    z-index: 500;
    color: black;
    position: absolute;
    top:6%;
    left:2%;
    width:24%;
    color: white;
    line-height:1;
    font-family: 'Titillium Web', sans-serif;
    overflow: hidden;
    height:100%;
}

#myCarousel .slider-text .hlavni {
    font-size: 1.6em !important;
    padding-left: 0;
    padding: 15px;
}
#myCarousel .slider-text .informacni {
    font-size: 16px !important;
}

#myCarousel .slider-text .banner {
    height: 60px;
    width: 360px;
    opacity: 0.5;
    z-index: 500;
}

#myCarousel a img {
    width: 170px;
    height: 40px;
}

.border-bottom {
    border-bottom: white 1px solid;
    font-size: 18px;
}

.kateogrie-full {
    background-color: #ededed;
}

#triangle-category-link {
width: 0;
height: 0;
border-style: solid;
border-width: 15px 10px 0 10px;
border-color: #ffffff transparent transparent transparent;
}

/*
        CUDDLY ZOO MINISITES
*/
.silver{
  background-color: #f8f8f8;
}
.white{
  background-color: none;
}
/*  nahrazeno   .table .row-count
.silverProdukt{
  box-shadow: 0px 0px 8px #e2001a;
  -moz-box-shadow: 0px 0px 8px #e2001a;
  -webkit-box-shadow: 0px 0px 8px #e2001a;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#e2001a);
}
.whiteProdukt{
  background-color: none;
  box-shadow: 0px 0px 8px silver;
  -moz-box-shadow: 0px 0px 8px silver;
  -webkit-box-shadow: 0px 0px 8px silver;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=silver);
}*/




.table {
  display: table;
}

.row-count {
  /*display: table-row;*/
}

.row-count .col-md-4 {
 
/* display: table-cell;*/
  /*padding: 4px;*/
}

.row-count:nth-child(2n+0) .col-md-4 .count:nth-child(2n+0) {
background: #ff0000;
}

.row-count:nth-child(2n+0) .col-md-4 .count:nth-child(2n+1) {
 background: #ffff00;
}

.row-count:nth-child(2n+1) .col-md-4:nth-child(2n+0) .category-link {
  box-shadow: 0px 0px 8px #e2001a;
  -moz-box-shadow: 0px 0px 8px #e2001a;
  -webkit-box-shadow: 0px 0px 8px #e2001a;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#e2001a);
}

.row-count:nth-child(2n+1) .col-md-4:nth-child(2n+1) .category-link {
  background-color: none;
  box-shadow: 0px 0px 8px silver;
  -moz-box-shadow: 0px 0px 8px silver;
  -webkit-box-shadow: 0px 0px 8px silver;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=silver);
}



/*.silverProdukt .nazevProduktu .odkaz_kat{
    color:white;
}*/
.sipka{
margin: auto; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #ffffff transparent transparent;
}

.border-box-shadow{
    -moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
ul.bxslider{
    list-style-type:none;
}
.aktuality .detail:nth-child(even){
  background-color: #f8f8f8;
}
.aktuality .detail:nth-child(odd){
  background-color: #e7e7e7;
}
.category .detail:nth-child(even){
    box-shadow: 0px 0px 8px silver;
  -moz-box-shadow: 0px 0px 8px silver;
  -webkit-box-shadow: 0px 0px 8px silver;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=silver);
  background-color: #f8f8f8;
}
.category .detail:nth-child(odd){
    box-shadow: 0px 0px 8px silver;
  -moz-box-shadow: 0px 0px 8px silver;
  -webkit-box-shadow: 0px 0px 8px silver;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=silver);
  background-color: #e7e7e7;
width:31%;
margin-left: 1%;
margin-right: 1%;
}

#header_logoCarero{
    position:absolute;
    z-index:75;
    top:0;
right:10%;
width:180px;
height:168px;
border-top:1px solid white;
background: url('../../media/carero_logo_minisite.png') top center no-repeat;

    
}


/***********************   MENU *************/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8.9.2015, 15:14:04
    Author     : Kusnier
*/
.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  margin-left: 16px;
  margin-right: 16px;
  padding: 20px 0px;
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large .dropdown-header a{
padding-left:0;
  clear: both;
  font-weight: 300;
  line-height: 1.428571429;
  color: #e3262e;
  white-space: normal;
}

.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;

}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
}

//////////////////////////////
.carousel{
   /* background: #2f4357;
    margin-top: 20px;*/
}
.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */
}
.bs-example{
        margin-left: auto;
        margin-right: auto;
}
////////
.cookie{width:100%;line-height:20px;position:fixed;bottom:0;left:0;padding:16px 0 16px 0;font-size:16px;font-weight:normal;background:#c5c5c5;color:black;z-index:99999;text-align: center;} 
.cookie strong {color:red;}