body {
	/*margin-left:10%;margin-right:10%;*/
    font-family:'Lato',Calibri, Open Sans;
    font-weight: 400; 
    background-color:#F8F9FA !important; 
    color:#414141 !important;
}
p {text-align:center; color:#414141;}
h2 {font-size:25px; font-weight: 700; text-align:center; color:#414141;}
/*.navbar-nav > li > a, .navbar-brand {
    padding-top:4px !important; 
    padding-bottom:0 !important;
    height: 50px;
}*/
.navbar {
	border:0px;
    background-color:white;
    min-height:73px !important;
}
.navbar-brand {padding:0;}
.navbar-brand img, .navbar-nav span {height:40px; position:absolute;z-index:999; top: 20px;left: 10px;}
.navbar-brand img {height:32px}
.scl { 	
	position:absolute; 
	right:0;
	z-index:999; 
	font-size:30px !important;
}
.scl a {color:#ffffff; font-size:30px;}
.this {border-bottom:3px solid #0088c7; padding-bottom:10px; color:black !important; background-color:white !important}
.this:hover { padding-top:25px !important;}
.container-fluid {
  padding-right: 10%; /*navbar odsunutie od okraja. povodne 15px;*/
  padding-left: 10%;
  margin-right: auto;
  margin-left: auto;
}
#kategorie, #nahratFormular{
	margin-top:50px; margin-left:10%; margin-right:10%;
	text-align:center;
}
#motto {
	background-size: cover;  
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	width:100%;	 height:auto;
	position:absolute;
	height:600px 
}
#motto1 {
	background-image:url('img/intro.png');/* motto image vs background color, alebo knihy?*/ 
	background-color:black;  background-repeat:no-repeat; background-position:center; vertical-align:middle;
	color:#fff; text-align:center;  
	background-size: cover;  
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	width:100%;	 height:100%;
    filter: blur(250px);
    margin-top:-80px
}
#motto1 h1 {
	margin-left:20px; margin-right:20px;
    font-size:90px;
	margin-top:5%; text-shadow: 1px 1px #000; 
	color:white;
    font-family: 'Lato';
    font-weight: 300
}
.desktop-h1 {
    padding-top:120px;
    padding-left:30%;
    font-size:50px !important;
}
.desktop-p {
    padding-left:33%;
}
#motto1 p {text-shadow: 1px 1px #000; font-size:25px; margin:20px; color:white}
#motto a {
    color:#fff;
	text-align:center;
	font-size: 150px;
  	font-family: 'Lato' /*Corbel*/;
  	font-weight:bold;
    display:block;
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    z-index:999;
    text-decoration:none;
}
#motto h2, #motto p {text-align:center;}
#motto h2{margin-top:-50px}
.panel-default {
    margin:15px;
    /*display: none !important;*/
    position: relative;
    top: -80px;
}
.panel {
    box-shadow:0px 0px 10px 5px #989898;
}
#panel-desktop {
    left:50%;
    width:45%;
}
#panel-desktop .panel-body {width: calc(100% - 180px)}
#panel-desktop img {
    padding:10px;
    margin:0;
    margin-right:5px;
    width:160px;
    position:relative;
    float:right;
    top:-30px; 
}
@keyframes fadey {
	0% { opacity: 0; }
	15% { opacity: 1; }
	85% { opacity: 1; }
	100% { opacity: 0; }
}
figure {
    display: block;
    margin-left: auto;
    margin-right: auto
}
figure#slideshow {
	width: 80%;
	margin: 0 auto;
	position: relative;
    margin-left: auto;
    margin-right: auto;
    left:auto;
    right:auto;
}
figure#slideshow img {
	position: absolute;
	left: 0; top:880px;
	width: auto;
	height: 550px ;
	opacity: 0;
    display: block;
    margin-left: calc(50% - 161.5px);
    margin-right: auto
}
figure#slideshow img:first-child { 
	position: relative;
}
#slideshow-container-pc {
    margin:15%;
    margin-top:0;
    margin-bottom:50px;
}
#slideshow-container-pc tr {margin: 20px;}
#slideshow-container-pc p{
    text-align:center;
    vertical-align:top;
    margin:40px
}
#slideshow-container-pc img {
	left: 0; margin-top:780px;
	width: 100%;
	height: auto;
    padding:10%    
}
/*.mottoNadpis {
	/*position:absolute;*
	top:1em;
	left:10%; right:10%;
}*/
.call2 {
    text-align:center;
    padding:15px;
    border-radius:50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size:20px;
    width:400px;
}
.modry {
	color:#355F87;
}
.biela {color:white !important}
.active a {
	color:#fff !important; background-color:#0066a1 !important;
}
.btn-lg {
	margin:40px 5%;
}
#vision {
    /*background-image:url('img/FAQ.png'); background-repeat:no-repeat; background-position:center; vertical-align:middle;
    background-size: cover;  
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	width:100%;	 height:auto;*/
    background-color:#337ab7;
}
.hoverUp:before::hover {
	color: red;/*#286090;*/
    border-color: #204d74;
	background-color:red;
}
#about {
    /*background-image:url('img/team.png'); background-repeat:no-repeat; background-position:center; vertical-align:middle;
    background-size: cover;  
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
    background-color:white;
	width:100%;	 
    height: 150%;
}
#about .okraj p {color:black}
.okraj {
    margin-left:15%; margin-right:15%
}
.buttonZobrazit {
	background-color:#0066a1; color:white
}
.btn-color:focus ,.btn-color:hover{
	background-color:#0066a1;
	color:white;
	border-color:#0066a1
}
.row {margin:0;}
.row img {display:block;
          margin-left: auto;
          margin-right: auto;
          height:200px;
          width:200px; 
          margin-top:50px;
          margin-bottom:20px
}
#vision img {
          height:60px;
          width:60px; 
}
.row a {text-decoration:underline}
#desc {color:black}
.media-body {
    padding:25px;
    padding-top:0px;
    padding-left:0;
    padding-bottom:50px
}
.hideme {opacity:0;}
.about {margin:35px; clear:both;}
.footer-img img {width:auto; height:50px; margin:-50px  auto 50px auto; display:block;}
.media-left i {width:50px; margin-left:auto; margin-right:auto; color:#9b9b9b; text-align: center;}
@media (max-width:768px) {
    #vision, #team{margin-top:100px;}
    .row h3 {margin-top:20px !important;}
    .row img {margin-top:20px !important;}
    #slideshow-container-pc {margin:5%;}
    .about {margin:0px}
    .okraj {margin:10px;}
    .call2 {width:90%}
    .footer-img img {margin-top:50px;}
}
@media (min-width:768px) {
    .hrabovec {margin-left:25%}
}
@media (min-width:1150px) {
    .hrabovec {margin-left:33%}
}
@media (min-width:1200px) and (max-width:1313px) {
    .team-no2{ display:none}
}
@media (min-width:1313px) and (max-width:1325px) {
    .team-no3 {display:block !important;}
}
@media (min-width:1435px) and (max-width:1512px) {
    .team-no2, .team-no3 {display:none}
}
@media (min-width:1588px) {
    .team-no2, .team-no3 {display:none}
}
@media (min-width:1283px) and (max-width:1341px) {
    .hrabovec {margin-left:0%}
}
@media (min-width:1726px) and (max-width:1837px) {
    .hrabovec {margin-left:0%}
}
@media (min-width:1446px) and (max-width:1552px) {
    .hrabovec {margin-left:0%}
}
.team-no3 {display: none;}
button:focus, a:focus {outline:0 !important;}