#column-left { float: left; width: 485px; padding-bottom: 10px; padding-right: 9px; overflow: hidden; } #column-center { float: left; width: 220px; padding-bottom: 10px; padding-right: 8px; overflow: hidden; } #column-right { float: left; width: 268px; padding-bottom: 10px; overflow: hidden; } /* ----------------------------------------------------- */ /* ------------------->>> NEW ITEM <<<------------------ */ /* ----------------------------------------------------- */ .new-item { padding-top: 12px; } .new-item img { float: left; border: 1px solid #e0c880; margin-left: 12px; } .new-item .cnt { width: 305px; padding-right: 24px; float: right; overflow: hidden; } .new-item .full-cnt { width: 420px; padding-right: 24px; float: none; overflow: hidden; padding:0 20px; } .new-item h2 { color: #6a021e; font-size: 18px; font-weight: normal; margin-bottom: 6px; } .new-item span.ico-date { display: block; padding: 0px 0 1px 14px; margin-bottom: 6px; background: url(../layout/new-item-date.gif) left no-repeat; color: #797979; } .new-item p { /*background: url(../layout/new-item-dots.gif) top repeat-x;*/ padding-top: 7px; }.new-item hr { background: none url(../layout/new-item-dots.gif) top repeat-x; padding-top: 7px; } .new-item a { color: #a80532; text-decoration: none; } .new-item a:hover { text-decoration: underline; } a.ico-old { display: block; float: right; padding: 1px 0 1px 20px; color: #6a021e; background: url(../layout/ico-old.gif) left no-repeat; } /* ----------------------------------------------------- */ /* ------------------->>> PAGING <<<-------------------- */ /* ----------------------------------------------------- */ .paging { float: left; width: 100%; position: relative; margin-top: 15px; } .paging ul { display: block; width: 150px; margin: 0 auto; } .paging ul li { list-style: none; display: block; float: left; width: 30px; } .paging ul li a { display: block; float: left; width: 30px; padding: 2px 0; text-align: center; color: #000; text-decoration: none; } .paging ul li a:hover, .paging ul li.active a { color: #ac042d; font-weight: bold; } .paging a.prev { background: url(../layout/arrow-prev.gif) left no-repeat; padding: 0 0 0 12px; color: #ac042d; font-weight: bold; position: absolute; top: 0; left: 0; } .paging a.next { background: url(../layout/arrow-next.gif) right no-repeat; padding: 0 12px 0 0; color: #ac042d; font-weight: bold; position: absolute; top: 0; right: 0; } /* ----------------------------------------------------- */ /* ------------------->>> CINEMA <<<-------------------- */ /* ----------------------------------------------------- */ #cinema li { display: block; float: left; width: 100%; height: 28px; list-style: none; color: #fff; background: #a80532 url(../layout/cinema-dots.gif) top repeat-x; } #cinema li.dark { background: #890328; } #cinema li.last { height: 27px; } #cinema li span { display: block; padding: 8px 0 0 32px; background: url(../layout/cinema-arrow.gif) 22px 12px no-repeat; } #cinema { float: left; width: 100%; } #cinema li a { color:white; text-decoration:none; } #cinema li a:hover {text-decoration:underline; } #cinema-bottom { float: left; width: 220px; height: 8px; margin-bottom: 10px; height: 8px; font-size: 0; background: url(../layout/cinema-bottom.png); } #cinema-top { float: left; width: 220px; height: 83px; position: relative; font-size: 0; background: url(../layout/cinema-bottom.png); } #cinema-top { float: left; width: 220px; height: 83px; background: url(../layout/cinema-top.png); cursor:pointer; } #cinema-top h2 { font-size: 14px; color: #fff; font-weight: bold; padding: 30px 0 0 96px; } #cinema-top h2 span { font-size: 11px; color: #e8af05; font-weight: normal; } /* ----------------------------------------------------- */ /* ------------------->>> ANKETA <<<-------------------- */ /* ----------------------------------------------------- */ .anketa { } .anketa h2 { color: #000; font-size: 14px; font-weight: bold; padding: 0 0 8px 18px; margin: 0; } .anketa p { padding: 0 0 10px 40px; background: url(../layout/anketa-ico.gif) 18px 0px no-repeat; } .anketa a { display: block; margin-bottom: 6px; width: 163px; color: #000; } .anketa .cnt { padding: 14px 0 0 18px; background: url(../layout/anketa-dots.gif) top repeat-x; } .anketa .item { width: 100%; padding-bottom: 10px; } .anketa .graph { width: 136px; height: 10px; padding: 3px 0 0 3px; float: left; background-image: url(../layout/anketa-item.gif); position: relative; } .anketa .graph img { float: left; } .anketa .number { float: left; padding-left: 6px; } .anketa ul { margin: 0 0px; } .anketa li { display: block; width: 100%; list-style: none; background: url(../layout/submenu-arrow.gif) 0px 9px no-repeat; padding: 6px 0 6px 11px; } /* ----------------------------------------------------- */ /* ----------------------->>> TABS <<<------------------ */ /* ----------------------------------------------------- */ #tabs { float: left; font-weight: bold; padding-left: 10px; margin-bottom: -1px; } #tabs li { display: block; float: left; height: 32px; list-style: none; margin-right: -20px; position: relative; } #tabs li a { display: block; overflow: hidden; width: 130px; height: 32px; color: #a80532; text-decoration: none; position: absolute; top: 0; left: 0; text-align: center; } #tabs li a:hover { color: #b98b02; text-decoration: none; } #tabs li a.active { color: #b98b02; text-decoration: none } #tabs li.tab1 { width: 104px; } #tabs li.tab1 a { width: 104px; background: url(../layout/tab1.png) no-repeat; } #tabs li.tab1 a:hover, #tabs li.tab1 a.active { background: url(../layout/tab1-hover.png) no-repeat; } #tabs li.tab2 { width: 70px; } #tabs li.tab2 a { width: 70px; background: url(../layout/tab2.png) no-repeat; } #tabs li.tab2 a:hover, #tabs li.tab2 a.active { background: url(../layout/tab2-hover.png) no-repeat; } #tabs li a span { display: block; padding-top: 12px; } /* ----------------------------------------------------- */ /* -------------------->>> SUBMEMU <<<------------------ */ /* ----------------------------------------------------- */ .submenu {} .submenu ul { margin: 0 8px; background: url(../layout/submenu-ul.jpg) bottom right no-repeat; } .submenu li { display: block; width: 100%; list-style: none; background: url(../layout/new-item-dots.gif) bottom repeat-x; padding: 0; } .submenu li.last { background: none; } .submenu a, #comp_letter_result a { display: block; color: #a80532; text-decoration: none; background: url(../layout/submenu-arrow.gif) 11px 9px no-repeat; padding: 6px 0 6px 22px; } .submenu a:hover { text-decoration: underline; } /* ----------------------------------------------------- */ /* -------------------->>> SUBMEMU 2 <<<---------------- */ /* ----------------------------------------------------- */ .submenu2 { } .submenu2 ul { margin: 0 8px; } .submenu2 li { display: block; width: 100%; list-style: none; background: url(../layout/anketa-dots.gif) bottom repeat-x; padding: 0; } .submenu2 li.last { background: none; } .submenu2 a { display: block; color: #a80532; text-decoration: none; background: url(../layout/submenu-arrow.gif) 11px 9px no-repeat; padding: 6px 0 6px 22px; } .submenu2 a:hover { text-decoration: underline; } .submenu2 a.link3 { color: black; text-decoration: none; background: url(../layout/submenu-arrow.gif) 22px 9px no-repeat; padding: 6px 0 6px 32px; } .submenu2 a.link4 { color: black; font-size:10px; text-decoration: none; background: url(../layout/submenu-arrow.gif) 32px 9px no-repeat; padding: 6px 0 6px 42px; } /* ----------------------------------------------------- */ /* --------------->>> ABECEDNY ZOZNAM <<<--------------- */ /* ----------------------------------------------------- */ #abcd h2 { color: #000; font-size: 14px; font-weight: bold; padding: 12px 0 18px 62px; margin: 0; background: url(../layout/abcd-ico.gif) 14px 0px no-repeat; } #abcd p { float: left; padding: 12px 8px 10px 8px; background: url(../layout/anketa-dots.gif) top repeat-x; } #abcd a { display: block; float: left; margin: 0 2px 0 10px; font-weight: bold; text-decoration: none; color: #ac042d; } #abcd a:hover { text-decoration: underline; } #comp_letter_result {clear:both;} #comp_letter_result a { float:none;display: block; font-weight:normal; color: #a80532; text-decoration: none; background: url(../layout/submenu-arrow.gif) 11px 9px no-repeat; padding: 6px 0 6px 22px; } #comp_letter_result a:hover { text-decoration: underline; } /* ----------------------------------------------------- */ /* ------------------>>> NEWSLETTER <<<----------------- */ /* ----------------------------------------------------- */ #newsletter { } #newsletter h2 { color: #000; font-size: 14px; font-weight: bold; padding: 0 0 8px 62px; margin: 0; background: url(../layout/newsletter-ico.gif) 18px 0px no-repeat; } #newsletter h2 span { font-size: 11px; font-weight: normal; } #newsletter form { float: left; padding: 14px 0 8px 18px; background: url(../layout/anketa-dots.gif) top repeat-x; } #newsletter .input { float: left; width: 146px; height: 32px; background: url(../layout/newsletter-input.gif); } #newsletter input.text { width: 126px; height: 14px; background: none; border: none; color: #797979; padding: 9px 10px 9px 10px; } #newsletter input.button { width: 73px; height: 32px; padding: 0; margin: 0 0 0 9px; font-weight: bold; color: #fff; border: none; background: #6a021e url(../layout/newsletter-button.gif); text-align: center; } /* ----------------------------------------------------- */ /* -------------------->>> REKLAMA <<<------------------ */ /* ----------------------------------------------------- */ .reklama { float: left; text-align: center; width: 100%; float: left; } .reklama .cnt { background: url(../layout/reklama-dots.gif) 132px 0px repeat-y; padding: 0 12px; } .reklama img.img-left { float: left; } .reklama img.img-right { float: right; } /* ----------------------------------------------------- */ /* -------------------->>> SUBPAGE <<<------------------ */ /* ----------------------------------------------------- */ #subpage { padding: 0 16px; } #subpage p {/* padding-bottom: 26px;*/ margin: 0; } #subpage h1 { margin-bottom: 5px; } #subpage h2 { padding-bottom: 5px; margin-bottom: 5px; background: url(../layout/new-item-dots.gif) bottom repeat-x; } #subpage h3 { padding-bottom: 11px; margin-bottom: 16px; background: url(../layout/new-item-dots.gif) bottom repeat-x; } #subpage img { border: 1px solid #e0c880; } #subpage img.img-left { float: left; margin: 0 10px 10px 0; } #subpage div.ico-date { width: 100%; float: left; margin-bottom: 6px; background: url(../layout/new-item-dots.gif) bottom repeat-x; } #subpage div.ico-date span { display: block; padding: 0px 0 1px 14px; margin-bottom: 6px; background: url(../layout/new-item-date.gif) left no-repeat; color: #797979; } /* ----------------------------------------------------- */ /* -------------------->>> CALENDAR <<<----------------- */ /* ----------------------------------------------------- */ #calendar { width: 220px; float: left; color: #fff; background: #a80532 url(../layout/calendar-dots.gif) repeat-y; } #calendar table { margin: 0px 0 0 14px; width: 196px; } #calendar table tr td { font-size: 10px; text-align: center; padding: 0px 3px; width: 20px; } #calendar table a { color: #fff; text-decoration: none; display: block; width: 20px; padding: 3px 0; text-align: center; margin: 0 auto; } #calendar table a:hover { background-color: #fcb221; } #calendar table a.today { background-color: #8a0324; } #calendar table a.active { background-color: #fcb221; } #calendar-top { float: left; width: 220px; height: 62px; background: url(../layout/calendar-top.png); } #calendar-top h2 { font-size: 14px; color: #fff; font-weight: bold; padding: 19px 0 0 96px; } #calendar-top h2 span { font-size: 11px; color: #e8af05; font-weight: normal; } #calendar-year { display: block; float: left; width: 190px; padding: 6px 15px; height: 28px; list-style: none; color: #fff; background: #890328; } #calendar-year select.year { width: 60px; float: left; padding: 0; margin:0 5px } #calendar-year select.month { width: 78px; float: left; } #calendar-year .cal_submit {width: 40px; float: left; padding:1px 3px } #calendar-head { width: 100%; float: left; height: 40px; background: #a80532 url(../layout/calendar-head-dots.gif) repeat-x; color: #fff; } #calendar-head table { margin: 12px auto 0; width: 190px; } #calendar-head table tr td { text-align: center; padding: 0px; width: 28px; font-size: 11px; font-weight: bold; } /* ----------------------------------------------------- */ /* -------------------->>> BOXES <<<-------------------- */ /* ----------------------------------------------------- */ /* zlty maly box */ .box-small-yellow { float: left; width: 220px; padding-top: 12px; background: url(../layout/box-small-yellow.png) repeat-y; overflow: hidden; } .box-small-yellow-top { float: left; width: 220px; height: 8px; background: url(../layout/box-small-yellow-top.png); font-size: 0; } .box-small-yellow-bottom { float: left; width: 220px; height: 8px; background: url(../layout/box-small-yellow-bottom.png); margin-bottom: 10px; font-size: 0; } /* biely maly box */ .box-small-white { float: left; width: 220px; padding-top: 12px; background: url(../layout/box-small-white.png) repeat-y; overflow: hidden; } .box-small-white-top { float: left; width: 220px; height: 8px; background: url(../layout/box-small-white-top.png); font-size: 0; } .box-small-white-bottom { float: left; width: 220px; height: 8px; background: url(../layout/box-small-white-bottom.png); margin-bottom: 10px; font-size: 0; } /* zlty stredne velky box */ .box-medium-yellow { float: left; width: 268px; padding-top: 12px; background: url(../layout/box-medium-yellow.png) repeat-y; overflow: hidden; } .box-medium-yellow-top { float: left; width: 268px; height: 8px; background: url(../layout/box-medium-yellow-top.png); font-size: 0; } .box-medium-yellow-bottom { float: left; width: 268px; height: 8px; background: url(../layout/box-medium-yellow-bottom.png); margin-bottom: 10px; font-size: 0; } /* biely stredne velky box */ .box-medium-white { float: left; width: 268px; padding-top: 12px; background: url(../layout/box-medium-white.png) repeat-y; overflow: hidden; } .box-medium-white-top { float: left; width: 268px; height: 8px; background: url(../layout/box-medium-white-top.png); font-size: 0; } .bmwt-2 { background: url(../layout/box-medium-white-top2.png); } .box-medium-white-bottom { float: left; width: 268px; height: 8px; background: url(../layout/box-medium-white-bottom.png); margin-bottom: 10px; font-size: 0; } /* biely velky box */ .box-big-white { float: left; width: 485px; padding-top: 12px; background: url(../layout/box-big-white.png) repeat-y; overflow: hidden; } .box-big-white-top { float: left; width: 485px; height: 7px; background: url(../layout/box-big-white-top.png); font-size: 0; } .box-big-white-bottom { float: left; width: 485px; height: 7px; background: url(../layout/box-big-white-bottom.png); margin-bottom: 7px; font-size: 0; } .box-medium-white h2, .box-medium-yellow h2, .box-small-white h2, .box-small-yellow h2 { color: #000; font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 10px 14px; text-align: left; } /* ----------------------------------------------------- */ /* -------------------->>> SLIDER <<<------------------- */ /* ----------------------------------------------------- */ .stripViewer .panelContainer .panel ul { text-align: left; } /*.slider-wrap { margin: 20px 0; position: relative; width: 990px;clear:both; }*/ .slider-wrap { margin: 20px auto; position: relative; width: 990px; } /* These 2 lines specify style applied while slider is loading */ .csw {width: 100%; height: 100px; background: #fff; overflow: scroll} .csw .loading { margin: 20px 0 300px 0; text-align: center} .stripViewer { /* This is the viewing window */ position: relative; z-index: 1; overflow: hidden; margin: auto; width: 910px; height: 100px; clear: both; background: url(../layout/slider.png) top repeat-x; } .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; width: 100%; list-style-type: none; } .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float: left; height: 100%; position: relative; z-index: 2; width: 910px; /* Also specified in .stripViewer above */ } .stripViewer .panelContainer .panel .wrapper { padding: 24px 0 0 40px; } .stripNav { display: none; } .stripNavL, .stripNavR { text-indent: -9000em; display: block; width: 40px; height: 100px; position: absolute; top: 0; text-align: center; z-index: 1000; } .stripNavL {left: 0;} .stripNavR {right: 0;} .stripNavL a, .stripNavR a { display: block; width: 40px; height: 100px;text-align: center; overflow: hidden; } .stripNavL a { background-image: url(../layout/slider-left.png); } .stripNavR a { background-image: url(../layout/slider-right.png); } .slider-wrap img { float: left; margin: 0px 50px 0 0; } .slider-wrap img.last { margin-right: 0; } .slider-wrap a img { border: none; } #calendar {} .calendar_category {float:right;margin:3px 0;} #calendar_filter label {margin-right:8px;} #calendar_filter input, #calendar_filter select {float:none;width:55px;} #calendar_filter select {width:110px;} .calendar_pager{background:#A80532;} .calendar_pager td {background:#A80532;} #trigger-from, #trigger-to {display:none;} /* ----------------------------------------------------- */ /* -------------------->>> COMPANIES <<<------------------- */ /* ----------------------------------------------------- */ .company_card {float:left;text-align:center; width:140px; padding-top:8px; background:url('/layout/company-card-top.png') left top no-repeat;margin:8px;} .company_card h3 {} .company_card_cnt {min-height:140px;background:white;padding:5px;border-left:1px solid #f5da88;border-right:1px solid #f5da88} * html .company_card_cnt {height:140px;} .company_card_cnt a.img_block{display:block;text-align:center;} .company_card .img_block img {float:none;margin:5px auto;border:none;} .company_card_bottom {clear:both;height:30px;background:#f5da88 url('/layout/company-card-bottom.png') left bottom no-repeat;} .tab_food, .tab_service {display:none;}