/* OBECNE STYLY */

body, html {
 height: 100%;
}

* { margin: 0; padding: 0; }

BODY, DIV, TABLE, CAPTION,ADRESS, IMG {
  border: 0;
  font-family: Arial;
  margin: 0;
  padding: 0;
}

body {
    background-color: white;
}

h1, h2, h3, h4, h5, p, ul, ol, b, a, li, td, th, strong, span, div, input, textarea {font-family: 'Open Sans', sans-serif;}

h1{text-align: center;color:#66696c;font-size: 35px;font-weight: 300;margin-bottom: 10px;}
h2{color:#66696c;font-size: 30px;font-weight: 300;margin-bottom: 10px;}
h3{color:#66696c;font-size: 25px;font-weight: 300;margin-bottom: 10px;}
h4{color:#66696c;font-size: 20px;font-weight: 300;margin-bottom: 10px;}
h5{color:#66696c;font-size: 18px;font-weight: 300;margin-bottom: 10px;}

@media only screen and ( max-width: 800px ){
    h1{font-size: 25px;}
    h2{font-size: 20px;}
}

a{text-decoration: underline;color: #66696c;}
a:hover{text-decoration: underline;}

input{outline: none;}

ul, ol {
    line-height: 100%;
}

.toLeft {
  float: left;
}

.toRight {
  float: right;
}

.hidden{display: none;}

.grecaptcha-badge{z-index: 99;}

.ui-widget-content {  
  background: #ffdddd!important;  
}

.red{color: #e3000f;}
.gray{border: 1px solid #969696!important;background-color: #969696!important;}
.green{border: 1px solid #228b22!important;background-color: #228b22!important;}

.toCenter{display: block;text-align: center;margin: 0 auto;}
.halfwidth{width: 50%;}
.right{text-align: right;}
.cleaner{display: block;height: 0;clear: both;overflow: hidden;content: ' ';font-size: 0;}
.fb-like{top:-5px;}
.seznam{width: 100%; font-size: 12px; text-align: left;}
.seznam th{padding: 5px;color: black!important;}
.seznam td{padding: 5px;color: black!important;}

.msgOK{position: relative;z-index: 99;background-color: #438bc5;  font-weight: 900; font-size: 15px; color: white; text-align: center; padding: 10px;}
.msgError{position: relative;z-index: 99;background-color: #E21A1A;  font-weight: 900; font-size: 15px; color: white; text-align: center; padding: 10px;}

/* LAYOUT */
#panelMiddle{min-height: 100%;position: relative;width: 100%;z-index: 94;}
.panelMiddleIn{max-width: 1200px;padding: 0 10px; margin:0 auto;}
#panelTop{width:100%;z-index: 99;box-sizing: border-box;background-color:white;box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.08);transition: all 0.5s;}

#panelContent{text-align: center;background: none;padding: 50px 0;}

#logo{float: left;text-align: right;padding: 20px 0;}
#logo a{background: transparent url('../img/logo.png') center left no-repeat;text-decoration: none;padding: 13px 0px 12px 130px;line-height: 20px;text-align: left;position: relative;display: block;color: #66696c;font-size: 25px;font-weight: 300;}
#logo a span{font-size: 20px;font-weight: 300;}

@media only screen and ( max-width: 1600px ){
    #logo{margin-left: 10px;}
}

#uzivatel{float: right;text-align: right;position: relative;display: block;padding: 10px 0;}
#uzivatel p{display: block;color: #66696c;font-size: 15px;font-weight: 400;margin-bottom: 5px;}
#uzivatel a{display: inline-block;color: #66696c;font-size: 15px;font-weight: 400;margin: 0 5px;}

#panelMenu{position: fixed;width:100%;z-index: 98;background-color: #3974ac;}

.nopadding{padding:5px 0 0 0!important;}

#panelBottom{width: 100%;background-color: #66696c;}

#bottom{position: relative;text-align: right;padding: 0 0 20px 0;}
#bottom h3{color:#5a5a5a;}
#bottom p{color:white;font-size: 16px;font-weight: 300;}
#bottom strong{color:white;font-size: 16px;font-weight: 500;color:white;}
#bottom a{color:#bea565;font-size: 16px;font-weight: 300;}
#bottom a:hover{text-decoration: underline;}

#panelFooter{width:100%;}

#footer{padding: 30px;}
#footer p{text-align: right;font-size: 18px;font-weight: 300;color: #bea565;margin-bottom: 0;}
#footer a{color:#bea565;font-size: 18px;font-weight: 300;}

@media only screen and ( max-width: 1400px ){

    #panelContent{padding:50px 0;}
    #panelFooter{position: relative;}
    /*#panelStred{padding-bottom: 0px;}
    #bottom{text-align: center;margin: 0;padding: 50px 0;border: none;}
    #bottom div{float: none;padding: 0!important; margin: 0!important;width: 100%!important;text-align: center!important;border: none!important;}
    #bottom div img{float: none!important;}
    #bottom div p{text-align: center!important;}
    #footer p{text-align: center;float: none; margin-bottom: 5px;}*/
}

#edit{float: right; margin: 5px; width: 130px;}

#upload{float: left; margin: 5px;}
#upload label{float: left; padding-top: 4px; font-size: 13px; color: white; margin-left: 10px;}
#upload b{cursor: pointer; float: left;}
#upload input{float: left; margin-left: 10px;}
#upload select{float: left;margin-left: 10px;height: 21px;}
#upload .popis{height: 21px;}
#upload div.img{display: none; float: left; padding: 5px; background-color: #546a76;color: white;}
#upload div.file{display: none; float: left; padding: 5px; background-color: #546a76;color: white;}

#podmenu{text-align: center;}
#podmenu a{display: block;margin-bottom: 20px;font-size: 13px; font-weight: 600;text-decoration: none!important;}
#podmenu a:hover{text-decoration: underline!important;}

#panelLeft{float:left;width:500px;font-size: 0;margin-right: 100px;}
#panelLeft div.img{padding: 50px;box-sizing: border-box;margin-left: 10px;margin-right: 10px;}
#panelLeft img{max-width: 100%;}

#panelMain{width: auto;overflow: hidden;box-sizing: border-box;}
#panelMain div.popis{text-align: left;box-sizing: border-box;}
#panelMain h1{margin-bottom: 20px;color:#66696c;font-weight: 300;}
#panelMain p{color:#303030;font-size: 16px;margin-bottom: 20px;font-weight: 400;}
#panelMain b{color:#303030;font-size: 16px;margin-bottom: 20px;font-weight: 600;}
#panelMain strong{font-weight: 600;}
#panelMain a{}
#panelMain a:hover{}
#panelMain a.vice{display: inline-block;text-align: center; text-decoration: none;color: #66cc33;font-size: 15px;font-weight: 400;padding: 0 10px 10px 10px;border-bottom: 2px solid #f07c31;}
#panelMain ul{margin-bottom: 20px;margin-left: 30px;overflow:visible;line-height: 150%;list-style: none;list-style-position: inside;list-style-type: square;}
#panelMain li{color:#505050;font-size: 16px;font-weight: 400;line-height: 180%;}
#panelMain ol{margin-left: 20px; margin-bottom: 20px;line-height: 180%;}
#panelMain hr{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); margin-bottom: 20px;margin-top: 20px;}

#panelMain a.button{display: inline-block;color: white;text-decoration: none;font-size: 14px;font-weight: 700;border: 1px solid #228b22;background-color: #228b22;padding: 10px;transition: all 0.9s;text-transform: uppercase;margin-bottom: 20px;}
#panelMain a.button:hover{color: #71b73b;color: #66696c;background-color: white;text-decoration: none;}

@media only screen and ( max-width: 800px ){
    #panelMain ul{margin-left: 0px;}
    #panelMain ul li{padding: 0;margin: 0; background: none;}
    #panelMain div.popis img{max-width: 100%!important; height: auto!important;margin: 10px 0!important;}
    #panelMain h1{text-align: center;}
}

table{border-collapse: collapse;border: none;margin-bottom: 10px;}
table p{margin: 0!important;}
th{border: none;color:#505050;font-size: 16px;font-weight: 600;padding: 5px;}
td{border: none;color:#505050;font-size: 16px;font-weight: 400;padding: 2px;}
tr{}

#fotky{text-align: center;margin-bottom: 20px;box-sizing: border-box;}
#fotky div.fotky{float: left;position: relative;width: 115px;height:115px;box-sizing: border-box;margin: 10px 0 0 10px;list-style-type: none;border: 1px solid #bea565;}
#fotky .fotky a{display: block;position: relative;padding-top: 100%;font-size: 0;text-align: center;overflow: hidden;}
#fotky a img{max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);transition: all 0.5s;}
#fotky a:hover img{transform: translate(-50%, -50%) scale(1.1);}
#fotky a span{position: absolute;opacity: 0;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;color:white;font-size: 20px;font-weight: 800;text-shadow: 0px 0px 10px #000000;transition: opacity 1s;}
#fotky a:hover span{opacity: 1;}
#fotky a.del{position:absolute;top: 3px; left:21px;background: transparent url('../img/kos_foto.png') no-repeat; width:15px; height:15px; border: none;}
#fotky div.edit{cursor: pointer; z-index: 90;position:absolute; top: 3px; left:3px;background: transparent url('../img/pencil_foto.png') no-repeat; width:15px; height:15px; border: none;}
#fotky form{display: none; width:180px; float: left; position: relative; top:15px; padding: 5px; background-color: #546a76;color: white;}
#fotky form label{float: left; margin-right: 5px;font-size: 12px; color: white;}
#fotky input{padding: 2px; margin-bottom: 5px;}
#fotky form input.button{text-align: center; color: black; background-color: white; border: none;}

@media only screen and ( max-width: 800px ){
    #fotky div.fotky{float: left;position: relative;width: 90px;height:90px;box-sizing: border-box;margin: 5px 0 0 5px;list-style-type: none;border: 1px solid #e8e8e8;}
}

.category-button{cursor: pointer;border: none;background: none;color: #66696c;font-size: 14px;font-weight: 600;margin: 0 10px;}
.active{color: #bea565;}

/*Menu*/
#menu{float: right;text-align: right;position: relative;z-index: 99;padding: 15px 0;}

#menu b.openbtn{border-bottom: 14px double #bea565;border-top: 5px solid #bea565;content:"";height: 4px;width:30px;cursor: pointer;display: none;}
#menu b.closebtn{font-family: arial;position: absolute;top: 0;left: 15px;font-size: 36px;color: white; cursor: pointer;display: none;}
#menu b.closebtn:hover{color: #bea565;}

#menu ul{list-style:none;}
#menu ul li{position: relative;display:inline-block; text-align: center;transition: all 300ms ease 0s;}
#menu ul li a{display: inline-block;color:white;position: relative;z-index: 99;font-size: 14px;font-weight:400;padding: 10px 10px 20px 10px;text-decoration: none;border-bottom: 1px solid transparent;}
#menu ul li p{color:white;position: relative;z-index: 99;display: block;font-size: 14px;font-weight:400;padding: 10px 10px 20px 10px;text-decoration: none;}
#menu ul li a.edit{width: 20px; height: 20px;padding: 0 10px;background: transparent url('../img/plus.png') center bottom no-repeat;}
#menu ul li.mark a:hover{text-decoration: none;border-bottom: 1px solid #bea565;color: #bea565;}
#menu ul li.unmark a:hover{text-decoration: none;border-bottom: 1px solid #bea565;color: #bea565;}
#menu ul li.mark a{text-decoration: none;border-bottom: 1px solid #bea565;color: #bea565;}

#menu li ul{list-style:none; position: absolute;visibility: hidden;overflow: hidden;padding-top: 0px;padding-bottom: 20px;max-height:0px;top:96px;background-color:rgba(90, 90, 90, 0.8);width: 300%;margin: 0 0 0 -100%;transition: all 0.5s ease-in-out;}
#menu li:hover ul{max-height: 400px;visibility: visible;}
#menu li ul li{text-align: center;margin: 0px;padding: 0;display: block;vertical-align: top;}
#menu li ul li a{color:white;display: inline-block;padding: 10px;font-size: 14px;font-weight: 400;}
#menu li.mark ul li a:hover{border-bottom: 1px solid #bea565;}
#menu li.unmark ul li a:hover{border-bottom: 1px solid #bea565;}
#menu li.unmark ul li a{color: white;border: none;}
#menu li.mark ul li a{color: white;border: none;}

@media only screen and ( max-width: 1400px ){
    #menu{margin-right: 60px;}
}

@media only screen and ( max-width: 1000px ){
    #menu{padding: 42px 0px 30px 0;}
    #menu ul{float: none;}
    #menu b{display: inline-block!important;}
    #menu ul li ul{background: none;}
    #menu ul li ul li a{color:#bea565;}
    #menu ul li{display:block;background: none;padding-right: 0;padding-left: 0;}
    #menu ul li a{color:white;background: none;padding: 10px;border: none;font-size: 14px;font-weight: 400;}
    #menu ul li p{color:white;background: none;padding: 10px;border: none;font-size: 14px;font-weight: 400;}
    #menu ul li a.sub{color:white;}
    #menu ul li.mark a:hover{border-bottom: 1px solid #bea565;}
    #menu ul li.mark p:hover{border-bottom: 1px solid #bea565;}
    #menu ul li.unmark a:hover{border-bottom: 1px solid #bea565;}
    #menu ul li.unmark p:hover{border-bottom: 1px solid #bea565;}
    #menu ul li.mark a{color:#bea565;text-decoration: none;border:none;}
    #menu ul li.mark p{color:#bea565;text-decoration: none;border:none;}

    #menu ul li a.edit{display: none;}
    #menu ul li ul{position: relative;top:0px;padding: 0;width: 100%;margin: 0;}
    #menu ul li ul li a{font-size: 13px;font-weight: 800;}
    #menu ul li.unmark ul li a:hover{color:#5a5a5a;text-decoration: none;border:none;}
    #menu ul li.unmark ul li p:hover{color:#5a5a5a;text-decoration: none;border:none;}
    #menu .nav{height: 100%;width: 200px;position: fixed;z-index: 1;top: 0;right: -200px;background-color: rgba(0,0,0,0.8);overflow-x: hidden;padding-top: 60px;transition: 0.5s;}
}

/*Podskupiny*/
#podskupiny{position: relative;text-align: center;}
#podskupiny a{display: inline-block;color:#66cc33;font-size: 15px;font-weight: 400;text-decoration: none;margin: 10px;padding: 0 10px 10px 10px;box-sizing: border-box;border-bottom: 2px solid #f07c31;}
#podskupiny a:hover{text-decoration: none;}

/*Search form*/
#vyhledavani label{font-size: 16px;font-weight: 400;color: #66696c;vertical-align: middle;}
#vyhledavani input{font-size: 16px;font-weight: 400;color: #66696c;background:none;border: 1px solid #66696c;border-radius: 0;padding: 5px;margin-bottom: 10px;}
#vyhledavani select{font-size: 16px;font-weight: 400;color: #66696c;background:none;border: 1px solid #66696c;border-radius: 0;padding: 5px;vertical-align: middle;}
#vyhledavani input.button{float: right;padding: 6.4px;margin: 0;margin-left: 5px;border: 1px solid #66696c;border-radius: 0;background-color: #66696c;color: white;font-size: 13px;font-weight: 800;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#vyhledavani input.button:hover{border: 1px solid #66696c;border-radius: 0;background-color: transparent; color: #66696c;}
#vyhledavani select option{color: #66696c;}
#vyhledavani input::placeholder {color: #66696c;}
#vyhledavani .red{color: #B80F0A;}

#vyhledavani p.rozsirene_trigger{float: right;padding: 5px;margin: 0;margin-bottom: 10px;margin-left: 5px;border: 1px solid #66696c;border-radius: 0;background-color: #66696c;color: white;font-size: 13px;font-weight: 800;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#vyhledavani div.rozsirene{display: none;text-align: left;margin-bottom: 20px;}
#vyhledavani div.rozsirene_vyplnene{display: block;}

/* LOGIN */
#login{}
#login form{max-width: 270px; margin: 0 auto;}
#login label{width: 50px;}

/* TABULKA SPRÁVY*/
#sprava{overflow-x:auto;}
#sprava table{width: 100%;}
#sprava th{color: #66696c;border: 1px solid #66696c;font-size: 14px;font-weight: 600;text-align: center;}
#sprava input.button{cursor: pointer;float: right;padding: 5px;background: none;color: #66696c;margin: 5px;}
#sprava td{color: white;border: 1px solid #66696c;font-size: 16px;font-weight: 500;padding: 5px;}
#sprava td.small{font-size: 14px;}
#sprava td p{color: white;font-size: 14px;}
#sprava td p.popis{position: relative;color: white;font-size: 14px;white-space: break-word;word-break: break-all;}
#sprava tr.nevyrizena td p.popis{color: white;}
#sprava tr.vyrizena td p.popis{color: #666;}
#sprava td p.popis span{display: none;position: absolute;top: 0;right: 0;width: 200%;background-color: white;color:#66696c;padding: 10px;z-index: 99;}
#sprava td p.popis:hover span{display: block;}
#sprava select{border-radius: 0;border: 0;width: 100%;text-align: center;background-color: #b4b4b4;color: #66696c;}
#sprava tr.tucne{border: 2px solid #66696c;}
#sprava tr.vyrizena{background-color: #cccccc;}
#sprava tr.prijata{background-color: #71b73b;}
#sprava tr.nova{background-color: #3c3b3b;}
#sprava tr.hori{background-color: red;}
#sprava tr.nevyrizena td,#sprava tr.hori td,#sprava tr.rezanka td,#sprava tr.poptavka td, #sprava tr.ukol td{color: white;}
#sprava tr.vyrizena td{color: #66696c;}
#sprava td.gray{background-color: #b4b4b4;}
#sprava td input{color: #66696c;border:none;width: 100%;font-size: 15px;font-weight: 500;}
#sprava td textarea{color: #66696c;border:none;width: 100%;height: 111px;font-size: 15px;font-weight: 500;resize:vertical;}
#sprava input.save{display: inline-block;cursor: pointer;background: transparent url('../img/save.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;}
#sprava a.edit{display: inline-block;vertical-align: top;cursor: pointer;background: transparent url('../img/pencil.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;font-size: 0;}
#sprava a.del{display: inline-block;vertical-align: top;cursor: pointer;background: transparent url('../img/kos.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;font-size: 0;}
#sprava input{font-size: 14px;font-weight: 400;color: #66696c;background:none;border: 1px solid #66696c;border-radius: 0;padding: 0px;}
#sprava input.copy{cursor: pointer;background: transparent url('../img/copy.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;}
#sprava input.del{cursor: pointer;background: transparent url('../img/kos.png') no-repeat; width:20px; height:20px; border: none;border-radius: 0;padding: 0;}
#sprava input.button{float: right;padding: 11px;margin: 0;border: 1px solid #66696c;border-radius: 0;background-color: #66696c;color: white;font-size: 13px;font-weight: 800;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#sprava input.button:hover{border-radius: 5px;border: 1px solid #66696c;border-radius: 0;background-color: transparent; color: #66696c;}

/*objednávka*/
#objednavka{text-align: center;}
#objednavka h1{}
#objednavka h2{font-size: 20px;font-weight: 700;color: #228b22;margin-bottom: 10px;}
#objednavka form{margin: 0 auto;position: relative;}
#objednavka label{width: 130px;font-size: 16px;}
#objednavka p{font-size: 14px;margin-bottom: 10px;}
#objednavka p.small{color:#66696c;font-size: 13px;}
#objednavka p.small a{color:#66696c;}
#objednavka label{text-align: right;color: #66696c;padding: 10px;margin-bottom: 5px;margin-right: 10px;}
#objednavka span.napoveda{margin-left: 0;color: #66696c;font-size: 16px;font-weight: 600;}
#objednavka input{font-size: 16px;font-weight: 400;color: #66696c;border-radius: 0;padding: 10px;}
#objednavka select{width: 100%;font-size: 16px;font-weight: 400;color: #66696c;border: 1px solid #66696c;border-radius: 0;padding: 10px;}
#objednavka select.change{float:right;width: 200px;border: 1px solid #969696;border-radius: 0;background-color: #969696;color: white;font-size: 13px;font-weight: 800;padding: 3px;margin-right: 5px;}
#objednavka textarea{font-size: 16px;font-weight: 400;color: #66696c;background:none;border: 1px solid #66696c;border-radius: 0;}
#objednavka input.button{padding: 5px 10px;border: 1px solid #969696;border-radius: 0;background-color: #969696;color: white;font-size: 13px;font-weight: 800;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#objednavka input.button.left{float: left;margin-right: 5px;}
#objednavka input.button.right{float: right;}
#objednavka input.button:hover{border-radius: 5px;border: 1px solid #66696c;border-radius: 0;background-color: transparent; color: #66696c;}
#objednavka a.button{padding: 20px;border: 1px solid #969696;border-radius: 0;background-color: #969696;color: white;font-size: 13px;font-weight: 800;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#objednavka a.button:hover{border-radius: 5px;border: 1px solid #66696c;border-radius: 0;background-color: transparent; color: #66696c;}

#objednavka .blok{text-align: left;}

#objednavka .day{display: inline-block;text-align: center;vertical-align: top;margin: 10px;}
#objednavka .day ul{text-align: left;}
#objednavka .day ul li{font-size: 13px;}

#objednavka .invisible{display: none;}

#objednavka div.firemni{position: relative;display: none;text-align: center;margin-bottom: 20px;}

#objednavka div.left{float: left;width: 50%;}
#objednavka div.right{float: right;width: 50%;}

#objednavka div.date{float: right;width: 400px;}

#objednavka input.finish{display: inline-block;background-color: #228b22;color: white;width: auto;text-decoration: none;border: 1px solid #228b22;font-size: 14px;font-weight: 700;padding: 10px;transition: all 0.9s;text-transform: uppercase;cursor: pointer;}
#objednavka input.finish:hover{color: #71b73b;color: #303030;background-color: white;text-decoration: none;}

/*#objednavka input[type="date"]::-webkit-calendar-picker-indicator {background: transparent;bottom: 0;color: transparent;cursor: pointer;height: auto;left: 0;position: absolute;right: 0;top: 0;width: auto;}*/

#objednavka table{overflow-x:auto;width: 100%;}
#objednavka th{color: #66696c;border: 1px solid #66696c;font-size: 14px;font-weight: 600;text-align: left;}
#objednavka th.nadpis{color: white;background-color: #71b73b;text-align: center;}
#objednavka td{color: #66696c;border: 1px solid #66696c;font-size: 14px;font-weight: 500;text-align: left;}
#objednavka td p{color: #66696c;font-size: 14px;}
#objednavka td input{color: #66696c;width: 100%;font-size: 14px;font-weight: 500;padding: 5px;box-sizing: border-box;}
#objednavka td textarea{color: #66696c;width: 100%;font-size: 14px;font-weight: 500;resize:vertical;padding: 5px;}

#cke_text {
    border: 2px solid #ffdddd!important;
}

#cke_text.norequired {
    border: 2px solid #ddffdd!important;
}

/*nabidka*/
#nabidka{text-align: left;margin: 50px 0;}
#nabidka p{font-size: 14px;margin-bottom: 0;}
#nabidka p.datum{display: inline-block;color: #228b22;font-size: 14px;font-weight: 700;width: 110px;margin-right: 5px;}
#nabidka div.text{display: inline-block;width:calc(100% - 124px);color: #303030;font-size: 14px;margin-bottom: 0;font-weight: 400;padding: 2px;}
#nabidka th{border: none;font-weight: 700;}
#nabidka td{border: none;}
#nabidka input{border: 1px solid lightgray;}

/*poznamky*/
#poznamky{text-align: left;margin: 50px 0;}
#poznamky p{font-size: 14px;margin-bottom: 0;}
#poznamky p.datum{display: inline-block;vertical-align: middle;color: #228b22;font-size: 14px;font-weight: 700;margin-right: 5px;}
#poznamky div.text{display: inline-block;vertical-align: middle;color: #303030;font-size: 14px;margin-bottom: 0;font-weight: 400;padding: 2px;}

/*komunikace*/
#komunikace{text-align: left;margin: 50px 0;}
#komunikace p{font-size: 14px;margin-bottom: 0;}
#komunikace p.datum{display: inline-block;vertical-align: middle;color: #228b22;font-size: 14px;font-weight: 700;margin-right: 5px;}
#komunikace p.termin{display: inline-block;vertical-align: middle;color: #303030;font-size: 14px;font-weight: 400;width: 140px;margin-left: 5px;text-align: right;}
#komunikace p.termin span{background-color: #228b22;color: white;padding: 5px;margin-left: 5px;text-align: center;}
#komunikace div.text{display: inline-block;vertical-align: middle;color: #303030;font-size: 14px;margin-bottom: 0;font-weight: 400;padding: 2px;}

/*emaily*/
#emaily{text-align: left;margin: 50px 0;}
#emaily p{font-size: 14px;margin-bottom: 0;}
#emaily p.datum{display: inline-block;vertical-align: top;color: #228b22;font-size: 14px;font-weight: 700;width: 110px;margin-right: 5px;}
#emaily div.text{display: inline-block;width:calc(100% - 124px);color: #303030;font-size: 14px;margin-bottom: 0;font-weight: 400;padding: 2px;}

/*Registrace*/
#registrace{}
#registrace h1{}
#registrace form{max-width: 600px; margin: 0 auto;position: relative;}
#registrace label{width: 150px;text-align: right;color: #66696c;padding: 10px;font-size: 18px;}
#registrace p{font-size: 14px;margin-bottom: 10px;}
#registrace p.small{color:#66696c;font-size: 13px;}
#registrace p.small a{color:#66696c;}
#registrace input{font-size: 18px;font-weight: 400;color: #66696c;background:none;border: 1px solid #66696c;border-radius: 0;padding: 10px;}
#registrace textarea{font-size: 18px;font-weight: 400;color: #66696c;background:none;border: 1px solid #66696c;border-radius: 0;}
#registrace input[type=submit]{float: right;padding: 5px 20px;border: 1px solid #66696c;border-radius: 0;background-color: #66696c;color: white;font-size: 18px;font-weight: 800;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#registrace input[type=submit]:hover{border-radius: 5px;border: 1px solid #66696c;border-radius: 0;background-color: transparent; color: #66696c;}

#registrace input[type=radio] {display: none;}
#registrace .tab{border-bottom:1px solid #66696c;margin-bottom: 20px;padding-bottom: 10px;}
#registrace .tab label{color: #646464;font-size: 14px;font-weight: 700;background-color: #e6e6e6;cursor: pointer;}
#tab-1:checked ~ .tab label:nth-child(1),#tab-2:checked ~ .tab label:nth-child(2){background-color: #66696c;color: white;}

#registrace .content > div {display: none;}
#tab-1:checked ~ .content div:nth-child(1),
#tab-2:checked ~ .content div:nth-child(2){display: block;}

/* NEVÍM HESLO */
#nevim_heslo{}
#nevim_heslo form{max-width: 307px; margin: 0 auto;}
#nevim_heslo label{width: 50px;}

/*napoveda*/

/*Nevim heslo*/
#nevim-heslo {width: 350px;}
#nevim-heslo a{color: white;}
#nevim-heslo input.button{position: relative; top: -5px;}

/*loader*/
.loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('../img/page-loader.gif') 50% 50% no-repeat rgb(255,255,255);}

/* FORMULAR */
#formular{max-width: 800px;text-align: left;padding: 50px;box-sizing: border-box;background-color: #66696c;}
#formular form{max-width: 800px; margin: 0 auto;}
#formular h3{text-align: left;color:white;font-size: 25px;font-weight: 400;margin-bottom: 20px;}
#formular p.small{color:white;font-size: 13px;}
#formular p.small a{color:white;}
#formular label{text-align: right;font-size: 15px;font-weight: 400;color: white;padding: 10px;}
#formular input{font-size: 15px;font-weight: 400;color: white;background:none;border: 1px solid white;border-radius: 0;padding: 10px;}
#formular textarea{font-size: 15px;font-weight: 400;color: white;background:none;border: 1px solid white;border-radius: 0;}
#formular input[type=submit]{float: right;width: auto;padding: 5px 20px;border: 1px solid #bea565;border-radius: 0;background-color: transparent;color: white;font-size: 13px;font-weight: 700;cursor: pointer;text-transform: uppercase;transition: all 300ms ease 0s;}
#formular input[type=submit]:hover{border-radius: 5px;border: 1px solid #bea565;border-radius: 0;background-color: transparent; color: #bea565;}

#kontakt_form{position: relative;}

@media only screen and ( max-width: 1000px ){
    #formular label{float: none;}
}

@media only screen and ( max-width: 450px ){
    #formular{padding: 20px;}
}

#ajax_loader{display: none;background: transparent url('../img/ajax-loader.gif') center center no-repeat;width: 100%;height: 100%;position: absolute;top: 0;}

#ares {
  text-align: center;  
  color: white;
  cursor: pointer;
  text-decoration: none;
  padding: 5px;
  outline: none;  
  border-radius: 0;
  border: 1px solid #66696c;
  background-color: #66696c;
  transition: 0.2s;
  margin-left: 3px;
  font-size: 13px;
  font-weight: 700;
}
#ares:hover {background-color: white;color: #66696c;}
#ares:active {background-color: white;color: #66696c;}

#ean_confirm {
  text-align: center;  
  color: white;
  cursor: pointer;
  text-decoration: none;
  padding: 5px;
  outline: none;  
  border-radius: 0;
  border: 1px solid #66696c;
  background-color: #66696c;
  transition: 0.2s;
  margin-left: 3px;
  font-size: 13px;
  font-weight: 700;
}
#ean_confirm:hover {background-color: white;color: #66696c;}
#ean_confirm:active {background-color: white;color: #66696c;}

.popup_trigger{display: inline-block;color: white;text-decoration: none;font-size: 16px;font-weight: 700;padding: 30px;transition: all 0.9s;text-transform: uppercase;cursor: pointer;margin-bottom: 20px;}
.popup_trigger:hover{color: #71b73b;color: #66696c;background-color: white;text-decoration: none;}

.popup_trigger2{display: inline-block;color: white;text-decoration: none;font-size: 16px;font-weight: 700;padding: 30px;transition: all 0.9s;text-transform: uppercase;cursor: pointer;margin-bottom: 20px;}
.popup_trigger2:hover{color: #71b73b;color: #66696c;background-color: white;text-decoration: none;}

/*POPUP*/
div.popup{top: 0;left:0;right: 0;bottom: 0;position: fixed;z-index: 998;z-index: 888888888;width: 100%;height:100%;background-color: rgba(77,77,77,0.6);}
span.close{position: absolute;right: 10px;top:10px;height: 20px;width:20px;font-size: 0px;background: transparent url('../img/cross.png') no-repeat;border:none;cursor: pointer;}
div.popup_content{color: #66696c;background-color: rgba(255,255,255,1);overflow: hidden;text-align: center;padding: 50px;position: relative;z-index: 999;top:50%;transform: translateY(-50%);max-width: 800px;
    box-sizing: border-box;border-radius: 10px;-webkit-border-radius: 10px;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-backface-visibility: visible;-ms-backface-visibility: visible;
    backface-visibility: visible;-webkit-animation-name: popup;animation-name: popup;margin: 0 auto;}
div.popup_content h2{text-align: center!important;}
div.popup_content p{color: #66696c!important;font-size: 20px!important;}

span.radio_close{
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 13.33333px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 40px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff!important;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
  padding: 0!important;
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 40px;
  transition: all 0.15s ease-out 0s;
  background: white;
  border: 1px solid #546a76;
  color: #fff!important;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
  padding: 0!important;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #71b73b;
}
.option-input:checked::before {
  height: 40px;
  width: 40px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 40px;  
}
.option-input:checked::after {  
  background: #71b73b;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}

@media only screen and ( max-width: 800px ){
    div.popup_content{margin: 10px;padding: 20px;}
    popup_left{float: none;width: 100%;}
}