/*@import 'core/core.css';*/
@import 'MCEstyle.css';
@import 'core.css';

#header {position: absolute; padding: 60px 0 0; display: block; width: 100%;}
.logo {width: 200px; margin-left: 185px; float: left}
.main-menu {float: right;  width: 362px; color: #4f4f4f; margin-right: 280px;}
.main-menu a {text-decoration: none; color: #4f4f4f; font-size: 15px;}
.main-menu a:hover {cursor: pointer;}
.main-menu a.selected {color: #01a0e2;}
.main-menu a.wide-item {padding: 0 35px;}
#footer .main-menu {margin: 0 auto; float: none; display: block; margin: 0 auto -120px; color: #848ea0;}
#footer a {color: #848ea0;}

.homepage p.intro {height: 0; padding: 0; margin: 0;}

.square-box.light.blue.not-square img.f-right {    cursor: pointer;}

.square-box.boxes div.label-wrap {padding: 15px 30px;}

input.txt, textarea {
    background-color: #193974;
    border: none;
    padding: 10px;
    color: #ffffff;
    margin: 5px;
    width: 195px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ffffff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ffffff;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ffffff;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #ffffff;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color:    #ffffff;
}

textarea, input#firm {
    width: 420px;
}

textarea {
    margin-bottom: 30px;
}

label.captcha_word {
    float: left;
    font-size: 15px;
    line-height: 45px;
    margin-left: 25px;
}

#captcha-loading {
    margin-left: 120px;
    width: 105px;
    /*padding: 3px 0 2px 0;*/
    padding: 0;
    background-color: #f0f0f0;
}

#captcha_word {
    width: 55px;
    height: 30px;
    padding: 10px;
    border: none;
    background-color: #193974 ;
    color: #ffffff;
}

#captcha_word_wrap {
    padding: 0;
    float:left;
    margin-left: 235px;
    margin-top: -50px;
}

#captcha-rld-btn img {
    position: absolute;
    margin-top: -33px;
    margin-left: 203px;
    z-index: 2;
}

input.but {
    padding: 14px 30px;
    margin-top: -50px;
    margin-right: 5px;
}

/*mozilla fix */
@-moz-document url-prefix() {
    input.but {
        padding: 12px 30px;
    }
}



#form table {
    margin: 25px 0 0 175px;
}

h2#kontaktni-formular {
    margin: 70px 0 0 180px;
    text-align: left;
}

#map {height: 350px; width: 100%;}

@media only screen and (max-width: 1530px) {
    .square-box.not-square {
        height: 585px;
    }
}
@media only screen and (max-width: 1410px) {
    .square-box.not-square {
        padding-right: 80px;
    }
}

@media only screen and (max-width: 1365px) {
    h2, .square-box.boxes.white H2 {font-size: 29px;}
    .square-box.boxes.white p.lead {font-size: 16px; line-height: 170%;}
    .square-box.not-square li {padding-right: 50px;}
}
@media only screen and (max-width: 1310px) {
    .square-box.not-square li {padding-right: 30px; padding-left: 20px; font-size: 15px; width: 330px;}
    .square-box.not-square p {font-size: 16px;}
    h2, .square-box.boxes.white H2 {font-size: 24px;}
    button {padding: 14px 25px;}
    .square-box.boxes.white div, .square-box.not-square {padding-left: 120px;}
    .square-box.boxes.white div {padding-right: 120px;}
    h2#kontaktni-formular {margin-left: 120px;}
    .homepage-box.square-box p, .logo, .homepage-box.square-box button {margin-left: 125px;}
    #form table {margin-left: 115px;}
    textarea, input#firm {width: 350px;}
    input.txt {width: 159px}
    input.but {font-size: 12px; padding: 16px 20px;}
    /*mozilla fix */
    @-moz-document url-prefix() {
        input.but { padding: 14px 20px;}
    }
    #captcha-loading {margin-left: 90px;}
    #captcha_word_wrap {margin-left: 205px;}
    #captcha_word{ padding-right: 0;}
    #captcha-rld-btn img {margin-left: 170px;}
    label.captcha_word{ font-size: 12px; margin-left: 10px;}
}

@media only screen and (max-width: 1220px) {
    .square-box.boxes div {padding: 128px 100px;}
    .square-box.boxes.blue.first, .square-box.boxes.blue.second {height: 500px;}
    .not-square.square-box {min-height: 700px; height: auto;}
    h2 {font-size: 22px;}
    h1 {font-size: 65px;        line-height: 110%;        margin-top: 260px;        margin-left: 48%;}
}
