.main {
    
    width:100%;
    min-height:50px;
    position:relative;

}

.main .slider {

    width:100%;
    height:700px;
    background-image:url('./files/elements/protetika_home.jpg');
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;

}

.main .slider .openingHours {

    width:440px;
    height:-webkit-calc(90% - 100px);
    height:calc(90% - 100px);
    /*position:absolute;
    top:0;
    left:85px;
    bottom:0;
    margin-top:auto;
    margin-bottom:auto;*/
    position:relative;
    left:85px;
    background-color:rgba(255,255,255,0.94);
    display:table;
    padding-top:10px;
    padding-bottom:10px;

}

.main .slider .openingHours > .verticalAlign {

    display:table-cell;
    vertical-align:middle;
    padding-left:38px;
    padding-right:38px;

}

.main .slider .openingHours h2 {

    padding:0;
    margin:0;
    font-size:30px;
    font-weight:700;
    font-family:'Raleway',sans-serif;
    color:rgba(0,0,0,1.0);

}

.main .slider .openingHours .normalTextSize {
    font-size:14px;
}

.main .slider .openingHours .openingHours_table {

    width:100%;
    border-collapse:collapse;
    margin-top:35px;

}

.main .slider .openingHours .openingHours_table.noTopGutters {
    margin-top: 0;
}

.main .slider .openingHours .openingHoursChange_holder {
    margin-top: 7px;
}

.main .slider .openingHours .openingHoursChange_holder .change_title {
    padding: 0;
    margin :0;
    font-size: 0.875rem;
    font-weight: 700;
    color: rgba(231,76,60,1.0);
}

.main .slider .openingHours .openingHoursChange_holder.large .change_title {
    font-size: 1.125rem;
}

.main .slider .openingHours .openingHours_table tr th {

    padding-top:7px;
    padding-bottom:7px;
    font-size:18px;
    font-weight:700;
    font-family:'Raleway',sans-serif;
    text-align:left;

}

.main .slider .openingHours .openingHours_table tr td {

    padding-top:7px;
    padding-bottom:7px;
    font-size:18px;
    font-weight:400;
    font-family:'Raleway',sans-serif;
    text-align:right;

}

.main .slider .openingHours .openingHoursChange_holder .openingHours_table tr th,
.main .slider .openingHours .openingHoursChange_holder .openingHours_table tr td {
    font-size: 0.875rem;
}

.main .slider .openingHours .openingHoursChange_holder.large .openingHours_table tr th,
.main .slider .openingHours .openingHoursChange_holder.large .openingHours_table tr td {
    font-size: 1.125rem;
}

.main .slider .openingHours .telephone_table {

    width:100%;
    border-collapse:collapse;
    margin-top:35px;

}

.main .slider .openingHours .telephone_table tr td {

    font-size:18px;
    font-weight:700;
    font-family:'Raleway',sans-serif;
    text-align:left;

}

.main .slider .openingHours .telephone_table tr td.icon_td {
    width:25px;
}

.main .slider .openingHours .telephone_table tr td.text_td {
    padding-left:15px;
}

.main .slider .openingHours .telephone_table tr td .tel_icon {

    width:25px;
    height:25px;
    background-image:url('./files/icons/telephone.svg');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;

}

.main .alertBox {

    width:100%;
    height:60px;
    display:table;
    position:relative;
    top:-30px;
    padding:10px;

}

.main .alertBox.info {
    background-color:rgba(38,38,38,1.0);
}

.main .alertBox.warning {
    background-color:rgba(230,126,34,1.0);
}

.main .alertBox .alert_icon {

    width:40px;
    height:40px;
    margin-left:20px;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    display:table-cell;

}

.main .alertBox.info .alert_icon {
    background-image:url('./files/icons/icon_info.svg');
}

.main .alertBox.warning .alert_icon {
    background-image:url('./files/icons/icon_warning.svg');
}
    
.main .alertBox > .verticalAlign {

    display:table-cell;
    vertical-align:middle;
    font-size:20px;
    font-weight:400;
    font-family:'Raleway',sans-serif;
    color:rgba(255,255,255,1.0);
    text-align:left;
    padding-left:20px;

}

.main .alertBox > .verticalAlign .alert_title {

    padding:0;
    margin-right:0;
    font-size:26px;
    font-weight:700;
    font-family:'Raleway',sans-serif;
    color:rgba(255,255,255,1.0);
    display:block;

}

.main .alertBox > .verticalAlign .alert_content {

    padding:0;
    margin-right:0;
    font-size:18px;
    font-weight:400;
    font-family:'Raleway',sans-serif;
    color:rgba(255,255,255,1.0);
    display:block;
    margin-top:10px;

}

.main .alertBox > .verticalAlign .alert_content * {
    
    padding:0;
    margin-right:0;
    font-size:18px;
    font-weight:400;
    font-family:'Raleway',sans-serif;
    color:rgba(255,255,255,1.0);
    display:block;
    margin-top:10px;
    
}

.main .alertBox > .verticalAlign .alert_content strong {
    font-weight:700;
    display:inline;
}

.main h1 {

    padding:0;
    margin:0;
    font-size:35px;
    font-weight:900;
    font-family:'Raleway',sans-serif;
    color:rgba(0,0,0,1.0);
    margin-top:67px;
    margin-bottom:39px;

}

.main p {

    padding:0;
    margin:0;
    font-size:20px;
    font-weight:400;
    font-family:'Raleway',sans-serif;
    color:rgba(0,0,0,1.0);

}

.main .textBox_left_60 {
    
    width:60%;
    float:left;
    

}

.main .image_right_40 {

    width:40%;
    float:right;
    text-align:right;

}

.main .image_right_40 img {

    width:90%;
    height:auto;
    object-fit:contain;
    object-position:center;

}

.main .image_right_40 img.homeProtetikaLogo {

    width:auto;
    height:259px;

}

.main .colab_holder {
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:wrap;
    align-items: flex-end;
}

.main .colab_holder .colab_item {
    width:33%;
    height:auto;
}

.main .colab_item_logo {

    width:374px;
    height:61px;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    margin-top:64px;
    margin-left:auto;
    margin-right:auto;

}

.main .colab_item_logo.ottobock {
    background-image:url('./files/elements/ottobock.svg');
}

.main .colab_item_logo.cortex {
    height:120px;
    background-image:url('./files/elements/cortex.png');
}

.main .colab_item_logo.fn_plzen {
    height:80px;
    background-image:url('./files/elements/fn_plzen_original.png');
}

.main .colab_item_text {

    padding:0;
    margin:0;
    font-size:1.5rem;
    font-weight:400;
    font-family:'Raleway',sans-serif;
    color:rgba(0,0,0,1.0);
    margin-top:27px;
    text-align:center;

}

.main .historieSpolecnosti_heading {

    padding:0;
    margin:0;
    font-size:35px;
    font-weight:700;
    font-family:'Raleway',sans-serif;
    margin-top:131px;

}

.main .historieSpolecnosti {

    width:614px;
    min-height:100px;
    margin-top:40px;
    margin-left:auto;
    margin-right:auto;

}

.main .historieSpolecnosti img {

    width:100%;
    height:auto;

}

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

    .main .slider .openingHours {

        width:440px;
        height:calc(90% - 100px);
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin-top:auto;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:auto;
        background-color:rgba(255,255,255,0.94);
        display:table;

    }

}

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

    .main h1 {
    
        font-size:25px;
    
    }
    
    .main p {
    
        font-size:16px;
    
    }
    
    .main .image_right_40 img.homeProtetikaLogo {

        width:auto;
        height:180px;

    }
    
    .main .colab_item_logo {

        width:260px;
        height:42px;
        
    }
    
    .main .colab_item_text {

        font-size:20px;

    }
    
    .main .historieSpolecnosti_heading {
        
        font-size:25px;
        margin-top:50px;
        
    }
    
    .main .historieSpolecnosti {

        width:300px;
        min-height:100px;
        margin-top:40px;
        margin-left:auto;
        margin-right:auto;

    }

}

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

    .main .textBox_left_60 {
    
        width:100%;
    
    }
    
    .main .image_right_40 {
        display:none;
    }

    .main .colab_holder .colab_item {
        width:100%;
        margin-bottom:20px;
    }

}

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

    .main .slider .openingHours {

        width:440px;
        height:calc(90% - 100px);
        position:absolute;
        top:85px;
        left:0;
        right:0;
        bottom:0;
        margin-top:none;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:none;
        background-color:rgba(255,255,255,0.94);
        display:table;

    }

}