*,
*:after,
*:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
-webkit-appearance: none;
}

img, iframe, canvas, video, svg {
  max-width: 100%;
  height: auto;
}

.text iframe {height: 315px}

/*@font-face {    font-family: hnthin;     src: url("pisma/hnthin.woff"); }*/
@font-face {
  font-family: 'crystalex';
  src:  url('http://test2.crystalex.cz/styly/pisma/crystalex.eot?t050ug');
  src:  url('http://test2.crystalex.cz/styly/pisma/crystalex.eot?t050ug#iefix') format('embedded-opentype'),
    url('http://test2.crystalex.cz/styly/pisma/crystalex.ttf?t050ug') format('truetype'),
    url('http://test2.crystalex.cz/styly/pisma/crystalex.woff?t050ug') format('woff'),
    url('http://test2.crystalex.cz/styly/pisma/crystalex.svg?t050ug#crystalex') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
@font-face {    font-family: hnthinc;     src: url("pisma/hnthinc.woff"); }
@font-face {    font-family: hnblkc;     src: url("pisma/hnblkc.woff"); }
@font-face {    font-family: hnc;     src: url("pisma/hnc.woff"); }
@font-face {    font-family: hnltc;     src: url("pisma/hnltc.woff"); }
@font-face {    font-family: english;     src: url("pisma/EnglischeSch-Reg.woff"); }
@font-face {    font-family: dfrutiger;     src: url("pisma/DolderFrutigerNext-Light.woff"); }*/


body  { -webkit-text-size-adjust: none; -webkit-appearance: none; font-size: 15px; color:#0f111c; font-family: 'Open Sans',  sans-serif; font-weight: 400; margin: 0px; margin-bottom:30px; background: #e3eaed; }
#vsechno, #nav, header, #hlavapruh, #facebookobal   { max-width:1800px; }
#vsechno { background-color:#ffffff; display:block; position:relative; width:100%}
.bold { font-weight: bold }
.zaklad { position: relative; width: 90%; padding: 0px; margin-top: 0px; padding-top:30px; margin-bottom: 30px;}
#maska { display: none; position: fixed; opacity: 0.3; width:100%; height:100%; background-color: #000000; z-index: 500;}
#plovokno { display: none; position: fixed; padding: 37px 10px 10px 10px; margin-left: auto; margin-right: auto; top: 100px; left: 0; right: 0; width: 60%; height: auto; min-width: 200px; max-width: 400px; background-color: #ffffff; z-index: 501;}
#plovoknozavri {position:absolute; cursor: pointer; display:block; top: 5px; right: 5px; width: 22px; height: 22px;}
#floatbanner { display: none; position: absolute; padding: 0px; text-align: center; margin-left: auto; margin-right: auto; font-size: 15px;  top: 80px; left: 0; right: 0; width: 60%; height: auto; width: 80%; color: #ffffff; z-index: 501;}
#floatbanner h1, #floatbanner h2, #floatbanner h3, #blueimp-gallery h3 {background: none; color:#ffffff; display: block; margin-bottom: 10px; font-family: 'Proza Libre', sans-serif; text-transform: none}
#floatbanner h2 { font-size: 27px;}
#floatbanner h3, #blueimp-gallery h3 { font-size: 23px; }

#floatbannerzavri {display: none; position:absolute; cursor: pointer; top: 0px; right: 10%; width: 50px; height: 50px; z-index: 501;}
#floatbanner .tlacitko { letter-spacing: 3px; font-size:14px;  margin: 20px 0px 20px 0px ; padding:4px 20px 6px 20px; }
#floatbanner .tlacitko:hover {color: #ffffff; background: #807b6c;  }
#vsechno  { /*-webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    filter: blur(15px);*/ }
.obrazekhl {width:100%; z-index:0; }
#mistoslider {display:none; }
#obalobrazekhl {position:relative; width:100%; display:block; top:100px; margin-bottom: 100px; overflow: hidden; border-bottom: 7px solid #d7deee}
.obrazekhl, .sliderhlavni  {position:absolute; left:0; width:100%; bottom:0px}
.sliderhlavnipolozka { width:100%}
.sliderhlavnipolozka img{ width:100%}
.sliderhlavni  {bottom:-30px; margin-top:-30px}
.sliderhlavnitext {
	position:absolute;
	left:0px;
	bottom:10.5%;
	font-size: 1vw;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	text-transform: uppercase;
	color:#fff;
	width:100%;
	z-index:8;
	letter-spacing: 15px;
	text-shadow: 0px 0px 5px rgba(86, 86, 86, 0.5);
	overflow: hidden;
}


.menutext {font-family: 'Proza Libre', sans-serif; font-weight: 400; font-size: 18px ; display: inline-block}
.menutext:not( :last-child )  {padding-right: 20px; margin: 10px 20px 10px 0px; border-right: 1px dotted #c7c7c7; }

#menuplus {position: absolute; display: none; cursor:pointer; width:15px; height:15px; z-index: 51; padding: 0px; margin: 0px; right: 10px; top: 5px; }
header {position: fixed; width: 100%; top:0px; z-index:450}
header.headvelka {}
header.headmala #hlavapruh {height:60px;}
header.headmala .logo, header.headmala .logohp {top: 17px;  height: 33px; }
header.headmala .menuprava {opacity: 0; visibility: hidden}
header.headvelka .menuprava {opacity: 1; visibility: visible}
header.headmala #nav {top: 15px;}
header.headmala #nav li ul li:first-child { padding-top:18px}

.headmala #hlavapruh, .tlkoupit, .tlkoupit2, .headmala .logo img, .headmala .logohp img, .headmala .logo, .headmala .logohp, .headmala #nav, .banerm, .banermsipka, .headvelka #hlavapruh, .headvelka .logo, .headvelka .logohp, .headvelka .logo img, .headvelka .logohp img, .headvelka .logo, .headvelka .logohp,.headvelka #nav{
	transition: .7s all;
	-moz-transition: .7s all;
	-webkit-transition: .7s all;
	-o-transition: .7s all;
}
.headmala .menuprava, .headvelka .menuprava {
transition: visibility 0.5s, opacity 0.5s linear;
-moz-transition: visibility 0.5s, opacity 0.5s linear;
-webkit-transition: visibility 0.5s, opacity 0.5s linear;
-o-transition: visibility 0.5s, opacity 0.5s linear;}

#hlavapruh, #nahradaimghl {display:block; width: 100%; height:100px;}
#hlavapruh {background-color:#ffffff; top:0px; opacity:0.5; z-index:1}
.menuprava  { position: absolute;top: 6px; right: 5%; color: #ffffff; font-size: 10px; z-index:60}
.menuprava a:link { color: #ffffff }
.menuprava a:visited { color: #ffffff; }
.menuprava a:hover { color: #d5edff; }
.vlajka {position:relative; display: inline-block; top: 6px; cursor: pointer; margin-left:10px; width: 18px; }
#tliconlogin img {display: inline-block; position:relative; top: 6px; cursor: pointer; margin-left:10px; width: 18px; }
#tliconhledejhlava {display: inline-block; position:relative; top: 6px; cursor: pointer; margin-left:10px; width: 18px; }
#tlogin {cursor: pointer; display: none;}
.dispnone {display: none;}
#loginokno {text-align: left; font-size: 10px; display: block; }
.aktextlogin {font-size: 10px; cursor:pointer}
.logo, .logohp { position: absolute; top: 26px; left:5%; height:55px; z-index:1; }
.logo img, .logohp img  { height:100%; float:left}
.titultext {font-weight: 300; }
.textblokhp {display: block; float: left; width: 673px}


.textshh {width: 673px; float: left; margin: 0px 0px 0px 0px ; }
.textshh p {margin: 0px 0px 11px 0px ; }
.fotoshh {border: 1px solid #c8c7c7; margin: 11px 0px 0px 0px ;}
.textshd {width: 673px; margin: 0px 0px 0px 0px ; }
.boklevy {position: relative; z-index: 10; float: left; width: 198px; text-align: left; margin: 0px 0px 0px 36px ; padding:0px}
.bokpravy {position: relative; float: right; right: 0px; width: 198px; text-align: left; margin: 0px 0px 0px 0px ; padding:0px}


.formulhledej {text-align: center; }
.formulhledej span  {text-align: center; text-transform: uppercase;font-family: 'Open Sans',  sans-serif; letter-spacing: 1px; text-align: center; display: inline-block; width:100%; }
.polehledat, input[type=text], input[type=number], input[type=password]   {border: 1px solid #ced0d7; background: rgba(75,95,112,0.1); display: inline-block; font-size: 13px;   margin: 3px 0px 0px 0px; padding: 5px; }
.polehledat {position:relative; text-align: center; width:80%;}


.tlacitkohledat { border: 0px #fff outset; right: 1px; cursor: pointer; font-size: 11px; white-space: nowrap; text-transform: uppercase;font-family: 'Open Sans',  sans-serif; letter-spacing: 5px; text-align: center; background-color: #828a8e; color: #ffffff; margin: 20px 0px 20px 0px; padding: 5px 10px 5px 15px; }
.tlacitkohledat:active {border-style: inset; }
.tlacitkohledat:hover {color: #ffffff; background: #596b74; }
.vysledkyhledani {text-align: center; }
.vysledkyhledani a {margin: 5px 0px 0px 0px; display:block; font-weight:bold }


.formul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.kosicek { display:block; position: absolute; z-index:50; font-size: 10px; padding-top: 6px; height:31px; background-color:#ffffff; font-family: 'Arial', 'Helvetica', sans-serif; text-align: right; color: #818287; top: 175px; right: 36px;}
.kosicek img { position: relative; width: 19px, height: 15px; top:3px}
.kosicek:link { color: #818287; }
.kosicek:visited { color: #818287; }
.kosicek:hover { color: #818287; }
.kosicekcislo { color: #818287; font-weight: bold; font-size: 11px;}
#nahledkosik {position:absolute; text-align: left; font-size: 10px; visibility: hidden; width: 350px; display: block; right:1px; top:37px; padding: 20px; background-color: #ffffff; border-top: 1px solid #E0E0E0; border-right: 1px solid #c8c7c7; border-bottom: 1px solid #c8c7c7; border-left: 1px solid #c8c7c7; }
#akcesekce1 {cursor: pointer; display: inline;}


#dolnipruh {position: relative;display:block; width: 100%; height:200px; z-index:1; margin-top: 30px; overflow: hidden}
#pruhpodpatou {position: absolute; width: 100%; height: 100px; background-color:#4c4f56; bottom:0px; opacity:0.8; }
.paticka { position: absolute; height: 80px; width: 95%; font-size: 13px; right: 0px; bottom:0px; padding: 0px; margin: 0px; text-decoration: none; text-align: left; }
#patapodkladfoto { width: 100%; margin-top:-20px; position:absolute; min-width: 800px; right:0px}
#patickaprava { position: relative; vertical-align: top; display: inline-block; height: auto; text-align: left; padding: 0px; color: #ffffff; }
#patickaprava a:link { color: #ffffff; text-decoration: none; }
#patickaprava a:visited { color: #ffffff; text-decoration: none; }
#patickaprava a:hover { color: #ffbb7e; text-decoration: none; }
#patickaleva { position: relative; vertical-align: top; display: inline-block; height: auto; text-align: left; padding: 0px; padding: 0px 30px 5px 0px;color: #ffffff; }
#patickaleva p, #patickaprava p { margin:0px; }
#patickaleva a:link { color: #ffffff; text-decoration: none; }
#patickaleva a:visited { color: #ffffff; text-decoration: none; }
#patickaleva a:hover { color: #ffbb7e; text-decoration: none; }

#patamapa {
        position: absolute;
        left: 10%;
        width: 39%;
        bottom:-50px; top:80px; padding: 0px;
        padding-bottom: 27%;
        height: 0;
        overflow: hidden;
            }
#patamapa iframe {
	border: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

#facebookobal {position: relative; left: 0; text-align: left; width:93%;  padding: 0px; margin: 0px; text-decoration: none; }
.facebook {font-size: 30px; display: inline-block; margin: 20px 0px 20px 18px; }


.patapod { position: relative; z-index: 11; width: 80%; font-size: 12px; margin-bottom: 0px; padding: 0px 10px 0px 10px; text-decoration: none; }

.menupataobal { position: relative; z-index: 11; width: 90%;  font-size: 10px;  text-decoration: none; }
.menupatablok {position: relative; text-align: center; display:inline-block; vertical-align: top;  margin: 20px 0px 20px 0px; }
.menupatanapln {position: relative; text-align: left; display:inline-block; line-height: 20px; font-family: 'hnc'; width: auto}
.menupatakap { color: #818287; font-size: 15px; font-family: 'hnltc';  text-transform: uppercase; }

body a:link { color: #818287; text-decoration: none }
body a:visited { color: #818287; text-decoration: none }
body a:hover { color: #00367c; text-decoration: none }
.nadpis  { position: absolute; height:20px; top: -65px; right: 30px; color: #013752; text-align: right; font-weight: bold; }
h1 a:link { color: #818287; text-decoration: none }
h1 a:visited { color: #818287; text-decoration: none }
h1 a:hover { color: #00367c; text-decoration: none }
.nadpis img {float:right}
/*h1  {color: #818287; font-family: hnthinc; text-transform: uppercase; font-size: 50px;  font-weight: normal; margin: 0px; margin: 0px 0px 20px 0px ; }*/
h1  {color: #818287; font-family: 'Proza Libre', sans-serif; font-size: 50px; display:block;  letter-spacing: 0.5px; font-weight: 400; padding: 50px 0; margin: 0px 0px 0px 0px ; background-image: url(../zdroje/clinka25.svg);
background-repeat: no-repeat; background-position: center top; background-size: 180px;}


h2  {color: #818287; font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; text-transform: uppercase; font-size: 14px; float:none; display: inline-block; font-weight: normal; padding-bottom: 5px;}
.bloceknadpisu h2 {display: block; }
.clboknadpis  { color: #; font-weight: bold; font-size: 11px; margin-bottom: 5px }
#stredtext {text-align: center; width:100%; display:block; overflow:visible; vertical-align: top; margin-bottom: 25px}
#stredtext table {margin: 0 auto; }
#stredtext h1 {text-align: center; width:100%; display:block; overflow:hidden; vertical-align: top; }
.text  {font-family: 'Open Sans'; font-weight: 300; color:#484949; font-size: 15px; line-height: 22px }
.text h2, .text h3  { color: #8e8e8d; font-family: 'Proza Libre', sans-serif; font-size: 28px;  text-transform: none; display:block; font-weight: normal; padding: 0px 20px 0px 20px; margin: 25px 0px 25px 0px; }
.text h3 { font-size: 20px;  margin: 15px 0px 15px 0px ; }
.text hr  { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.2);}
.text .tlacitko, #floatbanner .tlacitko{ display: inline-block; position: relative; bottom: 5px;  text-transform: uppercase;font-family: 'Open Sans',  sans-serif;  margin: 20px 0px 20px 0px ;  border: 1px solid #a2a2a2;}
.text .tlacitko { letter-spacing: 3px; font-size:10px; padding:2px 12px 4px 12px; white-space: nowrap;}
.text .tlacitko:hover {color: #ffffff; background: #807b6c;  }
#stredtext .text {width:100%; position:relative; display:inline-block;  }
#velkahlavnipng {width:40%; position:relative; display:inline-block; float:right; top:-310px; margin-bottom:-285px; right:-5%;}
.bold11  { font-size: 11px; font-weight: bold }
.bold11button { font-size: 11px; font-weight: bold; cursor:pointer; color: #818287;}
.bold11button:hover { color: #00367c; }

.bold  { font-weight: bold }
.bold11c  { color: #000000; font-size: 11px; font-weight: bold }
.bold11sed {color:#cfcfcf;font-size:11px;font-weight:bold}
.trbgsed {background-color: #e4e7ea}
.tlacitko  { color: #000000; font-size: 10px; margin-top: 5px; }
.tlacitkoform  { -webkit-appearance: none; color: #ffffff; white-space: nowrap; text-transform: uppercase; font-family: 'Open Sans',  sans-serif; letter-spacing: 5px; font-size: 12px; border: none; padding: 5px 10px 5px 13px; display: block; background-color: #828a8e; cursor:pointer; }
.tlacitkoform:hover { color: #ffffff; background-color: #596b74; }
.tlacitkosik  { background-color: #000066; color: #ccffff; font-size: 15px; font-weight: bold;  margin-top: 5px; }
.tlkoupit, .tlkoupit2 { display: inline-block; font-size: 13px; background-color:#555867; color:#ffffff; font-weight: 400; cursor:pointer; position: relative; text-transform: uppercase;font-family: 'Open Sans',  sans-serif;  margin: 10px ;  padding: 10px 20px 10px; border: 1px solid #a2a2a2; }
.tlkoupit:hover, .tlkoupit2:hover { background-color:#6c7fb7; color:#ffffff;  }
.tlkoupit2 { background-color:#e5e6eb; color:#ffffff;  }
.tllbok  {float:left;}
.tltext  {float:left; color: #ffffff; height:39px; background-image: url(../zdroje/dskrp.jpg); background-repeat: repeat-x; font-family: 'Arial'; font-size: 12px; font-weight: bold; padding: 10px 8px 0px 7px; margin: 0px;}
.prava  { text-align: right }

.razenishoph  { width: 708px; text-align: right; background-image: url(../zdroje/caradl.jpg); background-repeat: no-repeat; background-position: center bottom; font-size: 10px; float: left; padding: 1px 0px 1px 0px; margin: 0px 0px 10px 0px;}
.razenishopd  { width: 708px; text-align: right; background-image: url(../zdroje/caradl.jpg); background-repeat: no-repeat; background-position: center top; font-size: 11px; float: left; padding: 2px 0px 0px 0px; margin: 10px 0px -10px 0px;}
.razenishop a:link { color: #013752; text-decoration: none }
.razenishop a:visited { color: #013752; text-decoration: none }
.razenishop a:hover { color: #0b549e; text-decoration: none }
.razenivyb { background-color: #A4A5A7; color: #ffffff; padding: 0px 3px 0px 3px; line-height: 15px;}
.razeniad { background-color: #A4A5A7; padding: 2px 2px 2px 2px; margin: 0px 0px -3px 0px; }
.razeniadn {padding: 2px 2px 2px 2px; margin: 0px 0px -3px 0px; }
.navigacepol { color: #000000; font-size: 9px; font-weight: bold; margin-top: 8px; margin-bottom: 3px; }
.navigaceleva { margin-top: 5px; display: block; font-size: 11px; font-weight: bold; }
.velkanavigace { color: #000000; margin-left: 8px; margin-right: 8px; }
.bold11p { color: #$11; font-size: 11px; font-weight: bold; text-align: right; }
.bold12 {font-size: 12px; font-weight: bold }
.bold12button { font-size: 12px; font-weight: bold; cursor:pointer; color: #818287;}
.bold12button:hover { color: #00367c; }
.bold13 { color: #000000; font-size: 13px; font-weight: bold }
.bold13button { font-size: 13px; font-weight: bold; cursor:pointer; color: #818287;}
.bold13button:hover { color: #00367c; }
.bold13hlaska { color: #000000; font-size: 13px; font-weight: bold; margin: 0px 0px 25px 0px;}
.bold13c { font-size: 13px; font-weight: bold }
.obrazek1 { margin-right: 10px; margin-bottom: 5px; float: left; }
.obrazkyshopdet {margin: 0px 50px 25px 0px; float: left; max-width: 300px;}
.obrazekvelky { max-height: 500px; max-width: 300px; margin: 0px 0px 25px 0px; border: solid 0px }
.obrazekvypis { max-height: 40px; max-width: 40px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px }
.obrazekmalysh { float: left; max-height: 150px; max-width: 150px; margin: 0px 25px 0px 0px; border: solid 0px}
.odrazkamenu { position: absolute; top: 40%; left: 96%; bottom: 45%; float: right; }
.poleva { width: 198px; margin: 0px 0px 10px 0px; font-size: 11px; }
.polevaobsah { position: relative; margin:0px; padding: 9px; z-index: 5; }
.poleva p { margin:0px; }
.polevanadp {font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; text-transform: uppercase; color: #818287; height: 24px; width: 198px; background-image: url(../zdroje/bokhmo.jpg); background-repeat: no-repeat; font-size: 12px; font-weight: bold; margin: 0px 0px 7px 0px; padding: 4px 5px 5px 8px;}
.polevanadpozv { font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; text-transform: uppercase; color: #818287; height: 24px; width: 198px; background-image: url(../zdroje/bokhmo.jpg); background-repeat: no-repeat; font-size: 12px; font-weight: bold; margin: 0px 0px 7px 0px; padding: 4px 5px 5px 8px;}
.polevanadpakce { font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; text-transform: uppercase; color: #818287; height: 24px; width: 198px; background-image: url(../zdroje/bokhmo.jpg); background-repeat: no-repeat; font-size: 12px; font-weight: bold; margin: 0px 0px 7px 0px; padding: 4px 5px 5px 8px;}
.polevanadpnov { font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; text-transform: uppercase; color: #818287; height: 24px; width: 198px; background-image: url(../zdroje/bokhmo.jpg); background-repeat: no-repeat; font-size: 12px; font-weight: bold; margin: 0px 0px 7px 0px; padding: 4px 5px 5px 8px;}
.polevanadpvyp { font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; text-transform: uppercase; color: #818287; height: 24px; width: 198px; background-image: url(../zdroje/bokhmo.jpg); background-repeat: no-repeat; font-size: 12px; font-weight: bold; margin: 0px 0px 7px 0px; padding: 4px 5px 5px 8px;}


.banermhsipka, .banermhp h2, .banerfhl, .polozkafgt:hover .polozkafgtext  {
    -webkit-transition: all 300ms ease-out; /* Saf3.2+, Chrome */
    -moz-transition: all 300ms ease-out; /* FF4+ */
    -ms-transition: all 300ms ease-out; /* IE10 */
    -o-transition: all 300ms ease-out; /* Opera 10.5+ */
    transition: all 300ms ease-out;
}

.startanim {opacity: 0; top: -20px; }
.preloadanim {opacity: 0; top: -20px; transition: opacity 0.5s linear;
-moz-transition: all 500ms ease-out;
-webkit-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out; }
.loadanim {opacity: 1; top: 0px; transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-webkit-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out; }

.blokbaneruprhpobal  {background-color:rgba(118,126,145,0.15); position:relative; cursor: pointer; display: inline-block;  text-align: center; vertical-align: top; height: auto; width: 111%; margin: 0px -5.5% 25px -5.5%; padding: 40px 0px 25px 0px;}
.blokbaneruprhp {width: 100%; height: auto; display: block; text-align: center }
.banermprhp {position:relative; background-color:#e0e1e5; cursor: pointer; display: inline-block;  text-align: center; vertical-align: top; height: 100%; width: 30%; border: 0px solid #bfbfbf; margin: 0px 5px 15px 5px; padding: 7px; }
.banermprhp img { margin: 0px }

.blokbaneruhp {width: 100%; display: block; text-align: center }
.banermhp {position:relative; cursor: pointer; display: inline-block;  text-align: center; vertical-align: top; height: 260px; width: 18%; border: 0px solid #bfbfbf; margin: 0px 10px 40px 0px; padding: 0px; }
.banermhp h2, .banerseda h2, .banermprhp h2, .banermclnadp  {   font-family: 'Proza Libre', sans-serif; text-transform: uppercase; }
.banermprhp h2 {display:inline-block; border-bottom: 1px solid #ced4e0; position: relative; width: 90%; margin-top: 25px; margin-bottom: 30px; color: #587193; font-size: 18px ; }
.banermhp h2 {display: block; border-bottom: 1px solid #9299a6; position: absolute; bottom: 92px; vertical-align: bottom; width: 100%; margin: 0px; color: #5a5b62; font-size: 18px ; }
.banermhpcl {line-height: 17px; font-size: 11px; margin: 10px 0px 14px 0px; padding: 0; position: absolute; bottom: 30px; word-wrap: normal; text-align: center; display: block; color: #5a5b62;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; overflow: hidden; text-overflow: ellipsis; height:35px; /* fallback */ }

.videobanner {width:40%; height: 0; padding-top:1.85%; padding-bottom: 24.15%; }

.sliderbanner1obal  {background-color:#d9e8f6; position:relative; cursor: pointer; display: inline-block;  text-align: center; vertical-align: top; height: auto; width: 111%; margin: 0px -5.5% 40px -5.5%; padding: 0px; }
.sliderbanner1 {margin:0px; padding:0px}
.banerseda {margin-right: 0px; }
.banerseda h2 {font-size: 19px; margin: 0px 15px 0px 0px; font-weight:700; color: #6d9cb7; line-height:25px}
.banersedacl {color: #00445b; margin: 20px 0px 20px 5%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left; width: 84%;
                     overflow: hidden; text-overflow: ellipsis; display:inline-block; height:25px; /* fallback */}
.sipkanews { font-size: 25px; color: #ffffff; position: relative; float:right;  width:5%; text-align: right; margin:20px 5% 0px 0px;}
.banerfhl {border: 0px ;width:100%; position:relative; margin-bottom: 10px; z-index: 1;}
.banerfhlpng {border: 0px ;width:30%; position:relative; margin-bottom: 10px; z-index: 1;}
.banermhsipka {
	 display: block; position: absolute; bottom:0px; white-space: nowrap; text-transform: uppercase; font-family: 'Open Sans',  sans-serif; background: rgba(0,0,0,0.05); letter-spacing: 4px; font-size:10px; padding:5px 15px 5px 15px; color: rgba(0,0,0,0.7); margin: 0; border: 1px solid rgba(0,0,0,0.2);
	left: 50%;
	-webkit-transform: translate(-50%, 0px);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.sliderbanner2obal, .sliderdekorobal  {width: 111.4%; margin: 0px -4.5% 40px -6%; padding: 30px 4.5% 0px 4.5%;  }


.sliderbanner2obal  {background-color:#e9eaee; position:relative; cursor: pointer; display: inline-block;  text-align: center; vertical-align: top; height: auto;  }
.sliderbanner2{ }
.banermhp2 {position:relative; display: inline-block;  text-align: left; vertical-align: top; border: 0px solid #bfbfbf; margin: 0px 10px 0px 10px; padding: 0px; color: #525252; }
.banermhpclnadp2 {display: block; color:#ffffff;white-space: nowrap; display:block; position:relative; z-index: 2; width:100%; font-family: 'Proza Libre', sans-serif; margin: -61px 0px 20px 0px; font-size: 30px ; padding:10px 0px 0px 20px;
background: -moz-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* ie10+ */
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */}
.banermhpcl2 {line-height: 21px; font-size: 12px; margin: 0px 5% 0px 0px; width:75%; padding: 0; float: left; position:relative;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height:37px; /* fallback */
    }
.banermhsipka2 { display: inline-block; position:relative; float:right; white-space: nowrap; text-transform: uppercase;font-family: 'Open Sans',  sans-serif; letter-spacing: 4px; font-size:11px; padding:7px 17px 9px 17px;  margin: 5px 0px 0px 0px; border: 1px solid #a2a2a2; }

.sliderdekorobal  {background-color:#e9eaee; position:relative; cursor: pointer; display: inline-block;  text-align: center; vertical-align: top; height: auto; }
.sliderdekorobal{width:100%}
#sliderdekor{}
.jedendekor{position:relative; display: inline-block;  text-align: left; vertical-align: top; border: 0px solid #bfbfbf; margin: 20px; padding: 0px; color: #525252; }


.crystalex {font-family: 'crystalex';}
.slider-progress {position: absolute; bottom: 0px;  width: 100%;  height: 3px;  background: #eee;}
.slider-progress .progress {  width: 0%;  height: 3px;  background: #bcdaea;}

.banermhp:hover .banermhsipka, .banerm:hover .banermsipka  {color: #d8ebfd; border-color: #a6c2dd; background: rgba(58,77,113,0.5);}
.banermhp2:hover .banermhsipka2 {color: #5d5d5d; background: rgba(113,96,58,0.1);  }
.banermhp:hover h2 {font-weight:700; color: #ababab;border-bottom: 2px solid #bfbfbf;}
.banerseda:hover  {background-color:#6d9cb7; color: #ffffff;}
.banerseda:hover  .banersedacl, .banerseda:hover  h2 {color: #ffffff;}
.banerm {position:relative; display: inline-block;  text-align: center; vertical-align: top; height: 240px; width: 23%; border: 0px solid #bfbfbf; margin: 0px 10px 15px 0px; padding: 0px; }
.banermclnadp {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; height:25px; overflow: hidden; bottom: 91px; font-size: 15px ; padding: 8px 5% 8px 5%; margin: 0px;}
.banermcl {line-height: 17px; font-size: 11px; margin: 10px 0px 14px 0px; padding: 0px 5% 0px 5%; position: absolute; bottom: 35px; word-wrap: normal; text-align: center; display: block;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; height:35px; overflow: hidden; width: 100%;  /* fallback */}
.banermsipka { display: block; position: absolute; bottom: 5px; white-space: nowrap; text-transform: uppercase;font-family: 'Open Sans',  sans-serif; letter-spacing: 3px; font-size:10px; padding:2px 12px 4px 12px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); border: 1px solid #a2a2a2;}

.banerm:hover {background: rgba(82,109,145,0.1);  }
.banerm:hover .banermclnadp {color: #2957a5; }

.polevatyp { width: 198px; margin: 0px 0px 10px 0px; padding:0px; font-size: 11px; }
.polevatypobsah { position: relative; line-height:15px; margin:0px; padding: 0px; z-index: 5; }
.polevatypobsah a {float:none; display: block; }
.polevatyp p { margin:0px; }
.polevatypnadp { height: 24px; width: 198px; background-image: url(../zdroje/boktyph.jpg); background-repeat: no-repeat; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;}
.polevatypnadptext { font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; text-transform: uppercase; color: #818287; float:left; font-size: 11px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 4px 5px 5px 8px;}

.polozkabok { font-size: 10px; width: 198px; margin-bottom: 10px; }
.polozkabok img { margin-bottom: 2px; }
.polozkakce { position: relative; text-align: center; font-size: 11px; font-weight: bold; width: 198px; margin: 0px 0px 20px 0px; border-bottom: 1px dotted #b7b7b7}
.polozkakceobr {text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; max-height: 198px; max-width: 198px; }
.polozkakcenadp { text-align: center; text-transform: uppercase; font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; width: 196px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.polozkakcepodnadp { font-family: 'Arial', 'Verdana', 'Helvetica', sans-serif; font-size: 11px; font-weight: normal; display:block }
.polozkakcecena { font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; font-weight: bold; font-size: 12px; margin: 10px 0px 10px 0px;}
.polozkakcecenasleva {color: #cf6405; font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; font-weight: bold; font-size: 12px; margin: 10px 0px 10px 0px;}

.polozkakcenasam { position: relative; z-index:2; }

.mvypokno {position:relative; width: 928px; height:178px; overflow: hidden; margin: 0px 0px 0px 0px; display: block; float:left; }
.blokpolozekmvyp {position:absolute; width: 5000px; margin: 0px 0px 0px 0px; display: block; float:left; }
.mvypoknosh1 {position:relative; width: 696px; height:178px; line-height: 14px; overflow: hidden; margin: 0px 0px 0px 0px; display: block; float:left; }
.blokpolozekmvypsh1 {position:absolute; width: 5000px; margin: 0px 0px 0px 0px; display: block; float:left; }
.mvypoknosh2 {position:relative; width: 696px; height:178px; line-height: 14px; overflow: hidden; margin: 0px 0px 0px 0px; display: block; float:none; }
.blokpolozekmvypsh2 {position:absolute; width: 5000px; margin: 0px 0px 0px 0px; display: block; float:left; }
.mvypoknosh3 {position:relative; width: 696px; height:178px; line-height: 14px; overflow: hidden; margin: 0px 0px 0px 0px; display: block; float:none; }
.blokpolozekmvypsh3 {position:absolute; width: 5000px; margin: 0px 0px 0px 0px; display: block; float:left; }
.mvypoknosh4 {position:relative; width: 696px; height:178px; line-height: 14px; overflow: hidden; margin: 0px 0px 0px 0px; display: block; float:none; }
.blokpolozekmvypsh4 {position:absolute; width: 5000px; margin: 0px 0px 0px 0px; display: block; float:left; }
.mvypoknosh5 {position:relative; width: 696px; height:178px; line-height: 14px; overflow: hidden; margin: 0px 0px 0px 0px; display: block; float:none; }
.blokpolozekmvypsh5 {position:absolute; width: 5000px; margin: 0px 0px 0px 0px; display: block; float:left; }
.polozkamvyp { text-align: center; position: relative; float: left; width: 116px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.polozkamvypnadp { text-align: center; font-family: 'Verdana'; font-size: 11px; font-weight: bold; width: 96px; height: 27px; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; }
.polozkamvypobrobal { height: 116px; padding: 0px 0px 0px 0px; margin: 0px; text-align: center; }
.polozkamvypobr { max-height: 116px; max-width: 116px; border:0px; margin: 0px; padding: 0px; }
.polozkamvypobrmini { position: absolute; right: 0px; bottom: 67px; max-height: 50px; max-width: 50px; z-index: 2;  border:1px solid #A4A5A7; margin: 0px; padding: 0px; }
.polozkamvypd { position: relative; text-align: width: 90px; height: 20px; display: block; background-repeat: no-repeat; font-size: 11px; font-weight: bold; margin: 10px 0px 0px 0px; padding: 4px 10px 0px 10px;}
.polozkamvypcena { font-size: 11px; font-family: 'Verdana'; font-weight: bold; color: #818287; }
.polozkamvypcenakce { font-size: 11px; font-family: 'Verdana'; font-weight: bold; color: #cf6405; }
#mvypsipkal { position:absolute; top: 60px; left: 0px; display:block; visibility:hidden; cursor:pointer; width:30px; height:30px; background:url(../zdroje/arrowsneg.png) no-repeat; text-indent:-9999px; border:0;}
#mvypsipkap { position:absolute; top: 60px; right: 0px; display:block; visibility:hidden; cursor:pointer; width:30px; height:30px; background:url(../zdroje/arrowsneg.png) no-repeat; background-position:-30px 0; text-indent:-9999px; border:0;}
#mvypsipkalsh1 { position:absolute; top: 60px; left: 0px; display:block; visibility:hidden; cursor:pointer; width:30px; height:30px; background:url(../zdroje/arrowsneg.png) no-repeat; text-indent:-9999px; border:0;}
#mvypsipkapsh1 { position:absolute; top: 60px; right: 0px; display:block; visibility:hidden; cursor:pointer; width:30px; height:30px; background:url(../zdroje/arrowsneg.png) no-repeat; background-position:-30px 0; text-indent:-9999px; border:0;}
#mvypsipkalsh2 { position:absolute; top: 60px; left: 0px; display:block; visibility:hidden; cursor:pointer; width:30px; height:30px; background:url(../zdroje/arrowsneg.png) no-repeat; text-indent:-9999px; border:0;}
#mvypsipkapsh2 { position:absolute; top: 60px; right: 0px; display:block; visibility:hidden; cursor:pointer; width:30px; height:30px; background:url(../zdroje/arrowsneg.png) no-repeat; background-position:-30px 0; text-indent:-9999px; border:0;}
#mvypsipkalsh3 { position:absolute; top: 60px; left: 0px; display:block; visibility:hidden; cursor:pointer; width:30px; height:30px; background:url(../zdroje/arrowsneg.png) no-repeat; text-indent:-9999px; border:0;}
#mvypsipkapsh3 { position:absolute; top: 60px; right: 0px; display:block; visibility:hidden; cursor:pointer; width:30px; height:30px; background:url(../zdroje/arrowsneg.png) no-repeat; background-position:-30px 0; text-indent:-9999px; border:0;}
#mvypsipkalsh4 { position:absolute; top: 60px; left: 0px; display:block; visibility:hidden; cursor:pointer; width:30px; height:30px; background:url(../zdroje/arrowsneg.png) no-repeat; text-indent:-9999px; border:0;}
#mvypsipkapsh4 { position:absolute; top: 60px; right: 0px; display:block; visibility:hidden; cursor:pointer; width:30px; height:30px; background:url(../zdroje/arrowsneg.png) no-repeat; background-position:-30px 0; text-indent:-9999px; border:0;}
#mvypsipkalsh5 { position:absolute; top: 60px; left: 0px; display:block; visibility:hidden; cursor:pointer; width:30px; height:30px; background:url(../zdroje/arrowsneg.png) no-repeat; text-indent:-9999px; border:0;}
#mvypsipkapsh5 { position:absolute; top: 60px; right: 0px; display:block; visibility:hidden; cursor:pointer; width:30px; height:30px; background:url(../zdroje/arrowsneg.png) no-repeat; background-position:-30px 0; text-indent:-9999px; border:0;}


.polozkamvz { text-align: center; background-image: url(../zdroje/polmvzp.jpg); background-repeat: repeat-y; position: relative; float: left; width: 160px;  padding: 0px 0px 0px 0px; margin: 0px 11px 11px 0px; }
.polozkamvznadp { text-align: left; font-size: 10px; background-image: url(../zdroje/polmvzh.jpg); background-repeat: no-repeat; font-weight: bold; width: 132px; height: 27px; padding: 10px 14px 0px 14px; margin: 0px 0px 0px 0px; }
.polozkamvzobrobal { height: 110px; padding: 15px 25px 0px 25px; margin: 0px; text-align: center; }
.polozkamvzobr { max-height: 110px; max-width: 110px; border:0px; margin: 0px; padding: 0px; }
.polozkamvzd { position: relative; text-align: right; width: 150px; height: 20px; background-image: url(../zdroje/polmvzdv.jpg); display: block; background-repeat: no-repeat; font-size: 11px; font-weight: bold; margin: 10px 0px 0px 0px; padding: 4px 10px 0px 0px;}
.polozkamvzcena { font-size: 13px; font-weight: bold; color: #cf6405; }


.polozkakateg { text-align: center; background-image: url(../zdroje/polmvzp.jpg); background-repeat: repeat-y; position: relative; float: left; width: 160px;  padding: 0px 0px 0px 0px; margin: 0px 11px 11px 0px; }
.polozkakategnadp { color: #ffffff; text-align: left; font-size: 11px; background-image: url(../zdroje/polkategh.jpg); background-repeat: no-repeat; font-weight: bold; width: 160px; height: 15px; margin: 0px 0px 0px 0px; padding: 6px 5px 5px 8px; }
.polozkakategnadp a:link { color: #ffffff;}
.polozkakategnadp a:visited { color: #ffffff;}
.polozkakategnadp a:hover { color: #144204;}
.polozkakategobrobal { height: 110px; padding: 15px 25px 15px 25px; margin: 0px; text-align: center; }
.polozkakategobr { max-height: 110px; max-width: 110px; border:0px; margin: 0px; padding: 0px; }
.polozkakategd { position: relative; text-align: left; width: 150px; height: 65px; background-image: url(../zdroje/polkategdp.jpg); background-repeat: repeat-y; display: block; font-size: 10px; line-height: 15px; margin: 0px 0px 0px 0px; padding: 5px 10px 0px 10px;}
.polozkakategd a:link { color: #818287;}
.polozkakategd a:visited { color: #818287;}
.polozkakategd a:hover { color: #00367c;}
.polkategdd {width: 160px; height: 17px; background-image: url(../zdroje/polkategdd.jpg); background-repeat: no-repeat; font-size: 11px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px;}

#blokpolozek { width: 102%; display: block; margin-left: -2%; }
.polozkafgt { position: relative; cursor:pointer; text-align: center; border: 1px solid #eaeaea; display: inline-block; width: 18%; background-color: #ffffff; padding: 11px 0px 0px 0px; margin: 0px 0px 2% 2%; }
.polozkafgt, .polozkafgtext  {  -webkit-transition: background-color 300ms ease-out, box-shadow 300ms ease-out;
    -moz-transition: background-color 300ms ease-out, box-shadow 300ms ease-out;
    -o-transition: background-color 300ms ease-out, box-shadow 300ms ease-out;
    -ms-transition: background-color 300ms ease-out, box-shadow 300ms ease-out;
    transition: background-color 300ms ease-out, box-shadow 300ms ease-out; }
.polozkafgt:hover { background-color: #ffffff;
-webkit-box-shadow: 0px 0px 6px 1px rgba(180,189,194,0.5);
-moz-box-shadow: 0px 0px 6px 1px rgba(180,189,194,0.5);
box-shadow: 0px 0px 6px 1px rgba(180,189,194,0.5);}
.polozkafgt:hover .polozkafgtext {opacity: 0.8;}

.polozkafgtext { position: absolute; display:block; color: #ffffff; padding: 10px 15px 10px 15px; opacity: 0; background-color:rgba(0, 0, 0, 0.5); width: 100%; bottom: 0px; font-size:10px}
.polozkafgtobr { max-width: 100%; max-height: 100%; }
.polozkafgtobrobal { position: absolute;  display: block; top: 0; bottom: 0; left: 0; right: 0;text-align: center; }
.polozkafgtnadp { text-align: left; font-size: 10px; width: 160px; height: 4px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#dummy {margin-top: 95%;}

.polevakt { color: #00367c; font-weight: bold;}
.cervenaktiv { color: #cf6405; font-family: 'Arial', 'Helvetica', sans-serif; }


.polozka { text-align: center; position: relative; display:inline-block; vertical-align:top; width: 15.5%;  height: ; padding: 0px 0px 0px 0px; margin: 6px ; }
.polozkanadp { text-align: center; text-transform: uppercase; font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; font-size: 12px; line-height: 14px; background-image: url(../zdroje/polh.jpg); background-repeat: no-repeat; font-weight: bold; width: 196px; height: 34px; padding: 12px 16px 0px 16px; margin: 0px 0px 0px 0px; }
.polozkapodnadp { font-family: 'Arial', 'Verdana', 'Helvetica', sans-serif; font-size: 11px; font-weight: normal; display:block }
.polozkaobrobal { position: relative; height: 196px; width:196px; z-index: 1; padding: 0px 16px 0px 16px; margin: 0px 0px 10px 0px; text-align: center; }
.polozkaobr { max-height: 196px; max-width: 196px; border:0px; margin: 0px; padding: 0px; }
.polozkaobrmini { position: absolute; right: 16px; bottom: 0px; max-height: 80px; max-width: 80px; z-index: 2;  border:1px solid #A4A5A7; margin: 0px; padding: 0px; }
.poltext { text-align: center; width: 196px; top: 0px; left: 0px; font-size: 11px; margin: 0px; padding: 16px 16px 0px 16px; line-height: 12px}
.polozkad { position: relative; width: 228px; height: 80px; background-image: url(../zdroje/pold.jpg); display: block; background-repeat: no-repeat; font-size: 11px; margin: 0px ; padding: 0px;}
.cena {  text-align: center; position: absolute; left: 0px; bottom: 16px; width: 228px; float: left; font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; font-weight: bold; font-size: 12px; }
.cenasleva {  text-align: center; color: #cf6405; position: absolute; left: 0px; bottom: 16px; width: 228px; float: left; font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; font-weight: bold; font-size: 12px; }

.polozkadetail {text-align:center; }
.polozkadetail h1 {font-size:30px}
.polozkadetail img { display:inline-block; margin: 0px 0px 35px 0px; vertical-align:middle; }
.polozkadetailpopis {display:inline-block; margin: 0px 15px 35px 15px; vertical-align:middle; }

.akceznacka {position: absolute; left: 16px; z-index: 3; top: 196px; background-image: url(../zdroje/makce1p.jpg); background-repeat: repeat-x;}
.akceznackaimleva {margin:0px; padding:0px; display: inline; float:left}
.akceznackatext {float:left; margin: 3px 3px 0px 3px; color: #ffffff; height: 27px; text-transform: uppercase; font-weight: bold; font-family: 'Verdana', 'Arial'; font-size: 10px; }

.kontform, #dolnipruh, #blokpolozek {clear:right}
.menhlava {float: left; margin: 0px 0px 0px 0px; padding: 0px}
.kontform {  position: relative; display: block; margin-bottom: 11px; width: 100%; margin-top: 0px; padding: 11px 22px 22px 22px}
.kontform form {padding: 0px; margin: 0px}
.tlacitkodeslat  { position: absolute; top:264px; right:25px}
.hiresodkaz { position: absolute; top:10px; left:25px; font-size: 7px; line-height:11px; display: block; background-color: #f3f3f3; border: 1px solid #D4D4D4; padding: 0px 3px 0px 3px}
.hiresodkaz:hover { color:#ffffff; background-color:#787A8B;}
.hiresodkazm { position: absolute; bottom:-4px; left:27px; font-size: 7px; line-height:11px; display: block; background-color: #f3f3f3; border: 1px solid #D4D4D4; padding: 0px 3px 0px 3px}
.hiresodkazm:hover { color:#ffffff; background-color:#787A8B;}
.dsblokhh {color: #ffffff; height: 4px; width: 708px; background-image: url(../zdroje/dsh.jpg); background-repeat: no-repeat; font-size: 11px; font-weight: bold; margin: 0px; padding: 0px;}
.dsblokh {position: relative; width: 708px; float:left; background-image: url(../zdroje/dsp.jpg); background-repeat: repeat-y; padding: 20px 0px 20px 0px;}
.dsobrv {position: relative; display: block; float: left; width:402px; margin: 0px; padding: 0px 0px 0px 25px; }
.dsobrv img {max-width: 358px; max-height: 358px; margin: 0px; padding: 0px; border: 0px}
.dsobry {position: relative; float:left; width: 358px; padding: 15px 22px 0px 22px; }
.dsobr {position: relative; float:left; width: 84px; text-align: center; margin: 10px 10px 0px 0px; }
.dsobrmh {height: 4px; width: 84px; background-image: url(../zdroje/dsimgh.jpg); background-repeat: no-repeat; margin: 0px 10px 0px 0px;}
.dsobrm {background-image: url(../zdroje/dsimgp.jpg); background-repeat: repeat-y; display:block; height: 79px; }
.dsobrm img {max-width: 70px; max-height:76px; margin:50% 0px 50%px 0px; border: 0px}
.dsobrmd {height: 4px; width: 84px; background-image: url(../zdroje/dsimgd.jpg); background-repeat: no-repeat; margin: 0px 10px 0px 0px;}
.dsblokdh {position: relative; height: 1px; width: 708px; background-image: url(../zdroje/dsdh.jpg); float: left; background-repeat: no-repeat; }
.dsblokd {background-image: url(../zdroje/dsdp.jpg); width: 666px; background-repeat: repeat-y; float: left; padding: 10px 22px 10px 22px; margin: 0px }
.dsblokdd {width: 708px; height: 13px; background-image: url(../zdroje/dsdd.jpg); background-repeat: no-repeat; float: left;font-size: 11px; font-weight: bold; margin: -13px 0px 20px 0px; padding: 0px; }
.dstab { position: relative; font-size: 10px; float: right; width: 250px; margin: 0px 25px 0px 0px;  }
.dstab td {height: 20px}
.dstabcenaold {text-decoration: line-through}
.dstabcenanew { color: #cf6405; font-weight: bold; font-size: 16px; }
.dstabtdh {vertical-align: baseline; }
.dstabtdd  {vertical-align: text-bottom; }
.zl { color: #e2f20d }
.fial { color: #9A53FF }
.polozkatblok { color: # }
.polozkatblok h1 {color: #; font-weight: bold; font-size: 11px; margin-bottom: 0px; margin-top: 0px;}
.polozkabok { font-size: 10px; color: #; width: 130px; margin-bottom: 10px; }
.polozkabok img { margin-bottom: 2px; }
.bold11pods { color: #ffffff; font-size: 11px; font-weight: bold; display: block; text-align: right; margin-right: 5px;}
.hlaskabok { color: #f84bc1; font-size: 11px; margin-bottom: 0px; display: block; }
.chybadresa { color: #e50303; font-size: 11px; margin-bottom: 0px; display: block; }
.textdopolozky { color: #; font-size: 9px; position: absolute; top: 123px; left: 50%; width: 110px; margin-left: -55px; }
.velpisma { padding-left: 8px; color: #000000; }
.razeni {text-align: right; float: left; font-size: 14px; right: 0px; width: 590px; height: 20px; margin: 0px 0px 10px 0px;}
.razeniv {font-size: 14px; font-weight: bold; }

.blokformul {width:48%; text-align:left; padding:10px 10px;vertical-align:top;  display:inline-block}
.blokformul input[type=text], .blokformul input[type=password]  {width:100%; }
#dokonceniobjednavky2 {width:70% }
#dokonceniobjednavky2 h2 {width:100%;margin-top:40px}
.polefirma {display: none}

label.chybahlaska  {color:#8e2128; margin-top: 10px; font-size:11px; font-weight: normal; display:block}
input[type=text].chybahlaska, textarea.chybahlaska { border: 1px solid #d9adb0; background: rgba(75,95,112,0.1);}
input[type=radio] { -webkit-appearance: radio}
input[type=checkbox] { -webkit-appearance: checkbox}
.reformdiv {display:none}

.menu { font-family: 'Arial', 'Verdana', 'Helvetica', sans-serif;list-style-type:none; background-repeat: repeat-y; width: 198px; margin: -8px 0px 24px 0px; padding:0px; font-size: 12px; display: block;}
.menuobsah { position: relative; margin:0px; padding: 0px; z-index: 5; }
.menud { width: 198px; height: 15px; background-image: url(../zdroje/menud.jpg); z-index: 0; background-repeat: no-repeat; font-size: 11px; font-weight: bold; margin: -5px 0px -10px -10px; padding: 0px;}
.menu li { list-style-type:none; margin-top:8px; z-index:1;}
.menu ul { padding: 0; margin: 0px 0px 0px 0px; font-weight: bold; text-transform: uppercase; }
.menu ul li ul li { margin: 6px 0px 0px 0px; }
.menu ul li ul { margin: 0px 0px 0px 15px; font-weight: normal; text-transform: none; }
.menu ul li ul li ul{ margin: 0px 0px 0px 15px; }
.menuodr3 {float: left; width: 198px; position: relative; }
.menuodr3 span {display: block; margin-left: 35px; margin-top: 0px; margin-bottom: 0px; ; margin-right: 15px;}
.menuodr3 a {font-size: 11px; display: block; padding-top: 2px; padding-bottom: 4px;}
.menuodr3 img {margin-left: 26px;float: left; position: absolute; top: 7px;}
.menuodr3 a:hover   {position: relative; color: #00367c;}
.menuodr4 {float: left; width: 210px; position: relative; }
.menuodr4 span {display: block; margin-left: 45px; margin-top: 0px; margin-bottom: 0px; ; margin-right: 15px;}
.menuodr4 a {font-size: 11px; display: block; padding-top: 2px; padding-bottom: 4px;}
.menuodr4 img {margin-left: 36px;float: left; position: absolute; top: 7px;}
.menuodr4 a:hover   {position: relative; color: #00367c;}
.menuodr5 {float: left; width: 210px; position: relative; }
.menuodr5 span {display: block; margin-left: 55px; margin-top: 0px; margin-bottom: 0px; ; margin-right: 15px;}
.menuodr5 a {font-size: 11 px; display: block; padding-top: 2px; padding-bottom: 4px;}
.menuodr5 img {margin-left: 46px;float: left; position: absolute; top: 7px;}
.menuodr5 a:hover   {position: relative; color: #00367c;}
.menuvybrana { color: #00367c; font-weight: bold; }
.pfg { position: relative; right: 70px; float: right; border-width: 0; }
.lfg { float: left; border-width: 0; }
div#strdisk img { vertical-align: middle; border-width: 0; }
.fgnavrat { width: 30px; float: right; border-width: 0; }
div#diskuse1 { background-color: #ebebeb; }
div#diskuse2 { margin-left: 10px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse3 { margin-left: 20px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse4 { margin-left: 30px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse5 { margin-left: 40px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse6 { margin-left: 50px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse7 { margin-left: 60px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse8 { margin-left: 70px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse9 { margin-left: 80px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse10 { margin-left: 70px; background-color: #ffffff; border-left: solid 1px #7b0227 }
div#diskuse { padding: 15px; margin-bottom: 10px}
div#diskuse h1 { margin: 0px; font-size: 13px; }
div#diskuse h2 { margin: 0px; font-size: 11px; }
div#diskuse p { margin-top: 5px; margin-bottom: 0px; }
.vel9 { font-size: 9px; }

.formobjedn td {padding: 5px 0px 0px 0px;}
.formobjedn h2 {font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; font-size: 14px; margin: 0px 0px 5px 0px; padding: 0px; text-transform: uppercase; font-weight: normal; color: #818287;  }

#bocnifixed {background-color: #4e566e; font-size: 15px;padding: 0px 10px 0px 10px; margin: 0px; top:150px; height: 100px; cursor: pointer; color: #fffff;
z-index: 1000;
	right: 40px; /* same as height */
	height: 40px;
	position: absolute;
	line-height: 40px; /* same as height, for vertical centering */
	-webkit-transition: 500ms ease-in-out;
	-moz-transition: 500ms ease-in-out;
	-o-transition: 500ms ease-in-out;
	transition: 500ms ease-in-out;

	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	transform: rotate(-90deg);

    /* Solution */
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0; }

#bocnifixed:hover {
	background-color: #7a8dc5;
padding: 5px 15px 40px 15px;
    height: 50px;
    right: 50px;
    -webkit-transform: scale(3em,0);
    -moz-transform: scale(3em,0);
    -o-transform: scale(3em,0);
    -ms-transform: scale(3em,0);
    transform: scale(3em,0);
  }
#bocnifixednadp {color: #ffffff;  font-weight: bold;  display: inline-block;}

#menuplus {position: absolute; display: none; cursor:pointer; font-size: 12px; color: #96b2d7; z-index: 51; padding: 0px; margin: 0px; right: 10px; top: 9px; }
#nav{ width: 75%; position: absolute; text-transform: uppercase; text-align: right; font-size: 9px; float: right; z-index: 51; padding: 0px; margin: 0px; right: 5%; top: 58px; }
#nav > a {display: none; }
#nav li {position: relative; list-style-type:none; text-align: left; }
#nav li a { color: #42444c; display: block;}
/* #nav li a:active {background-color: #c00 !important; }*/
#nav span:after {width: 0; height: 0; border: 0.313em solid transparent; /* 5 */ border-bottom: none; border-top-color: #a5bdc0; vertical-align: middle; display: inline-block; position: relative; right: -0.313em; /* 5 */}

/* first level */
#nav > ul {height: 18px}
#nav > ul > li {width: auto; min-width: 100px; height: 100%; display: inline-block; padding-left: 20px; padding-right: 20px; }
#nav > ul > li > a {height: 100%; letter-spacing: 1px; font-size: 14px; line-height: 15px; text-align: center; }
#nav > ul > li:not( :last-child ) {border-right: 1px dotted #8a9aab; }
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {color: #405298; }

/* second level */
#nav li ul {display: none; color: #ced6dc; position: absolute; width: 130%; min-width: 185px; top: 100%; padding-left: 1px; opacity: 0;
	-webkit-animation: display-none-transition 350ms ease-out;
	-moz-transition: display-none-transition 350ms ease-out; /* FF4+ */
	-ms-transition: display-none-transition 350ms ease-out; /* IE10 */
	-o-transition: display-none-transition 350ms ease-out;
        animation: display-none-transition 350ms ease-out;}
#nav li:hover > ul {display: block; opacity: 1; left: 0px; right: 0;  }
#nav li:not( :first-child ):hover ul {left: 0px; }
#nav li ul a {background-color: #3c414b; font-size: 11px; color: #ffffff; margin-left:-1px; padding: 0px; padding: 4px 13px 4px 13px;}
#nav li ul li:not( :first-child)  { border-top: 1px solid #717b82;}
#nav li ul { padding-top:15px}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #586375; padding-left: 1.1em; }
#nav li ul li ul {margin-left: -100%; margin-top: -15px; top:0px; width: 100%;  }
#nav li ul li ul li{ width: 100%;  }

@-webkit-keyframes display-none-transition {
  0% { opacity: 0;  }
  100% { opacity: 1;  }
}

#nav a, #nav li, #nav li ul {
    -webkit-transition: all 300ms ease-out; /* Saf3.2+, Chrome */
    -moz-transition: all 300ms ease-out; /* FF4+ */
    -ms-transition: all 300ms ease-out; /* IE10 */
    -o-transition: all 300ms ease-out; /* Opera 10.5+ */
    transition: all 300ms ease-out;
}


#tlnahoru {display: none; font-size: 40px; cursor:pointer; position: fixed; z-index: 999; right: 0px; padding: 0px 15px 0px 15px; bottom: 0px; color: #999a9a; background-color:rgba(0, 0, 0, 0.1); }
#tladmin {width:15px; height:15px; cursor:pointer; position: fixed; z-index: 999; top: 0px; right: 0px; display:block; }


@media screen and (max-width: 1800px) {
.banermhp {width: 23%;}
}

@media screen and (max-width: 1600px) {
.sliderhlavnitext {font-size: 1.2vw; bottom:10.3%;}
.polozka { width: 18.9%; }
}

@media screen and (max-width: 1500px) {
.banerm {height: 215px;}
}

@media screen and (max-width: 1400px) {
#nav > ul > li {padding: 0 15px; }
}

@media screen and (max-width: 1320px) {
#nav > ul > li {padding: 0 12px; }
#nav > ul > li > a { letter-spacing: 0px; font-size: 14px; }
#velkahlavnipng {top:-290px; margin-bottom:-265px;}
.sliderhlavnitext {font-size: 1.4vw; bottom:10.1%;}
.banerm {height: 200px;}
}

@media screen and (max-width: 1250px) {
#nav	{font-size: 12px; top: 52px;}
#nav > ul > li > a { letter-spacing: 0px; font-size: 14px; }
#nav li ul a {font-size: 12px;  }
#nav > ul > li {padding-left: 5px; padding-right: 5px; min-width: 60px; }
#nav li ul li:first-child { padding-top:12px}
.banermhp {width: 31%;}
.polozkafgt { width: 23%;}
.polozka { width: 23%; }
}

@media screen and (max-width: 1200px) {
.banerm {width: 31%; height: 220px;}
.videobanner {width:50%; padding-top:1.85%; padding-bottom: 30.10%; }
}

@media screen and (max-width: 1150px) {
.menuprava  { top: 20px;}
#hlavapruh, #nahradaimghl {height:95px;}
#obalobrazekhl {top:95px; margin-bottom:95px}
header.headmala #nav { top: 11px; }
header.headmala #nav li ul li:first-child { padding-top:19px}
.logo, .logohp { top: 24px; height:45px;}
#velkahlavnipng {top:-270px; margin-bottom:-245px;}
#bocnifixed {display: none}
.paticka { font-size: 11px; }
#patickaleva {padding: 0px 15px 5px 0px;}
.banerm {height: 215px;}
}

@media screen and (max-width: 1050px) {
.sliderhlavnitext {font-size: 1.5vw; bottom:9.5%;}
.banermhpcl2 {width:70%;}
.banerm {height: 205px;}
}

@media screen and (max-width: 1000px) {
#nav { width: 75%; font-size: 7px; right: 5%; top: 48px; }
#nav > ul > li > a { letter-spacing: 0px; font-size: 12px; }
#nav li ul a {font-size: 10px;  }
.menuprava  { top: 15px; right: 5%; }
#hlavapruh, #nahradaimghl  {height:85px;}
#obalobrazekhl {top:85px; margin-bottom:85px }
header.headmala .logo, header.headmala .logohp { top:10px; height:24px;}
header.headmala #hlavapruh {height:40px;}
header.headmala #nav { top: 5px; }
header.headmala #nav li ul li:first-child { padding-top:9px}
.logo, .logohp { top: 24px; height:42px;}
.polozka { width: 31%; }
.banermprhp h2 { font-size: 16px ; }
.banerm {height: 200px;}
}

@media screen and (max-width: 900px) {
.banermprhp h2 { font-size: 15px ; }
}

@media screen and (max-width: 870px) {
.banermhp {width: 48%;}
.polozkafgt { width: 31%;}
#tladmin {display:none}
h1 {font-size:45px}
#stredtext h1 {width:100%; }
#stredtext .text {width:100%;}
#velkahlavnipng {width:45%;top:-250px; margin-bottom:-225px;}
#nav > a { right: 17px; top:-4px; width: 25px; height: 25px; text-align: left; text-indent: -9999px; position: absolute;}
#nav > a:before {position: absolute; border-top: 3px solid #777777; border-bottom: 3px solid #777777; height:13px; top: 22%; left: 20%; right: 20%; content: ''; }
#nav > a:after {position: absolute; border-bottom: 3px solid #777777; height:6px; top: 25%; left: 20%; right: 20%; content: ''; }
#nav > a:after {top: 30%; }
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type {display: block; color: #ffffff; }
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {color: #ffffff;  }
/* first level */
#nav > ul {position: absolute; height: auto; display: none; margin-top: 31px; background-color: #454545; left: 0; right: 0; padding-left: 4%; padding-right: 4%;}
#nav:target > ul {display: block; }
#nav > ul > li {width: 100%; float: none; padding-left: 0px;}
#nav > ul > li > a {height: auto; text-align: left; color: #ffffff; line-height: 30px}
#nav > ul > li:not( :last-child ) {border-right: none; }
#nav > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #717b82; }
#nav li a:active {background-color: #586375 !important; color: #ffffff;}
/* second level */
#nav li ul {position: static; padding-top: 0; width: 100%; }
#nav li ul a {background-color: #4b4b4b; }
#nav li ul li ul {margin-left: 0%; margin-top: 0px; width: 100%;  padding-left: 5px}
#nav li ul li:first-child { padding-top:0px}
#menuplus {display: block; }
.menuprava  { right: 55px; top: 7px }
header {position: fixed; width: 100%; z-index:450}
header.headvelka {}
#hlavapruh, #nahradaimghl  {height:45px;}
#obalobrazekhl {top:45px; margin-bottom:45px}
header.headmala .logo, header.headmala .logohp  {top:10px; height:26px; }
header.headmala .menuprava {opacity: 0; visibility: hidden}
header.headvelka .menuprava {opacity: 1; visibility: visible}
header.headmala #nav li ul li:first-child { padding-top:0px}
#nav {position: fixed; display: block; top: 14px; width: 100%; left: 0px; float: none; }
header.headmala #nav {top: 11px;}
header.headmala #nav > ul {top: -2px;}
header.headvelka #nav > ul {top: 0px;}
.logo, .logohp { top: 12px;height:26px; }
.sliderhlavnitext {font-size: 1.85vw; bottom:8.9%; letter-spacing: 8px;}
.banermhsipka {margin: 10px 40px 10px 0px; }
.banermhpcl2 {width:65%;}
.banermprhp { width:43%}
.banermprhp h2 { font-size: 18px ; }
.banermhsipka {margin: 10px 40px 10px 0px; }
.banerm {height: 235px; width: 47%; }
}

@media screen and (max-width: 800px) {
.banerm {height: 225px;}
}

@media screen and (max-width: 750px) {
.facebook { margin-left: 7px; }
#dokonceniobjednavky2 {width:90% }
.banerm {height: 220px;}
.videobanner {width:70%; padding-top:1.85%; padding-bottom: 41.4%; }
}

@media screen and (max-width: 700px) {
.menutext {font-size: 16px ; }
h1 {font-size:40px}
.menutext:not( :last-child )  { margin: 8px 15px 8px 0px;}
.banermhp {width: 47%;}
.polozkafgt { width: 31%;}
#velkahlavnipng {width:45%;top:-180px; margin-bottom:-155px;}
.sliderhlavnitext {font-size: 2vw; bottom:8.9%; letter-spacing: 8px;}
#facebookobal {position: relative; width:100%; right:0; text-align: center;  bottom:0px; padding: 0px;  }
.facebook { margin-left: 20px; }
.banermhsipka {margin: 5px 20px 5px 0px; padding:4px 10px 6px 10px;  letter-spacing: 2px; }
.polozka { width: 47%; }
.banermhpcl2 {width:70%;}
.banerseda h2 {font-size: 17px;}
.banersedacl {font-size: 14px}
.banermprhp h2 { font-size: 15px ; }
.banermhsipka {margin: 5px 20px 5px 0px; padding:4px 10px 6px 10px;  letter-spacing: 2px; }
.banerm {height: 205px; width: 47%; }

}

@media screen and (max-width: 600px) {
#velkahlavnipng {width:45%;top:-120px; margin-bottom:-95px;}
h1 {font-size:35px;margin-bottom:10px}
.sliderhlavnitext {font-size: 2.2vw; bottom:8.3%; letter-spacing: 8px;}
.banermprhp { width:85%; margin-bottom: 20px; }
.banermprhp h2 { font-size: 18px ; }
.blokbaneruprhpobal  {padding: 40px 0px 20px 0px;}
.banerm {height: 190px; width: 47%; }
.videobanner {width:89%; padding-top:5%; padding-bottom: 55.4%; }
.text iframe {height: 300px}
}

@media screen and (max-width: 550px) {
.banerm {width: 100%; height: 315px; margin: 0px 0px 15px 0px; }
}

@media screen and (max-width: 500px) {
.menutext {font-size: 15px ; margin-bottom: 20px}
h1 {font-size:30px; line-height:40px; margin-bottom:15px}
.menutext:not( :last-child )  {padding-right: 17px;margin: 7px 13px 7px 0px;}
#nav > a {width: 30px; height: 30px; }
#nav > a:before {height:10px; }
#nav > a:after {height:6px; }
#nav > a:after {top: 60%; }
#nav > ul {margin-top: 36px;  }
#bocnifixed {font-size: 13px; padding: 0px 10px 0px 10px; top:150px; right: 30px; /* same as height */height: 30px;line-height: 30px; /* same as height, for vertical centering */}
#bocnifixed:hover {padding: 5px 15px 30px 15px; height: 40px; right: 40px;  }
#tliconlogin img {display: inline-block; width: 22px; }
#tliconhledejhlava {display: inline-block; width: 22px; }
#tlogin {display: none}
.menuprava  { right: 63px; top: 8px }
#hlavapruh, #nahradaimghl  {height:50px;}
#obalobrazekhl {top:50px; margin-bottom:50px}
header.headmala .logo, header.headmala .logohp  {left:5%; }
header.headmala #nav {top: 9px;}
header.headmala #nav > ul {top: -5px;}
.vlajka {width: 22px; }
.menuprava  { right: 15%; top: 7px }
.banermhp {width: 100%; height: 310px; margin-bottom: 35px}
.banermhpcl  {padding: 0px 5% 0px 5%}
.banermhpclnadp2 {margin-top: -54px; font-size: 25px ; }
.banermhpcl {bottom: 20px; padding-top:15px; height:70px; }
.polozkafgt { width: 98%;}
/*.zaklad { width: 100%;}*/
.stredhp {margin-top: 80px;}
#vyhledavani {display:none}
.logo, .logohp { top: 13px; height:28px; }
html {font-size: 75%; /* 12 */}
#stredtext h1, #stredtext .text {width:100%; }
.stred {width:90%;}
#dokonceniobjednavky2 {width:100% }
#velkahlavnipng {width:70%;top:0px; float:none; margin-bottom:0px;}
.sliderhlavnitext {font-size: 2.5vw; bottom:7.8%; letter-spacing: 7px;}
.polozkadetail h1 {font-size:22px; line-height:30px}
.polozkadetail img { margin-bottom: 15px; }
.polozkadetailpopis { margin-bottom: 60px; }
.banerseda h2 {font-size: 15px; }
.banersedacl {font-size: 11px; }
.polozka { width: 45%; }
.banerm {height: 270px;}
.banermhsipka {display: none}
.sliderdekorobal{width:100%}
}

@media screen and (max-width: 450px) {
.banerm {height: 250px;}
}

@media screen and (max-width: 400px) {
.menutext {font-size: 14px ; }
.menutext:not( :last-child )  {padding-right: 10px; margin: 6px 6px 6px 0px;}
.sliderhlavni {display:none}
#mistoslider {display:block; }
#nav > a {width: 28px; height: 28px; right: 10px; top:-6px; }
#nav > a:before {height:10px; }
#nav > a:after {height:6px; }
#nav > a:after {top: 60%; }
#nav > ul {margin-top: 30px;  }
#hlavapruh, #nahradaimghl {height:44px;}
#obalobrazekhl {top:44px; margin-bottom:44px}
.menuprava  { right: 15%; top: 6px }
.obrazekhl {}
.banermhp  {height: 280px; margin-bottom: 30px}
header.headmala .logo, header.headmala .logohp  { top:9px; opacity: 1; left:5%; height:25px;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);}

.logohp { color: #ffffff; padding: 0; top:60px; opacity: 1; left: 23%; width: 77%; height:65px;
	-webkit-transform: translate(-15%, 0%);
	-moz-transform: translate(-15%, 0%);
	-ms-transform: translate(-15%, 0%);
	-o-transform: translate(-15%, 0%);
	transform: translate(-15%, 0%);}
.logo { height:25px; }


.uil-ring-css {-ms-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -webkit-transform: scale(0.2);
    -o-transform: scale(0.2);
transform: scale(0.3);top: -15%; }
.vlajka {width: 20px; }
#tliconlogin img {width: 20px; }
#tliconhledejhlava { width: 20px; }
header.headmala #nav > ul {top: -1px;}
header.headmala #nav {top: 11px;}
#velkahlavnipng {width:80%;}
.banermhpclnadp2 {margin-top: -41px; font-size: 18px ; }
.banermhpcl2 {width:60%;}
.banerm {height: 230px;}
}

@media screen and (max-width: 350px) {
.logohp { top:55px; left: 23%;height:60px;height:60px;}
.banermhpcl2 {width:55%;}
.banersedacl {font-size: 0px; }
.banerseda h2 {font-size: 13px; }
.polozka { width: 100%; margin-left: 0px; margin-right:0px}
.banerm {height: 215px;}
}

@media screen and (max-width: 330px) {
.banerm {height: 205px;}
}

.tabformul {border-spacing:10px}
.tabformul tr td {vertical-align: top; }
.tabformul tr td:first-child {color:#555555; text-align:right; padding-top:5px}
label.chybahlaska  {color:#8e2128; font-size:11px; font-weight: normal; display:block}
input[type=text].chybahlaska { border: 1px solid #d9adb0; background: rgba(75,95,112,0.1); }

.drobdelic {width: 24px; display: inline-block; text-indent: -5000px;}
.drobeckovka{padding:0px; background-color:rgba(0, 23, 41, 0.1); font-size:11px; line-height: 24px; text-align: left; padding:0px; display:block;  }
.drobeckovka a{display:inline-block;background:white;padding:0px 15px 5px 20px; height: 24px; margin-left:-26px;position:relative;z-index:2;color:#333333}
.drobeckovka a.home{font-size:18px;color:#777777;text-align:center;padding:3px 10px 0px 5%; margin-left:0;z-index:99;}
.drobeckovka a.home i{vertical-align:-2px;padding:0px 26px 0px 1%;}
.drobeckovka a.home:before{border:none;}
.drobeckovka a:after{display:inline-block;content:".";position:absolute;right:-10px;top:3px;width:18px;height:18px;background:white;border-right:1px solid #d6d4d4;border-top:1px solid #d6d4d4;border-radius:2px;text-indent:-5000px;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.drobeckovka a:before{display:inline-block;content:".";position:absolute;left:-10px;top:3px;width:18px;height:18px;background:transparent;border-right:1px solid #d6d4d4;border-top:1px solid #d6d4d4;border-radius:2px;text-indent:-5000px;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.drobeckovka a:hover{color:#4c8cac;}
.ie8 .drobeckovka{min-height:1px}.ie8 .drobeckovka a:after{display:none}
.ie8 .drobeckovka .drobdelic{width:20px}


.kostrajq {   position: relative; max-width:1800px; top:0px;
 height: 0;
 width: 100%;
 padding: 0;
 padding-bottom: 63%; margin-bottom:20px}
.kostrajq svg {  position: absolute;
 width: 100%;
 left: 0;
 top: 0;}
.kostrajqpop { position: absolute; bottom:0px; left:0px; width: 100%; height: 30px; background-color: #4b6777; color: #ffffff; font-size: 13px; text-align: center; font-weight: bold; padding: 5px 5px 5px 5px; display: none}