@charset "utf-8";

#objednavka:before { content: ""; position: absolute; top:0; left: 0; background: url(../obr/bg_form.png) no-repeat top center; width:100%; height: 100%; background-size:80%;  }


/*** form ***/

form[name="objednavka"] { width:70%; margin:0 auto; }

form[name="objednavka"] input[type="text"], 
form[name="objednavka"] input[type="email"], 
form[name="objednavka"] input[type="tel"], 
form[name="objednavka"] textarea { width:100%; padding:15px; border:1px solid #ebebeb; background:#ebebeb; display:inline-block;}

form[name="objednavka"] select { display:none; width:1px; height:1px; }

.select { display:block; position:relative; background:#ebebeb;  cursor:pointer;  }
.select:after { content:""; position:absolute; width:40px; height:40px; background:url(../obr/arrow_squre.png); right:5px; top:3px; display:inline-block; background-size:contain; }
.select-options, .select-options ul { display:none; position:absolute; left:0; top:45px; height:auto; background:#fff; }
.select-options ul { border:1px solid #666; }

form[name="objednavka"] > [class*="col-"] { padding: 10px; }
form[name="objednavka"] p {  width:100%; display:block;  position:relative; }
form[name="objednavka"] > [class*="col-"]:not(:nth-last-child(-n+2)) label { position:absolute; top:50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); left:25px; }

form[name="objednavka"] > [class*="col-"]:nth-last-child(-n+2) label { position:absolute; top:15%; left:25px; }


.select { display:block; position:relative; width:100%; padding:15px; background:#ebebeb; border:1px solid #ebebeb; cursor:pointer; z-index: 999 }
.select:after { content:""; position:absolute; width:6px; height:14px; background:url( ../obr/arrows_select.png); right:15px; top:50%;  transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); display:inline-block; background-size:contain; }
.select-options, .select-options ul { display:none; position:absolute; width:100%; left:0; top:45px; height:auto; background:#fff; }
.select-options ul { border:1px solid #666; }


form[name="objednavka"] ul li:first-child { border-top:4px solid #ccc; }
form[name="objednavka"] ul li:last-child { border-bottom:4px solid #ccc; }
form[name="objednavka"] ul li { display:block; padding:10px; color:#162232; text-align:left; border-bottom:1px solid #ccc; }
form[name="objednavka"] ul li.selected { font-weight:bold;}
form[name="objednavka"] ul li:hover { background:#ebebeb}




.kontakt-info { padding-bottom:50px; }
.kontakt-hodiny { padding-top:50px; }

.kontakt-info h2{ display:block; font-size:16px; font-weight:bold; padding-bottom:15px; text-align:left;  }
.kontakt-info p { color:#2a2a2a; line-height:21px; padding-bottom:10px;}
.kontakt-info dl { display:block; color:#2a2a2a; }
.kontakt-info dt, .kontakt-info dd { display:block; float:left;   font-size:14px; line-height:21px;}
.kontakt-info dt {  min-width:20%; } 
.kontakt-info dd {  min-width:80%; } 
.kontakt-info dd:after {content:""; clear:both;  }
.kontakt-info dt:after {content:".:";   }

/*************** hodiny ************/

.hodiny [class*="col-"] { padding: 10px; background: #dedede; margin: 20px 0; position: relative; }
.hodiny h2 { color:#2a2a2a; text-align: left; margin-bottom: 20px; font-weight: bold; text-transform: uppercase; }
.hodiny table { display:table; width: 100%; table-layout: fixed; }
.hodiny table tr td { color:#2a2a2a; border-bottom: 1px solid #ccc; padding: 10px 0; }
.hodiny table tr td:nth-child(even) { text-align: right; font-weight: bold;}
.hodiny table tr td:nth-child(odd) { text-transform: uppercase; }