/* Author: Lukas Ondrejcek Project URL: vub.sk Date: 28 September 2011 Copyright 2011 Lukas Ondrejcek */ /*------------------------------------*\ 12px (75%) 8px - 66.67 9px - 75% 10px - 83.33% 11px - 91.67% 12px - 100% 13px - 108.33% 14px - 116.67% 15px - 125% 16px - 133.33% 17px - 141.67% 18px - 150% 19px - 158.33% 20px - 166.67% --------------------------------------*/ /*------------------------------------*\ MAIN \*------------------------------------*/ * { margin: 0px; padding: 0px; border: 0px;} body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; } body.bg_body { background: #6e91af url(/images/css/bg-body.png) repeat-x left top; } #WebJETEditorBody, #WebJETEditor3Body { background: #ffffff; } /* header */ h1, h2, h3, h4, h5, h6 { padding: 0px 0px 20px 0px; color: #000000;} h1{ line-height: 140%; font-weight: normal; font-style:italic; font-size: 200%; color: #186721; } h2{ font-size: 150%; font-weight: normal; color: #186721; } h3{ font-size: 116.67%;} h4{ font-size: 108.33%;} h5{ font-size: 105%;} h6{ font-size: 100%;} /* strong */ /*b, strong { color: #000000;}*/ /* odkaz */ a, a:visited { text-decoration: none; color: #186721; } a:hover { text-decoration: underline;} a:focus { outline: none;} a.more, a.more:visited { background: url(/images/css/icon-more.png) no-repeat left center; color: #f1670b; font-size: 11px; padding: 0px 0px 0px 22px; text-decoration: none; } a.more:hover { text-decoration: underline; } a.iconRss { background: url(/images/css/icon-rss.png) no-repeat left center; padding: 0px 0px 0px 15px; } a.iconSitemap { background: url(/images/css/icon-sitemap.png) no-repeat left center; padding: 0px 0px 0px 15px; } a.iconFb { background: url(/images/css/icon-fb.png) no-repeat left center; padding: 0px 0px 0px 30px; margin: 0px 0px 0px 30px; line-height: 26px; color: #034177; font-size: 116.67%; display: block; } a.iconFacebook { background: url(/images/css/ico-facebook-small.png) no-repeat left center; padding: 0px 0px 0px 15px; } a.iconYouTube { background: url(/images/css/icon_youtube-16x16.png) no-repeat left center; padding: 0px 0px 0px 15px; } div.obsah a, div.obsah a:visited { text-decoration: underline; } div.obsah a:hover { text-decoration: none; } /* image */ div.content img { padding: 0px 0px 20px 0px; } div.content img.rss { border: 0px none ; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; float: left; width: 14px; height: 14px; } /* paragraf */ p { padding: 0px 0px 20px 0px; } div.obsah p { padding: 0px 0px 15px 0px; } /* form */ form,fieldset,legend { margin: 0px; padding: 0px; border: 0px;} form p { margin: 0px 0px 7px 0px;} input, textarea { padding: 1px 3px 1px 3px; border: 1px solid #dadada; font-size: 100%; color: #555555; } select { border: 1px solid #DADADA; } input.btnSubmit, input[type^="submit"] { background: url(/images/css/btn-submit.png) no-repeat left top; background-color: #FFFFFF; color: #464646; font-size: 100%; display: block; float: right; width: 108px; padding: 7px 0px; text-align: center; text-transform: none; border: 0px none; cursor: pointer; } .poleKratke { width: 100px;} .poleStredne { width: 150px;} .poleDlhe { width: 250px;} form table td { border: 0px; } table.docmanFilter { width: auto;} table.docmanFilter .btnSubmit70 { margin-top: -7px; } /* lists */ ul, ol { margin: 0px 0px 10px 20px;} #sidebarLeft ul li, #sidebarRight ul li, #header ul li, #menu ul li { list-style-type: none; } #menu ul li { background: none } ul { margin: 0px 0px 20px 0px; } ul li { background: url(/images/css/arrow-01-green.png) no-repeat 2px 6px; padding: 0px 0px 0px 20px; list-style-type: none; } ul ul, ol ol, ul ol, ol ul, ul ul ul { margin: 0px; } /* div.obsah ul { margin: 0px 0px 10px 0px; } div.obsah ul li { background: url(/images/css/arrow-01-green.png) no-repeat 2px 6px; padding: 0px 0px 0px 20px; } div.content .sharingIcons ul { margin: 0px;} div.content .sharingIcons ul li { padding: 0px;} div.obsah ul ul, div.obsah ol ol, div.obsah ul ol, div.obsah ol ul { margin: 0px; } */ /* table */ table { margin-bottom: 20px; width: 100%; max-width: 100%; border-collapse: collapse; } /*thead tr:last-of-type th { border-bottom-width: 0px; }*/ tbody th { border-right-width: 0px; } th, td { vertical-align: top; padding: 0.75em; border: 1px solid #ccc; text-align: left; } th { font-weight: bold; } /*table [colspan] { text-align: center; }*/ table [rowspan] { vertical-align: middle; } div.content table img { padding: 0px; } /*.tabulkaStandard th { border: 0px; color: #5d5704; border-bottom: 1px solid #eeeab8; font-size: 116.67%; padding: 6px 10px; text-align: left; margin: 0px 0px 6px 0px; background: url(/images/css/bg-table-th.png) repeat-y 0px 0px; } .tabulkaStandard td { border: 0px; color: #5d5704; border-bottom: 1px solid #eeeab8; padding: 6px 10px; }*/ .tabulkaStandard th { border: 0px; color: #1F3F5F; font-style: italic; border-bottom: 1px solid #bfdfff; border-left: 1px solid #ffffff; font-size: 116.67%; padding: 6px 10px; text-align: left; margin: 0px 0px 6px 0px; background: url(/images/css/bg-table-th-2013.png) #9FBFDF repeat-x 0px bottom; } .tabulkaStandard th p { margin: 0px; padding: 0px; } .tabulkaStandard th a { color: #1F3F5F; } .tabulkaStandard th:first-child { border-left: 0px none; } .tabulkaStandard th table { background: #9FBFDF !important; } .tabulkaStandard th table td { background: #9FBFDF !important; } .tabulkaStandard td { border: 0px; color: #1F3F5F; border-top: 1px solid #EFEFEF; padding: 6px 10px; } .tabulkaStandard tr:first-child td { border-top: 0px none; } /*.tabulkaStandard .even td { background: #EFEFEF; }*/ .tabulkaStandard tr:nth-child(even) td { background: #EFEFEF; } caption { color: #186721; font-size: 150%; font-weight: normal; padding: 0px 0px 10px 0px; } .table-sps table#zmluva tr th:nth-child(4), .table-sps table#zmluva tr td.td-podrobnosti { display: none; } .table-sps table#zmluva tr td.td-cislo, .table-sps table#zmluva tr th:nth-child(3), .table-sps table#zmluva tr td.td-link { word-break: break-all; } /*------------------------------------*\ CLASSES \*------------------------------------*/ .btnDeleteError {display: none;} .obrazokVlavo { margin: 0px 10px 5px 0px; float: left; } .obrazokVpravo { margin: 0px 0px 5px 10px; float: right; } .left { float: left; } .right { float: right; } .odrazkaBiela, .odrazkaModra, .odrazkaZelena, .odrazkaRuzova, .odrazkaSeda { padding: 0px 0px 0px 15px; } .odrazkaBiela { background: url(/images/css/arrow-01-white.png) no-repeat 0px center; } .odrazkaModra { background: url(/images/css/arrow-01-blue.png) no-repeat 0px center; } .odrazkaZelena { background: url(/images/css/arrow-01-green.png) no-repeat 0px center; } .odrazkaRuzova { background: url(/images/css/arrow-01-pink.png) no-repeat 0px center; } .odrazkaSeda { background: url(/images/css/arrow-01-grey.png) no-repeat 0px center; } body .cf:after, body .grids:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } body .cf, body .grids { display: inline-block; } html[xmlns] body .cf, html[xmlns] body .grids { display: block; } .cf, .grids, .boxColor { zoom:1; } .cf:before, .grids:before, .cf:after, .grids:after, .boxColor:after, .boxColor:before { content:""; display:table; } .cf:after, .grids:after, .boxColor:after { clear:both; } div.clearer { clear: both; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 0px; } /*------------------------------------*\ GRIDS \*------------------------------------*/ div.wrapper { width: 980px; margin: 0px auto; } body .grids{ clear: both; width: 980px; list-style: none; } [class^="grid-"]{ float: left; margin: 0px 20px 0px 0px; } body .grids [class^="grid-"]{ margin: 0px 0px 0px 20px; } body .grids [class^="grid-"]:first-child { margin: 0px; } body .grid-235 { width: 235px; } body .grid-275 { width: 275px; } body .grid-430 { width: 430px; padding: 0px 20px 0px 0px; } body .grid-705 { width: 705px; } body .grid-685 { width: 685px; } /*------------------------------------*\ BLOCKS \*------------------------------------*/ /*------------------------------------*\ BOXHEADER \*------------------------------------*/ #header { width: 980px; padding: 0px; color: #010101; } #header li { float: left; list-style-type: none; } #header a { color: #010101;} #header .headerTop { width: 960px; background: url(/images/css/bg-header-top.png) no-repeat 0px 0px; height: 47px; position: relative; padding: 0px 10px 0px 10px; line-height: 36px; color: #010101; font-size: 91.67%; } #header .headerBottom { background: url(/images/css/bg-header-bottom.png) no-repeat 0px 0px; width: 950px; height: 50px; padding: 15px 15px 63px;} #header .headerTop .home { background: url(/images/css/icon-home.png) no-repeat center center; width: 50px; height: 35px; float: left; text-indent: -9999px; } #header .headerTop ul { position: absolute; left: 35px; background: url(/images/css/bg-header-menu-separator.png) no-repeat right top; } #header .headerTop li { background: url(/images/css/bg-header-menu-separator.png) no-repeat left top; } #header .headerTop li a { height: 23px; width: 60px; padding: 12px 15px 0px; display: block; text-align: center; } #header .headerTop li a:hover, #header .headerTop li.open a { background: url(/images/css/bg-header-menu-hover.png) no-repeat left top; height: 39px; } #header .headerTop .menuPomocne { float: right; position: static; } #header .headerTop .menuPomocne .lang { padding: 0px 5px 0px 5px; width: 32px; height: 35px; display: inline-block; font-size: 0px; line-height: 35px; text-indent: -5000px; float: left; } *+HTML BODY #header .headerTop .menuPomocne .lang { display: inline; } #header .headerTop .menuPomocne .lang.lng_sk { background: url(/images/css/icon-lang-sk.png) center center no-repeat; } #header .headerTop .menuPomocne .lang.lng_en { background: url(/images/css/icon-lang-en.png) center center no-repeat; } #header .headerTop .menuPomocne .lang img { vertical-align: middle; } #header .headerTop .menuPomocne .iconBlindFriendly { background: url(/images/css/icon-blind-friendly.png) no-repeat left center; padding: 0px 20px 0px 30px; line-height: 35px; color: #010101; display: inline-block; float: left; } *+HTML BODY #header .headerTop .menuPomocne .iconBlindFriendly { display: inline; } #header .headerTop .menuPomocne .iconBlindFriendly:hover { text-decoration: underline; } #header .vyhladavanie { float: right; } #header .vyhladavanie p { background: url(/images/css/bg-search-top.png) no-repeat 0px 0px; width: 235px; height: 35px; margin-top: -35px; position: absolute; } #header .vyhladavanie input { background: transparent; border: 0px; width: 170px; padding: 4px; margin: 7px; float: left; font-size: 91.67%; } #header .vyhladavanie #searchWords { background: #ffffff; } #header .vyhladavanie .smallSearchSubmit { width: 35px; height: 35px; padding: 0px; margin: 0px; text-indent: -9999px; cursor: pointer; } #header .vyhladavanie .searchText { width: 230px; line-height: 35px; text-align: right; display: block; padding: 0px 5px 0px 0px; } #header .moznosti { float: right; margin: 0px 40px 0px 0px; } #header .moznosti li { background: url(/images/css/line-dotted-vertical-black.png) no-repeat 0px 0px; padding: 0px 12px; } #header .moznosti li:first-child { background: none; } #header .moznosti a { line-height: 35px; height: 35px; font-size: 91.67%; width: 15px; padding: 0px; float: left; } #header .moznosti a.iconRss, #header .moznosti a.iconSitemap, #header .moznosti a.iconFacebook, #header .moznosti a.iconYouTube { display: inline-block; text-indent: -9999px; } #header .moznosti a.iconYouTube { width: 16px; } #header .moznosti a.odrazkaSeda { color: #034177; padding-left: 15px; } a.logo { float: left; margin: -5px 0px 0px 5px; } /*------------------------------------*\ BOX CENTER \*------------------------------------*/ #main { width: 980px; clear: both; background: #ffffff url(/images/css/bg-main.png) no-repeat 0px 0px; } #mainContent { width: 980px; clear: both; background: url(/images/css/bg-main-content.png) repeat-x 0px 0px; padding: 20px 0px; } #mainContent .content { width: 980px; clear: both; background: url(/images/css/line-dotted-vertical-black.png) repeat-y 705px 0px; } #mainContent .obsah { line-height: 160%; float: right; } #colummn2 #mainContent .content { background: none; } #colummn2 #mainContent .obsah { float: left; } #colummn1 #mainContent .content { background: none; padding: 15px; width: 950px; } #colummn1 #mainContent .obsah { float: none; } #mainContent .grid-275 { margin: 0px; } #mainContent .boxObsah { float: left; width: 705px; } #hp div.boxSidebar, #sidebarRight div.boxSidebar:first-child { background: none; } #menu { margin: -66px 0px 0px 0px; background: url(/images/css/bg-menu.png) no-repeat 0px 100%; height: 65px; width: 980px; position: absolute; } #menu ul li > a { background: url(/images/css/bg-menu-tabs.png) no-repeat left top; width: 106px; color: #000000; font-size: 12px; line-height: 30px; } #menu li a:hover, #menu ul li.sfHover > a { text-decoration: none; background: url(/images/css/bg-menu-tabs-open.png) no-repeat left top; z-index: 999; color: #000000; } #menu li ul li a, #menu li.open ul li a { background: none; width: auto; color: #034177; padding: 0px 10px 0px 0px;} #menu li:first-child { margin: 0px 0px 0px 200px;} #menu ul ul li{ padding: 0px 0px 0px 10px !important; margin: 0px 10px 0px 0px !important; } #menu ul ul li.sfHover, #menu ul ul li:hover, #menu ul ul li.open { background: url(/images/css/bg-menu-2.png) no-repeat left top; } #menu ul ul li.sfHover > a, #menu ul ul li:hover > a, #menu ul ul li.open > a { background: url(/images/css/bg-menu-2-right.png) no-repeat right top; color: #034177; height: 30px; } #menu ul ul li.sfHover > a span, #menu ul ul li:hover > a span, #menu ul ul li.open > a span { background: url(/images/css/bg-menu-2-arrow.png) no-repeat center bottom; display: block; width: 100%; height: 39px; position: absolute; top: 0px; } /*#menu li { float: left; list-style-type: none; position: relative; margin: 0px 0px 0px -6px;} #menu li:first-child { margin: 0px 0px 0px 200px;} #menu li ul { margin: 10px 50px 9px 0px; position: absolute; display: inline-block; width: 980px; } #menu li ul li:first-child { margin: 0px 0px 0px -200px;}*/ #sidebarLeft { margin: 0px 20px 0px 0px;} #colummn2 #mainContent #sidebarLeft { margin: 0px;} #sidebarLeft ul { margin: 0px 0px 30px -5px; } #sidebarLeft li { background: url(/images/css/bg-menu-left-li.png) no-repeat left top; padding: 0px 0px 0px 10px; margin: 0px; } #sidebarLeft li ul { margin: 0px 0px 0px 10px; } #sidebarLeft li.open li { background: url(/images/css/line-dotted-horizontal-blue.png) no-repeat left bottom; } #sidebarLeft li.open li.last { background: none; } #sidebarLeft li.open a { font-weight: bold; } #sidebarLeft li a { display: block; line-height: 40px; text-align: right; color: #062d4f; padding: 0px 15px 0px 0px; } #sidebarLeft li.open li a { background: url(/images/css/arrow-02-blue.png) no-repeat 100% 10px; line-height: 25px; margin: 0px 15px 0px 0px; font-weight: normal; } #sidebarLeft li li.open a { font-weight: bold; background: url(/images/css/arrow-02-blue-open.png) no-repeat 100% 10px; } #sidebarLeft .boxBanner { padding: 0px 0px 10px 15px; } div.breadcrumb { clear: both; padding: 20px 20px 10px; color: #585858; } div.breadcrumb a { color: #585858; } /* banner top */ #hp div.boxBannerTop { padding: 20px 10px 10px 10px; width: 960px; } div.boxBannerTop img { float: left; } div.boxBannerTop .grid-685 { padding-right: 10px; } div.boxBannerTop .grid-275 { background: url(/images/css/line-dotted-vertical-black.png) repeat-y 0px 0px; height: 192px; margin: 0px 0px 0px 0px; vertical-align: middle; } div.boxSectionName { float: left; background: url(/images/banner/banner-980x96.png) no-repeat 0px 0px; height: 97px; } div.boxSectionName p { padding: 45px 0px 0px 60px; font-size: 30px; } div.boxSectionName p a { color: #c90000; } div.boxSectionName p a:hover { text-decoration: none; } /* banner vpravo - vlavo */ div.boxBanner { padding: 0px 0px 0px 30px } div.boxBanner img { vertical-align: middle; padding: 0px 0px 20px 0px } div.boxBanner a { color: #898989; text-decoration: underline; font-size: 91.67%; } div.boxBanner a:hover { text-decoration: none; } /* news - hp */ div.aktuality { margin: 20px; padding: 20px 0px 0px 0px; float: left; background: url(/images/css/bg-aktuality.png) no-repeat 0px 0px; } div.aktualityContent { padding: 0px 20px 20px 20px; width: 625px; float: left; background: url(/images/css/bg-aktuality-bottom.png) no-repeat left bottom; } div.aktuality h2 { font-style: italic; color: #555443; font-size: 200%; font-weight: normal; } div.aktuality h2 a { background: url(/images/css/icon-lists.png) no-repeat 0px 0px; padding: 0px 0px 0px 30px; line-height: 27px; float: right; font-style: italic; color: #038f00; font-size: 11px; font-weight: normal; } div.aktuality .news_title { float: left; width: 285px; height: 90px; padding: 15px 10px 0px 10px; background: url(/images/css/bg-news-buble.png) no-repeat 0px 0px; } div.aktuality .news_title:hover { background: url(/images/css/bg-news-buble-hover.png) no-repeat 0px 0px; } div.aktuality .news_title:first-child { margin: 0px 15px 15px 0px; } div.aktuality p { background: none; } div.aktuality p:hover { background: none; } div.aktuality .news h3 { padding: 0px; } div.aktuality .news h3 a { color: #000000; font-size: 11px; } div.aktuality p:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } div.aktuality .news p { display: inline-block; line-height: 120%; padding: 15px 0px 10px; color: #000000; } html[xmlns] div.aktuality p { display: block; } div.aktuality strong { font-size: 91.67%; color: #898989; } div.aktuality em { color: #038f00; } /* news - hp2 */ div.aktuality-2013 { margin: 20px; padding: 20px 0px 0px 0px; float: left; background: url(/images/css/bg-aktuality-2013.png) no-repeat 0px 0px; } div.aktualityContent-2013 { padding: 0px 20px 10px 20px; width: 625px; float: left; background: url(/images/css/bg-aktuality-bottom-2013.png) no-repeat left bottom; } div.aktuality-2013 h2 { font-style: italic; color: #555443; font-size: 200%; font-weight: normal; } div.aktuality-2013 h2 a { background: url(/images/css/icon-lists.png) no-repeat 0px 0px; padding: 0px 0px 0px 30px; line-height: 27px; float: right; font-style: italic; color: #038f00; font-size: 11px; font-weight: normal; } div.aktuality-2013 .news-hp h3 { padding: 0px; } div.aktuality-2013 .news-hp h3 a { color: #000000; font-size: 11px; } div.aktuality-2013 .news-hp p { display: inline-block; line-height: 120%; padding: 8px 0px 8px; color: #000000; } div.aktuality-2013 .news-hp .news_title { float: none; width: 520px; height: 90px; padding: 24px 10px 0px 95px; background: url(/images/css/bg-news-buble-large-2013.png) no-repeat 0px 0px; } div.aktuality-2013 .news-hp .news_title:hover { background: url(/images/css/bg-news-buble-large-hover-2013.png) no-repeat 0px 0px; } div.aktuality-2013 .news-hp .news_title:first-child { margin: 0px; } div.aktuality-2013 .news-hp img { margin: 0px; padding: 0px; vertical-align: top; } div.aktuality-2013 .news-hp .news_title { position: relative; } div.aktuality-2013 .news_img { width: 75px; height: 75px; overflow: hidden; position: absolute; top: 20px; left: 10px; } div.aktuality-2013 .pi_mask { position: absolute; top: 0px; left: 0px; display: block; width: 75px; height: 75px; background: url(/images/css/news-image-mask.png) no-repeat 0px 0px; cursor: pointer; } div.aktuality-2013 .news_no_image { width: 75px; height: 75px; overflow: hidden; position: absolute; top: 20px; left: 10px; } div.aktuality-2013 div.aktualityContent-2013 p.phone_all_news { display: none; } div.aktuality-2013 p { background: none; } div.aktuality-2013 p:hover { background: none; } div.aktuality-2013 .news h3 { padding: 0px; } div.aktuality-2013 .news h3 a { color: #000000; font-size: 11px; } div.aktuality-2013 p:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } div.aktuality-2013 .news p { display: inline-block; line-height: 120%; padding: 15px 0px 10px; color: #000000; } html[xmlns] div.aktuality-2013 p { display: block; } div.aktuality strong { font-size: 91.67%; color: #898989; } div.aktuality-2013 em { color: #038f00; } /* news - page */ div.news .news_title { float: left; width: 430px; padding: 0px 0px 35px 0px; } div.news .news_title:first-child { margin: 0px 15px 0px 0px; } div.news .news_text { background: url(/images/css/bg-news-buble-top.png) no-repeat 0px 0px; padding: 0px; } div.news .news_text_content { background: #edebcf; /*background: url(/images/css/bg-news-buble-430-content.png) no-repeat left bottom;*/ padding: 20px; } div.news .news h2 { padding: 0px; } div.news .news h2 a { color: #034177; font-size: 14px; } div.news .news_text:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } div.news .news_text { display: inline-block; line-height: 120%; color: #414141; position: relative; margin-top: 10px; position: relative; } html[xmlns] div.news .news_text { display: block; } div.news strong { font-size: 91.67%; color: #555555; } div.news em { color: #186721; } div.news .lt, div.news .rt, div.news .lb, div.news .rb { display: block; position: absolute; } div.news .lt { background: url(/images/css/bg-news-buble-lt.png) no-repeat left top; width: 10px; height: 20px; left: 0px; top: -10px; } div.news .rt { background: url(/images/css/bg-news-buble-rt.png) no-repeat right top; width: 35px; height: 20px; right: 0px; top: -10px; } div.news .lb { background: url(/images/css/bg-news-buble-lb.png) no-repeat left bottom; width: 10px; height: 10px; left: 0px; bottom: 0px; } div.news .rb { background: url(/images/css/bg-news-buble-rb.png) no-repeat right bottom; width: 10px; height: 10px; right: 0px; bottom: 0px; } div.news .news_content { width: 100%; } div.news .news_content1 .news_title { width: 100%; margin: 0px; } div.news .news_content2 .news_title { width: 50%; float: left; margin: 0px; } div.news .news_content3 .news_title { width: 33%; } div.news .news_content2 .news_title .news_titleWrapper { margin: 0px 0px 0px 7px; } div.news .news_content2 .news_title:first-child .news_titleWrapper { margin: 0px 7px 0px 0px; } /* news-sp */ div.news-sp .news_title { float: left; width: 430px; padding: 0px 0px 20px 0px; } div.news-sp .news_title:first-child { margin: 0px 15px 0px 0px; } div.news-sp .news_text { background: url(/images/css/bg-news-buble-top.png) no-repeat 0px 0px; padding: 0px; } div.news-sp .news_text_content { background: #EDEBCF; /*background: url(/images/css/bg-news-buble-430-content.png) no-repeat left bottom;*/ padding: 20px; } div.news-sp .news-sp h2 { padding: 0px; } div.news-sp .news-sp h2 a { color: #034177; font-size: 14px; } div.news-sp .news_text:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } div.news-sp .news_text { display: inline-block; line-height: 120%; color: #414141; position: relative; position: relative; } html[xmlns] div.news-sp .news_text { display: block; } div.news-sp strong { font-size: 91.67%; color: #555555; } div.news-sp em { color: #186721; } div.news-sp .lt, div.news-sp .rt, div.news-sp .lb, div.news-sp .rb { display: block; position: absolute; } div.news-sp .lt { background: url(/images/css/bg-news-buble-lt.png) no-repeat left top; width: 10px; height: 20px; left: 0px; top: -10px; z-index: 100; } div.news-sp .rt { background: url(/images/css/bg-news-buble-rt.png) no-repeat right top; width: 35px; height: 20px; right: 0px; top: -10px; z-index: 100; } div.news-sp .lb { background: url(/images/css/bg-news-buble-lb.png) no-repeat left bottom; width: 10px; height: 10px; left: 0px; bottom: 0px; z-index: 100; } div.news-sp .rb { background: url(/images/css/bg-news-buble-rb.png) no-repeat right bottom; width: 10px; height: 10px; right: 0px; bottom: 0px; z-index: 100; } div.news-sp .news_content { width: 100%; } div.news-sp .news_content1 .news_title { width: 100%; margin: 0px; position: relative; } div.news-sp .news_content2 .news_title { width: 50%; float: left; margin: 0px; } div.news-sp .news_content3 .news_title { width: 33%; } *+HTML BODY div.news-sp .news_content2 .news_title { width: 49%; float: left; margin: 0px; } *+HTML BODY div.news-sp .news_content3 .news_title { width: 32%; } div.news-sp .news_content1 .news_title .news_titleWrapper { position: relative; background: #EDEBCF; padding: 10px 20px 10px 95px; min-height: 75px;/* border: 1px solid #DFDFDF;*/ } div.news-sp .news_content3 .news_title .news_titleWrapper { position: relative; background: #EDEBCF; padding: 10px 20px 10px 95px; min-height: 75px;/* border: 1px solid #DFDFDF;*/ } div.news-sp .news_content2 .news_title .news_titleWrapper { margin: 0px 0px 0px 7px; position: relative; background: #EDEBCF; padding: 10px 20px 10px 95px; min-height: 75px;/* border: 1px solid #DFDFDF;*/ } div.news-sp .news_content2 .news_title:first-child .news_titleWrapper { margin: 0px 7px 0px 0px; } div.news-sp .news_content1 .news_text_content, div.news-sp .news_content2 .news_text_content, div.news-sp .news_content3 .news_text_content { margin: 0px; padding: 10px 0px 0px 0px; } div.news-sp .news_content1 h3, div.news-sp .news_content2 h3, div.news-sp .news_content3 h3 { font-size: 11px; margin: 0px; padding: 0px; color: #000000; font-weight: bold; } div.news-sp .news_content1 h3 a, div.news-sp .news_content2 h3 a, div.news-sp .news_content3 h3 a { color: #000000; text-decoration: none; } div.news-sp .news_content1 h3 a:hover, div.news-sp .news_content2 h3 a:hover, div.news-sp .news_content3 h3 a:hover { text-decoration: underline; } div.news-sp .news_img { width: 75px; height: 75px; overflow: hidden; position: absolute; top: 13px; left: 10px; } div.news-sp .pi_mask { position: absolute; top: 0px; left: 0px; display: block; width: 75px; height: 75px; background: url(/images/css/news-image-mask.png) no-repeat 0px 0px; cursor: pointer; } div.news-sp .news_no_image { width: 75px; height: 75px; overflow: hidden; position: absolute; top: 10px; left: 10px; } div.news-sp .news_no_image a { display: block; width: 75px; height: 75px; overflow: hidden; } div.news-sp .news_date { font-weight: bold; } div.news-sp .news_place { color: #038F00; font-style: italic; } /* najblizsieUdalosti - news - page */ div.najblizsieUdalosti .news_title { float: left; width: auto; padding: 0px 0px 35px 0px; } div.najblizsieUdalosti .news_title:first-child { margin: 0px 15px 0px 0px; } div.najblizsieUdalosti .news_text { background: url(/images/css/bg-news-buble-430.png) no-repeat 0px 0px; padding: 30px 0px 0px 0px; } div.najblizsieUdalosti .news_text_content { background: url(/images/css/bg-news-buble-430-content.png) no-repeat left bottom; padding: 0px 15px 20px 15px; } div.najblizsieUdalosti h2 { padding: 0px; } div.najblizsieUdalosti .news_text:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } div.najblizsieUdalosti .news_text { display: inline-block; line-height: 120%; color: #414141; position: relative; margin-top: -5px; } html[xmlns] div.najblizsieUdalosti .news_text { display: block; } div.najblizsieUdalosti strong { font-size: 91.67%; color: #555555; } div.najblizsieUdalosti em { color: #186721; } div.najblizsieUdalosti .news_content {width: auto; float: left; } /* special hp */ div.boxSpecialHp { background: url(/images/css/bg-box-special-hp.png) repeat-x left bottom; padding: 0px 0px 13px 0px; } div.boxSpecialHp .udalosti { float: left; clear: none; padding: 0px 20px 0px 20px; } div.boxSpecialHp .najblizsieUdalosti { width: 705px; float: left; } div.boxSpecialHp .najblizsieUdalosti h3 { font-style: italic; color: #186721; font-size: 200%; font-weight: normal; padding: 0px 0px 10px 20px; } div.boxSpecialHp .news_content { float: left; width: 235px; padding: 0px 0px 8px 0px; } div.boxSpecialHp .news_title { padding: 0px; } div.boxSpecialHp .news_title a, div.boxSpecialHp .news_title strong{ font-size: 11px; } div.boxSpecialHp .news_title strong{ padding: 0px 5px; } div.boxSpecialHp #day_events li a { padding: 0px 0px 10px 0px; } /* pink */ div.boxSidebarPink { background: url(/images/css/bg-box-sidebar.png) repeat-x 0px 0px; padding: 0px 10px 0px 20px; width: 235px; } div.boxSidebarPink h4 { font-style: italic; color: #9E0930; font-size: 200%; font-weight: normal; background: url(/images/css/icon-buble-pink.png) no-repeat right top; padding-bottom: 5px; } #sidebarRight .boxSidebarPink { padding: 20px; } div.boxSidebarPink ul { margin: 0px; } div.boxSidebarPink li { background: url(/images/css/line-dotted-horizontal-pink.png) no-repeat left bottom; padding: 7px 0px 6px; } div.boxSidebarPink li a { background: url(/images/css/arrow-01-pink.png) no-repeat 0px center; padding: 0px 0px 0px 15px; color: #9e0930; display: block; } /* green dark */ div.boxSidebar { background: url(/images/css/bg-box-sidebar.png) repeat-x 0px 0px; padding: 20px; clear: both; width: 235px; } div.boxSidebar h4 { font-style: italic; color: #555443; font-size: 200%; font-weight: normal; background: url(/images/css/icon-buble-green.png) no-repeat right top; padding-bottom: 5px; } div.boxSidebar ul { margin: 0px; } div.boxSidebar li { background: url(/images/css/line-dotted-horizontal-black.png) no-repeat left bottom; padding: 7px 0px; } div.boxSidebar li a { padding: 0px; color: #555443; display: block; } /* udalosti */ div.udalosti h4 { font-style: italic; color: #186721; font-size: 200%; font-weight: normal; background: url(/images/css/icon-buble-udalosti.png) no-repeat right top; padding-bottom: 5px; } div.udalosti p { margin: 0px; padding: 0px 0px 5px 0px; text-align: right; } div.udalosti a.all_events { padding: 0px 0px 0px 20px; line-height: 18px; background: url(/images/css/icon-lists-small.png) 0px 0px no-repeat; color: #038F00; font-style: italic; font-size: 11px; } /* perex */ div.boxPerex { background: url(/images/css/bg-box-perex.png) no-repeat 0px 0px; padding: 10px 0px 0px 0px;} div.boxPerex p { background: url(/images/css/bg-box-perex-bottom.png) no-repeat left bottom; padding: 0px 10px 30px 10px; } #colummn2 .boxPerex { background: url(/images/css/bg-box-perex-705.png) no-repeat 0px 0px; padding: 10px 0px 0px 0px;} #colummn2 .boxPerex p { background: url(/images/css/bg-box-perex-705-bottom.png) no-repeat left bottom; padding: 0px 10px 30px 10px; } /* bar */ div.boxBar { background: url(/images/css/bg-box-bar.png) no-repeat 0px 0px; padding: 0px 0px 0px 10px; clear: both; } div.boxBarContent { background: url(/images/css/bg-box-bar-right.png) no-repeat right top; height: 20px; padding: 10px 10px 10px 0px; } #sitemap td{ border: 0px none; padding: 0px;} #sitemap ul li { background: none; list-style-type: none; padding: 0 0 0 0; } #sitemap ul ul li { background: url(/images/css/arrow-01-green.png) no-repeat scroll 2px 6px; padding: 0 0 0 20px; } #sitemap ul li a { font-size: 18px; font-weight: bold; text-decoration: none; } #sitemap ul li li a { font-size: 12px; font-weight: normal; } #sitemap ul li a, #sitemap ul li a:visited { text-decoration: none; } #sitemap ul li a:hover{ text-decoration: underline; } /* search */ div.search h4 { padding: 0px; } div.search .totalResults { padding: 0px 0px 20px 0px; } div.search dl{ padding: 0px 0px 20px 0px;} /* grey */ div.boxGrey { background: url(/images/css/bg-box-grey.png) no-repeat left top; width: 215px; margin: 0px 0px 20px 15px; padding: 5px 0px 0px 0px; position: relative; } div.boxGrey .boxGreyContent { background: url(/images/css/bg-box-grey-bottom.png) no-repeat left bottom; padding: 0px 10px 10px 10px; } div.boxGrey .boxGreyContent h4 { color: #296ca5; font-size: 200%; font-style: italic; font-weight: normal; padding-bottom: 5px; } div.boxGrey .boxGreyContent h4 span { background: url(/images/css/icon-buble-anketa.png) no-repeat scroll right top transparent; float: right; height: 33px; margin: -10px 0 0 0; width: 37px;} /* kalendar */ div.boxSidebar div.dp-nav-prev {width: 40px; height: 30px; float: left; background: url(/images/css/bg-dp-nav.png) left center no-repeat;} div.boxSidebar div.dp-nav-prev a {display: block; text-indent: -5000px; height: 30px;} div.boxSidebar div.dp-nav-prev a.dp-nav-prev-year {display: none;} div.boxSidebar div.dp-nav-next {width: 40px; height: 30px; float: left; background: url(/images/css/bg-dp-nav.png) right center no-repeat;} div.boxSidebar div.dp-nav-next a {display: block; text-indent: -5000px; height: 30px;} div.boxSidebar div.dp-nav-next a.dp-nav-next-year {display: none;} div.boxSidebar div.boxKalendarCenter { padding: 0px 0px 0px 0px;} div.boxSidebar div.boxKalendarCenter h2 { font-size: 13px; float: left; text-align: center; color: #000000; width: 150px; height: 30px; line-height: 30px; display: block; margin: 0px 0px 15px 0px; padding: 0px; } div.dp-calendar {clear: both;} div.subpageMediaPress div.boxSidebar {font-size: 85.71%;} div.boxSidebar .jCalendar {margin:0 0 10px 0;} div.dp-calendar table {position: relative; border: 0px none; border-collapse: collapse;} div.dp-calendar table tbody, div.dp-calendar table thead {margin: 0px; padding: 0px;} div.dp-calendar table tr th { background: url(/images/css/bg-dp-cell.png) repeat-y left top; width: 35px; height: 21px; vertical-align: middle; text-align: center; font-size: 0.917em; color: #000000; padding: 0px; margin: 0px; border: 0px none; } div.dp-calendar table tr td { background: url(/images/css/bg-dp-cell.png) repeat-y left top; width: 35px; height: 21px; vertical-align: middle; text-align: center; font-size: 0.917em; overflow: hidden; border: 0px none; padding: 0px; } div.dp-calendar table tr td.akciaStudent { background: url(/images/css/call-today.png) left top no-repeat; cursor: pointer; } div.dp-calendar table tr td.akciaExt { background-image: url(/images/css/bg-cal-akcia3.png); background-position: left bottom; color: #ffffff; cursor: pointer; } div.dp-calendar table tr td.akcia { background: url(/images/css/bg-dp-cell-akcia.png) no-repeat left top; color: #000000; cursor: pointer; } div.dp-calendar table tr td.akcia.selected { background: url(/images/css/bg-dp-cell-selected.png) no-repeat left top; color: #ffffff; cursor: pointer; } div.dp-calendar table tr td.today{ background: url(/images/css/bg-dp-cell-today.png) no-repeat left top; color: #000000; cursor: pointer; } div.dp-calendar table tr td:first-child, div.dp-calendar table tr th:first-child { background: none; } div.dp-calendar table tr td:first-child.akcia { background: url(/images/css/bg-dp-cell-akcia-first.png) no-repeat left top; color: #000000; cursor: pointer; } div.dp-calendar table tr td:first-child.akcia.selected { background: url(/images/css/bg-dp-cell-selected-first.png) no-repeat left top; color: #ffffff; cursor: pointer; } div.dp-calendar table tr td:first-child.today { background: url(/images/css/bg-dp-cell-today-first.png) no-repeat left top; color: #000000; cursor: pointer; } div.dp-calendar table tr td.other-month { color: #ffffff; } #day_events li { background: url(/images/css/arrow-02-blue.png) no-repeat 0px 5px; padding: 0px 0px 0px 15px; } /* Send link */ div.send_link table td { border: 0px none; padding: 0px 0px 10px 0px;} /* QA */ ol.qa { margin-left: 0px;} ol.qa .question { color: #034177; font-size: 14px;} ol.qa .answer { padding: 0px; color: #414141; line-height: 14px; background: url(/images/css/bg-qa-answer.png) no-repeat left top; } ol.qa .answerContent { background: url(/images/css/bg-qa-answer-bottom.png) no-repeat left bottom; padding: 20px 10px 10px 10px; } ol.qa li { padding: 20px 0px; border-bottom: 1px solid #cfcdb3; } ol.qa li:first-child { padding: 0px 0px 10px 0px; } /*ul.sharingIconsList li { display: inline-block; }*/ div.zmluvaProxy { overflow: auto; margin: 0px 0px 20px 0px; } /*------------------------------------*\ BOX FOOTER \*------------------------------------*/ #footer { width: 980px; clear: both; background: url(/images/css/bg-footer.png) no-repeat 0px 0px; text-align: center; padding: 20px 0px;} #footer .logo { float: none; margin: 0px auto; } #footer p {color: #e2f7fc; font-size: 91.67% } #footer p a { color: #e2f7fc; } #footer p a:hover { text-decoration: underline;} #footer .footerTop { min-height: 180px; text-align: left; overflow: hidden; } #footer hr { height: 0px; padding: 0px; margin: 0px; border: 0px; font-size: 0px !important; display: none;} #footer .sekundarneMenu { float: left; width: 210px; padding: 15px 10px 15px 15px; } #footer .sekundarneMenu ul, #footer .sekundarneMenu2 ul { margin: 0px 0px 15px 0px; } #footer .sekundarneMenu li { font-style: italic; font-size: 133.33%; font-weight: normal; padding: 0px; background: none; } #footer .sekundarneMenu li a { color: #ffffff; padding: 10px 0px 10px 12px; background: url(/images/css/icon-right.png) no-repeat right center; display: block; } #footer .sekundarneMenu2 li { background: url(/images/css/arrow-01-white.png) no-repeat 0px 5px; list-style-type: none; padding: 0px 0px 0px 12px; } #footer .sekundarneMenu a { color: #d6ebfc; } #footer .sekundarneMenu2 { float: left; width: 230px; padding: 25px 15px 0px 30px; } #footer .sekundarneMenu2 a { color: #e2f7fc; font-size: 91.67%; } #footer .sekundarneMenu2 p { padding: 0px 0px 0px 12px; } #footer .footerTop2 .sekundarneMenu li a { font-size: 14px; padding: 10px 30px 10px 0px; } /*------------------------------------*\ JSP \*------------------------------------*/ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0px; width: 16px; height: 100%; } .webTreeMenu .jspVerticalBar, .webTreeMenu .jspHorizontalBar { background: #ffffff; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; margin: 0px 0px 20px 0px; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspHorizontalBar .jspTrack { background: url(/images/css/horizontal-track.png) repeat-x 4px 50%; position: relative; } .jspHorizontalBar .jspDrag { background: url(/images/css/horizontal-drag-middle.png) repeat-x 50% 50%; position: relative; top: 0; left: 0; cursor: pointer; } .jspVerticalBar .jspTrack { background: url(/admin/skins/webjet6/images/scrollPane/vertical_track.gif) repeat-y 6px 0; position: relative; } .jspVerticalBar .jspDrag { background: url(/admin/skins/webjet6/images/scrollPane/vertical_drag_middle.gif) repeat-y 4px 50%; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { /*background: #50506d;*/ text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 16px; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #ffffff; float: left; height: 100%; } .jspHorizontalBar .jspDragLeft, .jspHorizontalBar .jspDragRight { height: 11px; width: 5px; position: absolute; top: 3px; overflow: hidden;} .jspHorizontalBar .jspDragLeft { background: url(/images/css/horizontal-drag-left.png) no-repeat 0px 0px; left: 0;} .jspHorizontalBar .jspDragRight { background: url(/images/css/horizontal-drag-right.png) no-repeat 0px 0px; right: 0; } .jspVerticalBar .jspDragTop, .jspVerticalBar .jspDragBottom { height: 3px; width: 5px; position: absolute; left: 4px; overflow: hidden;} .jspVerticalBar .jspDragTop { background: url(/admin/skins/webjet6/images/scrollPane/vertical_drag_top.gif) no-repeat 0px 0%; top: 0; } .jspVerticalBar .jspDragBottom { background: url(/admin/skins/webjet6/images/scrollPane/vertical_drag_bottom.gif) no-repeat 0px 0%; bottom: 0;} a.jspArrowLeft { width: 17px; background: url(/images/css/horizontal-left.png) no-repeat 50% 6px; } a.jspArrowRight { width: 17px; background: url(/images/css/horizontal-right.png) no-repeat 100% 6px; } a.jspArrowUp { height: 17px; background: url(/admin/skins/webjet6/images/scrollPane/vertical_arrow_up.gif) no-repeat 4px 0; } a.jspArrowDown { height: 17px; background: url(/admin/skins/webjet6/images/scrollPane/vertical_arrow_down.gif) no-repeat 4px 100%; } a.jspActiveArrowButton, .winXP a.jspActiveArrowButton:hover { background-position: 0 -40px;} /* Exportlinks */ div.exportlinks { padding: 0px 0px 20px 0px; } div.exportlinks .exportlinksText { display: inline; } /* hp banner 2013 */ div.boxBannerTop .najblizsieUdalosti { width: 685px; height: 280px; float: left; overflow: hidden; } div.boxBannerTop .najblizsieUdalosti h2 { display: none; } div.boxBannerTop .udalosti { width: 235px; float: left; clear: none; } div.side_banner_box { width: 480px; float: left; z-index: 5; font-size: 0px; line-height: 0px; } div.side_banner_box .news_content { position: absolute; display: none; z-index: 5; font-size: 0px; line-height: 0px; } div.side_banner_box .news_content:first-child { display: block; } div.side_banner_box .news_content .news_titleWrapper, div.side_banner_box .news_content .news_img { font-size: 0px; line-height: 0px; z-index: 5; position: relative; } div.side_banner_box .news_content .news_img img { float: none; z-index: 5; position: relative; } div.side_banner_box .news_content .news_img a { font-size: 0px; line-height: 0px; display: block; position: relative; width: 480px; height: 280px; z-index: 5; } div.side_banner_box .news_content .news_img a span { width: 480px; height: 280px; position: absolute; top: 0px; left: 0px; background: url(/images/css/bg-banner-mask.png) 0px 0px no-repeat; z-index: 7; } div.side_banner_box .news_content .news_title { margin: 0px; padding: 0px; z-index: 5; } ul#banner_nav { width: 205px; float: left; list-style-type: none; margin: 0px; padding: 0px; position: relative; } ul#banner_nav li { width: 205px; height: 55px; margin: 0px; padding: 0px; background: none; border-top: 1px solid #cfcfcf; font-size: 14px; color: #000000; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } ul#banner_nav li:first-child { height: 56px; border-top: 0px none; } ul#banner_nav li a { display: block; padding: 7px 10px 10px 10px; width: 185px; height: 38px; color: #000000; background: url(/images/css/bg-side-banner-a.png) 0px -70px no-repeat; position: relative; text-decoration: none; line-height: 22px; } ul#banner_nav li:first-child a { height: 39px; } ul#banner_nav li a span.linkArrow { margin: 0px -11px 0px 0px; display: none; width: 11px; height: 21px; background: url(/images/css/bg-side-banner-a-span.png) 0px -21px no-repeat; position: absolute; top: 17px; right: 0px; z-index: 50; } ul#banner_nav li span.lhr, ul#banner_nav li span.lsr { display: block; width: 3px; height: 3px; position: absolute; left: 0px; } ul#banner_nav li span.lhr { background: url(/images/css/bg-lhr.png) left top no-repeat; top: 0px; } ul#banner_nav li span.lsr { background: url(/images/css/bg-lsr.png) left top no-repeat; bottom: 0px; } ul#banner_nav li a.bannerOpen { background-position: 0px 0px; } ul#banner_nav li a.bannerOpen span.linkArrow { background: url(/images/css/bg-side-banner-a-span.png) 0px -21px no-repeat; display: block; z-index: 50; } ul#banner_nav li a.bannerOpen span.lhr, ul#banner_nav li a.bannerOpen span.lsr { background-position: left bottom; } ul#banner_nav li a:hover { background-position: 0px 0px; text-decoration: none; } ul#banner_nav li a:hover span.linkArrow { background: url(/images/css/bg-side-banner-a-span.png) 0px -21px no-repeat; display: block; z-index: 50; } ul#banner_nav li a:hover span.lhr, ul#banner_nav li a:hover span.lsr { background-position: left bottom; } span.linkText { display: inline-block; vertical-align: middle; cursor: pointer; } *+HTML BODY span.linkText { display: inline; } span.helper { display: inline-block; vertical-align: middle; height: 100%; } *+HTML BODY span.helper { display: inline; } div.linksBanner { display: none; } #footer p.noprint br { display: none; } /* form icons */ table.form_icons h2 { margin: 0px; padding: 0px; } table.form_icons table { margin: 0px; width: auto; max-width: inherit; } table.form_icons table tr td { border: 0px none; } table.form_icons table tr td.icon_place { width: 50px; } table.form_icons input.hiddenRadio { position: absolute; left: 0px; height: 0px; width: 0px; overflow: hidden; } table.form_icons span.hidden_input { display: block; width: 0px; height: 0px; position: absolute; overflow: hidden; } #WebJETEditorBody table.form_icons span.hidden_input { width: 20px; height: 10px; overflow: inherit; position: relative; } table.form_icons label.formRadioYes, table.form_icons label.formRadioNo, table.form_icons label.formRadioHalf { display: block; position: relative; width: 50px; height: 50px; cursor: pointer; text-indent: -9999px; } #WebJETEditorBody table.form_icons label.formRadioYes, #WebJETEditorBody table.form_icons label.formRadioNo, #WebJETEditorBody table.form_icons label.formRadioHalf { text-indent: 0px; } table.form_icons label.formRadioYes span, table.form_icons label.formRadioNo span, table.form_icons label.formRadioHalf span { display: block; position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; text-indent: -9999px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } table.form_icons label.formRadioYes span { background: green; background: url(/images/css/icons/ano_siva.png) 0 0 no-repeat; } table.form_icons label.formRadioNo span { background: red; background: url(/images/css/icons/nie_siva.png) 0 0 no-repeat; } table.form_icons label.formRadioHalf span { background: orange; background: url(/images/css/icons/neviem_siva.png) 0 0 no-repeat; } table.form_icons label span.color { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } table.form_icons label.formRadioYes span.color { background: green; background: url(/images/css/icons/ano_zlta.png) 0 0 no-repeat; } table.form_icons label.formRadioNo span.color { background: red; background: url(/images/css/icons/nie_zlta.png) 0 0 no-repeat; } table.form_icons label.formRadioHalf span.color { background: orange; background: url(/images/css/icons/neviem_zlta.png) 0 0 no-repeat; } table.form_icons label.formRadioYes:hover span, table.form_icons label.formRadioNo:hover span, table.form_icons label.formRadioHalf:hover span { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; } table.form_icons label.formRadioYes.checked span, table.form_icons label.formRadioNo.checked span, table.form_icons label.formRadioHalf.checked span { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }