/* Fonts **********************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ @font-face { font-family: 'tablet_gothic_condensed'; font-style: normal; font-weight: bold; src: url("//img.cncenter.cz/fonts/tablet-gothic/tablet_gothic_condensed-bold-webfont2-18-2.eot"); src: url("//img.cncenter.cz/fonts/tablet-gothic/tablet_gothic_condensed-bold-webfont2-18-2.eot?#iefix") format("embedded-opentype"); src: url("//img.cncenter.cz/fonts/tablet-gothic/tablet_gothic_condensed-bold-webfont2-18-2.ttf?v=3") format("truetype"); src: url("//img.cncenter.cz/fonts/tablet-gothic/tablet_gothic_condensed-bold-webfont2-18-2.woff") format("woff"); } /* (AJAX) Articles Preview - right column *************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #regions-ajax { background-color: #FFF; float: left; font-size: 14px; font-weight: bold; margin: 0 10px 0 10px; padding: 20px 10px 10px 10px; position: relative; width: 280px; } #regions-ajax * { position: relative; } #regions-ajax-title { display: block; float: left; font-family: 'tablet_gothic_compressed'; font-size: 18px; margin-bottom: 10px; text-transform: uppercase; width: 100%; } #regions-ajax-content { float: left; width: 100%; } #regions-ajax-content .regions-ajax-article { float: left; margin-bottom: 10px; width: 100%; } #regions-ajax-content .regions-ajax-article-media { display: block; float: left; width: 120px; } #regions-ajax-content .regions-ajax-article-media img { width: 100%; } #regions-ajax-content .regions-ajax-article-title { color: #000; display: block; float: right; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 22px; line-height: 24px; width: 150px; } #regions-ajax-link { background: url(../../../images/blesk/regiony/arrow-right-red.png) no-repeat right center transparent; display: block; float: right; font-size: 12px; font-weight: normal; padding-right: 10px; text-align: right; } /* Banner *********************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #regiony-banner { background: #222; height: 112px; margin-bottom: 20px; margin-top: 10px; position: relative; } #regiony-banner h1, #regiony-banner span { color: white; display: block; font-weight: normal; font-size: 40px; left: 20px; letter-spacing: 8px; position: absolute; text-transform: uppercase; top: 38px; } /* Small jobs *****************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #small-jobs{ background-color: #FFF; margin: 20px 10px 0 10px; padding: 10px; width: 280px; } #small-jobs #sj-title{ background-color: #F00; color: #FFF; display: block; font-size: 18px; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; height: 34px; line-height: 36px; margin: -10px -10px 0 -10px; padding: 0 10px 0 10px; } #small-jobs .sj-box{ border-bottom: 1px solid #DDD; float: left; margin-top: 10px; padding-bottom: 5px; } #small-jobs .sj-box .sj-row{ color: #AAA; float: left; font-size: 13px; line-height: 1.4em; margin-bottom: 5px; width: 280px; } #small-jobs .sj-box .sj-row.sj-row-title{ color: #000; display: block; font-size: 15px; font-weight: bold; } #small-jobs .sj-box .sj-row.sj-row-title:hover{ color: #F00; } #small-jobs .sj-box .sj-row.sj-row-salary{ color: #000; font-size: 15px; font-weight: bold; } #small-jobs .sj-box-last{ float: left; margin-top: 10px; } #small-jobs .sj-box-last .sj-row{ color: #AAA; float: left; font-size: 13px; line-height: 1.4em; margin-bottom: 5px; width: 280px; } #small-jobs .sj-box-last .sj-row.sj-row-title{ color: #000; display: block; font-size: 15px; font-weight: bold; } #small-jobs .sj-box-last .sj-row.sj-row-title:hover{ color: #F00; } #small-jobs .sj-box-last .sj-row.sj-row-salary{ color: #000; font-size: 15px; font-weight: bold; } #small-jobs #sj-more{ background: url(../../../images/blesk/regiony/arrow-right-red.png) no-repeat right center transparent; display: block; float: right; font-size: 13px; margin-top: 10px; padding-right: 15px; } /* Jobs ***********************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #jobs-title{ float: left; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 30px; line-height: 30px; margin: 0 0 20px 10px; position: relative; width: 620px; } #jobs-form{ margin: 0 0 20px 10px; width: 620px; } #jobs-form *{ position: relative; } #jobs-form .jf-select-container{ float: left; margin-left: 6px; width: 150px; } #jobs-form .jf-select-container:first-child{ margin-left: 0; width: 152px; } #jobs-form .jf-select-container .jf-select-desc{ float: left; font-size: 13px; width: 100%; } #jobs-form .jf-select-container .jf-select{ box-sizing: border-box; cursor: pointer; float: left; height: 35px; line-height: 35px; margin-top: 5px; padding: 0; position: relative; width: 100%; } #jobs-form .jf-search{ float: left; margin-top: 10px; width: 100%; } #jobs-form .jf-search .jf-search-for{ border: 1px solid #AAA; box-sizing: border-box; float: left; font-size: 14px; height: 35px; line-height: 35px; margin: 0 6px 0 0; padding: 0 10px 0 10px; width: 229px; } #jobs-form .jf-search .jf-search-location{ float: left; margin: 0 2px 0 0; width: 229px; } #jobs-form .jf-search .jf-search-location .jf-search-location-for{ border: 1px solid #AAA; box-sizing: border-box; font-size: 14px; height: 35px; line-height: 35px; padding: 0 10px 0 10px; width: 229px; z-index: 100; } #jobs-form .jf-search .jf-search-location .jf-search-location-results{ background-color: #FFF; border: 1px solid #AAA; border-top: none; box-shadow: 0 0 10px 0 #CCC; display: none; left: 0; overflow-x: hidden; overflow-y: auto; position: absolute; top: 34px; width: 227px; z-index: 90; } #jobs-form .jf-search .jf-search-location .jf-search-location-results a{ background: url(../../../images/blesk/regiony/arrow-right-red.png) no-repeat 204px center transparent; color: #000; display: block; float: left; font-size: 13px; height: 30px; line-height: 30px; overflow: hidden; padding: 0 30px 0 10px; transition: background-color 200ms linear, background-position 200ms linear; text-overflow: ellipsis; white-space: nowrap; width: 187px; } #jobs-form .jf-search .jf-search-location .jf-search-location-results a:hover{ color: #E00; text-decoration: none; } #jobs-form .jf-search .jf-search-location .jf-search-location-results a.hover{ background-color: #F4F4F4; background-position: 214px center; color: #E00; text-decoration: none; } #jobs-form .jf-search .jf-search-location .jf-search-location-results.displayed{ display: block; } #jobs-form .jf-search .jf-search-submit{ background-color: #F00; border: none; box-sizing: border-box; color: #FFF; cursor: pointer; float: right; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 16px; font-weight: bold; height: 35px; line-height: 38px; padding: 0; text-transform: uppercase; width: 150px; } #jobs{ position: relative; margin: 0 0 0 10px; width: 620px; } #jobs *{ position: relative; } #jobs #j-notfound{ font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 22px; height: 40px; line-height: 42px; text-align: center; } #jobs .j-box{ background: url(/images/blesk/regiony/j-arrow-right-red.png) no-repeat 600px center transparent; display: block; float: left; margin: 10px 0 0 0; padding: 10px; width: 600px; } #jobs .j-box:nth-child(odd){ background-color: rgb(246,246,246); } #jobs .j-box .j-row{ color: #000; float: left; font-size: 13px; line-height: 15px; margin: 5px 0 0 0; width: 100%; } #jobs .j-box .j-row-title{ color: #000; font-size: 16px; line-height: 25px; margin-top: 0; font-weight: bold; } #jobs .j-pages{ float: left; height: 25px; margin: 30px 0 0 0; } #jobs .j-pages.centered{ float: none; margin: auto; margin-top: 30px; } #jobs .j-prevpage{ background: url(/images/blesk/regiony/j-prev.png) no-repeat center center transparent; display: block; float: left; height: 25px; margin: 0 10px 0 10px; width: 20px; } #jobs .j-nextpage{ background: url(/images/blesk/regiony/j-next.png) no-repeat center center transparent; display: block; float: left; height: 25px; margin: 0 10px 0 10px; width: 20px; } #jobs .j-pages .j-page{ color: #000; display: block; float: left; font-size: 14px; font-weight: bold; height: 25px; line-height: 25px; margin: 0 10px 0 10px; } #jobs .j-pages .j-page.aktpage{ color: #F00; } /* Job - detail ***************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #job-detail{ position: relative; margin: 0 0 0 10px; width: 620px; } #job-detail *{ position: relative; } #job-detail #jd-title{ float: left; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 30px; line-height: 40px; margin-bottom: 20px; width: 100%; } #job-detail .jd-box{ float: left; padding: 15px; width: 590px; } #job-detail .jd-box.jd-highlight{ background-color: #FFF; } #job-detail .jd-box .jd-row{ float: left; margin-top: 10px; width: 100%; } #job-detail .jd-box .jd-row:first-child{ margin-top: 0; } #job-detail .jd-box .jd-row .jd-column{ float: left; font-size: 14px; line-height: 25px; width: 35%; } #job-detail .jd-box .jd-row .jd-column.jd-column-first{ font-weight: bold; } #job-detail .jd-box .jd-row .jd-column.jd-column-second{ float: right; width: 60%; } #job-detail #jd-footer{ border-top: 1px solid #DDD; color: #666; float: left; font-size: 12px; line-height: 20px; padding: 15px; width: 590px; } #job-detail #jd-back{ margin: auto; display: block; margin-top: 30px; position: relative; width: 220px; text-align: center; color: #FFF; height: 30px; font-size: 18px; line-height: 35px; background: #F00; font-family: tablet_gothic_compressed; } /* Jobs - locations ***********************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #jobs-locations{ background: #FFF; margin-top: 30px; margin-left: 10px; padding: 20px 10px 10px 10px; width: 600px; } #jobs-locations #jl-title{ font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 22px; line-height: 22px; } #jobs-locations #jl-content{ color: #444; font-size: 12px; line-height: 18px; margin-top: 15px; } #jobs-locations #jl-content a{ color: #444; } /* Map ************************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ svg path{ cursor: pointer; } #regiony-map { background: white; margin: 20px 10px 0 10px; padding: 0; } #regiony-map .headline { background: #ff0000; color: white; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 25px; font-weight: bold; line-height: 26px; margin: 0 0 10px 0; padding: 13px 0 9px; text-align: center; width: 300px; } .jvectormap-label { background: #292929; border: solid 1px #CDCDCD; border-radius: 2px; color: white; display: none; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; position: absolute; z-index: 100; } #breadcrumbs { border-bottom: 0; } /* Map HP *********************************************************************/ #regiony-title-hp{ display: none; font-family: 'tablet_gothic_condensed'; font-size: 30px; line-height: 30px; margin: 20px 10px 0 10px; width: 620px; } #regiony-map-hp { height: 380px; margin: 20px 10px 25px 10px; padding: 0 10px 0 10px; width: 600px; } .region-title{ color: #16212D; display: block; font-size: 11px; font-weight: bold; left: 0; line-height: 15px; pointer-events: none; position: absolute; text-align: center; top: 0; z-index: 9; } .region-title:hover{ text-decoration: none; } .region-title1{ left: 50px; top: 146px; } .region-title2{ left: 140px; top: 108px; } .region-title3{ left: 238px; top: 81px; } .region-title4{ left: 316px; top: 124px; } .region-title5{ left: 336px; top: 187px; } .region-title6{ left: 447px; top: 218px; } .region-title7{ left: 496px; top: 192px; } .region-title8{ left: 499px; top: 272px; } .region-title9{ left: 394px; top: 285px; } .region-title10{ left: 296px; top: 252px; } .region-title11{ left: 181px; top: 296px; } .region-title12{ left: 77px; top: 226px; } .region-title13{ left: 188px; top: 201px; } .region-title14{ left: 195px; top: 143px; } /* Menu Praha *****************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #regiony-menu .logoBlesk a { background: url("/images/blesk/regiony/blesk-logo.png") 0 0 no-repeat; height: 70px; width: 154px; } #regiony-submenu { height: 40px; left: 164px; position: absolute; top: -41px; width: 786px; z-index: 17; } #regiony-submenu { border-bottom: 1px solid #cad5df; font-family: 'tablet_gothic_condensed', Arial, sans-serif; font-size: 23px; padding: 0; text-transform: uppercase; width: 787px; } #regiony-submenu a { color: #8a949e; } #regiony-submenu .categories { float: right; } #regiony-submenu .categories li { border-left: 1px solid #cad5df; float: left; margin: 2px 0 0 0; padding: 11px 13px 4px 13px; } #regiony-submenu .categories li:hover { background: white; } #regiony-submenu .categories li:hover a { text-decoration: none; } #regiony-submenu .categories li:first-child { border: 0; } #regiony-submenu .roll-out { background: white; box-shadow: -1px 1px 15px -2px #000000; display: none; font-family: 'tablet_gothic_compressed', sans-serif; overflow: hidden; padding: 20px; position: absolute; text-transform: none; webkit-box-shadow: -1px 1px 15px -2px #000000; width: 365px; } #regiony-submenu .roll-out:hover { display: block; } #regiony-submenu .roll-out ul { float: left; overflow: hidden; width: 31%; } #regiony-submenu .roll-out li { font-size: 20px; margin: 0 5px 5px 0; } #regiony-submenu .roll-out a { color: #5c6773; } #regiony-submenu .main { color: #16212d; display: inline-block; font-size: 28px; padding: 9px 23px 1px; position: relative; } #regiony-submenu .sub { font-size: 23px; margin: 0 0 0 8px; } #regiony-submenu .ico { background: url(/images/blesk/regiony/sprite.png) 0 0 no-repeat; display: block; height: 8px; margin-top: -4px; position: absolute; right: 8px; top: 50%; width: 9px; } #regiony-submenu .main:hover .ico, #regiony-submenu .main.over .ico { background-position: 0 -8px; } #regiony-submenu .main:hover, #regiony-submenu .main.over { background: white; box-shadow: -1px 1px 15px -2px #000000; position: relative; text-decoration: none; z-index: 2; } #regiony-submenu .main:hover:after, #regiony-submenu .main.over:after { background: white; bottom: -11px; content: ''; display: block; height: 11px; left: 0; position: absolute; width: 100%; z-index: 2; } #regiony-submenu .main:hover + .roll-out { display: block; } #regiony-submenu .sectionHeader li a.dropdownMenu:after { top: 16px; } /* Menu mimo Prahu ************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ /* Menu -----------------------------------------------------------------------------*/ #regiony-submenu-2 { height: 40px; left: 164px; position: absolute; top: -40px; width: 786px; z-index: 17; border-bottom: 1px solid #cad5df; font-family: 'tablet_gothic_condensed', Arial, sans-serif; font-size: 26px; padding: 0; text-transform: uppercase; width: 787px; } #regiony-submenu-2 ul.topLevelMenu li { display:inline-block; position:relative;border-left: 1px solid #cad5df; float: left; margin: 2px 0 0 0; padding: 11px 11px 4px 11px; } #regiony-submenu-2 ul.topLevelMenu li:hover { background-color: white; } #regiony-submenu-2 ul.topLevelMenu li:hover a { text-decoration: none; } #regiony-submenu-2 ul.topLevelMenu li:first-child { border: 0; } #regiony-submenu-2 li a.category { color: #16212d; } #regiony-submenu-2 ul.topLevelMenu ul.subCategories .bulletDivider { font-size: 12px; padding: 0px 0px; } #regiony-submenu-2 ul.topLevelMenu ul.subCategories { display: block; text-align: center; } #regiony-submenu-2 ul.topLevelMenu ul.subCategories li { width: auto; padding: 0px 5px; color: #707b87; float: none;} #regiony-submenu-2 ul.topLevelMenu ul.subCategories li a { line-height: 12px; padding-top: 0px; text-indent: 0px; background: transparent; font-weight: bold; font-family: 'tablet_gothic_condensed', Arial, sans-serif; text-transform: uppercase; } #regiony-submenu-2 ul.topLevelMenu ul.subCategories li a:hover { text-decoration: underline; background: black;} #regiony-submenu-2 ul.topLevelMenu a.subCategory { font-size: 12px; color: #707b87; } #regiony-submenu-2 #menuSectionContainer { position: absolute; top: 35px; left: 0px; z-index: 20000 !important; width: 480px; } #regiony-submenu-2 #menuSectionContainer .menuInMenu { width: 160px; font-size: 16px; line-height: 29px; text-transform: uppercase; } #regiony-submenu-2 .menuSection { margin: 0px 0 0; background-color:#fff; position: relative; z-index: 2; padding: 0px; } #regiony-submenu-2 .menuSection .smallArticles { float: left; width: 309px; border-right: 1px solid #cad5df; margin: 10px 0px 10px 10px; } #regiony-submenu-2 .menuSection .smallArticles .article { width: 299px; height: 68px; border-bottom: 1px solid #cad5df; padding: 10px 0px; margin: 0px 20px 10px 0px;} #regiony-submenu-2 .menuSection .smallArticles .article:after { background: transparent url(../../images/blesk-2013/blesk-sprites.png?v=200) no-repeat -350px -216px; background-origin: content-box; background-clip: content-box; } #regiony-submenu-2 .menuSection .smallArticles .article.last { border-bottom: none; } #regiony-submenu-2 .menuSection .smallArticles .article .title { float: left; padding-left: 10px; color: #16212d; width: 150px; font-size: 15px; font-weight: bold;} #regiony-submenu-2 .menuSection .smallArticles .article .title:hover { text-decoration: underline;} #regiony-submenu-2 .menuSection .smallArticles img { float: left; width: 120px; height: 68px;} #regiony-submenu-2 ul.topLevelMenu .menuSection .smallArticles .articleTitle { font-size: 15px; color: #16212d; } #regiony-submenu-2 .menuSection .articleVertical { float: left;} #regiony-submenu-2 .menuSection .menuInMenu { float: right; width: 175px; background-color: #16212d; min-height: 275px; } #regiony-submenu-2 .menuSection .menuInMenu li:hover { background: transparent; } #regiony-submenu-2 .celebrity .menuInMenu { width: 175px; float: left;} #regiony-submenu-2 .sport .menuInMenu { width: 175px; } #regiony-submenu-2 .menuSection .menuInMenu ul { padding: 3px 0 0 5px; } #regiony-submenu-2 .menuSection .menuInMenu ul li { float: none; display: block; width: 145px; height: auto !important; border: none; padding: 0 0 0 11px; } #regiony-submenu-2 .menuSection .menuInMenu ul li a { float: none; display: block; width: 145px; font-family: 'tablet_gothic_compressed'; color: #e9eff4;} #regiony-submenu-2 .celebrity #menuSectionContainer { width: 490px !important; } #regiony-submenu-2 .dalsi #menuSectionContainer { width: 160px !important;} #regiony-submenu-2 #menuSectionContainer .menuInMenu { width: 160px;} #regiony-submenu-2 .celebrity #menuSectionContainer .menuInMenu { width: 170px;} #regiony-submenu-2 ul.topLevelMenu li.celebrity.hover a.category { color: #f00;} #regiony-submenu-2 ul.topLevelMenu li.zpravy.hover a.category { color: #083E89;} #regiony-submenu-2 ul.topLevelMenu li.sport.hover a.category { color: #91c837;} #regiony-submenu-2 ul.topLevelMenu li.dalsi.hover a.category { color: #9ca7ac;;} #regiony-submenu-2 ul.topLevelMenu li.celebrity a.category:after, #regiony-submenu-2 ul.topLevelMenu li.sport a.category:after, #regiony-submenu-2 ul.topLevelMenu li.zpravy a.category:after, #regiony-submenu-2 ul.topLevelMenu li.dalsi a.category:after { width: 10px; content: ""; height: 10px ; float: right; padding-top: 10px; padding-right: 0px; position: relative; left: -10px;} #regiony-submenu-2 ul.topLevelMenu li.celebrity a.category:after, #regiony-submenu-2 ul.topLevelMenu li.zpravy a.category:after, #regiony-submenu-2 ul.topLevelMenu li.sport a.category:after, #regiony-submenu-2 ul.topLevelMenu li.dalsi a.category:after { background: transparent url(../../../images/blesk-2013/blesk-sprites.png?v=200) no-repeat -50px -200px; background-origin: content-box; background-clip: content-box; } #regiony-submenu-2 ul.topLevelMenu li.celebrity { width: 125px;} #regiony-submenu-2 ul.topLevelMenu li.celebrity a.category {width: 124px; } #regiony-submenu-2 ul.topLevelMenu li.zpravy {width: 95px; } #regiony-submenu-2 ul.topLevelMenu li.zpravy a.blesk24logoMenuArticle{ position: absolute; top: 11px; right:22px; } #regiony-submenu-2 ul.topLevelMenu li.zpravy a.blesk24logoMenuArticle a.category { width: 94px; padding-right: 22px; } #regiony-submenu-2 ul.topLevelMenu li.sport { width:87px; } #regiony-submenu-2 ul.topLevelMenu li.dalsi { width: 87px; } #regiony-submenu-2 ul.topLevelMenu li.dalsi a.category { width: 86px; } #regiony-submenu-2 ul.topLevelMenu li.program { width: 125px; } #regiony-submenu-2 ul.topLevelMenu li.horoskopy { margin: 0px; width: 110px; } #regiony-submenu-2 ul.topLevelMenu li.horoskopy a.category { background: none; width: 109px; } #regiony-submenu-2 .zpravy #menuSectionContainer .recentArticles , #regiony-submenu-2 .celebrity #menuSectionContainer .recentArticles { float: right !important;} /* Municipality ***************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #regiony-municipality { background: white; font-size: 12px; margin: 0 10px 0 10px; padding: 0 10px 10px 10px; text-align: center; width: 280px; } #regiony-municipality h2 { font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 16px; font-weight: bold; line-height: 23px; margin: 10px 0 3px; text-align: center; text-transform: uppercase; } #regiony-municipality a.municipality-link { color: #16212d; line-height: 1.6em; } /* Search - location **********************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #search-location{ height: 40px; margin: 0 10px 20px 10px; width: 300px; z-index: 150; } #search-location #search-location-for{ border: 1px solid #CCC; border-right: none; float: left; height: 38px; line-height: 38px; padding: 0 10px 0 10px; position: absolute; top: 0; width: 179px; z-index: 15; } #search-location #search-location-submit{ background-color: #F00; color: #FFF; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 16px; font-weight: bold; height: 40px; line-height: 43px; position: absolute; right: 10px; text-align: center; top: 0; width: 100px; z-index: 15; } #search-location #search-location-submit #search-location-text-search{ background-color: #F00; bottom: 0; cursor: pointer; display: none; left: 0; margin: auto; position: absolute; right: 0; top: 0; z-index: 13; } #search-location #search-location-submit #search-location-text-search.displayed{ display: block; } #search-location #search-location-submit #search-location-text-results{ background-color: #C00; bottom: 0; cursor: pointer; display: none; left: 0; margin: auto; position: absolute; right: 0; top: 0; z-index: 13; } #search-location #search-location-submit #search-location-text-results.displayed{ display: block; } #search-location #search-location-submit img{ bottom: 0; display: block; left: 0; margin: auto; opacity: 0; position: absolute; right: 0; top: 0; } #search-location #search-location-submit.loading #search-location-text-search{ display: none; } #search-location #search-location-submit.loading #search-location-text-results{ display: none; } #search-location #search-location-submit.loading img { opacity: 1; animation-duration: 1000ms; animation-iteration-count: infinite; animation-name: animateLoading; animation-timing-function: ease; transform-style: preserve-3d; will-change: transform; -moz-animation-duration: 1000ms; -moz-animation-iteration-count: infinite; -moz-animation-name: animateLoading; -moz-animation-timing-function: ease; -moz-transform-style: preserve-3d; -webkit-animation-duration: 1000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-name: animateLoading; -webkit-animation-timing-function: ease; -webkit-transform-style: preserve-3d; } #search-location #search-location-results{ background-color: #FFF; border: 1px solid #CCC; border-top: none; box-shadow: 0 0 10px 0 #CCC; display: none; overflow-x: hidden; overflow-y: auto; position: absolute; top: 40px; width: 298px; z-index: 14; } #search-location #search-location-results.displayed{ display: block; } #search-location #search-location-results a{ background: url(../../../images/blesk/regiony/arrow-right-red.png) no-repeat 275px center transparent; color: #000; display: block; float: left; font-size: 13px; height: 30px; line-height: 30px; overflow: hidden; padding: 0 30px 0 10px; transition: background-color 200ms linear, background-position 200ms linear; text-overflow: ellipsis; white-space: nowrap; width: 258px; } #search-location #search-location-results a:hover{ color: #E00; text-decoration: none; } #search-location #search-location-results a.hover{ background-color: #F4F4F4; background-position: 285px center; color: #E00; text-decoration: none; } /* Offices ********************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #offices-title{ float: left; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 30px; line-height: 30px; margin: 0 0 20px 10px; position: relative; width: 620px; } #offices-form{ border-bottom: 1px solid #CCC; margin: 0 10px 20px 10px; padding-bottom: 30px; position: relative; width: 620px; } #offices-form *{ position: relative; } #offices-form .of-box{ background-color: #FFF; float: left; padding: 8px 6px 8px 6px; } #offices-form .of-box .of-option{ cursor: pointer; display: block; float: left; font-size: 12px; height: 30px; line-height: 30px; margin: 0 2px 4px 2px; padding: 0 20px 0 5px; transition: background-color 150ms linear; width: 171px;} #offices-form .of-box .of-option:hover{ background-color: #F4F4F4; } #offices-form .of-box .of-option .of-radio{ cursor: pointer; display: block; height: 15px; margin: 0; position: absolute; right: 5px; top: 8px; width: 15px; z-index: 10; } #offices-form .of-box .of-option .of-label{ border-left: 5px solid transparent; border-right: 25px solid transparent; bottom: 0; cursor: pointer; display: block; font-size: 12px; left: 0; position: absolute; right: 0; top: 0; } #offices-form .of-box .of-option .of-radio:checked + .of-label{ background-color: #F4F4F4; border-left: 5px solid #F4F4F4; border-right: 25px solid #F4F4F4; } #offices-form .of-search{ float: left; margin-top: 10px; width: 100%; } #offices-form .of-search .of-search-for{ border: 1px solid #AAA; box-sizing: border-box; float: left; font-size: 14px; height: 35px; line-height: 35px; margin: 0 6px 0 0; padding: 0 10px 0 10px; width: 229px; } #offices-form .of-search .of-search-location{ float: left; margin: 0 2px 0 0; width: 229px; } #offices-form .of-search .of-search-location .of-search-location-for{ border: 1px solid #AAA; box-sizing: border-box; font-size: 14px; height: 35px; line-height: 35px; padding: 0 10px 0 10px; width: 229px; z-index: 15; } #offices-form .of-search .of-search-location .of-search-location-results{ background-color: #FFF; border: 1px solid #AAA; border-top: none; box-shadow: 0 0 10px 0 #CCC; display: none; left: 0; overflow-x: hidden; overflow-y: auto; position: absolute; top: 34px; width: 227px; z-index: 14; } #offices-form .of-search .of-search-location .of-search-location-results a{ background: url(../../../images/blesk/regiony/arrow-right-red.png) no-repeat 204px center transparent; color: #000; display: block; float: left; font-size: 13px; height: 30px; line-height: 30px; overflow: hidden; padding: 0 30px 0 10px; transition: background-color 200ms linear, background-position 200ms linear; text-overflow: ellipsis; white-space: nowrap; width: 187px; } #offices-form .of-search .of-search-location .of-search-location-results a:hover{ color: #E00; text-decoration: none; } #offices-form .of-search .of-search-location .of-search-location-results a.hover{ background-color: #F4F4F4; background-position: 214px center; color: #E00; text-decoration: none; } #offices-form .of-search .of-search-location .of-search-location-results.displayed{ display: block; } #offices-form .of-search .of-search-submit{ background-color: #F00; border: none; box-sizing: border-box; color: #FFF; cursor: pointer; float: right; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 16px; font-weight: bold; height: 35px; line-height: 38px; padding: 0; text-transform: uppercase; width: 150px; } #offices { position: relative; margin: 0 0 0 10px; width: 620px; } #offices *{ position: relative; } #offices #o-notfound{ font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 22px; height: 40px; line-height: 42px; text-align: center; } #offices .o-box{ background: url(/images/blesk/regiony/j-arrow-right-red.png) no-repeat 600px center transparent; display: block; float: left; margin: 10px 0 0 0; padding: 10px; width: 600px; } #offices .o-box:nth-child(odd){ background-color: rgb(246,246,246); } #offices .o-box .o-row{ color: #000; float: left; font-size: 13px; line-height: 15px; margin: 5px 0 0 0; width: 100%; } #offices .o-box .o-row-title{ color: #000; font-size: 16px; line-height: 25px; margin-top: 0; font-weight: bold; } #offices .o-pages{ float: left; height: 25px; margin: 30px 0 0 0; } #offices .o-pages.centered{ float: none; margin: auto; margin-top: 30px; } #offices .o-prevpage{ background: url(/images/blesk/regiony/j-prev.png) no-repeat center center transparent; display: block; float: left; height: 25px; margin: 0 10px 0 10px; width: 20px; } #offices .o-nextpage{ background: url(/images/blesk/regiony/j-next.png) no-repeat center center transparent; display: block; float: left; height: 25px; margin: 0 10px 0 10px; width: 20px; } #offices .o-pages .o-page{ color: #000; display: block; float: left; font-size: 14px; font-weight: bold; height: 25px; line-height: 25px; margin: 0 10px 0 10px; } #offices .o-pages .o-page.aktpage{ color: #F00; } /* Offices - detail ***********************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #office-detail-title{ font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 30px; line-height: 30px; margin: 0 0 20px 10px; position: relative; width: 100%; } #office-detail{ position: relative; margin: 0 0 0 10px; width: 620px; } #office-detail *{ position: relative; } #office-detail #od-title{ float: left; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 30px; line-height: 30px; margin-bottom: 20px; width: 100%; } #office-detail .od-box{ float: left; padding: 15px; width: 590px; } #office-detail .od-box.od-highlight{ background-color: #FFF; } #office-detail .od-box .od-row{ float: left; margin-top: 10px; width: 100%; } #office-detail .od-box .od-row:first-child{ margin-top: 0; } #office-detail .od-box .od-row .od-column{ float: left; font-size: 14px; line-height: 25px; width: 35%; } #office-detail .od-box .od-row .od-column.od-column-first{ font-weight: bold; } #office-detail .od-box .od-row .od-column.od-column-second{ float: right; width: 60%; } #office-detail #od-footer{ border-top: 1px solid #DDD; color: #666; float: left; font-size: 12px; line-height: 20px; padding: 15px; width: 590px; } #office-detail #od-back{ margin: auto; display: block; margin-top: 30px; position: relative; width: 220px; text-align: center; color: #FFF; height: 30px; font-size: 18px; line-height: 35px; background: #F00; font-family: tablet_gothic_compressed; } /* Small offices **************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #small-offices{ background-color: #FFF; margin: 20px 10px 0 10px; padding: 10px; width: 280px; } #small-offices #so-title{ background-color: #F00; color: #FFF; display: block; font-size: 18px; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; height: 34px; line-height: 36px; margin: -10px -10px 5px -10px; padding: 0 10px 0 10px; } #small-offices .so-box{ border-bottom: 1px solid #DDD; float: left; margin-top: 5px; padding-bottom: 5px; } #small-offices .so-box .so-row{ color: #F00; float: left; font-size: 13px; line-height: 1.4em; width: 280px; } #small-offices .so-box .so-row.so-row-title{ color: #000; display: block; font-size: 14px; font-weight: bold; margin-bottom: 2px; } #small-offices .so-box .so-row.so-row-title:hover{ color: #F00; } #small-offices .so-box-last{ float: left; margin-top: 10px; } #small-offices .so-box-last .so-row{ color: #F00; float: left; font-size: 13px; line-height: 1.4em; width: 280px; } #small-offices .so-box-last .so-row.so-row-title{ color: #000; display: block; font-size: 14px; font-weight: bold; margin-bottom: 2px; } #small-offices .so-box-last .so-row.so-row-title:hover{ color: #F00; } #small-offices #so-more{ background: url(../../../images/blesk/regiony/arrow-right-red.png) no-repeat right center transparent; display: block; float: right; font-size: 13px; margin-top: 10px; padding-right: 15px; } /* Schools ********************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #schools-title{ float: left; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 30px; line-height: 30px; margin: 0 0 20px 10px; position: relative; width: 620px; } #schools-form{ border-bottom: 1px solid #CCC; margin: 0 10px 20px 10px; padding-bottom: 30px; position: relative; width: 620px; } #schools-form *{ position: relative; } #schools-form .scf-box{ background-color: #FFF; float: left; padding: 8px 6px 8px 6px; } #schools-form .scf-box .scf-option{ cursor: pointer; display: block; float: left; font-size: 12px; height: 30px; line-height: 30px; margin: 0 2px 4px 2px; padding: 0 20px 0 5px; transition: background-color 150ms linear; width: 171px;} #schools-form .scf-box .scf-option:hover{ background-color: #F4F4F4; } #schools-form .scf-box .scf-option .scf-radio{ cursor: pointer; display: block; height: 15px; margin: 0; position: absolute; right: 5px; top: 8px; width: 15px; z-index: 10; } #schools-form .scf-box .scf-option .scf-label{ border-left: 5px solid transparent; border-right: 25px solid transparent; bottom: 0; cursor: pointer; display: block; font-size: 12px; left: 0; position: absolute; right: 0; top: 0; } #schools-form .scf-box .scf-option .scf-radio:checked + .scf-label{ background-color: #F4F4F4; border-left: 5px solid #F4F4F4; border-right: 25px solid #F4F4F4; } #schools-form .scf-search{ float: left; margin-top: 10px; width: 100%; } #schools-form .scf-search .scf-search-for{ border: 1px solid #AAA; box-sizing: border-box; float: left; font-size: 14px; height: 35px; line-height: 35px; margin: 0 6px 0 0; padding: 0 10px 0 10px; width: 229px; } #schools-form .scf-search .scf-search-location{ float: left; margin: 0 2px 0 0; width: 229px; } #schools-form .scf-search .scf-search-location .scf-search-location-for{ border: 1px solid #AAA; box-sizing: border-box; font-size: 14px; height: 35px; line-height: 35px; padding: 0 10px 0 10px; width: 229px; z-index: 15; } #schools-form .scf-search .scf-search-location .scf-search-location-results{ background-color: #FFF; border: 1px solid #AAA; border-top: none; box-shadow: 0 0 10px 0 #CCC; display: none; left: 0; overflow-x: hidden; overflow-y: auto; position: absolute; top: 34px; width: 227px; z-index: 14; } #schools-form .scf-search .scf-search-location .scf-search-location-results a{ background: url(../../../images/blesk/regiony/arrow-right-red.png) no-repeat 204px center transparent; color: #000; display: block; float: left; font-size: 13px; height: 30px; line-height: 30px; overflow: hidden; padding: 0 30px 0 10px; transition: background-color 200ms linear, background-position 200ms linear; text-overflow: ellipsis; white-space: nowrap; width: 187px; } #schools-form .scf-search .scf-search-location .scf-search-location-results a:hover{ color: #E00; text-decoration: none; } #schools-form .scf-search .scf-search-location .scf-search-location-results a.hover{ background-color: #F4F4F4; background-position: 214px center; color: #E00; text-decoration: none; } #schools-form .scf-search .scf-search-location .scf-search-location-results.displayed{ display: block; } #schools-form .scf-search .scf-search-submit{ background-color: #F00; border: none; box-sizing: border-box; color: #FFF; cursor: pointer; float: right; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 16px; font-weight: bold; height: 35px; line-height: 38px; padding: 0; text-transform: uppercase; width: 150px; } #schools { position: relative; margin: 0 0 0 10px; width: 620px; } #schools *{ position: relative; } #schools #sc-notfound{ font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 22px; height: 40px; line-height: 42px; text-align: center; } #schools .sc-box{ background: url(/images/blesk/regiony/j-arrow-right-red.png) no-repeat 600px center transparent; display: block; float: left; margin: 10px 0 0 0; padding: 10px 25px 10px 10px; width: 585px; } #schools .sc-box:nth-child(odd){ background-color: rgb(246,246,246); } #schools .sc-box .sc-row{ color: #000; float: left; font-size: 13px; line-height: 15px; margin: 5px 0 0 0; width: 100%; } #schools .sc-box .sc-row-title{ color: #000; font-size: 16px; line-height: 25px; margin-top: 0; font-weight: bold; } #schools .sc-pages{ float: left; height: 25px; margin: 30px 0 0 0; } #schools .sc-pages.centered{ float: none; margin: auto; margin-top: 30px; } #schools .sc-prevpage{ background: url(/images/blesk/regiony/j-prev.png) no-repeat center center transparent; display: block; float: left; height: 25px; margin: 0 10px 0 10px; width: 20px; } #schools .sc-nextpage{ background: url(/images/blesk/regiony/j-next.png) no-repeat center center transparent; display: block; float: left; height: 25px; margin: 0 10px 0 10px; width: 20px; } #schools .sc-pages .sc-page{ color: #000; display: block; float: left; font-size: 14px; font-weight: bold; height: 25px; line-height: 25px; margin: 0 10px 0 10px; } #schools .sc-pages .sc-page.aktpage{ color: #F00; } /* Schools - detail ***********************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #school-detail-title{ font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 30px; line-height: 30px; margin: 0 0 20px 10px; position: relative; width: 100%; } #school-detail{ position: relative; margin: 0 0 0 10px; width: 620px; } #school-detail *{ position: relative; } #school-detail #sd-title{ float: left; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 30px; line-height: 30px; margin-bottom: 20px; width: 100%; } #school-detail .sd-box{ float: left; padding: 15px; width: 590px; } #school-detail .sd-box.sd-highlight{ background-color: #FFF; } #school-detail .sd-box .sd-row{ float: left; margin-top: 10px; width: 100%; } #school-detail .sd-box .sd-row:first-child{ margin-top: 0; } #school-detail .sd-box .sd-row .sd-column{ float: left; font-size: 14px; line-height: 25px; width: 35%; } #school-detail .sd-box .sd-row .sd-column.sd-column-first{ font-weight: bold; } #school-detail .sd-box .sd-row .sd-column.sd-column-second{ float: right; width: 60%; } #school-detail #sd-footer{ border-top: 1px solid #DDD; color: #666; float: left; font-size: 12px; line-height: 20px; padding: 15px; width: 590px; } #school-detail #sd-back{ margin: auto; display: block; margin-top: 30px; position: relative; width: 220px; text-align: center; color: #FFF; height: 30px; font-size: 18px; line-height: 35px; background: #F00; font-family: tablet_gothic_compressed; } /* Small schools **************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #small-schools{ background-color: #FFF; margin: 20px 10px 0 10px; padding: 10px; width: 280px; } #small-schools #sms-title{ background-color: #F00; color: #FFF; display: block; font-size: 18px; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; height: 34px; line-height: 36px; margin: -10px -10px 5px -10px; padding: 0 10px 0 10px; } #small-schools .sms-box{ border-bottom: 1px solid #DDD; float: left; margin-top: 5px; padding-bottom: 5px; min-height: inherit; } #small-schools .sms-box .sms-row{ color: #AAA; float: left; line-height: 1.4em; width: 280px; } #small-schools .sms-box .sms-row.sms-row-title{ color: #000; display: block; font-size: 14px; font-weight: bold; } #small-schools .sms-box .sms-row.sms-row-title:hover{ color: #F00; } #small-schools .sms-box-last{ float: left; margin-top: 10px; } #small-schools .sms-box-last .sms-row{ color: #AAA; float: left; line-height: 1.4em; width: 280px; } #small-schools .sms-box-last .sms-row.sms-row-title{ color: #000; display: block; font-size: 14px; font-weight: bold; } #small-schools .sms-box-last .sms-row.sms-row-title:hover{ color: #F00; } #small-schools #sms-more{ background: url(../../../images/blesk/regiony/arrow-right-red.png) no-repeat right center transparent; display: block; float: right; font-size: 13px; margin-top: 10px; padding-right: 15px; } /* Statistics *****************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #statistics-title{ float: left; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 30px; line-height: 30px; margin: 0 0 20px 10px; position: relative; width: 620px; } #statistics{ margin: 0 10px 0 10px; width: 620px; } #statistics .s-title{ font-size: 18px; font-weight: normal; margin-bottom: 15px; width: 100%; } #statistics .s-content{ margin-bottom: 25px; overflow-x: auto; overflow-y: hidden; width: 100%; } #statistics .s-content .s-table{ background-color: #FFF; border-left: 1px solid #CCC; border-top: 1px solid #CCC; width: 100%; } #statistics .s-content .s-table .s-row{} #statistics .s-content .s-table .s-cell{ border: 1px solid #CCC; font-size: 12px; line-height: 1.2em; padding: 5px; } #statistics .s-content .s-table-first .s-cell{ min-width: 70px; } #statistics .s-content .s-table-first .s-row .s-cell.s-column1{ white-space: nowrap; } #statistics .s-content .s-table .s-row .s-cell.s-column1{ background-color: #D7E1EA; border-left: none; font-size: 13px; font-weight: bold; } #statistics .s-content .s-table .s-row .s-cell.s-column-last{ border-right: none; } #statistics .s-content .s-table .s-row1 .s-cell{ background-color: #D7E1EA; border-top: none; font-size: 13px; font-weight: bold; } #statistics .s-content .s-table .s-row-last .s-cell{ border-bottom: none; } #statistics .s-content .s-notes{ color: #888; font-size: 12px; line-height: 1.2em; margin-top: 10px; width: 100%; } #statistics .s-content-empty{ background-color: #FFF; box-sizing: border-box; color: #C44; font-size: 13px; margin-bottom: 25px; padding: 10px; width: 100%; } /* Small statistics ***********************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ #small-statistics{ background-color: #FFF; margin: 20px 10px 0 10px; padding: 10px; width: 280px; } #small-statistics #ss-title{ background-color: #F00; color: #FFF; display: block; font-size: 18px; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; height: 34px; line-height: 36px; margin: -10px -10px 7px -10px; overflow: hidden; padding: 0 10px 0 10px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } #small-statistics .ss-row{ float: left; margin-top: 5px; width: 100%; } #small-statistics .ss-row .ss-column{ float: left; font-size: 13px; line-height: 16px; width: 60%; } #small-statistics .ss-row .ss-column.ss-right{ font-weight: bold; font-size: 14px; width: 35%; } #small-statistics #ss-more{ background: url(../../../images/blesk/regiony/arrow-right-red.png) no-repeat right center transparent; display: block; float: right; font-size: 13px; margin-top: 10px; padding: 0 15px 0 0; width: 265px; text-align: right; } /* Top articles ***************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ .top-article-wrap .item-big .content .cat-name, .top-article-wrap .item-middle .content .cat-name, .top-article-wrap .item-small .content .cat-name{ color: #083E89 !important; } .top-article-wrap .item-big .content .title a:hover, .top-article-wrap .item-middle .content .title a:hover, .top-article-wrap .item-small .content .title a:hover{ color: #083E89 !important; } /* Town meta-data *************************************************************/ /***statistiky preo obce, seznamy obci, resp. okresu pro okresy, resp. kraje***/ /******************************************************************************/ /******************************************************************************/ .town-meta-wrapper { background-color: white; margin: 0 auto 16px; width: 620px; padding: 0; font-size: 13px; } .town-meta-wrapper h1 { padding: 15px 15px 23px;font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-size: 30px; height: 30px; width: 100%; } .town-meta-wrapper .town-description { float: left;padding: 0 10px 10px; font-family: Arial, verdana, sans-serif; width:460px; } .town-meta-wrapper p { height: 110px; line-height: 22px; overflow: hidden;position: relative;} .town-meta-wrapper .town-description .more{ color: #8a949c; display: block; background-color: white; padding: 3px 6px 2px 4px; height: 16px; line-height: 16px; width: 58px;text-align:right; position:absolute; right:0; bottom: 0; z-index:10;} .town-meta-wrapper .town-description .more a { color: #8a949c; text-decoration:none;} .town-meta-wrapper .town-description .more a:hover {text-decoration: underline;} .town-meta-wrapper .img-wrapper { display: block; float: right; height: 110px; width: 130px; text-align: center;} .town-meta-wrapper .img-wrapper img { display: block; max-height: 100%; max-width: 100%; } .town-meta-wrapper .img-wrapper:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; } .town-meta-wrapper:after, .town-meta-wrapper:before { clear: both; content: '.'; display: block; height: 0; visibility: hidden; } .town-meta-wrapper .stats-wrapper, .town-meta-wrapper .list-cities-wrapper , .town-meta-wrapper .list-districts-wrapper, .town-meta-wrapper .list-regions-wrapper {padding: 0 10px 10px; } .town-meta-wrapper .stats-wrapper ul.stats-data { width: 600px; list-style-type: none; columns: 2; -webkit-columns: 2; -moz-columns: 2; border-top: 1px solid #eaeef2; padding-top: 21px; } .town-meta-wrapper .stats-wrapper ul li { width: 280px; display: block; margin-right: 20px; height: 21px;} .town-meta-wrapper .stats-wrapper .stats-data li span { float: right; display: inline-block; width: 150px; text-align: right; font-weight: bold} .town-meta-wrapper .list-cities-wrapper ul li a, .town-meta-wrapper .list-districts-wrapper ul li a, .town-meta-wrapper .list-regions-wrapper ul li a {text-decoration: none; color: #16212d; } .town-meta-wrapper .list-cities-wrapper ul li a:hover, .town-meta-wrapper .list-districts-wrapper ul li a:hover, .town-meta-wrapper .list-regions-wrapper ul li a:hover {text-decoration: underline; color: #ff0000; } .town-meta-wrapper .list-cities-wrapper h2, .town-meta-wrapper .list-districts-wrapper h2, .town-meta-wrapper .list-regions-wrapper h2 {font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif;font-size: 22px ; color: #8a949c; margin-bottom: 4px; margin-top: 26px; } .town-meta-wrapper .list-cities-wrapper ul.list-cities { width: 600px; list-style-type: none; padding-top: 6px; padding-bottom: 6px} .town-meta-wrapper .list-districts-wrapper ul.list-districts, .town-meta-wrapper .list-regions-wrapper ul.list-regions { width: 600px; list-style-type: none; padding-top: 11px; } .town-meta-wrapper .list-districts-wrapper ul.list-districts:after, .town-meta-wrapper .list-regions-wrapper ul.list-regions:after{ clear: both; content: '.'; display: block; height: 0; visibility: hidden; } .town-meta-wrapper .list-districts-wrapper li, .town-meta-wrapper .list-regions-wrapper li { display: block; line-height: 1.5; width: 150px; text-align: left; font-weight: bold; } .town-meta-wrapper .list-cities-wrapper li { display: block; line-height: 1.6; width: auto; text-align: left; float:left; font-size: 13px } .town-meta-wrapper .list-cities-wrapper ul.list-cities:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden; } .town-meta-wrapper .list-cities-wrapper ul.list-cities li:last-of-type:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden; } .town-meta-wrapper .list-districts-wrapper ul.list-districts li, .town-meta-wrapper .list-regions-wrapper ul.list-regions li{ float: left; } /* Archiv volebnich specialu *************************************************************/ /***odkazy na volebni specialy***/ /******************************************************************************/ /******************************************************************************/ .elections-archive{ margin: 20px 10px 10px 10px; } .elections-menu { background: #fff; font-family: 'tablet_gothic_condensed'; } .elections-menu .title {color: #A2ADB8; text-transform: uppercase; height: 34px; line-height: 36px; font-size: 18px; padding: 0 10px 0 10px; border-bottom: 1px solid #cad5df; } .elections-menu .title a {color: #ffffff; } .elections-menu .elections-type { margin: 5px 10px; border-bottom: 1px solid #cad5df; padding: 10px 0px;} .elections-menu .elections-type.last { border-bottom: none;} .elections-menu .elections-type .elections-type-title { float: left; width: 280px; text-transform: uppercase; font-size: 16px; margin:0; padding:0;} .elections-menu .elections-type .elections-submenu { float: left; width: 320px;} .elections-menu .elections-type .elections-submenu .elections-submenu-link { color: #a2adb8; text-transform: uppercase; padding-right: 10px; font-size: 16px; line-height: 20px;} .elections-menu .elections-type .elections-submenu .elections-submenu-link.active { color: #ff0000;} .elections-archive .elections-menu .title { background: #ff0000; color: #fff; border-bottom: none;} .elections-archive .elections-menu .elections-type { width: 280px; float: none;} .elections-archive .elections-menu .elections-submenu { width: 280px; float: none;} /* Menu small *****************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ .menu-small-wrapper {position: relative; margin: 0 auto 16px; width: 620px; padding: 0; } .menu-small-wrapper ul.menu-small { list-style-type: none; margin:0; padding: 0; overflow: hidden;border-bottom: 1px solid #cad5df;border-top: 1px solid #cad5df; } .menu-small-wrapper .menu-small li { float: left; height: 25px; line-height: 25px; padding: 11px 0; text-align: center;} .menu-small-wrapper .menu-small li a { padding: 0px 34px; font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; font-weight: bold; border-left: 1px solid #cad5df; display:block; text-align: center;font-size: 17px; text-transform: uppercase;text-decoration: none; color: #000000; } .menu-small-wrapper .menu-small li a:hover {text-decoration: underline; color: #ff0000; } .menu-small-wrapper .menu-small li:first-child a {border-left: 0} .menu-small-wrapper ul.menu-small:after,.menu-small-wrapper ul.menu-small:before { clear: both; content: '.'; display: block; height: 0; visibility: hidden; } /* Video **********************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ .videobox { background: #232B3A; margin: 20px 10px; } .videobox .vertVideo .top { background: #232B3A; height: 40px; margin: 0; padding: 0; position: relative; } .videobox .vertVideo a.logo_TVBlesk { left: 0; position: absolute; top: 0; } .videobox .videoFirstTitle a { color: white; } .videobox .wrapper { height: 158px; position: relative; } .videobox .play-icon { bottom: -13px; left: 50%; margin-left: -19px; position: absolute; } .videobox .item { padding: 0; } .videobox .item + .item { float: right; } .videobox .cat-link { color: white; float: right; margin: 13px 13px 0 0; text-transform: uppercase; } .videobox .cat-link:hover { text-decoration: underline; } /* Weather ********************************************************************/ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ .forecastHP{ margin: 0 10px 0 10px !important; } .weather { background-color: #FFF; border-top: 2px solid #23AAFF; margin: 0 10px 0 10px; padding: 10px; position: relative; width: 280px; } .weather * { font-family: 'tablet_gothic_condensed', Arial, verdana, sans-serif; position: relative; } .weather .weather-title { color: #23AAFF; float: left; font-size: 20px; margin-bottom: 5px; width: 100%; } .weather .weather-logo { color: #23AAFF; float: left; font-size: 28px; height: 50px; line-height: 65px; } .weather .weather-info { float: right; height: 50px; width: 170px; } .weather .weather-info .weather-day { float: left; width: 80px; } .weather .weather-info .weather-day .weather-description { float: left; font-family: Arial; font-size: 11px; text-align: center; width: 100%; } .weather .weather-info .weather-day .weather-icon { background: url("../../../images/blesk/regiony/weather.png?v=1") no-repeat; display: block; float: left; height: 40px; overflow: hidden; width: 40px; } .weather .weather-info .weather-day .weather-temperature { display: block; float: right; font-size: 26px; height: 30px; line-height: 30px; margin-top: 10px; } .weather .weather-info .weather-day.weather-tomorrow { margin-left: 10px; } .weather .weather-link { background: url(../../../images/blesk/regiony/arrow-right-blue.png) no-repeat right center transparent; color: #000; display: block; float: left; font-size: 20px; margin-top: 10px; padding-right: 20px; } /* Weather - icons ************************************************************/ .icon-01d { background-position: 0px -129px !important; } .icon-01n { background-position: 0px -170px !important; } .icon-02d { background-position: -41px -129px !important; } .icon-02n { background-position: -41px -170px !important; } .icon-03d { background-position: -82px -129px !important; } .icon-03n { background-position: -82px -170px !important; } .icon-40d { background-position: -123px -129px !important; } .icon-40n { background-position: -123px -170px !important; } .icon-05d { background-position: -164px -129px !important; } .icon-05n { background-position: -164px -170px !important; } .icon-41d { background-position: -205px -129px !important; } .icon-41n { background-position: -205px -170px !important; } .icon-42d { background-position: -246px -129px !important; } .icon-42n { background-position: -246px -170px !important; } .icon-06d { background-position: -287px -129px !important; } .icon-06n { background-position: -287px -170px !important; } .icon-25d { background-position: -328px -129px !important; } .icon-25n { background-position: -328px -170px !important; } .icon-07d { background-position: -369px -129px !important; } .icon-07n { background-position: -369px -170px !important; } .icon-43d { background-position: -410px -129px !important; } .icon-43n { background-position: -410px -170px !important; } .icon-20d { background-position: -451px -129px !important; } .icon-20n { background-position: -451px -170px !important; } .icon-27d { background-position: -492px -129px !important; } .icon-27n { background-position: -492px -170px !important; } .icon-26d { background-position: -533px -129px !important; } .icon-26n { background-position: -533px -170px !important; } .icon-44d { background-position: -574px -129px !important; } .icon-44n { background-position: -574px -170px !important; } .icon-08d { background-position: -615px -129px !important; } .icon-08n { background-position: -615px -170px !important; } .icon-45d { background-position: -656px -129px !important; } .icon-45n { background-position: -656px -170px !important; } .icon-28d { background-position: -697px -129px !important; } .icon-28n { background-position: -697px -170px !important; } .icon-24d { background-position: -738px -129px !important; } .icon-24n { background-position: -738px -170px !important; } .icon-21d { background-position: -779px -129px !important; } .icon-21n { background-position: -779px -170px !important; } .icon-29d { background-position: -820px -129px !important; } .icon-29n { background-position: -820px -170px !important; } .icon-04 { background-position: 0px -211px !important; } .icon-46 { background-position: -41px -211px !important; } .icon-09 { background-position: -82px -211px !important; } .icon-10 { background-position: -123px -211px !important; } .icon-30 { background-position: -164px -211px !important; } .icon-22 { background-position: -205px -211px !important; } .icon-11 { background-position: -246px -211px !important; } .icon-47 { background-position: -287px -211px !important; } .icon-12 { background-position: -328px -211px !important; } .icon-48 { background-position: -369px -211px !important; } .icon-31 { background-position: -410px -211px !important; } .icon-23 { background-position: -451px -211px !important; } .icon-32 { background-position: -492px -211px !important; } .icon-49 { background-position: -533px -211px !important; } .icon-13 { background-position: -574px -211px !important; } .icon-50 { background-position: -615px -211px !important; } .icon-33 { background-position: -656px -211px !important; } .icon-14 { background-position: -697px -211px !important; } .icon-34 { background-position: -738px -211px !important; } .icon-15 { background-position: -779px -211px !important; } /* Other **********************************************************************/ /******************************************************************************/ .minHeightG8 { min-height: 5500px; } #getBleskPromobox{ float: left; margin-top: 20px; position: relative; } #getBleskPromobox .goToLink{ height: 34px !important; line-height: 36px; font-size: 16px; margin-top: 0; } .videobox{ margin: 0 10px 20px 10px !important; } /* Animations *****************************************************************/ /******************************************************************************/ @-moz-keyframes animateLoading { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes animateLoading { 100% { -webkit-transform: rotate(360deg); } } @keyframes animateLoading { 100% { transform: rotate(360deg); }