body{
     background: url(../img/back2.jpg) no-repeat center top fixed; text-align: center; font-family: Ubuntu; font-size: 13px; background-color: #2670b7; margin: 0px; color: white; }
/*@media(min-width: 1100px) { body { background: url(img/back2.jpg) no-repeat center top fixed;} }   */
h1, h2, h3{color: rgba(255,255,255,1); font-size: 149px; font-family: "Gruppo"; margin: 0px; padding: 0px;line-height: 99px; }
h2{font-size: 40px; margin-top: -15px; line-height: 55px;color: rgba(255,255,255,0.7) }
h3{font-family: "Roboto"; font-weight: 100; font-size: 20px; margin-top: 0px; letter-spacing: 3px; line-height: 32px; background: rgba(0,0,0,0.15); border-top: 0px dashed rgba(255,255,255,0.5);border-bottom: 0px dashed rgba(255,255,255,0.5); }
div.hlavni{margin: auto;min-width: 500px;max-width: 1400px;}
div.hlavicka{position: relative }
div.hlavicka img{position: absolute; top: 50px; left: 30px;}
div.kategorie{background: rgba(24,90,166,0.8); border: 3px solid rgba(0,0,0,0.25); width: 500px; min-width: 400px; font-size: 30px; letter-spacing: 5px; border-radius: 30px; margin: 20px; }
div.kategorie div{background: url(../img/top.png) no-repeat center top;}
#obsah{margin: auto;   display:flex;   justify-content: space-around; flex-wrap: wrap; margin-top: 0px;}
ul{text-align: left; list-style-type: none; margin: 0; padding: 0;}
li.uroven_1{letter-spacing: 2px; background: url(../img/flag.png) no-repeat left; border-radius: 0px; padding: 1px 5px 1px 7px; font-size: 22px; color: rgba(255,255,255,0.5); border-top: 1px dotted rgba(255,255,255,0.25)}
li.uroven_2{font-size: 20px; margin-left: 95px; letter-spacing: 2px; line-height: 21px; position: relative; top: -20px;}
li.uroven_2 a{color: #e3d4bd; text-decoration: none}
li.uroven_2 a:hover{color: white; text-decoration: underline}