.cena {
    background-color: transparent;
}

.cena td{
    padding:2px;
    color:#505050;
    font-size:14px;
    font-weight:normal;
}

.cena:hover{
    background:#F0F0F0;
}

span.error{
    display:block;
    color:#d50000;
    font-size:13px;
    font-weight:600;
    padding:3px 0 6px 0;
}

/* ===========================
   INPUTY
=========================== */

.myinput,
.myinputerror,
select.myinput,
textarea.myinput{

    width:100%;
    max-width:100%;
    height:44px;

    padding:0 12px;
    margin:6px 0 12px 0;

    box-sizing:border-box;

    background:#fff;

    border:1px solid #d7d7d7;
    border-radius:6px;

    color:#444;
    font-size:15px;
    font-weight:normal;

    transition:.2s;
}

.myinput:focus,
.myinputerror:focus{

    border:1px solid #0061A9;
    outline:none;
    background:#fff;

}

.myinputerror{

    border-left:4px solid #d50000;
    color:#990000;
}

/* ===========================
   BUTTON
=========================== */

.mybutton{

    width:260px;
    max-width:100%;

    height:48px;

    margin:20px auto;

    display:block;

    border:none;

    background:#AAAAAA;

    color:#000;

    font-size:16px;
    font-weight:bold;

    border-radius:6px;

    cursor:pointer;

    transition:.25s;
}

.mybutton:hover{

    background:#D81C27;
    color:#ffffff;

}

/* ===========================
   RESPONSIVE FORM
=========================== */

form[name="competition"]{

    width:100%;
}

form[name="competition"] *{

    box-sizing:border-box;
}

/* hlavné sivé boxy */

form[name="competition"] > div[style*="max-width: 400px"]{

    width:calc(50% - 10px) !important;
    max-width:none !important;

    min-height:auto !important;

    float:left !important;

    margin:5px !important;

    padding:15px !important;

    border-radius:8px;
}

/* políčka */

div[style*="width: 185px"]{

    width:calc(50% - 10px) !important;

    height:auto !important;

    min-height:82px;

    float:left;

    margin-right:10px !important;
}

div[style*="min-width: 185px"]{

    width:100% !important;

    min-width:100% !important;

    height:auto !important;
}

/* newsletter + GDPR */

form[name="competition"] > div[style*="max-width: 800px"]{

    max-width:100% !important;
}

/* mobil */

@media (max-width:900px){

    form[name="competition"] > div[style*="max-width: 400px"]{

        width:100% !important;

        max-width:100% !important;

        float:none !important;

        margin:15px 0 !important;
    }

    div[style*="width: 185px"]{

        width:100% !important;

        margin-right:0 !important;

        float:none !important;
    }

    .mybutton{

        width:100%;
    }

}

/* ===========================
   OSTATNÉ
=========================== */

img.hotelsmall{
    margin:0;
    padding:0;
    border:none;
    width:257px;
    height:175px;
}

.hotelbox{
    max-width:300px;
    height:340px;
    float:left;
    margin-right:5px;
    margin-bottom:20px;
    text-align:center;
    border:2px solid #d0d4bb;
    padding:5px;
}

div.accomodation{
    color:#444;
    background:transparent;
    line-height:130%;
    margin-bottom:0;
    padding:5px;
}

div.accomodation:hover{
    color:#fff;
    background:#6a2345;
}

div.accomodation-sold{
    color:#888;
    background:transparent;
    line-height:130%;
    margin-bottom:0;
    padding:5px;
    text-decoration:line-through;
}

div.accomodation-sold:hover{
    color:#fff;
    background:#666;
}

img.hotel{
    margin:2px;
    background:#AAA;
    border:1px solid silver;
    width:100%;
}

#abstrakt h3{
    color:#6a2345;
}

#abstrakt ol li{
    padding-left:15px;
}

input[type=checkbox]{
    width:24px;
    height:24px;
    vertical-align:middle;
    cursor:pointer;
}