@charset "utf-8";

/* CSS Document */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
body{margin-top:0px;margin-left:0px;
margin-right:0px;
margin-bottom:0px;
padding:0px;
font-family:Arial;
color:#333;
font-size:13px;
}

img {max-width:100%;height:auto;border:0px }
.wow  {margin-bottom:12px;width:100%}
.wow:hover {transform: scale(1.03,1.03);}
 
a, a:link, a:visited{text-decoration:none;color:#0039A6;}
a:hover{text-decoration:underline;color:#D52B1E;}
a.menu, a:visited.menu {display:block;font-size:14px;color:#fff;font-weight:bold;float:left;text-decoration:none;padding:14px 0px 14px 0px;background-color:#0039A6;width:50%;text-align:center;border:1px solid white}
a:hover.menu{background-color:#0039A6;text-decoration:underline;}
.top a:link, .top a:visited {
    color:#ccc;
}
a.buttons, a:visited.buttons {display:table;font-size:14px;font-weight:bold;float:left;text-decoration:none;padding:14px 0px 14px 0px;background-color:#DDE9FF;width:100%;text-align:center;margin-bottom:10px}
a:hover.buttons{background-color:#CADDFF;text-decoration:underline;color:#0039A6;}

a.bookies, a:visited.bookies {display:block;width:100%;padding:0px 16px 0px;16px;text-align:center;font-size:14px;color:#fff;font-weight:bold;margin-bottom:12px;line-height:1.2}
a:hover.bookies{background-color:#aaa;text-decoration:none;transform: scale(1.03,1.03);}

a.white, a:visited.white {color:#fff;}
a:hover.white{color:#E6F2FF}
table {border-collapse: collapse;}
   
.programa{font-weight:bold;font-size:14px}
.top {display:none;text-align:right;padding:0px 6px 16px 6px;color:#ccc}

.left {width:100%;display:block;line-height:1.5;padding-bottom:32px}
.right {display:100%;line-height:1.5}
.desklogo {display:none;float:left;width:26%;text-align:center;padding:0px 0px 0px 0px;}
.deskbanner {display:none;float:right;width:74%;}
.mlogo {display:table;float:left;width:100%;font-size:26px;color:#888;padding:0px 0px 0px 0px;text-align:center;}
.bar {clear:both;text-align:right;display:block;margin-bottom:20px;padding-top:20px;}

h1 {font-size:22px;}
h2 {font-size:20px;}
.hideonmobile {display:none}
#hideonmobile {display:none}
.showonmobile {display:block}

@media (min-width:700px)
{
.left {width:65%;float:left}
.right {width:35%;display:block;float:right;padding-left:16px}
.top {display:block}
.hideonmobile {display:block}
#hideonmobile {display:inline}
#showonmobile {display:none}
.showonmobile {display:none}
.mlogo {display:none}
a.menu, a:visited.menu {width:25%;border:0px solid white}
.desklogo {display:block}
.deskbanner {display:block}
}