/* ---------------------------------------------------------------------------------------------------------- Euro RSCG 4D (www.lukastomek.czwww.eurorscg4d.cz) Výstupní zařízení: screen, projection Autor: Lukáš Tomek (info@lukastomek.cz) Vytvořeno: 11/03/2009 ---------------------------------------------------------------------------------------------------------- */ /* -- Basics -- */ html, body, div, p, ul, ol, li, form, fieldset, h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; list-style: none; } html { background: #509d01 url('../images/bg-html.png') 50% 0 repeat-y; } body { font: normal 62.8%/1.5 "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #333333; text-align: center; background: url('../images/bg-body.jpg') 50% 0 repeat-y; } a { color: #cc0000; } a:hover { text-decoration: underline !important; } a img { border:0; } input, select, textarea { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; } input.button, select.button, textarea.button { background: #fff; padding: 2px 0; border: 1px #dadad0 solid; color: #363636 !important; vertical-align: middle; } button.button { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; } input.submit, #ele_gmap_clear { width: 28px; height: 26px; overflow: visible; color: #fff; font-weight: bold; border: none; cursor: pointer; } label { cursor: pointer; padding-right: 5px; line-height: 20px; vertical-align: middle; } h1 { font-size: 2em; margin-bottom: .5em; } h2 { font-size: 1.45em; } h3 { font-size: 1.4em; } h4 { font-size: 1.1em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } h1, h2, h3, h4, h5, h6 { color: #3f3f3f; } table { border-collapse: collapse; width: 100%; } table th { text-align: left; vertical-align: top; } table td.right { padding-left: 5px; } table th.right { padding-left: 5px; } table td.left { padding-right: 5px; } table th.left { padding-right: 5px; } blockquote { margin: 0; padding: 10px 20px; color: #333333; line-height: 1.6; font-family: Georgia, serif; } fieldset { border: 0 !important; } /* -- User friendly features --*/ .hidden { display: none; } .noscreen { width: 200px; position: absolute; left: 0; top: -999px; } /* -- Basics layout -- */ #bg { position: relative; } #view { text-align: left; } #head { font-size: 1.2em; position: relative; z-index: 10; } #content { font-size: 1.2em; position: relative; z-index: 5; } #foot { font-size: 1.2em; z-index: 1; } /* -- Main classes -- */ .fr { float: right !important; } .fl { float: left !important; } .clear { clear: both !important; } .right { text-align: right !important; } .left { text-align: left !important; } .center { text-align: center !important; } .last { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important; background: none; } .small { font-size: .90em; } .big { font-size: 1.2em; } .biggest { font-size: 2em; } .light { color: #999999 !important; } .clearfix { width: 100%; overflow: hidden; padding-bottom: .6em; } .alt { font-weight: bold; } .blue { color: #00458d !important; } .red { color: #cc0000 !important; } .test { border: 1px black solid; } .smile { vertical-align: middle; margin: 0 2px; } .noBrd { border: none !important; } .noBrdL { border-left: none !important; } .noBrdR { border-right: none !important; } .autoWidth { width: auto !important; } .inlink { display: block; padding-left: 14px; background: url('../images/bg-inlink.gif') 0 4px no-repeat; } .relative { position: relative; } /* -- Graphic overlays -- */ a.overlaid, .overlaid a { display: block; cursor: pointer; overflow: hidden; } .overlaid { position: relative; width: 100%; height: 100%; } .overlaid span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } /* -- More button -- */ a.more { display: block; padding: 5px 40px 6px 0; color: #333634; font-size: .9em; text-decoration: none; text-align: right; background: url('../images/bg-more.gif') 100% 50% no-repeat; } /* -- Forms layout -- */ .formBox .lab { float: left; width: 19%; text-align: right; padding-right: 1%; } .formBox .con { float: right; width: 80%; } .formBox .clearfix { } .formBox .w100 { width: 98%; } .formBox .w30 { width: 30%; } /*NEW*/ .formBox .button:focus { border-color: #000; } .formBox legend { display: none; } /* -- Basic content constructs -- */ .list { margin-bottom: 0 !important; } .offsetTop { margin-top: 1em; } .offsetBottom { margin-bottom: 1em; } .info { font-size: .91em !important; margin-bottom: 5px; color: #999999 !important; } /* -- Cols layout -- */ .cols { position: relative; overflow: hidden; height: 100%; } .cols .col1 { float: left; width: 714px; padding-left: 15px; } .cols .col2 { float: right; width: 185px; padding-right: 15px; } .cols50 .col1, .cols50 .col2 { width: 50% !important; padding: 0; } .cols3 .col1, .cols3 .col2, .cols3 .col3 { float: left; width: 33% !important; padding: 0; } /* -- Item list -- */ .item { overflow: hidden; height: 100%; } .item .img { float: left; width: 110px; margin-top: 3px; } .item .img img { float: left; } .item .self { margin-left: 125px; } /* -- Layout -- */ #bg { background: url('../images/bg-foot.jpg') 50% 100% no-repeat; } #view { width: 962px; margin: 0 auto; } #head { } #content { padding-top: 10px; min-height: 300px; background: #fff url('../images/bg-content.gif') repeat-x; border: 10px #dfeda4 solid; border-width: 0 1px; } #foot { clear: both; width: 922px; padding: 65px 20px 120px; background: url('../images/bg-foot.png') no-repeat; } #bg .bg-lists { position: absolute; width: 100%; height: 135px; top: 100px; left: 0; z-index: 0; background: url('../images/bg-lists.gif') 50% 0 no-repeat; } #head #logo { width: 219px; height: 110px; overflow: hidden; line-height: 300px; } #logo span { z-index: 100 !important; background: url('../images/bg-logo.png') no-repeat; } #head #mainMenu { height: 54px; background: url('../images/bg-mainmenu.png') no-repeat; } #mainMenu ul { padding: 1px 15px 0; font-size: 1.25em; text-align: center; } #mainMenu ul li { position: relative; float: left; height: 53px; width: 16%; padding: 0 2%; background: url('../images/bg-mainmenu-separator.gif') 100% 50% no-repeat; } #mainMenu ul li a { display: block; padding: 15px 0 0; width: 100%; height: 38px; color: #fff; text-decoration: none; background: url('../images/bg-mainmenu-active.gif') no-repeat; } #mainMenu ul li.last { background: none; } #mainMenu ul li.active a, #mainMenu ul li:hover a, #mainMenu ul li.hover a { text-decoration: none !important; background-position: 0 -53px; } #mainMenu ul li.hover .sub, #mainMenu ul li:hover .sub { visibility: visible !important; } #mainMenu ul li .sub { position: absolute; width: 170px; top: 53px; left: 17px; z-index: 100; padding: 0px 0 5px; text-align: left; font-size: .8em; border: 1px #45840a solid; border-top: none; background-color: #ecece5; opacity:0.95; filter:alpha(opacity:95); } #mainMenu ul li .sub { visibility: hidden; } #mainMenu ul li .sub li { float: none; width: auto; height: 100%; padding: 0; margin-bottom: 5px; background: none; } #mainMenu ul li .sub li a { float: none; width: auto; height: auto; padding: 7px 0 7px 15px; color: #363636; background: none; } #mainMenu ul li .sub li.active a, #mainMenu ul li .sub li a:hover { color: #fff; background-color: #598624; } #head #topMenu { margin-top: -25px; height: 26px; background: url('../images/bg-topmenu.png') no-repeat; } #topMenu ul { text-align: right; padding: 6px 18px 0; font-size: .9em; } #topMenu li { display: inline; } #topMenu li a { color: #fff; padding: 0 14px; text-decoration: none; } #head #search { position: absolute; width: 200px; top: 14px; left: 450px; } #search .button { width: 120px; padding: 2px 5px; border: 1px #4b8b03 solid; background: #fff url('../images/bg-button.gif') repeat-x; } #head #loginForm { position: absolute; width: 300px; top: 14px; right: 0; } #loginForm form .button { margin-right: 5px; padding: 2px 5px; width: 100px; border: 1px #4b8b03 solid; background: #fff url('../images/bg-button.gif') repeat-x; } #loginForm form ul { padding-top: 7px; font-size: .9em; } #loginForm form ul li { display: inline; color: #fff; } #loginForm form ul li a { color: #fff; } #foot p { color: #fff; font-size: .85em; } #foot ul { text-align: center; font-size: .9em; } #foot ul li { display: inline; } #foot ul li a { color: #fff; padding: 0 5px; text-decoration: none; } #content .msg { padding: 10px 50px; margin-bottom: 10px; background-repeat: no-repeat !important; background-position: 10px 8px !important; } .msgOk { color: #363636; background: #a5d352 url('../images/bg-message1.gif'); } .msgErr { color: #fff; background: #e75959 url('../images/bg-message2.gif'); } #content .hp-welcome { position: relative; margin: 0 auto; height: 188px; z-index: 0; } .hp-welcome p { color: #fff; font-size: .9em; line-height: 1.8em; padding-right: 30px; } .hp-welcome .marathon { position: absolute; width: 288px; height: 100%; top: 0; right: 0; z-index: 50; } #content .hp-track { position: relative; height: 245px; } .hp-track .in { position: absolute; width: 352px; height: 53px; top: 70px; left: 45px; color: #00458d; text-align: center; background: url('../images/bg-track-text.png') no-repeat; } .hp-track .in ul { padding-top: 18px; font-size: .9em; } .hp-track .in ul li { display: inline; } .hp-track .in ul li strong { color: #cc0000; } .hp-track .more { position: absolute; color: #00458d; top: 82px; left: 420px; } #content .hp-boxes { } .hp-boxes .h { font-size: 1.6em; font-style: italic; margin: .5em 0 1em; } .hp-boxes .in { line-height: 2.3em; padding-bottom: 15px; border-bottom: 1px #bebeb0 dotted; } .hp-boxes .more { margin: 15px 10px 0 0; float: right; } .hp-boxes .col1 { width: 265px !important; padding: 0 5px 0 20px; /*background: url('../images/bg-topmarathon.jpg') 0 30px no-repeat;*/ } .hp-boxes .col1 .h { color: #cc0000; } .hp-boxes .col1 .in { } .hp-boxes .col2 { width: 240px !important; padding: 0 0 0 45px; background: url('../images/bg-news-separator.jpg') no-repeat; } .hp-boxes .col2 .h { color: #00458d; } .hp-boxes .col2 .in { } .hp-boxes .col3 { width: 250px !important; padding: 0 0 0 45px; background: url('../images/bg-news-separator.jpg') no-repeat; } .hp-boxes .col3 .h { color: #00458d; } .hp-boxes .col3 .in { margin-right: 0; } /* Boxes*/ .hp-boxes .top-list { font-size: .9em; height: 100%; overflow: hidden; } .hp-boxes .top-list li { width: 100%; float: left; margin-top: 3px; } .hp-boxes .top-list li strong { color: #669900; } .hp-boxes .top-list li .pos { padding: 0 5px; height: 20px; line-height: 1.8em; border: 1px #aaaa99 dotted; } .hp-boxes .top-list li .name { color: #cc0000; font-weight: normal; width: 100px; padding-left: 5px; } .hp-boxes .top-list li .pos, .hp-boxes .top-list li .name, .hp-boxes .top-list li .number, .hp-boxes .top-list li .position { display: block; float: left; } .hp-boxes .news h3 { font-size: 1em; color: #669900; } .hp-boxes .news h3 a { color: #669900; } #content #sidebar { padding-top: 33px; } #sidebar h3 { color: #cc0000; font-style: italic; font-size: 1.9em; padding-left: 5px; } #sidebar .box { margin-bottom: 30px; } #sidebar .submenu ul { padding-top: 10px; } #sidebar .submenu li { margin-bottom: 4px; } #sidebar .submenu li a { display: block; font-weight: bold; padding: 7px 5px 7px 28px; height: 100%; color: #363636; text-decoration: none; background: url('../images/bg-submenu.gif') 14px 50% no-repeat; } #sidebar .submenu li.active a, #sidebar .submenu li a:hover { color: #fff; text-decoration: none !important; background: #609a0f url('../images/bg-submenu-active.gif') 14px 50% no-repeat; } #sidebar .submenu li.active2 a { background: #609a0f url('../images/bg-submenu-hassub.gif') 14px 50% no-repeat; } #sidebar .submenu ul ul { padding-top: 0; } #sidebar .submenu ul ul li { } #sidebar .submenu ul ul li a { color: #363636 !important; font-weight: normal; padding-left: 35px !important; background: url('../images/bg-submenu-sub.gif') 23px 50% no-repeat !important; } #sidebar .submenu ul ul li a:hover, #sidebar .submenu ul ul li.active a { text-decoration: underline !important; } #sidebar .advert { text-align: center; margin: 50px 0 !important; } #content #contentBlock { padding-bottom: 20px; } #contentBlock .navi { font-size: .9em; padding-left: 15px; margin-bottom: 15px; } #contentBlock .box { margin-bottom: 20px; } #contentBlock .main { font-style: italic; font-size: 2em; margin-bottom: .8em; padding-left: 5px; } #contentBlock .promo { position: relative; color: #fff; font-weight: bold; line-height: 1.9em; height: 61px; padding: 60px 25px 0; background: url('../images/bg-promo.jpg') no-repeat; } #contentBlock .regPromo { height: 106px; padding: 45px 15px 0 190px; background: url('../images/bg-regpromo.jpg') no-repeat; } #contentBlock .tracksPromo { height: 73px; padding: 45px 15px 0 190px; background: url('../images/bg-trackspromo.jpg') no-repeat; } #contentBlock .syrovatkaPromo { padding-left: 200px; padding-top: 50px; height: 93px; line-height: 1.7em; background: url('../images/bg-syrovatkapromo.jpg') no-repeat; } #contentBlock .howStartPromo { background: url('../images/bg-howstartpromo.jpg') no-repeat; } #contentBlock .prizesPromo { padding: 60px 0 0 190px; height: 91px; background: url('../images/bg-prizespromo.jpg') no-repeat; } #contentBlock .productsPromo { padding: 45px 0 0 185px; height: 52px; background: url('../images/bg-productspromo.jpg') no-repeat; } #contentBlock .trackRegPromo { padding: 45px 0 0 185px; height: 52px; background: url('../images/bg-trackregpromo.jpg') no-repeat; } #contentBlock .bezeckaStravaPromo { padding: 45px 0 0 200px; height: 85px; background: url('../images/bg-bezeckastravapromo.jpg') no-repeat; } #contentBlock .bezeckeBotyPromo { padding: 50px 0 0 200px; height: 80px; background: url('../images/bg-bezeckebotypromo.jpg') no-repeat; } #contentBlock .casteChybyPromo { padding: 50px 0 0 200px; height: 47px; background: url('../images/bg-castechybypromo.jpg') no-repeat; } #contentBlock .jakBehatPromo { background: url('../images/bg-jakbehatpromo.jpg') no-repeat; } #contentBlock .bezeckeObleceniPromo { padding: 45px 0 0 200px; height: 85px; background: url('../images/bg-bezeckeoblecenipromo.jpg') no-repeat; } #contentBlock .pomuckyPromo { padding: 50px 0 0 200px; height: 47px; background: url('../images/bg-pomuckypromo.jpg') no-repeat; } #contentBlock .vybaveniPromo { padding: 45px 0 0 200px; height: 85px; background: url('../images/bg-vybavenipromo.jpg') no-repeat; } #contentBlock .vyvazenaStravaPromo { padding: 50px 0 0 190px; height: 60px; background: url('../images/bg-vyvazenastravapromo.jpg') no-repeat; } #contentBlock .zacinamBehatPromo { padding: 41px 0 0 190px; height: 90px; background: url('../images/bg-zacinambehatpromo.jpg') no-repeat; } #contentBlock .zdravotniVyhodyPromo { padding: 50px 20px 0 185px; height: 60px; background: url('../images/bg-zdravotnivyhodypromo.jpg') no-repeat; } #contentBlock .zmerteSilyPromo { padding: 60px 20px 0 215px; height: 90px; background: url('../images/bg-zmertesilypromo.jpg') no-repeat; } #contentBlock .sledujtePokrokPromo { padding: 50px 20px 0 200px; height: 47px; background: url('../images/bg-sledujtepokrokpromo.jpg') no-repeat; } #contentBlock .oZnaccePromo { padding: 50px 20px 0 200px; height: 120px; background: url('../images/bg-oznaccepromo.jpg') no-repeat; } #contentBlock .vitaminyMineralyPromo { padding: 50px 20px 0 200px; height: 59px; background: url('../images/bg-vitaminymineralypromo.jpg') no-repeat; } #contentBlock .pravidlaPromo { padding: 55px 20px 0 180px; height: 55px; background: url('../images/bg-pravidlapromo.jpg') no-repeat; } #contentBlock .startovniPolePromo { padding: 55px 20px 0 225px; height: 55px; background: url('../images/bg-startovnipolepromo.jpg') no-repeat; } #contentBlock .coJistPromo { padding: 55px 20px 0 200px; height: 75px; background: url('../images/bg-cojistpromo.jpg') no-repeat; } #contentBlock .mamRadSyryPromo { padding: 60px 20px 0 200px; height: 95px; background: url('../images/bg-mamradsyrypromo.jpg') no-repeat; } #contentBlock .skorpilovaRadaPromo { padding: 50px 20px 0 200px; height: 47px; background: url('../images/bg-skorpilovaradapromo.jpg') no-repeat; } #contentBlock .unavaPromo { padding: 50px 20px 0 200px; height: 55px; background: url('../images/bg-unavapromo.jpg') no-repeat; } #contentBlock .vyssiUrovenPromo { padding: 50px 20px 0 200px; height: 60px; background: url('../images/bg-vyssiurovenpromo.jpg') no-repeat; } #contentBlock .behaniBezDietPromo { padding: 50px 20px 0 190px; height: 60px; background: url('../images/bg-behanibezdietpromo.jpg') no-repeat; } #contentBlock .faqPromo { padding: 50px 20px 0 200px; height: 70px; background: url('../images/bg-faqpromo.jpg') no-repeat; } #contentBlock .kontaktyPromo { padding: 50px 20px 0 200px; height: 60px; background: url('../images/bg-kontaktypromo.jpg') no-repeat; } #contentBlock .forumPromo { padding: 50px 20px 0 220px; height: 47px; background: url('../images/bg-forumpromo.jpg') no-repeat; } #contentBlock .akcePromo { padding: 50px 20px 0 200px; height: 60px; background: url('../images/bg-akcepromo.jpg') no-repeat; } #contentBlock .tiskoveZpravyPromo { padding: 50px 20px 0 200px; height: 65px; background: url('../images/bg-tiskovezpravypromo.jpg') no-repeat; } #contentBlock .tripTipsPromo { padding: 45px 20px 0 190px; height: 85px; background: url('../images/bg-triptipspromo.jpg') no-repeat; } #contentBlock .maratonecQuizPromo { height: 52px; padding: 45px 15px 0 190px; background: url('../images/bg-maratonecquizpromo.jpg') no-repeat; } #contentBlock .textPromo { height: 60px; padding-top: 12px; text-align: center; font-size: 1em; background: url('../images/bg-textpromo.jpg') no-repeat; } #contentBlock .boxGrey { padding: 10px 15px 7px; background-color: #f4f4f4; } #contentBlock .boxGrey * { margin: 0 0 5px 0 !important; } #contentBlock .a-button { display: block; width: 100px; margin: 10px 10px 10px 0; height: 21px; padding-top: 4px; text-align: center; font-size: .9em; color: #fff; text-decoration: none; background: url('../images/bg-submit-register.gif') no-repeat; } #contentBlock a .plus { position: absolute; width: 17px; height: 17px; top: 105px; left: 175px; text-indent: -1500px; overflow: hidden; background: url('../images/bg-resize-image.png') no-repeat; } #contentBlock .confirm { padding: 2px; border: #1ECC32 solid 1px; background-color: #BEFBC4; font-weight: bold; text-align: center; margin-bottom: 10px; } /*NEW*/ #contentBlock .error { padding: 2px; border: #DB1515 solid 1px; background-color: #FFBDBD; font-weight: bold; text-align: center; margin-bottom: 10px; } /*NEW*/ #contentBlock ul.list { padding: 0 !important; margin-left: 0 !important; margin-bottom: 15px !important; } #contentBlock ul.list li { padding: 5px 10px 5px 20px !important; background-position: 8px 1.1em !important; } #contentBlock ul.list .even { background-color: #f4f4f4; } #contentBlock ul.list2 li { margin: 0 !important; padding-bottom: 0 !important; } #contentBlock ol.list { padding: 0 !important; margin: 0 !important; } #contentBlock ol.list li { position: relative; padding: 5px 10px 5px 50px !important; margin-bottom: 25px; } #contentBlock ol.list li .number { position: absolute; top: 7px; left: 7px; width: 26px; height: 22px; padding-top: 2px; color: #fff; font-weight: bold; text-align: center; background: url('../images/bg-tips-number.gif') no-repeat; } #contentBlock ol.list .even { background-color: #f4f4f4; } #contentBlock ol.list2 li { margin: 0 !important; margin-bottom: 15px !important; } #contentBlock .list li ol, #contentBlock .list li ul { margin: 10px 0 0 0 !important; padding: 0 !important; } #contentBlock .list li ul li { padding: 4px 0 4px 12px !important; margin: 0 !important; background-position: 0 1em !important; } #contentBlock .contentForm { background: url('../images/bg-contentform.png') repeat-y; } #contentBlock .contentForm form { font-size: .9em; background: url('../images/bg-contentform-bottom.png') 0 100% no-repeat; } #contentBlock .contentForm form fieldset { padding: 20px 25px; background: url('../images/bg-contentform-top.png') no-repeat; } #contentBlock .contentForm form label { font-weight: bold; /*display: block;*/ padding-right: 1px; } #contentBlock .contentForm form .radio_list li { display: inline } #contentBlock .contentForm form span { color: #cc0000; padding-left: 3px; font-weight: bold} #contentBlock .contentForm form .clearfix { padding-bottom: 1.5em; } #contentBlock .submit, #ele_gmap_clear { width: 100px; height: 25px; float: right; margin: 10px 0 0 0; background: url('../images/bg-submit-register.gif') no-repeat; } #contentBlock .contentForm form .cols3 .col1, #contentBlock .contentForm form .cols3 .col2, #contentBlock .contentForm form .cols3 .col3 { width: 30% !important; padding-right: 3%; } #contentBlock .contentForm form .cols3 .col3 { width: 33% !important; padding: 0; } #contentBlock .contentForm form .cols50 .col1, #contentBlock .contentForm form .cols50 .col2 { width: 48% !important; } #ele_gmap_clear { float: left; margin-right:15px; font-weight: normal; } #ele_gmap_distance { border: 0px } #contentBlock .kudyTudy .dif { width: 100px; float: left; } #contentBlock .kudyTudy .dif label { display: block; width: 27px; height: 20px; text-indent: -1000px; float: left; } #contentBlock .kudyTudy .dif input { margin-top: 5px; } #contentBlock .kudyTudy .dif1 label span { background: url('../images/bg-trackreg-difficult1.gif') 0 100% no-repeat; } #contentBlock .kudyTudy .dif2 label span { background: url('../images/bg-trackreg-difficult2.gif') 0 100% no-repeat; } #contentBlock .kudyTudy .dif3 label span { background: url('../images/bg-trackreg-difficult3.gif') 0 100% no-repeat; } #contentBlock .meantime .in { position: relative; width: 100%; height: 150px; background: url('../images/bg-meantime.jpg') 0 100% no-repeat; } #contentBlock .meantime .part { width: 153px; height: 92px; padding: 17px 23px 0 0; float: left; text-align: center; line-height: 1em; background: url('../images/bg-meantime-item.gif') 100% 0 no-repeat; } #contentBlock .meantime .part * { color: #00458d; font-size: .8em; } #contentBlock .meantime .part h3 { font-size: 1.9em; font-style: italic; font-weight: normal; margin-bottom: 3px; } #contentBlock .meantime .part span { display: block; } #contentBlock .meantime .part strong span { top: -30px; left: 45px; } #contentBlock .meantime .progress { position: absolute; width: 20px; height: 28px; left: 0; top: 88px; background: url('../images/bg-position-progress.png') no-repeat; } #contentBlock .meantime .line { position: absolute; height: 31px; left: 0; bottom: 0; background: url('../images/bg-position-active.gif') repeat-x; } #contentBlock .meantime p { font-size: .9em; padding: 8px; } /* Price pictures */ #contentBlock .meantime .part1 strong span { width: 57px; height: 52px; background: url('../images/bg-meantime-price1.png') no-repeat; } #contentBlock .meantime .part2 strong span { width: 58px; height: 45px; background: url('../images/bg-meantime-price2.png') no-repeat; } #contentBlock .meantime .part3 strong span { width: 53px; height: 45px; background: url('../images/bg-meantime-price3.png') no-repeat; } #contentBlock .meantime .part4 strong span { width: 68px; height: 45px; background: url('../images/bg-meantime-price4.png') no-repeat; } /* active */ #contentBlock .meantime .active1 .part1 { cursor:pointer;padding-top: 22px; height: 87px; background: url('../images/bg-meantime-item-active.gif') 100% 0 no-repeat; } #contentBlock .meantime .active1 .part1 * { color: #fee525; } #contentBlock .meantime .active1 .part1 h3 { color: #fff; } #contentBlock .meantime .active1 .progress { left: 162px; } #contentBlock .meantime .active1 .line { width: 179px; } #contentBlock .meantime .active2 .part2 { cursor:pointer;padding-top: 22px; height: 87px; background: url('../images/bg-meantime-item-active.gif') 100% 0 no-repeat; } #contentBlock .meantime .active2 .part2 * { color: #fee525; } #contentBlock .meantime .active2 .part2 h3 { color: #fff; } #contentBlock .meantime .active2 .part1 { cursor:pointer;padding-top: 22px; height: 87px; background: url('../images/bg-meantime-item-active.gif') 100% 0 no-repeat; } #contentBlock .meantime .active2 .part1 * { color: #fee525; } #contentBlock .meantime .active2 .part1 h3 { color: #fff; } #contentBlock .meantime .active2 .progress { left: 340px; } #contentBlock .meantime .active2 .line { width: 358px; } #contentBlock .meantime .active3 .part3 { cursor:pointer;padding-top: 22px; height: 87px; background: url('../images/bg-meantime-item-active.gif') 100% 0 no-repeat; } #contentBlock .meantime .active3 .part3 * { color: #fee525; } #contentBlock .meantime .active3 .part3 h3 { color: #fff; } #contentBlock .meantime .active3 .part2 { cursor:pointer;padding-top: 22px; height: 87px; background: url('../images/bg-meantime-item-active.gif') 100% 0 no-repeat; } #contentBlock .meantime .active3 .part2 * { color: #fee525; } #contentBlock .meantime .active3 .part2 h3 { color: #fff; } #contentBlock .meantime .active3 .part1 { cursor:pointer;padding-top: 22px; height: 87px; background: url('../images/bg-meantime-item-active.gif') 100% 0 no-repeat; } #contentBlock .meantime .active3 .part1 * { color: #fee525; } #contentBlock .meantime .active3 .part1 h3 { color: #fff; } #contentBlock .meantime .active3 .progress { left: 520px; } #contentBlock .meantime .active3 .line { width: 536px; } #contentBlock .meantime .active4 .part4 { cursor:pointer;padding-top: 22px; height: 87px; background: url('../images/bg-meantime-item-active.gif') 100% 0 no-repeat; } #contentBlock .meantime .active4 .part4 * { color: #fee525; } #contentBlock .meantime .active4 .part4 h3 { color: #fff; } #contentBlock .meantime .active4 .part3 { cursor:pointer;padding-top: 22px; height: 87px; background: url('../images/bg-meantime-item-active.gif') 100% 0 no-repeat; } #contentBlock .meantime .active4 .part3 * { color: #fee525; } #contentBlock .meantime .active4 .part3 h3 { color: #fff; } #contentBlock .meantime .active4 .part2 { cursor:pointer;padding-top: 22px; height: 87px; background: url('../images/bg-meantime-item-active.gif') 100% 0 no-repeat; } #contentBlock .meantime .active4 .part2 * { color: #fee525; } #contentBlock .meantime .active4 .part2 h3 { color: #fff; } #contentBlock .meantime .active4 .part1 { cursor:pointer;padding-top: 22px; height: 87px; background: url('../images/bg-meantime-item-active.gif') 100% 0 no-repeat; } #contentBlock .meantime .active4 .part1 * { color: #fee525; } #contentBlock .meantime .active4 .part1 h3 { color: #fff; } #contentBlock .meantime .active4 .progress { left: 690px; } #contentBlock .meantime .active4 .line { width: 100%; } #contentBlock .position { } #contentBlock .position form fieldset { height: 30px; padding: 13px 20px 10px; background: url('../images/bg-position-form.gif') repeat-x; } #contentBlock .position form label { color: #ededd7; font-weight: bold; font-size: 1.25em; } #contentBlock .position form .button { width: 340px; margin: 2px 10px 0 0; border: 1px #4b8b03 solid; background: #fff url('../images/bg-button.gif') repeat-x; } #contentBlock .position .image { padding-bottom: 27px; background: url('../images/bg-position-image-bottom.jpg') 0 100% no-repeat; } #contentBlock .position .image .in { padding-top: 20px; text-align: center; background: url('../images/bg-position-image.gif') repeat-y; } #contentBlock .tips {} #contentBlock .tips .item { margin-bottom: 10px; } #contentBlock .tips .number { width: 26px; height: 21px; padding-top: 3px; font-size: .9em; float: left; margin-top: 8px; text-align: center; color: #fff; background: url('../images/bg-tips-number.gif') no-repeat; } #contentBlock .tips p { margin-left: 45px; padding: 10px 15px; line-height: 2em; background-color: #f4f4f4; } #contentBlock .paging { overflow: hidden; height: 100%; margin-bottom: 15px; padding: 10px 18px; color: #e3e3e3; border: 1px #c9c9c9 solid; background-color: #4e8f03; } #contentBlock .paging a { color: #fff; font-weight: bold; text-decoration: none; margin: 0 3px; } #contentBlock .paging span { margin: 0 3px; } #contentBlock .paging .disabled { color: #c5c5c5; } #contentBlock .paging .current { color: #4e8f03; padding: 0 6px; background-color: #fff; } #contentBlock .paging a.prev_page { padding-left: 12px; background: url('../images/bg-paging-prev.gif') 0 50% no-repeat; } #contentBlock .paging a.next_page { padding-right: 12px; background: url('../images/bg-paging-next.gif') 100% 50% no-repeat; } #contentBlock .paging form { width: 200px; } #contentBlock .tracksList .item { padding: 18px; margin-bottom: 15px; background-color: #f4f4f4; line-height: 1.8em; } #contentBlock .tracksList .item .img { border: 1px #c9c9c9 solid; } #contentBlock .tracksList .item .self h3 { font-size: 1.3em; margin-bottom: 5px; } #contentBlock .tracksList .item .self h3 a { color: #599702; text-decoration: none; } #contentBlock .tracksList .item .self p {} #contentBlock .tracksList .item .self p span { color: #599702; } /*#contentBlock .rating { margin-top: 10px; } #contentBlock .rating p { float: left; } #contentBlock .rating .stars { display: block; width: 200px; height: 14px; overflow: hidden; margin: 4px 0 0 8px; line-height: 100px; background: url('../images/bg-rating1.gif') repeat-x; } #contentBlock .rating .stars .star { display: inline; width: 0; height: 14px; background: url('../images/bg-rating2.gif') repeat-x; } #contentBlock .rating .stars .star-1 { width: 20px; } #contentBlock .rating .stars .star-2 { width: 40px; } #contentBlock .rating .stars .star-3 { width: 60px; } #contentBlock .rating .stars .star-4 { width: 80px; } #contentBlock .rating .stars .star-5 { width: 100px; } #contentBlock .rating .stars .star-6 { width: 120px; } #contentBlock .rating .stars .star-7 { width: 140px; } #contentBlock .rating .stars .star-8 { width: 160px; } #contentBlock .rating .stars .star-9 { width: 180px; } #contentBlock .rating .stars .star-10 { width: 200px; } #contentBlock .tracksList .item .self .more { clear: both; margin-top: -30px; float: right; }*/ #contentBlock .rating {float:left; clear:both; width:100%; height:auto; padding:0px; margin:0px;} #contentBlock .rating li {float:left;list-style:none;} #contentBlock .rating li a:hover, #contentBlock .rating .on {background:url('../images/bg-rating2.gif') no-repeat;} #contentBlock .rating a {float:left;background:url('../images/bg-rating1.gif') no-repeat;width:20px; height:14px;} #contentBlock .rating span { visibility: hidden; } #contentBlock .tracksDetail {} #contentBlock .tracksDetail .head h3 { font-size: 1.2em; color: #fff; } #contentBlock .tracksDetail .detail { padding: 18px; overflow: hidden; height: 100%; background-color: #f4f4f4; } #contentBlock .tracksDetail .detail .img { float: left; width: 180px; margin-top: 4px; } #contentBlock .tracksDetail .detail img { float: left; border: 1px #c9c9c9 solid; } #contentBlock .tracksDetail .detail .self { margin-left: 210px; } #contentBlock .tracksDetail .detail .self p span { color: #599702; } #contentBlock .tracksDetail .detail .self h3 { color: #599702; } #contentBlock .tracksDetail .detail .self .gallery { margin-top: 23px; margin-left: -10px; } #contentBlock .tracksDetail .detail .self .gallery img { margin-right: 10px; } #contentBlock .tracksDetail .table { margin-bottom: 15px; padding: 5px 0; background-color: #f4f4f4; } #contentBlock .tracksDetail .table td { width: 50%; padding: 6px 25px; } #contentBlock .tracksDetail .table .odd td { background-color: #e0dcdc; } #contentBlock .tracksDetail .table .even td { padding: 12px 25px; } #contentBlock .tracksDetail .spec { margin-bottom: 15px; padding-left: 25px; } #contentBlock .tracksDetail .spec h3 { font-size: 1em; margin-bottom: 5px; } #contentBlock .firstSteps {} #contentBlock .firstSteps .col { width: 148px; float: left; margin: 0; padding: 0 40px 0 0; background: url('../images/bg-howstart-separator.jpg') 100% 102px no-repeat; } #contentBlock .firstSteps .col .img { height: 128px; text-align: center; } #contentBlock .firstSteps .col .self { height: 43px; padding-top: 7px; font-size: .9em; background-color: #f4f4f4; } #contentBlock .firstSteps .col .self p { padding-left: 12px; background: url('../images/bg-text-li.gif') 0 .5em no-repeat; } #contentBlock .firstSteps .col .bottom { height: 100%; overflow: hidden; padding: 10px 0 20px; } #contentBlock .firstSteps .col .bottom strong { float: left; font-size: 1.6em; color: #cc0000; margin-top: -3px; } #contentBlock .firstSteps .col .bottom .more { float: right; } #contentBlock .firstSteps .col1 .self, #contentBlock .firstSteps .col1 .bottom { padding-left: 15px; } #contentBlock .firstSteps .last { padding-right: 0; background: none; } #contentBlock .firstSteps .last .self, #contentBlock .firstSteps .last .bottom { padding-right: 15px; } #contentBlock .firstSteps3 .col { width: 211px; } #contentBlock .prizesList { padding-left: 10px; } #contentBlock .prizesList .col { width: 203px !important; text-align: center; margin-right: 47px; font-weight: bold; color: #3b3b3b; font-size: .9em; } #contentBlock .prizesList .col img { margin-bottom: 5px; border: 1px #d9daca solid; } #contentBlock .prizesList .col a { position: relative; } #contentBlock .prizesList .col3 { float: right; } #contentBlock .prizesPromo .img { position: absolute; top: 12px; right: 12px; } #contentBlock .prizesPromo .img img { border: 1px #396e01 solid; } #contentBlock .products .category { border-bottom: 7px #000 solid; font-size: .9em; line-height: 1.9em; margin-bottom: 1px; } #contentBlock .products .category .in { padding: 10px 0 0 65px; height: 100%; overflow: hidden; } #contentBlock .products .category .item { width: 290px !important; height: 150px; padding-right: 60px; float: left; background: url('../images/bg-products-separator.jpg') 98% 0 no-repeat; } #contentBlock .products .category .last { padding-right: 0; background: none !important; } #contentBlock .products .category .item .img { width: 125px; border: 1px #c9c9c9 solid; } #contentBlock .products .category .item .self { margin-left: 140px; } #contentBlock .products .category .item .self h3 { margin-bottom: 4px; } #contentBlock .products .category .item .self h3 a { color: #599702; } #contentBlock .products .category .item .self .more { margin-top: 1.5em; float: right; } #contentBlock .products .category-1 { border-color: #609a0e !important; background: #f4f4f4 url('../images/bg-products-head1.gif') repeat-y; } #contentBlock .products .category-1 .in { background: url('../images/bg-products-head1-text.gif') 8px 50% no-repeat; } #contentBlock .products .category-2 { border-color: #4eb4e2 !important; background: url('../images/bg-products-head2.gif') repeat-y; } #contentBlock .products .category-2 .in { background: url('../images/bg-products-head2-text.gif') 8px 50% no-repeat; } #contentBlock .products .category-2 .item { background: url('../images/bg-news-separator.jpg') 98% 0 no-repeat; } #contentBlock .products .category-3 { border-color: #eeb900 !important; background: #f4f4f4 url('../images/bg-products-head3.gif') repeat-y; } #contentBlock .products .category-3 .in { background: url('../images/bg-products-head3-text.gif') 8px 50% no-repeat; } #contentBlock .products .category-4 { border-color: #cc0000 !important; background: #f4f4f4 url('../images/bg-products-head4.gif') repeat-y; } #contentBlock .products .category-4 .in { background: url('../images/bg-products-head4-text.gif') 8px 50% no-repeat; } #contentBlock .products .category-5 { border-color: #428303 !important; background: #f4f4f4 url('../images/bg-products-head5.gif') repeat-y; } #contentBlock .products .category-5 .in { background: url('../images/bg-products-head5-text.gif') 8px 50% no-repeat; } #contentBlock .productDetail {} #contentBlock .productDetail .category { border: 0; border-top: 7px #000 solid; background: none; } #contentBlock .productDetail .category .head { width: 58px; height: 200px; float: left; } #contentBlock .productDetail .category .in { background: #f4f4f4; padding: 10px; height: 100%; overflow: hidden; } #contentBlock .productDetail .category .in .img { position: relative; border: 1px #c9c9c9 solid; width: 309px; overflow: hidden; height: 100%; float: left; margin-bottom: 20px; } #contentBlock .productDetail .category .in .img img { float: left; } #contentBlock .productDetail .category .in .img .plus { left: 285px; top: 230px; } #contentBlock .productDetail .category .in .self { margin: 0 20px 0 330px; } #contentBlock .productDetail .category .in .self h3 { color: #599702; } #contentBlock .productDetail .category .in .self .perex { font-weight: bold; margin: 5px 0 10px; } #contentBlock .productDetail .category .in .text { clear: both; padding: 10px; height: 100%; overflow: hidden; background-color: #6aa213; } #contentBlock .productDetail .category-1 .head { background: #609a0e url('../images/bg-products-head1-text.gif') 8px 50% no-repeat; } #contentBlock .productDetail .category-2 .head { background: #4eb4e2 url('../images/bg-products-head2-text.gif') 8px 50% no-repeat; } #contentBlock .productDetail .category-3 .head { background: #eeb900 url('../images/bg-products-head3-text.gif') 8px 50% no-repeat; } #contentBlock .productDetail .category-4 .head { background: #cc0000 url('../images/bg-products-head4-text.gif') 8px 50% no-repeat; } #contentBlock .productDetail .category-5 .head { background: #428303 url('../images/bg-products-head5-text.gif') 8px 50% no-repeat; } #contentBlock .pyramid { height: 480px; background: url('../images/bg-pyramid.gif') 50% 0 no-repeat; } #contentBlock .pyramid .desc { height: 60px; padding: 7px 10px 0 10px; margin-bottom: 70px; } #contentBlock .pyramid .fl { clear: left; padding-right: 40px; } #contentBlock .pyramid .fr { clear: right; padding-left: 40px; margin-top: 55px; margin-bottom: 30px; } #contentBlock .pyramid .desc1 { width: 225px; background: url('../images/bg-pyramid-desc1.gif') no-repeat; } #contentBlock .pyramid .desc2 { width: 220px; background: url('../images/bg-pyramid-desc2.gif') no-repeat; } #contentBlock .pyramid .desc3 { width: 168px; background: url('../images/bg-pyramid-desc3.gif') no-repeat; } #contentBlock .pyramid .desc4 { width: 175px; background: url('../images/bg-pyramid-desc4.gif') no-repeat; } #contentBlock .pyramid .desc5 { width: 135px; background: url('../images/bg-pyramid-desc5.gif') no-repeat; } #contentBlock .pyramid .desc6 { width: 121px; background: url('../images/bg-pyramid-desc6.gif') no-repeat; } #contentBlock .results { margin-bottom: 20px; } #contentBlock .results th { padding: 10px 10px 10px 30px; color: #fff; background-color: #4e8f03; border: 1px #4e8f03 solid; } #contentBlock .results td { padding: 3px 10px 3px 30px; font-weight: bold; } #contentBlock .results .odd td { border: 1px #c9c9c9 solid; border-width: 1px 0 !important; background-color: #f4f4f4; } #contentBlock .results .odd .first { border-left-width: 1px !important; } #contentBlock .results .odd .last { border: 1px #c9c9c9 solid !important; border-left: 0 !important; } #contentBlock .polePosition table { margin-bottom: 15px; } #contentBlock .polePosition table th { padding: 8px 15px 6px; color: #fff !important; } #contentBlock .polePosition table th h2 { font-size: 1.2em; color: #fff; } #contentBlock .polePosition table td { padding: 8px 15px; } #contentBlock .polePosition table.green th { background-color: #6aa213; } #contentBlock .polePosition table.yellow th { background-color: #eca909; } #contentBlock .polePosition table .even td { border: 1px #c9c9c9 solid; border-width: 1px 0 !important; background-color: #f4f4f4; } #contentBlock .polePosition table .even .first { border-left-width: 1px !important; width: 30%; } #contentBlock .polePosition table .even .last { border: 1px #c9c9c9 solid !important; border-left: 0 !important; } #contentBlock .polePosition table .first { width: 40%; font-weight: bold; padding-left: 30px; background: url('../images/bg-text-li.gif') 15px 50% no-repeat; } #contentBlock .polePosition table .last { width: 20%; padding-right: 35px; text-align: right; font-weight: bold; } #contentBlock .forum { margin-top: -10px; } #contentBlock .forum .head a { color: white; } #contentBlock .forum .head { overflow: hidden; height: 100%; margin-bottom: 10px; color: #fff; font-weight: bold; border: 1px #c9c9c9 solid; background-color: #4e8f03; } #contentBlock .forum .head .col1 { width: 470px; padding: 12px 15px; } #contentBlock .forum .head .col2 { width: 169px; padding: 12px 15px; text-align: center; } #contentBlock .forum .item { margin-bottom: 10px; background-color: #f4f4f4; } #contentBlock .forum .item .col1 { width: 410px; height: 60px; padding: 15px 45px; background: url('../images/bg-forum-item.gif') 10px 15px no-repeat; } #contentBlock .forum .item .col2 { height: 60px; padding-top: 30px; text-align: center; background-color: #e0e0e0; } #contentBlock .forum .item .count { font-weight: bold; color: #6aa213; } #contentBlock .forum .col1 { width: 500px; float: left; padding: 0; } #contentBlock .forum .col2 { width: 200px; float: right; padding: 0; border-left: 1px #fdfdfd solid; } #contentBlock .forum-detail .head { padding: 12px 15px; } #contentBlock .forum-detail .head a { color: #fff; } #contentBlock .forum-detail .item { background-color: #e0e0e0; } #contentBlock .forum-detail .item .col1 { width: 185px; height: auto; padding: 10px 0 10px 25px; background: none; } #contentBlock .forum-detail .item .col2 { width: 460px; min-height: 90px; height: auto; margin-top: 10px; padding: 20px; text-align: left; background-color: #f4f4f4; border-top: 1px #fdfdfd solid; } #contentBlock .forum-detail .item .col2 p { margin-bottom: 15px; } #contentBlock .forum-detail .item .h { font-size: 1.1em; margin-bottom: 5px; } #contentBlock .forum-detail .item .img { width: 100px; } #contentBlock .forum-detail .item .self { margin-left: 100px !important; padding-top: 15px; } #contentBlock .forum-detail .item .self p { margin-bottom: 12px; } #contentBlock .forum-detail .formBox { padding: 20px; background-color: #f4f4f4; } #contentBlock .forum-detail .formBox textarea { height: 130px; } #contentBlock .forum-detail .formBox .submit { margin-right: 10px; } #contentBlock .articles {} #contentBlock .articles .item { padding: 10px 15px; margin-bottom: 15px; } #contentBlock .articles .even { background-color: #f4f4f4; } #contentBlock .articles .item .h { font-style: italic; } #contentBlock .articles .item .h a { text-decoration: none; } #contentBlock .articles .item .img { width: 90px; } #contentBlock .articles .item .self { margin-left: 110px; } #contentBlock .articles .item .self p { margin-bottom: 10px !important; } #contentBlock .articles .item .list { padding-left: 15px; background: url('../images/bg-text-li.gif') 0 7px no-repeat; } #contentBlock .articles .item .more { float: right; } #contentBlock .trackMap { padding-left: 20px; } /* quiz */ #contentBlock .maratonecQuiz { background: url('../images/bg-quiz-bottom.gif') 100% 100% no-repeat; } #contentBlock .maratonecQuiz .main { font-size: 1.4em; } #contentBlock .maratonecQuiz .submit { float: none; margin-top: 20px; } #contentBlock .maratonecQuiz .part { padding: 12px; margin-bottom: 12px; height: 100%; overflow: hidden; background-color: #f4f4f4 !important; } #contentBlock .maratonecQuiz .part .q { float: left; font-size: 1em; padding: 2px 30px 0 10px; background: url('../images/bg-text-li.gif') 0 .7em no-repeat; } #contentBlock .maratonecQuiz .part input.button { padding-top: 5px; padding-bottom: 5px; } #contentBlock .maratonecQuiz .part .radio_list label { margin: 0 30px 0 6px; } #contentBlock .maratonecQuiz .part ul li { float: left; } #contentBlock .maratonecQuiz .part .clearfix { clear: both; padding: 10px 3px 0 10px; } #contentBlock .maratonecQuiz .partTable .q { margin-bottom: 15px; } #contentBlock .maratonecQuiz .partTable table { clear: both; padding-top: 20px; margin: 10px 0 0 10px; width: 98%; } #contentBlock .maratonecQuiz .partTable table td { padding: 4px 0; } #contentBlock .maratonecQuiz .partTable table th { width: 180px; padding: 7px 0; vertical-align: middle; } #contentBlock .maratonecQuiz .partTable table th label { margin-right: 0 !important; } #contentBlock .maratonecQuiz .partSkorpil1 { background: url('../images/bg-quiz-skorpil1.gif') 100% 40% no-repeat; } #contentBlock .maratonecQuiz .partSkorpil1 table { width: 75%; } #contentBlock .maratonecQuiz .partSkorpil2 { background: url('../images/bg-quiz-skorpil2.gif') 100% 100% no-repeat; } #contentBlock .text { line-height: 1.8em; } #contentBlock .text p, #contentBlock .text ul { margin: 0 15px 10px; } #contentBlock .text ul li { padding-left: 15px; margin-bottom: 15px; background: url('../images/bg-text-li.gif') 0 .7em no-repeat; } #contentBlock .text h2, #contentBlock .text h3, #contentBlock .text h4, #contentBlock .text h5, #contentBlock .text h6 { margin: 0 15px 5px; color: #cc0000; } #contentBlock .text2 h2, #contentBlock .text2 h3, #contentBlock .text2 h4, #contentBlock .text2 h5, #contentBlock .text2 h6 { margin: 0 0 5px; color: #cc0000; } #contentBlock .text .boxTable { padding: 10px 15px 7px; } #contentBlock .text table .list { padding-left: 15px; background: url('../images/bg-text-li.gif') 0 9px no-repeat; } #contentBlock .text table td { vertical-align: top; } #contentBlock .text table .th { width: 30%; } #contentBlock .text img { margin: -10px 0 10px !important; } #contentBlock .text img.fl { margin-right: 40px !important; margin-left: 15px !important; } #contentBlock .text img.fr { margin-left: 40px !important; margin-right: 15px !important; } #contentBlock .text img.frUp { float: right; margin-top: -40px !important; } /* GreyBox */ #contentBlock .boxGrey { padding: 10px 15px 7px; background-color: #f4f4f4; } #contentBlock .boxGrey * { margin: 0 0 5px 0 !important; } #contentBlock .boxGrey img.fl { margin-right: 25px !important; margin-left: 0 !important; } #contentBlock .boxGrey img.fr { margin-left: 25px !important; margin-right: 0 !important; } /* bg images for special sections */ .bgRules { background: url('../images/bg-rules1.jpg') 100% 0 no-repeat; } .bgRulesList { padding-right: 400px !important; background: url('../images/bg-rules2.jpg') 100% 80% no-repeat; }