@import url('reset.css'); @import url('jquery.bxslider.css'); * {outline: none } body {background:#EEEEEE url(../images/plzen/bg.png) repeat-x top; color:#000; font-size:12px;font-family: 'Arial CE',Arial; text-align: center;} h1,h2,h3,h4,h5,h6 {font-weight:bold; color:#000;} h1 {font-size:300%;line-height:120%; margin: 20px 0 15px ; letter-spacing: -2px;} h2 {font-size:240%;line-height:120%; margin: 20px 0 20px ; letter-spacing: -2px;} h3 {font-size:166%;line-height:120%; margin: 20px 0 20px ; letter-spacing: -2px; font-weight:normal; } h4 {font-size:133%;line-height:120%; margin: 20px 0 10px ; letter-spacing: -1px; color: #474747;} h5 {font-size:108%;line-height:120%; margin: 20px 0 10px ; letter-spacing: -1px; color: #008831;} h6 {font-size:100%;line-height:120%; color: #008831;} .el_article h1 {font-size:300%;letter-spacing: -2px;} .el_article h2 {font-size:180%;margin: 20px 0 15px;letter-spacing:0px;} .el_article h3 {font-size:166%;letter-spacing:0px;} .el_article h4 {font-size:133%;letter-spacing:0px; color: #1fa22e } .el_article h5 {font-size:108%;letter-spacing:0px;} .el_article h6 {font-size:100%;letter-spacing:0px;} p {line-height: 150%;} #main_search_box input, .email input, .answers input {border: 0px #fff solid; background: #fff url() ; color:#1B1B1B} a {text-decoration: underline; color:#000} a:hover {text-decoration: none;} a.inverted {text-decoration: none;} a.inverted:hover {text-decoration: underline;} hr {border: 0px ; border-bottom: 1px #DDDDDD solid ; margin: 20px 0 } ul {margin: 0 ; padding: 0 ; list-style: none url()} ul li {padding-left: 18px; background: url(../images/plzen/ul_li.png) no-repeat 0px 4px; margin-bottom: 3px;} ol {margin-left: 0;} ol li {margin-bottom: 3px;} table {border-collapse: collapse; margin-bottom: 2em;} table th {padding: 14px 25px ; border: 0px #E6E6EB solid} table td {padding: 6px 25px ; /*border: 0px #E6E6EB solid*/ } table th {background:#dadada } table.border td, table.border th {border: 1px #E6E6EB solid} .clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;} .clear-after:after {clear: both; display: block;content: "";font-size: 0;height: 0;line-height: 0;overflow: hidden; visibility: hidden;} *:first-child+html .clear-after{zoom: 1} .hidden {display:none; visibility:hidden;} .nodisplay {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;} .invisible {visibility:hidden;} #page {margin: 0 auto; width: 980px; text-align: left; position: relative; padding-bottom: 50px;} /********* GLOBAL ***********/ /****************************/ .whitebox {border: 1px #ABABAB solid; background: #fff url(); padding: 35px 30px } .whitebox.small {padding: 0px 30px 30px} .whitebox .padding {padding: 0 0 0 40px } .icon_news {background: url(../images/plzen/tabs_icon_news.png) no-repeat 18px 20px} .icon_biro {background: url(../images/plzen/tabs_icon_biro.png) no-repeat 18px 20px} .icon_project {background: url(../images/plzen/tabs_icon_project.png) no-repeat 18px 20px} .icon_web {background: url(../images/plzen/tabs_icon_web.png) no-repeat 18px 20px} .icon_crisis {background: url(../images/plzen/tabs_icon_crisis.png) no-repeat 18px 20px} .icon_survey {background: url(../images/plzen/icon_survey.png) no-repeat 0px 5px} .icon_fotogalerie {background: url(../images/plzen/tabs_icon_fotogalerie.png) no-repeat 50% 0px } .icon_video {background: url(../images/plzen/tabs_icon_video.png) no-repeat 50% 0px } .icon_prohlidky {background: url(../images/plzen/tabs_icon_prohlidky.png) no-repeat 50% 3px } .icon_mapa {background: url(../images/plzen/tabs_icon_mapa.png) no-repeat 50% 0px } .icon_prilohy {background: url(../images/plzen/tabs_icon_prilohy.png) no-repeat 50% 0px } li.ui-tabs-active .icon_fotogalerie {background: url(../images/plzen/tabs_icon_fotogalerie_a.png) no-repeat 50% 0px } li.ui-tabs-active .icon_video {background: url(../images/plzen/tabs_icon_video_a.png) no-repeat 50% 0px } li.ui-tabs-active .icon_prohlidky {background: url(../images/plzen/tabs_icon_prohlidky_a.png) no-repeat 50% 3px } li.ui-tabs-active .icon_mapa {background: url(../images/plzen/tabs_icon_mapa_a.png) no-repeat 50% 0px } li.ui-tabs-active .icon_prilohy {background: url(../images/plzen/tabs_icon_prilohy_a.png) no-repeat 50% 0px } .icon_ubytovani {background: url(../images/plzen/tabs_icon_ubytovani.png) no-repeat 50% 0px } .icon_kongres {background: url(../images/plzen/tabs_icon_kongres.png) no-repeat 50% 0px } .icon_ub_kon {background: url(../images/plzen/tabs_icon_ub_kon.png) no-repeat 50% 0px } li.ui-tabs-active .icon_ubytovani {background: url(../images/plzen/tabs_icon_ubytovani_a.png) no-repeat 50% 0px } li.ui-tabs-active .icon_kongres {background: url(../images/plzen/tabs_icon_kongres_a.png) no-repeat 50% 0px } li.ui-tabs-active .icon_ub_kon {background: url(../images/plzen/tabs_icon_ub_kon_a.png) no-repeat 50% 0px } .icon_birobox_op {background: url(../images/plzen/icon_birobox_op.png) no-repeat 15px 30px } .icon_birobox_rr {background: url(../images/plzen/icon_birobox_rr.png) no-repeat 15px 30px } .icon_birobox_osp {background: url(../images/plzen/icon_birobox_osp.png) no-repeat 15px 30px } .icon_birobox_zu {background: url(../images/plzen/icon_birobox_zu.png) no-repeat 15px 30px } .icon_birobox_ob {background: url(../images/plzen/icon_birobox_ob.png) no-repeat 15px 30px } .icon_birobox_os {background: url(../images/plzen/icon_birobox_os.png) no-repeat 15px 30px } .center {text-align: center;} .col_50 {width: 50%; &width:49%; float: left;} .col_33 {width: 33%; float: left;} .col_25 {width: 25%; float: left;} .nomt {margin-top: 0 !important;} .ml {margin-left: 30px;} .ml10 {margin-left: 10px;} .fl {float: left;} .fr {float: right;} .black {color:#000 !important} .button {display: inline-block; padding: 0 30px ; height: 47px; line-height: 47px; color:#fff; font-size: 18px; font-weight: bold; text-decoration: none; white-space: nowrap;} .button .icon {padding-right: 35px; background: url(../images/plzen/button_arrow.png) no-repeat right center; display: block;} .button .icon_small {padding-right: 20px; background: url(../images/plzen/button_arrow.png) no-repeat right center; display: block;} .button.mt {margin-top: 15px;} .button.gotop {height: 25px; line-height: 25px; padding: 0 16px; color:#000; font-size: 12px; font-weight: normal; position: relative; top:-10px} .button.gotop .icon {padding-right: 10px; background: url(../images/plzen/arrow_top.png) no-repeat right center} .button {background-color: #FAB700; } .button:hover {background-color: #FFC118; } .button.gotop {background-color: #DADADA; } .button.gotop:hover {background-color: #E4E4E4; } .button-gray {background-color: #DADADA; color: #515151; } .button-gray:hover {background-color: #E4E4E4; } .el_aside .button {padding: 0 20px; } .el_aside .button .icon {padding-right: 25px;} .pdf {color:#000; background: url(../images/plzen/icon_pdf.png) no-repeat left 6px; padding: 6px 18px; display: block; margin:0 0 10px 10px;} .pdf a {color:#1fa22e ; margin-right: 5px;} .big_text {text-align: center; font-size: 130px; line-height: 100%; font-weight: bold; text-shadow: 0 5px 9px #000; color:#fff; margin: 30px 0 0 } .mid_text {text-align: center; font-size: 30px; line-height: 100%; font-weight: bold; text-shadow: 0 3px 4px #000; color:#fff} /********** HEADER **********/ /****************************/ #top {height: 170px;} #sitelinks {height: 35px; padding-right: 15px;} #logo {margin: 0 0 0 5px; float: left; } #program {width:115px; height:41px; padding:10px 0 0 12px; color:#fff; text-decoration:none; font-size:18px; line-height:17px; font-weight:bold; position:relative; bottom:8px; margin:12px 0 0 30px; background:#1fa22e ; display:block; float:left;} /* add 18.5.*/ #program:hover {background:#21ac31; } /* add 18.5.*/ #program span {font-size:10px; display:block; } /* add 18.5.*/ #program .arrow {position:absolute; height:68px; width:16px; top:0; right:-9px; background: url(../images/plzen/program_head_arrow_green_sm.png) left -1px no-repeat; } /* add 18.5.*/ #program.obcan {background:#009E38;} #program.obcan .arrow {background: url(../images/plzen/program_head_arrow_sm.png) left -1px no-repeat; ;} #program.obcan:hover {background:#01AF40;} #sitelinks a {width: 156px; height: 31px; display: block; background: url(../images/plzen/bar_obcan.png) no-repeat right top; text-align: center; font-size: 16px; font-weight: bold; line-height: 30px; color:#fff; text-decoration: none; float: right;} #sitelinks a.out {width: 156px; background: url(../images/plzen/bar_turista.png) no-repeat right top ; margin-left: -45px; } #sitelinks a.blank {width: 156px; background: url(../images/plzen/bar_blank.png) no-repeat right top ; margin-left: -45px; } #sitelinks a.blank.first {margin-right:13px;} #sitelinks a:hover {background-position: right bottom !important;} #lang_menu {margin: 20px 0px 0 40px; float: right; width: 190px; margin-top:30px;} #lang_menu a {color:#181818; padding: 0 8px ; border-left: 1px #00A23A dotted; } #lang_menu a:first-child {border:0px} #lang_menu a.active {font-weight: bold;} #main_search_box {margin: 12px 10px 0 0; float: right; margin-top:24px;} #main_search_box .input {width: 186px; height: 30px; line-height: 30px; padding: 0px 12px; border: 1px solid #C7C7C7;} #main_search_box .magnifier {width: 23px; height: 23px; margin: 0 0 0 7px; background: url(../images/plzen/magnifier.png) no-repeat top; text-indent: -9999px; font-size: 1px; color:#D4D4D4} #main_search_box .magnifier:hover{background-position: bottom;} /*********** MENU ***********/ #nav {position: absolute; top: 115px; left: 0px; width: 100%;} #menu {height: 53px; display: table;*display: block;width: 100%; list-style: none; margin: 0; padding: 0; } #menu a {color:#fff; font-size: 20px; font-weight: bold; text-decoration: none; display: block; *padding: 0px 42px 0px 43px;} #menu.en a {*padding: 0px 35px 0px 34px;} #menu li {height: 53px; line-height: 53px; display: table-cell; *display: block; *float:left; width: auto; padding: 0 ; text-align: center; white-space: nowrap; border-left: 1px #6C6E70 solid; border-right: 1px #000 solid; background: url() } #menu li.first {border-left:0px !important} #menu li.last {border-right:0px !important } #menu li.mobile_list {display: none;} #menu_mobile {position: absolute; left:0px; top: 53px; width: 100%; z-index: 10;} #menu_mobile ul {list-style: none;margin: 0 ; padding: 0; width: 100%; } #menu_mobile li {height: 53px; line-height: 53px; display: block; width: 100%; padding: 0 ; text-align: center; white-space: nowrap; margin-bottom:0px;} #menu_mobile a {color:#fff; font-size: 20px; font-weight: bold; text-decoration: none; display: block; } #menu, #menu_mobile a {background-color: #000000; } #menu a:hover, #menu_mobile a:hover {background-color: #444444; } #menu a.active {background-color: #1FA22E; } /********* CONTENT **********/ /****************************/ /********* SLIDER ***********/ .cycle_slider { border:1px #D1D1D1 solid; margin: 20px 0 20px 0 ; width: 978px; height: 327px; position: relative; background:#FFFFFF; position:relative;} .slider_item { float:left; } .cycle_slider img {float:left; } .cycle_slider .title { font-size:30px; line-height:30px; font-weight:bold; margin: 0 0 20px 0; } .cycle_slider .desc {position:absolute; top:0; left:676px; width:242px; float:left; padding: 25px 30px 0 30px;} .cycle_slider .desc p {font-size:16px; line-height:28px; } .cycle_slider .desc .slider_fix_butt {margin: 40px 0 0 0; padding: 0 14px 0 20px; } .slider_control {position:absolute; top:295px; left:20px; z-index:1000;} #square_nav a { overflow:hidden; color:#fff; text-align:center; font-size:1px; display:inline-block; width:13px; height:12px; line-height:30px; background: url(../images/plzen/bg_slider_control.png) repeat-x top; } #square_nav a.activeSlide { color:#868686; background: url(../images/plzen/bg_slider_control_a.png) repeat-x top; } .slider_control .control_left { display:none;} .slider_control .control_right { display:none;} .slider {margin: 20px 0 0 0 ; width: 980px; height: 325px; position: relative;} .slider .item {position: absolute; top: 0px; left: 0px;} .slider .item img {display: none; visibility: hidden;} .slider .item .desc {width: 253px; height: 78.66px; padding: 15px 25px ; position: absolute; left: 677px; top: 0px; overflow: none; cursor: pointer;} .slider .item .title {color:#000; font-size: 16px; display: block;} .slider .item .more {position: absolute; left: 25px; bottom: 15px;} .slider .item.active a {color:#fff;} .slider .item.active img {display: block; visibility: visible; border: 1px #909090 solid; border-right: 0px;} .slider .item.active .title {font-weight: bold;} .slider .item.second .desc {top: 110px} .slider .item.third .desc {top: 220px} .slider .item .desc {background: #C5C5C5 url(../images/plzen/bg_desc.png) repeat-x top;} .slider .item .desc:hover {background: #1fa22e url(../images/plzen/bg_desc_active.png) repeat-x top;} .slider .item.active .desc {background: #1fa22e url(../images/plzen/bg_desc_active.png) repeat-x top;} /* .slider .item .desc {background-image: linear-gradient(bottom, #C5C5C5 0%, #F1F1F1 100%);background-image: -o-linear-gradient(bottom, #C5C5C5 0%, #F1F1F1 100%);background-image: -moz-linear-gradient(bottom, #C5C5C5 0%, #F1F1F1 100%);background-image: -webkit-linear-gradient(bottom, #C5C5C5 0%, #F1F1F1 100%);background-image: -ms-linear-gradient(bottom, #C5C5C5 0%, #F1F1F1 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #C5C5C5),color-stop(1, #F1F1F1)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#C5C5C5'); } .slider .item .desc:hover {background-image: linear-gradient(bottom, #F05A94 0%, #CA4C7D 100%);background-image: -o-linear-gradient(bottom, #F05A94 0%, #CA4C7D 100%);background-image: -moz-linear-gradient(bottom, #F05A94 0%, #CA4C7D 100%);background-image: -webkit-linear-gradient(bottom, #F05A94 0%, #CA4C7D 100%);background-image: -ms-linear-gradient(bottom, #F05A94 0%, #CA4C7D 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F05A94),color-stop(1, #CA4C7D)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA4C7D', endColorstr='#F05A94'); } .slider .item.active .desc {background-image: linear-gradient(bottom, #F05A94 0%, #CA4C7D 100%);background-image: -o-linear-gradient(bottom, #F05A94 0%, #CA4C7D 100%);background-image: -moz-linear-gradient(bottom, #F05A94 0%, #CA4C7D 100%);background-image: -webkit-linear-gradient(bottom, #F05A94 0%, #CA4C7D 100%);background-image: -ms-linear-gradient(bottom, #F05A94 0%, #CA4C7D 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F05A94),color-stop(1, #CA4C7D)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA4C7D', endColorstr='#F05A94'); } */ .slider .item .desc .arrow {display:none; width:11px; height:22px; background: url(../images/plzen/arrow_mainslider.png) no-repeat; position:absolute; left:0px; top:50%; margin-top:-11px;left:-11px; z-index:100;} .slider .item.active .desc .arrow {display:block;} /********* bxslider *********/ .bx-wrapper, .bx-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } ul.bxslider li { padding: 0; background: none; } .bx-wrapper { margin: 20px 0; } .bx-wrapper .bx-viewport { left: 0; border-color: #cacaca; background-color: #cacaca; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .bxslider .item {width:100%;padding: 20px 50px;} .bxslider img {margin: 0 30px 0 0; float: left; width:438px; height: 289px;} .bxslider .desc {width: 380px; float: left;} .bxslider .desc .logo_link {display:block; width:140px; height:20px; margin-top: -14px; position:absolute;} /* add 18.5. */ .bxslider .desc.pilsen-2015 {padding: 16px 0 0 0; background: url(../images/plzen/logo_slider.png) no-repeat left top; } /* add 18.5. */ .bxslider .desc .title {font-size: 36px; color:#000; font-weight: bold; line-height: 100%; margin:15px 0 15px;} .bxslider .desc a:hover .title {text-decoration:underline;} /* add 18.5. */ .bxslider .desc p {color:#000; width: 240px; float: left} .bxslider .more {display: block; width: 54px; height: 54px; line-height: 54px; color:#fff; text-decoration: none; background: url(../images/plzen2/more.png) no-repeat top ; float: left; text-align: center; font-size: 14px; font-weight: bold; margin:10px 0 0 65px;} .bxslider .more:hover {background-position: bottom;} .bx-wrapper .bx-controls-direction a { width: 18px; height: 131px; position: absolute; top: 90px; } .bx-wrapper .bx-prev {left: 30px;background: url(../images/plzen/arrow_t_slider.png) no-repeat left top;} .bx-wrapper .bx-next {right: 30px;background: url(../images/plzen/arrow_t_slider.png) no-repeat right top;} .bx-wrapper .bx-prev:hover {background-position: left bottom;} .bx-wrapper .bx-next:hover {background-position: right bottom;} .bx-wrapper .bx-pager.bx-default-pager a { width: 12px; height: 12px; margin-left: 3px; margin-right: 3px; background: rgba(255,255,255,.4); border-radius: 50%; } .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: rgba(255,255,255,.8); } .bx-wrapper .bx-pager { width: auto; text-align: left; bottom: 5px; right: 10px; } .bxslider a {text-decoration: none;} /********* TRIPTIP **********/ .triptip {margin: 66px 0 0 } .triptip .item {display: inline-block; margin: 0 3px 7px 0; vertical-align: top; width: 240px; } .triptip .item a {background: #000 url(../images/plzen/arrow_white.png) no-repeat 223px 18px ; color:#fff; display: block; padding: 12px 40px 12px 20px ; } .triptip .item img {display: block; max-width: 100%;} .triptip .item a strong {display: block; font-size: 18px; font-weight: bold; margin-bottom: 8px;} .triptip .item.last {margin-right: 0; margin-left: -1px;} /********** KNOW ************/ .know {max-width: 980px;min-height: 136px; margin:0 0px 40px 0; position: relative;} .know .title {font-size: 30px; font-weight: bold; line-height: 100%; margin: 25px 0 8px ; letter-spacing: -2px;} .know p {color:#515151; font-size: 18px; font-style: italic; font-family: georgia, arial;} .know .whitebox {padding-right: 150px; min-height: 104px;} .know a {color:#007B2C} .know a.next {background: url(../images/plzen/know_next.png) no-repeat top; padding: 12px 0 0 8px; width: 73px; height: 42px; display: block; position: absolute; top: 52px; right: 30px; text-decoration: none; color:#fff; font-size: 16px; line-height: 100%; font-weight: bold; } .know a.next.de {font-size: 11px;line-height:15px; padding: 13px 0 0 8px; height: 41px;} .know a.next.de span {font-size: 17px; margin: 0 0 0 2px;} .know a.next:hover {background-position: bottom;} .know.webcam-box {float: none;margin-bottom: 40px;} .know.webcam-box .whitebox {padding-left: 130px;padding-right:240px;background-image:url(../images/plzen/bg_webcam.png);background-position:28px center;background-repeat:no-repeat;} .know.webcam-box .next-2 { position: absolute;right: 56px;top: 50%;margin-top: -40px; text-decoration: none; border-radius: 50%; display: block;width: 80px;height: 80px;font-size: 16px;font-weight: bold;text-align: center; line-height: 80px; color: #fff;background-color: #1fa22e; } .know.webcam-box .next-2:hover { background: #21ac31; } .know.webcam-box .next-2:after { content: ''; display: block; width: 7px; height: 48px; position: absolute; right: -20px; top: 50%; margin-top: -24px; background: url(../images/plzen/know_next.png) right -5px no-repeat; } /******* INFOCENTRUM ********/ .infocentrum {width: 320px; float: left;height: 130px; } .infocentrum .cont {border: 1px #D8EDDF solid;height: 128px; background: #E5F7EB url(../images/plzen/arrow_info_min.png) no-repeat 290px 50%; color:#00AD3E; } .infocentrum .cont a {display: block; height: 128px; padding-left: 90px; line-height: 128px; color:#00AD3E; font-size: 30px; font-weight: bold; background: url(../images/plzen/infocentrum.png) no-repeat 30px 50%} .b2b {width: 320px; float: left;height: 130px; margin-top:12px; } .b2b .cont {border: 1px #EEBED1 solid;height: 128px; background: #FFE6F0 url(../images/plzen/arrow_b2b.png) no-repeat 290px 50%; color:#00AD3E; } .b2b .cont a {display: block; height: 128px; padding-left: 60px; line-height: 128px; color:#1fa22e; font-size: 30px; font-weight: bold; } .el_aside .infocentrum {width: 260px; height: 130px; margin-bottom: 20px; float: none;} .el_aside .infocentrum .cont {height: 128px; background: #E5F7EB url(../images/plzen/arrow_info_side.png) no-repeat 235px 50%;} .el_aside .infocentrum .cont a {height: 128px; padding-left: 70px; line-height: 128px;font-size: 24px; background: url(../images/plzen/infocentrum_side.png) no-repeat 20px 50%} /******** CALENDAR **********/ .calendar {width: 640px; float: left;height: 272px; margin:0 20px 40px 0; } .calendar .title {font-size: 30px; font-weight: bold; line-height: 100%;margin: 25px 0 15px ; letter-spacing: -2px;} .calendar .cal_item {width: 14.28%; float: left; position: relative;} .calendar .cal_item .day {display: block; height: 76px; border: 1px #DDDDDD solid; text-align: center; padding-top: 25px; font-size: 14px; color:#434343; text-decoration: none;} .calendar .cal_item .day strong{display: block; font-size: 24px; color:#000; font-weight: normal; margin-bottom: 5px;} .calendar .cal_item.active .day{border:1px #686868 solid; font-weight: bold;} .calendar .cal_item.active .day strong {font-weight: bold;} .calendar .cal_item .day.weekend{background: #FBFBFB url() } .calendar .button {margin: 20px 0 0 0; color:#fff !important } .calendar .button {background-color: #1fa22e; } .calendar .button:hover {background-color: #21ac31;} .calendar .cal_item.active .day{background-image: linear-gradient(bottom, #FFFFFF 0%, #FAFAFA 100%);background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #FAFAFA 100%);background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #FAFAFA 100%);background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FAFAFA 100%);background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #FAFAFA 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(1, #FAFAFA)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#FFFFFF'); } .calendar .bubble {display: none; position: absolute; bottom: 71px; left: -45px; border: 1px #B5B5B5 solid; padding: 20px 30px ; border-radius:15px ;font-size: 14px; white-space: nowrap; line-height: 28px; z-index: 99} .calendar .bubble strong {font-size: 18px; } .calendar .bubble_pointer {position: absolute; bottom: -41px; left: 40%} .calendar .cal_item:hover .bubble{display: block;} .calendar .bubble .bubble_art {white-space: normal; text-align: left; border-bottom: 1px #FCFCFC solid ; margin-bottom: 8px;} .calendar .bubble .bubble_art img{margin-top: 10px; border: 1px #B5B5B5 solid} .calendar .bubble .bubble_art .date{color:#1fa22e ; font-size: 18px; padding-left: 17px;} .calendar .bubble .bubble_art .title{font-size: 18px; font-weight: bold; letter-spacing: 0; line-height: 100%; margin: 5px 0 0 ; border-bottom: 1px #C1C1C1 solid ; padding: 0 0 10px 17px } .calendar .bubble .padding {padding: 0 0 0 17px} .calendar .bubble {background-image: linear-gradient(bottom, #E9E9E9 0%, #F4F4F4 100%);background-image: -o-linear-gradient(bottom, #E9E9E9 0%, #F4F4F4 100%);background-image: -moz-linear-gradient(bottom, #E9E9E9 0%, #F4F4F4 100%);background-image: -webkit-linear-gradient(bottom, #E9E9E9 0%, #F4F4F4 100%);background-image: -ms-linear-gradient(bottom, #E9E9E9 0%, #F4F4F4 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #E9E9E9),color-stop(1, #F4F4F4)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#E9E9E9'); } /********* MOBIL ************/ .mobil {width: 320px; float: left;height: 272px; position:relative; margin: 0 0 40px 20px; } .mobil .cont {border: 1px #B5B5B5 solid; padding: 30px 25px ; height: 210px; background: url(../images/plzen/mobil_bg.png) no-repeat right;} .mobil .title {min-height:33px; font-size: 24px; font-weight: bold; color:#000; line-height: 100%; padding-left: 42px; background: url(../images/plzen/icon_phone.png) no-repeat left top; margin-bottom: 22px;} .mobil p {position:absolute; top:100px; width: 155px; margin-bottom: 20px;} .mobil .button {padding: 0 10px ; color:#fff !important; position:absolute; bottom:25px; width:182px; } .mobil .button .icon {padding-right: 15px;} .mobil.newsletter { margin-left: 0; width: 310px; } .mobil.newsletter p { width: 140px; } .mobil.newsletter .cont { background: url(../images/plzen/newsletter_bg.png) no-repeat right; } .mobil.newsletter .title { background: url(../images/plzen/newsletter_icon.png) no-repeat left top; } .mobil.ebook { width: 310px; } .mobil.ebook p { width: 140px; } .mobil.ebook .cont { background: url(../images/plzen/ebook_bg.png) no-repeat right; } .mobil.ebook .title { background: url(../images/plzen/ebook_icon.png) no-repeat left top; } .el_aside .mobil {width: 260px; float: none;height: 290px; margin: 0 0 20px 0;} .el_aside .mobil .cont {height: 228px; background: url(../images/plzen/mobil_bg_side.png) no-repeat 170px 25px} .el_aside .mobil p {width: 135px;} .mobil {background-image: linear-gradient(bottom, #E5E5E5 0%, #F4F4F4 100%);background-image: -o-linear-gradient(bottom, #E5E5E5 0%, #F4F4F4 100%);background-image: -moz-linear-gradient(bottom, #E5E5E5 0%, #F4F4F4 100%);background-image: -webkit-linear-gradient(bottom, #E5E5E5 0%, #F4F4F4 100%);background-image: -ms-linear-gradient(bottom, #E5E5E5 0%, #F4F4F4 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #E5E5E5),color-stop(1, #F4F4F4)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#E5E5E5'); } .mobil .button {background-color: #4d5e5a } .mobil .button:hover {background-color: #5c706b } /********** TABS ************/ .tabs {margin: 25px 0 0 0 } .tabs ul.tabs_header li {display: block; height: 64px; line-height: 64px; margin: 1px 4px 0 0; float: left; padding: 0 } .tabs ul.tabs_header li.green-pilsen {/*width:133px;*/ height:60px; margin: 5px 4px 0 0; background: #01af40; /* Old browsers */ background: -moz-linear-gradient(top, #01af40 0%, #009e38 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01af40), color-stop(100%,#009e38)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01af40 0%,#009e38 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01af40 0%,#009e38 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01af40 0%,#009e38 100%); /* IE10+ */ background: linear-gradient(to bottom, #01af40 0%,#009e38 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01af40', endColorstr='#009e38',GradientType=0 ); /* IE6-9 */ } /* add 18.5. */ .tabs ul.tabs_header li a {color:#000; text-decoration: none; font-size: 18px; font-weight: bold; display: block; padding: 0 20px 0 50px; margin: 0 } .tabs ul.tabs_header li.green-pilsen a {background: url(../images/plzen/pilsen_tab_butt.png) no-repeat left top; display:block; width:133px; height:60px; padding: 0; } /* add 18.5. */ .tabs ul.tabs_header li.ui-tabs-active {border: 1px #ABABAB solid; margin: 0px 3px -1px 0; box-sizing: content-box; } .tabs ul.tabs_header li.ui-tabs-active.green-pilsen { height:60px; padding:4px 0 0 0; background:#009E38;} /* add 18.5. */ .tabs ul.tabs_header li.ui-tabs-active a {border-bottom:1px #fff solid;} .tabs ul.tabs_header li.ui-tabs-active.green-pilsen a {border-bottom:1px #009E38 solid; height:60px; } /* add 18.5. */ .tabs ul.tabs_header li.red a {color:#fff} .tabs ul.tabs_header li.red.ui-tabs-active a{border-bottom:1px #CD0000 solid;} .tabs ul.tabs_header li {background-image: linear-gradient(bottom, #E8E8E8 0%, #FFFFFF 100%);background-image: -o-linear-gradient(bottom, #E8E8E8 0%, #FFFFFF 100%);background-image: -moz-linear-gradient(bottom, #E8E8E8 0%, #FFFFFF 100%);background-image: -webkit-linear-gradient(bottom, #E8E8E8 0%, #FFFFFF 100%);background-image: -ms-linear-gradient(bottom, #E8E8E8 0%, #FFFFFF 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #E8E8E8),color-stop(1, #FFFFFF)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E8E8E8'); } .tabs ul.tabs_header li.ui-tabs-active {background-image: linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(1, #F1F1F1)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#FFFFFF'); } .tabs ul.tabs_header li.red {background-image: linear-gradient(bottom, #CD0000 0%, #FF1A00 100%);background-image: -o-linear-gradient(bottom, #CD0000 0%, #FF1A00 100%);background-image: -moz-linear-gradient(bottom, #CD0000 0%, #FF1A00 100%);background-image: -webkit-linear-gradient(bottom, #CD0000 0%, #FF1A00 100%);background-image: -ms-linear-gradient(bottom, #CD0000 0%, #FF1A00 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #CD0000),color-stop(1, #FF1A00)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1A00', endColorstr='#CD0000'); } .slidebox {} .slidebox > a {height: 49px; display: block; padding:40px 0 15px; border-top:1px #DDDDDD solid; margin-bottom: -1px;} .slidebox > a span {font-size: 24px; line-height: 24px; color:#000; font-weight: bold; display: block; margin-right: 25px; padding:0 60px 0 65px; background: url(../images/plzen/icon_intab_plusminus.png) no-repeat right top; height: 31px; position: relative;} .slidebox > a img {position: absolute; top:-7px; left: 0px;} .slidebox .padding {padding: 25px 75px} .slidebox.district li {margin-top: 25px;} .slidebox .data {display: none;} .birobox {padding: 35px 30px 20px 80px; height: 145px; border-right: 1px #DDDDDD solid; border-bottom: 1px #DDDDDD solid;} .birobox ul li {background: url(../images/plzen/ul_li_link.png) no-repeat left 3px; margin-bottom: 7px; padding-left: 25px;} .birobox .title {font-size: 20px; font-weight: bold; margin: 0 0 20px 0} .birobox.lastrow {border-bottom: 0px } .birobox.lastcell {border-right: 0px;} .birobox.forcerow {border-top: 1px #DDDDDD solid; font-size: 16px;} .birobox.forcerow li {margin-bottom: 15px;} /********* ARTICLE **********/ .article {margin: 12px 0 12px 0} .article .anot_img {float: left; margin: 0 25px 10px 0} .article .title {font-size: 14px; line-height: 110%; float: left; width: 80%; margin-top:2px;} /* edit 18.5. */ .article.icon .title { width: 80%; } /* add 18.5. */ .article .date {font-size: 14px; color:#1fa22e; margin: 0 14px 0 0; float: left; width: 45px; white-space: nowrap; padding: 0 0 0 21px; } /* edit 18.5. */ .article.icon .date {position:absolute; background: url(../images/plzen/date_icon.png) left top no-repeat; color:#fff; font-size:13px; width:43px; position:relative; left:0px; padding: 3px 0 0 22px; line-height:15px; } /* add 18.5. */ .article .mo {width: 40px; float: right; font-size: 14px; color:#1fa22e; font-weight: bold;} .article.big {margin: 0 0 20px 0} .article.big .title {font-size: 18px; font-weight: bold; margin-bottom: 7px; float: none; width: auto; display: block;} .article.big .date {font-size: 18px; float: none; width: auto;} .article.district .title {width: 320px; padding-right: 15px;} /* edit 18.5. */ .padding .article.district .title{width: 280px;} /* edit 18.5. */ .article.district .title:hover{background: url(../images/plzen/outlink.png) no-repeat right 3px} .article_box {width: 220px; float: left; margin-right: 12px;} .article_box.last {margin-right: 0 !important;} .article_box img {border: 1px #B6B6B6 solid} .article_box .date {color:#1fa22e; font-size: 18px; margin: 5px 15px 10px; display: block;} .article_box .title {color:#000; font-size: 18px; margin: 5px 15px 30px; display: block; line-height: 110%; font-weight: bold;} .h_news {font-size: 20px; font-weight: bold; float: left; margin-bottom: 20px;} .district_box {float: right;} .district_box a {font-size: 14px; color:#729088; margin: 0 6px; text-decoration: none; } .district_box a:hover {text-decoration: underline;} .district_box a.active {font-weight: bold; padding: 2px 5px ; border: 1px #f2b001 solid;text-decoration: none; color: #f2b001} .el_aside .article .title {width: 58%} /* edit 18.5. */ .el_aside .big.article .title {width: 100%} .el_article {width: 100%; float: right; margin-bottom: 25px;} .el_article.with_col {width: 700px; float: right;} .el_article p {margin: 0 0 2em 0 ;} .el_article ul {margin: 0 0 2em 5px;} .el_article ul li {margin-bottom: 5px;} .el_article .article {margin-bottom:2em;margin-top:3em;} .el_article .article .title {width:90%; float: none; font-size:130%;} .el_article .article a.anot_img {margin:0px 10px 15px 0px;} .el_article .article a.anot_img img {border: 1px solid #E3E3E3;margin:0px 5px;padding: 5px;} .el_article .article p {margin-bottom:1em;} .chapter_box {padding: 15px 20px ; border:1px #ACACAC solid; float: right; margin: 0 0 20px 30px; min-width: 200px;max-width: 300px; _width: 300px} .chapter_box .title {font-size: 18px; font-weight: bold; margin-bottom: 10px;} .chapter_box ul li {padding-left: 25px; background: url(../images/plzen/ul_li_chapter.png) no-repeat 0px 2px} .chapter_box .active {font-weight: bold; text-decoration: none;} .el_article .chapter_box a {color:#000} .art_box {width: 260px; float: left; margin: 0 30px 30px 0; color:#444444} .art_box.fr {float: right; margin: 0 0 30px 30px} .art_box .cont {padding: 25px ;} .art_box h3 {margin: 0 0 10px 0} .art_box a {color:#1fa22e } .art_box {background-image: linear-gradient(bottom, #E5E5E5 0%, #F4F4F4 100%);background-image: -o-linear-gradient(bottom, #E5E5E5 0%, #F4F4F4 100%);background-image: -moz-linear-gradient(bottom, #E5E5E5 0%, #F4F4F4 100%);background-image: -webkit-linear-gradient(bottom, #E5E5E5 0%, #F4F4F4 100%);background-image: -ms-linear-gradient(bottom, #E5E5E5 0%, #F4F4F4 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #E5E5E5),color-stop(1, #F4F4F4)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#E5E5E5'); } .gallery {margin-bottom: 2em;} .gallery a {display: block; float: left; margin: 0 7px 7px 0;} .el_article .survey .answers {width: 100%;max-width: 380px; float: left; margin-right: 50px;} .el_article .survey .button {margin-top: 95px;} .page_bar {padding: 16px; border: 1px #ACACAC solid; margin: 30px 0 20px} .page_bar .prev {padding-left: 20px; background: url(../images/plzen/article_prev.png) no-repeat left center; display: block; float: left; color:#000; width:45%;} .page_bar .next {padding-right: 20px; background: url(../images/plzen/article_next.png) no-repeat right center; display: block; float: right; color:#000; width:45%; text-align:right;} .author {text-align: right; font-style: italic; color:#000} .publish_bar {margin: 25px 0 ; padding:3px 22px 12px 12px; border-top: 1px #B5B5B5 solid;border-bottom: 1px #B5B5B5 solid; font-size: 14px;} .publish_bar .share {color:#444444; font-weight: bold; float: left;} .publish_bar .share a {margin-left: 5px; position: relative; top: 6px;} .publish_bar .share a:first-child{margin-left: 25px;} .publish_bar .print {float: right;} .publish_bar .print a {color:#739089;font-weight: bold;padding-right: 33px;background: url(../images/plzen/icon_print.png) no-repeat right center; height: 20px; display: block;position: relative;top:10px} ul.continue_links {margin:0 0 50px 20px;} ul.continue_links li {color:#000; margin-bottom: 15px; padding-left: 33px; background: url(../images/plzen/ul_li_continuelink.png) no-repeat 0px 3px} ul.continue_links li a {color:#000;} ul.continue_links li a.title {font-size: 14px; display: block; font-weight: bold;} .strankovani {width: 100%; border-top: 1px solid #ACACAC; padding-top: 15px; text-align: center;} .strankovani .stranka, .strankovani .selected, .strankovani .inActive, .strankovani .active {display: inline-block; padding: 2px 7px 1px; border: 1px solid #acacac; text-decoration: none; margin-right: 4px;height: 17px; } .strankovani .active, .strankovani .selected {background: #EDEDED url() ; font-weight: bold;} .strankovani .inActive:hover {background: #EDEDED url() ; } .strankovani .sipka_pred, .strankovani .sipka_po {display: inline-block; height:17px; margin: 0 7px 0 6px ; padding: 1px 10px 1px; border: 1px solid #acacac; text-decoration: none; position: relative; top: -1px} .strankovani .sipka_pred { margin: 0 10px 0 0 ;} .strankovani .sipka_pred .icon, .strankovani .sipka_po .icon {background: url(../images/plzen/arrow_pager.png) no-repeat right top; display: inline-block; width: 6px; height: 17px; } .strankovani .sipka_pred .icon {background-position: left top; } .strankovani .sipka_po:hover {background-color: #EDEDED} .strankovani .sipka_pred:hover {background-color: #EDEDED} .strankovani .sipka_prvni, .strankovani .sipka_posledni {display: inline-block; height:17px; margin: 0 0 0 3px ; padding: 1px 10px 1px; border: 1px solid #acacac; text-decoration: none; position: relative; top: -1px} .strankovani .sipka_prvni {margin: 0 7px 0 0 ;} .strankovani .sipka_prvni .icon, .strankovani .sipka_posledni .icon {background: url(../images/plzen/arrow_pager_double.png) no-repeat right top; display: inline-block; width: 9px; height: 17px; } .strankovani .sipka_prvni .icon {background-position: left top; } .strankovani .sipka_posledni:hover {background-color: #EDEDED} .strankovani .sipka_prvni:hover {background-color: #EDEDED} .strankovani .sipka_posledni {margin: 0 } .strankovani.gallery_s {margin-top: 30px;} .el_article .tabs_top ul {margin: 0 0 0 0; } .el_article .tabs.tabs_top > div.tabs_line {margin:-1px 0 0 0; padding:0; border-top: 1px solid #ABABAB; } .el_article .tabs.tabs_top > div {margin:0; padding:0; border:0; width:100%;} .el_article .tabs.tabs_top hr.hr_top {margin:30px 0 30px 0;} .el_article .tabs.tabs_top .result_title {margin:0; padding:0;} .el_article .tabs.tabs_top .result_view_info {font-weight:bold; font-size:14px; margin-top:5px; color:#333333;} .el_article .pagination { width:100%; text-align:center;} .el_article .pagination ul{ margin:auto; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; display:block;} .el_article .pagination li{ display:inline-block; /* width:10px; */ background:none; margin:0; padding:0; border:1px #E0E0E0 solid; background: #DADADA; } .el_article .pagination li a { text-decoration:none; padding:13px 19px 13px 19px; display:block; font-size:18px;} .el_article .pagination li.active{ background: #E4E4E4; } .el_article .pagination li:hover{ background: #E4E4E4; } .el_article .pagination li a.prev{ background: url(../images/plzen/bg_pag_prev.png) no-repeat 18px 15px; } .el_article .pagination li a.next{ background: url(../images/plzen/bg_pag_next.png) no-repeat 18px 15px; } .el_article .item {float:left; margin:15px 28px 0 0;width:320px;} .el_article .items .item { margin:15px 6px 0 6px; width:221px;} .el_article .item img {border: 1px #B5B5B5 solid; } .el_article .item .title {color: #1fa22e; font-size:20px; margin:10px 0; line-height:24px} .el_article .item .title a {text-decoration:none;color: #1fa22e;} .el_article .item .title a:hover {color: #21ac31} .el_article .items .item .title { line-height:18px; font-size:14px; font-weight:bold; margin:6px 0;} .el_article .item .addr {color: #444444; font-weight:bold; margin:8px 0;} .el_article .items .item .addr { margin:6px 0;} .el_article .item .ico {margin:0 3px 0 0 ; } .icons_big {margin:20px 0 20px 0;} .icons_big .ico {margin:0 4px 0 0 ; } .el_article .ico_bar {background: url(../images/plzen/ico_bar.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_bezbarier {background: url(../images/plzen/ico_bezbarier.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_bezbarier_wc {background: url(../images/plzen/ico_bezbarier_wc.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_caj {background: url(../images/plzen/ico_caj.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_cukr {background: url(../images/plzen/ico_cukr.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_cyklista {background: url(../images/plzen/ico_cyklista.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_doklad {background: url(../images/plzen/ico_doklad.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_elektrina {background: url(../images/plzen/ico_elektrina.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_h_restaurace {background: url(../images/plzen/ico_h_restaurace.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_info {background: url(../images/plzen/ico_info.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_karta {background: url(../images/plzen/ico_karta.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_kava {background: url(../images/plzen/ico_kava.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_kuraci {background: url(../images/plzen/ico_kuraci.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_m_kuchyne {background: url(../images/plzen/ico_m_kuchyne.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_parkovani {background: url(../images/plzen/ico_parkovani.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_pivnice {background: url(../images/plzen/ico_pivnice.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_pizzerie {background: url(../images/plzen/ico_pizzerie.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_restaurace {background: url(../images/plzen/ico_restaurace.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_s_restaurace {background: url(../images/plzen/ico_s_restaurace.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_wifi {background: url(../images/plzen/ico_wifi.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_zvire {background: url(../images/plzen/ico_zvire.png) no-repeat left top; width:28px; height:28px; } .el_article .ico_bar_big {background: url(../images/plzen/ico_bar_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_bezbarier_big {background: url(../images/plzen/ico_bezbarier_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_bezbarier_wc_big {background: url(../images/plzen/ico_bezbarier_wc_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_caj_big {background: url(../images/plzen/ico_caj_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_cukr_big {background: url(../images/plzen/ico_cukr_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_cyklista_big {background: url(../images/plzen/ico_cyklista_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_doklad_big {background: url(../images/plzen/ico_doklad_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_elektrina_big {background: url(../images/plzen/ico_elektrina_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_h_restaurace_big {background: url(../images/plzen/ico_h_restaurace_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_info_big {background: url(../images/plzen/ico_info_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_karta_big {background: url(../images/plzen/ico_karta_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_kava_big {background: url(../images/plzen/ico_kava_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_kuraci_big {background: url(../images/plzen/ico_kuraci_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_m_kuchyne_big {background: url(../images/plzen/ico_m_kuchyne_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_parkovani_big {background: url(../images/plzen/ico_parkovani_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_pivnice_big {background: url(../images/plzen/ico_pivnice_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_pizzerie_big {background: url(../images/plzen/ico_pizzerie_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_restaurace_big {background: url(../images/plzen/ico_restaurace_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_s_restaurace_big {background: url(../images/plzen/ico_s_restaurace_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_wifi_big {background: url(../images/plzen/ico_wifi_big.png) no-repeat left top; width:38px; height:38px; } .el_article .ico_zvire_big {background: url(../images/plzen/ico_zvire_big.png) no-repeat left top; width:38px; height:38px; } .filtr_form {color:#444444;} .filtr_form select {color:#444444;} .filtr_form .par_block {margin-top:16px;} .filtr_form .form_tit {font-weight:bold; width:90px; display:block; float:left; /*width:80px;*/} .filtr_form .form_tit.max_width {width:100%;} .filtr_form .sel_form {width:220px;} .filtr_form .sel_form select {height:26px; line-height:26px; width:190px; padding:4px; } .filtr_form .sel_form select option {padding:4px;} .filtr_form label {margin:0 20px 0 5px;} .filtr_form label.lab_par {width:140px; display:block; float:left; /*line-height:24px;width:98px*/ } /********** LINKS ***********/ .links {width: 320px; float: left; margin-bottom: 10px;} .links .whitebox {padding: 25px 30px !important; height: 198px;} .links .whitebox.sub {padding: 25px 30px !important; height: 210px;} .links ul li {margin: 0 ; padding: 2px 0 2px 30px; background: url(../images/plzen/ul_li_link.png) no-repeat left center} .links ul li a {font-size: 16px;} .el_aside .links {width: 100%; margin-bottom: 10px;} /******** BANNERS ***********/ .banner {display: block; float: left; margin: 0 0 10px 10px ; max-width: 320px; height: 120px;} .el_aside .banner {margin: 10px 0 0 0px ;width: 260px; height: 90px;} .banner img {border: 1px #B5B5B5 solid } .banner:hover img {border-color: #1FA22E;} .txt_banners {margin-bottom: 15px;} .txt_banner {display: block; float: left; margin: 0 0 10px 10px ; width: 211px; height: 110px; color:#fff; text-decoration: none; padding: 30px 49px 0 60px ;} .txt_banner.first {margin-left: 0px;} .txt_banner.pamatky {background: url(../images/plzen/txt_banner_cile.png) left top no-repeat} .txt_banner.deti {background: url(../images/plzen/txt_banner_deti.png) left top no-repeat} .txt_banner.cas {background: url(../images/plzen/txt_banner_cas.png) left top no-repeat} .txt_banner.den {background: url(../images/plzen/txt_banner_24.jpg) left top no-repeat} .txt_banner.pivo {background: url(../images/plzen/txt_banner_pivo.jpg) left top no-repeat} .txt_banner.gastro {background: url(../images/plzen/txt_banner_gastro.png) left top no-repeat} .txt_banner.ubytovani {background: url(../images/plzen/txt_banner_ubytovani.png) left top no-repeat} .txt_banner.stazeni {background: url(../images/plzen/txt_banner_stazeni.png) left top no-repeat} .txt_banner.info {background: url(../images/plzen/txt_banner_info.png) left top no-repeat} .txt_banner.mesto {background: url(../images/plzen/txt_banner_mesto.png) left top no-repeat} .txt_banner.loos {background: url(../images/plzen/txt_banner_loos.png) left top no-repeat} .txt_banner strong {font-size: 24px; display: block; line-height: 24px; margin-bottom: 5px;} .txt_banner:hover {background-position: left bottom;} .el_aside .banners {margin-bottom: 25px;} /******** CRUMB *************/ .crumb_menu {padding: 20px 0 20px 15px; font-size: 14px; color:#000} .crumb_menu a {padding: 0 15px 0 0; font-size: 14px; color:#000; background: url(../images/plzen/arrow_crumb.png) no-repeat right center; margin-right: 8px;} /******** SIDECOL ***********/ .el_aside {width: 260px; margin-right: 20px; margin-bottom: 25px; float: left;} .side_h {font-size: 30px; line-height: 30px ; color:#000; margin: 25px 0 20px 0; font-weight: bold; padding-left: 30px; background-position: 0px 5px !important;} /******** SUBMENU ***********/ .submenu {width: 100%; border-top: 1px #B2B2B2 solid; margin-bottom: 40px;} .submenu ul li {margin: 0 ; padding: 0 ; background: url() } .submenu > ul > li > a {padding: 12px 12px; line-height: 24px; display: block; font-size: 16px; text-decoration: none;} .submenu > ul > li > a > span {padding-left: 24px; display: block; background: url(../images/plzen/submenu_l1.png) no-repeat left 4px;} .submenu > ul > li.active > a {color: #fff; font-weight: bold;} .submenu > ul > li.active > a > span {background: url(../images/plzen/submenu_l1_active.png) no-repeat left 4px;} .submenu > ul > li > ul {background: #5C706B; padding-left: 28px;} .submenu > ul > li > ul > li > a {color:#fff; font-size: 16px; display: block; padding: 9px 9px 9px 5px; border-bottom:1px #9198A5 solid; text-decoration: none;} .submenu > ul > li > ul > li > a > span {padding-left: 17px; display: block; background: url(../images/plzen/submenu_l2.png) no-repeat left 4px} .submenu > ul > li > ul > li.active > a {font-weight: bold;} .submenu > ul > li > ul > li.active > a > span {background: url(../images/plzen/submenu_l2_active.png) no-repeat left 4px} .submenu > ul > li > ul > li > ul {padding:10px 0 12px 20px; border-bottom:1px #9198A5 solid;} .submenu > ul > li > ul > li > ul > li > a {color:#fff; font-size: 14px; display: block; padding: 2px 0 2px 10px; border-top:1px #9198A5 solid; text-decoration: none;} .submenu > ul > li > ul > li > ul > li:first-child > a {border:0px} .submenu > ul > li > ul > li > ul > li.active > a {font-weight: bold; border: 0px} .submenu > ul > li > a {background: #DADADA;} .submenu > ul > li { border-bottom:1px solid #CFD0D0;} .submenu > ul > li > a:hover {background: #CECECE;} .submenu > ul > li > ul > li > a:hover, .submenu > ul > li > ul > li > ul > li > a:hover, .submenu > ul > li.active > a {background-color: #808F8B;} .submenu > ul > li > ul > li > ul > li.active > a {background-color: #FAB700;} /******** SURVEY ************/ .survey {} .survey .question {font-size: 18px; font-weight: bold; margin: 5px 0 20px } .survey .status_bar {height: 8px; width: 100%; padding: 1px ; border: 1px #DADADA solid; border-radius: 5px; overflow: hidden; margin:1px 0 6px 0 } .survey .status_bar .fill {height: 8px; background: #FAB700; display: block; border-radius: 4px 0 0 4px} /******** GALLERY ***********/ .gallery_list_item {margin: 0 10px 14px 0 ; height: 250px; width: 206px; float: left;} .gallery_list_item .cont {border: 1px #B6BCC7 solid; padding: 12px ; height: 224px; width: 180px } .gallery_list_item .cont a {color:#1fa22e ; font-size: 16px;} .gallery_list_item .cont img {display: block; margin-bottom: 18px;} .gallery_list_item.third {margin-right: 0;} /******** FOOTER ************/ /****************************/ .footer_bg {background: #D9D9D9 url(../images/plzen/footer_bg.png) no-repeat 50% 215px ; } .footer_cont {margin: 0 auto; width: 980px; text-align: left; position: relative; padding-bottom: 15px;} .footer_links {padding-bottom: 70px;} .footer_links ul li {padding: 2px 0 2px 18px ; background: url(../images/plzen/ul_li_footer.png) no-repeat left 6px} .footer_links .padding {padding: 0 0 0 30px} .footer_links .title {font-size: 18px; font-weight: bold; margin: 10px 0 20px 0 } .footer_cont .copy {float: left; width: 240px; height: 160px; padding-left: 10px;} .footer_cont .copy p {color:#505050; margin: 15px 0 } .footer_cont .copy .erb {float: left; margin: 0 15px 10px 0} .footer_cont .email {float: left; width: 290px; height: 160px;} .footer_cont .email .icon_nwsl{padding-left: 30px; background: url(../images/plzen/icon_email.png) no-repeat left 4px; } .footer_cont .email .email {width: 165px; height: 30px; line-height: 30px; padding: 0 10px } .footer_cont .email .submit {width: 30px; height: 30px; padding: 0 ; margin-left: 4px; font-size: 1px; text-indent: -9999px; background: #D2D2D2 url(../images/plzen/yes.png) no-repeat 7px 9px} .footer_cont .email .submit:hover{background-color: #B1B1B1;} #nwsl_form {margin-top: 10px;} .styled_select {background: #CFCFCF url() ; border:1px #979797 solid; height: 27px; width: 175px; line-height: 27px; padding: 1px 0 1px 11px; position: relative;} .styled_select .active {cursor: pointer; display: block;} .styled_select .active .icon {float: right; width: 30px; height: 27px; border-left: 1px #BABABA solid; background: url(../images/plzen/arrow_select.png) no-repeat 12px 12px; } .styled_select ul {display: none;padding: 5px ; background: #CFCFCF url(); position: absolute; left: -1px; top:30px; border: 1px #979797 solid; width: 151px; line-height: 22px;} .styled_select ul li {border-bottom: 1px #BABABA solid; background-position: 4px 4px; padding-left: 22px; margin: 0 } .styled_select ul li:hover { background-color: #BABABA } .styled_select ul li a {padding-left: 5px; display: block;text-decoration: none;} .footer_cont .plz {width: 240px; height: 160px; float: left;} .footer_cont .outweb {width: 200px; height: 160px; float: left;} .footer_cont .weather {width: 200px; height: 160px; float: left;} .footer_cont .title {font-size: 18px; font-weight: bold; margin-bottom: 20px;} .footer_cont .bottom {border-top: 1px #C3C3C3 solid; padding-top: 15px; padding-bottom: 15px;} .footer_cont .footer_menu {padding-top: 7px; float: left;} .footer_cont .footer_menu a {padding: 0 10px ; border-left: 1px #ACACAC solid } .footer_cont .footer_menu a:first-child{border:0px} .footer_cont .social {float: right; margin-right: 15px;} .footer_cont .social img {margin-left: 3px;} .footer_cont .rop_box {border-top: 1px #C3C3C3 solid; padding: 20px 0 0 0; text-align:center; } /**** SPECIFIC WYSIWYG A PUVODNI CONTENT ******/ /****************************/ a.fancybox img { border: 1px solid #E3E3E3; display: block; float: left; margin:5px; padding: 5px; } .el_article p a img { border: 1px solid #E3E3E3; display: block; float: left; margin-right: 10px; margin-bottom: 5px; padding: 5px; } .ruseniObtekani {display:none;} .gallery.clear-after a.fancybox img { border:none; margin:0px; padding:0px; } .vpravo { float: right; } .first_mapa { float: left; margin-left: 110px; } .pocasi_img { float:left } .teplota { font-size:18px; font-weight:bold; margin-left:10px; } .pocasi{ margin-left:10px; } .fwebcam {padding-left: 25px; height: 20px;line-height: 20px; background: url(../images/plzen2/footer_webcam.png) no-repeat left center; display: inline-block; margin-top: 18px;} #tab_krize h1 {font-size:300%;letter-spacing: -2px;} #tab_krize h2 {font-size:180%;margin: 20px 0 15px;letter-spacing:0px;} #tab_krize h3 {font-size:166%;letter-spacing:0px;} #tab_krize h4 {font-size:133%;letter-spacing:0px;} #tab_krize h5 {font-size:108%;letter-spacing:0px;} #tab_krize h6 {font-size:100%;letter-spacing:0px;} #tab_krize .with_col {width: 700px; float: right;} #tab_krize p {margin: 0 0 2em 0 ;} #tab_krize a {color:#CF0050} #tab_krize ul {margin: 0 0 2em 5px;} #tab_krize ul li {margin-bottom: 5px;} #tab_krize .article {margin-bottom:2em;margin-top:3em;} #tab_krize .article .title {width:90%; float: none; font-size:130%;} #tab_krize .article a.anot_img {margin:0px 10px 15px 0px;} #tab_krize .article a.anot_img img {border: 1px solid #E3E3E3;margin:0px 5px;padding: 5px;} #tab_krize .article p {margin-bottom:1em;} #tab_krize .chapter_box a {color:#000} #tab_krize .survey .answers {width: 100%;max-width: 380px; float: left; margin-right: 50px;} #tab_krize .survey .button {margin-top: 95px;} #tab_krize .tabs_top ul {margin: 0 0 0 0; } #tab_krize .tabs.tabs_top > div.tabs_line {margin:-1px 0 0 0; padding:0; border-top: 1px solid #ABABAB; } #tab_krize .tabs.tabs_top > div {margin:0; padding:0; border:0; width:100%;} #tab_krize .tabs.tabs_top hr.hr_top {margin:30px 0 30px 0;} #tab_krize .tabs.tabs_top .button {color:#515151;} #tab_krize .tabs.tabs_top .result_title {margin:0; padding:0;} #tab_krize .tabs.tabs_top .result_view_info {font-weight:bold; font-size:14px; margin-top:5px; color:#333333;} #tab_krize .item {float:left; margin:15px 28px 0 0;width:320px;} #tab_krize .items .item { margin:15px 6px 0 6px; width:221px;} #tab_krize .item img {border: 1px #B5B5B5 solid; } #tab_krize .item .title {color: #1fa22e ; font-size:20px; margin:10px 0; line-height:24px} #tab_krize .item .title a {text-decoration:none;} #tab_krize .items .item .title { line-height:18px; font-size:14px; font-weight:bold; margin:6px 0;} #tab_krize .item .addr {color: #444444; font-weight:bold; margin:8px 0;} #tab_krize .items .item .addr { margin:6px 0;} #tab_krize .item .ico {margin:0 3px 0 0 ; } #tab_krize p a img { border: 1px solid #E3E3E3; display: block; float: left; margin-right: 10px; margin-bottom: 5px; padding: 5px; } #rycht_online { background-color: #F3F3F3; padding: 10px 5px; } /* TURISTA - procházka městem */ img.mapa-prochazka { margin: 0; padding: 0; } .map-links { text-align:center; padding: 15px 0 0 0; /* font-size:12px;*/ margin-left: auto; margin-right: 0; width:700px; } .map-links a { text-decoration: none; color: #333333; } .map-links a:hover { text-decoration: underline; color: #333333; } .clear { clear: both; } /* popup */ #popups { margin: 0; padding: 0; } .show { width: 200px; text-align: left; padding: 8px 12px 0px 12px; margin: 0; font-size: 0.9em; border: 1px solid #aaaaaa; } .show h4{ margin: 0; padding: 0 0 6px 0; font-size: 1.2em; } .show img{ border: none !important; } .show a:hover{ text-decoration: none; } .button_close{ border:1px solid #1fa22e ; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:9px;font-family:arial, helvetica, sans-serif; padding: 1px 3px 1px 3px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF !important; background-color: #1fa22e } .button_close:hover{ border:1px solid #21ac31 ; background-color: #21ac31 ; } p.zavrit{ margin: 0; padding: 0; text-align: right; } /* TURISTA - procházka městem - konec*/ table.withBorder td { border: 1px solid #E6E6EB } /********** TABS ************/ .el_article .tabs {margin: 25px 0 0 0 } .el_article .tabs ul.tabs_header {margin-bottom: 0px;} .el_article .tabs ul.tabs_header li {display: block; height: 55px; line-height: 24px; margin: 0px 3px 0 0; float: left; padding:15px 0 0 ; border: 1px #E1E1E1 solid} .el_article .tabs ul.tabs_header li a {color:#000; text-decoration: none; font-size: 15px; font-weight: bold; display: block; padding: 30px 23px 0 23px; margin: 0 ; line-height: 15px;} .el_article .tabs ul.tabs_header li.ui-tabs-active {border: 1px #ABABAB solid; border-bottom: 1px #fff solid; z-index:3; position: relative; } .el_article .tabs ul.tabs_header li.ui-tabs-active a {border-bottom:1px #fff solid;} .el_article .tabs > div {border-top: 1px #ABABAB solid;margin-top: -1px; z-index:2; position: relative; padding: 45px 25px 0px 25px} /******** CALENDAR ************/ .calendar.list {margin:0 ; float: none; height:auto; } .calendar.list hr {border-color:#B5B5B5; margin:5px 0 5px 0;} .calendar.list .cal_item {width: 11.75%; min-width:44px; float: left; position: relative;} .calendar.list .cal_item .day {height: 68px; padding-top: 33px;} .calendar.list .cal_item.show_calendar { background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); margin: 0 0 0 20px; /*width:82px; */ } .calendar.list .cal_item.show_calendar a { background: url(../images/plzen/bg_kalendar_show.png) no-repeat center center; } .calendar.list .cal_item.active { background: #fafafa; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #fafafa 0%,#ffffff 100%); background: -o-linear-gradient(top, #fafafa 0%,#ffffff 100%); background: -ms-linear-gradient(top, #fafafa 0%,#ffffff 100%); background: linear-gradient(to bottom, #fafafa 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 ); } .calendar.list .cal_item:hover { background: #fafafa; } .calendar.list .kal_item { border-bottom:1px #DDDDDD solid;} .calendar.list .kal_item .icon { margin:8px 20px 8px 5px; } .calendar.list .kal_item .r_block { margin:10px 0 10px 0; } .calendar.list .kal_item .img { margin:10px 0 10px 0; } .calendar.list .kal_title { color:#1fa22e ; font-weight:bold; font-size:20px; line-height:32px; } .calendar.list .date span { font-weight:bold; } .calendar.list .ma_container { width:100%; text-align:center; margin:50px 0 20px 0;} .calendar.list .more_actions { display:inline-block; height: 46px; line-height: 46px; text-decoration:none; color:#515151; font-size:18px; margin:auto; background: #DADADA; } .calendar.list .more_actions:hover { background:#E4E4E4; } .calendar.list .more_actions span { display:block; background: url(../images/plzen/bg_more_actions.png) no-repeat 205px 18px; padding: 0 65px 0 25px; } #kalendar_month_center {width:100%; text-align:center; position:absolute; top:320px; left:0; z-index:1000; padding:0 10px 0 10px ; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #kalendar_month_box { background:#fff; margin:auto; padding:3px; border:1px #ABABAB solid; -webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow:0px 0px 20px #000; box-shadow:0px 0px 20px #000; max-width:736px; min-width:460px; } .kalendar_month { background: #fbfbfb; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top, #fbfbfb 0%,#eeeeee 100%); background: -o-linear-gradient(top, #fbfbfb 0%,#eeeeee 100%); background: -ms-linear-gradient(top, #fbfbfb 0%,#eeeeee 100%); background: linear-gradient(to bottom, #fbfbfb 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#eeeeee',GradientType=0 ); /*height:400px; */ padding:27px 22px 0px 46px; } .kalendar_month_in { padding:0px 24px 0px 0px; } .kal_nav { text-align:center;} .kal_nav .prev { float:left; } .kal_nav .prev span {background: url(../images/plzen/kal_arrow_left.png) no-repeat center center; height:45px; width:43px; display:block;} .kal_nav .next { float:right;} .kal_nav .next span {background: url(../images/plzen/kal_arrow_right.png) no-repeat center center; height:45px; width:43px; display:block;} .kal_nav .today {height:45px; float:right; margin: 0 40px 0 0;} .kal_nav .today span { padding:0 15px 0 15px; } .kal_nav .today_date { font-size:22px; font-weight:bold; line-height:45px; margin: 0 0 0 40px; } .kal_nav .nav_butt { background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%); background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%); background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); border:1px #B5B5B5 solid; text-decoration:none; color:#515151; font-size:18px; line-height: 45px; } .kal_nav .nav_butt:hover { background: #ececec; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #ececec 0%,#ffffff 100%); background: -o-linear-gradient(top, #ececec 0%,#ffffff 100%); background: -ms-linear-gradient(top, #ececec 0%,#ffffff 100%); background: linear-gradient(to bottom, #ececec 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 ); } .kal_head { margin:30px 0 10px 0; height:20px; } .kal_day, .kal_space { width:14.286%; min-width:45px; float:left; text-align:center; font-size:14px; text-decoration:none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .kal_day strong {display:block; color:#000; font-size:24px; font-weight:bold; margin: 0 0 5px 0;} .kal_body .kal_day { font-size:14px; border:1px #DDDDDD solid; border-left:none; height:73px; padding: 20px 0 0 0; background:#FBFBFB; color:#1fa22e ; } .kal_body .kal_space { height: 73px;} .kal_body .kal_day:first-of-type, .kal_body .kal_day:first-child {border:1px #DDDDDD solid;} .week {margin:0 0 3px 0;} .week:hover .kal_day {background:#EEEEEE; border:1px #B5B5B5 solid; border-left:none; } .week:hover .kal_day:first-of-type, .week:hover .kal_day:first-child { border:1px #B5B5B5 solid; } .week:hover .kal_day:hover {background:#1fa22e ; color: #fff; } .week:hover .kal_day:hover strong { color: #fff; } .kal_body .kal_day.active {border:1px #686868 solid;} .close { height:27px; margin:10px 0 10px 0;} .close a { float:right; height:22px; width:22px; background:url(../images/plzen/kal_close.png) no-repeat left top;} .filter_inputs {line-height:24px; } .filter_inputs input {float:left; display:block; margin:5px 0 0 0;} .filter_inputs label {float:left; display:block; } .detail table td { padding: 8px 12px; } /*#kalendar_month_center { display:none;} */ .banner2015 p a img { border: medium none; margin: 0; padding: 0; } DIV.kamera { float: left; width: 300px; margin: 0 15px 20px 0; } DIV.kamera P { font-weight: bold; margin: 0 0 0.5em; } DIV.kamera IMG { border: 1px solid #b6bcc7; padding: 5px; } /* UBYTOVANI - doporuceno */ #res_kon .items .item IMG.doporuceno { } .news { margin-bottom: 40px; } .news h2 { margin-top: 0; } .txt-banner { position: relative; display: block; margin: 0 auto 40px; max-width: 980px; min-height: 136px; overflow: hidden; font-size: 0; text-indent: 9999em; } .txt-banner span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/plzen/txt_banner.png) center top no-repeat; background-size: contain; } .txt-banner:hover span { background: url(../images/plzen/txt_banner-hover.png) center top no-repeat; background-size: contain; } @media (max-width: 700px) { .txt-banner { min-height: 45px; margin: 0 0 20px; } } .whitebox .detailSit{ display: none; } .detailSit{ text-align:left; } .hodiny td { padding: 0 20px 0 0; } .el_article a { color: #1fa22e; } .el_article a:hover { color: #21ac31; } .mp-head__actions { float: left; margin-top: 17px; margin-left: 2em; } .mp-senior { background: url(../images/2018/senior.svg) no-repeat 0; background-size: 14px 17px; color: #000; font-size: 13px; font-weight: 600; margin-left: 20px; padding-left: 30px; transition: color .3s } .mp-senior:hover { color: #fab700 }