/* CSS Document */

/* ============================= */
/* ========= reset css ========= */
/* ============================= */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;  }

ol, ul {list-style:none;}

ul.contextHelp {height: 300px;overflow: scroll;overflow-x: hidden;}

blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}

:active {outline:0;}
* :active { outline: 0; }

:focus {outline:0;}
* :focus { outline: 0; }

ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width:0px; line-height:0px; font-size:0px;}
.clearRight { clear: right !important; }
.clear.contextHelp { height: 25px;}

.formclear { display: none; }

cite, em { font-style:normal;}

a { text-decoration:none; cursor:pointer; }

h1, h2, h3 { font-weight: 100;}

input[type="button"] { -webkit-appearance: none; }

.left { float:left; }
.right { float:right; }

/* LETTERS */
.uppercase { text-transform:uppercase; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.trebuchet { font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; }
.oswald { font-family: OswaldBook; }
.tsize38 { font-size: 38px; }
.tsize24 { font-size: 24px; }
.tsize22 { font-size: 22px; }
.tsize18 { font-size: 18px; }
.tsize16 { font-size: 16px; }
.tsize14 { font-size: 14px; }
.tsize13 { font-size: 13px; }
.tsize12 { font-size: 12px; }
.hidden { left: -9999px;position: absolute; }

/* COLORS */
.red { background-color: #ef3e45; color: white; }
.gray { background-color: #3f3f3f; color: #808080; }
.black { background-color: #262626; color: white; }
.white { background-color: #ffffff; color: #ef3e45; }

/* COLOR LETTERS */
.red-letters { color: #ef3e45; }
.gray-letters { color: #5b5b5b; }
.black-letters { color: #262626; }
.white-letters { color: #fff; }
.disabled-letters { color: #262626; opacity: 0.2; }

.borderGreen{border-top: 1px solid #96dd55 !important; border-bottom: 1px solid #96dd55 !important; background: none !important;}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {display:none;background:#e6f4dd;font-size:10px;padding:5px;color:#919191;	}

/* ============================= */
/* ========= container ========= */
/* ============================= */

body { background:#e9e9e9; font-family:Arial, Helvetica, sans-serif;}
.ie7 body { position: absolute; }


/* WRAPPER */
div.wrapper { width: 1211px; margin:auto; background:#F7F7F7; overflow: hidden; }
div.contentMain { margin: 10px 20px 20px 20px; overflow: hidden; font-family: OswaldBook; font-size: 100%; }

/* PLACARD LEFT MENU */
div.placardMenu { width: 211px; height: 100%; background-color: #262626; display: block; padding-bottom: 15px; }
div.placardMenu div { background-repeat: no-repeat; background-position: center center; width: 211px; height: 150px; }
div.placardMenu div.mItem { margin-top: 15px; background-color: #262626; }
div.placardMenu div.mLogo { height: 120px;  margin-top: 0px; }

div.placardMenu .mLogo.icon   { background-image: url("/html/images/placard/menu/logo_placard.png"); background-repeat: no-repeat; background-position: center bottom; width: 211px; height: 105px; display: block; }

div.placardMenu .mItem .mSchool.icon { background-image: url("/html/images/placard/menu/icon_escola_aposta.png"); }
div.placardMenu .mItem .mEvents.icon { background-image: url("/html/images/placard/menu/icon_eventos.png"); }
div.placardMenu .mItem .mStats.icon  { background-image: url("/html/images/placard/menu/icon_estatistica.png");}
div.placardMenu .mItem .mDeals.icon  { background-image: url("/html/images/placard/menu/icon_promocoes.png");}
div.placardMenu .mItem .mInfos.icon  { background-image: url("/html/images/placard/menu/icon_info.png"); }
div.placardMenu .mItem .mRegul.icon  { background-image: url("/html/images/placard/menu/icon_regulamento.png"); }
div.placardMenu .mItem .Jresp.icon   { background-image: url("/html/images/placard/menu/icon_jogoresp.png"); }

div.placardMenu .mItem .mSchool.icon.active { background-color: #262626; background-image: url("/html/images/placard/menu/icon_escola_aposta_active.png"); }
div.placardMenu .mItem .mEvents.icon.active { background-color: #262626; background-image: url("/html/images/placard/menu/icon_eventos_active.png"); }
div.placardMenu .mItem .mStats.icon.active  { background-color: #262626; background-image: url("/html/images/placard/menu/icon_estatistica_active.png"); }
div.placardMenu .mItem .mDeals.icon.active  { background-color: #262626; background-image: url("/html/images/placard/menu/icon_promocoes_active.png"); }
div.placardMenu .mItem .mInfos.icon.active  { background-color: #262626; background-image: url("/html/images/placard/menu/icon_info_active.png"); }
div.placardMenu .mItem .mRegul.icon.active  { background-color: #262626; background-image: url("/html/images/placard/menu/icon_regulamento_active.png"); }
div.placardMenu .mItem .Jresp.icon.active   { background-color: #262626; background-image: url("/html/images/placard/menu/icon_jogoresp_active.png"); }

div.placardMenu .mItem .mSchool.icon.selected { background-color: #EF3E45; background-image: url("/html/images/placard/menu/icon_escola_aposta_hover.png"); }
div.placardMenu .mItem .mEvents.icon.selected { background-color: #EF3E45; background-image: url("/html/images/placard/menu/icon_eventos_hover.png"); }
div.placardMenu .mItem .mStats.icon.selected  { background-color: #EF3E45; background-image: url("/html/images/placard/menu/icon_estatistica_hover.png"); }
div.placardMenu .mItem .mDeals.icon.selected  { background-color: #EF3E45; background-image: url("/html/images/placard/menu/icon_promocoes_hover.png"); }
div.placardMenu .mItem .mInfos.icon.selected  { background-color: #EF3E45; background-image: url("/html/images/placard/menu/icon_info_hover.png"); }
div.placardMenu .mItem .mRegul.icon.selected  { background-color: #EF3E45; background-image: url("/html/images/placard/menu/icon_regulamento_hover.png"); }
div.placardMenu .mItem .Jresp.icon.selected   { background-color: #EF3E45; background-image: url("/html/images/placard/menu/icon_jogoresp_hover.png"); }

div.placardMenu .mItem .mInfos.icon.selected .notif { display:none; }

div.placardMenu > div > div { position: absolute; } 
div.placardMenu > div > div:not(.mLogo) { float: left ; cursor: pointer; }

div.placardMenu div .icon div.notif { margin: 32px 0px 0px 114px; color: #FFFFFF; background-image: url("/html/images/placard/menu/notif_circle.png"); background-repeat: no-repeat; width: 25px; height: 25px; text-align: center; }
div.placardMenu div .icon div.notif.selected {  }

div.placardMenu div .list { margin-left: 211px; position: absolute; z-index: 999; background-color: #EF3E45; color: #f0b5b5; display: none; }
div.placardMenu div .list.selected { display: table; }
div.placardMenu div .list ul { display: table-cell; vertical-align: middle; cursor: default; }
div.placardMenu div .list ul li { margin-top: 8px; margin-bottom: 8px; font-size: 18px; }
div.placardMenu div .list ul li a { margin-left: 30px; color: #f0b5b5;  }
div.placardMenu div .list ul li a:hover { color: #FFFFFF; }

div.placardMenu div .mInfos.list { width: 500px; }
div.placardMenu div .list ul li div.info { width: 440px; height: 100%; margin-left: 30px; margin-top: 10px; }
div.placardMenu div .list ul li div.info div { width: 100%; height: 100%; margin: 0px 0px 0px 0px; font-family: 'OswaldBook';}
div.placardMenu div .list ul li div.info div.title { color: #262626  }
div.placardMenu div .list ul li div.info div.description { text-align: justify !important; font-size: 14px !important; font-family: Trebuchet Ms, Arial, Helvetica, sans-serif !important; }
div.placardMenu div .list ul li div.info div.date { font-size: 12px; margin-top: 10px; }


/* PLACARD RIGHT CONTENTS */
div.placardContents div.content a img { width: 320px; }

/* INIT FOOTER */
div.footer { overflow:hidden; clear: both; }
div.footer .top { position:relative; overflow:hidden;}

div.footer ul.contentTitle { overflow:hidden; margin-bottom:-3px; }
div.footer ul.contentTitle li { color:#484848; font-weight:700; font-size:14px; line-height:14px; width:22%; padding-top:7px; margin-bottom:0px; float:left; border:none;  background:#E9E9E9}
div.footer ul.contentTitle li div, .footer ul.contentTitle li span { display:inline-block; padding:6px 0 3px 20px;border-left:#c0c0c0 1px solid; margin-bottom:8px;}
div.footer ul.contentTitle li div, .footer ul.contentTitle li:first-child span { border-left: none; }

div.footer ul.contentTitle div.borderLeftGray {  background:#ffffff; padding-top:18px; border:none; margin-bottom:0px; padding:0px; width: 100%; }
div.footer ul.contentLinks { background:#ffffff;  border-left:1px solid #e9e9e9; margin-top:18px; margin-bottom:18px;  padding-left:20px; min-height:180px; }
div.footer ul.contentLinks li { font-size:12px;  padding:0px 0px 5px 20px; font-weight:400; line-height:14px; margin-top:0px; margin-bottom:0px; width: 95%; color:#484848; background:url(/html/images/icons/arrow-left.gif) no-repeat left 5px; padding-left:10px; display:inline-block; }
div.footer ul.contentLinks li a{ color:#68a52f;} 
div.footer ul.contentLinks li a:hover { text-decoration:underline;}

div.footer ul.contentTitle .bgLast { float:left; background:#ffffff; margin-bottom:0px; margin-top:-7px; width: 12%; }
div.footer ul.contentTitle .bgLast p { text-indent:-9999px; background:#e9e9e9; height:38px;}
div.footer ul.contentTitle .bgLast span { display:block; text-indent:-9999px; background:#ffffff; border-left:none;min-height:180px; padding:0px; margin-bottom:18px; margin-top:18px;}

div.footer a.rssButton { position:absolute; top:9px; right:20px; background: url(/html/images/icons/rss.gif) no-repeat left top; width:58px; height:20px; display:block; text-indent:-9999px;}
div.footer .bottom { overflow:hidden; background:#f7f7f7; padding-bottom:25px;}

div.contentLeft { float:left; padding-left:20px; padding-top:14px;}
div.contentLeft a.logoSantaCasa{ background: url(/html/images/logo-santa-casa.jpg) no-repeat left top; width:93px; height:48px; display:block; text-indent:-9999px; float:left; margin-right:11px; }
div.contentLeft span{ background: url(/html/images/icons/under-eighteen_01.png) no-repeat left top;  display:block; font-size:11px; color:#484848; display:block; float:left; padding-left:54px; padding-top:15px; padding-bottom:9px; height: 25px; }
div.contentLeft a.logoJogoResponsavel{ background: url(/html/images/icons/seloJR.png) no-repeat left top; width:100px; height:71px; display:block; text-indent:-9999px; float:left; margin-right:11px; margin-left: 11px; }

div.contentRight { float:right; padding-right:10px; padding-top:22px;}
div.contentRight ul {float:rigth; width:auto; overflow:hidden; padding-bottom:2px;float:right;}
div.contentRight ul li { font-size:11px; color:#787878; float:left; border-left:#898989 1px solid; line-height:11px; padding-left:8px; padding-right:8px;}
div.contentRight ul li:first-child { border-left:none; padding-left:0px;}
div.contentRight ul li a {color:#787878;}
div.contentRight ul li a:hover { text-decoration:underline;} 
div.contentRight span { color:#969696; font-size:11px; display:block; padding-top:8px; text-align:right; clear: right; }