@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/css?family=Oswald:400,700&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin,latin-ext);

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y:scroll;
  height:100%;
  min-height:100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Open Sans","Arial CE", Arial, "Helvetica CE", Helvetica, Verdana, Tahoma, lucida, sans-serif;
    font-size: 11pt;
  font-weight:400;
	text-align: center;
	line-height:1.5em;
  height:100%;
  min-height:100%;
  background: url("../img/bg4.png") fixed center center no-repeat;
  background-size:cover;
}

h4{
    font-family: 'Oswald';
}

#wrap {
  /*width:960px;*/
  margin:0 auto;
  position:relative;
  /*height:100%;*/
  text-align:center;
}

.wrap {width:960px;text-align:left;margin:0 auto;}

#links {margin:0;padding:0;position:absolute;list-style-type:none;top:2px;right:10px}
#links li {float:left;padding:0;margin:0 12px;}
#links li a {color:#000;font-size:0.9em;}

#head {
  position:relative;
  text-align:center;
  background:#efefef  url(../img/bgh3b.jpg) 0 0 repeat;/* url(../img/bg2.jpg) 0 0 repeat;*/
}

#logo {
  margin:0 auto;
  text-align:left;
  position:relative;
}
#logo h1 {
  font-weight:700;
  padding:0.8em 0 0.5em;
  font-size:3em;
  color:#fff;
	font-family:"Oswald","Open Sans","Arial CE",Arial,"Helvetica CE",Helvetica,sans-serif;
  line-height:0.7em;
}

#logo h1 a {
  text-decoration:none;
  color:#333;
  
}
/*
#moz-reflect:after {
    content: "";
    display: block;
    background: -moz-element(#moz-reflect) no-repeat;
    width: auto;
    height: 375px;
    margin-bottom: 100px;
    -moz-transform: scaleY(-1);
}
*/

#logo h1 a:hover span {
  color:#797979;
}

#logo h1 a:hover #slogan1 {
    color: #e46200 !important;
}

#logo h1 span {
  /*margin:0 0.3em;*/
}
h1, h2, h3, #mainmenu a, #submenu a {
    font-family: 'Oswald',"Open Sans","Arial CE",Arial,"Helvetica CE",Helvetica,sans-serif;
    font-weight: 300
}

#mainmenu {
  /*padding:10px 0;*/
  vertical-align:middle;
  font-size:16px;
  background:#efefef url(../img/bgh3b.jpg) 0 -4px repeat;
  box-shadow:0 -10px 10px -10px #ccc inset;
}
/*
#submenu {
  vertical-align:middle;
  font-size:16px;
  background:#e46200;
}
    */
#mainmenu_center,#submenu_center {position:relative;width:960px;margin:0 auto; /*padding:10px 0;background:#efefef;*/}

#mainmenu a,#submenu a {
  text-decoration: none;
  color:#fff;
  display:inline-block;
  padding:10px 25px;
  white-space: nowrap;
  text-transform: uppercase;
}
#submenu a:hover span {border-bottom:3px #FFCB33 solid}
#mainmenu a:hover {
  color:#797979;
}
#mainmenu li,#submenu li {display:inline-block;}
    #mainmenu li ul {
        transition: background 0.5s;
        position: absolute;
        box-shadow: 0 2px 5px -3px rgba(127, 127, 127, 0.7);
        transition: visibility .3s;
    }
#mainmenu li:hover, #mainmenu .show {background:#797979;}
#mainmenu li:hover ul, #mainmenu .show ul {background:#fff;border-top:0px #797979 solid;}
/*#mainmenu li:hover a {color:#fff}*/

#mainmenu li:hover ul:not(.cur) {/*display:block;max-width:100%;*/}
#mainmenu li:hover ul li {background:#fff;}
#mainmenu li:hover > a, #mainmenu .show > a {color:#fff;background:#797979;}
#mainmenu li:hover ul li a:hover {background:#fff;color:#000}
/*#mainmenu li:hover ul li a {color:#fff}*/
#mainmenu li ul li a:hover,#submenu li a:hover {text-decoration:none}
#mainmenu li:hover ul li a:hover span {border-bottom:3px #FFCB33 solid}
#mainmenu a strong {
  font-weight:normal;
  padding-bottom:5px;
  border-bottom:3px #E46200 solid;
}
#submenu li.cur span {border-bottom:3px #FFCB33 solid;}

#main {text-align:center;background:#fff;/*transparent url(../img/vlnka.png) 0 0 repeat;*/}
#main .box {text-align:left; font-size: 10pt;} 
#main_center {
  position:relative;
  text-align:left;
  }

.sede {color:#ccc}
.submit {font-family:'Oswald';margin:1em 0;font-size:2.5em;font-weight:300;}
.text .sede.misto {line-height:1em;}
.center {text-align:center;}
.box {
  position:relative;
  width:960px;overflow:hidden;
  margin:0px auto 0px;
  padding:10px 0px 20px 0px;
}
.box h3 {margin-top:0.2em}
.borderup {
  border-top:1px #dddddd solid;
}
.borderdown {
  border-bottom:1px #dddddd solid;
}
.borderdown.dotted {margin:2em 0;border-bottom-style:dotted}

#blog {margin-bottom:5em;}
#blog div.foto {margin-bottom:2.5em;position:relative;height:250px;overflow:hidden;border:1px #ddd solid}
#blog div.foto img {width:100%;height:auto;position:absolute;top:0;left:0;}
#blog div.foto.hs70 img {animation:hs70 6s ease-in-out 1s infinite alternate;-webkit-animation:hs70 6s ease-in-out 1s infinite alternate}
#blog div.foto.hs134 img {animation:hs134 8s ease-in-out 1s infinite alternate;-webkit-animation:hs134 8s ease-in-out 1s infinite alternate}
#blog div.foto.hs230 img {animation:hs230 10s ease-in-out 1s infinite alternate;-webkit-animation:hs230 10s ease-in-out 1s infinite alternate}
#blog div.foto.hs390 img {animation:hs390 12s ease-in-out 1s infinite alternate;-webkit-animation:hs390 12s ease-in-out 1s infinite alternate}
#blog div.foto.hs488 img {animation:hs488 14s ease-in-out 1s infinite alternate;-webkit-animation:hs488 14s ease-in-out 1s infinite alternate}
#blog div.foto.hs550 img {animation:hs550 16s ease-in-out 1s infinite alternate;-webkit-animation:hs550 16s ease-in-out 1s infinite alternate}
#blog div.foto.hs622 img {animation:hs622 18s ease-in-out 1s infinite alternate;-webkit-animation:hs622 18s ease-in-out 1s infinite alternate}
#blog div.foto.hs710 img {animation:hs710 20s ease-in-out 1s infinite alternate;-webkit-animation:hs710 20s ease-in-out 1s infinite alternate}
#blog div.foto.hs816 img {animation:hs816 22s ease-in-out 1s infinite alternate;-webkit-animation:hs816 22s ease-in-out 1s infinite alternate}
#blog div.foto.hs950 img {animation:hs950 24s ease-in-out 1s infinite alternate;-webkit-animation:hs950 24s ease-in-out 1s infinite alternate}
#blog div.foto.hs1121 img {animation:hs1121 27s ease-in-out 1s infinite alternate;-webkit-animation:hs1121 27s ease-in-out 1s infinite alternate}
#blog div.foto.hs1350 img {animation:hs1350 30s ease-in-out 1s infinite alternate;-webkit-animation:hs1350 30s ease-in-out 1s infinite alternate}
#blog div.foto.hs1670 img {animation:hs1670 34s ease-in-out 1s infinite alternate;-webkit-animation:hs1670 34s ease-in-out 1s infinite alternate}
#blog div.foto.hs2150 img {animation:hs2150 38s ease-in-out 1s infinite alternate;-webkit-animation:hs2150 38s ease-in-out 1s infinite alternate}

#blog a.foto img {border:1px #ddd solid;padding:1px;margin-right:12px;margin-bottom:12px;box-shadow:0 0 6px 0 #ccc}
#blog a.foto:hover img {box-shadow:0 0 12px 0 #aaa}

.fotky {margin:3em 0 0}

#blog h2 {margin-bottom:0.7em;}
#blog .perex {font-size:1.2em;font-weight:400;line-height:1.4em;margin-bottom:1.6em}

@keyframes hs70 {0% {top: 0px;} 20% {top:0px} 80% {top: -70px} 100% {top: -70px;}}
@-webkit-keyframes hs70 {0% {top: 0px;} 20% {top:0px} 80% {top: -70px} 100% {top: -70px;}}

@keyframes hs134 {0% {top: 0px;} 20% {top:0px} 80% {top: -134px} 100% {top: -134px;}}
@-webkit-keyframes hs134 {0% {top: 0px;} 20% {top:0px} 80% {top: -134px} 100% {top: -134px;}}

@keyframes hs230 {0% {top: 0px;} 20% {top:0px} 80% {top: -230px} 100% {top: -230px;}}
@-webkit-keyframes hs230 {0% {top: 0px;} 20% {top:0px} 80% {top: -230px} 100% {top: -230px;}}

@keyframes hs390 {0% {top: 0px;} 20% {top:0px} 80% {top: -390px} 100% {top: -390px;}}
@-webkit-keyframes hs390 {0% {top: 0px;} 20% {top:0px} 80% {top: -390px} 100% {top: -390px;}}

@keyframes hs488 {0% {top: 0px;} 20% {top:0px} 80% {top: -488px} 100% {top: -488px;}}
@-webkit-keyframes hs488 {0% {top: 0px;} 20% {top:0px} 80% {top: -488px} 100% {top: -488px;}}

@keyframes hs550 {0% {top: 0px;} 20% {top:0px} 80% {top: -550px} 100% {top: -550px;}}
@-webkit-keyframes hs550 {0% {top: 0px;} 20% {top:0px} 80% {top: -550px} 100% {top: -550px;}}

@keyframes hs622 {0% {top: 0px;} 18% {top:0px} 82% {top: -622px} 100% {top: -622px;}}
@-webkit-keyframes hs622 {0% {top: 0px;} 18% {top:0px} 82% {top: -622px} 100% {top: -622px;}}

@keyframes hs710 {0% {top: 0px;} 16% {top:0px} 84% {top: -710px} 100% {top: -710px;}}
@-webkit-keyframes hs710 {0% {top: 0px;} 16% {top:0px} 84% {top: -710px} 100% {top: -710px;}}

@keyframes hs816 {0% {top: 0px;} 14% {top:0px} 86% {top: -816px} 100% {top: -816px;}}
@-webkit-keyframes hs816 {0% {top: 0px;} 14% {top:0px} 86% {top: -816px} 100% {top: -816px;}}

@keyframes hs950 {0% {top: 0px;} 12% {top:0px} 88% {top: -950px} 100% {top: -950px;}}
@-webkit-keyframes hs950 {0% {top: 0px;} 12% {top:0px} 88% {top: -950px} 100% {top: -950px;}}

@keyframes hs1121 {0% {top: 0px;} 10% {top:0px} 90% {top: -1121px} 100% {top: -1121px;}}
@-webkit-keyframes hs1121 {0% {top: 0px;} 10% {top:0px} 90% {top: -1121px} 100% {top: -1121px;}}

@keyframes hs1350 {0% {top: 0px;} 8% {top:0px} 92% {top: -1350px} 100% {top: -1350px;}}
@-webkit-keyframes hs1350 {0% {top: 0px;} 8% {top:0px} 92% {top: -1350px} 100% {top: -1350px;}}

@keyframes hs1670 {0% {top: 0px;} 6% {top:0px} 80% {top: -1670px} 100% {top: -1670px;}}
@-webkit-keyframes hs1670 {0% {top: 0px;} 6% {top:0px} 94% {top: -1670px} 100% {top: -1670px;}}

@keyframes hs2150 {0% {top: 0px;} 4% {top:0px} 96% {top: -2150px} 100% {top: -2150px;}}
@-webkit-keyframes hs2150 {0% {top: 0px;} 4% {top:0px} 96% {top: -2150px} 100% {top: -2150px;}}

.text {
  position:relative;
  text-align:left;
  color:#333333;
  font-size:1em;
  /*width:960px;overflow:hidden;*/
  margin:0 auto 0px;
  padding:0;
}
#obsah {
box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);
padding:2em 3em;
margin-bottom:1em;
}

.text td {
  color:#333333;
  font-size:1em;
  line-height:1.5em;
}

h3 {  
font-size:1.5em;
margin-bottom:0.5em;
margin-top:0.7em;
color:#E46200;
}
#dalsi h3 {font-size:1.75em;}

.text p {
margin:0 0 1.2em 0;
}

h2,.ui-dialog h2 {
font-size:2.5em;
text-align: center;
margin:0 0 1em 0;
line-height:1em;
color:#E46200;
}
.ui-dialog h2 {margin-bottom:1.2em;}

.text h2.bl {color:#333333;margin-bottom:0.4em;}
.text h3.bl {color:#333333;margin-bottom:0.7em;margin-top:1em;line-height:1.2em;}
.small {font-size:0.8em;font-weight:bold;color:#ffcb33;margin:0 0 0 2px}
p.small,label .small {color:#333333;line-height:1.4em;font-weight:300}
.form label .small {display:block;width:auto !important;margin-top:0.5em;font-size:0.7em;padding-right:0}
#cv_obor,.form div.popis span {vertical-align:top;padding-top:0.25em;}
.text ul {
  list-style: none;
  vertical-align:baseline;
  margin:0;
  padding:0;
  margin-bottom:20px;
}

.text ul ul {
  list-style: none;
  margin-left:0px;
  margin-bottom:0px;
}

.text ul li {vertical-align:top;margin:2px 0;padding:0px 4px 0 16px;font-weight:normal;vertical-align:top;position:relative;}
.text ul li::before {display:block;width:8px;height:8px;background:#e46200;content:"";position:absolute;top:7px;left:0;}
#sitemap li:empty {display:none}
#sitemap li a:before {content:"\25B8";padding-right:3px;}
#sitemap li a:hover:before {text-decoration:none}
#sitemap ul,#sitemap li {margin-left:0;padding-left:0;}
#sitemap li a b {font-weight:normal}
.text p.nom {margin-bottom:0.2em;}
.text li ul li {font-weight:400;background-image:none}
.text li span {font-weight:400}
.text ol {list-style-type: none;margin:0 0 1.6em 0}
.text ol > li {
    counter-increment: kolik;
    padding-left:50px;
    position:relative;
    margin:4px 0;
}
.text ol.vetsi > li::before {
    content: counter(kolik);
    font-size: 80%;
    background-color: #e46200;
    color: white;
    display:block;
    padding: 3px 8px;
    position:absolute;
    top:0.4em;
    left:0;
    width:auto;
}
.text ol.vetsi {margin:0 0 0 0}
.text ol.vetsi > li {padding-left:2em;}
.text ol > li::before {
    content: counter(kolik);
    font-size: 80%;
    background-color: #e46200;
    color: white;
    display:block;
    padding: 0px 20px;
    width:45px;
    text-align:center;
    position:absolute;
    top:0em;
    left:0;
}
.nebo {color:#999;display:block;margin:0.6em 0}

.text a,.ui-dialog a {
  color:#E46200;
  text-decoration:underline;
}
#logo h1 span#slogan1 {
    display: inline;
    font-size: 0.43em;
    font-weight: 400;
    line-height: 1em;
    margin: 0;
    position: relative;
    top: -0.3em;
    color: #797979;
}



#logo h1 span#slogan2 {color:rgba(0, 0, 0, 0.06);display: inline-block;font-size: 0.8em;right:0em;line-height: 1.2em;position: absolute;top: 1.4em;}
.text .pozice a,.text a.submit {text-decoration:none;}
.text ul.pozice li::before {display:none}
.nabidka {color: #333333;font-size: 1em;background:#f6f6f6 url(../img/bgs.jpg) 0 0 repeat;}
.nabidka > div {padding-bottom: 0.3em;padding-top: 0.3em;position: relative;text-align: left;width: 960px;margin: 0 auto;}
.nabidka .box {overflow:visible;width:33.3%;display:inline-block;height:115px;text-align:left;position:relative;}
    .nabidka .box a {
        overflow: hidden;
        position: relative;
        background: #fff;
        background-position: 0.3em 0.6em;
        background-size: 1.8em auto;
        background-repeat: no-repeat;
        padding: 0.8em 1em 1em 2.4em;
        color: #333;
        display: block;
        width: 92%;
        height: 90px;
        border: 1px #dddddd solid;
        box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);
        text-decoration: none;
        transition: box-shadow 0.5s ease;
    }
.nabidka .box a:hover {box-shadow:0 0 10px 0px #E46200;}
.nabidka .box:nth-child(2) a {margin:0 auto}
.nabidka .box:nth-child(3) a {margin:0 0 0 auto}
    .nabidka .box strong {
        font-size: 1.25em;
        font-style: normal;
        font-weight: normal;
        font-family: 'Oswald';
    }

.nabidka .box a:after {right:-30px;}
    .nabidka .box a:hover:after {
        position: absolute;
        right: 0;
        width: 30px;
        top: 20px;
        line-height: 2em;
        text-align: center;
        height: 40px;
        color: #fff;
        background: #E46200;
        padding: 4px 0px;
        z-index: 3;
        content: ">";
        font-size: 1.1em;
        animation: button2 0.7s;
        -webkit-animation: button2 0.7s
    }


.text a:hover,.ui-dialog a:hover,.aktualita a:hover {color:#333;text-decoration:underline}
.text .pozice a:hover {text-decoration:none}

#left ul li ul {margin:2px 0 0 0;font-size:0.9em;list-style:none}
#left ul li ul li {margin:0;}
#left ul li ul li.cur {list-style:none;background-image:none}

a img {border-width:0;vertical-align:middle;}

#footer {/*background:#efefef;*//*background:#ffcb33;*/}
#footer_center {width:960px;margin:0 auto;}
#footer h3, .footer-header {
    margin-top: 0;
    font-weight: normal;
    padding-top: 1em;
    font-size: 2em;
    color: #ff9d0c;
    text-align: left;
    border-bottom: 1px #ff9d0c solid;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}
.footer-subheader {
    font-family: 'Oswald';
    color: #ff9d0c;
}
#footer h4 {
    font-size: 1.4em;
    font-weight: normal;
    text-transform: uppercase;
    color: #ff9d0c;
    margin-bottom: 0.5em;
}

#foot {color:#fff;text-align:left;}
#foot a {color:#fff;font-weight:normal}
#foot div:nth-child(2) {margin-left:0}
#foot div#copy {float:right;margin:0 0 16px 0; text-align:right}
#foot div#copy a {color:#fff;/*color:#ffcb33;*/text-decoration:none}
#foot div#copy a img {background:#ff9d0c;display:inline-block;margin-top:2px;margin-bottom:10px}
#foot div#copy a:hover {text-decoration:none}
#foot div#copy a:nth-child(n+2):hover {text-decoration:underline}
#foot div#copy a:hover img {background:#fff;}
#foot .protect {color:#fff;/*color:#8c8c8c*/}
#iwrap {position:relative;text-align:left;padding-bottom:0px;overflow:hidden;}
.bold {font-weight:bold}
form div span {padding:4px 3px;}
form .bold span {background:#ffcb33;color:#fff;}
form .bold .input {border-color:#ffcb33;}

.text ul.noul {margin:0 0 24px 6px;}
.text ul.noul li {list-style-type:square;background:none;padding:0 2px;font-weight:400}

.text table {width:100%;border-collapse: collapse;border-spacing:0;border:1px #333 solid;margin-bottom:0.3em;}
.text table td {border:1px #333 solid;padding:3px;vertical-align:baseline}
.text table.notable {border-width:0 !important;}
.text table.notable td {
	padding: 10px 10px 10px 0!important;
  border-width:0px;
  font-size:12px !important;
  vertical-align: top !important;
}

.text table.notbl {border-width:0 !important;width:auto !important}
.text table.notbl td {
	padding: 2px 0 !important;
  border-width:0px;
  font-size:12px !important;
  vertical-align: top !important;
}
.text table.notbl td.r {
text-align:right;
font-style:italic;
padding-right:8px !important;
}

.mzda{
    font-size: 2.5rem !important;
    font-family: 'Oswald';
    color: #E46200;
}

table.notable p#tiraz {
  position:relative;
  top:-3px;
  margin:0;
  padding:0;

}
#logotiraz {float:right;position:relative;top:2px;}
hr {clear:both;display:none}

.detail {position:relative;padding-top:1.5em;margin-bottom:1em;font-size:1.4em;border-bottom:1px #dddddd solid;padding-right:2%;}
.text .detail h2 {margin-bottom:0.8em;margin-top:0.2em;}
.text .detail h4 {margin-bottom:0.2em;position:relative;}
.detail .popis {font-size:0.9em;width:70%;line-height:1.3em;}
.detail .popis.longer {font-size:0.85em;}
.detail .popis.evenlonger {font-size:0.8em;}

.detail .popis:not(:empty):before {content:"„"}
.detail .popis:not(:empty):after {content:"“"}

.text .pozice .pozicetyp1 a {background-image:url(../img/obor_1.gif);}
.text .pozice .pozicetyp2 a {background-image:url(../img/obor_2.gif);}
.text .pozice .pozicetyp3 a {background-image:url(../img/obor_3.gif);}
.text .pozice .pozicetyp4 a {background-image:url(../img/obor_4.gif);}
.text .pozice .pozicetyp5 a {background-image:url(../img/obor_5.gif);}
.text .pozice .pozicetyp6 a {background-image:url(../img/obor_6.gif);}
.text .pozice .pozicetyp7 a {background-image:url(../img/obor_7.gif);}
.text .pozice .pozicetyp8 a {background-image:url(../img/obor_8.gif);}
.text .pozice .pozicetyp9 a {background-image:url(../img/obor_9.gif);}
.text .pozice .pozicetyp10 a {background-image:url(../img/obor_10.gif);}
.text .pozice .pozicetyp11 a {background-image:url(../img/obor_11.gif);}
.text .pozice .pozicetyp12 a {background-image:url(../img/obor_12.gif);}
.text .pozice .pozicetyp13 a {background-image:url(../img/obor_13.gif);}
.text .pozice .pozicetyp14 a {background-image:url(../img/obor_14.gif);}
.text .pozice .pozicetyp15 a {background-image:url(../img/obor_15.gif);}
.text .pozice .pozicetyp16 a {background-image:url(../img/obor_16.gif);}

#blog p{
    text-align: left !important;
}

.detail > div {overflow:hidden;padding-bottom:1em;min-height:130px;/*max-height:300px;*/background-size:auto 80%}
.fullpozicetyp1 {background:transparent url(../img/obor_1.jpg) right 0.5em no-repeat;}
.fullpozicetyp2 {background:transparent url(../img/obor_2.jpg) right 0.5em no-repeat;}
.fullpozicetyp3 {background:transparent url(../img/obor_3.jpg) right 0.5em no-repeat;}
.fullpozicetyp4 {background:transparent url(../img/obor_4.jpg) right 0.5em no-repeat;}
.fullpozicetyp5 {background:transparent url(../img/obor_5.jpg) right 0.5em no-repeat;}
.fullpozicetyp6 {background:transparent url(../img/obor_6.jpg) right 0.5em no-repeat;}
.fullpozicetyp7 {
    background: transparent url(../img/obor_7.jpg) right 0.5em no-repeat;
    
}
.fullpozicetyp8 {background:transparent url(../img/obor_8.jpg) right 0.5em no-repeat;}
.fullpozicetyp9 {background:transparent url(../img/obor_9.jpg) right 0.5em no-repeat;}
.fullpozicetyp10 {background:transparent url(../img/obor_10.jpg) right 0.5em no-repeat;}
.fullpozicetyp11 {background:transparent url(../img/obor_11.jpg) right 0.5em no-repeat;}
.fullpozicetyp12 {background:transparent url(../img/obor_12.jpg) right 0.5em no-repeat;}
.fullpozicetyp13 {background:transparent url(../img/obor_13.jpg) right 0.5em no-repeat;}
.fullpozicetyp14 {background:transparent url(../img/obor_14.jpg) right 0.5em no-repeat;}
.fullpozicetyp15 {background:transparent url(../img/obor_15.jpg) right 0.5em no-repeat;}
.fullpozicetyp16 {background:transparent url(../img/obor_16.jpg) right 0.5em no-repeat;}

@media screen and (max-width: 991px)
{
    .fullpozicetyp1 {
        background: none;
    }

    .fullpozicetyp2 {
        background: none;
    }

    .fullpozicetyp3 {
    }

    .fullpozicetyp4 {
        background: none;
    }

    .fullpozicetyp5 {
        background: none;
    }

    .fullpozicetyp6 {
        background: none;
    }

    .fullpozicetyp7 {
        background: none;
    }

    .fullpozicetyp8 {
        background: none;
    }

    .fullpozicetyp9 {
        background: none;
    }

    .fullpozicetyp10 {
        background: none;
    }

    .fullpozicetyp11 {
        background: none;
    }

    .fullpozicetyp12 {
        background: none;
    }

    .fullpozicetyp13 {
        background: none;
    }

    .fullpozicetyp14 {
        background: none;
    }

    .fullpozicetyp15 {
        background: none;
    }

    .fullpozicetyp16 {
        background: none;
    }
}

.facts > div {display:inline-block;width:20%;margin-left:5%;font-size:1.8em;line-height:1em;color:#333;vertical-align:top;}
.facts > div.double {width:50%}
.facts > div.half {width:10%}
.facts > div:nth-child(1) {margin-left:0}
.facts > div strong {font-weight:normal;font-size:0.5em;display:block;color:#333333}
.id {text-align:center;}
.input {border:1px #ccc solid;padding:2px;}


textarea {height:80px;font-size:1em;width:30%;border:1px #ccc solid;padding:3px; }
form .polo {width:43%;display:inline-block;margin-left:2%; padding:1px 0px 1px 2px}
form .polo input,form .polo textarea {width:100%}
form h4 {margin-top:0.4em;margin-bottom:0.2em;}
.req::before {content:"*";font-weight:bold;color:#e46200;left:-0.8em;position:absolute;top:0em;}
.req {position:relative;}
form div {display:inline-block;margin:0 5px;padding:1px 2px;}
form div.center {display:block}
form div:nth-child(1) {margin-left:0}
.submit {padding:3px 5px;background:#ffcb33;color:#fff;border:none;cursor:pointer;}
.text a.submit {text-align:center;color:#fff;display:inline-block;}
.text .marginkolem a.submit {padding:0.7em 1.2em 0.7em;}
.text a.submit:hover {text-decoration:none}
.marginkolem {padding:3em;margin-top:3em;}
.submit span {color:#fff;font-size:0.5em;display:block;}
/*.text .submit {box-shadow:0 5px 10px -5px #ccc}*/
.text .submit.mensi {/*border:1px #e0e0e0 solid;*/display:inline-block;font-size:0.8em;color:#333;background:#efefef;margin:0 auto;margin-top:0.5em;}
.text .submit.mensi span {color:#333;}
.zajem p {display:none}
.js .zajem p {display:block}
.zajem .submit, .vetsi.submit {
    font-size: 2.5em; /*width:30%;*/
    padding: 0.2em 1em;
    font-weight: 300;
    cursor: pointer;
    line-height: 1em;
}
.zajem .submit.mensi {border:none;box-shadow:none;font-size:1em;color:#333;background:#efefef;display:block;margin:0 auto;margin-top:0.5em;}
.submit:hover,.submit.mensi:hover,.text .submit.mensi:hover,.text .submit.mensi:hover span {background:#333;color:#fff}
.text .facts .mensi {display:block;font-size:0.7em;}
.text .zajem {padding:1em 0 2em;margin-top:2em;}
.text .plat {padding:1em 0 0em;margin-top:2em;}
.text .nabizime {margin-top:2em;} 
.nabizime > div {vertical-align:top;display:inline-block;width:45%;margin-left:5%}
.nabizime > div:nth-child(1) {margin-left:0}
.text .zajem p {font-size:1em;margin-top:1em;font-weight:normal}
.text p.vetsi {font-size:1.6em;font-weight:300;margin-bottom:0.8em;}

.text .m {margin:2em 0 2.4em;}

.text .plat p.vetsi {
    font-size: 2.3em;
    margin-top: 0.4em;
    line-height: 4rem;
} 
table h3 {margin-top:0.5em;}

.paging {position:relative;margin-bottom:1.5em}
.paging.top {margin-bottom:0em;margin-top:0.5em;position:relative;top:0.5em;}
.paging.inblog {border-top:1px #ddd dotted; padding-top:1em;}
.right {float:right}
.prev,.next {position:absolute;top:0;line-height:1.1em;}
.prev {left:10px;padding:5px 0;padding-left:20px;background:transparent url("../img/left.png") left center no-repeat;}
.next,.odkaz {right:10px;padding:5px 0;padding-right:20px;background:transparent url("../img/right.png") right center no-repeat;}
.prev:hover {background-image:url("../img/left_.png");}
.next:hover,.odkaz:hover {background-image:url("../img/right_.png");}
.blog .paraodkaz {text-align:right;}
.inblog .prev,.inblog .next {top:1em;} 
.zpet {line-height:1.1em;float:right;padding-right:24px;}
#zpet {position:absolute;top:0.2em;right:2em;}
.pages {text-align:center;}
.e {background:#ffcb33;padding:6px;margin:6px 0;color:#fff;font-weight:bold;}
.aktuality.borderup {background:#efefef url(../img/bgh3b.jpg) 0 0 repeat;}
.aktuality h3 {color:#e46200;margin-top:0.5em;font-size:2rem;}
.form div.borderup {padding-top:1em;margin-top:1em;}
.aktuality.borderdown {background:#fff;}
.newsbox {margin:0 3em;position:relative;}
.newsbox.full {margin:0;}
.newsbox .prevnews,.newsbox .nextnews {display:none;}
.js .newsbox .prevnews,.js .newsbox .nextnews {display:block;height:100%;width:2em;top:0;padding:0;/*position:absolute*/;transition:background 0.5s ease;cursor:pointer;}
.prevnews,.nextnews {display:block;height:100%;width:2em;top:0;padding:0;position:absolute;transition:background 0.5s ease;cursor:pointer;}
.newsbox .prevnews {right:100%;margin-right:1em;background:transparent url(../img/left.png) center center no-repeat;}
.newsbox .nextnews {left:100%;margin-left:1em;background:transparent url(../img/right.png) center center no-repeat;}
.newsbox .prevnews:hover {background-image:url(../img/left_.png);}
.newsbox .nextnews:hover {background-image:url(../img/right_.png);}
.aktualita {margin-bottom:1em}
.js .aktualita {margin-bottom:0}
.aktualita a {color:#e46200/*4c879c*/}
.aktualita strong {font-family: 'Oswald';font-size: 1.2em;font-weight: normal;}
.aktualita .file {font-size:0.9em;}
.pozice {margin:0;padding:0;text-align:center;}
.pozice.left {text-align:left;}
.text .pozice li {position:relative;font-weight:400;height:165px; width: 31%; margin:3% 0 0 3%;padding:0;display:inline-block;text-align:left;}
.text .pozice a {
    background: #fff 108% 90% no-repeat;
    color: #333;
    display: block;
    width: 100%;
    height: 100%;
    height: 165px;
    overflow: hidden;
    border: 1px #dddddd solid;
    box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);
    background-size: 90px auto;
    opacity: 0.9;
    transition: border-color .3s .3s, opacity .3s, box-shadow .5s ease;
}
.text .roh {position:absolute;top:0;left:0;width:50px;height:50px;/*background:transparent -50px 0 no-repeat;*/margin:0 !important;padding:0 !important}
.text .big.roh {background:none !important}
.text .pozice a span,.text .pozice a strong {display:block;margin:2px 10px 1px;}
.text .pozice a span {margin-left:24px;padding-top:0;padding-left:16px;padding-right:10px;}
.text .pozice a strong {padding-top:10px;padding-left:40px;margin-left:0;padding-bottom:2px;line-height:1em;}
.text .pozice li:nth-child(3n+1) {margin-left:0} 
.pozice .nazev {font-size:1.5em;font-weight: 300;color:#000/*#E46200*/; font-family:'Oswald'}
.pozice .nazev.longer {font-size:1.4em;line-height:1.2em;}
.pozice .nazev.evenlonger {font-size:1.3em;line-height:1.15em;}
.text .pozice li a:hover {
    position: absolute;
    z-index: 2000;
    width: 100%;
    height: auto;
    min-height: 90px;
    padding-bottom: 40px;
    box-shadow: 0 0 20px 0px #e46200;
    border-color: #e46200 !important;
    opacity: 1;
    transition: border-color .3s .3s, opacity .3s, box-shadow .5s ease;
}


.text .roh {background:transparent none 5px 10px no-repeat}
.text  a:hover .roh {background-position:4px 9px}

.text .pozicetyp1 .roh,.nabidka .box_1 a {background-image:url(../img/obor_1.png);}
.text .pozicetyp2 .roh,.nabidka .box_2 a {background-image:url(../img/obor_2.png);}
.text .pozicetyp3 .roh,.nabidka .box_3 a {background-image:url(../img/obor_3.png);}
.text .pozicetyp4 .roh,.nabidka .box_4 a {background-image:url(../img/obor_4.png);}
.text .pozicetyp5 .roh,.nabidka .box_5 a {background-image:url(../img/obor_5.png);}
.text .pozicetyp6 .roh,.nabidka .box_6 a {background-image:url(../img/obor_6.png);}
.text .pozicetyp7 .roh,.nabidka .box_7 a {background-image:url(../img/obor_7.png);}
.text .pozicetyp8 .roh,.nabidka .box_8 a {background-image:url(../img/obor_8.png);}
.text .pozicetyp9 .roh,.nabidka .box_9 a {background-image:url(../img/obor_9.png);}
.text .pozicetyp10 .roh,.nabidka .box_10 a {background-image:url(../img/obor_10.png);}
.text .pozicetyp11 .roh,.nabidka .box_11 a {background-image:url(../img/obor_11.png);}
.text .pozicetyp12 .roh,.nabidka .box_12 a {background-image:url(../img/obor_12.png);}
.text .pozicetyp13 .roh,.nabidka .box_13 a {background-image:url(../img/obor_13.png);}
.text .pozicetyp14 .roh,.nabidka .box_14 a {background-image:url(../img/obor_14.png);}
.text .pozicetyp15 .roh,.nabidka .box_15 a {background-image:url(../img/obor_15.png);}
.text .pozicetyp16 .roh,.nabidka .box_16 a {background-image:url(../img/obor_16.png);}

select.pozicetyp option {line-height:18px;padding-left:20px;background:#fff none 1px 1px no-repeat;background-size:16px 16px;}
select option.pozicetyp1 {background-image:url(../img/obor_1.png);}
select option.pozicetyp2 {background-image:url(../img/obor_2.png);}
select option.pozicetyp3 {background-image:url(../img/obor_3.png);}
select option.pozicetyp4 {background-image:url(../img/obor_4.png);}
select option.pozicetyp5 {background-image:url(../img/obor_5.png);}
select option.pozicetyp6 {background-image:url(../img/obor_6.png);}
select option.pozicetyp7 {background-image:url(../img/obor_7.png);}
select option.pozicetyp8 {background-image:url(../img/obor_8.png);}
select option.pozicetyp9 {background-image:url(../img/obor_9.png);}
select option.pozicetyp10 {background-image:url(../img/obor_10.png);}
select option.pozicetyp11 {background-image:url(../img/obor_11.png);}
select option.pozicetyp12 {background-image:url(../img/obor_12.png);}
select option.pozicetyp13 {background-image:url(../img/obor_13.png);}
select option.pozicetyp14 {background-image:url(../img/obor_14.png);}
select option.pozicetyp15 {background-image:url(../img/obor_15.png);}
select option.pozicetyp16 {background-image:url(../img/obor_16.png);}

/*.text .pozice li a:hover span.roh {background-position: 0 0px;animation:roh 0.5s ease;-webkit-animation:roh 0.5s ease;}*/
.text .pozice li a:after {bottom:-60px;}
.text .pozice li a:hover:after {position:absolute;left:25%;width:50%;bottom:-60px;text-align:center;bottom:8px;color:#fff;background:#E46200;padding:4px 0px;z-index:3;content:"chci vědět víc";font-size:1.1em;margin:0 auto;animation:button 0.7s;-webkit-animation:button 0.7s}
.lang_en .text .pozice li a:hover:after {content:"tell me more"}

a.button {color:#fff;display:inline-block;transition:background-color 0.2s;background:#E46200;padding:6px 12px;;text-decoration:none;}
a.button:hover,a.button:focus {background:#797979;color:#fff;text-decoration:none;}

@keyframes button {from {bottom: -60px;} to {bottom: 8px;}}
@-webkit-keyframes button {from {bottom: -60px;} to {bottom: 8px;}}

@keyframes button2 {from {right: -30px;} to {bottom: 0px;}}
@-webkit-keyframes button2 {from {bottom: -30px;} to {bottom: 0px;}}

/*@keyframes roh {from {background-position: -50px 0;} to {background-position: 0 0px;}}
@-webkit-keyframes roh {from {background-position: -50px 0;} to {background-position: 0 0px;}}
*/

@keyframes pozicehover {from {bottom: -30px;box-shadow:0 0 100px 0px rgba(255,255,255,0.8);} to {bottom: 10px;box-shadow:0 0 100px 120px rgba(255,255,255,0.8);}}
@-webkit-keyframes pozicehover {from {bottom: -30px;box-shadow:0 0 100px 0px rgba(255,255,255,0.8);} to {bottom: 10px;box-shadow:0 0 100px 120px rgba(255,255,255,0.8);}}

.text .pozice li span.plat {background:transparent url(../img/plat.gif) center left no-repeat}
.text .pozice li span.mistecko {background:transparent url(../img/misto.png) center left no-repeat}
.text .pozice li span.praxe {background:transparent url(../img/praxe-.gif) top left no-repeat}

.caroufredsel_wrapper .aktualita {
display: block;
float: left;
}

.pozadavky,.faq {border-bottom:1px #e0e0e0 solid;}
.pozadavky > div {min-height:100px;background-position:-50px 0;background-repeat:no-repeat;padding-top:2em;position:relative;top:-1px;transition:background-position 0.3s;}
.pozadavky > div:hover {background:transparent top left no-repeat;}

.text .pozadavky h3 {margin:0em 0em 20px 200px;}
.text .pozadavky p {margin:1em 0em 12px 200px}

.sloupec {display:inline-block;width:20%;margin-right:5%;vertical-align:top;}
.sloupec > div {margin:0 9px 0px;}
.sloupec span {border-radius:50%;margin:0 9px 6px 0;background:#ffcb33;color:#fff;padding:0px 6px;box-shadow:0 0 5px 0 #fff;display:inline-block;}
.sloupec .ten span {padding:0 5px;font-size:.7em;}
.sloupec a:hover span {background:#333}
.popis {margin-top:2em}

#dalsi h3 {margin:0}
#dalsi p a.vetsi.submit {font-size:1.7em;padding:0.2em 0.8em 0.6em}
#dalsi p a.vetsi.submit span {font-size:0.6em;margin-bottom:0.2em;}

a:hover #l {opacity:1}


.form {background:#f6f6f6;padding:2em;margin-top:1em;}
.form.ui-dialog {margin:1em;}
.js .form {display:none;}
.js .form#cv,.js .form#position {display:block}
#odpoved_form,#odkaz_form {display:none}
.js #odpoved_form,.js #odkaz_form {display:block;margin:0 auto;}
.js #odkaz_form {margin:0.7em auto 0.7em;}
.form .form_as {display:none}
.form .submit {font-size:1.1em;margin-top:1em;}
.form > div {display:block;margin:4px 0;font-size:1.4em;}
.form label input,.form label select {width:30%;padding:4px;border:1px #ccc solid;font-size:1em;sans-serif;}
.form label span input {width:auto}
.form label select {width:31%}
.form label input[type=file] {border:none}
.form label span {width:40%;padding-right:10px;text-align:right;display:inline-block;}
.form .err label span {color:#ffcb33;font-weight:700}
.form h2 {margin-bottom:0.4em;} 
::-webkit-input-placeholder { /* WebKit browsers */color:    #ccc;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:    #ccc;opacity:  1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:    #ccc;opacity:  1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:    #ccc;}

.submit.wait,.js #cv .submit.wait,.js #position .submit.wait {text-indent:-999em;background:#f6f6f6 url(../img/waitb.gif) center center no-repeat;box-shadow:none;}
.js .submit.wait {text-indent:-999em;background:#fff url(../img/waitb.gif) center center no-repeat;}

.submit.wait:hover {background-color:#fff} 
sup {color:#ccc;font-size:0.8em;margin-left:2.5em;position:relative;top:-0.6em;}
h3.bl sup {color:#333;font-size:0.8em;margin:0;top:0.2em}
.pozadavky sup {top:0.5em;margin-left:1em;}
.sloupec a sup {display:block;}
a:hover sup {color:#333}
.sloupec a {display:block;margin-bottom:0.2em;}
#main_center #zprava { background:#4c89c8;color: #fff;margin: 1em auto;padding: 0.5em 0 1em;text-align: center;width: 960px; }
#main_center #zprava h2 {margin:0.5em 0;}

#menu_pro-firmy,#menu_employers {position:absolute;top:-100px;right:90px;}
#menu_pro-firmy a,#menu_employers a {padding-left:0;padding-right:0;color:#ccc;font-size:12px;text-transform: none;}
#menu_pro-firmy a:after,#menu_employers a:after {content:"\25B8";padding-left:3px;}
#menu_pro-firmy a strong,#menu_employers a strong {border:none;}

#langs {z-index:12;position:absolute;top:6px;right:0px;text-align:right;}
#langs a {color:#fff;font-size:12px;text-decoration:none;text-transform: none;margin-left:16px;}
#langs a:hover {color:#E46200;}
#langs a span,.langs a span {position:relative;top:1px;border:1px #fff solid;vertical-align:text-top;border-radius:50%;margin-right:6px;width:12px;height:12px;display:inline-block;background:#fff center center no-repeat}
.langs a span {top:2px;}
#langs a:hover span,.langs a:hover span {border-color:#E46200}
#langs a#lang_cs span,a.lang_cs span {background-image:url(../img/flag_czech_republic.png)}
#langs a#lang_de span,a.lang_de span {background-image:url(../img/flag_germany.png)}
#langs a#lang_en span,a.lang_en span {background-image:url(../img/flag_great_britain.png)}

#langs a
.fb_iframe_widget {border:1px #efefef solid;padding:0 13px 2px}
.fb_iframe_widget > span {vertical-align:middle !important}

.blog .foto {display:block;position:relative;border:1px #ccc solid;height:160px;width:100%;overflow:hidden;margin-bottom:0.5em;background:#fff center center no-repeat;background-size:cover;}
.blog .foto {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%);}
.blog a.f {display:block}
.blog a.f:hover .foto,.blog.hover a.f .foto {filter:none;}
.blog.hover h3 a {text-decoration:underline;color:#333}
.blog h3 {margin:0.6em 0 0.6em;line-height:1.1em;}
h3.bl a {color:#333;text-decoration:none}
h3.bl a:hover,h3.bl a:focus {text-decoration:underline}
.blog.second {margin-right:0}
.gr {background:#f6f6f6;padding:1em;}
#langswitch {position:absolute;top:-100px;left:50%;text-align:center;width:300px;margin:0 auto;padding:1em;background:rgb(255,255,204);z-index:112;box-shadow:0 5px 10px -5px #ccc;margin-left:-150px;animation:langup 3.5s ease-in-out;-webkit-animation:langup 3.5s ease-in-out}
@keyframes langup {0% {top: 0;} 80% {top: 0;}  100% {top: -100px;}}
@-webkit-keyframes langup {0% {top: 0;} 80% {top: 0;}  100% {top: -100px;}}
p em {padding-right:2px}

#head,#mainmenu,#main {background:none;}
#mainmenu {z-index:20;width:100%;}
#mainmenu a:hover {background:#797979;color:#fff}
#mainmenu_center {z-index:20;}
#main_center {background:#fff}
#logo h1 a {color:#fff}
#l {opacity:1}
.col {vertical-align:top;width:30%;margin-right:3%;display:inline-block;}
.polo {vertical-align:top;width:45%;display:inline-block;margin-right:4.7%;}
form label:hover,form label.cur {color:#e46200;}
form label input:hover,form label input:focus,form label textarea:hover,form label textarea:focus {border-color:#e46200}
.bl strong {color:#e46200;}
.hr {display:block;margin-top:1em;overflow:hidden;clear:both;height:1px;border-top:1px #e0e0e0 solid;margin-bottom:2em;}
#wrap {background:#e35a07 url(../img/bg4.png) fixed center center no-repeat;background-size:cover;}
#logo h1 a {color:rgba(0,0,0,0.16);}
#logo h1 a span {color:#e46200}
#mainmenu a {color:#000}
#mainmenu_center {padding-top:0.2em;}
#langs a {color:#000}
#langs a span {border-color:#ccc}
.text.nom {margin-top:0;}
.aktuality.borderup {background:#f6f6f6;border:1px none;border-top:1px #e0e0e0 solid;bottom:0;width:100%;left:0;}

.text .misto a.submit {padding:0.3em 1.3em 0.65em}
.text .misto .submit span {margin-bottom:0.5em}
.submit {/*background:rgba(255,203,51,0.5) none repeat scroll 0 0;*/background:#E46200; transition:background 0.5s;}
input.bigger {font-size:1.05em;padding-left:1em;padding-right:1em;}

.text .submit.mensi {
  transition:background 0.5s;
  /*background: rgba(255,255,255,0.5) none repeat scroll 0 0;*/
  background: rgba(0,0,0,0.25);
  border: none;
  color:#fff;
}
.text .submit.mensi span {color:#fff}

.text .submit.mensi:hover {
  border: none;
  color:#fff;
}
.text .submit.mensi:hover span {
  color:#fff; background:none
}
form #souhlas label {position:relative;top:0.2em;font-size:0.8em;}
form #souhlas label span {display:block;float:left;}

.citace {color:#999;display:block;margin-top:0.5em;}
.zacatekCitace,.konecCitace {position:relative;}
.zacatekCitace::before,.konecCitace::after {line-height:0;font-family:"Times New Roman",serif;font-weight:bold;display:block;position:absolute;font-size:5em;color:rgba(60,60,60,0.2)}
.zacatekCitace::before {content:"„";right:0}
.konecCitace {position:relative;top:-0.3em;display:inline-block;left:0.3em;}
.konecCitace::after {content:"“";left:0;}

@media (max-width:1000px) {
.wrap {width:100%;}
#slogan2 {font-size:2em;}
.box,#main_center #zprava,.nabidka > div,#mainmenu_center {width:100%;}
/*#submenu_center,#footer_center,.nabidka,.text {width:auto;padding-right:20px;padding-left:20px;}*/
#logo {margin-left:20px;width:auto;}
#langs {right:20px;}
#blog div.foto {height:230px;}
#logo h1 span#slogan2 {right:20px;}
@keyframes hs70 {0% {top: 0px;} 20% {top:0px} 80% {top: -7%} 100% {top: -7%;}}
@-webkit-keyframes hs70 {0% {top: 0px;} 20% {top:0px} 80% {top: -7} 100% {top: -7;}}
@keyframes hs134 {0% {top: 0px;} 20% {top:0px} 80% {top: -13.4%} 100% {top: -13.4%;}}
@-webkit-keyframes hs134 {0% {top: 0px;} 20% {top:0px} 80% {top: -13.4%} 100% {top: -13.4%;}}
@keyframes hs230 {0% {top: 0px;} 20% {top:0px} 80% {top: -23%} 100% {top: -23%;}}
@-webkit-keyframes hs230 {0% {top: 0px;} 20% {top:0px} 80% {top: -23%} 100% {top: -23%;}}
@keyframes hs390 {0% {top: 0px;} 20% {top:0px} 80% {top: -39%} 100% {top: -39%;}}
@-webkit-keyframes hs390 {0% {top: 0px;} 20% {top:0px} 80% {top: -39%} 100% {top: -39%;}}
@keyframes hs488 {0% {top: 0px;} 20% {top:0px} 80% {top: -48.8x} 100% {top: -48.8%;}}
@-webkit-keyframes hs488 {0% {top: 0px;} 20% {top:0px} 80% {top: -48.8%} 100% {top: -48.8%;}}
@keyframes hs550 {0% {top: 0px;} 20% {top:0px} 80% {top: -55%} 100% {top: -55%;}}
@-webkit-keyframes hs550 {0% {top: 0px;} 20% {top:0px} 80% {top: -55%} 100% {top: -55%;}}
@keyframes hs622 {0% {top: 0px;} 18% {top:0px} 82% {top: -62.2%} 100% {top: -62.2%;}}
@-webkit-keyframes hs622 {0% {top: 0px;} 18% {top:0px} 82% {top: -62.2%} 100% {top: -62.2%;}}
@keyframes hs710 {0% {top: 0px;} 16% {top:0px} 84% {top: -71%} 100% {top: -71%;}}
@-webkit-keyframes hs710 {0% {top: 0px;} 16% {top:0px} 84% {top: -71%} 100% {top: -71%;}}
@keyframes hs816 {0% {top: 0px;} 14% {top:0px} 86% {top: -81.6%} 100% {top: -81.6%;}}
@-webkit-keyframes hs816 {0% {top: 0px;} 14% {top:0px} 86% {top: -81.6%} 100% {top: -81.6%;}}
@keyframes hs950 {0% {top: 0px;} 12% {top:0px} 88% {top: -95%} 100% {top: -95%;}}
@-webkit-keyframes hs950 {0% {top: 0px;} 12% {top:0px} 88% {top: -95%} 100% {top: -95%;}}
@keyframes hs1121 {0% {top: 0px;} 10% {top:0px} 90% {top: -112.1%} 100% {top: -112.1%;}}
@-webkit-keyframes hs1121 {0% {top: 0px;} 10% {top:0px} 90% {top: -112.1%} 100% {top: -112.1%;}}
@keyframes hs1350 {0% {top: 0px;} 8% {top:0px} 92% {top: -135%} 100% {top: -135%;}}
@-webkit-keyframes hs1350 {0% {top: 0px;} 8% {top:0px} 92% {top: -135%} 100% {top: -135%;}}
@keyframes hs1670 {0% {top: 0px;} 6% {top:0px} 80% {top: -167%} 100% {top: -167%;}}
@-webkit-keyframes hs1670 {0% {top: 0px;} 6% {top:0px} 94% {top: -167%} 100% {top: -167%;}}
@keyframes hs2150 {0% {top: 0px;} 4% {top:0px} 96% {top: -215%} 100% {top: -215%;}}
@-webkit-keyframes hs2150 {0% {top: 0px;} 4% {top:0px} 96% {top: -215%} 100% {top: -215%;}}
}

@media (max-width:887px) {
#blog div.foto {height:205px;}
#logo h1 span#slogan2 {font-size:0.7em;top:1.8em;}
.text .pozice a {background-position:112% 90%}
}
@media (max-width:990px) {
.text ul.pozice li,#foot div,.nabidka .box,.col,.polo {width:auto;display:block;}
#foot div {margin-left:0;}
.text ul.pozice li {margin:3% 0}
.nabidka .box a {width:auto;}
#blog div.foto {height:179px;}
#logo h1 span#slogan2 {font-size:0.8em;top:0em;right:auto;position:relative;text-align:center;display:block;margin-top:0.5em;}
.nabizime > div,.facts > div,.detail .popis {width:auto;margin:6% 0;display:block;}

.facts > div.double {width:auto;}
.text .pozice a {background-position:102% 90%}

}

@media (max-width:687px) {
#blog div.foto {height:153px;}
.text .pozice a {background-position:104% 90%}
}
@media (max-width:587px) {
#blog div.foto {height:127px;}
.text .pozice a {background-position:103% 90%}
}
@media (max-width:487px) {
#blog div.foto {height:130px;}
}
@media (max-width:387px) {
#blog div.foto {height:100px;}
.detail > div {background:none}
}

/*úpravy srpen/září 2018;*/

.dropdown-item, .nav-item{
       transition: background ease .3s, color ease .3s ;
}

.dropdown-item:hover, .nav-item:hover{
       transition: background ease .3s, color ease .3s ;
}

.no-border-radius{
border-radius: 0px !important;
}

.nav-item{
transition: padding-right .3s ease, margin-right ease .3s;

}

.nav-item:hover{
transition: padding-right .3s ease, margin-right ease .3s .1s;

}


@media screen and (min-width: 1250px) {
    .nav-item {
        padding-right: 40px !important;
        margin-left: 0px !important;
    }

        .nav-item:hover, .nav-active {
            padding-right: 62px !important;
            margin-right: 0px !important;
        }


}


.nav-icon {
    height: 40px;
    width: 40px;
    margin-top: -2px;
    margin-bottom: 0px;
    transition: background ease .3s, margin .3s, width .3s, height .3s;
    background-size: contain;
}


.nav-item:hover .nav-icon, .nav-active .nav-icon {
    margin-top: -6px;
    margin-bottom: -4px;
    transition: background ease .3s, margin .3s, width .3s, height .3s;
    height: 48px;
    width: 48px;
}


.nav-icon-cv{
background-image: url(../img/nav/nav-cv.png);
}


.nav-icon-agency{
background-image: url(../img/nav/nav-agency.png);
}

.nav-icon-pozice{
background-image: url(../img/nav/nav-pozice.png);
}

.nav-icon-zajemci{
background-image: url(../img/nav/nav-zajemci.png);
}

.nav-icon-zamestnavatele{
background-image: url(../img/nav/nav-zamestnavatele.png);
}

.nav-icon-blog{
background-image: url(../img/nav/nav-blog.png);
}

/*.nav-link:hover .nav-icon-agency, */.nav-active .nav-icon-agency {
    background-image: url(../img/nav/nav-agency-active.png);
}

/*.nav-link:hover .nav-icon-pozice, */.nav-active .nav-icon-pozice {
    background-image: url(../img/nav/nav-pozice-active.png);
}

/*.nav-link:hover .nav-icon-zajemci,*/.nav-active .nav-icon-zajemci {
    background-image: url(../img/nav/nav-zajemci-active.png);
}

/*.nav-link:hover .nav-icon-zamestnavatele,*/ .nav-active .nav-icon-zamestnavatele {
    background-image: url(../img/nav/nav-zamestnavatele-active.png);
}

/*.nav-link:hover .nav-icon-cv,*/ .nav-active .nav-icon-cv {
    background-image: url(../img/nav/nav-cv-active.png);
}

/*.nav-link:hover .nav-icon-blog,*/ .nav-active .nav-icon-blog{
background-image: url(../img/nav/nav-blog-active.png);
}
   
.nav-active{
    background: #e46200;
}

.nav-active .nav-link{
    color: white !important;

}

.dropdown-item:hover, .dropdown-item-active{
    background-color: #ccc !important;
    color: #e46200 !important;
}

.dropdown-menu li{
    width: 100%;
}

.dropdown-item{
    width: 100%;
    text-transform: none !important;
    padding: 10px !important;
}


@media screen and (min-width: 992px) and (max-width: 1249px) {
    .nav-item .middle-text {
        display: none !important;
        padding-right: 0px;
        transform: scale(1);
        transition: display .3s, padding-right ease .3s, background ease .3s, color ease .3s;
    }

    .nav-item:hover .middle-text, #mainmenu li:hover > a > .middle-text, .nav-active > a > .middle-text {
        display: block !important;
        transform: scale(1);
        padding-right: 60px;
        transition: display .3s, padding-right ease .3s, background ease .3s, color ease .3s;
    }

    

}

#mainmenu a{
    height: 100%;
}

@media screen and (max-width: 1249px) {
    .nav-link {
        width: 100%;
    }
}

.submit{
    padding: 2rem 5rem !important;
    margin: 2rem 0rem;
    width: 100%;
    font-size: 2.5rem;
    font-variant: small-caps;
}

.submit-star {
    width: 64px;
    height: 64px;
    background-image: url(../img/nav/ico-star.png);
}

.submit-medaile {
    width: 64px;
    height: 64px;
    background-image: url(../img/nav/ico-medaile.png);
}

.submit-text{
    margin-top: 13px;
    line-height: 3.2rem;
}


@media screen and (max-width: 991px)
{
    h1{
        font-size: 2rem;
    }
}

@media screen and (max-width: 768px)
{
    .submit{
        padding: 1rem !important;
        margin: 1rem;
    }
}

.bg-orange{
    background-color: #e46200;
}

.bg-orange img{
    margin: 0.3rem;
}

.footer-ladcz{
    padding-bottom: 2rem;
    padding-top: 2rem;
    color: white;
    text-align: left !important;
}

.footer-ladcz a{
    color: white!important ;
    
}


#copy {
    margin: 0 0 16px 0;
}

     #copy a {
        color: #fff; /*color:#ffcb33;*/
        text-decoration: none
    }

         #copy a img {
            background: #ff9d0c;
            display: inline-block;
            margin-top: 2px;
            margin-bottom: 10px
        }

         #copy a:hover {
            text-decoration: none
        }


        #copy a:hover img {
            background: #fff;
        }


        .btn-orange {
            background-color: #e46200 !important;
            text-decoration: none !important;
            color: white !important;
        }

        .btn-orange:hover{
            background-color: #797979 !important;
        }

        .form-control, .btn{
            border-radius: 0px !important;
        }

        .pozice_filter_active{
            font-weight: bold;
            color: #e46200;

        }

        .pozice_filter_active select{
            border-color: #e46200;
        }

        .article{
            animation: fade 1s ease;
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


@keyframes prijezd {
    0% {
        margin-right: -10%;
    }


    100% {
        margin-right: 0px;
    }
}

.nabidka{
    animation: prijezd .6s;
}


.navbar-toggler-icon {
    background-image: url(../img/nav/hamb.png);
}

.navbar{
    font-size: 1.2rem;
}