html, body {
    font-family: Arial, sans-serif;
    background-color: #fafafa;
    font-size: 13pt;
    padding: 0;
    margin: 0;
}

a{color: #fe3b06}
.content, .header, .footer, .mTop { 
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.header, .footer, .mTop {
    width: 100%;
    /*max-width: 1220px;*/
    margin: 0 auto;
}

.content { background-color: #FFF;max-width: 1220px;padding: 15px 30px; line-height: 1.5;}
.content p { margin: 15px 0;}
.content a {color: #1a0dab; font-weight: normal;text-decoration: none;}
.content a:hover {text-decoration: underline}

.content img{max-width:500px;margin:0 auto;max-height: 500px;}
.content .left .list li { margin: 15px }
.content .left,.content .right {
    margin: 0;
    padding: 0;
}
.content .left {
    width: calc(100% - 280px);
    max-width: 870px;
    float: left;
    margin: 0;
}
.content .right {
    width: 250px;
    float: right;
}


.content h1 {font-size: 22pt;font-weight:400;white-space:nowrap;padding: 0;margin: 0}
.content h2 {font-size: 18pt;font-weight:400;margin: 40px 0 0 0}
.content h3 {
    font-size: 16pt;
    color: #fe3b06;
    border-bottom: #000 3px solid;
    padding: 5px 0 10px 0;
    margin: 0;
}

.content table .col2 {
    width: 150px;
}
.content table .col3 {
    width: 200px;
}
.content table tr:nth-child(even) {
    background-color: #e5e5e5;
}
.content .small-text{font-size:10pt}
/*      Header          */
.header {
    position: relative;
    background-color: #151515;
    overflow: hidden;
    border-bottom: #fe3b06 4px solid;
}

.header .logo {
    width: 200px;
    margin: 5px auto 10px
}

.header .top {
    width: 100%;display: none;
/*    max-width: 335px;
    position: absolute;
    top: 25px;
    right: 10px*/
}

.header .top .search {
    width: 100%;
    margin: 0 auto;
}

.header .top .search .inputext {
    width: 235px;
    border: 1px solid #8e8e8e;
    float: left;
    height: 18px;
    color: #333;
    background-color: #e3d1ea;
    margin: 2px 0 0;
    padding: 5px
}

.header .top .search .gsc-search-button {}
.header .top .search .gsc-search-button button {
    display: block;
    background: 0 0;
    height: 26px;
    width: 40px;
    color: #FFF;
    float: right;
    cursor: pointer;
    padding: 6px 0;
    border:#FFF 1px solid;
}

.header #menu-toggle {
    height: 40px;
    cursor: pointer;
    display: none;
    float: left;
    color: #FFF;
    text-align: center;
    padding: 6px;
    text-decoration: none;
}

/*
*   Menu Top
*/

.mTop {background-color: #e5e5e5;border-bottom: #ccc 1px solid;}

#navigation{
    display: block
}

#navigation #main-menu {
    padding: 0;margin: 0;text-align: center;font-size: 12pt;
}
#navigation #main-menu ul li.active,
#navigation ul li:hover, #navigation .icon:hover {
    background-color: #fe3b06;
}

#navigation #main-menu li a:hover {color:#FFF;}
    
#navigation #main-menu li {
    display: inline-block
}

#navigation #main-menu li a {
    display: block;
    text-decoration: none;
    color: #333;
    border-right: #c7c4c4 1px solid;
    padding: 10px 15px
}

#navigation #main-menu li:last-child a {
    border-right: 0
}




/*
Vertical Menu
*/
.verticalMenu {
    display: block;
    width: 100%;
    /*margin: 20px 0 0;*/
    padding: 0
}

.verticalMenu ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0
}

.verticalMenu li {
    margin: 0;
}

.verticalMenu li a {
    color: #333;
    display: block;
    padding: 7px 0 7px 20px;
    border-bottom: #CCC 1px dotted;
    text-decoration: none;
}

.verticalMenu li a:hover {
    background-color: #f5f5f5;
    text-decoration: underline;
    text-decoration-color:#fe3b06;
}



.recom-h {
    margin: 20px auto;
    max-width: 858px;
}
.recom-h ul {list-style: none; padding: 0;margin: 0}
.recom-h li {}
.recom-h .info { height: 80px;overflow: hidden;text-align: center;}
.recom-h .info a{
    font-size: 12pt;
    color: #333;
    display: block;
    padding: 5px 0;
}



.recom-v {
    margin: 0 0 10px 0
}

.recom-v ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0
}

.recom-v ul li {
    margin: 0;
    white-space:nowrap;
    overflow: hidden;
}

.recom-v ul li a {
    color: #333;
    display: block;
    padding: 7px 0 7px 20px;
    border-bottom: #CCC 1px dotted;
    text-decoration: none;
}

.recom-v ul li a:hover {
    background-color: #f5f5f5;
    text-decoration: underline;
    text-decoration-color:#fe3b06;
}






/*
rodapé
*/
.footer {
    background-color: #151515;
    border-top: #fe3b06 5px solid;
    
    display: block;
    overflow: hidden;
}

.footer .row {width: 33%; float: left;margin: 20px 0 20px 20px}
.footer h3 {
    color: #fff;
    border: 0;
    font-weight: 700;
    font-size: 10pt;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}


.footer .info {
    font-size: 11pt;
    border-top: #ccc 1px solid;
    text-align: center;
    color: #FFF;
    padding: 10px 0
}

.footer .info {
    margin: 0 auto
}

.footer .info a {
    color: #fff;
    text-decoration: none
}



.footer .baseMenu {
    display: block;
    width: 100%;
    margin: 20px auto;
    padding: 0;
    text-align: center;
}

.footer .baseMenu ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0
}

.footer .baseMenu li {
    margin: 0;
    display: inline-block;
    margin-right: 20px;
}
.footer .baseMenu li:nth-last-child {margin-right: 0;}

.footer .baseMenu li a {
    color: #fff;
    display: block;
    padding: 7px 0 7px 20px;
    text-decoration: none;
}

.footer .baseMenu li a:hover {
    text-decoration: underline;
    text-decoration-color:#fe3b06;
}

.contactos{margin: 30px 0;}
.contactos ul {margin: 0;padding: 0;list-style: none}
.contactos ul li {margin: 10px 0}






/* 
Formulário 

*/
input, textarea, select {background-color: #e7f0f9;border: 1px solid #CCC;}
input[type=checkbox], input[type=radio] {cursor: pointer;background: 0 0;border: 0;}
input[type=email],
input[type=password],
input[type=tel],
input[type=text],textarea {font-size: 12pt;height: 15px;padding: 8px 10px;width: 100%;max-width: 240px;}
textarea {max-width: 450px;height: 150px;}
input:disabled {background-color: #efefef}
select {height: 35px;cursor: pointer;margin: 0 5px 0 0;padding: 9px 10px;}
select option {padding: 0 5px}
input[type=submit], input[type=reset]
{background-color: #fe3b06;cursor: pointer;color: #FFF;border: 1px solid #319f40;padding: 10px 40px;margin: 0 0 10px 0}
label { cursor: pointer}




/*

Categorias
*/
.recom-h ul, .content .itens-categoria {
    margin: 0 auto;
    padding: 0;
    max-width: 858px;
}

.recom-h ul li, .content .itens-categoria .cat-item {
    float: left;
    width: 200px;
    height: 300px;
    margin: 15px 15px 15px 0;
}
.recom-h ul li:hover, .content .itens-categoria .cat-item:hover{background-color: #f5f5f5}


.recom-h ul li a, .content .itens-categoria .cat-item a {
    color:#333; text-decoration: none;
    display: block;
}

.recom-h ul li a:hover, .content .itens-categoria .cat-item a:hover {
    text-decoration: underline;text-decoration-color:#fe3b06;
}
.recom-h ul li .img, .content .itens-categoria .cat-item .img {
    width: 200px;
    height: 200px;
    margin: 0;
}
.recom-h ul li .img img, .content .itens-categoria .cat-item .img img {
    border: 0;
    width: 200px;
    height: 200px;
}

.content .itens-categoria .info {
    width: 100%;
    height: 50px;
    text-align: center;
}

.content .itens-categoria .info h2 {
    font-size: 11pt;font-weight: normal;
    margin: 10px 0 5px 0;
}

.content .itens-categoria .info .alias {
    font-size: 10pt
}





.content .itens-downloads {
    margin: 0 auto;
    padding: 0;
}

.content .itens-downloads ul {
    malign:0;padding: 0;list-style: none;
}
.content .itens-downloads .info {
    font-size: 11pt
}







/*
GDPR
*/
.gdprcookie{position:fixed;color:#fff;font-size:.8em;line-height:1.5em;right:1.5rem;bottom:1.5rem;max-width:300px;padding:1rem;background:#440e62;border:3px solid #fe3b06}
.gdprcookie h1,.gdprcookie h2{font-size:1.4em;margin-bottom:.5rem;color:#fff}
.gdprcookie h2{font-size:1.4em}
.gdprcookie a{color:inherit;text-decoration:underline}
.gdprcookie-buttons button{color:#fff;background:#fe3b06;font-family:inherit;font-size:1em;padding:.4rem;border:.05rem solid currentColor;border-radius:.15rem;margin:0 .5rem;cursor:pointer}
.gdprcookie-buttons button:disabled{color:rgba(255,255,255,.5)}
.gdprcookie-types ul{overflow:hidden;padding:0;margin:0 0 1rem}
.gdprcookie-types li{display:block;list-style:none;float:left;width:50%;padding:0;margin:0}
.gdprcookie-types li label{float:left;margin:0 5px 0 0}
.gdprcookie-types input[type=checkbox]{float:left;margin-right:.25rem}
.gdprcookie-types input[type=checkbox]:active{box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,1)}
.gdprcookie-types input[type=checkbox]:checked:after{color:#99a1a7;font-style:normal}



/*
ADS

*/
.row {width: 50%;width: -webkit-calc(50% - 15px);width: calc(50% - 15px);display: inline-block;}
.row:nth-child(2n){padding-right: 25px;}
.clr {clear: both}
.margin-center-bt{margin: 70px 0 20px 20px;}
.margin-left-bt{margin: 22px 0 20px 20px;}
.margin-auto{margin: 10px auto}
.text-center{text-align: center}
.ads336-left, .float-left, .txtEsq {float: left; margin-right: 20px;}
.ads336-right, .float-right {float: right}
.ads336 {display:block;width: 100%;max-width: 336px; min-height: 280px;}
.adsRespon {display: block;margin: 10px 20px;}
.adslinksfooter {display: block;margin: 10px auto;max-width: 1000px;}
.hide{ display:none; position: absolute;}
.normal{font-weight: normal}


@media screen and (min-width: 1185px) {

    .recom-h ul, .content .itens-categoria {max-width: 845px;}
    .recom-h ul li:nth-child(4n), .content .itens-categoria .cat-item:nth-child(4n) {margin-right:0}
    .row:nth-child(4n){padding-right: 0;}
}

@media screen and (min-width:1001px) and (max-width:1185px) {
    .recom-h ul, .content .itens-categoria {max-width: 630px;}
    .recom-h ul li:nth-child(4n), .content .itens-categoria .cat-item:nth-child(3n) {margin-right:0}
    .row:nth-child(3n){padding-right: 0;}
}

@media only screen and (min-width:1001px) and (max-width:1120px) {   
    .recom-h ul, .content .itens-categoria {max-width: 430px;}
    .recom-h ul li:nth-child(3n), .content .itens-categoria .cat-item:nth-child(3n) {margin-right:0}
    .row:nth-child(3n){padding-right: 0;}
}


@media screen and (min-width:911px) and (max-width:1000px) {
    .recom-h ul, .content .itens-categoria {max-width: 845px;}
    .recom-h ul li:nth-child(4n), .content .itens-categoria .cat-item:nth-child(4n) {margin-right:0}
    .row:nth-child(4n){padding-right: 0;}
}


@media screen and (min-width:471px) and (max-width:911px) {
    .recom-h ul, .content .itens-categoria {max-width: 430px;}
    
    /*
    .recom-h ul li:nth-child(3n), .content .itens-categoria .cat-item:nth-child(3n) {margin-right:0}
    .row:nth-child(3n){padding-right: 0;}
}

@media screen and (min-width:471px) and (max-width:660px) {
*/
    .recom-h ul, .content .itens-categoria {max-width: 430px;}
    .recom-h ul li:nth-child(2n), .content .itens-categoria .cat-item:nth-child(2n) {margin-right:0}
    .row:nth-child(2n){padding-right: 0;}
}

@media screen and (max-width:470px) {
    .header .top .search {display: none}
    .recom-h ul, .content .itens-categoria {max-width: 200px;margin: 0 auto}
    .recom-h ul li:nth-child(1n), .content .itens-categoria .cat-item:nth-child(1n) {margin-right:0}
    .row:nth-child(1n){padding-right: 0;}
}





@media screen and (max-width:1000px) {
    
    .header .top {margin: 0 auto; position: static;display: block;}
    .header #menu-toggle {padding: 5px 15px 0 15px;font-weight: bold;font-size: 16pt;display: block;position: absolute;top: 15px;right: 15px;border: 1px solid #FFF}

    .verticalMenu {background-color: #FFF;float: left;}
    #toggleMenu {overflow: hidden;}
    #toggleMenu:not(.active) {display: none;}
    
    #navigation #main-menu {font-size: 14pt;}
    #navigation #main-menu ul { margin: 0;}
    #navigation #main-menu li {display: block;border-bottom: #FFF 1px solid;font-size: 14pt}
    #navigation #main-menu li:first-child {border-top: #FFF 1px solid}
    #navigation #main-menu li a {border-right: 0;padding: 8px 15px;}
    
    .menu-top li {text-align:center}

    
    .content { max-width: 940px; }
    .content .left {float: none;width: 100%;}

    .content .right {display: none}
    .margin-center-bt{margin: 50px 0 20px 20px;}
    

}

@media screen and (max-width:840px) {

    .header {padding: 10px 0 5px 0}
    .header .logo {display: none; }
    .header .top {height: 31px}
    .header #menu-toggle {top: 0;right: 0;}
    
    .verticalMenu {margin: 36px 0 0;}
    
    .content { max-width: 768px;padding: 0 15px 15px 15px;}
    .content h1 {text-align:center;white-space:normal;}
    .content h2 {text-align: center}

    
    .float-right, .float-left, .txtEsq{float: none;}
    .margin-center-bt, .margin-left-bt {margin: 0 auto 20px auto}
}

@media screen and (max-width:680px) {
    .row{width: 100%;display: block;margin: 20px auto;padding: 0}
    .footer .row{width: 100%;float: none;}
    .adslinksfooter  {width: 100%;;margin: 10px auto;}
    .ads336-left, .float-left {float: none; margin: 10px auto;}
}

@media screen and (max-width:630px) {

    .header .top .search {width: calc(100% - 80px);max-width: 460px;}
}