html {width:100%;height:100%;}
body {
font-family: Segoe UI, Arial, sans-serif;
padding: 0px;
margin: 0px;
font-size: 18px;
color: #4b4b4b;
background: #ffffff;
}
.wrapper {
overflow: hidden;
}
.sliding-background {
background: url(images/chmury.jpg) repeat-x;
height: 189px;
width: 4316px;
animation: slide 50s linear infinite;
position: relative;
z-index: 4;
}
@keyframes slide {
0%{
transform: translate3d(0, 0, 0);
}
100%{
transform: translate3d(-1079px, 0, 0);
}
}
img {border: none;}
h1 {font-size: 42px; color: #00285a; font-weight: bold;}
a:link, :visited {text-decoration: none; color: #ffffff;}
a:hover {text-decoration: underline; color: #ffffff;}
p {text-align: justify;}
@media (min-width: 1001px) {
@keyframes slide {
0%{
transform: translate3d(0, 0, 0);
}
100%{
transform: translate3d(-1079px, 0, 0);
}
}
#danefirmkont {float: left; width: 400px; height: 350px;}
#mapa {width: 400px; height:300px; float: right;}
footer {width: 100%; height: 100px; background: #ffffff; color: #01224c; font-size: 14px; line-height: 100px; text-align: center;}
header {width: 100%; height: 211px; background: url(images/top.jpg) repeat-x top center;}
div.czolo {width: 100%; height: 350px; z-index: 5;}
div.hh {width: 930px; height: 350px; margin-top: -189px; margin-left: auto; margin-right: auto; padding-top: 220px; padding-right: 50px; background: url(images/hatka.png) no-repeat top center; text-align: right; position: relative; z-index: 6;}
#opack {width: 980px; height: 156px; padding-top: 55px; margin-left: auto; margin-right: auto;}
#logo {width: 342px; height: 54px; margin-top: 23px; background: url(images/logo.png) no-repeat top center; float: left;}
aside {width: 600px; height: 100px; float: right; text-align: right;}
a.menu:link {display: inline-block; color: #00285a; font-size: 20px; padding: 5px; text-decoration: none; margin-top: 32px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; background: #ffffff;}
a.menu:visited {display: inline-block; color: #00285a; font-size: 20px; padding: 5px; text-decoration: none; margin-top: 32px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; background: #ffffff;}
a.menu:hover {color: #ffffff; text-decoration: none; background: #00285a;}
a.imgfade:link, :visited {opacity: 1; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
a.imgfade:hover {opacity: 0.7;}
#start {width: 100%; height: 415px; background: url(images/background.jpg) repeat-x center top #5977ac;}
#mapes {width: 100%; height: 415px; background: url(images/mapback.jpg) no-repeat center top;}
#slogcont {width: 980px; height: 415px; margin-left: auto; margin-right: auto;}
#man {width: 282px; height: 415px; background: url(images/man.png) no-repeat center bottom; float: left;}
#slog {width: 600px; text-align: center; margin-top: 130px; float: right; color: #ffffff; font-size: 32px;}
a.buton:link, :visited {display: block; padding: 10px; background: #01224d; color: #ffffff; width: 100px; font-size: 18px; text-decoration: none; margin-left: auto; margin-right: auto; margin-top: 20px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
a.buton:hover {background: #ffffff; color: #01224d; text-decoration: none;}
#tresc {width: 980px; margin-left: auto; margin-right: auto; margin-bottom: 25px; margin-top: 25px; position: relative; z-index: 7;}
#contenter {width: 980px; overflow: hidden; padding-top: 20px;}
#dystr {width: 150px; float: left; text-align: center; margin-left: 90px;}
#dys-tresc {width: 300px; float: left; text-align: left; margin-top: 45px;}
#palet {width: 150px; float: left; text-align: center;}
#pal-tresc {width: 200px; float: left; text-align: left; margin-top: 45px;}
#fut {width: 100%; height: 200px; background: #2b2f3f;}
#footers {width: 900px; margin-left:auto; margin-right:auto; overflow: hidden;}
#danefirm {width: 250px; color: #ffffff; font-size: 16px; float: left; margin-top: 33px;}
#danekont {width: 250px; color: #ffffff; font-size: 16px; float: left; margin-top: 33px;}
#minilogo {width: 171px; height: 27px; background: url(images/logo2.png) no-repeat; background-size: 171px 27px; float: right; margin-top: 80px; margin-right: 200px;}
font.konth {color: #ffffff; font-weight: bold;}
}
@media (max-width: 1000px) and (min-width: 591px) {
#danefirmkont {width: 95%; text-align: center;}
#mapa {width: 400px; height:300px; margin-left: auto; margin-right: auto; margin-bottom: 15px;}
footer {width: 100%; height: 100px; background: #ffffff; color: #01224c; font-size: 14px; line-height: 100px; text-align: center; margin-top: 10px;}
header {width: 100%; background: #ffffff;}
#opack {width: 100%; margin-left: auto; margin-right: auto; margin-top: 0px;}
#logo {width: 342px; height: 79px; background: url(images/logo.png) no-repeat; background-position: 0 25px; margin-left: auto; margin-right: auto; margin-bottom: 25px;}
aside {width: 100%; text-align: center; position: relative;}
a.menu:link, :visited {display: block; color: #01224d; font-size: 20px; text-decoration: none; background: #ffffff; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #01224d; border-top: 1px solid #ffffff;}
a.menu:hover {color: #ffffff; text-decoration: none; background: #01224d; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
#start {width: 100%; height: 315px;}
#mapes {width: 100%; height: 315px; background: url(images/mapback.jpg) no-repeat center center;}
#slogcont {width:100%; height: 315px; margin-left: auto; margin-right: auto;}
#slog {width: 100%; text-align: center; padding-top: 115px; color: #ffffff; font-size: 28px;}
a.buton:link, :visited {display: block; padding: 0px; width: 0px; font-size: 0px; text-decoration: none; margin-left: auto; margin-right: auto; margin-top: 0px;}
#tresc {width: 95%; margin-left: auto; margin-right: auto; margin-bottom: 25px; margin-top: 25px; text-align: justify;}
#contenter {width: 100%; overflow: hidden; padding-top: 20px;}
#dystr {width: 100%; float: left; text-align: center;}
#dys-tresc {width: 100%; text-align: center; margin-top: 45px; margin-bottom: 40px;}
#palet {width: 100%; float: left; text-align: center;}
#pal-tresc {width: 100%; float: left; text-align: center;}
#fut {width: 100%; background: #2b2f3f;}
#footers {width: 510px; margin-left:auto; margin-right:auto; overflow: hidden; text-align: center;}
#danefirm {width: 250px; color: #ffffff; font-size: 16px; margin-top: 33px; margin-bottom: 33px; float: left;}
#danekont {width: 250px; color: #ffffff; font-size: 16px; margin-top: 33px; margin-bottom: 33px; float: left;}
font.konth {color: #ffffff; font-weight: bold;}
}
@media (max-width: 590px) {
#danefirmkont {width: 100%; height: 240px; text-align: center;}
#mapa {width: 100%; height:300px;text-align: center; margin-bottom: 15px;}
footer {width: 100%; height: 100px; background: #fffffff; color: #01224c; font-size: 10px; line-height: 100px; text-align: center; margin-top: 10px;}
header {width: 100%; height: 100px; background: #ffffff;}
#opack {width: 100%; margin-left: auto; margin-right: auto; margin-top: 0px;}
#logo {width: 100%; height: 32px; background: url(images/logo.png) no-repeat center center; margin-left: auto; margin-right: auto; padding-top: 25px; background-size: 200px 32px;}
aside {width: 100%; text-align: center; position: relative;}
a.menu:link, :visited {display: block; color: #01224d; font-size: 20px; text-decoration: none; background: #ffffff; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #01224d; border-top: 1px solid #ffffff;}
a.menu:hover {color: #ffffff; text-decoration: none; background: #01224d; border-top: 1px solid #ffffff; border-bottom: 1px solid #01224d;}
#start {width: 100%;}
#slogcont {width:100%; height: 150px; margin-left: auto; margin-right: auto;}
#slog {width: 100%; text-align: center; color: #ffffff; font-size: 0px;}
a.buton:link, :visited {display: block; padding: 0px; width: 0px; font-size: 0px; text-decoration: none; margin-left: auto; margin-right: auto; margin-top: 0px;}
#tresc {width: 95%; margin-left: auto; margin-right: auto; margin-bottom: 25px; margin-top: 150px; font-size: 14px; text-align: justify;}
#contenter {width: 100%; overflow: hidden; padding-top: 20px;}
#dystr {width: 100%; float: left; text-align: center;}
#dys-tresc {width: 100%; text-align: center; margin-top: 45px; margin-bottom: 40px;}
#palet {width: 100%; float: left; text-align: center;}
#pal-tresc {width: 100%; float: left; text-align: center;}
#fut {width: 100%; background: #2b2f3f;}
#footers {width: 100%; margin-left:auto; margin-right:auto; overflow: hidden; text-align: center;}
#danefirm {width: 100%; color: #ffffff; font-size: 16px; margin-top: 33px; margin-bottom: 33px;}
#danekont {width: 100%; color: #ffffff; font-size: 16px; margin-top: 33px; margin-bottom: 33px;}
font.konth {color: #ffffff; font-weight: normal;}
}