body{
background-color:#222;
color:#fff;
font-size:13px;
margin:10px;padding:0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}
a{text-decoration:none;color:#fff}
a:hover{text-decoration:none;color:#D2D2D2}
.clear{clear:both}

h1{line-height:130%;text-transform:uppercase;font-size:180%;text-align:left}
h1 span,h2 span{color:#D95900;text-transform:uppercase;font-size:80%}

table{border-collapse:collapse}
table td{padding:2px 10px;line-height:110%;vertical-align:top}
table span{font-size:75%;color:#999}
input[type=text],input[type=password],#kraj,#stat{border:1px solid #222;border-radius:3px;padding:3px;max-width:150px}
input[type=text]:read-only,input[type=password]:read-only{background-color:#ccc}

.button{border:1px solid #222;border-radius:3px;padding:3px 10px;font-size:110%}
.obrazek img{max-width:25%;height:auto;border-radius:10px;float:left}
.obrazek-avatar img{height:auto;border-radius:100px;float:left;margin-right:30px;margin-bottom:20px}
.obrazek-galerie img{height:auto;border-radius:10px;float:left;margin-right:30px;margin-bottom:10px}
.obrazek-logo img{max-width:25%;height:auto;border-radius:100px;float:left;margin-right:30px}
.obrazek-logo-small img{max-width:25%;height:auto;border-radius:50px;float:left;margin-top:5px;margin-right:30px}
.alert{font-size:130%;color:#FF0000}
.allow{font-size:130%;color:#77AA00}
.clear2{margin:0;padding:0;font-size:1px;clear:both;height:1px}
.center{text-align:center}
.rodokmen-odkaz{font-size:120%}
.rodokmen-odkaz img{float:left;width:30px;height:30px;border-radius:16px}
.rodokmen-odkaz a{float:left;padding: 2px 5px 0 10px;margin:0}
.rodokmen-odkaz a:hover{color:#D2D2D2}

h2{margin:0;padding:0 0 5px 0;text-transform:uppercase;font-size:120%;letter-spacing:2px;color:#D96700;line-height:150%}
h3{text-transform:uppercase;color:#D95900;font-size:110%;margin:0}
h3 span{color:#fff;font-size:80%;text-transform:none;font-weight:normal}
h4{text-transform:none;font-size:100%;color:#fff;margin:15px 0 0 0}
#vypis td a,#vypis2 td a{color:#D95900}
#vypis td a:hover,#vypis2 td a:hover{color:#D2D2D2}

.float-right{float:right;text-transform:uppercase;padding:0 20px;text-align:right}
.float-right a{color:#D95900}
.float-left{float:left;text-align:left}
p span{color:#D95900}

#page{margin:0 auto;max-width:1000px}
.line{clear:both;border-top:1px solid #676767;width:100%;margin-top:40px;margin-bottom:10px}
.logo{font-size:250%;float:left;width:21%;min-width:330px}
.logo span,.paticka span{color:#D95900}
.logo i{font-size:16px;font-style:normal;color:#D2D2D2}
.logo a{text-decoration:none;color:#fff}
.logo p{margin:20px 0;padding:0;line-height:15px}
.language{float:right}
.language img{padding-left:10px}

.menu{float:left;font-size:15px;text-transform:uppercase;margin-left:20px;width:75%}
.menu ul{list-style-type:none;margin:0;padding:0}
.menu li{float:left;margin:15px}

ol{margin:0;padding:0 0 20px 20px}

li b{color:#D95900}

.vlevo,.stred{color:#D2D2D2;text-align:justify}
.stred-stred{text-align:center}
.vlevo{width:55%;float:left;padding:5px;margin-top:8px;border:1px solid #949494;margin-right:20px}
.vlevo img{max-width:550px;max-height:550px}

.vlevo-mala{width:30%;float:left;padding:5px;margin-top:8px;border:1px solid #949494;margin-right:20px;max-width:200px}
.vlevo-mala img{max-width:200px;max-height:200px}

.stred p{margin:0 0 10px 0;display:block}
.stred p b{color:#D95900}
.stred p a{color:#D95900}
.stred p a:hover{color:#E64D4D}
.stred{clear:both;font-size:11pt;line-height:180%}
.paticka{text-align:center;color:#949494}

.img-container{position:relative;padding-bottom:100%;padding-top:0px;height:0;overflow:hidden}
.img-container img{position:absolute;top:0;left:0;width:100%;height:100%}