body{
padding:0; margin:0; color:#fff; font-family:Tahoma; font-size:12px;}        
a{text-decoration:none;}
img{border:0;border-style:none} 

#container {
width:960px;
margin:0 auto;
}

.header {width : 960px;height : 143px;}
.header .hleft {width : 394px;height : 143px;float:left;}
.header .hright {width : 566px;height : 143px;float:right;}
.header .hright .date {width : 566px;height : 40px; text-align : center; padding-top : 10px; background : transparent url(../images/bg_date.png) top center no-repeat;}
.header .hright .login {vertical-align: top; width : 566px;height : 30px;margin-top : 8px;padding-left : 48px;}
.header .hright .daftar {width : 566px;height : 30px;margin-top : 20px;}

.topmenu { width : 960px;height: 43px;font-size: 17px;}
.topmenu a,a:link,a:visited {color : #0a3a63;}
.topmenu a:hover {color : #dec50d;}

.topmenu  .menu1 {float : left;width : 120px; padding-left: 45px; margin-top : 13px;}
.topmenu  .menu2 {float : left;width : 110px; padding-left: 45px; margin-top : 13px;}
.topmenu  .menu3 {float : left;width : 170px; padding-left: 45px; margin-top : 13px;}
.topmenu  .menu4 {float : left;width : 110px; padding-left: 45px; margin-top : 13px;}
.topmenu  .menu5 {float : left;width : 120px; padding-left: 40px; margin-top : 13px;}
.topmenu  .menu6 {float : left;width : 155px; padding-left: 40px; margin-top : 13px;}
.topmenu  .menu7 {float : left;width : 70px; padding-left: 40px; margin-top : 13px;}



.toprunning {background : transparent url(../images/runningtext.png) top center no-repeat; width : 960px;height: 34px;color:#ffffff;}
.toprunning .marq {width : 800px;padding-right : 25px;padding-top : 10px; color:#fff; float: right;}

.slide {background : transparent; width : 960px;height: 355px; margin : 0 auto;}

/*slideshow */
* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;}
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
z-index: 1;
}

/* The dots/bullets/indicators */
.dot {
height: 13px;
width: 13px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.ldot {
left : 55%;	
margin-top : -30px;
z-index: 10;
position: absolute;
}

.active {
background-color: #717171;
}


/* Slideshow container */
.banner-container {
max-width: 300px;
position: relative;
margin: auto;
z-index: 1;
}

/* The dots/bullets/indicators */
.bot {
height: 13px;
width: 13px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.bdot {
left : 21%;	
margin-top : -22px;
z-index: 10;
position: absolute;
}


/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}

@-webkit-keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}

@keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}


/*contact support */
.slide .contact {width : 265px;height: 355px;background : transparent url(../images/contact.png) top center no-repeat;float : left;font-size : 20px;font-family : 'Arial';}
.slide .contact a,a:link {color : #fff;}
.slide .contact a:hover {color : #3eb5fd;}
.slide .contact .bbm {margin-left : 110px;margin-top : 72px;}
.slide .contact .line {margin-left : 110px;margin-top : 52px;}
.slide .contact .wa {margin-left : 110px;margin-top : 50px;}
.slide .contact .chat {margin-left : 110px;margin-top : 50px;} 

/* slide show */
.slide .slides {width : 690px;height: 355px;background : transparent;float : left; margin-left: 4px;}
.logo {float : left; margin-top : 30px;margin-left : 0px;}


.Error{font-family: Tahoma, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: red;}     
.btnLogin{background:url(../images/login.png) no-repeat; text-transform:uppercase; font-weight:bold; color:#fff; display:block !important; cursor:pointer; border:0}
.btnLogin:hover{background-image:url(../images/login.png); background-position:0px -30px}
.btnLogin a{color:#fff}

/* <Marquee> */
td.time{text-align:center;}
#timecontainer{font-family:Arial; font-size:17px; font-weight:normal; padding-right : 0px;}
.toto {
	background : transparent url(../images/totodraw.png) top center no-repeat;
	width : 960px;
	height : 87px;
}
.toto .col1 {width : 160px;margin-top : 53px;margin-left : 15px;float : left;}
.toto .col2 {width : 160px;margin-top : 53px;margin-left : 0px;float : left;}
.toto .col3 {width : 160px;margin-top : 53px;margin-left : 0px;float : left;}
.toto .col4 {width : 160px;margin-top : 53px;margin-left : 0px;float : left;}
.toto .col5 {width : 160px;margin-top : 53px;margin-left : 0px;float : left;}
.toto .col6 {width : 140px;margin-top : 53px;margin-left : 0px;float : left;}

.sportbook {
	background : #0a4d83;
	width : 960px;
	height : 266px;
}
.sportbook .banner {
	float : left;
	margin-top : 7px;
	margin-left : 7px;
	width : 300px;
	height : 252px;
}

.sportbook .imagelink {
	float : right;
	margin-top : 7px;
	margin-right : 7px;
	width : 638px;
	height : 252px;
}

/* footer */
.bgfooter {
margin-top:20px;
margin-bottom:-46px;
color:#fff;
background:url(../images/bg_footer.png?v=2) no-repeat center top;
min-height:101px;
}

.copyright {
color:#fff; font-family:Tahoma; font-size:12px;padding-left:20px;
padding-top:45px;
}

.footer {
padding-top:30px;
font-size:12px;
}

.footer a {
font-weight:normal;
color:#7eadec;
}

.footnav tr td {
padding:0 1em;
border-left:1px solid #7eadec;
}

.footnav tr td:first-child {
border-left:0;
}

.footnav tr td a {
color:#7eadec;
line-height:10px;
}

.footer_section {
width:701px;
height:31px;
background:url(../images/footer_section.png) no-repeat;
margin:20px auto 10px auto;
position:relative;
}

.footer_section .facebook, .footer_section .twitter {
position:absolute;
top:20px;
}

.footer_section .facebook {
left:351px;
}

.footer_section .twitter {
left:198px;
}


/* ------- slideshow banner -------- */
.fond{padding-top:0px;top:0;left:0; right:0;bottom:0;}


.contener_slideshow
{
  width:300px;
  height:252px;
  overflow: hidden;
  position: relative;
  /*background-image: url(img_diapo_fond.png);*/
}
.slid_1, .slid_2, .slid_3, .slid_4, .slid_4
{
  position: absolute;
  width:300px;
  height:252px;
}
.slid_1{left: 0;}
.slid_2{left: 610px;}
.slid_3{left: 1220px;}
.slid_4{left: 1830px;}
.slid_5{left: 2440px;}
.contener_slide
{
  width: 1220px;
  height: 211px;
  left:0px;
  position: absolute;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-name: anim_slide;
  -moz-animation-duration: 10s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-name: anim_slide;
  -ms-animation-duration: 10s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-name: anim_slide;
  animation-duration: 10s;
  animation-iteration-count:infinite;
  animation-name: anim_slide;
}
@-webkit-keyframes anim_slide 
{
  0% {left:0px;}32% {left:0px;}33% {left:-610px;}65% {left:-610px;}66% {left:-1220px;}100% {left:-1220px;}
}
@-moz-keyframes anim_slide 
{
  0% {left:0px;}32% {left:0px;}33% {left:-610px;}65% {left:-610px;}66% {left:-1220px;}100% {left:-1220px;}
}
@-ms-keyframes anim_slide 
{
  0% {left:0px;}32% {left:0px;}33% {left:-610px;}65% {left:-610px;}66% {left:-1220px;}100% {left:-1220px;}
}
@keyframes anim_slide 
{
  0% {left:0px;}32% {left:0px;}33% {left:-610px;}65% {left:-610px;}66% {left:-1220px;}100% {left:-1220px;}
}