body, h1, h2, h3, h4, h5 { margin:0; padding:0; } *, *:after, *:before { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } img, iframe, canvas, video, svg { max-width: 100%; height: auto; } input, textarea, select { max-width: 100%; margin-left: 0; margin-right: 0; } a img { border:none; } .viktor { clear:both; } .skryt, .none { display:none; } body { background:#fff; color:#000; font-family: 'Source Sans Pro', sans-serif; } #stranka { max-width:1200px; margin:auto; } header { background:#242f34; height:95px; color:#fff; padding:0; position:relative; } header a.ha1 { float:left; display:block; height:95px; width:28%; text-align:center; color:#fff; text-decoration:none; transition: background-color 0.3s; } header h1 { font-size:22px; text-transform:uppercase; letter-spacing:3px; word-spacing:2px; padding-top:34px; } header a.ha1:hover { background:#52b531; } header .dlazdice { float:left; height:95px; width:12%; color:#fff; text-decoration:none; text-transform:uppercase; font-size:12px; text-align:center; padding-top:70px; background-size: 61px 61px; transition: background-color 0.3s; } header .d1 { background:url('../img/ikony/kolinsko.svg') center 7px no-repeat; } header .d1:hover, header .d1aktivni { background-color:#00b615; } header .d2 { background:url('../img/ikony/zemepoznane.svg') center 7px no-repeat; } header .d2:hover, header .d2aktivni { background-color:#7a4aff; } header .d3 { background:url('../img/ikony/batoh.svg') center 7px no-repeat; } header .d3:hover, header .d3aktivni { background-color:#00a6df; } header .d4 { background:url('../img/ikony/globus.svg') center 7px no-repeat; } header .d4:hover, header .d4aktivni { background-color:#293184; } header .d5 { background:url('../img/ikony/kamera-39.svg') center 7px no-repeat; } header .d5:hover, header .d5aktivni { background-color:#630303; } header .dlazdice2 { float:left; height:95px; width:20%; color:#fff; text-decoration:none; font-size:12px; text-align:center; padding-top:35px; } /* vyhledavani */ header .dlazdice2 input.hledej { width:90%; height:2em; } header #mobMenu { display:none; float:left; height:70px; width:70px; background: url('../img/ikony/menu.svg') center 15px no-repeat; background-size: 40px 40px; transition: background-color 0.3s;} .h2h3 { position:absolute; left:5%; top:35%; text-shadow: 0px 0px 10px #000000; } .rslides li h2 { font-size:44px; color:#fff; font-weight:400; text-transform:uppercase; letter-spacing:2px; } .rslides li h3 { font-size:44px; color:#fff; font-weight:300; text-transform:uppercase; letter-spacing:2px; } #divPanely { background:#f1f1f1 url('../img/mapa_pozadi.png') top left no-repeat; background-size:100%; } #div4panely { position:relative; top:-40px; width:90%; margin:auto; z-index:1000; } #div4panely .panelKamDal { float:left; width:23%; margin-right:2%; background:#fff; margin-bottom:15px; } #div4panely .panelKamDal h4 { height:40px; padding:10px 0; font-size:15px; text-transform:uppercase; text-align:center; color:#fff; font-weight:normal; } #div4panely .p4 { margin-right:0; } #div4panely .p1 h4, #div4panely .p1 .prouzek { background:#00b615; transition: background-color 0.3s; } #div4panely .p2 h4, #div4panely .p2 .prouzek { background:#7a4aff; transition: background-color 0.3s; } #div4panely .p3 h4, #div4panely .p3 .prouzek { background:#00a6df; transition: background-color 0.3s; } #div4panely .p4 h4, #div4panely .p4 .prouzek { background:#293184; transition: background-color 0.3s; } #div4panely .p1 h4:hover { background-color:#00e11d; } #div4panely .p2 h4:hover { background-color:#9b75ff; } #div4panely .p3 h4:hover { background-color:#09c1ff; } #div4panely .p4 h4:hover { background-color:#333fa4; } #velkeFoto { position:relative; } #divTHledani { position:absolute; left:5%; top:10px; z-index:1000; width:35%; opacity:0.7; } #divTHledani input.hledej { border:none; font-size:14px; padding:4px; width:100%; } a#top10 { display:block; position:absolute; right:10%; top:0; z-index:10000; width:100px; height:155px; } a#top10:hover { opacity:0.8; } #divHledani { background:#1b2222; text-align:center; padding:6px 0; } #divHledani input.hledej { border:none; font-size:14px; padding:4px; width:50%; } #div4panely .panelKamDal h5 { padding:10px 10px; font-size:15px; text-align:left; color:#000; font-weight:bold; } #div4panely .panelKamDal p { padding:7px 10px 10px; margin:0; font-size:15px; text-align:left; color:#000; font-weight:normal; text-indent:.8em; } #div4panely .panelKamDal .prouzek { height:6px; } #div4panely .panelKamDal a { text-decoration:none; } #infoPanely { width:90%; margin:auto; } #infoPanely .panelAvizo { float:left; width:23%; margin-right:2%; margin-bottom:15px; color:#fff; font-size:15px; padding:10px; text-decoration:none; transition: background-color 0.3s; } #infoPanely #panelPocty { float:left; width:23%; margin-bottom:15px; margin-right:2%; } #infoPanely #panelPocty2 { float:left; width:23%; margin-bottom:15px; } #infoPanely .p1 { background:#293184; } #infoPanely .p1:hover { background:#00a6df; } #infoPanely .p2 { background:#00a6df; } #numero1, #numero2, #numero3, #numero4 { font-size:14px; font-weight:bold; color:#000; text-transform:uppercase; margin:0; padding:0; } #numero1 span, #numero2 span, #numero3 span, #numero4 span { font-size:45px; } #numero1 span { color:#7a4aff; } #numero2 span { color:#293184; } #numero3 span { color:#293184; } #numero4 span { color:#00b615; } #divReportaze { width:90%; margin:auto; padding:25px 0; border-bottom:3px solid #e7e7e7; } #oknoVidea { float:left; width: 65%; margin-right:2%; } #oknoPopisVidea { float:left; width: 33%; } #divReportaze h3 { color:#a9abaf; font-size:15px; text-transform:uppercase; margin-bottom:15px; } #oknoPopisVidea h4 { font-size:15px; text-transform:uppercase; margin-bottom:15px; } #oknoVidea { padding-top:3px; } #oknoVidea .dalsiVideo { float:left; width:22%; margin-right:4%; margin-top:15px; } #oknoVidea .posledniVideo { margin-right:0; } .videoNeni { background:#E9E9E9; padding:20px; } #divExterniOdkazy { width:90%; margin:auto; } #divExterniOdkazy .panel { float:left; width:23%; margin-right:2%; margin-bottom:15px; text-align:center; } #divExterniOdkazy .panel img.ikona { margin:15px 0; width:75%; } #divExterniOdkazy .panel a.okoloIkony { display:block; } #divExterniOdkazy .panel p { text-align:left; font-size:14px; } #divSpodek { margin:auto; background:#242f34; padding:0 12%; } #divSpodek .panel { float:left; width:31%; margin-right:2%; text-align:center; color:#fff; font-size:14px; text-transform:uppercase; padding:20px 0 20px 1%; text-decoration:none; transition: background-color 0.3s; } #divSpodek .panel img { float:left; width:35%; max-width:60px; } #divSpodek .panel p { padding-top:1.9%; float:left; } #divSpodek .panel:hover, #divSpodek .panel.aktivni { background-color:#7a4aff; text-decoration:underline; } #paticka { background:#1b2222; color:#fff; padding:.7em; text-align:center; font-size:13px; } /* TK detail */ .obsahStrany { width:90%; margin:auto; } .navigaceNaStrance { float:right; } .navigaceNaStrance a { float:left; background:#7bd2ee; padding:10px 15px 3px; color:#fff; font-size:13px; text-transform:uppercase; margin-left:5px; text-decoration:none; transition: background-color 0.3s; } .navigaceNaStrance a:hover { background:#00a5de; } .drobecky { padding:12px 0 10px; color:#979b9d; font-size:14px; } .drobecky a { color:#979b9d; text-decoration:none; } .drobecky a:hover { color:#444; } .blokVideoText { margin:20px 0 0; } .blokVideoText .panelVideo { float:left; width:62%; } .blokVideoText .panelClanek { float:left; width:38%; padding: 0 2em; } .blokVideoText .panelClanek h2 { font-size:20px; text-transform:uppercase; margin:0 0 10px; padding:0; } .blokVideoText .panelClanek h3 { font-size:14px; color:#979b9d; font-weight:normal; margin:0 0 15px; padding:0; } .blokVideoText .panelClanek p { font-size:14px; margin:0 0 10px; padding:0; } .tkFotogalerie { margin: 10px 0; padding:0 0 20px; } .tkFotogalerie .nahled { display:block; float:left; width:11.8%; margin:0 0.8% 0.25% 0; } .tkFotogalerie .nahled:nth-child(8n) { margin-right:0; } .tkFotogalerie .nahled50 { display:block; float:left; width:48%; margin:0 2% 0.3% 0; } .tkFotogalerie .nahled50:nth-child(2n) { margin-right:0; } .tkFotogalerie .nahled25 { display:block; float:left; width:24%; margin:0 1.33% 0.3% 0; } .tkFotogalerie .nahled25:nth-child(4n) { margin-right:0; } h3.meziBloky, h4.meziBloky { font-size:16px; text-transform:uppercase; margin:30px 0 10px; padding:0; } .tkBlokNapojene { background:#f1f1f1; margin:0; padding:20px 0; } .tkBlokNapojeneIn { width:95%; margin:auto; } .tkBlokNapojeneIn .panel, .tkBlokNapojeneIn .panelCst { float:left; width:23%; margin-right:2%; margin-bottom:15px; text-align:center; background:#fff; padding-bottom:10px; } .tkBlokNapojeneIn .panel a, .tkBlokNapojeneIn .panelCst a { color:#fff; text-decoration:none; } .tkBlokNapojeneIn .panel a img, .tkBlokNapojeneIn .panelCst a img { margin:15px 0; width:86%; border:none; } .tkBlokNapojeneIn .panel a h4 { background:#00b615; min-height:40px; padding:10px 10px; font-size:15px; text-transform:uppercase; text-align:center; color:#fff; font-weight:normal;} .tkBlokNapojeneIn .panelCst a h4 { background:#00a6df; min-height:40px; padding:10px 10px; font-size:15px; text-transform:uppercase; text-align:center; color:#fff; font-weight:normal;} .tkBlokNapojeneIn .panel p, .tkBlokNapojeneIn .panel p { text-align:left; margin: 5px 7%; } .tkBlokNapojeneIn .panel:nth-child(4n+1), .tkBlokNapojeneIn .panelCst:nth-child(4n+1) { clear:both; } #tkMapaReportazi { width:100%; margin:auto; padding:30px 0 10px; } #tkMapaReportaziIn { position:relative; } .bod { position:absolute; width:10px; height:10px; background:#00a6df; border:1px solid #00759b; border-radius:40%; opacity: 0.7; transition: background-color 0.3s; } .bodHover { background:#fff; z-index:1001; } /* rozcestník 6 panelů */ #tkRozcestiOut { background:#f1f1f1; padding: 30px 0; } #tkRozcesti { width:90%; margin:auto;} #tkRozcesti .panel { float:left; width:30%; margin-right:5%; background:#fff; margin-bottom:25px; } #tkRozcesti .panel:nth-child(3n) { margin-right:0; } #tkRozcesti .panel:nth-child(3n+1) { clear:both; } #tkRozcesti .panel a { text-decoration:none; } #tkRozcesti .panel a h2 { height:40px; padding:10px 0; font-size:18px; text-transform:uppercase; text-align:center; color:#fff; font-weight:bold; background:#00a6df; transition: background-color 0.3s; } #tkRozcesti .panel a h2:hover { background:#7bd2ee; } #tkRozcesti .panel h3 { font-size:16px; text-transform:uppercase; margin:10px 0 5px; padding:0 15px; } #tkRozcesti .panel p { padding:0 15px; font-size:14px; } #tkRozcesti .panel a.reportaz { color:#00a6df; text-decoration:none; } #tkRozcesti .panel a.reportaz:hover { color:#7bd2ee; text-decoration:underline; } .seda { color:#a9abb6; } #tkRozcesti .panel a.vsechny { display:block; color:#fff; padding:5px 15px; height:30px; background:#00a6df; transition: background-color 0.3s; } #tkRozcesti .panel a.vsechny:hover { background:#7bd2ee; } /* v2 */ #tkRozcesti .panelSeznam .panelSeznamIn .panel p { margin:5px 0; } #divChronoVse { text-align:center; } a#chronoVse { background:#00a6df; padding:5px 20px; color:#fff; text-decoration:none; transition: background-color 0.3s; text-transform:uppercase; letter-spacing:1px; } a#chronoVse:hover { background:#7bd2ee; } #chronoVypis { text-align:left; background:#fff; display:none; padding:20px; } #tkRozcesti #chronoVypis p { margin:0; padding:4px 0; } #chronoVypis p a { color:#000; } #chronoVypis p a:hover { color:#00a6df; text-decoration:underline; } #chronoVypis p span.kdy { color:#777; } #chronoVypis a.zavriChrono { display:block; float:left; background:#00a6df; width:100%; padding:5px; text-align:center; font-size:14px; color:#fff; } /* TK sada s mapou */ #tkMapaReportazi { width:75%; margin:auto; padding:30px 0 10px; } #tkMapaReportaziIn { position:relative; } .jenText { padding:15px 0; } #tkMapaReportazi h2, .jenText h2 { font-size:18px; margin:0 0 10px; padding:0; text-transform:uppercase; } #tkSeznamReportazi { width:75%; margin:auto; } #tkSeznamReportazi .panel { float:left; width:32%; margin-right:2%; margin-bottom:15px; color:#fff; font-size:13px; padding:10px 10px; background:#f4f4f4; } #tkSeznamReportazi .panel:nth-child(3n) { margin-right:0; } #tkSeznamReportazi .panel p { margin:0; padding:3px 0; transition: background-color 0.3s; } #tkSeznamReportazi .panel p a { display:block; padding:0 5px; color:#000; text-decoration:none; transition: background-color 0.3s; } #tkSeznamReportazi .panel p a:hover, #tkSeznamReportazi .panel p a.pHover { background:#00a6df; color:#000; text-decoration:none; } #tkSeznamReportazi .panel p a span { color:#777; } .bod { position:absolute; width:10px; height:10px; background:#00a6df; border:1px solid #00759b; border-radius:40%; opacity: 0.7; transition: background-color 0.3s; } .bodHover { background:#fff; } #objektivReportaze { width:75%; margin:auto; } #objektivReportaze .panel { float:left; width:32%; margin-right:2%; margin-bottom:15px; color:#fff; font-size:13px; padding:10px 10px; background:#f4f4f4; } #objektivReportaze .panel:nth-child(3n) { margin-right:0; } #objektivReportaze .panel p { margin:0; padding:3px 0; transition: background-color 0.3s; } #objektivReportaze .panel p a { display:block; padding:0 5px; color:#000; text-decoration:none; transition: background-color 0.3s; } #objektivReportaze .panel p a:hover, #objektivReportaze .panel p a.pHover { background:#00a6df; color:#000; text-decoration:none; } #objektivReportaze .panel p a span { color:#777; } #objektivReportaze .panel h3 { margin:15px 0 0 0; padding:3px 0 0 40px; color:#000; } /* typ památek */ #kolTypOut { background:#f1f1f1; padding: 20px 0 30px; } #kolTyp { width:90%; margin:auto;} #kolTyp #panelObci { float:left; width:100%; background:#fff; margin-bottom:25px; } #kolTyp #panelObci h2 { height:40px; padding:10px 0; font-size:18px; text-transform:uppercase; text-align:center; color:#fff; font-weight:bold; background:#00b615; transition: background-color 0.3s; } #kolTyp .obsahText { padding:5px 20px; } #kolTyp .panel { float:left; width:15%; margin-right:2%; background:#fff; margin-bottom:25px; } #kolTyp .panel:nth-child(6n+1) { margin-right:0; } #kolTyp .panel:nth-child(6n+2) { clear:both; } #kolTyp .panel a { text-decoration:none; } #kolTyp .panel a h2 { height:40px; font-size:14px; text-transform:uppercase; text-align:center; color:#fff; font-weight:bold; background:#00b615; transition: background-color 0.3s; display: flex; justify-content: center; flex-direction: column; } #kolTyp .panel a h2:hover { background:#7bd2ee; } #typ_mapa { width:100%; } #typ_mapa img { max-width: inherit; } .cardA { color:#000; } .cardA:hover { color:#00b615; } .cardFoto { float:left; width:100px; margin:0 5px 5px 0; } .hvezdy { position:relative; top:-7px; right:3px; } .cardText { font-size:13px; color:#777; } #typSeznamPamatekOut { background: #f4f4f4; } #typSeznamPamatek { width:90%; margin:auto; } #typSeznamPamatek .panel { float:left; width:32%; margin-right:2%; margin-bottom:15px; color:#fff; font-size:13px; padding:10px 10px; background:#f4f4f4; } #typSeznamPamatek .panel:nth-child(3n) { margin-right:0; } #typSeznamPamatek .panel p { margin:0; padding:3px 0; transition: background-color 0.3s; } #typSeznamPamatek .panel p a { display:block; padding:0 5px; color:#000; text-decoration:none; transition: background-color 0.3s; } #typSeznamPamatek .panel p a:hover, #typSeznamPamatek .panel p a.pHover { background:#00a6df; color:#000; text-decoration:none; } #typSeznamPamatek .panel p a span { color:#777; } /* pamatka + obec + cesta */ #pamObsah p a, #pamObsahLevy li a { color:#00b615; } #pamObsah p a:hover, #pamObsahLevy li a:hover { color:#00b615; text-decoration:none; } #pamObsah { margin:20px 0 0; } #pamObsahLevy { float:left; width:62%; } #pamObsahLevy h2 { font-size:20px; text-transform:uppercase; margin:0 0 10px; background-color:#f2f2f2; padding:4px 0; } #pamObsahLevy h2 span { color:#555; font-size:14px; } #pamObsahLevy .hvezdy4 { float:right; padding:0 10px 0 0; } #pamObsahLevy .erb { float:right; padding:0 3px 0 0; } #pamObsahLevy .erb .nahled { margin:0 0 5px 25px; } #pamObsahLevy h3 { font-size:16px; color:#979b9d; font-weight:normal; margin:0 0 20px; padding:0; } #pamObsahLevy h3 a { color:#979b9d; text-decoration:none; } #pamObsahLevy h3 a:hover { color:#00b615; text-decoration:underline; } #pamObsah p, #pamObsah li { font-size:14px; margin:0 0 10px; padding:0; } #pamObsah h4.meziBloky { font-size:16px; text-transform:uppercase; margin:40px 0 10px; padding:0; } #pamObsahPravy { float:left; width:35%; margin-left:3%; padding: 0 0 0; } #pamMapa { width:100%; } #pamMapa img { max-width: inherit; } .pamDalsi { font-size:14px; text-decoration:none; } .pamDalsi:hover { text-decoration:underline; } .pamDalsiFoto { float:left; width:50px; height:50px; margin:0 10px 5px 0; } a.pamatDalsi { display:block; font-size:14px; text-decoration:none; color:#000; } a.pamatDalsi:hover { text-decoration:underline; } .divDalsiIn { background:#f4f4f4; padding:6px; } .tlacDalsi, .tlacPred { display:block; width:40%; background:#00b615; padding:5px 10px; color:#fff; font-weight:bold; text-decoration:none; transition: background-color 0.3s; } .tlacDalsi:hover, .tlacPred:hover { background-color:#00e11d; } .tlacPred { float:left; text-align:left; } .tlacDalsi { float:right; text-align:right; } .tipso { color:#00b615; } .tipso_content { font-size:13px !important; text-align:left; } #blizkeObce { margin-bottom:20px; } #pamObsah .obecDalsi { float:left; display:block; width:50%; font-size:14px; color:#000; text-decoration:none; padding:2px; margin:0 0 5px; transition: background-color 0.3s; } #pamObsah .obecDalsi:hover { background:#00b615; } #pamObsah .obecDalsiFoto { float:left; width:55px; height:55px; margin:0 10px 0 0; } #pamObsah .obecNazev { } #pamObsah .obecKm { color:#777; } .pamBlokNapojene { background:#f1f1f1; margin:0; padding:20px 0; } .pamBlokNapojeneIn { width:95%; margin:auto; } .pamBlokNapojeneIn .panel, .pamBlokNapojeneIn .panelCst { float:left; width:46%; margin-right:2%; margin-bottom:15px; text-align:center; background:#fff; padding-bottom:10px; } .pamBlokNapojeneIn .panel:nth-child(2n+1), .pamBlokNapojeneIn .panelCst:nth-child(2n+1) { clear:both; } .pamBlokNapojeneIn .panel a, .pamBlokNapojeneIn .panelCst a { color:#fff; text-decoration:none; } .pamBlokNapojeneIn .panel a img, .pamBlokNapojeneIn .panelCst a img { margin:15px 0; width:86%; border:none; } .pamBlokNapojeneIn .panel a h4 { background:#00b615; min-height:40px; padding:10px 10px; font-size:15px; text-transform:uppercase; text-align:center; color:#fff; font-weight:normal;} .pamBlokNapojeneIn .panelCst a h4 { background:#00a6df; min-height:40px; padding:10px 10px; font-size:15px; text-transform:uppercase; text-align:center; color:#fff; font-weight:normal;} .pamBlokNapojeneIn .panel p, .pamBlokNapojeneIn .panelCst p { text-align:left; margin: 5px 7%; } .jedenClanek { float:left; display:block; width:100%; font-size:14px; color:#000; text-decoration:none; padding:2px; margin:0 0 5px; transition: background-color 0.3s; } .jedenClanek:hover { background:#7a4aff; color:#fff; } .jedenClanekDalsiFoto { float:left; width:55px; height:55px; margin:0 10px 0 0; } #cestaMapa { width:100%; margin-bottom:25px; } #cestaMapa img { max-width: inherit; } .objBlokNapojene { background:#f1f1f1; margin:0; padding:20px 0; } .objBlokNapojeneIn { width:95%; margin:auto; } .objBlokNapojeneIn .panel { float:left; width:32%; margin-right:1%; margin-bottom:15px; text-align:center; background:#fff; padding-bottom:10px; } .objBlokNapojeneIn .panel a { color:#fff; text-decoration:none; } .objBlokNapojeneIn .panel a img { margin:15px 0; width:86%; border:none; } .objBlokNapojeneIn .panel a h4 { background:#00b615; min-height:40px; padding:10px 10px; font-size:15px; text-transform:uppercase; text-align:center; color:#fff; font-weight:normal;} .objBlokNapojeneIn .panel p { text-align:left; margin: 5px 7%; } .objBlokNapojeneIn .panel:nth-child(3n+1) { clear:both; } /* kolinsko - rozcesti */ #kolRozcestiOut { background:#f1f1f1; padding: 30px 0; } #kolRozcesti { width:90%; margin:auto;} #kolRozcesti #panelObci { /* float:left; width:100%; */ background:#fff; margin-bottom:25px; } #kolRozcesti #panelObci h2 { height:40px; padding:10px 0; font-size:18px; text-transform:uppercase; text-align:center; color:#fff; font-weight:bold; background:#00b615; transition: background-color 0.3s; } #kolRozcesti #panelMapa { background:#fff; margin-bottom:25px; } #kolRozcesti #panelMapa h2 { height:40px; padding:10px 0; font-size:18px; text-transform:uppercase; text-align:center; color:#fff; font-weight:bold; background:#00b615; transition: background-color 0.3s; } .cardTitul { font-weight:bold; margin-bottom:10px; font-size:16px; } #obsahMapa a.ukazat { display:inline-block; width:20%; padding-top:5px; padding-bottom:5px; margin:10px 0; background:#00b615; color:#000; text-align:center; text-decoration:none; font-size:18px; font-weight:bold; transition: background-color 0.3s; } #obsahMapa a.ukazat:hover { color:#00b615; background:#eee; } #panelObci #pismena { padding:0 0 10px 3px; } #panelObci #pismena a { float:left; width:3.3%; padding-top:5px; padding-bottom:5px; margin:10px 1% 0 0; background:#00b615; color:#000; text-align:center; text-decoration:none; font-size:18px; font-weight:bold; transition: background-color 0.3s; } #panelObci #pismena a:hover { color:#00b615; background:#eee; } #kolRozcesti #panelObci .obec { float:left; display:block; width:20%; font-size:14px; color:#000; text-decoration:none; padding:2px; margin:0 0 5px; transition: background-color 0.3s; } #kolRozcesti #panelObci .obec:hover { background:#00b615; } #kolRozcesti #panelObci .obecFoto { float:left; width:55px; height:55px; margin:0 10px 0 0; } #kolRozcesti #panelObci .obecNazev { } #kolRozcesti #panelObci .obecKm { color:#777; } #kolRozcesti .panel { float:left; width:15%; margin-right:2%; background:#fff; margin-bottom:25px; } #kolRozcesti .panel:nth-child(6n) { margin-right:0; } #kolRozcesti .panel:nth-child(6n+1) { clear:both; } #kolRozcesti .panel a { text-decoration:none; } #kolRozcesti .panel a h2 { height:40px; font-size:14px; text-transform:uppercase; text-align:center; color:#fff; font-weight:bold; background:#00b615; transition: background-color 0.3s; display: flex; justify-content: center; flex-direction: column; } #kolRozcesti .panel a h2:hover { background:#7bd2ee; } /* cesty - rozcesti */ #cestySeznam { width:90%; margin:auto; } #cestySeznam .panel { float:left; width:32%; margin-right:2%; margin-bottom:15px; color:#fff; font-size:13px; padding:10px 10px; background:#f4f4f4; } #cestySeznam .panel:nth-child(3n) { margin-right:0; } #cestySeznam .panel p { margin:0; padding:3px 5px; transition: background-color 0.3s; color:#000; } #cestySeznam .panel p a { display:block; padding:0; color:#000; text-decoration:underline; transition: background-color 0.3s; } #cestySeznam .panel p a:hover, #cestySeznam .panel p a.pHover { background:#00a6df; color:#000; text-decoration:none; } #cestySeznam .panel p a span { color:#777; } #cestySeznam .panel h3 { margin:15px 0 0 0; padding:3px 0 0 40px; color:#000; } #cestyPruhFotek { margin-bottom:15px; } #cestyPruhFotek .c8 { width:12.5%; margin:0; float:left; } .jedenClanek { float:left; display:block; width:100%; font-size:14px; color:#000; text-decoration:none; padding:2px; margin:0 0 5px; transition: background-color 0.3s; } .jedenClanek:hover, .jedenClanek.aktivni { background:#7a4aff; color:#fff; } .jedenClanekDalsiFoto { float:left; width:55px; height:55px; margin:0 10px 0 0; } #cestaMapa { width:100%; margin-bottom:25px; } #cestaMapa img { max-width: inherit; } .clanekFotogalerie { margin: 10px 0; padding:0 0 20px; } .clanekFotogalerie .nahled { display:block; float:left; width:49%; margin:0 2% 0.25% 0; } .clanekFotogalerie .nahled:nth-child(2n) { margin-right:0; } .clanekFotogalerie3 { margin: 10px 0; padding:0 0 20px; } .clanekFotogalerie3 .nahled { display:block; float:left; width:24%; margin:0 1% 0.25% 0; } .clanekFotogalerie3 .nahled:nth-child(4n) { margin-right:0; } /* napiste nam */ .jenText p { font-size:13px; padding:0; margin:0 0 0.3em; } #divForm { margin-top:15px; } #divForm label { display:block; margin-top:10px; } #divForm button { display:block; width:20%; margin-top:15px; } #divForm input[type=radio] { margin-left:10px; } #divForm input[type=text] { width:40%; } .uvodText p { font-size:14px; } .ohlas { font-size:13px; padding:15px 10px; } .ohlas .ohlasInfo { font-weight:bold; } .ohlas:nth-child(2n+1) { background:#eee; } .ohlas:nth-child(3) { margin-top:30px; } /* TOP10 */ .t10BlokNapojene { background:#f1f1f1; margin:20px 0 0 0; padding:20px 0; } .t10BlokNapojeneIn { width:95%; margin:auto; } .t10BlokNapojeneIn .panel { float:left; width:48%; margin-right:2%; margin-bottom:15px; text-align:center; background:#fff; padding-bottom:5px; } .t10BlokNapojeneIn .panel a { color:#00b615; } .t10BlokNapojeneIn .panel a img { margin:10px 10px 5px; float:left; width:30%; border:none; } .t10BlokNapojeneIn .panel a h4 { background:#00b615; min-height:40px; padding:10px 10px; font-size:15px; text-transform:uppercase; text-align:center; color:#fff; font-weight:normal;} .t10BlokNapojeneIn .panel p { text-align:left; margin: 7px 7%; font-size:13px; } .vidBlok { background:#f1f1f1; margin:0; padding:20px 0; } .vidBlokIn { width:95%; margin:auto; } .vidBlokIn .panel { float:left; width:23%; margin-right:2%; margin-bottom:15px; text-align:center; background:#fff; padding-bottom:10px; } .vidBlokIn .panel a { color:#fff; text-decoration:none; } .vidBlokIn .panel a img { margin:15px 0; width:86%; border:none; } .vidBlokIn .panel a h4 { background:#00b615; min-height:40px; padding:10px 10px; font-size:15px; text-transform:uppercase; text-align:center; color:#fff; font-weight:normal;} .vidBlokIn .panel p { text-align:left; margin: 5px 7%; } /* CESTOPISY */ .panelSeznam { display:none; float:left; width:65%; background:#fff; border-top: 5px solid #00a6df; } .panelSeznam:nth-child(3n) { margin-left:5%; } .panelSeznamIn { padding:15px; } .panelSeznamIn p { font-size:14px; } .panelSeznamIn p a { color:#000; transition: background-color 0.3s; } .panelSeznam a.zavriVse { display:block; float:left; background:#00a6df; width:100%; padding:5px; text-align:center; font-size:14px; color:#fff; } .panelSeznamIn p a:hover { color:#00a6df; } .panelSeznamIn p a.pHover { background:#00a6df; color:#000; text-decoration:none; } .pravyPamBlokNapojene { background:#f1f1f1; margin:0; padding:20px 0; } .pravyPamBlokNapojeneIn { width:95%; margin:auto; } .pravyPamBlokNapojeneIn .panel { float:left; width:100%; margin-bottom:15px; text-align:center; background:#fff; padding-bottom:10px; } .pravyPamBlokNapojeneIn .panel a { color:#000; text-decoration:none; } .pravyPamBlokNapojeneIn .panel a img { float:left; margin:10px 10px 0; width:25%; border:none; } .pravyPamBlokNapojeneIn .panel a h4 { min-height:40px; padding:10px 10px; font-size:15px; text-transform:uppercase; text-align:center; color:#fff; font-weight:normal;} .pravyPamBlokNapojeneIn .panel a p { text-align:left; margin: 5px 7% !important; } .pravyPamBlokNapojeneIn .tk a h4 { background:#00a6df; } .pravyPamBlokNapojeneIn .obec a h4 { background:#00b615; } div.zpet { margin:0; padding:15px 0; } div.zpet a { font-size:14px; color:#000; transition: background-color 0.3s; } div.zpet a:hover { color:#00759b; } .smapa img, .smapa iframe, .smapa canvas, .smapa video, .smapa svg { max-width: initial; height: initial; } .videoOdkaz { position:relative; } .videoOdkaz img { width: 100%; height: auto; } .videoOdkaz a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display:block; background-color: #fff; color: #999;; font-size: 60px; padding: 12px 40px; border-radius: 5px; opacity: 0.75; transition: opacity 0.3s; } .videoOdkaz a:hover { opacity:1; } .videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }