@charset "utf-8";
/* CSS Document */
* {
  padding: 0px;
  margin: 0px;
}

body {
 background-color: white;
 background-image: ;
 background-repeat: no-repeat;
 background-position: center top;
 font-family: Tahoma, Geneva, sans-serif;
 margin: 0px 0px 0px 0px;
}

h1 {
 color: white; 
 background-color: #1c2228;
 text-align: center;
 font-size: 53px;
 border: 2px solid #000000; 
 padding-top: 
}
h2 {
 color: white; 
 background-color: #FF9933;
 font-size: 73px;
 border: 2px solid black; 
 padding-top: .3em;
}
h3 {
 color: black; 
 background-color: silver;
 font-size: 20px;
}

h4 {
 color: black; 
 background-color: white;
 font-size: 20px;
}

h5 {
 color: white; 
 background-color: #429BC3; 
 top: 0px; left: 0px; float: right;
 font-size: 30px;
 border: 2px solid black; 
 padding-top: .3em;
}

h6 {
 color: white; 
 background-color: ;
 font-size: 23px;
}

h7 {
 color: black; 
 background-color: #429BC3;
 text-align: center;
 font-size: 26px;
 border: 2px solid #000000; 
 padding-top: 
}
h8 {
 color: #429BC3; 
 background-color: #429BC3;
 font-size: 10px
 
}


a:visited {
 color: white; 
 background-color: ;
 font-size: 23px;
 text-decoration: none;
}
h9 {
 color: white; 
 background-color: white;
 font-size: 20px;
 font-family: Oswald;
 font-weight:bold;
}

h15 {
 color: black; 
 background-color: white;
 font-size: 25px;
 font-family: Oswald;
 font-weight:bold;
}

iframe {
 background-color: #F2F2F2; 
 color: black;
 font-size: 1px;
 border: 1px solid black;
 
}
.naskladneni {
 background-color: #F2F2F2; 
 color: black;
 font-size: 20px;
 border: 1px solid black;
 width: 525px;
 
}

div {
 background-color: white; 
 color: blue;
 font-size: 1px;
}
dir {
 background-color: white; 
 color: black;
 font-size: 17px;
}

div#box {
 width: 805px; 
 margin: auto;
 margin-top: 200px;
 background-color: #95af41;	
}

header {
        height: 63px;
        position: static;
        top: 0px;
		background: #1c2228;
		width: 100%;
		display: block
		text-align: center;
}

a.tlacitko {
border-bottom : 1px solid black;
border-top : 1px solid black;
border-left : 1px solid black;
border-right : 1px solid black;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bolder;
font-size : 26px;
padding : 1px 5px 1px 5px;
background-color : silver;
color : White;
text-decoration : none;
}

a.tlacitko:hover{
border-bottom : 4px solid black;
border-top : 4px solid black;
border-left : 4px solid black;
border-right : 4px solid black;
}

a.button24 {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
	font-size : 34px;
  border-width: 2px 0;
  border-style: solid none;
  border-color: silver #000 gray;
  border-radius: 6px;
  background: linear-gradient(#F3AE0F, #E38916) #E38916;
  transition: 0.2s;
} 
a.button24:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.button24:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }

a.button13 {
  display: inline-block;
  width: 15em;
  font-size: 25px;
  color: rgba(255,255,255,.9);
  text-shadow: #2e7ebd 0 1px 2px;
  text-decoration: none;
  text-align: center;
  line-height: 1.1;
  white-space: pre-line;
  padding: .7em 0;
  border: 1px solid;
  border-color: #60a3d8 #2970a9 #2970a9 #60a3d8;
  border-radius: 6px;
  outline: none;
  background: #60a3d8 linear-gradient(#89bbe2, #60a3d8 50%, #378bce);
  box-shadow: inset rgba(255,255,255,.5) 1px 1px;
}
a.button13:first-line{
  font-size: 170%;
  font-weight: 700;
}
a.button13:hover {
  color: rgb(255,255,255);
  background-image: linear-gradient(#9dc7e7, #74afdd 50%, #378bce);
}
a.button13:active {
  color: rgb(255,255,255);
  border-color: #2970a9;
  background-image: linear-gradient(#5796c8, #6aa2ce);
  box-shadow: none;
}

a.button10 {
  display: inline-block;
  color: black;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: .25em .5em;
  outline: none;
  border: 1px solid rgb(250,172,17);
  border-radius: 7px;
  background: rgb(255,212,3) linear-gradient(rgb(255,212,3), rgb(248,157,23));
  box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
  transition: box-shadow .2s, border-color .2s;
} 
a.button10:hover {
  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.5);
}
a.button10:active {
  padding: calc(.25em + 1px) .5em calc(.25em - 1px);
  border-color: rgba(177,159,0,1);
  box-shadow: inset 0 -1px 1px rgba(0,0,0,.1), inset 0 1px 2px rgba(0,0,0,.3), inset 0 0 0 60px rgba(255,255,0,.45);
}
.logo {
        background: url('image/logo.png') no-repeat;
        width: 350px;
        height: 60px;
        float: left;
        margin: 1px 0px 0px 60px;
}

#logo {
        background: url('image/logo.png') no-repeat;
        width: 350px;
        height: 60px;
        float: left;
        margin: 1px 0px 0px 60px;
}

#logo h6 {
        margin: 17px 0px 0px 60px;
}

nav ul {       
        margin: auto;
        list-style-type: none;
}

nav ul li {
        float: left;
        padding: 0px 5px;
        margin: 0px 5px;
        font-size: 17px;
        height: 63px;
        line-height: 4.3em;
		
}

nav a {
        color: white;
        text-decoration: none;
		font-family: Oswald;
		font-size: 19px;
		font-weight:bold;
		
}

nav ul li:hover, .aktivni {
        background: #429BC3;
        box-shadow: 5px 5px 10px black;
		 
}



div#content {
 background-color: #FFF;
 border: solid 1px black;
 float: right;
 width: 581px;
 padding: 10px;
}

.footer{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height:100px;
    background: white;
	text-align: center;
}

#footer {
width: 100%;
overflow: hidden;
position:fixed;
background: #1c2228;
margin-bottom: 0;
left: 0;
text-align: center;
min-height: 23px
}

#header {
        height: 63px;
        position: static;
        top: 0px;
		background: #1c2228;
		width: 100%;
		display: block
		text-align: center;
		overflow: hidden;
		
}

#awax { width: 1440px; height: 900px; padding: 0; overflow: hidden; }
#rak { max-width: 1600px; height: 100%; padding: 0; overflow: auto; margin: auto; text-align: center; align-items: center; display: block; margin-left: 50px; margin-right: 50px;}
#cvak { max-width: 1600px; height: 100%; padding: 0; overflow: auto; margin: auto; text-align: center; align-items: center; display: block; margin-left: 40px; margin-right: 40px;}
#baf { max-width: 1520px; height: 100%; padding: 0; overflow: auto; margin: auto; text-align: center; display: block; }
#stred { max-width: 1140px; min-height: 762px; padding: 0; overflow: auto; margin: auto; text-align: center; display: block; }
#bubu { width: 100%; height: 100%; padding: 0; overflow: hidden; margin: auto; text-align: center; position: relative; }
#test { width: 380px; height: 345px; padding: 0; overflow: hidden; float: left; }
#test2 { width: 393px; height: 365px; padding: 0; overflow: hidden; float: left; }
#test3 { width: 393px; height: 365px; padding: 0; overflow: hidden; float: left; }
#wrapper { width: 333px; height: 305px; padding: 0; overflow: hidden; }
#scaled-frame { width: 440px; height: 399px; border: 1px solid black; }
#scaled-frame {
    zoom: 0.85;
    -moz-transform: scale(0.85);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.85);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.85);
    -webkit-transform-origin: 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #scaled-frame  { zoom: 1;  }
}