﻿a, a:visited, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #2b4d9c;
}

p {
    text-shadow:none;
}

    p.bioquote {
        color: black;
    }

h3.heading {
    color: white; /* #0019ff */
    font-size: 21px;
}

.footer p, .footer ul li a {
    color: #2b4d9c;
}

.latest figure figcaption {
    margin: 0 10px;
}

    .latest figure figcaption .heading {
        font-size: 21px;
        line-height:26px;
    }


h4 {
    text-transform: none;
}

.servicesCategoryContainter, .memoryCategoryContainter, .eventsCategoryContainter {
    padding: 0px;
    margin: 0 auto 15px auto;
    text-align: center;
}
 

.memoryCategory, .memorySubCategory, .eventsCategory, .servicesCategory{
    margin: 0 auto;
}

    .memoryCategory p, .memorySubCategory p, .eventsCategory p, .servicesCategory p {
        display: inline-block;
        margin: 2px;
        width: 44px;
        height: 44px;
        background-color: #e63323; /* #2b262a*/
    }
    .memoryCategory p {
        border: 1px solid #2b262a;
    }

        .memoryCategory p.selected{
            border:1px solid black;
        }

        .memoryCategory p a, .memorySubCategory p a, .eventsCategory p a, .servicesCategory p a {
            display: block;
        }

            .memoryCategory p a:hover, .memorySubCategory p a:hover, .eventsCategory p a:hover, .servicesCategory p a:hover {
                background-color: #877b6f;
            }

        .memoryCategory p.selected, .memorySubCategory p.selected, .eventsCategory p.selected, .servicesCategory p.selected {
            background-color: #ffeb00;
        }



        .memoryCategory p a img, .memorySubCategory p a img, .eventsCategory p a img, .servicesCategory p a img {
            display: block;
            width: 100%;
        }

            .memoryCategory p a span, .memorySubCategory p a span, .eventsCategory p a span, .servicesCategory p a span {
                text-align: center;
                display: block;
                height: 3.2em;
                overflow:hidden;
            }


    .hide{display:none;}

.webSearchInfo a{
    color:red;
    font-size:1.4em;
    padding-left:5px;
}

.latest figure {
    background-color: #2b4d9c; /* #ffeb00 */
}

#memoryImage {
    float: left;
    margin-right: 5px;
    border-top: 1px solid #877b6f;
    border-bottom: 1px solid #877b6f;
    height: 236px;
}

#serviceImage {
    float: left;
    margin-right: 5px;
    border-top: 1px solid #877b6f;
    border-bottom: 1px solid #877b6f;
    height: 236px;
}


#openingHour {
    float: right;
}
#openingHour td{padding:2px;}

.olGroupLayerSwitcherList {
    position: absolute;
    right:0;
    top:0;
    background:yellow;
    z-index:10000;
}

.logo {
    padding-top: 15px;
}

    #header .title {
    padding-top: 15px;
    font-size: 2.4em; /*3em*/
    float: left;
    margin-left: 10px;
    line-height: 2.5em;
    font-weight: bold;
}

        #header .title a {
            color: white; /*#f8cc46*/
        }

.footer{
    padding-bottom:0;
}

@media only screen and (max-width: 768px) {
    #header .title {
        font-size: 2em;
        line-height: 1.5em;
        max-width: 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px){
    #header .title {
        max-width: 200px;
        line-height: 1em;
    }
}

.three_fourth {
    width: 74%;
    margin-right: 4%;
    margin-bottom: 10px;
    float: left;
}


.breadcrumbs{
    margin-bottom:5px;
}


.smallServiceList{
    float:left; margin-right:5px;
}


fieldset {
    background-color: #877b6f;
}

#openingHour table td{padding:0 2px;}

.ServiceEquipment93{
    text-align:left;
}

.serviceEquipment {
    color: #fbe6cb;
}

    .serviceEquipment img {
        width: 22px;
        height: 22px;
        border: 1px solid #f8cc46;
    }

#datepicker {
    margin-left:10px;
    display: inline;
    width: 120px;
    border: none;
    font-size: 22px;
    padding: 0;
    cursor:pointer;
    background-color:white;
}

/* souvisejici obrazky*/
#images2019 img {
    height: 101px;
}

#images2019 a img {
    border-top: 1px solid #877b6f;
    border-bottom: 1px solid #877b6f;
    margin: 0 0px 0 0;
}

#images2019 #imageLinks {
    height: 103px;
    overflow: hidden;
    margin-bottom: 25px;
}

/* mapa */
#map {
    float: left;
    width: 638px;
    height: 236px;
    border-top: 1px solid #877b6f;
    border-bottom: 1px solid #877b6f;
    position: relative;
}

#map #buttons{
    display:none;
}

select {
    width: 70px;
}

@media only screen and (max-width: 479px) {
    .mainmenu select {
        width: 70px;
    }

    .three_fourth {
        width:100%;
    }

    .one_fourth img{width:100%;}

    #map {
        width: 100%;
        margin-top: 20px;
    }

}

@media only screen and (max-width: 767px) {
    .three_fourth {
        width: 100%;
    }

    .one_fourth img {
        width: 100%;
    }
}

@media only screen and (max-width: 959px) {
    #map {
        width: 100%;
        margin-top: 20px;
    }
}

/* videa */
.videoLinks img {
    height: 101px;
}

.videoLinks a img {
    border-top: 1px solid #877b6f;
    border-bottom: 1px solid #877b6f;
    margin: 0 0px 0 0;
}

.videoLinks {
    height: 103px;
    overflow: hidden;
    margin-bottom: 25px;
}

#videoPlayer {
    position: fixed;
    z-index: 999999;
    overflow: hidden;
    background: #000;
    background: rgba(0,0,0,.9);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

}

    #videoPlayer a.close {
        position: absolute;
        top: 15px;
        left: 15px;
        margin: 0 40px 0 0;
        font-size: 20px;
        line-height: 30px;
        color: #fff;
        text-shadow: 0 0 2px #000;
        opacity: .8;
        display: none;
        padding: 15px;
        right: 50%;
        left: auto;
        margin: -15px;
        font-size: 40px;
        text-decoration: none;
        cursor: pointer;
        display: block;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #videoPlayer iframe {
        width: 100%;
        height: 100%;
    }


#header {
    color: white;
    background-color: #a1daf8;
}

.footer {
    background-color: #a1daf8;
}

    .footer h3 {
        color: #2b4d9c;
    }

h1, h2, h3, h4, h5, h6, p {
    font-family: 'Open Sans', sans-serif;
}

div.description{
    font-size:15px;
}

h4 {
    color: #e63323;
}

#copyright {
    background-color: white;
}

p.copyright {
    color: #2b4d9c;
}

.sf-menu li a {
    color: #2b4d9c;
    font-family: 'Moderat', serif;
}

body {
    font-family: 'Moderat', sans-serif;
}

li a#visited {
    border-bottom-color: #ffeb00;
}

.sf-menu li a:hover {
    color: #ffeb00;
}

ul.socials li {
    background-color: #e63323;
}


.latest figure .thumb img{
    width:100%;
}


div.mailing {
    width: 200px;
    position: absolute;
    top: 0px;
    right: 0;
    /*background-color: lightblue;*/
}

@media only screen and (max-width: 959px) {
    div.mailing {
        /*background-color: lime;*/
    }
}


@media only screen and (max-width: 768px) {
    div.mailing {
        width: auto;
        position: relative;
        /*background-color: yellow;*/
        text-align: center;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 479px) {
    div.mailing {
        /*background-color: red;*/
    }
}

.latest figure {
    border-top: none; /*4px solid #ffeb00;*/
}

.descImage {
    padding-right: 10px;
    display: block;
    float: left;
}

.footer ul li a:hover{padding-left:0;}

#certificates {
    margin-top: 15px;
}

    #certificates #certificateLinks {
        height: 103px;
        overflow: hidden;
        margin-bottom: 25px;
    }

    #certificates a img {
        border-top: 1px solid #877b6f;
        border-bottom: 1px solid #877b6f;
        margin: 0 0px 0 0;
    }

    #certificates img {
        height: 101px;
    }