/* tagy */
body {margin: 0 auto; padding: 0; background: #cea880 url() repeat fixed; text-align: left; font-family: "Arial",Helvetica,sans-serif; font-size: 0px; font-weight: 500; color:#532600;}
a {color: #972b00; text-decoration: underline; cursor: hand;}
h1 {height:33px;font-size:24px; margin:0; font-family: Patrick Hand SC,cursive;letter-spacing:1px;color:#322d25/*2d2532*/;text-align: center; padding: 10px 0 0 0; margin-top: 10px;}
h2{letter-spacing: 0px;font-size:20px;font-weight:normal;margin:5px 0 0 0; border-bottom: 1px dotted gray;}
h3{letter-spacing: 0px;font-size:20px;font-weight:bold;margin:5px 0 3px 0; color:#545051;}    
h4{font-size:16px; margin:0; padding: 5px 0 3px 0; margin: 0px;font-family: Ribeye, Trebuchet MS; letter-spacing: 1px;color:#ab4902;text-align: center;}
h6{margin:0; font-size:13px;font-weight:normal;}     
  

/* Tělo vycentrované na střed / 980px*/
#telo  {margin: 0 auto; width: 1120px; background-image: url(../images/bg.png); background-repeat: repeat-y; font-family: Georgia; font-size: 14px; line-height: 125%;}
#telo-bg {background-image: url(../images/bg2.png); background-repeat: repeat-y; }

/*#hlavicka ul{float:left;margin:0;list-style:none; position:relative;top: 170px; left:190px;}*/
#hlavicka ul{text-align:center;margin:0;list-style:none; position:relative;top: 220px; padding-right: 50px/*padding-left:250px*/;}
#hlavicka li{display:inline;}
#hlavicka ul a{display:/*block*/ inline;/*float:left;*/text-align:center; color: #972b00;margin:0 0 0 5px;
height:25px;padding:12px 10px 0 10px;background:transparent; text-decoration:none;font-weight:bold; font-family: arial; font-size: 14px}

/* Levý sloupec, zacentrovaný do leva */
#levy-sloupec {width: 215px; float: left; min-height: 200px; /*padding: 0px 15px;*/}
#levy-sloupec h3{width:175px;height:auto;background: url(../images/nadpismenu.png); background-repeat: no-repeat; padding: 7px 5px 0 0; margin:0;
font-size:16px;color:#545051;text-align: center;text-shadow: 0 0 3px #f7dfe9;}
#levy-sloupec ul{padding-left:0;list-style:none none outside;}
#levy-sloupec li{padding:1px 0 0 5px;}
.levy    {padding: 0 5px 0 15px;}

/* Pravý sloupec, zacentrovaný do leva */
#pravy-sloupec {width: 215px; float: right; min-height: 200px;}
#pravy-sloupec h3{width:175px;height:auto;background: url(../images/nadpismenu.png); background-repeat: no-repeat; padding: 7px 5px 0 0; margin:0;
font-size:16px;color:#545051;text-align: center;text-shadow: 0 0 3px #f7dfe9;}
#pravy-sloupec ul{padding-left:0;list-style:none none outside;}
#pravy-sloupec li{padding:1px 0 0 5px;}
.pravy     {padding:0 5px 0 15px;}

/* Obsah */
#obsah {width: 690px; float: left; min-height: 200px; margin:0 auto;}
#obsah p {border: 1px solid #b39a76; margin: 10px; background-color: #e1ccae; padding: 7px; width: auto; border-radius: 2px;}
.wrap   { padding: 0 15px;  }
#obsah pmista {border: 1px solid #b6c0a1; margin: 10px; background-color: #f7dfe9; padding: 7px; width: auto;}


#hlavicka {background-color: #5a5651; background-image: url(../images/header.png); background-position: top; margin:0;}
#obsah {background-color: transparent; background-image: url(../images/stranka.png); background-repeat: no-repeat;}
#levy-sloupec {background-color: transparent; background-image: url(../images/menu1.png); background-repeat: no-repeat;}
#pravy-sloupec {background-color: transparent; background-image: url(../images/menu2.png); background-repeat: no-repeat;}
/*#paticka {background-color: transparent; background-image: url(../images/footer.png); background-repeat: no-repeat; color: #d7dfca;}
#paticka a{color: #98173b;}*/
.hint {color: #000;}

body, html{
    height: auto;
    height: 100%;
    background-position: top;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
    
}
    
.container {
        width: 1140px;
        background-image: url('../images/bg-mobile2.png');
        background-repeat: no-repeat;
}

@media (min-width: 1030px) {
    .container {
        background-image: url('../images/bg-desktop.jpg');
        background-position: top;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        width: auto;
    }
} 

/* Patička - definice šířky a výšky */
/*#paticka {width: auto; height: 140px; padding:0px; margin:0px; text-align:right; font-size: 11px; bottom:0px;}*/
#paticka {
    width: auto;
    height: 115px;
    padding: 0px;
    margin: 0px;
    text-align: right;
    font-size: 11px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #845839;
    clip-path: ellipse(51% 100% at 50.1% 130%);
}

/*#paticka .footnote {color: #545051; width: auto; height:30px; text-align:right; padding:95px 20px 5px 0px; font-size: 9px;line-height:1;}*/
#paticka .footnote {
    color: #ffffffb5;
    width: 100%;
    height: 12px;
    text-align: center;
    font-size: 11px;
    line-height: 1;
    display: flex;
    flex-direction: column;
}
#paticka .footnote p {
    margin-top: 0;
}


/*Mapa*/
#hlavicka .header__map{
    position: absolute;
    right: 10px;
    top: -20px;
    transition: 1.5s
}
#hlavicka .header__map:hover{
    top: -20px;
    top:0;
}

/*Pocasi*/
.header__wrapper{
    display: flex;
    justify-content: center;
}
#header__weather{
    height: 193px;
    position: absolute;
    width: 560px;
    top: 19px;
    clip-path: ellipse(50% 100% at 50.12% 100%);
}

/* Hlavička - definice šířky a výšky */
#hlavicka {
    width: 1120px; 
    height: 250px; 
    font-size: 0px;
    position: relative;
    margin: auto;
    }
/*Search box*/
.search__box{
    width: 83%;
    border-radius: 3px;
    background-color: #e1ccae;
    border: 1px solid #b39a76;
    padding: 5px;
    height: 25px;
}
.search__submit{
background-color: #d46b72;
    border-radius: 3px;
    border-color: rgb(134, 109, 121);
    border: none;
    height: 25px;
    padding: 4px;
    color: #fff6fa;
    width:15%;
    /*width: 15%;
    background-color: #b33078;
    border-radius: 3px;
    box-shadow: none;
    border-color: #866d79;
    color: ededed;*/
}
.search__submit:hover{
    width: 15%;
    background-color:#d46b72;
    border-radius: 3px;
    box-shadow: none;
    border-color: #d46b72;
    color: ededed;
    cursor:pointer;
    height:25px;
}
input[type=submit], button, input[type=reset]{
 background: rgb(212 107 114);
 background: linear-gradient(180deg, rgb(205 132 79) 0%, rgb(173 93 34) 49%, rgb(113 63 21) 100%);
    border-radius: 3px;
    border-color: rgb(134, 109, 121);
    border: none;
    height: 23px;
    padding: 4px;
    color: #fff6fa;
    cursor:pointer;
    font-size:14px;
    font-family: Arial;
}
input[type=submit]:hover, button:hover, input[type=reset]:hover {
 background: rgb(173 93 34);
 background: linear-gradient(180deg, rgb(205 132 79) 0%, rgb(205 132 79) 49%, rgb(205 132 79) 100%);
    border-radius: 3px;
    border-color: rgb(134, 109, 121);
    border: none;
    height: 23px;
    padding: 4px;
    color: #fff6fa;
    cursor:pointer;
}
.novinky{
    width:auto;
    border-radius: 2px;
}