.btn, .btnred { display: inline-block; *display: inline; *zoom: 1;
  margin-bottom: 0;
  text-align: center;
  color: #fef7ff;
  background-color: #a29e9e;
  font-size: 11px;
  text-transform: uppercase;
  margin-top: 15px;
  padding: 10px 14px;
  border: 0px;
  cursor:pointer;}

.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {  }
.btn:hover, .btn-primary:hover, .btnred:hover, .btn-primary:hover  {color: #fff6fb; background-color: #d87f00;}

.btn-large { padding: 5px 9px; line-height: normal; }
.btn-primary.active { color: rgba(255, 255, 255, 0.75); }
.btn-primary { }
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { filter: none; color: #fff6fb; background-color: #d87f00; }
.btn-block { width: 100%; display:block; }

.btnred { padding: 4px 10px; font-size: 10px; }
.btn:active, .btn.active, .btn.disabled, .btn[disabled] { }
.btnred-large { padding: 5px 9px; font-size: 15px; }
.btnred-primary, .btn-primary:hover { }
.btnred-primary.active { color: rgba(255, 255, 255, 0.75); }
.btnred-primary { background-color: #8f4b52; }
.btnred-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { filter: none; background-color: #a31003; }
.btnred-block { width: 100%; display:block; }

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }

html { width: 100%; height:100%; overflow:hidden; }

body {
font-family: 'Roboto', sans-serif;
margin-top:20px;
color:#505050;
}
.body h1 { color: #d3d3d3; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; }
.body h2 { color: #d3d3d3; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:-1px; text-align:center; }
.body h3 { color: #d3d3d3; text-shadow: 0 0 9px rgba(0,0,0,0.3); letter-spacing:-1px; text-align:center; }
.body h4 { color: #d3d3d3; text-shadow: 0 0 15px rgba(0,0,0,0.3); letter-spacing:-1px; text-align:center; }


.login {

}
.login h11 { color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; }
.login h1 { color: #BDBDBD; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; }
.login h2 { color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:-1px; text-align:center; }
.login h3 { color: #BDBDBD; text-shadow: 0 0 7px rgba(0,0,0,0.3); letter-spacing:-1px; text-align:center; }
.login h4 { color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:-1px; text-align:center; }


.zaklad, .pata {width:80%;}
a:link{color:#5b585c;text-decoration:none}
a:visited{color:#5b585c;text-decoration:none}
a:hover{color:#c88d2c;text-decoration:none}

.nazev {font-weight:300; font-family: 'Roboto Condensed', sans-serif; }
.hlavicka .logo {display:inline-block; left:0px; }
.hlavnadpis {color:#999;font-size:18px; margin-left:15px; display:inline-block; }
.logo {font-size:15px; color:#888888;}
.logo img {width:50px; margin-bottom:-10px; margin-right:15px}
.logo .nazev {font-size: 35px; display:inline-block; }
.logoblok {display:inline-block}
.hlavicka .logo {display:inline-block; left:0px; }
.hlavicka {text-align: left; margin-bottom:60px;}
.menuprava {color:#8ac617;font-weight:bold;float:right; top:20px;right:0px;}
.menuprava a {display:inline-block; text-align:center;margin-right: 30px}
.menuprava img {height:30px; opacity:0.4; margin-bottom:7px}
.menuprava span {font-weight:300; font-size:15px; font-family: 'Roboto Condensed', sans-serif;}
.menuprava .nosekce {  position: absolute; top: 42%; left: 50%;  transform: translate(-50%, -42%);  text-align: center; width:100%;}
.menuprava .nosekce a {margin: 25px 50px}
.menuprava .nosekce img {height:60px; margin-bottom:14px}
.menuprava .nosekce span {font-size:25px;}
.anosekce {border-right:1px solid #c9c9c9; display:inline-block}
.leftsekce a {margin: 0px 0px 0px 25px; }
.pata { left: 50%; transform: translate(-50%); color: #5b585c; padding: 3px 12px 10px 12px; background-color:#ffffff; font-family: 'Roboto', sans-serif; text-transform: none;  font-size: 11px; position:absolute; text-align: center; bottom: 0px}
.pata img { height:13px; position:relative; margin-top:10px}
.panelBlok {display:inline-block; margin:20px}

.tlacitko {color: #fef7ff;
background-color: #a29e9e;
font-size: 11px;
text-transform: uppercase;
margin-top: 15px;
padding: 10px 14px;
border: 0px;
cursor:pointer;}

.tlacitko:hover {color: #fff6fb;
background-color: #d87f00;
cursor:pointer;
}

@media screen and (max-width: 1230px) {
.zaklad {width:97%;}
}

@media screen and (max-width: 1070px) {
.zaklad {width:95%;}
.hlavicka {text-align: center; margin-bottom:40px}
.logoblok {display:block; margin-bottom: 30px; }
.menuprava {float:none; display:block}


}



@media screen and (max-width: 680px) {
  .boklevy {margin:0px 0px 20px 0px; text-align:center}
  .stred{margin:0px 0px 20px 0px; }
  .boklevy, .stred {display:block; width:100%; text-align:center}
  .podmenu{display:inline-block; margin: 5px 15px 8px }
  .menuprava .nosekce { padding-top: 300px; top: 15%;  }
}

@media screen and (max-width: 580px) {
.hlavnadpis {font-size:18px; display:block; margin-left:0px; margin-top:20px;}
.leftsekce {margin: 25px 13px 0px}
.hlavicka {margin-bottom:20px}
}

@media screen and (max-width: 400px) {
.menuprava .nosekce { padding-top: 380px; top: 22%;  }
}

@media screen and (max-height: 360px) {
.pata {display:none}
}