#maketa101 {    width: 100%;    max-width:320px; height: 50px; background-color: deepskyblue;}
#maketa102 {
    position: absolute; /* nad obsahem */
    /*left: 30%;  posun na střed */
    top: 50px; /* vzdálenost od horního okraje */
    /*transform: translateX(-30%);  přesné zarovnání na střed */
    width: auto;
    max-height: 0; /* zavřené menu */
    overflow: hidden; /* skrýt obsah při zavřeném menu */
    background-color: white; /* barva menu */
    transition: max-height 1s ease; /* animace vysouvani a zasouvani*/
    z-index: 1000; /* aby bylo nad ostatním obsahem */
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
#maketa102.active {        max-height: 3000px;    }
#maketa102 a {        display: block;        padding: 1px 1px;        text-decoration: none;        color: black;          }
#maketa102 a:hover {            background-color: #f0f0f0;        }
#maketa102 li {        margin: 8px;        padding: 0;        font-size: 20px;        list-style-type: none;    }


#maketa102a {
   
}
#maketa102a img {    width: 30px;    border: 0px solid black;}
/* maketa102b je pro LI */
#maketa102b {    text-transform: uppercase;    font-weight: 900;}
#maketa102b img {    width: 40px;    border: 1px solid black;}

#maketa102ax {
    font-size: 39px;
    color: white;
    font-weight: 500;
    font-style: italic;
    margin: 0px 0px 0px -130px;
}
#maketa102ay {
    font-size: 18px;
    color: white;
    font-weight: 500;
    font-style: italic;
    margin: 0px 0px 0px -130px;
}
#maketa102az {
    text-transform: uppercase;
    font-size: 30px;
    color: blue;
    font-weight: 900;
    font-style: italic;
    margin: -50px 0px 10px 400px;
}

#maketa103, #maketa104 {
    position: absolute; /* nad obsahem */
    left: auto;
    top: 30px; /* pozice to neni vychytana */
    width: auto;
    max-height: 0; /* zavřené menu */
    overflow: hidden; /* skrýt obsah při zavřeném menu */
    background-color: #fff; /* barva menu */
    transition: max-height 1s ease; /* animace vysouvani a zasouvani*/
    z-index: 1000; /* aby bylo nad ostatním obsahem */
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
#maketa103.active, #maketa104.active {        max-height: 3000px;    }
#maketa103 a, #maketa104 a {        display: block;        padding: 1px 1px;   text-decoration: none;  color: #333;  text-align: left;   font-size: 14px;    }
#maketa103 a:hover, #maketa104 a:hover {            background-color: #f0f0f0;        }
#maketa103 li, #maketa104 li {        margin: 8px;        padding: 0;        font-size: 20px;        list-style-type: none;        text-align: left;    }
#maketa103a, #maketa104a {    text-transform: uppercase;    font-weight: 900;}

#maketa109 {
    width: 100%;
    max-width: 320px;
    height: 50px;
    background-color: silver;
}



/* --------------------------------------------------------*/

#maketa1001 {    background-color: white;    padding: 0px;    margin: 2px;    border: 2px solid silver;    max-width: 250px;}
#maketa1001a {    background-color: silver;    padding: 8px;    font-size: 18px;    font-weight: 900;}
#maketa1001b img {    background-color: silver;    max-width: 230px;}

#maketa1002 {    background-color: white;    padding: 0px;    margin: 2px;    border: 2px solid silver;}
#maketa1002a {    background-color: silver;    padding: 5px;    font-size: 18px;    font-weight: 900;}
#maketa1002b {    padding-top: 5px;}
#maketa1002b img {        background-color: silver;        max-width: 140px;    }
#maketa1002c {    border-bottom: 4px solid silver;    padding-bottom: 5px;}

#maketa1003 {    position: absolute;    background-color: white;    padding: 0px;    margin: 10px;    border: 4px solid silver;}
#maketa1003a {    background-color: silver;    padding: 5px;    font-size: 18px;    font-weight: 900;}
#maketa1003b {    padding-top: 5px;}    
#maketa1003b img {        background-color: silver;        max-width: 140px;    }
#maketa1003c {    border-bottom: 4px solid silver;    padding-bottom: 5px;}

#maketa1004 { background-color: white;    padding: 0px;    margin: 2px;    border: 2px solid silver;    max-width: 250px; }
#maketa1004a {    background-color: silver;    padding: 8px;    font-size: 18px;    font-weight: 900;}
#maketa1004b img {    background-color: silver;    max-width: 230px;}

/* rozeviraci seznam jazyku u loga, .. toogle je jinde */
#maketa1005 {    position: relative;    width: 850px;}
#maketa1005 img {        background-color: silver;        max-width: 840px;    }
#maketa1005b {    font-size: 80px;    font-weight: 900;    position: absolute;    left: 260px;    top: 70px;}
#maketa1005b img {        width: 70px;    }
#maketa1005c { /* UL vzhled*/
    position: absolute; /* nad obsahem */
    left: 60px;
    top: 30px; /* pozice to neni vychytana */
    width: auto;
    max-height: 0; /* zavřené menu */
    overflow: hidden; /* skrýt obsah při zavřeném menu */
    background-color: #fff; /* barva menu */
    transition: max-height 1s ease; /* animace vysouvani a zasouvani*/
    z-index: 1000; /* aby bylo nad ostatním obsahem */
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
#maketa1005c.active {        max-height: 3000px;    }
#maketa1005c a {        display: block;        padding: 1px 1px;        text-decoration: none;        color: #333;        text-align: center;    }
#maketa1005c a:hover {            background-color: #f0f0f0;        }
#maketa1005c li {        margin: 8px;        padding: 0;        font-size: 20px;        list-style-type: none;    }
/* text a vlajka v LI */
#maketa1005e {    text-transform: uppercase;    font-weight: 900;}
#maketa1005e img {    width: 40px;    border: 1px solid black;}
/*  --------------------------------------------------------------*/





/* rozeviraci seznam jazyku u loga, .. toogle je jinde */
#maketa1006 {    position: relative;    width: 850px;    background-color: silver;}
#maketa1006 img {        background-color: silver;        max-width: 840px; height: 80px; padding: 5px;  }
#maketa1006c { /* UL vzhled*/
    position: absolute; /* nad obsahem */
    left: 60px;
    top: 30px; /* pozice to neni vychytana */
    width: auto;
    max-height: 0; /* zavřené menu */
    overflow: hidden; /* skrýt obsah při zavřeném menu */
    background-color: #fff; /* barva menu */
    transition: max-height 1s ease; /* animace vysouvani a zasouvani*/
    z-index: 1000; /* aby bylo nad ostatním obsahem */
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
#maketa1006c.active {        max-height: 3000px;    }
#maketa1006c a {        display: block;        padding: 1px 1px;        text-decoration: none;        color: #333;        text-align: center;    }
 #maketa1006c a:hover {            background-color: #f0f0f0;        }
#maketa1006c li {        margin: 8px;        padding: 0;        font-size: 20px;        list-style-type: none;    }
/* text a vlajka v LI */
#maketa1006e {    text-transform: uppercase;    font-weight: 900;}
#maketa1006e img {        width: 40px;        border: 1px solid black;    }
#maketa1006f {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 900;
    position: absolute;
    left: 90px;
    top: 50px;
}
#maketa1006g {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 900;
    position: absolute;
    left: 90px;
    top: -10px;
}

















#maketa1040 {
    /*position: absolute;*/
    background-color: white;
    padding: 0px;
    margin: 0px;
    border: 2px solid silver;
    max-width: 250px;
}






/* -- makety velkeho podkladoveho banneru*/
#maketa2003 img {    position: absolute;    height: 1000px;    width: 100%;    opacity: 0;}
#maketa2005 img {    position: absolute;    height: 1000px;    width: 100%;    opacity: 0;}




/*  */
#maketa9902 {    font-size: 25px;    padding:10px;}