@import url('https://fonts.googleapis.com/css?family=Dosis:400,700,800&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600&subset=latin-ext');

html body {
  font-size:14pt;
}

body{
  /* background: url(/obrazek/3/body-bg-jpg/)!important; 
  background-repeat:repeat !important;
  background-attachment:scroll !important;
  background-size:cover !important;*/
  color:black;
}

/*==== ROZLOZENI WEBU ====*/
/*zneviditelneni*/
#top-ribbon, #separator, #second {display:none;}

/*logo*/
.logo {display:none!important;}

/*zviditelneni pouze na uvodni strance*/
#index #separator, #index #panel-custom-2, #index #second {display:block;}


/*zrusit cary*/
#border, #second .container, footer.col-lg-12, .navbar {
  border:0;
}

/*zrusti odsazeni*/
footer .container, #second, article, #wrap #panel-custom-2, main.col-lg-12 {
  margin-top:0;
  margin-bottom:0;
  padding:0;
}

/*bloky a odsazení*/
#second, #footbox, #panel-custom-2, #index article {
  margin-top:0;
  margin-bottom: 0px;
  padding-top:80px!important;
  padding-bottom:80px;
}

.article-detail article {margin-bottom:50px}

/*==== OBECNE ====*/

/*nadpisy*/
h1, #index h2, #panel-custom-2 h3 {
  text-align:center;
  margin-bottom:50px;
  color:black;
  font-weight:bold;
  font-size:45px;
  margin-top:0;
  font-family: 'Dosis', sans-serif;
  text-transform:uppercase;
}

h3 {
  font-family: 'Dosis', sans-serif;
  color:  #d9231a;
}

/*butonky*/
.btn {
  border-radius:0
}

a.btn.btn-link,
.btn-primary, 
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
#topbar .btn-default,  
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active {
  border-color: #da251c;
  background-color:#da251c;
  font-family: 'Dosis', sans-serif;
  text-transform:uppercase;
  font-size:20px;
  margin-top:20px;
  -webkit-transition: all 0.5s ease;	 	 
  -moz-transition: all 0.5s ease;	 	 
  -o-transition: all 0.5s ease;	 	 
  -ms-transition: all 0.5s ease;	 	 
  transition: all 0.5s ease;
  border-radius:0;
}

.btn-primary:hover,
a.btn.btn-link:hover {
  border-radius:0;
  -webkit-transform: scale(1.15); /* Safari and Chrome */	 	 
  -moz-transform: scale(1.15); /* Firefox */	 	 
  -ms-transform: scale(1.15); /* IE 9 */	 	 
  -o-transform: scale(1.15); /* Opera */	 	 
  transform: scale(1.15);	 	 
  z-index: 999;
  text-decoration:underline;
}

p.text-center.back-link {
  margin-bottom: 50px;
}


/*lead*/
.lead {font-size:12pt; font-weight:600;font-size:13pt}

/*=== PRVKY WEBU ===*/

/*motiv*/
.jumbotron {
  height:20vh;
  color:white;
  background-image: url(/obrazek/3/motive8-png/);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
#index .jumbotron{  height:100vh;}

#motive h1{ display:none;}

#index #motive h1{
  display:block;
  margin-top: 25vh;  
  color:white;
  padding:10px 15px;
  font-size:50px;
  font-weight:bold;
}

/*menu*/
.nav.navbar-nav {
  float: none;
  display: table;
  table-layout: auto;
  text-align: center;
  margin: 0 auto;
}
.navbar-collapse.collapse {
  display: block!important;
  vertical-align: middle;
  width: 100%;
}
.navbar .container {
}
.navbar-default .navbar-nav > li > a {
  color: #000;
  font-weight:600;
  padding:10px 60px;
  font-family: 'Dosis', sans-serif;
  font-size:19px;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus, 
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover, 
.navbar .navbar-nav > .active > a:focus {
  color: #d9231a;
  border: 0;
  font-weight:bold;
}
.navbar-default li.active > a:before,
.navbar-default li.active:hover > a:before {
  border: 0;
}
.navbar-default .navbar-toggle {
  border: 0;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}
.navbar-default.f-nav .navbar-toggle .icon-bar {
  background-color: #000;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background: transparent;
}
.dropdown-menu > li > ul > li > a {
  color: #000;
}
.dropdown-menu > li > ul > li > a:hover {
  color:#d9231a;
}

/*logo v menu*/
#menu-item-348823 a {
  background: transparent url(/obrazek/3/sjprojekt-logo-png/) no-repeat;
  background-size:80%;
  width: 188px;
  font-size: 0;
  background-position:center
}

/*======= UVODNI STRANKA =======*/
#index article .btn {
  margin-top:60px;
}

/*index reference*/
#separator {
  background-image: url(/obrazek/3/motive2-jpg/);
}

#separator .cardbox {
  background-color:transparent
}
#panel-custom-1 h2{
  color:;
  font-weight:bold;;
}

#panel-custom-1 .cardbox {
  height:130px; 

}
#panel-custom-1 .cardbox img {
  text-align:center;
  max-height:100px;
  margin:0 auto;
  display:block;
}


#panel-custom-1 .btn-primary, #panel-custom-2 .btn-primary{
  background-color:black;
  color:white;
  border-color:black;
  margin-top:60px;
}

/*index realizace*/
#panel-custom-2 .panel-heading {display:none;}
#panel-custom-2 .panel-heading, #panel-custom-2 .panel-body {padding:0}

#panel-custom-2 .cardbox {
  background-color:transparent;
}

#panel-custom-2 .cardbox p {
  margin-bottom:0;
}

#panel-custom-2 .cardbox a {
  display:block;
  background-color:#da251c;
  text-transform:uppercase;
  color:white;
  text-align:center;
  padding-bottom:5px;
  -webkit-transition: all 0.5s ease;	 	 
  -moz-transition: all 0.5s ease;	 	 
  -o-transition: all 0.5s ease;	 	 
  -ms-transition: all 0.5s ease;	 	 
  transition: all 0.5s ease;	 	 
}	 	 
#panel-custom-2 .cardbox a:hover {	 	 
  -webkit-transform: scale(1.10); /* Safari and Chrome */	 	 
  -moz-transform: scale(1.10); /* Firefox */	 	 
  -ms-transform: scale(1.10); /* IE 9 */	 	 
  -o-transform: scale(1.10); /* Opera */	 	 
  transform: scale(1.10);	 	 
  z-index: 999;
}

#panel-custom-2 .cardbox img {
  display:block;
  margin-bottom:5px
}


/*=== FOTOGALERIE ====*/


.thumbnail h2 a {
  color:white;
  font-weight:normal;
  font-family:'Source Sans Pro', sans-serif;
  font-size:initial;
  text-transform:uppercase;  
  display:block;
  padding:15px
}

.thumbnail .subtitle {
  margin:0;
  line-height: 1;
}

#photogalleries .thumbnail .caption {height:auto!important; padding:0 10px; text-align:center}
#photogalleries .caption .pocty, 
#photogalleries .caption .description,
#photogalleries .caption .more  {display:none;}


#photogalleries .thumbnail {
  padding: 0px;
  background: transparent;
  border-radius: 10px;
  background-color: #da251c;
  border-radius:0;
  text-align:center;
}


#photogalleries .thumbnail {

  -webkit-transition: all 0.5s ease;	 	 
  -moz-transition: all 0.5s ease;	 	 
  -o-transition: all 0.5s ease;	 	 
  -ms-transition: all 0.5s ease;	 	 
  transition: all 0.5s ease;	 	 
}	 	 
#photogalleries .thumbnail:hover {	 	 
  -webkit-transform: scale(1.10); /* Safari and Chrome */	 	 
  -moz-transform: scale(1.10); /* Firefox */	 	 
  -ms-transform: scale(1.10); /* IE 9 */	 	 
  -o-transform: scale(1.10); /* Opera */	 	 
  transform: scale(1.10);	 	 
  z-index: 999;
}


/*=== PATIČKA ===*/

footer.col-lg-12 {
  color:white;
  background-image: url(/obrazek/3/motive1-jpg/);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  background-color:transparent;
}

#footbox {text-align:center; }
#footbox h2{text-transform:uppercase; color:white;}
#footbox h3{text-transform:uppercase; font-weight:bold; }

.copy {
  background-color:transparent;
  font-size:11pt;
}


/*=== STRÁNKA REFERENCE ====*/
.reference {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
  list-style:none;
  margin:0;
  padding:0;
}

.reference li {
  padding:5px 0;
  border-bottom:1px dotted #aeaeae; 
}
.reference li:hover {
  background-color:rgba(210,210,210,0.7);
}


/*=== RESPONSIVE ===*/ 



@media (max-width: 992px) {
  #menu-item-348823 a {display:none;}
  .reference {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
  }
  .logo {display:inline-block!important; }
  .navbar-header {display:inline-block;}
  .navbar .logo img {
    max-width: 80%;
    margin-top:2px;
  }
}


@media (max-width: 768px) {
  #index #motive h1 {
    font-size:30px;  }  
  #second > .container, #footbox >.container, article {
    padding:20px 20px !important;
  }  
  h1, #index h2, #panel-custom-2 h3 {
    font-size:30px;
    margin-bottom:20px;
  }  
  .reference {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;

  }
}