body {font-family: 'Open Sans', 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; font-size: 100%; padding: 0; margin: 0; font-style: normal; background: #FFFFFF; color: #000000;} h2 {margin: .5em 0; padding: 0; font-size: 1.7em; font-weight: 800; color: #C72A1E;} h3 {margin: 0; padding: .7em 0 0 0; font-size: 1.6em; color: #C72A1E;} h4 {margin: 0; padding: .6em 0 0 0; font-size: 1.4em; color: #C72A1E;} h5 {margin: 0; padding: .5em 0 0 0; font-size: 1.2em; color: #C72A1E;} h6 {margin: 0; padding: .4em 0 0 0; font-size: 1em; color: #C72A1E;} p {margin: 0; padding: .5em 0;} ul {} a {color: #000000; text-decoration: underline; cursor: pointer;} a img {border: 0;} img {max-width: 100%; height: auto; border: 0;} img[style*="left"] {margin: 0 .8em .5em 0;} img[style*="right"] {margin: 0 0 .5em .8em; } .red {color: #b30000;} .block-red {font-size: 1.6em; font-weight: bold; color: #b30000;} .block-h {font-size: 1.6em; font-weight: bold; color: #C72A1E;} /* layout */ #hlava {width: 100%; position: relative; display: flex; flex-wrap: wrap; background:#FFFFFF;} #hlava-vrch {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; position: relative; width: 100%; height: 4em; background: #9BC911;} #nav-access {background: #ffffff; margin: 0; padding: 0; position: absolute; top: -20em; width: 100%; z-index: 1001;} #nav-access a {background: #ffffff; position: absolute; left: 0; right: 0; font-weight: bold; text-align: center; padding: .5em 0; margin: 0;} #nav-access a:focus {top: 20em; text-decoration: none;} #hlava-vrch-ikony {display: none;} #hlava-zakladniinfo {width: 40%; background: #FFFFFF; font-size:1.1em;} #hlava-zakladniinfo #zakladniinfo-znak-nadpis {display:flex; flex-wrap: nowrap; justify-content: left; width:80%; margin:0 8%; padding:2.2em 0 1em 0;} #hlava-zakladniinfo #zakladniinfo-znak-nadpis div:first-child {width:50%; min-width:12em;} #hlava-zakladniinfo #zakladniinfo-znak-nadpis img {max-width:10em;} #hlava-zakladniinfo #zakladniinfo-znak-nadpis h1 {margin:0; padding:0; font-size: 1.4em; font-weight: 400; letter-spacing: .1em;} #hlava-zakladniinfo #zakladniinfo-znak-nadpis h1 span {font-size: 1.9em;} #hlava-zakladniinfo #zakladniinfo-uh {display: flex; flex-wrap: nowrap; justify-content: left; width:80%; margin:0 8%; padding:1em 0; border-top:1px solid #9BC911;} #hlava-zakladniinfo #zakladniinfo-uh div:first-child {width:50%;} #hlava-zakladniinfo #zakladniinfo-kontakt {display: flex; flex-wrap: nowrap; justify-content: left; width:80%; margin:0 8%; padding:1em 0 2em 0; border-top:1px solid #9BC911;} #hlava-zakladniinfo #zakladniinfo-kontakt div:first-child {width:50%;} #hlava-foto {width: 60%; text-align:center; position:relative;} #hlava-dolnimenu {width:100%; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; background: #C72A1E;} #menu {padding: 0; background: #ffffff;} .topmenu {position: absolute; top: 0; right: 0; margin:0; padding:0 2em 0 0;} .topmenu>ul {display: flex; flex-wrap: nowrap; list-style-type: none; position: relative;} .topmenu li {position:relative;} .topmenu li>a {display:block; color: #000000; text-decoration: none; font-size: 1.2em; margin: 0 1em; padding: .2em 0 .2em 1em; background: url("../grafika/sipka-bila-doprava.svg") left center no-repeat; background-size: .5em; } .topmenu .submenu {display: none; position: absolute; margin: .15em 0 0 0; padding: 1em 2em; z-index: 1500; background: #9BC911; text-align: left; min-width:17em;} .topmenu .submenu ul {list-style-type: none; margin: 0; padding: 0 0 0 1em;} .topmenu .submenu li {display: block; margin: 0; position: relative;} .topmenu .submenu li>a {margin: 0; padding: .4em 0 .4em 1em; background: url("../grafika/sipka-bila-doprava.svg") left center no-repeat; background-size: .5em; color: #000000; font-size: 1.15em; text-decoration: none;} .topmenu>ul>li:last-child>a {color:#000000; padding: .2em 0 .2em 1.5em; background: url("../grafika/sipky-doprava.svg") left center no-repeat; background-size: 1em;} .topmenu .pridatstranku {position:absolute; right:.5em; top:1em;} .menu-nadpis {color:#FFFFFF; font-size:1.4em; margin:0 2.5%; padding:.5em 0;} .mainmenu {background: #C72A1E; margin:0; padding:0 7em 0 0; display: flex; flex-flow: nowrap; align-items: center; justify-content: space-between; position:relative;} .mainmenu>ul {display: flex; flex-wrap: nowrap; list-style-type: none; margin-right: 5em;} .mainmenu li {position:relative;} .mainmenu li>a {display:block; color: #FFFFFF; text-decoration: none; font-size: 1.2em; margin: 0 1.2em; padding: .2em 0 .2em 1em; background: url("../grafika/sipka-bila-doprava.svg") left center no-repeat; background-size: .5em;} .mainmenu .submenu {display: none; position: absolute; margin: .15em 0 0 0; padding: 1em 2em; z-index: 1500; background: #C72A1E; text-align: left; min-width: 17em;} .mainmenu .submenu ul {list-style-type: none; margin: 0; padding: 0 0 0 1em;} .mainmenu .submenu li {display: block; margin: 0; position: relative;} .mainmenu .submenu li>a {display:block; margin: 0; padding: .3em 0 .3em 1.2em; background: url("../grafika/sipka-bila-doprava.svg") left center no-repeat; background-size: .5em; color: #FFFFFF; font-size: 1.2em; text-decoration: none;} .mainmenu .pridatstranku {position:absolute; right:8.5em; top:1.2em;} .hidesubmenu {display: none;} .showsubmenu {display: block;} #hlava #cez {position:absolute; bottom: 2.5em; right:4em; z-index:10; max-width: 12%; min-width:150px;} #hlava #cez img {margin: 0; width:100%;} #hlava: after {content: ""; display: table; clear: both;} #telo {width: 100%; display: flex; flex-wrap: nowrap; padding: 0 0 .8em 0;} #hlavni {position: relative; width: 100%; padding: 0 0 1.5em 0; background:#EBEBEB;} #text {margin: 0; background:#FFFFFF;} #text a[target="_blank"]: after {content: " (odkaz se otevře v novém okně)"; color: #6D6D6D;} #text .li_soubor a[target="_blank"]: after {content: "";} h2#nadpisstranky {background:#EBEBEB; padding:.5em 0; margin:0;} #text h2 {text-align: center; font-size: 2.2em; font-weight: 700;} #tiraz {position:relative; background: #FFFFFF; color: #2A2F2C; text-align: center; margin: 0 0 1em 0; padding: .5em 0; font-size: .7em;} #tiraz a {color: #2A2F2C;} /* bloky */ .bloky {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;} .blok {padding: 0;} .blok_1 {width: 100%;} .blok_2 {width: 45% !important;} .blok h2 {margin: 0;} .p_0 {} .p_1 {margin: 1em 0; background: #ffffff;} .p_2 {margin: 1em 0; background: #C32E28; color: #ffffff;} .p_3 {margin: 1em 0; background: #F8D7DA;} .p_4 {margin: 1em 0; background: #B5E09B;} .p_5 {margin: 1em 0; background: #CCE5FF;} /* strankovani */ .navigace {text-align: center; margin: 1.5em 0; padding: 0; background: #FFFFFF; color: #000000;} .navigace .navigaceodkaz {display: inline-block; padding: .5em 0; width: 4em; text-align: center;} .navigace .pocetstran {display: inline-block; width: 6em; margin: 0 2em; text-align: center;} .navigace a {display: inline-block; width: 60%; text-decoration: none; background: #C72A1E; color: #ffffff; font-weight: bold; margin: 0; padding: 0; border-radius: 5px;} /* aktuality - náhled */ #aktuality-nahled {width: 100%; display: flex; flex-wrap: nowrap; background:#FFFFFF; padding: 2em 0; margin-bottom: .5em;} .psaktuality {color: #000000; border-left: 1px solid #9BC911;} .psaktuality:first-child {border-left: none;} .psaktuality-nadpis {padding: 0 1.6em .7em 1.6em; font-size: 1.2em;} .psaktuality-nadpis a {text-decoration: none; color: #C72A1E;} .psaktuality-nadpis span {color: #000000;} .psaktuality-text {margin: 0; padding: 0 2em; text-align: left;} /* modul text */ .m_text {clear: both; width: 96%; padding: 1em 2%; text-align: left;} .tabulka {overflow-x: auto;} .tabulka table {border-collapse: collapse; width: 100%;} .tabulka thead td {background: #C72A1E; color: #FFFFFF; font-weight:bold;} .tabulka tr:nth-child(even) {background:#EBEBEB;} .tabulka td {padding: .5em; text-align: left;} /* modul aktuality */ .m_aktuality {clear: both; width: 96%; padding: 1em 2% 2.5em 2%; text-align: left;} .m_aktuality h3 {margin: 0; padding: 0;} .m_aktuality .aktuality_datum {} /* modul kalendarakci */ .m_kalendarakci {clear:both; width:96%; padding:1em 2%; text-align:left;} .m_kalendarakci h3 {margin:0; padding:0;} .m_kalendarakci .kalendarakci_datum {} /* modul minigalerie */ .m_minigalerie {clear: both; width: 96%; padding: 1em 2%;} .minigalerie {margin: .9em 0 0 0; padding: 0; color: #000000; text-align: center;} .minigalerie ul {list-style: none; margin: 0; padding: 0;} .minigalerie li {position: relative; display: inline; margin: 0; padding: 0;} .minigalerie img {border: 0; margin: 1px; padding: 0;} .minigalerie li>a img {margin: 1em;} /* modul galerie */ .m_galerie {clear: both; width: 96%; padding: 1em 2%; text-align: left;} .galerie {margin: .9em 0 0 0; padding: 0; color: #000000; text-align: center;} .galerie ul {list-style: none; margin: 0; padding: 0;} .galerie li {position: relative; display: inline; margin: 0; padding: 0;} .galerie img {border: 0; margin: 1px; padding: 0;} .galerie li>a img {margin: 1em;} .blok_galerie {margin: 1.5em 0 0 0;} .gufoto {float: left; margin: 0 1em 0 0;} .nazevgalerie h3 {margin: 0; padding: 0;} .nazevgalerie h3 a {text-decoration: none; color: #C72A1E;} .fotogalerie {clear: both; width: 96%; padding: 0 2% 1em 2%; text-align: left;} .fotogalerie h2 {margin: 0;} .zpetnavypis {text-align: right; font-size: .7em;} .zpetnavypis a {text-decoration: none; color: #000000;} /* modul soubory */ .m_soubory {clear:both; width:96%; padding:1em 2%;} .dl_zahlavi {display:block; margin-top:.5em; background:#C72A1E; color:#FFFFFF; font-weight:bold; padding:.5em;} .dl_zahlavi:after {content:""; display:table; clear:both;} .dl_zahlavi1 {display:block; float:left; width:70%;} .dl_zahlavi2 {display:block; float:left; width:15%;} .dl_zahlavi3 {display:block; float:left; width:15%; text-align:right;} .soubory ul {list-style-type:none; margin:0; padding:0;} .soubory li {display:block; margin:0; padding:.5em;} .soubory li:after {content:""; display:table; clear:both;} .soubory li:nth-child(even) {background:#EBEBEB; color:#000000;} .soubory li:nth-child(odd) {background:#ffffff; color:#000000;} .soubory li a {display:block; color:#000000;} .soubory li a::after {content:""; display:table; clear:both;} .dl_soubor1 {display:block; float:left; width:70%;} .dl_soubor1 a {text-decoration:none;} .dl_soubor2 {display:block; float:left; width:15%;} .dl_soubor3 {display:block; float:left; width:15%; text-align:right;} /* modul úřední deska */ .m_urednideska {clear:both; width:96%; padding:1em 2%;} .m_urednideska .urednideska_datum {} .deska_zahlavi {display:block; margin-top:.5em; background:#C72A1E; color:#FFFFFF; font-weight:bold; padding:.5em;} .deska_zahlavi:after {content:""; display:table; clear:both;} .deska_zahlavi1 {display:block; float:left; width:70%;} .deska_zahlavi2 {display:block; float:left; width:15%;} .deska_zahlavi3 {display:block; float:left; width:15%; text-align:right;} .urednideska ul {list-style-type:none; margin:0; padding:0; color:#000000;} .urednideska li {display:block; margin:0; padding:.5em;} .urednideska li:after {content:""; display:table; clear:both;} .urednideska li:nth-child(even) {background:#EBEBEB;} .urednideska li:nth-child(odd) {background:#ffffff;} .urednideska li a {display:block; color:#000000;} .urednideska li a::after {content:""; display:table; clear:both;} .deska_soubor1 {display:block; float:left; width:70%;} .deska_soubor1 a {text-decoration:none;} .deska_soubor2 {display:block; float:left; width:15%;} .deska_soubor3 {display:block; float:left; width:15%; text-align:right;} /* modul video */ .m_video {clear: both; width: 96%; padding: 1em 2%;} .video-obal {max-width: 640px; margin: 1.5em auto; width: 95%;} .video-embed {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} .video-embed iframe, .video-embed object, .video-embed embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .video-nazev {font-weight: bold; padding: 0 0 .3em 0; font-size: 1.2em;} /* mapa stránek */ ul#mapastranek>li {margin-top: 1em;} /* focusable */ a[href]:not([tabindex='-1']):focus, area[href]:not([tabindex='-1']):focus, input:not([disabled]):not([tabindex='-1']):focus, select:not([disabled]):not([tabindex='-1']):focus, textarea:not([disabled]):not([tabindex='-1']):focus, button:not([disabled]):not([tabindex='-1']):focus, iframe:not([tabindex='-1']):focus, [tabindex]:not([tabindex='-1']):focus {outline: 3px solid #31B2EA;} /* ... */ .cleaner {clear: both; visibility: hidden;} /* media queries */ @media screen and (min-width: 2501px) { body {font-size:133%;} } @media screen and (min-width: 2241px) { body {font-size:117%;} } @media screen and (min-width: 1301px) { /* 1920 */ #hlava-foto.bg1 {background: #FFFFFF url("../grafika/pozadi/foto1-1920.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg2 {background: #FFFFFF url("../grafika/pozadi/foto2-1920.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg3 {background: #FFFFFF url("../grafika/pozadi/foto3-1920.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg4 {background: #FFFFFF url("../grafika/pozadi/foto4-1920.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg5 {background: #FFFFFF url("../grafika/pozadi/foto5-1920.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg6 {background: #FFFFFF url("../grafika/pozadi/foto6-1920.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg7 {background: #FFFFFF url("../grafika/pozadi/foto7-1920.jpg") center center no-repeat; background-size: cover;} } @media screen and (min-width: 1031px) and (max-width: 1300px) { /* 1300 */ #hlava-foto.bg1 {background: #FFFFFF url("../grafika/pozadi/foto1-1300.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg2 {background: #FFFFFF url("../grafika/pozadi/foto2-1300.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg3 {background: #FFFFFF url("../grafika/pozadi/foto3-1300.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg4 {background: #FFFFFF url("../grafika/pozadi/foto4-1300.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg5 {background: #FFFFFF url("../grafika/pozadi/foto5-1300.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg6 {background: #FFFFFF url("../grafika/pozadi/foto6-1300.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg7 {background: #FFFFFF url("../grafika/pozadi/foto7-1300.jpg") center center no-repeat; background-size: cover;} } @media screen and (min-width: 801px) and (max-width: 1030px) { /* 1030 */ #hlava-foto.bg1 {background: #FFFFFF url("../grafika/pozadi/foto1-1030.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg2 {background: #FFFFFF url("../grafika/pozadi/foto2-1030.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg3 {background: #FFFFFF url("../grafika/pozadi/foto3-1030.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg4 {background: #FFFFFF url("../grafika/pozadi/foto4-1030.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg5 {background: #FFFFFF url("../grafika/pozadi/foto5-1030.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg6 {background: #FFFFFF url("../grafika/pozadi/foto6-1030.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg7 {background: #FFFFFF url("../grafika/pozadi/foto7-1030.jpg") center center no-repeat; background-size: cover;} } @media screen and (min-width: 641px) and (max-width: 800px) { /* 800 */ #hlava-foto.bg1 {background: #FFFFFF url("../grafika/pozadi/foto1-800.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg2 {background: #FFFFFF url("../grafika/pozadi/foto2-800.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg3 {background: #FFFFFF url("../grafika/pozadi/foto3-800.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg4 {background: #FFFFFF url("../grafika/pozadi/foto4-800.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg5 {background: #FFFFFF url("../grafika/pozadi/foto5-800.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg6 {background: #FFFFFF url("../grafika/pozadi/foto6-800.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg7 {background: #FFFFFF url("../grafika/pozadi/foto7-800.jpg") center center no-repeat; background-size: cover;} } @media screen and (min-width: 481px) and (max-width: 640px) { /* 640 */ #hlava-foto.bg1 {background: #FFFFFF url("../grafika/pozadi/foto1-640.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg2 {background: #FFFFFF url("../grafika/pozadi/foto2-640.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg3 {background: #FFFFFF url("../grafika/pozadi/foto3-640.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg4 {background: #FFFFFF url("../grafika/pozadi/foto4-640.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg5 {background: #FFFFFF url("../grafika/pozadi/foto5-640.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg6 {background: #FFFFFF url("../grafika/pozadi/foto6-640.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg7 {background: #FFFFFF url("../grafika/pozadi/foto7-640.jpg") center center no-repeat; background-size: cover;} } @media screen and (max-width: 480px) { /* 480 */ #hlava-foto.bg1 {background: #FFFFFF url("../grafika/pozadi/foto1-480.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg2 {background: #FFFFFF url("../grafika/pozadi/foto2-480.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg3 {background: #FFFFFF url("../grafika/pozadi/foto3-480.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg4 {background: #FFFFFF url("../grafika/pozadi/foto4-480.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg5 {background: #FFFFFF url("../grafika/pozadi/foto5-480.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg6 {background: #FFFFFF url("../grafika/pozadi/foto6-480.jpg") center center no-repeat; background-size: cover;} #hlava-foto.bg7 {background: #FFFFFF url("../grafika/pozadi/foto7-480.jpg") center center no-repeat; background-size: cover;} } @media screen and (max-width: 1480px) { body {font-size:87.5%;} } @media screen and (max-width: 1240px) { body {font-size:75%;} } @media screen and (max-width: 960px) { #telo {flex-wrap: wrap; margin-top: 3.5em;} .preskocit_schovat {display: none;} #hlava-vrch {order:1; padding: .5em 0;} #hlava-zakladniinfo {order:4; width: 100%;} #hlava-zakladniinfo aside {display:flex; flex-wrap:nowrap;} #hlava-zakladniinfo #zakladniinfo-znak-nadpis {width:50%; margin:0 3%;} #hlava-zakladniinfo #zakladniinfo-znak-nadpis div:first-child {width:30%; min-width:10em;} #hlava-zakladniinfo #zakladniinfo-znak-nadpis img {max-width:8em;} #hlava-zakladniinfo #zakladniinfo-znak-nadpis h1 {font-size: 1.2em; letter-spacing:0;} #hlava-zakladniinfo #zakladniinfo-uh {display: flex; flex-wrap: nowrap; justify-content: left; width:80%; margin:0 8%; padding:1em 0; border-top:1px solid #9BC911;} #hlava-zakladniinfo #zakladniinfo-znak-nadpis, #zakladniinfo-uh-k {width:50%;} #hlava-zakladniinfo #zakladniinfo-uh div:first-child {width:100%; font-weight:700; margin:1em 0 .5em 0;} #hlava-zakladniinfo #zakladniinfo-kontakt div:first-child {width:100%; padding:1em 0 0 0;} #hlava-zakladniinfo #zakladniinfo-uh {border-top:0; flex-direction: column;} #hlava-zakladniinfo #zakladniinfo-kontakt {flex-direction: column; padding:1em 0 0 0;} #hlava-foto {display:none;} .menu-nadpis {width:100%; text-align:center; font-size:1.6em;} #cez {display:none;} #menuicon {display: block; width: 2em; height: 2em; margin: 0 1em 0 0;} .js_ikony {display: block !important; width: 2em !important; margin: 0 1em 0 0 !important;} .menuicon-open {background: url("../grafika/ikony/menuicon.svg") center center no-repeat; background-size: contain;} .menuicon-close {background: url("../grafika/ikony/menuicon-close.svg") center center no-repeat; background-size: contain;} #menu {z-index: 1800; padding: 0; background: #ffffff; width:30em;} .js_menu {display: none; position: absolute; top: 4.1em; right: 0; margin-top:.8em; max-width: 85% !important;} .topmenu, .mainmenu {position: relative; margin:0; padding:0; background:#ffffff; font-size:1.2em;} .topmenu>ul, .mainmenu>ul {display: block; list-style-type: none; position: relative; margin-right: 0; width:80%;} .topmenu li, .mainmenu li {position:relative;} .topmenu li>a, .mainmenu li>a {display:block; color: #000000; text-decoration: none; font-size: 1.2em; letter-spacing: 0; margin: 0; padding: .2em 0 .2em 1em; background: url("../grafika/sipka-zelena-doprava.svg") left center no-repeat; background-size: .5em; } .topmenu .submenu, .mainmenu .submenu {position: relative; margin: 0; padding: .2em 2em .2em 3em; z-index: 1500; background: #FFFFFF; text-align: left;} .topmenu .submenu ul, .mainmenu .submenu ul {list-style-type: none; margin: 0; padding: 0 0 0 1em;} .topmenu .submenu li, .mainmenu .submenu li {display: block; margin: 0; position: relative; background:#ffffff;} .topmenu .submenu li>a, .mainmenu .submenu li>a {margin: 0; padding: .1em 0 .1em 1em; background: url("../grafika/sipka-zelena-doprava.svg") left center no-repeat; background-size: .5em; color: #000000; font-size: 1.15em; text-decoration: none;} .topmenu>ul>li:last-child>a {color:#000000; padding: .4em 0 .4em 1em; background: url("../grafika/sipka-zelena-doprava.svg") left center no-repeat; background-size: .5em;} .topmenu .pridatstranku, .mainmenu .pridatstranku {position:absolute; right:.5em; top:0;} #aktuality-nahled {display: none;} .blok_2 {width: 100% !important;} } @media screen and (max-width: 768px) { .js_menu {top: 3.75em;} } @media screen and (max-width: 550px) { /* #hlava-vrch-nadpis h1 {font-size: 1.1em;}*/ #hlava-zakladniinfo {font-size:1.2em; width:95%;} #hlava-zakladniinfo aside {flex-direction:column;} #hlava-zakladniinfo #zakladniinfo-uh {border-top:1px solid #9BC911; flex-direction: row;} #hlava-zakladniinfo #zakladniinfo-kontakt {flex-direction: row;} #hlava-zakladniinfo #zakladniinfo-znak-nadpis, #zakladniinfo-uh-k {width:100%;} #hlava-zakladniinfo #zakladniinfo-znak-nadpis h1 {letter-spacing: .1em;} #hlava-zakladniinfo #zakladniinfo-uh div:first-child {width:50%; font-weight:normal; margin:0;} #hlava-zakladniinfo #zakladniinfo-kontakt div:first-child {width:50%; margin:0; padding: 0;} .navigace .navigaceodkaz {width: 20%;} .navigace .pocetstran {width: 30%;} .js_menu {top: 3.2em;} }