/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
body{
    font-family: Arial, sans-serif;
}

#header, #footer{
    margin: 0 auto 0 auto;
    width: 100%;
}
#contentContainer{
    margin: 0 auto 10px auto;
    min-width:320px;
    display:table;
    width:100%;
}
/* HEADER */
#headerContainer{
        background-color:#459b3d;
}
#header{
    text-align: center;
    height:54px;
}
.logo{
    display:inline-block;
    line-height: 54px;
}
.logo img{
    vertical-align: middle;
}

/* ICON MENUS */
#menu {
    width: 100%;
    margin: 15px 10px 15px 0;
    display:table;
}
.menuGroup{
    font-size: 0.8rem;
    margin: 10px 0 5px 10px;
    color: #666;
    font-weight: bold;
}
#lm-ul,.lm-ul {
    padding:0 10px 15px 10px;
    margin: 0;
    width:100%;
}
.lm-ul.last{
    margin-bottom: 67px;
    background-color:#fdfdfd;
}
.lm-li:hover .cat, .lm-li:hover img{
    opacity:0.6;
}
.lm-li:hover span, .lm-li:hover strong{
    color:#E98601;
}
.lm-li {
    list-style-type: none;
    margin: 0;
    padding: 8px 5px;
    display: inline-block;
    width: 47%;
    text-align: left;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    white-space: nowrap;
} 
.lm-li img{
    border-radius:4px;
    vertical-align: middle;
}
.lm-li a{
    line-height:0.9em;
    text-decoration: none;
    color: #333333;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;

}
.lm-li span, .lm-li strong{
    font-size: 0.9em;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    text-indent: 0.5em;
    font-weight: bold;
    color: #14639E;
}


/* MAIN CONTENT */

#mainContent{
    display: block;
    width:94%;
    min-width: 300px;
    margin: 0 3% 0 3%;
    vertical-align: top;
}
#mainContent h1{
    margin:0.3em 0 0 0;
    padding:0.3em 0;
    border-bottom:2px solid #2272B3;
}
#gameList{
    margin:0 auto;
    padding:0;
    list-style-type: none;
    max-width:730px;
}
#gameList h3{
    margin:12px 0;
    font-size:0.9em;
    
}
#gameList h3 a{
    padding:0 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#gameList a{
    color:#333333;
    display:block;
    text-decoration: none;
    
}
#gameList .li-img{
    display: inline-block;
    border-bottom: 0;
    height: 0;
    padding-bottom: 65%;
    width: 100%;
    overflow: hidden;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
#gameList img{
    display: inline-block;
    width: 100%;
    height: auto;
}
#gameList li{
    margin:5px 2%;
    display:inline-block;
    width:46%;
    text-align:center;
    padding-bottom:5px;
    border-radius:5px;
}

#gameList button{
    display:inline-block;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color:#54B733;
    width:100%;
    padding:8px 0;
    color:white;
    border:0;
    cursor: pointer;
}

/* GAME */
.gameimg{
    display:block;
    margin: 10px auto 0 auto;
}
#game{
    min-height:360px;
    background-color:#333333;
    width:100%;
}
#gameDescription h2{
    margin:0.3em 0 0 0;
    padding:0.3em 0;
    border-bottom:2px solid #2272B3;
}
#mobileon{
    border-radius: 5px;
    padding: 20px;
    background-color: #e6e9ea;
    text-align: center;
}
#mobileon .play{
    border-radius: 5px;
    color: #fff;
    background-color: #459b3d;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    text-decoration:none;
}
.seta-direita:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0; 

  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid white;
}
#overlay{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#333333;
    z-index:999;

}
#player{
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
}
#mobileoff{
    border-radius: 5px;
    padding: 20px;
    background-color:#e6e9ea;
}
/* PAGINATION */
#pagination {
    display: table;
    font-size: 17px;
    margin: 0 auto;
}
#pagination li {
    background-color: #2272B3;
    list-style: none outside none;
    display:inline-block;
    margin: 12px 6px;
    border-radius: 3px
}
#pagination li:hover{
    background-color: #54B733;
}
#pagination li a {
    color: white;
    display: block;
    padding: 10px 15px;
    text-decoration: none
}
#pagination li.active {
    background-color: #eeeeee;
}
#pagination li.active a {
    color: #7E7E7E;
    text-decoration: none
}
#pagination span {
    color: white;
    font-weight: 700
}

/* FOOTER */
#footerContainer{
    background-color:#555555;
}
.logobottom{
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: -12px;
}
#copyrights{
    width: 100%;
    color: white;
    line-height: 54px;
    font-size: 1em;
    text-align: center;
}