* {margin:0;padding:0;box-sizing:border-box;} 

body {font-family:"Open Sans","Trebuchet MS",Tahoma,georgia,verdana,arial,lucida,sans-serif;font-size:95%;font-weight:normal;color:black;background-color:white;background-image:url("images/bg.jpg");background-size:cover;display:flex;flex-direction:column;height:100vh;}

a {font-weight:600;}            
a:link {color:black;}
a:visited {color:black;}
a:hover {color:#3173D6;}
h2 a,h3 a,h4 a,h5 a,h6 a {font-weight:inherit;}
    
a.pdf {padding-left:20px;padding-bottom:3px;background:url("images/pdf.gif") top left no-repeat;}
a.ppt {padding-left:20px;padding-bottom:3px;background:url("images/ppt.gif") top left no-repeat;}
a.pptx {padding-left:24px;padding-bottom:7px;background:url("images/pptx.gif") top left no-repeat;}
a.doc {padding-left:20px;padding-bottom:3px;background:url("images/doc.gif") top left no-repeat;}
a.docx {padding-left:24px;padding-bottom:7px;background:url("images/docx.gif") top left no-repeat;}
a.xls {padding-left:20px;padding-bottom:3px;background:url("images/xls.gif") top left no-repeat;}
a.xlsx {padding-left:24px;padding-bottom:7px;background:url("images/xlsx.gif") top left no-repeat;}
a.txt {padding-left:20px;padding-bottom:3px;background:url("images/txt.gif") top left no-repeat;}

div.block-in {width:1170px;margin:0 auto;}

#top {background:black;flex:none;border-bottom:7px solid #4d7aff;}                                               
#top div.block-in {width:1370px;}

#logo {display:none;position:absolute;top:0;left:5px;border:none;margin:0 70px 0 0;padding:0;}
#logo a {display:block;}
#logo img {width:100%;border:none;border-radius:0;margin:0;padding:0;background:transparent;}

#menu {width:100%;background:black;font-size:115%;}
#menu ul {display:flex;justify-content:space-between;align-items:center;width:100%;margin:0;padding:0;list-style:none;}
#menu li {margin:0;padding:0;text-align:center;text-transform:uppercase;line-height:normal;}
#menu li:first-child img {margin:0;padding:0;min-width:190px;}
#menu li a {display:block;padding:15px;background:black;color:white;text-decoration:none;font-weight:700;}
#menu li:first-child a {padding:10px 15px 0;}
#menu li:last-child a {color:#c5bbbc;}
#menu li a:hover {color:#aabfff;}
#menu li.active {padding:15px;color:#aabfff;font-weight:700;}
#menu li.active a {color:#aabfff;}
#menu a.clicknav {position:absolute;top:0;right:5px;margin:0;width:42px;height:42px;line-height:40px;font-family:"FontAwesome";font-size:38px;text-decoration:none !important;color:#aabfff;text-align:center;font-style:normal;display:none;}
#menu a.clicknav:hover,#menu a.clicknav:active {color:white !important;}
a.clicknav i {font-style:normal;}

#easyTooltip{padding:8px 20px;background:#4d7aff;color:white;display:block;text-align:left;letter-spacing:0;z-index:10005;max-width:50%;font-weight:400;}

#main {position:relative;flex:1 0 auto;border-top:7px solid white;border-bottom:7px solid white;}
#main div.block-in {background:white;height:100%;}
#decoration {width:100%;height:0;padding-top:37.61%;background-image:url("images/fischer202526.jpg");background-size:contain;background-repeat:no-repeat;}
#decoration.oneway {background-image:url("images/oneway202526.jpg")}
#decoration.komperdell {background-image:url("images/komperdell202526.jpg")}
#decoration.halti {background-image:url("images/halti202526.jpg")}
#decoration.loffler {background-image:url("images/loffler202526.jpg")}
#decoration.vauhti {background-image:url("images/vauhti202526.jpg")}
#decoration.sinner {background-image:url("images/sinner202526.jpg")}
#decoration.sluzby {background-image:url("images/sluzby.jpg")}

#content {padding:20px 44px 40px;}

#contact {width:50%;margin:0 auto;}
#kontaktform {width:50%;margin:0 auto;}
    
#footer {background:black;width:100%;flex:none;border-top:7px solid #4d7aff;}
#footer div.block-in {width:1370px;display:flex;align-items:center;}
#footer div.block-in div {width:25%;padding:10px 30px 30px;text-align:left;color:white;}
#footer div.block-in div:first-child,#footer div.block-in div:last-child {text-align:center;vertical-align:middle;}
#footer ul {margin:5px 0 8px 0;list-style:none;}
#footer p,#footer li {margin:5px 0;line-height:normal;}
#footer img {margin:0 auto;}
#footer h5 {font-weight:600;color:white;text-align:left;border-bottom:1px solid #aabfff;}
#footer a {font-weight:400;text-decoration:none;}
#footer a:link,#footer a:visited {color:white;}
#footer a:hover {color:#aabfff;}

#market {margin:0;padding:2px 0;border:1px solid black;text-transform:uppercase;background:white;}
#market a {display:block;height:2.3em;line-height:2.3em;width:100%;padding:0 2.3em 0 15px;color:black;text-decoration:none;position:relative;color:black !important;text-align:left;}
#market a:hover,#market:hover a:after {color:#3173D6 !important;}
#market a:after {display:block;position:absolute;right:0;top:0;width:2em;height:2.3em;line-height:2.3em;font-family:"FontAwesome";content:"\f105";color:black;text-align:center;border-left:1px solid black;}

#mapnavigation {display:table;}
#mapap {width:427px;display:table-cell;vertical-align:top;}
#mapa {width:427px;height:250px;position:relative;background:url("images/mapa-cr.png") 0 0 no-repeat;}
#mapa-over {margin:0;padding:0;border:none;position:relative;top:0;left:0;border:none;}
#mapacr {width:427px;height:250px;}

#kraje {display:table-cell;padding:15px 0 0 15px;}
#kraje ul {list-style:none;margin:15px 0;}
#kraje li {float:left;width:31.5%;margin:0 1.5% 0 0;border-bottom:1px solid #f1f2f6;}
#kraje li.active a,#kraje a:hover {background:#4d7aff;color:white;}
#kraje a {display:block;text-decoration:none;padding:8px 10px;}

#skupiny {margin-top:35px;clear:both;background:black;}
#skupiny ul {width:100%;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;}
#skupiny li {flex:auto;margin:0;padding:0;}
#skupiny a {text-decoration:none;display:block;padding:12px 14px;color:white;}
#skupiny a:hover, #skupiny li.active a {background:#4d7aff;color:white;}

#prodejny {display:flex;flex-wrap:wrap;justify-content:space-around;clear:both;}
div.prodejna {width:24%;padding:12px;margin-top:16px;border:1px solid #d1d2d5;}
div.prodejna div.nazev {display:flex;align-items:center;min-height:50px;padding-left:55px;background:url("images/prodejna.png") 0 center no-repeat;}
div.prodejna h3 {margin:0;padding:0;font-size:120%;text-align:left;}
div.prodejna h3:before {content:none;}
div.prodejna p {margin:0;}
div.adresa {margin:5px 0 10px;}
div.dresa p {line-height:normal;}
div.prodejna a {text-decoration:none;font-weight:normal;color:#3173D6;}
div.prodejna a:hover {color:black;}
a[href^="tel:"]:before,a.email:before {font-family:"FontAwesome";margin-right:5px;color:black;}
a.email:before {content:"\f0e0";}
a[href^="tel:"]:before {content:"\f095";}

div.blocks {display:flex;width:100%;flex-wrap:wrap;}
div.block {width:calc(100%/3);text-align:center;}
div.block h2 {display:none;font-size:105%;background-color:black;color:white;text-align:center;font-weight:700;padding:3px 0;margin:0;text-transform:uppercase;border-top:2px solid white;}
div.block h2 a {text-decoration:none;display:block;padding:5px;border-right:1px solid #aabfff;}
div.block:last-child h2 a {border-right:none;}
div.block h2 a {color:white;}
div.block h2 a:hover {color:#aabfff;}
div.block img {margin:0;padding:0;border:none;float:none;display:block;}
ul.menuzn {display:flex;width:100%;margin:0;padding:0;list-style:none;background-color:black;color:white;}
ul.menuzn li {width:calc(100%/6);text-align:center;margin:0;padding:0;font-size:105%;font-weight:700;text-transform:uppercase;border-right:1px solid #aabfff;border-top:2px solid white;}
ul.menuzn li:last-child {border-right:none;}
ul.menuzn li a {color:white;text-decoration:none;display:block;padding:5px;}
ul.menuzn li a:hover {color:#aabfff;}

a.anchorlink {color:white;position:relative;z-index:1001;}
a.anchorlink i {width:40px;height:40px;line-height:40px;display:inline-block;position:fixed;bottom:0;right:0;color:white;border:3px double #4d7aff;font-size:85%;text-align:center;background:#4d7aff;margin:0 !important;transition:300ms;}
a.anchorlink i:hover {background:white;color:#4d7aff;}

.plavl {float:left;}
.plavr {float:right;}
.cleaner {clear:both;margin:0;padding:0;height:1px;line-height:1px;font-size:1px;border:none;background:transparent;}

table {border:1px solid #d1d2d5;padding:0;margin:4px 0 12px;width:auto;border-collapse:collapse;}
table caption {font-size:110%;color:#a1b6d4;padding:10px 0 5px;text-align:left;}
td {border:1px solid #d1d2d5;padding:0.3em 0.5em;text-align:left;vertical-align:middle;background:white;}
th {background:#f1f2f6;border:1px solid #d1d2d5;font-weight:bold;padding:0.5em;text-align:left;}
th.l,td.l {text-align:left !important;}
th.p,td.p {text-align:right !important;}
td.stred {text-align:center !important;}
td.vyrazny {font-weight:bold;}
td.cena {text-align:right;}
table.siroka {width:100%;}
table.pul {margin-right:50px;}
table.stred td {text-align:center;} 
ul table,ol table {width:90%;}
td p,th p {margin:0;}
td.t,th.t {vertical-align:top;}
span.vysvet {border-bottom:1px dashed #d1d2d5;cursor:help;}
table.invis,table.invis td,table.invis.th {border:none;background:transparent;color:black;}

form {margin:20px 0;}
fieldset {border:none;background:transparent;font-size:1em;padding:0 1em;margin:0 0 15px 0;}
legend {border:1px solid #d1d2d5;border-radius:4px;padding:0.3em 0.5em;color:black;text-align:left;font-weight:bold;margin-bottom:10px;}
input,textarea {width:70%;margin:2px 6px;border:1px solid #d1d2d5;border-radius:4px;background:white;padding:3px 5px;}
input.radioinput {width:auto;}
input.tlacitko {width:auto;font-weight:bold;margin:10px 0;padding:5px 15px;background-color:#4d7aff;color:white;border:none;}
input.tlacitko:hover {background-color:black;color:white;}
input.tlacitko.beside {margin-top:-5px;}
select {padding:3px 5px;}
select.beside {margin:0 8px 0 0;float:left;}
label {float:left;width:100px;margin-right:0.5em;padding-top:0.5em;text-align:right;font-weight:bold;}
label.beside {width:auto;padding-top:0.1em;}

img {margin:12px 0;box-sizing:content-box;max-width:100%;height:auto !important;border:none;}
p img,li img {float:none;margin:0 5px;}
p.stred img {margin:8px 0;}
img.pravy,img.plavr,a.plavr img {float:right;margin:8px 12px 8px 20px;}
img.levy,img.plavl,a.plavl img {float:left;margin:8px 20px 8px 0;}
img.nofl {margin:0 10px 10px 0;}

div.foto {width:100%;padding:15px 0;}
div.foto img {float:left;margin:0 5px 5px 0;}
div.foto.sloupec {float:right;width:210px;padding:0;margin:5px 0 10px 10px;text-align:center;}
div.foto.sloupec img {float:none;margin:0 auto 4px;}

div.video {width:100%;text-align:center;background:#f1f2f6;border:1px solid #d1d2d5;padding:20px 20px 0 55px;margin:20px 0;position:relative;}
div.video:before {font-family:"FontAwesome";content:"\f03d";margin-right:8px;font-size:250%;position:absolute;top:5px;left:10px;}

.ram {background:#dddddd;padding:15px;margin:15px 0;}
h1 + .ram,h2 + .ram {margin-top:5px;}
.ram.stred {margin:15px auto;}
.ram.info {width:350px;float:right;margin:7px 0 10px 15px;padding:20px 25px 10px;} 
div.plavr .ram.info {width:100%;}
.ram h2,.ram h3 {margin-top:5px;padding-left:0;border:none;color:black !important;}
.ram.info h2,.ram.info h3 {text-align:center !important;}
.ram .ram {background:white;}
h1 + div.plavr {padding-top:5px;} 

p {margin:0 0 8px 0;line-height:1.6em;}
p.linkmore {text-align:right;padding:0 10px 0 0;}
p.more {text-align:center;margin:35px 0;}
p.more a {padding:10px 25px;border:3px solid black;text-decoration:none;}
p.more a:hover {background:black;color:#aabfff;}
p.more a:after {font-family:"FontAwesome";content:"\f061";color:#2e3134;margin-left:10px;}
p.more a:hover:after {color:#aabfff;}
div.tret p.more {margin-top:55px;}
p.date {text-align:right;font-style:italic;margin:5px 5px 5px 3px;clear:both;}
p.link {text-align:center;padding:8px 0;border-top:1px dotted #d1d2d5;margin:20px 0;clear:both;}
p.sysinfo {font-style:italic;border:1px dotted #efdcbe;border-radius:4px;background:white;margin:10px 0;padding:5px;}
p.buttonlink,a.buttonlink {margin:15px 8px;display:inline-block;}
p.buttonlink.stred {display:block;margin:15px auto;}
p.buttonlink a,a.buttonlink {padding:10px 15px;background:black;color:#aabfff;text-decoration:none;}
p.buttonlink a:hover,a.buttonlink:hover {color:white;}
p.logos {display:flex;justify-content:center;align-items:center;}

h1,h2,h3,h4,h5,h6 {margin:0;text-align:left;letter-spacing:0;font-weight:600;}
h1 {color:black;font-size:200%;padding:0 0 14px 0;}
h2 {color:#4d7aff;font-size:145%;padding:15px 0 8px;} 
h3 {color:black;font-size:125%;padding:30px 0 8px;}
h1 + h2, h2 + h3 {padding-top:5px;} 
h4 {color:#4d7aff;font-size:115%;padding:12px 0 6px;}
h5 {color:black;font-size:110%;padding:15px 0 8px;font-weight:bold;text-align:center;}
h6 {color:black;font-size:110%;padding:25px 0 2px;font-weight:bold;}

ol,ul {margin:10px 0 10px 25px;}
h2 + ul {margin-top:0;}
ul {list-style:square;}
ul ul {list-style:disc;}
li {margin:6px 0;line-height:1.55em;}
ul.margintop {margin-top:40px;}

strong,b {font-weight:600;font-style:normal;}
a strong {color:inherit;}
em {font-weight:normal;font-style:italic;}
.pul {width:47%;}
.vetsipul {width:60%;}
.tret {width:33%;}
.dvetret {width:65%;}
.stred {text-align:center !important;}
.levy {text-align:left;}
.pravy {text-align:right;margin-right:5px;}
div.stred img,div.levy img {float:none !important;}
.nobord {border:none !important;}
.nomargin {margin:0 !important;}
.margintop {margin-top:30px;}
.marginbot {margin-bottom:30px;}
.nofl {float:none;}
.hide {position:absolute;top:-10000px;left:0;height:1px;font-size:1px;overflow:hidden;}
.skryvany {display:none;}
hr {display:none;}
.chyba {color:red;}
.dis {color:grey;}
.bigfa .fa {font-size:150%;}
.yes {color:green;}
.no {color:red;}