/** * @author redpanda.gr */ * { margin: 0; } html, body { height: 100%;font-family:Arial,serif;font-size:12px;font-weight:normal;color:#696969; } .container { min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -4em; } .footer, .push { height: 4em; } /* HELPERS */ .center { width:945px;margin:0 auto;text-align:left;position:relative; } .cursor { cursor: pointer;cursor: hand; } .floatleft { float:left; } .floatright { float:right; } .centerdiv { text-align:center; } .novisible { visibility:hidden; } .bottomlink { position:absolute;bottom:12px;left:18px; } .bottomlink a { color:#0ba4d7;font-weight:bold; } .bottomlink a span { display:inline-block;height:13px;line-height:13px;padding-left:18px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -235px -369px no-repeat; } .to18px { bottom:18px; } .white { color:#fff; } .blue { color:#0c4da2; } .black { color:#000; } /* CLEARFIX */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* ELEMENTS */ a {text-decoration:none;color:#696969;} /* HEADER */ #header { height:106px;position:relative; } #header .thintopline { background:#434343;height:3px; } #header .top { float:right;display:block;width:530px;height:30px;line-height:30px; } #header .top > * { float:right; margin:0 14px 0 0;} #header .top .userfield { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 7px no-repeat;padding:0 0 0 25px;font-size:11px; } #header .top .userfield span { color:#439706;font-style:italic; } #header ul.topmenu { overflow:hidden;height:27px;line-height:27px;padding-left:2px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -31px no-repeat; } #header ul.topmenu li { float:left;height:100%; } #header ul.topmenu li.lastchild { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 91px -31px no-repeat;padding-right:2px; } #header ul.topmenu li a span { float:left;display:block;padding:0 17px 0 15px;background:#515151;color:#fff;text-decoration:none;cursor: pointer;cursor: hand; } #header ul.topmenu li a span:hover { color:#439706; } #header ul.topmenu li span.separate { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -3px -31px no-repeat;display:inline-block;width:2px;height:100%; } /* f?s??? ?a? µp??e?te ?a apa?a?e?te ap? t? span.separate a??e? ?a ß???ete t? bg separate image ap? t? sprite ?a? sa? bg ap? µ??? t?? ?a t? ??sete st? span t?? link. */ #header div.languages { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -11px -31px no-repeat;width:37px;height:19px;margin-top:8px;position:relative; } #header div.languages div { width:16px;height:11px;position:absolute;top:4px;left:5px; } #header div.languages div.greek { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -52px -31px no-repeat; } #header div.languages div.english { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -52px -43px no-repeat; } #header div.languages div span { display:none; } #header div.languages ul { display:none; } #header div.languages:hover ul { margin-top:18px;display:block; } #header div.languages ul li { line-height:20px; } #header div.languages span.flag { display:inline-block;width:58px;height:20px;position:relative;padding-left:22px; } #header div.languages span.english { position:absolute;top:5px;left:1px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -52px -43px no-repeat;display:inline-block;width:16px;height:11px; } #header div.logo { position:absolute;width:185px;height:73px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -69px no-repeat;top:26px; } #header div.logo a { display:block;width:100%;height:100%; } #header div.logo span {display:none;} /* MENU HOLDER */ #menuholder { height:40px; } /* MENU */ #menubar { height:40px;background:#81ba50;position:absolute;display: block;top: 106px;width: 100%; } #menubar ul.menu { float:left; } #menubar ul.menu > li { float:left;position:relative;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -149px no-repeat; } #menubar ul.menu > li:first-child { background:none; } #menubar ul.menu > li > a { } #menubar ul.menu > li > a > span { font-size:13px;color:#fff;display:block;padding:0 20px;height:40px;line-height:40px;cursor:pointer;cursor:hand; } #menubar ul.menu > li > a > span > span.hassubmenu { display:inline-block;width:5px;height:6px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -127px -32px no-repeat;margin:0 0 0 14px; } #menubar ul.menu > li:first-child > a { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -70px -22px no-repeat;width:43px;height:40px;padding-left:0;margin-left:7px;display:block; } #menubar ul.menu > li:first-child > a > span { display:none; } #menubar ul.menu span.menuseparate { position:absolute;right:0;display:block;width:2px;height:40px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -69px no-repeat; } #menubar ul.submenu { display:none;background:#fff;border:1px solid #81BA50;border-top:none;position:absolute;top:39px;z-index:12;width:200px; } #menubar ul.menu li ul.submenu li { display:block;/*height:30px;*/line-height:30px;padding:0 22px;background:#81BA50; } #menubar ul.menu li ul.submenu li a span { display:block;color:#fff;border-top:1px solid #FBD733; } #menubar ul.menu li ul.submenu li:first-child a span { border:none; } #menubar ul.menu li ul.submenu li a span:hover { color:#696969; } #menubar ul.menu li:hover ul.submenu { display:block; } /* SLIDESHOW */ #slideshow { height:370px;/*background: url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/opap.jpg) center top no-repeat;*/ } #clients { width:100%;height:300px; } #clients_navigation {background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -666px repeat-x;} #clients_navigation ul { overflow:hidden; } #clients_navigation ul li { float:left;display:block;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -990px no-repeat; } #clients_navigation ul li:first-child { background:none; } #clients_navigation ul li a { float:left;display:block;width:78px;height:56px;line-height:72px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -747px no-repeat; } #clients_navigation ul li a span { visibility:hidden; } #clients_navigation ul li a.opapmenu { background-position:-1223px -757px; } #clients_navigation ul li a.opapmenu:hover { background-position:-1223px -799px; } #clients_navigation ul li a.opapmenu.selected { background-position:-1225px -857px; } #clients_navigation ul li a.jokermenu { background-position:10px -751px; } #clients_navigation ul li a.jokermenu:hover { background-position:10px -799px; } #clients_navigation ul li a.jokermenu.selected { background-position:0 -857px; } #clients_navigation ul li a.lottomenu { background-position:-95px -752px; } #clients_navigation ul li a.lottomenu:hover { background-position:-95px -800px; } #clients_navigation ul li a.lottomenu.selected { background-position:-104px -858px; } #clients_navigation ul li a.extra5menu { background-position:-199px -750px; } #clients_navigation ul li a.extra5menu:hover { background-position:-199px -800px; } #clients_navigation ul li a.extra5menu.selected { background-position:-211px -858px; } #clients_navigation ul li a.super3menu { background-position:-306px -754px; } #clients_navigation ul li a.super3menu:hover { background-position:-306px -798px; } #clients_navigation ul li a.super3menu.selected { background-position:-315px -858px } #clients_navigation ul li a.protomenu { background-position:-412px -752px; } #clients_navigation ul li a.protomenu:hover { background-position:-413px -798px; } #clients_navigation ul li a.protomenu.selected { background-position:-422px -858px; } #clients_navigation ul li a.propogoalmenu { background-position:-515px -748px; } #clients_navigation ul li a.propogoalmenu:hover { background-position:-515px -796px; } #clients_navigation ul li a.propogoalmenu.selected { background-position:-526px -857px; } #clients_navigation ul li a.stoiximamenu { background-position:-625px -748px; } #clients_navigation ul li a.stoiximamenu:hover { background-position:-625px -796px; } #clients_navigation ul li a.stoiximamenu.selected { background-position:-632px -858px; } #clients_navigation ul li a.propomenu { background-position:-717px -754px; } #clients_navigation ul li a.propomenu:hover { background-position:-717px -797px; } #clients_navigation ul li a.propomenu.selected { background-position:-728px -858px; } #clients_navigation ul li a.kinomenu { background-position:-813px -758px; } #clients_navigation ul li a.kinomenu:hover { background-position:-813px -800px; } #clients_navigation ul li a.kinomenu.selected { background-position:-827px -858px; } #clients_navigation ul li a.recesmenu { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/tab_races_hover.png) no-repeat scroll center center transparent; } #clients_navigation ul li a.recesmenu:hover { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/tab_races_default.png) no-repeat scroll center center transparent; } #clients_navigation ul li a.recesmenu.selected { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/tab_races_selected.png) no-repeat scroll 0 0 transparent; } #clients_navigation ul li a.goluckymenu { background-position:-1014px -754px; } #clients_navigation ul li a.goluckymenu:hover { background-position:-1014px -797px; } #clients_navigation ul li a.goluckymenu.selected { background-position:-1027px -858px; } #clients_navigation ul li a { outline:none; } /* CLIENTS */ div.nm-project-outer { height: 300px; position: relative; } div.client { display: none;height: 300px;position: absolute;width: 100%; } div.client-bg-image { background-position: center top; background-repeat: no-repeat; height: 300px; left: 0; position: absolute; top: 0; width: 100%; } div.client-inner, div.client-desc-container { height: 300px; margin: 0 auto; position: relative; width: 945px; z-index: 11; } div.client-desc-container { overflow: hidden; } div.client-desc { left: 0; position: absolute; top: 38px; width: 380px; } div.client-desc { color:#fff; } div.client-desc h3 { font-size:14px;font-weight:bold;margin:10px 0; } div.client-desc p { font-size:12px;line-height:14px;width:242px; font-weight:bold;} div.client-module { height:201px;width:277px;padding:13px;position:absolute;right:7px;top:32px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -1px -1074px no-repeat; } div.client-module a{text-decoration:none;} div.client-module h3 { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -369px -1069px no-repeat;text-align:center;font-weight:normal; } div.client-module h3 span { display:inline-block;font-size:18px;font-weight:bold;color:#000; } div.client-module .innerbox { width:276px;height:92px;margin:10px 0 8px 3px; } div.client-module > a { display:block;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -459px -380px no-repeat;width:274px;height:36px;line-height:36px;text-align:center;color:#fff;font-size:18px;font-weight:bold; } /* OPAP */ div.clientopap.client div.client-bg-image { background-image: url(http://media.opap.gr/opap-home-slides-portlet/html/images/home-banner-counter-el.jpg);} div.clientopap.client div.client-bg-image-en { background-image: url(http://media.opap.gr/opap-home-slides-portlet/html/images/home-banner-counter-en.jpg);} div.client-opap .thelogo { width:160px;height:60px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -604px -1509px no-repeat; } div.client-module .cln11 { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -367px -1100px no-repeat; } #client11 p { font-size:26px;font-weight:bold;color:#fff;margin-top:17px;line-height:30px; } #client11 div { font-size:19px;font-weight:bold;color:#fff;margin:10px 0; } #client11 div.sml { font-size:13px;margin-bottom:35px; } /* JOKER */ div.clientjoker.client div.client-bg-image { background-image: url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/opap_home_img_1.jpg); } div.client-joker .thelogo { width:149px;height:57px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -1px -1363px no-repeat; } div.client-module .cln1 { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -367px -1100px no-repeat; } #cln1-cntdown .countdown_label { color:#2b9ab5;font-weight:bold; } /* LOTTO */ div.clientlotto.client div.client-bg-image { background-image: url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/lotto.jpg); } div.client-lotto .thelogo { width:149px;height:57px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -1px -1435px no-repeat; } div.client-lotto h3, div.client-lotto p { color:#3d3d3d; } div.client-module .cln2 { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -367px -1192px no-repeat; } #cln2-cntdown .countdown_label { color:#736705;font-weight:bold; } /* EXTRA 5 */ div.clientextra5.client div.client-bg-image { background-image: url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/extra5.jpg); } div.client-extra5 .thelogo { width:171px;height:66px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0px -1512px no-repeat; } div.client-extra5 h3, div.client-extra5 p { color:#3d3d3d; } div.client-module .cln3 { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -643px -1100px no-repeat; } #cln3-cntdown .countdown_label { color:#35bbcd;font-weight:bold; } /* SUPER 3 */ div.clientsuper3.client div.client-bg-image { background-image: url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/super3.jpg); } div.client-super3 .thelogo { width:145px;height:66px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -210px -1356px no-repeat; } div.client-super3 h3, div.client-super3 p { color:#fff; } div.client-module .cln4 { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -643px -1192px no-repeat; } #cln4-cntdown .countdown_label { color:#fff; font-weight:bold;} /* PROTO */ div.clientproto.client div.client-bg-image { background-image: url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/proto.jpg); } div.clientproto-en.client div.client-bg-image { background-image: url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/proto-en.jpg); } div.client-proto .thelogo { width:171px;height:66px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -211px -1434px no-repeat; } div.client-proto h3, div.client-proto p { color:#fff; } div.client-module .cln5 { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -919px -1100px no-repeat; } #cln5-cntdown .countdown_label { color:#7391d5;font-weight:bold; } /* PROPOGOAL */ div.client-propogoal{ left:-25px; } div.clientpropogoal.client div.client-bg-image { background-image: url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/propogoal.jpg); } div.client-propogoal .thelogo { width:183px; height:61px; margin-top:145px; background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/propogoal-logo-slides.png) 0 0 no-repeat; } div.client-propogoal h3, div.client-propogoal p { color:#fff; } div #client6{ background:none; } #client6 div.propogoalimg_en{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/clients/slogan_en.png") no-repeat scroll 0 0 transparent; height: 74px; width: 255px; margin-left:54px; margin-top:48px; } #client6 div.propogoalimg{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/clients/slogan_gr.png") no-repeat scroll 0 0 transparent; height: 74px; width: 255px; margin-left:70px; margin-top:48px; } #client6 > a {margin: 25px 0 0 54px;} div #client6 span { font-size:15px; } div.client-module .cln6 { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -919px -1192px no-repeat; } #cln6-cntdown .countdown_label { color:#93de2c; font-weight:bold;font-size:11px;} #client6 > a{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/clients/btn_see.png") no-repeat scroll 0 0 transparent; bottom: 9px; font-size: 14px; font-weight: bold; height: 65px; line-height: 74px; position: relative; width: 246px !important; } /* STOIXIMA */ div.clientstoixima.client div.client-bg-image{ background-image: url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/bet-home3-el.png); } div.clientstoixima.client div.bg-pamestoixima-en { background-image: url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/bet-home3-en.png); } div.client-stoixima{margin-top:30px;} div.client-stoixima .thelogo { width:171px;height:44px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -390px -1367px no-repeat; } div.client-stoixima h3, div.client-stoixima p { color:#fff; } .bet-home, .bet-home_en{ background:none!important; right: -34px !important; } .bet-home h3{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/btns_right_PREVIEW_new.png") no-repeat scroll 13px -5px transparent!important; height: 44px; top:-20px !important; position: relative; } .bet-home_en h3{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/btns_right_PREVIEW_new_en.png") no-repeat scroll 13px -5px transparent!important; height: 44px; top:-20px !important; position: relative; } .bet-home h3 span{ color: #FFFFFF!important; position: relative; top: 10px; } .football-menu{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/btns_right_PREVIEW_new.png") no-repeat scroll 8px -50px transparent!important; } .football-menu-en{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/btns_right_PREVIEW_new_en.png") no-repeat scroll 8px -50px transparent!important; } .football-menu,.football-menu-en, .baseball-menu,.baseball-menu-en, .basket-menu,.basket-menu-en, .icehockey-menu,.icehockey-menu-en, .special-menu,.special-menu-en, .live-menu,.live-menu-en{ height: 39px!important; width: 244px!important; } .basket-menu{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/btns_right_PREVIEW_new.png") no-repeat scroll 8px -91px transparent!important; } .basket-menu-en{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/btns_right_PREVIEW_new_en.png") no-repeat scroll 8px -91px transparent!important; } .baseball-menu{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/btns_right_PREVIEW_new.png") no-repeat scroll 8px -170px transparent!important; } .baseball-menu-en{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/btns_right_PREVIEW_new_en.png") no-repeat scroll 8px -130px transparent!important; } /*.icehockey-menu{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/btns_right_PREVIEW_new.png") no-repeat scroll 8px -130px transparent!important; } .icehockey-menu-en{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/btns_right_PREVIEW_new_en.png") no-repeat scroll 8px -170px transparent!important; }*/ .american-football-menu{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/btns_right_PREVIEW_new.png") no-repeat scroll 8px -133px transparent!important; } .american-football-menu-en{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/btns_right_PREVIEW_new_en.png") no-repeat scroll 8px -133px transparent!important; } .special-menu{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/btns_right_PREVIEW_new.png") no-repeat scroll 8px -171px transparent!important; } .special-menu-en{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/btns_right_PREVIEW_new_en.png") no-repeat scroll 8px -171px transparent!important; } .live-menu{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/slide-show-live/btns_right_PREVIEW_new.png") no-repeat scroll 8px -248px transparent!important; } .live-menu-en{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/slide-show-live/btns_right_PREVIEW_new_en.png") no-repeat scroll 8px -248px transparent!important; } div.client-module .innerbox.cln7 { margin-left:6px; position: relative; top: -35px; } div.client-module .cln7 ul { margin-left:0px;list-style:none; } div.client-module .cln7 ul li { margin:2px 0; } div.client-module .cln7 ul li a { display:block;width:267px;height:35px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -459px -319px no-repeat; } div.client-module .cln7 ul li a span { display:block;height:35px;line-height:35px;padding:0 0 0 40px;font-size:14px;color:#34650a;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -1060px -321px no-repeat; } div.client-module .cln7 ul li a:hover span { color:#59ae13; } div.client-module .cln7 ul li span.stoixima_basket { background-position:-1060px -354px; } div.client-module .cln7 ul li span.stoixima_special { background-position:-1060px -389px; } div.client-module .cln7 ul li span.stoixima_baseball { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/baseball.png) 5% center no-repeat;} div.client-module .cln7 ul li span.stoixima_hockey { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/hockey.png) 5% center no-repeat;} /* PROPO */ div.clientpropo.client div.client-bg-image { background-image: url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/propo_bg2000x300.jpg); } div.client-propo .thelogo { width:171px;height:56px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -399px -1439px no-repeat; } div.client-propo h3, div.client-propo p { color:#fff; } .client-propo{margin-top: -40px;} div.client-module.cln8 h3 span { color: #FFFFFF; font-size: 14px; position: relative; top: 8px; } div.client-module.cln8 h3 { background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/clients/buttonsPropo_right_PREVIEW.png") no-repeat scroll 40px 0 transparent !important; height: 40px; } .cln8{ background:none!important; right: -34px!important; margin-top:65px; } div.client-module .cln8{ margin-left:33px!important; } .propo_saturday{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/clients/buttonsPropo_right_PREVIEW.png") no-repeat scroll 8px -49px transparent!important; } .propo_saturday_en{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/clients/buttonsPropo_right_en_PREVIEW.png") no-repeat scroll 8px -47px transparent!important; } .propo_sunday{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/clients/buttonsPropo_right_PREVIEW.png") no-repeat scroll 8px -86px transparent!important; } .propo_sunday_en{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/clients/buttonsPropo_right_en_PREVIEW.png") no-repeat scroll 8px -84px transparent!important; } .propo_wednesday{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/clients/buttonsPropo_right_PREVIEW.png") no-repeat scroll 8px -122px transparent!important; } .propo_wednesday_en{ background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/clients/buttonsPropo_right_en_PREVIEW.png") no-repeat scroll 8px -121px transparent!important; } .propo_saturday,.propo_saturday_en, .propo_sunday,.propo_sunday_en, .propo_wednesday,.propo_wednesday_en{ height: 35px !important; width: 205px !important; } div.client-module.cln8 ul {margin-left:0px;list-style:none; } div.client-module.cln8 ul li a { display:block;} /* KINO */ div.clientkino.client div.client-bg-image { background-image: url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/kino.jpg); } div.client-kino .thelogo { width:171px;height:66px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -400px -1507px no-repeat; } div.client-kino h3, div.client-kino p { color:#fff; } .kino_graphics { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -396px -120px no-repeat;width:100%;height:145px;margin:0 0 12px 12px; } .kino_graphics_en{ background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/kino_image_en.png) no-repeat;width:100%;height:145px;margin:0 0 12px 12px; } /* RACES */ div.clientraces.client div.client-bg-image { background-image: url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/races.jpg); } div.client-races .thelogo { width:198px; height:86px; margin-left: 50px; margin-top:20px; background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/monitor_logo.png) 0 0 no-repeat; } div.client-races h3, div.client-races p { color:#fff; } .space { height:157px; } .race_graphics { height:170px;margin-top:10px; } .cln10{background:none!important;} /* GO LUCKY */ div.clientgolucky.client div.client-bg-image { background-image: url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/golucky.jpg); } div.client-golucky .thelogo { width:176px;height:50px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -601px -1437px no-repeat; } div.client-golucky h3, div.client-golucky p { color:#fff; } .golucky_graphics { height:200px;margin-top:10px;width:300px; } .cln12{background:none!important;} /* MODULES */ #modules { height:412px;background:#f3f3f3;overflow:hidden;padding-top:20px; } #modules .module { float:left;margin:0 0 0 10px;background:#fff; } #modules .module:first-child { margin:0; } #modules .module.leftmodule div.moduleheading { background:#F3F3F3 url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -201px no-repeat;width:344px;height:34px;padding-top:4px; } #modules .module.leftmodule div.modulefooter { background:#F3F3F3 url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -206px no-repeat;width:344px;height:4px; } #modules .module.centermodule div.moduleheading { background:#F3F3F3 url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -453px no-repeat;width:287px;height:34px;padding-top:4px; } #modules .module.centermodule div.modulefooter { background:#F3F3F3 url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -458px no-repeat;width:287px;height:4px; } #modules .module.rightmodule div.moduleheading { background:#F3F3F3 url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -453px no-repeat;width:310px;height:34px;padding-top:4px; } #modules .module.rightmodule div.modulefooter { background:#F3F3F3 url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -458px no-repeat;width:310px;height:4px; } #modules .module div.moduletitle { font-size:14px;font-weight:bold;color:#fff;background:#80b94e;padding-left:19px;height:34px;line-height:34px;position:relative; } #modules .module div.tabspagination { position:absolute;right:15px;top:0;display:inline; } #modules .module div.modulebody { padding:5px;border:1px solid #e3e3e3;border-top:none;border-bottom:none;height:310px; } #modules .module.centermodule .ratebutton { margin-top:10px; } #modules .greenbutton { text-align:center;color:#fff;font-size:14px;font-weight:bold;width:161px;height:33px;line-height:33px;margin:0 auto;display:block;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -130px -258px no-repeat; } /* LEFT MODULE */ #modules .module.leftmodule .panes .circle { display:inline-block;width:27px;height:35px;line-height:29px;text-align:center;font-weight:bold;font-size:12px;color:#fff;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -229px -320px no-repeat; } #modules .module.leftmodule .panes .circle.dark { background-position:-281px -320px; } #modules .module.leftmodule .panes .addimg { display:inline-block;width:11px;height:35px;line-height:29px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -330px -320px no-repeat; } #modules .module.leftmodule .panes .addimg > span {visibility:hidden;} /* CENTER MODULE */ #modules .module.centermodule { display:none; } #modules .module.centermodule div.modulebody { width:275px;position:relative; } #modules .module.centermodule .pamestoiximalogo { display:inline-block;margin-top:18px;height:17px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -222px -398px no-repeat; } #stoixima { overflow:hidden;margin:9px auto;width:230px; } #stoixima .scroll > * { float:left; } #stoixima .scroll a.scrollleft { display:block;width:18px;height:37px;line-height:37px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -565px no-repeat; } #stoixima .scroll div.scrollbody { width:194px;height:37px;line-height:37px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -611px no-repeat; } #stoixima .scroll a.scrollright { display:block;width:18px;height:37px;line-height:37px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -18px -565px no-repeat; } #modules .module.centermodule .pamestoiximatitle { border-bottom:1px solid #d2d2d2;margin:15px auto;padding-bottom:5px;width:248px; } #modules .rates { width:213px;margin:0 auto;overflow:hidden; } #modules .rates > div { float:left;width:57px;height:35px;line-height:35px;margin:0 7px; } #modules .rates .ratestitle { font-size:14px;font-weight:bold;color:#73b147; } #modules .rates .ratesvalue { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -362px -318px no-repeat; } /* TABS ul.tabs { list-style:none;margin:0 !important;padding:0;border-bottom:1px solid #d4d4d4;height:33px; } ul.tabs li { float:left;text-indent:0;padding:0;margin:0 0 0 2px !important;list-style-image:none !important; } ul.tabs li:first-child { margin:0 !important; } /* link inside the tab. uses a background image ul.tabs a { background: url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) no-repeat 0 -346px;font-size:11px;display:block;height:33px;line-height:33px;width:80px;text-align:center;text-decoration:none;color:#333;padding:0px;margin:0px;position:relative;top:1px; } ul.tabs a:active { outline:none; } ul.tabs a span > span { display:none; } /* when mouse enters the tab move the background image ul.tabs a:hover { background-position: 0 -313px; } /* active tab uses a class name "current". its highlight is also done by moving the background image. ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position:0 -379px;cursor:default !important;color:#000 !important; } div.panes { border:1px solid #d4d4d4;border-top:none;height:247px;padding:14px 17px; } ul.tabs a span.tabimg { display:inline-block;width:48px;height:18px;margin:8px 0 0 0;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -131px -321px no-repeat;cursor:pointer;cursor:hand; } ul.tabs a span.lotto { background-position:-131px -321px;width:48px;height:18px; } ul.tabs a span.joker { background-position:-131px -345px;width:48px;height:18px; } ul.tabs a span.kino { background-position:-131px -371px;width:36px;height:17px; } ul.tabs a span.xtr5 { background-position:-131px -394px;width:50px;height:17px; }*/ /* TAB CONTENT */ .panes { position:relative; } .panes .tabcontentheading { text-align:center;font-style:italic;color:#555555;font-size:11px; } /* jQuery Countdown styles 1.5.8. */ .hasCountdown { padding-top:25px;height:67px; } .countdown_rtl { direction: rtl; } .countdown_holding span { background-color: #ccc; } .countdown_row { clear: both; width: 100%; padding: 0px 2px; text-align: center; } .countdown_show .countdown_section { width: 98%; } .countdown_show2 .countdown_section { width: 48%; } .countdown_show3 .countdown_section { width: 32.9%; } .countdown_show4 .countdown_section { width: 24.6%; } .countdown_show5 .countdown_section { width: 19.5%; } .countdown_show6 .countdown_section { width: 16.25%; } .countdown_show7 .countdown_section { width: 14%; } .countdown_section { display: block; float: left; font-size: 75%; text-align: center; } .countdown_amount { font-size: 22px;color:#515151;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) -362px -378px repeat-x;width:57px;height:42px;line-height:42px;display:inline-block; } .countdown_descr { display: block; width: 100%; } .countdown_label { display:block;font-size:11px;padding-top:5px; } .countdown_money { margin:0 0 8px 15px;font-size:12px;color:#000;line-height:1.3em; } .countdown_money span { font-size:16px;font-weight:bold; } /* FOOTER */ #footer { } #footer .footerthinline { background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png) 0 -521px repeat-x;height:7px; } #footer .footermodules { overflow:hidden;margin:10px 0 0 0; } #footer .module { float:left;height:117px; } #footer .module h3 { font-size:13px;font-weight:bold;color:#424242;margin-bottom:8px; } #footer .module.leftfooter { overflow:hidden;width:357px;border-right:1px dotted;margin-right:27px; } #footer .module.leftfooter > div { float:left;width:100px;height:25px;line-height:25px;font-size:11px; } #footer .module.centerfooter { overflow:hidden;width:268px;border-right:1px dotted;margin-right:27px; } #footer .module.centerfooter > div { float:left;width:134px;height:25px;line-height:25px;font-size:11px; } #footer .module.rightfooter { overflow:hidden;width:256px; } #footer .module.rightfooter > div { float:left;width:240px;height:25px;line-height:25px;font-size:11px; } #footer .footerlastline { height:29px;line-height:29px;background:#3f3f3f;margin-top:14px;overflow:hidden;font-size:11px; } #footer .copyrights { float:left; } #footer .createdby { float:right;color:#fff; } #footer .createdby a { color:#7d7d7d; } .center ul{ margin:0px; } .center ul li a{ text-decoration:none; } .bet-image{ background: url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/bet-image.png) no-repeat transparent; } .opap_graphics { background: url("http://media.opap.gr/opap-home-slides-portlet/html/images/OPAP_sprites_2.png") no-repeat scroll -379px -1622px transparent; height: 229px; } div.client-module-bet { height:201px;width:277px;padding:13px;position:absolute;right:7px;top:32px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/bet-image.png) no-repeat; } div.client-module-races { height:201px;width:277px;padding:13px;position:absolute;right:7px;top:32px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/races-image.png) no-repeat; } div.client-module-propo { height:201px;width:277px;padding:13px;position:absolute;right:7px;top:32px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/propo-image.png) no-repeat; } div.client-module-kino { height:201px;width:277px;padding:13px;position:absolute;right:7px;top:32px;background:url(http://media.opap.gr/opap-home-slides-portlet/html/images/clients/kino-image.png) no-repeat; } a.monitorgames_link { height: 75px; left: 47px; position: absolute; top: 186px; width: 193px; z-index: 100; } a.golucky_link { height: 75px; left: 347px; position: absolute; top: 182px; width: 205px; z-index: 100; } a.monitorgames_link > span { display: none; } a.golucky_link > span { display: none; } /*************Counter**********************/ .carousel-caption { left: 34px; bottom: 30px; background: none; width: 50%; font-size: 40px; color: #fff; text-shadow: 1px 1px 1px #000; text-align: left; font-weight: 700 } .carousel-caption.caption-bottom{ right: 40px; bottom: 20px; /*background: #e8e5e0;*/ width: 300px; color: #fff; position:relative; text-align: left; font-size: 19px; text-shadow: none; padding: 12px; height:17%; left: 63.5%; top:70% } .carousel-caption.caption-bottom span { line-height: 14px; color: #676564; font-weight: normal; font-size: 14px; } .carousel-caption.caption-bottom .counter, .counter { /*margin-right: 18px;*/ margin-bottom:5px;} .carousel-caption.caption-bottom .promo-wp { margin-top: 16px;} .promo-wp .promo-message{margin-right:20px; text-align:right;} .carousel-caption.caption-bottom span.strong { font-weight: 700; color: #333333; display: block; text-align:center; } .carousel-caption.caption-bottom .counter .t, .counter .t {margin-right: 10px;} .carousel-caption.caption-bottom .counter .box-c, .counter .box-c{ display: inline-block; margin-right: -2px; position: relative; /*background: url("../html/images/counter-bg.png") repeat-y center center #f3f3f3;*/ } .carousel-caption.caption-bottom .counter .box-c span, .counter .box-c span { color: #ffffff; line-height: 54px; /*padding: 0 7px;*/ font-size: 60px; font-weight: 700; text-shadow:5px 5px 0 #07262f; } .carousel-caption.caption-bottom .counter .box-c .line, .counter .box-c .line { position: absolute; width: 100%; height: 1px; background: #e6e4e0; top: 50%; } .pull-left{float:left;}