/**
 * JSR
 * styly.css
 * Soubor s CSS styly pro zobrazení v prohlížeči.
 *
 * @package zaklad
 *
 * @author Josef Šmíd <josef@skit.cz>
 * @copyright (c) 2007-2023 Josef Šmíd
 * @version 2.1.0
 */


/* základní nastavení */

@font-face { font-family: ProximaNova; src: url( './proximanova/proxima-nova-thin.woff' ) format( 'woff' ); font-weight: 100; font-style:normal; }
@font-face { font-family: ProximaNova; src: url( './proximanova/proxima-nova-light.woff' ) format( 'woff' ); font-weight: 300; font-style:normal; }
@font-face { font-family: ProximaNova; src: url( './proximanova/proxima-nova-regular.woff' ) format( 'woff' ); font-weight: 400; font-style:normal; }
@font-face { font-family: ProximaNova; src: url( './proximanova/proxima-nova-semibold.woff' ) format( 'woff' ); font-weight: 600; font-style:normal; }
@font-face { font-family: ProximaNova; src: url( './proximanova/proxima-nova-bold.woff' ) format( 'woff' ); font-weight: 700; font-style:normal; }
@font-face { font-family: ProximaNova; src: url( './proximanova/proxima-nova-extrabold.woff' ) format( 'woff' ); font-weight: 800; font-style:normal; }
@font-face { font-family: ProximaNova; src: url( './proximanova/proxima-nova-black.woff' ) format( 'woff' ); font-weight: 900; font-style:normal; }

* { margin: 0; padding: 0; outline: 0; }

body, td, th, li, textarea
{
  font-family: 'ProximaNova',sans-serif;
  color: #000;
  font-size: 100%;
}

body { background-color: #fff; font-size: 16px !important; min-width: 320px; }
body.homepage { background-color: #f5f5f5; }

h1,h2,h3,h4,h5,h6,p.nadpis_h2,p.nadpis_h3 { font-family: 'ProximaNova',sans-serif; font-weight: 700; padding-bottom: 10px; }
h1 { font-size: 200%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }

.onlyone h1{font-family: 'ProximaNova',sans-serif;font-size:12px;text-transform: uppercase;color:#A0A0A0;margin-top: 10px;width:35%;position:absolute;text-align:center;padding:0;font-weight: 400;left:32%;line-height:  18px;}
.onlyone p{font-family: 'ProximaNova',sans-serif;font-size:12px;text-transform: uppercase;color:#A0A0A0;margin-top: 10px;width:35%;position:absolute;text-align:center;padding:0;font-weight: 400;left:32%;line-height:  18px;}
h1.pageHead { font-weight: 300; font-size: 150%; display:  inline-block;}

p {  }

p.lineheight { line-height: 150%; padding-bottom: 15px; }

ul, ol { margin: 10px 20px; }

a { color: #ff5001; text-decoration: none; }
a:hover { color: #ff6700; }

img { border: none; }
img#loading { vertical-align: middle; height: 25px; width: auto; margin-left: 3px; display: none; }
img.avatar { height: 50px; width: auto; vertical-align: middle; margin-right: 10px; }

table
{
  border: 1px solid #ccc;
  margin: 10px auto;
  border-spacing: 0;
  border-collapse: collapse;
}

caption
{
  font-size: 80%;
  font-style: italic;
}

td, th
{
  color: #757575;
  padding: 10px;
  border: 1px solid #ccc;
  vertical-align: middle
}

th
{
  background-color: #c0c0c0;
  font-weight: bold;
  text-align: center;
}

table.form, table.form td, table.form th { border: none; }

fieldset { border: none; padding: 0; margin: 0; }
h3 + fieldset { padding-bottom: 40px; }

input, select, textarea { font-family: 'ProximaNova',sans-serif; font-size: 110%; padding: 10px; box-sizing: content-box; }
input:disabled, select:disabled, textarea:disabled { background-color: #e0e0e0; }

input[type="text"], input[type="password"], select, textarea { border: 1px solid #ccc; }

input[type="submit"], a.button, button { padding: 15px 30px; color: #fff; background-color: #ff6700; transition: all 0.3s ease; border: none; text-transform: uppercase;
background-position: center center; background-repeat: no-repeat; background-size: 20px; font-weight: 400;  -webkit-appearance: none !important;appearance: none;-blink-appearance: none;}
input[type="submit"].greyButton, a.button.greyButton, button.greyButton { background-color: #757575; }

input[type="submit"]:hover, input[type="submit"]:focus, a.button:hover, a.button:focus, button:hover, button:focus
{
  background-color: #000;
  cursor: pointer;
}

button:disabled, button:disabled:hover { background-color: #e0e0e0; }

input[type=radio]:checked, input[type=checkbox]:checked, input[type=text]:focus, select:focus, textarea:focus, input[type=password]:focus { box-shadow: 0px 0px 3px rgb(0,0,0); }

input.loading, select.loading, button.loading, a.button.loading, ul.menusub.loading { background-color: transparent; background-image: url('./../libs/jquery/images/loading.gif'); background-position: center right; background-repeat: no-repeat; }

label:hover { cursor: pointer; color: #ff6700; }

ul.form { margin: 0; padding: 0; }
ul.form li { list-style: none ; margin: 0; padding: 0; }

ul.form table, ul.form td, ul.form th { border-spacing: 0; border: none; margin: 0; padding: 0; vertical-align: top; }
ul.form table { width: 100%; }
ul.form td, ul.form li { padding-bottom: 20px; }
ul.form td li { padding-bottom: 0; }
ul.form td + td { padding-left: 40px; }
ul.form td + td.w15pct { padding-left: 20px; }

ul.form label { display: inline-block; width: auto; padding-bottom: 5px; }
ul.form label.inline { width: auto; }
ul.form label.req:after { content: " *"; color: #ff6700; font-weight: bold; font-size: 120%; }

ul.form input.textbox, ul.form select.textbox, ul.form textarea.textbox { width: calc( 100% - 22px ); }
ul.form input.textbox[data-fieldsize="verify"] { width: calc( 100% - 140px ); margin-left: 30px; }

ul.form .reg_unreg { padding-bottom: 30px; }
ul.form .reg_unreg label { width: auto; }
ul.form .reg_unreg label:first-of-type { width: auto; margin-right: 40px; }

#reklamace{margin:2%;}
/* speciální společné prvky ***************************************************/

.full { width: 100%; }
.basic { width: 1140px; margin: 0 auto; }
.narrow { width: 1000px; margin: 0 auto; }
.righthalf { width: 570px; padding-left: 570px; margin: 0 auto; }
.w50pct { width: 48%; }
.w15pct { width: 15%; }
.levy { text-align: left; }
.stred { text-align: center; }
.pravy { text-align: right; }

.vlevo { float: left; }
.vpravo { float: right; }

.bgwhite,
#zapati_whole.bgwhite,
#zapati_spacer.bgwhite
{ background-color: #fff; }

.bglightblue,
#obsah.bglightblue
{ background-color: #eef3f7; background-image: none; }

div.mezera { width: 100%; clear: both; }
.clear:after,
#zahlavi_slider div:after
{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
span.helper { display: inline-block; width: 0; height: 100%; vertical-align: middle; }

.noprint { }
.noprintall { visibility: hidden; display: none; }
.nodisplay { display: none; }
.hidden { display: none; }


.infoicon { cursor: pointer; }
.helpdesc { display: none; position: absolute; bottom: 30px; left: -30px; border: 4px solid #333; line-height: 150%; border-radius: 4px; width: auto; text-align: left; padding: 10px; background-color: #fff; z-index: 140; font-size: 90%; font-weight: normal; color: #000; width: 200px; }
.helpdesc p { padding-bottom: 10px; }
.helpdesc p:last-child { padding-bottom: 0; }

label div.helpdesc_outer { position: relative; display: inline-block; }
label .infoicon { display: inline-block; background-color: #616161; color: #fff; line-height: 16px;font-size: 80%; text-align: center; border-radius: 10px; width: 14px; height: 14px; }
label .infoicon:hover { background-color: #ff6700; }

.newsbox_left { width: 28%; margin-right: 3% }
  .newsbox_left img { padding-left: 20px; vertical-align: middle; }
.newsbox_middle { width: 40%; margin-right: 3%; color: #434648; line-height: 180%; }
.newsbox_right { width: 25%; }

.fixedheader { position: fixed; top: -14px; left: 0; z-index: 50; }

/* chybové hlášky ************************ */

.oxValidateError { display: none; clear: both; font-size: 80%; color: #f23835; padding: 0; margin: 0; }
.oxValidateError span { display: none; }
/*.oxValidateError span.req { float: none; display: inline; }*/
.oxInValid p { color: #f23835; }
.oxInValid input, .oxInValid select, .oxInValid textarea, .oxInValid input:focus { }
.oxInValid input[type=text], .oxInValid input[type=password], .oxInValid select, .oxInValid textarea { border-color: #f23835; }
/*.oxInValid .oxValidateError, .oxInValid .oxValidateError .js-oxError_postError { display: block; }*/
/*.oxDisabled label { color: #e0e0e0; }
.oxDisabled input { background-color: #e0e0e0; }*/

.status { padding: 15px 30px; margin: 10px 0; text-align: left; }
/*.status p { margin: 0; }*/
.error { color: #f23835; border: 2px solid #f23835 ; background-color: #fed8d2; }
.warng { border: 2px solid #B2A46E; color: #404040; background-color: #F6E6AB; }
.success { border: 2px solid #edf8cb; color: #323b16; background-color: #f8ffe3; }

.error a { color: #f23835; text-decoration: underline; }
.error a:hover, .error a:focus { color: #000; }







/* základní layout webu *******************************************************/

#hlavni { position: relative; }

#titulek { height: 125px; position: relative; z-index: 10; }

  #logo { width: 100%; display: table-cell; vertical-align: top; height: 85px; padding: 20px 10px; background-color: #fff; border-spacing: 0; }

  #menu { font-size: 90%; width: auto; display: table-cell; vertical-align: top; white-space: nowrap; border-spacing: 0; background: transparent url( './../images/bgmenuspace.jpg' ) bottom left no-repeat; }
  #menu a { color: #000; height: 125px; border: none; text-transform: uppercase; display: inline-block; vertical-align: middle; background: none; background-color: #fff; padding: 0 30px; }
  #menu a:hover, #menu a.focus, #menu a.aktivni { font-weight: 700; color: #000; background: transparent url( './../images/bgmenu.png' ) bottom center no-repeat; }
  #menu a sup { color: #ff0000; padding-left: 4px; font-size: 70%; }
  #menu a::after {
    display: block;
    content: attr(title);
    font-weight: 700;
    height: 0;
    overflow: hidden;
    visibility: hidden;
  }

  /* dropdown menu */
  .dropdown, .dropdown ul { list-style: none; margin: 0; padding: 0; }
  .dropdown li.head { display: inline-block; height: 125px; vertical-align: middle; }
  .dropdown li.head a {  }
  .dropdown li.head a img { display: none; }
  .dropdown li.head ul { display: none; }

  .delimiter { display: inline-block; vertical-align: top; width: 2px; height: 125px; background-color: #fff;  }
  .delimiter div { border-left: 2px dotted #411f52; width: 0; height: 10px; margin-top: 55px; }

  .space { display: inline-block; vertical-align: top; width: 50px; height: 125px; background-color: #fff; }

   .menu_tel{
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #ff7600;
    overflow-x: hidden;
    transition: 0.5s;

}
.menu_tel a {
    padding: 8px 0px 8px 30%;
    text-decoration: none;
    font-size: 25px;
    border-bottom:none;
    color: white;
    display: block;
    transition: 0.3s;
}
.menu_tel div{
    padding: 20px 0px 20px 0px;
}
.menu_tel div a {
    padding: 8px 0px 8px 30%;
    text-decoration: none;
    font-size: 20px;

    color: white;
    display: block;
    transition: 0.3s;
}
.menu_tel a:nth-child(2)
{
    margin-top: 110px;
}
.menu_tel div a:nth-child(2)
{
    margin-top: 0px;
}
.menu_tel a:hover {
    color: #f1f1f1;
}

.menu_tel .closebtn_tel {
    position: absolute;
    top: 25px;
    /* width: 60px; */
    /* height: 49px; */
    right: 25px;
    font-size: 40px;
    line-height: 20px;
    font-weight: 700;
    /* margin-left: 50px; */
    /* padding: 0px; */
    padding: 22px 20px 22px 20px;
    text-align: center;
    background-color: #d95808;
    /* background-color: white; */
    border-radius: 33px;
}
.menu_tel_open
{
    overflow-x: hidden;
    background-color: #ff7600;
}
.menu_open_tel
{
  width: 40%;
}
.open_tel {
    position: absolute !important;
    transform: scale(.84) translateX(-40%) translateZ(0)!important;
    height: 100% !important;
    overflow-x: hidden;
    overflow-y: hidden;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
}

.opens_tel{
    position: relative;
}
.openbtn_tel {
        font-size: 357%;
    cursor: pointer;
    background-color: #111;
    color: white;
    background-color: #4e2f5e;
    padding: 29px 38px;
    border: none;
    float: right;
    top: 0;
    display: none;
}

.openbtn_tel:hover {
    background-color: #4e2f5e;
    border: none;
    outline: none;
}

#zahlavi_whole { background: transparent url( './../images/bgheader.jpg' ) top center repeat-x; }

  #zahlavi { padding: 140px 0 170px 0; color: #fff; font-weight: 300; }
  #zahlavi h1 { font-weight: 300; width: 60%; margin: 0 auto; }

  #zahlavi_slider_outer { }
  #zahlavi_slider_right { margin-left: 50%; width: 50%; background-color: transparent; }
  #zahlavi_slider { font-size: 140%; color: #123466; line-height: 190%; }
  #zahlavi_slider div { padding: 40px 45px 0 170px; height: 320px; position: relative; background-color: #fff !important; }
  #zahlavi_slider div img { position: absolute; top: -100px; left: -570px; float: left; margin-right: 50px; }
  #zahlavi_slider div a { font-size: 70%; padding: 5px 30px; }

  #slider_controls { padding-bottom: 40px; background-color: transparent; }
  #slider_next, #slider_prev { width: 28px; height: 28px; cursor: pointer; display: inline-block; margin-right: 40px; }
  #slider_prev { background: transparent url( './../images/slider_prev.png' ) center center no-repeat; }
  #slider_next { background: transparent url( './../images/slider_next.png' ) center center no-repeat; }

#obsah { min-height: 400px; position: relative; top: -14px; z-index: 9; background-image: url( './../images/bgbrands.jpg' ); background-attachment: fixed; background-size: cover; }

#zahlavi_general_whole { background: transparent url( './../images/bgheader.jpg' ) top center repeat-x; padding: 100px 0; }

  #zahlavi_general { color: #fff; font-weight: 300; }
  #zahlavi_general h1 { font-weight: 300; width: 60%; margin: 0 auto; }

  #zahlavi_general_content { background-color: #fff; font-size: 140%; color: #123466; line-height: 190%; padding: 40px 0 30px 0; margin-top: 70px; }
  #zahlavi_general_content p { padding: 0 40px 10px 40px; }

#brands_whole { padding: 80px 0; }

  #brands { padding-bottom: 50px; }
  #brands p.nadpis_h2 { padding-bottom: 40px; }
  #brands a { border: none; }
  #brands img { vertical-align: middle; }

  #news { box-shadow: 0px 0px 35px 0px rgba(154,119,171,0.3); padding: 40px 0; background-color: #fff; }

#about_whole { background-position: top center; background-repeat: no-repeat; background-size: contain; }

  #about { color: #fff; padding: 15% 0 9% 0; font-size: 140%; font-weight: 300; line-height: 170%; width: 800px; }
  #about h2 { color: #fff; font-size: 290%; padding-bottom: 50px; }

  #about_stats { color: #fff; background-color: #4e2f5e; padding: 32px 0 42px 0; }
  #about_stats div { float: left; width: 20%; text-align: left; padding-left: 8%; padding-right: 4%; background: transparent url( './../images/bgstats.png' ) center left no-repeat;  }
  #about_stats div:first-child { background: none;  }
  #about_stats div strong { color: #eb2e8b; font-size: 300%; font-weight: 800; }

#partners_whole { padding: 80px 0 100px 0; }

  #partners_top { padding-bottom: 60px; }

  #partners_middle a { display: inline-block; width: 255px; height: 110px; border: 1px solid #edf2fa; background-color: #edf2fa; margin: 10px; overflow: hidden; }
  #partners_middle a:after { visibility: hidden; display: inline-block; vertical-align: middle; width: 0; content: " "; height: 100%; }
  #partners_middle a:hover, #partners_middle a:focus { background-color: #fff; }
  #partners_middle img { display: inline-block; vertical-align: middle; }

  #partners_bottom { padding-top: 40px; position: relative; }
  #partners_bottom em { position: absolute; top: 40px; left: 63%; display: block; float: right; padding-top: 30px; padding-left: 20px; font-family: 'Kavivanar',sans-serif; font-size: 90%; font-style: normal; color: #3c194d; transform: rotate(-5deg); background: transparent url( './../images/arrow_partners.png' ) top left no-repeat; }

#bnews_whole { padding: 20px 0 60px 0; }

  #bnews { box-shadow: 0px 0px 35px 0px rgba(154,119,171,0.3); padding: 40px 0; background-color: #fff; }









#content { padding: 60px 0; line-height: 170%; }

  #content p { padding-bottom: 15px; }


#prefooter_whole { background-color: #3c194d; padding: 80px 0; }

  #prefooter { background-color: #fff; padding: 30px 0; }






#opening_whole { background-color: #eef3f7; background-position: top center; background-repeat: no-repeat; position: relative; padding-bottom: 60px; }

  #opening_logo { position: absolute; top: 40%; left: 0; }
  #opening_logo a { border: none; }

  #opening { background-color: #fff; width: 660px; padding: 60px; position: relative; top: 180px; left: 38%; }

  #opening_header { padding: 40px 0; font-size: 120%; }
  #opening_header h1 { font-weight: 700; text-transform: uppercase; padding-bottom: 30px; position: relative; }
  #opening_header h1 img { float: right; position: relative; top: -30px; }

  #opening_text { padding: 0px 0; position: relative; }
  #opening_text img { float: left; margin-right: 40px; position: relative; top: -20px; }
  #opening_text p { line-height: 170%; }

  #opening_links img { vertical-align: middle; }
  #opening_links a.button.blue { padding-left: 60px; padding-right: 60px; vertical-align: middle; }
  #opening_links a.button.blue img { padding-right: 20px; display: inline-block; vertical-align: top; }
  #opening_links a.button.blue:hover img, #opening_links a.button.blue:focus img { filter: invert(100%); }

#opening_menu_whole { background-color: #3b184d; padding: 80px 0; color: #fff; }
#opening_menu_whole.fixedheader { padding: 10px 0; }

  #opening_menu { padding-top: 90px; font-size: 90%; }
  .fixedheader #opening_menu { padding-top: 14px; }
  #opening_menu a { display: inline-block; color: #fff; border: none; text-transform: uppercase; padding: 10px 25px; font-weight: 700; }
  #opening_menu a:focus, #opening_menu a:hover { text-decoration: underline; }
  #opening_menu a:not(:last-child)::after {
    display: inline-block;
    content: "";
    border-left: 2px dotted #fff;
    margin-left: 50px;
    width: 0;
    height: 10px;
    overflow: hidden;
  }

#opening_prods_whole { background-color: #eef3f7; }

  #opening_prods_header { padding: 100px 0; position: relative; }
  #opening_prods_header strong { color: #4e2f5e; font-size: 70%; display: inline-block; padding-bottom: 10px; vertical-align: top; }
  #opening_prods_header a { background-color: #dedfe7; }
  #opening_prods_header em { position: absolute; top: 140px; left: 75%; display: block; float: right; padding-left: 45px; font-family: 'Kavivanar',sans-serif; font-size: 80%; font-style: normal; color: #3c194d; transform: rotate(-5deg); background: transparent url( './../images/arrow_contacts.png' ) bottom left no-repeat; }

  #opening_prods {}
  #opening_prods div { background-color: #fff; margin: 0 2px 2px 0; width: calc(33.3333334% - 2px); height: auto; float: left; padding: 4% 0; font-weight: 300; }
  #opening_prods div p:first-child { display: inline-block; max-width: 100%; max-height: 370px; }
  #opening_prods div p:first-child:after { visibility: hidden; display: inline-block; vertical-align: middle; width: 0; content: " "; height: 100%; }
  #opening_prods div p:first-child img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
  #opening_prods div h3 { font-weight: 700; padding: 40px 0 10px 0; }
  #opening_prods div strong { font-size: 200%; font-weight: 300; color: #ff0000; }

  #opening_prods_footer { padding: -1px 0 100px 0; font-size: 90%; }

  #opening_prods_discount { background-position: top center; background-repeat: no-repeat; background-size: contain; padding-bottom: 100px; }

  #opening_prods_discount_top { color: #fff; padding-top: 60px; padding-bottom: 50px; font-weight: 300; font-size: 160%; }
  #opening_prods_discount_top h2, #opening_prods_discount_top p.nadpis_h2 { color: #fff; padding: 10px 0; }
  #opening_prods_discount_top p:first-child { padding-bottom: 60px;}
  #opening_prods_discount_top strong { font-weight: 700; background-color: #92168b; border-radius: 20px; padding: 4px 15px; white-space: nowrap; border: none; }
  #opening_prods_discount_top em { display: inline-block; margin-bottom: 50px; background-color: #513061; border-radius: 20px; padding: 4px 15px; font-style: normal; white-space: nowrap; border: none; font-size: 70%; }

  #opening_prods_discount_top_liberec { color: #fff; padding-top: 60px; padding-bottom: 50px; font-weight: 300; font-size: 160%;text-align: left; }
  #opening_prods_discount_top_liberec  h2, #opening_prods_discount_top_liberec p.nadpis_h2 { color: #fff; padding: 10px 0; }
  #opening_prods_discount_top_liberec  p:first-child { padding-top: 60px;padding-bottom: 120px; font-size: 196%; }
  #opening_prods_discount_top_liberec  strong { font-weight: 700; background-color: #123c7d; border-radius: 40px; padding: 1px 23px; white-space: nowrap; border: none; }
  #opening_prods_discount_top_liberec  strong span {position: absolute;margin-top: 10px}
  #opening_prods_discount_top_liberec  em {
    position: absolute;
    margin-left: 14px;
    margin-top: 14px;
    display: inline-block;
    background-color: #123c7d;
    border-radius: 20px;
    padding: 6px 7px;
    font-style: normal;
    font-weight: 600;
    white-space: nowrap;
    border: none;
    font-size: 25%;
}
  #opening_prods_discount_bottom_liberec { padding-top: 80px; padding-bottom: 0px; font-size: 90%; line-height: 170%; max-width: 850px; margin: 0 auto; }

  #opening_prods_discount_bottom { padding-top: 80px; padding-bottom: 80px; font-size: 90%; line-height: 170%; }

#opening_soutez_whole { padding: 30px 0 80px 0; background-color: #eef3f7; }

  #opening_soutez_top { position: relative; }
  #opening_soutez_top strong { font-weight: 300; background-color: #dedfe7; border-radius: 30px; padding: 4px 15px; white-space: nowrap; border: none; }
  #opening_soutez_top em { position: absolute; top: 40px; left: 68%; display: block; float: right; padding-left: 45px; font-family: 'Kavivanar',sans-serif; font-size: 80%; font-style: normal; color: #3c194d; transform: rotate(-5deg); background: transparent url( './../images/arrow_contacts.png' ) bottom left no-repeat; }

  #opening_soutez_middle { padding: 130px 0 80px 0; font-size: 90%; }
  #opening_soutez_middle div { display: inline-block; vertical-align: middle; background-color: #fff; width: 22%; padding: 4%; margin-left: -4px; box-shadow: 0px 0px 35px 0px rgba(154,119,171,0.3); }
  #opening_soutez_middle div:nth-child(2) { width: 25%; padding: 4%; margin-left: -4px; }
  #opening_soutez_middle div p:first-child img { max-width: 100%; padding-bottom: 30px; }
  #opening_soutez_middle div h3 { font-weight: 700; font-size: 110%; padding-bottom: 5px; }
  #opening_soutez_middle div em { display: inline-block; font-style: normal; font-size: 90%; margin-top: 20px; }

  #opening_soutez_middle_liberec { padding: 130px 0 80px 0; font-size: 90%; }
  #opening_soutez_middle_liberec div { display: inline-block; vertical-align: middle; background-color: #fff; width: 25%; padding: 4%; margin-left: -4px;  height: 400px }
  #opening_soutez_middle_liberec div:nth-child(2) {width: 17%; padding: 4%; margin-left: -4px; }
  #opening_soutez_middle_liberec div p:first-child img { max-width: 100%; padding-bottom: 30px; }
  #opening_soutez_middle_liberec div h3 { font-weight: 700; font-size: 110%; padding-bottom: 5px; }
  #opening_soutez_middle_liberec div em { display: inline-block; font-style: normal; font-size: 90%; margin-top: 20px; }

#opening_program_whole { padding: 80px 0; background-color: #fff; }

  #opening_program_top { position: relative; }
  #opening_program_top em { position: absolute; top: 35px; left: 57%; display: block; float: right; padding-left: 45px; font-family: 'Kavivanar',sans-serif; font-size: 80%; font-style: normal; color: #3c194d; transform: rotate(-5deg); background: transparent url( './../images/arrow_contacts.png' ) bottom left no-repeat; }

  #opening_program_middle { padding: 90px 0; font-size: 110%; }
  #opening_program_middle p { display: inline-block; vertical-align: middle; width: 190px; height: 180px; }
  #opening_program_middle p:nth-child(odd) { padding: 50px 20px 0 20px; border: 3px solid #EEF3F7; background-color: #eef3f7; border-radius: 50%; transition: all .3s ease; }
  #opening_program_middle p:nth-child(odd) strong { font-size: 280%; font-weight: 300; }
  #opening_program_middle p:nth-child(odd):hover { background-color: #fff; }
  #opening_program_middle p:nth-child(even) { background: transparent url( './../images/arrow_program.jpg' ) center center no-repeat; }

#opening_map_whole { height: 550px; background-color: #fff; }

  .gm-ui-hover-effect { display: none !important; }
  .gm-style-iw-c { max-width: 100% !important; width: 665px !important; height: 340px !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; box-shadow: 0px 0px 35px 0px rgba(154,119,171,0.3); }
  .gm-style-iw-d { max-width: 100% !important; width: 665px !important; height: 340px !important; overflow: hidden !important; text-align: center !important; }
  .gm-style-iw-d div { font-size: 120% !important; }
  .gm-style-iw-d div p:first-child { display: block; float: right; width: 340px; height: 340px; overflow: hidden; }
  .gm-style-iw-d div p { padding-bottom: 20px; line-height: 170% }
  .gm-style-iw-d div p a { padding: 15px 56px;text-transform: none; font-size: 100%;}
  .gm-style-iw-d div p:nth-child(2) { padding-top: 30px; padding-bottom: 15px; }
  .gm-style-iw-t:before { content: ' ';
    background: transparent url( './../images/arrow_map.png' ) center center no-repeat;
    width: 29px;
    height: 60px;
    position: absolute;
    top: -200px;
    left: -361px;
    display: block;
    visibility: visible;
    z-index: 12;
    transform: none;
    border: none;
  }
  .gm-style-iw-t:after { display: none !important; }

#opening_podminky_whole { padding: 100px 0; background-color: #eef3f7; }

  #opening_podminky_header { padding-bottom: 50px; }

  #opening_podminky_content div { display: none; background-color: #fff; padding: 25px 25px 15px 25px; }
  #opening_podminky_content p { padding-bottom: 10px; text-indent: -50px; padding-left: 50px; }
  #opening_podminky_content h3 { font-weight: 400; margin-top: 20px; padding: 25px 25px 25px 70px; text-indent: -50px; background: #fff url( './../images/arrow_down.png' ) right 25px center no-repeat; }
  #opening_podminky_content h3:hover { cursor: pointer; background: #fff url( './../images/arrow_down_hover.png' ) right 25px center no-repeat; box-shadow: 10px 10px 20px 0px rgba(154,119,171,0.3); }
  #opening_podminky_content em { display: inline-block; width: 35px; text-align: right; font-weight: 700; padding-right: 10px; font-style: normal; height: 100%; }

  #opening_podminky_content h3.aktivni { color: #fff; background: #ff6700 url( './../images/arrow_close.png' ) right 25px center no-repeat; }
  #opening_podminky_content h3.aktivni:hover { box-shadow: none; }




#xmenu_whole { background-color: #ff6709; color: #fff; padding-top: 14px; }

  #xmenu_left { font-weight: 300; padding: 18px 10px 20px 30px; }
  #xmenu_left h1 { font-size: 110%; }
  #xmenu_left h1 a { color: #fff; border: none; }

  #xmenu_right { font-size: 90%; padding-right: 50px; }
  #xmenu_right a { display: inline-block; color: #fff; font-weight: 700; border: none; padding: 20px 30px; text-align: center; }
  #xmenu_right a:focus, #xmenu_right a:hover { text-decoration: underline; }

#xslider_whole { position: relative; }

  #xslider div { min-height: 790px; background-position: top left; background-repeat: no-repeat; background-size: cover; }
  #xslider div div { min-height: 0; background-color: #fff; float: right; padding: 3%; width: 34%; margin: 100px 10% 0 0; font-size: 110%; }
  #xslider div div em { font-weight: 400; text-transform: uppercase; font-style: normal; color: #1a1a1a; font-size: 70%; }
  #xslider div div em img { float: right; }
  #xslider div div h2 { font-weight: 400; padding: 60px 0 40px 0; font-size: 250%; color: #000; }
  #xslider div div p { line-height: 170%; font-weight: 300; }
  #xslider div div a.button { margin: 50px 0 20px 0; }

  #xslider_controls { position: absolute; bottom: 60px; left: 0; width: 100%; text-align: center; color: #fff; z-index: 11; }
  #xslider_controls a { display: inline-block; color: transparent; width: 16px; height: 16px; border: 2px solid #fff; border-radius: 50%; margin: 0 10px; opacity: 0.5; }
  #xslider_controls a.activeSlide { background-color: #fff; opacity: 1; }

#xnews_whole { background-color: #fff; }

  .xnews { width: 27%; padding: 0 3%; padding-top: 100px; height: 560px; overflow: hidden; }
  .xnews img { max-width: 100%; height: auto; }
  .xnews a { border: none; }
  .xnews h3 { font-weight: 400; font-size: 150%; padding-bottom: 50px; }
  .xnews h3 a { color: #000; border: none; }
  .xnews h3 sup { text-transform: uppercase; font-size: 13px; padding-left: 4px; font-weight: 700; color: #ff6709; }
  .xnews h3 a:hover, .xnews h3 a:focus { text-decoration: underline; }
  .xnews p { line-height: 170%; }

  .xnews:nth-child(2) { box-shadow: 0px 0px 35px 0px rgba(154,119,171,0.3); }

#xmap_whole {  }

  #xmap_header { padding: 100px 0 80px 0; }
  #xmap_header h2 { font-size: 300%; }

  #xmap { min-height: 895px; }

  #xmap_list { padding: 60px 0; }
  .xmap_store { height: 290px; overflow: hidden; }
  #xmap_store_img { width: 600px; height: 290px; overflow: hidden; }
  #xmap_store_img img { width: 600px; height: auto; }
  #xmap_store_desc { width: 340px; padding: 30px; font-size: 90%; }
  #xmap_store_desc p { padding-bottom: 5px; }
  #xmap_store_desc p.nadpis_h2 { padding-bottom: 30px; }
  #xmap_store_desc p.phone { background: transparent url( './../images/phone.png') center left no-repeat; padding-left: 30px; margin-top: 30px; }
  #xmap_store_desc p.email { background: transparent url( './../images/email.png') center left no-repeat; padding-left: 30px; }
  #xmap_store_desc p.email a { color: #000; border: none; }
  #xmap_store_desc p.email a:hover, #xmap_store_desc p.email a:focus { text-decoration: underline; }
  #xmap_list_controls { padding-top: 60px; }

#xabout_whole { background-color: #fff; }

  #xabout_first { background-color: #ff6709; color: #fff; font-weight: 300; font-size: 160%; line-height: 170%; padding: 150px 0; }
  #xabout_first_inner { }

  #xabout_second { padding: 100px 0; line-height: 170%; }
  #xabout_second p:first-child { width: 50%; float: left; text-align: center; }
  #xabout_second p:first-child img { max-width: 100%; padding: 6% 0; }
  #xabout_second h2 { padding-bottom: 40px; }
  #xabout_second p:not(:first-child) { padding-right: 10%; }

  #xabout_third { min-height: 700px; color: #fff; text-transform: uppercase; font-weight: 300; font-size: 170%; line-height: 150%; position: relative; background-position: top center; background-repeat: no-repeat; }
  #xabout_third p { padding: 450px 0 100px 0; }
  #xabout_video { position: absolute; top: 0; left: 0; max-height: 100%; overflow: hidden; }
  #xabout_video video { width: 100%; height: auto; }

  #xabout_fourth { background-color: #eef3f7; position: relative; }
  #xabout_slider div { width: 100%; background-position: top right; background-repeat: no-repeat; background-size: 50%; padding: 100px 0 200px 0; min-height: 290px; }
  #xabout_slider div h2 { width: 42%; padding: 0 4%; padding-bottom: 50px; font-size: 250%; color: white;}
  #xabout_slider div p { width: 42%; padding: 0 4%; line-height: 170%; color: white; }

  #xabout_controls { width: 50%; position: absolute; bottom: 80px; left: 0; z-index: 11; }
  #xabout_controls a { display: inline-block; color: transparent; width: 15px; height: 15px; border: 1px solid #d6dade; border-radius: 50%; margin: 0 10px; }
  #xabout_controls a.activeSlide { background-color: #fff; border-color: #fff; }

#xprods_whole { background-color: #fff; padding: 80px 0; }

  #xprods_header { padding-bottom: 80px; }

  #xprods { font-size: 120%; font-weight: 300; line-height: 170%;}
  #xprods div { float: left; width: 21%; padding: 0 2%; }
  #xprods p:first-child { padding-bottom: 40px; height: 310px; vertical-align: middle; }
  #xprods p:first-child img { max-width: 100%; max-height: 310px; vertical-align: middle; }
  #xprods p:first-child:after { visibility: hidden; display: inline-block; vertical-align: middle; width: 0; content: " "; height: 100%; }


#contact_whole { background: #eef3f7 url( './../images/bgheader.jpg' ) top center repeat-x; padding: 50px 0; }

  #contact { color: #fff; padding: 30px 0 60px 0; }

  #contact_inner { background-color: #fff; padding: 20px 0 60px 0; }

  #contact_header { font-size: 180%; font-weight: 300; padding: 30px 0; }

  #contact_border { width: 81%; padding: 7% 4% 4% 4%; border: 2px solid #eef3f7; border-radius: 4px; margin: 0 auto; background: transparent url( './../images/bgcontact.png' ) top left no-repeat; }
  #contact_border p { padding-bottom: 10px; }
  #contact_border p.nadpis_h3 { background: transparent url( './../images/ikona.png' ) center left no-repeat; padding: 15px 0 15px 70px; text-align: left; }
  #contact_border p.nadpis_h3 strong { font-weight: 400; background-color: #e6e5ec; border-radius: 20px; padding: 8px 20px;  }
  #contact_border p em { color: #4d4d4d; font-weight: 300; font-style: normal; font-size: 80%; }

  #contact_border h3 { display: inline-block; color: #1a7ff8; font-size: 100%; font-weight: 400; border: 2px solid #1a7ff8; background-color: #fff; border-radius: 20px; padding: 7px 20px; text-align: right; margin-top: 5px; clear: both; float: right; }
  #contact_border h3:hover, #contact_border h3.aktivni { cursor: pointer; background-color: #1a7ff8; color: #fff; }

  #contact_border div { text-align: center; padding: 20px 0; width: 100%; clear: both; display: none; }
  #contact_border div div {display: block;}
  #contact_border div form div {display: block; padding: 0px 0;}

#contact2_whole { padding: 50px 0 20px 0; font-weight: 300; background-color: #eef3f7; }

  #contact2_contacts { position: relative; font-size: 120%; }
  #contact2_contacts a { display: inline-block; font-size: 180%; background-color: #eedfec; border: none; border-radius: 40px; padding: 8px 30px; margin-bottom: 25px; }
  #contact2_contacts a:hover, #contact2_contacts a:focus { color: #fff; background-color: #eb2e8b; }
  #contact2_contacts em { position: absolute; bottom: -20px; left: 57%; display: block; float: right; padding-left: 45px; font-family: 'Kavivanar',sans-serif; font-size: 80%; font-style: normal; color: #3c194d; transform: rotate(-5deg); background: transparent url( './../images/arrow_contacts.png' ) bottom left no-repeat; }

  #contact2_addresses { padding: 70px 0 40px 0; }
  #contact2_addresses div { width: 27%; padding: 3%; float: left; text-align: left; }
  #contact2_addresses p { line-height: 180%; }
  #contact2_addresses p.nadpis_h2 { font-size: 170%; padding: 20px 0; font-weight: 400; }

  #contact2_registers { border-top: 1px solid #e2eaf2; padding: 60px 0; font-size: 90%; line-height: 170%; background: transparent url( './../images/bgcontactr.jpg' ) 50px center no-repeat; color: #434648; }
  #contact2_registers p { padding-left: 200px; }


#contact_news_whole { background-color: #3c194d; padding: 80px 0; }

  #contact_news { background-color: #fff; padding: 30px 0; }


#manualy { padding: 180px 0 290px 0; background-position: top center; background-repeat: no-repeat; font-size: 120%; }

  #manualy h1 { font-weight: 400; font-size: 240%; padding-bottom: 40px; }
  #manualy p { font-weight: 300; line-height: 170%; display: inline-block; width: 500px; }

  #manualy_filtr { padding: 60px 0; }
  #manualy_filtr_select { width: 280px; padding: 15px 20px; border-radius: 3px; font-size: 100%; font-weight: 300; border: none; }

  #manualy_content { padding-bottom: 100px; }
  #manualy_content h2 { width: 100%;clear: both; color: #000; font-weight: 400; padding: 70px 0 70px 40px; font-size: 150%; background: transparent url( './../images/arrow_mdown.png' ) center left no-repeat; }
  #manualy_content div
  {
    font-weight: 300; position: relative; display: block; text-align: center; background-color: #fff; margin: 0 5px 5px 0; float: left; width: 280px;
    height: 70px; overflow: hidden; border: none;
    padding-top: 210px;
    background-position: top 30px center; background-repeat: no-repeat; background-size: auto 140px;
  }
  #manualy_content div a { color: #000; text-decoration: none; border: none; }
  #manualy_content div img { display: block; height: 140px; width: auto; clear: both; padding: 40px 0; margin: 0 auto; }
  #manualy_content div a strong
  {
    position: absolute; top: 0; left: 0; display: none; height: 50px; width: 100%; clear: both; padding: 130px 0 20px 0; margin: 0 auto; background: #fff url( './../images/mdownload.png' ) top 80px center no-repeat;
    font-weight: 400; color: #e9002a; text-transform: uppercase; text-decoration: underline; font-size: 90%;
  }
  #manualy_content div:hover { box-shadow: 0px 0px 35px 0px rgba(154,119,171,0.3); }
  #manualy_content div:hover strong { display: block;}



#people_whole { padding: 40px 0 60px 0; }

  #people_header { padding-bottom: 60px; }

  #people_outer { overflow-x: hidden; }
  #people { height: auto; background-color: #ebf1f5; overflow: hidden; position: relative; transition: all .3s ease; }
  #people div { float: left; width: calc( 16.66% - 2px ); height: 318px; color: #fff; border: 1px solid #fff; overflow: hidden; background-color: #dbe2e6; transition: all .3s ease; background-position: center center; background-repeat: no-repeat; background-size: cover; }

  #people div:nth-child(16n+2):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }
  #people div:nth-child(16n+4):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }
  #people div:nth-child(16n+6):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }
  #people div:nth-child(16n+8):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }
  #people div:nth-child(16n+9):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }
  #people div:nth-child(16n+11):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }
  #people div:nth-child(16n+13):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }
  #people div:nth-child(16n+15):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }

  #people div p:first-child { font-weight: 700; font-size: 160%; text-transform: uppercase; display: table-cell; vertical-align: middle; height: 318px; word-spacing: 400px;  }
  #people div p:first-child strong { font-size: 150%; font-weight: 800; }
  #people div p:last-child { display: none; }

  #people div.aktivni:not(.cite):not(.joinus):not(.nextmembers) { background-color: #fff; color: #000; background-image: none !important; }
  #people div.aktivni:not(.cite):not(.joinus):not(.nextmembers) p:first-child { display: none; }
  #people div.aktivni:not(.cite):not(.joinus):not(.nextmembers) p:last-child { display: block; line-height: 160%; font-style: italic; text-align: left; padding: 60px 60px 0 80px; background: transparent url( './../images/bgquote.png' ) 50px 50px no-repeat; }
  #people div.aktivni:not(.cite):not(.joinus):not(.nextmembers) p:last-child strong { font-size: 90%; font-style: normal; }
  #people div.aktivni:not(.cite):not(.joinus):not(.nextmembers) p:last-child em { font-size: 90%; font-style: normal; }

  #people div.cite { background-color: #fff; color: #000; }
  #people div.cite p:first-child { display: block; font-size: 110%; font-weight: 300; text-transform: none; word-spacing: normal; line-height: 160%; height: auto; padding: 60px 60px 40px 60px; text-align: left; }
  #people div.cite p:last-child { display: block; text-align: left; padding-left: 60px; font-size: 90%; }
  #people div.cite p:last-child img { vertical-align: middle; }
  #people div.cite p:last-child a { color: #000; border: none; }

  #people div.joinus { /*display: none;*/ background-color: #eb2e8b; color: #fff; }
  #people div.nextmembers { display: none; background-color: #4e2f5e; color: #fff; }
  #people div.joinus a,#people div.nextmembers a { display: block; padding: 130px 90px 80px 90px; color: #fff; border: none; font-size: 120%; font-weight: 700; }


#zapati_whole { background-color: #eef3f7; font-size: 80%; color: #434648; padding: 40px 0; position: relative; }

  #zapati_spacer { background-color: #eef3f7; position: absolute; top: -14px; left: 0; height: 14px; }

  #zapati { border-bottom: 1px solid #e2eaf2; padding-bottom: 30px; }

  #zapati_logo { width: 70px; }

  #zapati_vlevo { width: 750px; padding: 28px 10px 0 10px; }
  #zapati_vlevo a { display: inline-block; vertical-align: middle; padding: 0 15px 3px 18px; color: #434648; border: none; text-transform: uppercase; }
  #zapati_vlevo a:hover, #zapati_vlevo a:focus { text-decoration: underline;}
  #zapati_vlevo a.aktivni { font-weight: 700; }
  #zapati_vlevo a::after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
  }
  #zapati_vlevo .delimiter { background-color: transparent; height: auto; }
  #zapati_vlevo .delimiter div { margin-top: 4px; }

  #zapati_vpravo { width: 250px; padding-top: 10px; }
  #zapati_vpravo a { border: none; }
  #zapati_vpravo img { margin-left: 15px; }

  #zapati_copy { padding-top: 35px; line-height: 150%; font-weight: 300; position: relative; }
  #zapati_copy p { padding-bottom: 10px; }
  #zapati_copy img { margin-left: 35px; position: relative; top: -13px; }
  #zapati_copy a { color: #434648; border: none; }
  #zapati_copy a:focus, #zapati_copy a:hover { text-decoration: underline; }




ul#podkat
{
  border: 1px solid #c0c0c0;
  text-align: center;
  margin: 20px 0;
  padding: 10px;
}
ul#podkat a.aktivni { color: #7DAF39; }
ul#podkat li { list-style-type: none; width: 209px; float: left; padding: 5px; height: 128px; overflow: hidden; }
ul#podkat li img { max-width: 200px; max-height: 50px; }
ul#podkat li span { color: #000; text-decoration: none; font-size: 90%; }
ul#podkat li.sorthead { width: 95%; clear: both; text-align: right; height: 30px; }
ul#podkat li.subnadpis { width: 95%; clear: both; text-align: left; font-weight: bold; padding: 10px; height: 30px; }

div.strankovani { text-align: center; margin: 5px 0; }
div.strankovani a { padding: 2px 5px; }
div.strankovani a.aktualni { font-weight: bold; }

div#cookies
{
  width: 100%;
  text-align: center;
  padding: 8px 0;
  color: #000;
  background-color: #FFFE9A;
  font-size: 80%;
}
a#cookies_accept { padding-left: 40px; text-decoration: none; font-weight: bold; font-size: 120%; }





/* styly pro modul fotogalerie ********************************************** */

#fotogalerie {}

.fotogalerie { margin-bottom: 20px; }

.fotogalerie div.fotka
{
  float: left;
  width: 211px;
  height: 160px;
  border: 1px solid #c0c0c0;
  margin-bottom: 20px;
  margin-right: 20px;
  text-align: center;
}
.fotogalerie div.fotka.treti { margin-right: 0; }
.fotogalerie div.fotka img { display: inline-block; vertical-align: middle; max-width: 201px; max-height: 150px; }
.fotogalerie div.fotka span { display: inline-block; vertical-align: middle; width: 0; height: 100%; }

/* styly souboru fotka.php */
#horni, #navig, #fotka { text-align: center; }
#horni h1 { font-size: 200%; font-weight: bold; }



/* styly pro modul uživatelé ************************************** */

#uzivatele_login { padding: 100px 0; }

  #uzivatele_login table { padding-bottom: 30px; }
  #uzivatele_login table td { padding: 10px 0; }
  #uzivatele_login input[type=text], #uzivatele_login input[type=password] { padding: 10px 30px; }
  #uzivatele_login p { }



/* styly pro karieru ********************************************** */
.kariera_celek
{
   margin-top: 100px;
    width: 100%;
    /* height: 100%; */
    float: left;
    margin-bottom: 50px;
}
.kariera_nadpis
{
    font-size: 200%;
    color:black;
    margin-bottom: 10px;

}
.kariera_pozice
{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.kariera_select
{
    width: 1000px;
    height: 70px;
    float: left;
    margin-top: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.10);

}
.kariera_zabaleny {
    color: black;
    background-color: white;
    background-image: url(/images/kariera_sipka.png);
    background-repeat: no-repeat, repeat;
    background-position-y: center;
    background-position-x: 945px;
}
.kariera_rozbaleny {
    color: white;
    background-color: #4e2f5e;
    background-repeat: no-repeat, repeat;
    background-image: url(/images/kariera_krizek.png);
    background-position: 945px 25px;
}

.kariera_vypis_nazev
{
    float: left;
    margin-left: 5%;
    margin-top: 20px;
    font-size: 120%;
    width: 35%;
    text-align: left;
}
.kariera_vypis_misto
{
    float: left;
     margin-top: 20px;
    font-size: 120%;
    width: 30%;
    text-align: left;
}
.kariera_vypis_plat
{
    float: left;
    margin-top: 20px;
    font-size: 120%;
    width: 20%;
    text-align: left;
    display: none;

}
.kariera_vypis_ikona
{
    float: left;
    margin-top: 20px;
    font-size: 120%;
    width: 10%;
    text-align: left;
}
.kariera_celapozice
{
    display: none;
    width: 1000px;
    background-color: white;
    margin-top: -10px;
    margin-bottom: 10px;
    float: left;
    box-shadow: 0px 7px 10px rgba(0,0,0,0.10);
}
.kariera_vrsek
{
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100%;
    height: 76px
}
.kariera_nadpis_h2
{
    float: left;
    width: 40%;
    margin-top: 20px;
    margin-left: 10%;
    text-align: left;
    font-size: 184%;
}
.kariera_zajem
{
      float: left;
    width: 50%;
        margin-top: 22px;

}
.kariera_zajem a
{
    float: right;
    background-color: #eb2e8b;
    color: white !important;
    width: 160px;
    height: 37px;
    padding-top: 15px;
    border-radius: 7px;
    margin-right: 20%;
    text-decoration: none;
    border-bottom: 0px dotted #eb2e8b;
}
.kariera_otaznik
{
   max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
   margin-bottom: 20px;
   font-size: 120%;
   color: #4e2f5e;
   font-weight: 600;
}
.kariera_text
{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 50px;
}
.kariera_text ul
{
    list-style: square  url('/images/kariera_ul.png');
    text-align: left;
}
.kariera_text li
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.kariera_tabulka_celek table
{
    border-spacing: 0px;
}
.kariera_tabulka_celek table td
{
    width: 20%;
    height: 240px;
    border: 1px solid #eef3f7;
}
.kariera_tabulka_celek table tr:first-child td:first-child
{
    color :white;
    background-color: #eb2e8b;
}
.kariera_tabulka_celek_ostatni table
{
    border-spacing: 0px;
}
.kariera_tabulka_celek_ostatni table td
{
    width: 20%;
    height: 240px;
    border: 1px solid #eef3f7;
}
.kariera_tabulka_celek_ostatni table tr:first-child td:first-child
{
    color :black;
    background-color: white;
}
.kariera_pohovor
{
    margin-top: 50px;
    margin-bottom: 50px;
  max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.kariera_pohovor img
{
  float: left;
}
.kariera_pohovor h2
{
    float: left;
    font-size: 120%;
    color: #4e2f5e;
    font-weight: 600;
    text-align: left;
    margin-left: 40px;
    width: 70%;
    margin-bottom: 20px;
}
.kariera_pohovor p:first-child
{
    float: left;
    width: 20%;
    margin-left: 0px;
}
.kariera_pohovor p
{
    float: left;
    text-align: left;
    margin-left: 40px;
    width: 60%;
    margin-bottom: 20px;
}
.plugin_kariera_nadpis_h2
 {
    float: left;
    width: 100%;
    text-align: left;
       font-size: 184%;
 }
 .plugin_emailAntispamKariera
 {
     margin-top: 30px;
         float: left;
    width: 100%;
 }
 .plugin_emailAntispamKariera_polozka
 {
    float: left;
        width: 47% !important;
    clear: none !important;
    margin-top: 20px;
 }
 .plugin_emailAntispamKariera_polozka label
 {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 112%;
 }
 .plugin_emailAntispamKariera_polozka label span
 {
   font-weight: 600;
 }
 .plugin_emailAntispamKariera_polozka input
 {
    width: 95%;
    height: 55px;
    float: left;
    margin-top: 20px;
    font-size: 150%;
    padding-left: 4%;
    border-radius: 6px;
    border-color: #dfe7f0;
    border-style: solid;
    background-color: #f4f7fb;
 }
  .plugin_emailAntispamKariera_polozka:nth-child(2n+0)
  {
     float: right;
  }
  .plugin_emailAntispamKariera_polozka_soubor
  {
    float: left;
    width: 100%;
    margin-top: 20px;
  }

   .plugin_emailAntispamKariera_polozka_soubor label
 {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 112%;
 }
 .plugin_emailAntispamKariera_polozka_soubor label span
 {
   font-weight: 600;
 }
  .plugin_emailAntispamKariera_polozka_soubor input
  {
 width: 100%;
    margin-top: 20px;
  }
   .plugin_emailAntispamKariera_polozka_soubor textArea
  {
     width: 97%;
    margin-top: 20px;
    font-size: 120%;
    height: 160px;
    padding-left: 2%;
    border-radius: 6px;
    border-color: #dfe7f0;
    border-style: solid;
    background-color: #f4f7fb;
  }
 .plugin_emailAntispamKariera_polozka_login
 {
   float: right;
    margin-top: 64px;
    border: 3px solid #eb2e8b!important;
    background-color: #eb2e8b!important;
 }
  .plugin_emailAntispamKariera_polozka_login:hover
 {
    color: #eb2e8b!important;
    border: 3px solid #eb2e8b!important;
    background-color: white!important;
 }
 .plugin_emailAntispamKariera_odkaz
 {
     float: left;
    width: 100%;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;

 }
 .kariera_vyhledavani_mesto
 {
         float: left;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
 }
 .kariera_vyhledavani_mesto select
 {
 width: 290px;
    height: 60px;
    font-size: 150%;
    padding-left: 20px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
    border: none;
    float: right;
    margin-right: 2%;
 }
 .kariera_vyhledavani_pomer
 {
         float: left;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;

 }
  .kariera_vyhledavani_pomer select
 {
 width: 290px;
  float: left;
    height: 60px;
    font-size: 150%;
    padding-left: 20px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
    border: none;
        margin-left: 2%;
 }

@media (max-width: 1000px)
{
   .dropdown
    {display:none;}
    #xmenu_whole
    {display:none;}

    .openbtn_tel {
        display: table !important;
    }
    .openbtn_tel_nazev
    {
        display: table !important;
    }
  .kariera_celek
  {
      width: 100%;
  }
  .kariera_select
  {
      width: 100%;
  }
  .kariera_rozbaleny
  {
         background-position-y: center;
    background-position-x: 95%;
  }
  .kariera_zabaleny
  {
    background-position-x: 95%;
  }
  .kariera_celapozice
  {
    width: 98%;
    padding: 1%;
  }
}

@media (max-width: 830px)
{
    .kariera_select
  {
      width: 100%;
      height: auto;
  }
    .kariera_vypis_nazev
    {
        margin-left: 5%;
        width: 80%;
        text-align: center;
        margin-bottom: 20px;
    }
    .kariera_vypis_misto
    {
        margin-left: 5%;
        width: 80%;
        text-align: center;
        margin-bottom: 20px;
        margin-top: 0px;
    }
    .kariera_vypis_plat
    {
        margin-left: 5%;
        width: 80%;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .plugin_emailAntispamKariera_polozka
    {
       width: 100%!important;
    }
    .plugin_emailAntispamKariera_polozka_login
    {
        width: 100%;
    }
    .kariera_pohovor p:first-child
    {
       width: 100%;
    }
    .kariera_pohovor img
    {
        float: none;
    }
    .kariera_pohovor p
    {
       width: 100%;
       margin-left: 0px;
       text-align: center;
    }
     .kariera_pohovor h2
    {
       width: 100%;
       margin-left: 0px;
       text-align: center;
    }
    .kariera_nadpis_h2
    {
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-left: 0px;
         margin-bottom: 40px;
    }
    .kariera_zajem
    {
      width: 100%;
      margin-bottom: 40px;
    }
     .kariera_zajem a
    {
      float: none;
      padding: 17px;
      margin-right: 0px;
    }
    .kariera_tabulka_celek table td
    {
       float: left;
    width: 49%;
    }
    .kariera_tabulka_celek table td p:first-child
    {
    margin-top: 50px;
    }
    .kariera_tabulka_celek table td p:first-child  img
    {
    height: 44px;
    }
     .kariera_tabulka_celek_ostatni table td
    {
       float: left;
    width: 49%;
    }
    .kariera_tabulka_celek_ostatni table td p:first-child
    {
    margin-top: 50px;
    }
    .kariera_tabulka_celek_ostatni table td p:first-child  img
    {
    height: 44px;
    }
}

@media (max-width: 650px)
{
    .kariera_vyhledavani_mesto
    {
        width: 100%;
    }
    .kariera_vyhledavani_mesto select
    {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;

    }
        .kariera_vyhledavani_pomer
    {
        width: 100%;
    }
    .kariera_vyhledavani_pomer select
    {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;

    }
    .menu_open_tel
    {
      width: 66%;
    }
    .open_tel {
        transform: scale(.84) translateX(-70%) translateZ(0)!important;
    }

 }

@media (max-width: 380px)
{
    .menu_tel a {
    padding: 8px 0px 8px 20%;
    }
    .menu_tel div a {
    padding: 8px 0px 8px 20%;
    }
    #logo img
    {
        width: 100%;
    }

}

/* styly pro javascriptovou chybovou hlasku ********************************* */

div.bootstrap-growl {  }
div.bootstrap-growl a.close { float: right; text-decoration: none; color: #909090; display: block; width: 20px; height: 20px; font-size: 120%; }
div.bootstrap-growl.alert { padding: 15px 10px 15px 50px; font-size: 90%; border-radius: 5px; line-height: 140%; text-align: left; }
div.bootstrap-growl.alert.alert-danger {  background: #ffc6c6 url('./../images/admin/ebox.png') no-repeat center left; border: 1px solid #eea9a9; }
div.bootstrap-growl.alert.alert-success {  background: #e4edcf url('./../images/admin/obox.png') no-repeat center left; border: 1px solid #ced7ba; }




/* jQuery UI styly ********************************************************** */

.ui-autocomplete { width: 280px; padding: 1px !important; border-radius: 0 !important; border: 1px solid #c0c0c0 !important; }
.ui-autocomplete li { font-size: 80%; padding: 0; margin: 0; border-radius: 0 !important; }
.ui-autocomplete li a { padding: 0; margin: 0; border-radius: 0 !important; cursor: pointer; }
.ui-autocomplete li a.ui-state-focus { border: solid 1px #e0e0e0 !important; background-color: #e0e0e0 !important; }
.ui-autocomplete-loading { background: transparent url( './../libs/jquery/images/loading.gif' ) center right no-repeat !important; background-size: contain !important; }
.ui-menu-item-wrapper{color:#000 !important;}
.ui-autocomplete-obrazek { float: left; text-align: center; width: 60px; padding: 5px 0 0 0; }
.ui-autocomplete-obrazek img { max-width: 60px; max-height: 60px; margin: 0; }
.ui-autocomplete-text { float: right; width: 205px; line-height: 110%; font-weight: bold; padding: 5px 0; max-height: 60px; overflow: hidden; }
.ui-autocomplete-text span { color: #909090; font-weight: normal; font-size: 80%; }
.ui-autocomplete-text span span { font-size: 100%; }
.ui-autocomplete-extra { font-weight: bold; text-align: center; padding: 10px 0; }
.ui-autocomplete-extra span { color: #909090; font-weight: normal; font-size: 80%; }

#map_canvas { width: 100%; height: 465px; background: #3b3b3b; /*url(/images/clanek_2.jpg) center center no-repeat*/; margin-top: 45px; /*filter: grayscale(100%);*/ }
#map_canvas h6 { color: #000; font-weight: bold; padding-bottom: 5px; margin: 0; font-size: 110%; }


/* ověření IMEI ************************************************************* */

.ac_loading
{
  background: #c0c0c0 url('../libs/jquery/images/loading.gif') no-repeat 90% center!important;
}

#overImei_res { border: 1px solid transparent; visibility: hidden; text-align: left; padding: 16px 50px; opacity: 0.9; margin: 15px auto 0; /*min-width: 150px; max-width: 500px; position: absolute; left: -2px; right: 0;*/ }
.result_ok, .result_false {}
.result_ok { background: #e4edcf; border: 1px solid #ced7ba; color: green; }
.result_false { background: #ffc6c6; border: 1px solid #eea9a9; color: red; }



@media (max-width: 1600px)
{
  #people div { width: calc( 20% - 2px ); background-color: #dbe2e6; }

  #people div:nth-child(16n+2):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }
  #people div:nth-child(16n+4):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }
  #people div:nth-child(16n+6):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }
  #people div:nth-child(16n+8):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }
  #people div:nth-child(16n+9):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }
  #people div:nth-child(16n+11):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }
  #people div:nth-child(16n+13):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }
  #people div:nth-child(16n+15):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }

  #people div:nth-child(2n+0):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }
}

@media (max-width: 1300px)
{
  .righthalf { width: 50%; padding-left: 50%; margin: 0 auto; }

  #opening { width: 85%; margin: 0 auto; padding: 5%; top: 100px; left: 0; }
  #opening_logo { display: none; }

  #xslider { width: 100% !important; height: 750px !important; }
  #xslider div { width: 100% !important; height: 430px !important; }
  #xslider div div { width: 34% !important; }

  #xabout_slider { width: 100% !important; height: 650px !important; }
  #xabout_slider div { width: 100% !important; height: 450px !important; background-position: center right; padding: 100px 0; }

  #people div { width: calc( 25% - 2px ); background-color: #dbe2e6; }

  #people div:nth-child(2n+0):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }
  #people div:nth-child(8n+2):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }
  #people div:nth-child(8n+4):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }
  #people div:nth-child(8n+5):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }
  #people div:nth-child(8n+7):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }
}

@media (max-width: 1140px)
{
  .basic { width: 100%; }

  #zahlavi { padding-bottom: 40px; }

  #zahlavi_slider_outer { }
  #zahlavi_slider_right { margin: 0%; width: 100%; box-shadow: 0px 0px 35px 0px rgba(154,119,171,0.3); background-color: #fff; }
  #zahlavi_slider { height: 650px !important; width: 100% !important; }
  #zahlavi_slider div { padding: 0 0 40px 0; height: auto !important; width: 100% !important; text-align: center; }
  #zahlavi_slider div img { position: static; margin: 0 auto; float: none; max-width: 100%; width: auto; max-height: 400px; height: auto; clear: both; padding-bottom: 20px; }

  #opening_prods div { width: calc(50% - 2px); }
  #opening_menu a { padding: 10px 15px 10px 15px; }
  #opening_menu a:not(:last-child)::after {
    display: inline-block;
    content: "";
    border-left: 2px dotted #fff;
    margin-left: 25px;
    width: 0;
    height: 10px;
    overflow: hidden;
  }

  #opening_program_middle p { display: block; float: none; vertical-align: middle; width: 190px; height: 180px; clear: both; margin: 0 auto; }
  #opening_program_middle p:nth-child(even) { transform: rotate(90deg) }

  #manualy_content div { margin: 0 1% 1% 0; width: 32%; }

  #zapati_logo, #zapati_vlevo { float: none; width: 100%; text-align: center; padding: 30px 0 0 0; }
  #zapati_vlevo a { padding: 0 5px 3px 8px; }
  #zapati_vpravo { float: none; width: 100%; padding: 30px 0; margin: 0; text-align: center; }
  #zapati_copy { float: none; width: 90%; text-align: left; margin: 0 auto; padding: 30px 0 0 0; }


  #about_whole { background-size: cover; }
}

@media (max-width: 1000px)
{
  .narrow { width: 100%; }
  .righthalf { width: 100%; padding-left: 0; margin: 0 auto; }

  #menu a { padding: 0 15px; }
  .space { width: 10px; }

  #opening_prods_discount { background-color: #3b184d; background-image: none !important; }
  #opening_prods_discount_bottom { color: #fff; padding: 40px 0; }
  #opening_prods_discount_top_liberec { color: #fff; padding-top: 60px; padding-bottom: 50px; font-weight: 300; font-size: 160%;text-align: center; }

  #xslider { width: 100% !important; height: 750px !important; }
  #xslider div { width: 100% !important; height: 430px !important; }
  #xslider div div { width: 90% !important; float: none; margin: 5% auto;  }

  #xmap_list_stores { width: 100% !important; }
  #xmap_store_img { width: 50%; overflow: hidden; text-align: center; }
  #xmap_store_desc { width: 40%; padding: 5%; }

  #xmenu_right a { padding: 20px 15px; }

  .xnews { width: 94%; }

  #xabout_second { text-align: center; }
  #xabout_second p:first-child { float: none; width: 100%; }
  #xabout_second p:not(:first-child) { padding-right: 0;}

  #xprods div { width: 46%; }

  #people div { width: calc( 33.33% - 2px ); background-color: #dbe2e6; }

  #people div:nth-child(8n+2):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }
  #people div:nth-child(8n+4):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }
  #people div:nth-child(8n+5):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }
  #people div:nth-child(8n+7):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }
  #people div:nth-child(2n+0):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }
}

@media (max-width: 800px)
{
  .newsbox_left, .newsbox_middle, .newsbox_right { float: none; width: 100%; margin: 0; padding: 20px 0; text-align: center; }

  #opening_prods div { width: calc(100% - 2px); }

  #about { width: 100%; }
  #about_stats div { float: none; width: 90%; text-align: center; margin: 0 auto; background-image: none; padding: 20px 0;  }

  .gm-style-iw-c { width: 340px !important; height: 340px !important; }
  .gm-style-iw-d { width: 340px !important; height: 340px !important; }
  .gm-style-iw-d div { font-size: 120% !important; }
  .gm-style-iw-d div p:first-child { display: none; }
  .gm-style-iw-t:before { content: ' ';
    background: transparent url( './../images/arrow_map.png' ) center center no-repeat;
    width: 29px;
    height: 60px;
    position: absolute;
    top: -200px;
    left: -197px;
    display: block;
    visibility: visible;
    z-index: 12;
    transform: none;
    border: none;
  }

  #contact2_addresses div { width: 94%; padding: 3%; float: none; text-align: center; }

  #xabout_slider { width: 100% !important; height: 650px !important; }
  #xabout_slider div { background-image: none !important; }
  #xabout_slider div p, #xabout_slider div h2 { width: 92%; }
  #xabout_controls { width: 100%; }

  #manualy_content div { margin: 0 1% 1% 0; width: 49%; }

  #people div { width: calc( 50% - 2px ); background-color: #dbe2e6; }

  #people div:nth-child(2n+0):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }
  #people div:nth-child(4n+2):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }
  #people div:nth-child(4n+3):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }

}

@media (max-width: 600px)
{
    .w50pct, .w15pct { width: auto; }
    ul.form table, ul.form td, ul.form tr, ul.form th, ul.form thead, ul.form tbody { display: block; }
    ul.form td + td, ul.form td + td.w15pct { padding-left: 0; }
}

@media (max-width: 600px)
{
  #xprods div { width: 96%; }

  #manualy p { width: 100%; }
  #manualy_content div { margin: 0 0 1% 0; width: 100%; }
}

@media (max-width: 450px)
{
  #people div { width: calc( 100% - 2px ); background-color: #dbe2e6; }

  #people div:nth-child(4n+2):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }
  #people div:nth-child(4n+3):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #dbe2e6; }
  #people div:nth-child(2n+0):not(.aktivni):not(.cite):not(.joinus):not(.nextmembers) { background-color: #ebf1f5; }
}