@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=latin-ext');

html body {
  font-family: 'Roboto', sans-serif;
  color: #3a3a3a;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 300;
}

a {
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

a, h1, h2, code, a:hover, #contact h4, #favorite-links h3, #random-image h3, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .thumbnail h2 a, .price-current-vat, .price-original-vat, #cart a, input[type=checkbox]:checked:after, footer>.container>div:nth-of-type(even) h3
{
  color: #10226a;
}

.btn {
  background-color: #10226a;
  font-weight: normal;
  border-color: #10226a;
}

.btn:hover {
  border-radius: 4px;
  background-color: #10226a;
  border-color: #10226a;
  opacity: 0.8;
}

ul {padding-left: 17px;}

h3, h4, h5, h6 {color: #000; font-weight: bolder;}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
}

h1, .head {
  font-size: 30px;
  color: #213d6e;
  font-weight: bold;
  margin-bottom: 40px;
}
.head {text-align: left; margin-top: 20px;}

/* header */
#top-ribbon #contactus, .copy {display: none;}
.navbar .logo {display: block;}
.navbar .logo img {max-height: 80px;}
#top-ribbon {padding: 0; background: none; margin-top: 40px;}

#search-bar .btn-danger {
  background: #10226a;
  color: #fff;
  border-radius: 5px;
  border-color: #10226a;
  margin-top: 2px;
}
#search-bar input {
  border-radius: 5px;
  border-color: #acacac;
}

/* navbar */
.navbar {box-shadow: none; -webkit-box-shadow: none; letter-spacing: 0; font-family: 'Roboto', sans-serif; margin-top: -75px;}
.navbar-collapse {padding-right: 15px;}
#navbar {display: block !important; text-align: center;}
#navbar > ul {display: inline-block; float: none; margin: 15px 0 5px 0;}
nav.navbar {padding-top: 15px; position: static;}
.navbar .navbar-nav > li > a {font-weight: 300;}
#navbar ul.nav > li:last-child a {padding-right: 15px;}

.navbar-nav > li:after {
  content: '';
  display: block;
  margin: auto;
  height: 3px;
  width: 0;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}
.navbar-nav > li:hover:after {
  width: 100%;
  background:  #10226a;
}
.navbar-nav > li.active:after {
  width: 100%;
  background:  #10226a;
}
.navbar-nav>li>a {padding-bottom: 5px;}

.navbar .navbar-nav > li > a {color: #565656;}
.navbar-default .navbar-nav > li > a {height: auto;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {border: none;}
.navbar-default li.active > a:before {display: none;}

.navbar-default .navbar-toggle {border: none;}
.navbar-default .navbar-toggle .icon-bar {background-color: #10226a;}
.navbar-default .navbar-nav > li > a {display: block;}

.navbar-collapse.in .nav.navbar-nav {padding-left: 0;}

/* content */
#border {border-bottom: 0;}
#border.minn, #border.mins {padding: 0;}
article, .article-detail article, #support article {margin-top: 40px; margin-bottom: 40px;}


/* carousel */
#carousel-example-generic {display: none;}
#index #carousel-example-generic {display: block;}
body:not(#index) #motive {
  background: url(/picture/3/steel/) no-repeat center;
  background-size: cover;
  height: 300px;
}
#motive {font-family: 'Roboto', sans-serif;}
body#support #motive {
  background: url(/picture/3/hala/) no-repeat center center !important;
  background-size: cover;
}

#carousel-example-generic .carousel-control.right, .carousel-control.left {background-image: none; }
#carousel-example-generic .carousel-control {text-shadow: none; color: #10236a; opacity: .8;}
#carousel-example-generic .carousel-control:hover {opacity: .5;}
#carousel-example-generic .carousel-indicators {display: none}
#carousel-example-generic .carousel-caption {
  text-shadow: none; top: 50%; transform: translateY(-50%); bottom: initial; text-transform:uppercase}
#carousel-example-generic .carousel-caption p.title {color: #10226a; font-size: 3em; margin-bottom: 30px; font-weight: bold;}
#carousel-example-generic .carousel-caption p {color: #fff; font-size: 1.5em;}


/* support */
#support .panel-body {float: none !important; margin: auto;}
#support form h3 {color: #10226a; font-weight: bold !important;}
#support h1 {display: none;}
#support article form {border-radius: 0;}
.alert {
  float: none !important;
  margin: auto;
}


/* search */
#list-panel-news li {
  padding: 0;
  float: none;
}
#list-panel-news h4 {padding-top: 0;}
ul#list-panel-news {float: none;}
article ul#list-panel-news {margin-top: 40px;}
#list-panel-news p.date .day {vertical-align: middle; font-size: 5em;}
ul#list-panel-news li div p.description {visibility: hidden;}


/* footer */
#footer {
  background: #10226a;
  color: #fff;
  padding: 35px 0;
  font-size: 14px;
}
footer .container {margin: 0 auto;}
#footer-bottom {padding: 15px 0; font-size: 12px; }
.none-list {list-style: none; padding: 0;}
footer .title {font-weight: bolder; font-size: 2em; margin-bottom: 30px;}
footer a, footer a:hover {color: #fff;}
#footer-bottom a {color: #10226a;}


/* photos */
.photos {margin-top: 40px;}


/* language */
.language a {
  display: inline-block;
  height: 24px;
  width: 24px;
  margin: 0 2px;
  padding: 0;
  background-image: url(/picture/3/vlajky/);
  vertical-align: bottom;
}

.language a.cz {background-position: 0 0;}
.language a.cz:hover {background-position: 0 -24px;}

.language a.de {background-position: -24px 0;}
.language a.de:hover {background-position: -24px -24px;}

.language a.en {background-position: -48px -24px;}
.language a.en:hover {background-position: -48px -24px;}

.language a.ru {background-position: -72px 0;}
.language a.ru:hover {background-position: -72px -24px;}

.language a span {
  display: none;
}
#language {
  position: absolute;
  top: 45px;
}

/* responsive */
@media (max-width: 768px) {
  #footer-bottom .text-right, #footer-bottom .language {text-align: center;}
  article, .article-detail article, #support article {margin-top: 10px; margin-bottom: 20px;}
  #navbar {margin: 0; padding: 0;}
  #carousel-example-generic .carousel-caption p {font-size: 1.1em;}
  #carousel-example-generic .carousel-caption p.title {font-size: 1.5em; margin-bottom: 10px;}

  #list-panel-news h4 {padding-bottom: 0;}
  ul#list-panel-news li div p.description {height: 0;}
  #list-panel-news li > div {padding-top: 10px;}
}

@media (max-width: 990px) {
  .navbar .logo {display: table-cell;}
  .navbar {margin-bottom: 10px;}
  body:not(#index) #motive {height: 150px;}
  .article-detail article, article {text-align: left;}
  #search-bar .btn-danger {margin-bottom: 2px;}
  #language {position: static; margin-top: 5px; text-align: right;}
}

@media (max-width: 767px) {
  .container {width: 100%;}
}