#kontakty h1{font-size: 50px; color:#f5d479; line-height: 56px}
#kontakty h2{font-size: 22px; line-height: 26px}

#kontakty .adresa{ display:block; font-size: 28px; margin-top: 15px; line-height: 32px}
#kontakty .oteviraciDoba{ display:block; font-size: 22px; margin-top: 10px}
#kontakty .telefon{ display:block; font-size: 22px; margin-top: 5px; color: #CCC; line-height: 26px}

#kontakty .urls{ display:block; margin-top: 20px}
#kontakty .urls a{ font-size: 22px; color:#C00;}
#kontakty .email{ display:block; margin-top: 10px; font-size: 26px}
#kontakty .facebook{ font-size: 30px; font-weight: bold; color:#FFF; display: block; padding: 8px; background: #284383; margin-top: 10px; line-height: 34px}

#kontakty .znacky{ display:block; margin-top: 10px;}


#kontakty .zprava .alert{ margin-top: 20px}
#kontakty .contactForm{ background: rgba(0,0,0,0.3); padding: 30px 0; margin-top: 50px}

#kontakty .contactForm .zaklInfo{ float:left;}
#kontakty .contactForm .zprava{ float:right;}
#kontakty .contactForm .zprava .field{ width: 300px; margin-right: 150px}

#kontakty .contactForm .formInfo{ padding: 0 200px}

#kontakty .contactForm input[type="text"],
#kontakty .contactForm textarea {
    border: 1px solid #0c0c0c;
    background: #111;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    color:#f5d479;
}

#kontakty .mapaContainer h3{ color:#f5d479; font-size: 30px}
#kontakty .mapaContainer{margin-top: 50px}

#kontakty .mapaContainer .seznamMest{
    background: rgba(0,0,0,0.6);
    padding: 10px 0;
    }
#kontakty .mapaContainer .seznamMest a{ color: #C00; font-size: 16px}
#kontakty .mapaContainer .seznamMest a:hover{ color: #FFF}
#kontakty .mapaContainer .mapaCont{ margin: 20px 10px 0 10px}




@media (max-width: 939px){
    #kontakty .contactForm .zaklInfo .control-group .control-label{width:100px;}
    #kontakty .contactForm .zaklInfo .control-group .controls{margin-left:120px;}
    #kontakty .contactForm .zprava .field{ width: 300px; margin-right: 50px}
   /* */
}

@media (max-width: 767px) {
    #kontakty .contactForm .formInfo{ padding: 0 50px}
    #kontakty .contactForm .zaklInfo,
    #kontakty .contactForm .zprava{ float:none;}
    #kontakty .contactForm .zprava{ text-align: center;}
    #kontakty .contactForm .zprava .field{ margin:0; margin-bottom: 20px}
}

@media (max-width: 479px) {
    h1.header{font-size: 70px !important}
    #kontakty .contactForm .formInfo{ padding: 0}
    #kontakty .contactForm .zaklInfo .control-group .controls input{ width: 150px}
}