/* 
    Created on : 03/2018
    Author     : Doglas
*/

/*GERAL*/
body{margin:0px; background:url(../img/bg01.jpg) no-repeat center top fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.geral{width:100%; height:100%; padding-bottom:20px;}
.lm{max-width:1600px; margin-left:auto; margin-right:auto;}
.lm2{max-width:1600px; margin-left:auto; margin-right:auto; padding-right:5px;}
.lFloat{clear:both;}
.invis{display:none;}

/*BANER ABERTURA*/
.btnFecharBaner{font-size:20px; padding:7px 10px; position:fixed; right:30px; top:20px; background:white; text-decoration:none; border-radius:5px; font-family:Ubuntu-L; font-weight:bold; color:black; border:2px solid #560748;}
.banerAbertura{width:100%; height:2000px; background-color:rgba(0, 0, 0, 0.9); position:absolute; z-index:888;}
.divA01{width:85%; margin:3% 7%; float:left; padding:5px;}
/*.divA01{width:44%; margin:2%; float:left; padding:5px;}*/
.divA01 img{width:100%;}
.divA02{width:44%; margin:2%; float:left; padding:5px;}
.divA02 img{width:100%;}

/*TOPO*/
.topo{width:100%; height:80px;}
.topo .tLogo{width:25%; margin-top:20px; margin-left:30px;}
.menu01{margin-top:30px; float:right; font-family:Ubuntu-L; margin-right:85px;}
.menu01 ul li{display:inline-block;}
.menu01 ul li a{text-decoration:none; color:white; font-size:22px; padding:10px; margin-left:10px;}
.menu01 ul li a:hover{color:#e5e4e2; border-bottom:2px solid white;}
.menu01 ul li .action{color:#e5e4e2; border-bottom:2px solid white;}

.menu02{width:30px; float:right; margin-top:20px; margin-right:20px; display:none;}
.mm01{width:25px; border:3px solid white; margin-bottom:3px; border-radius:2px;}

.menu03{width:200px;; background:rgba(255, 255, 255, 0.95); border:2px solid white; border-radius:5px; position:absolute; top:50px; right:23px; z-index:800; padding:10px 0px;}
.menu03 ul{width:100%; margin:0; padding:0;}
.menu03 ul li{display:block; font-family:Ubuntu-L; width:100%; text-align:center; display: flex;}
.menu03 a{text-decoration:none; color:black; font-size:22px; width:200px; padding:5px 0px;}
.menu03 ul li a:hover{background:#e5e4e2;}

/*BANNERS*/
.cont02{width:40%; border:12px solid white; float:right; margin-top:80px;}
.cont02 img{background-size: cover; background-position-x: center; background-position-y:center; width:100%;}

/*CONTEUDO*/
.cont01{width:55%; margin-top:120px; padding-left:10px;}
.titulo01{color:white; font-family:Ubuntu-L; font-size:22px; border-bottom:2px solid white; width:165px; margin-left:10px; margin-bottom:5px; padding-bottom:5px;}
.quadro{width:32%; float:left; border:1px solid white; margin:10px 0.5%; border-radius:3px; white-space:nowrap;}
.quadro:hover{border:1px solid white; box-shadow: 0px 0px 15px #e3e3e3;}
.img-responsive{display:block; max-width:100%; height:auto; border-radius:2px;}
.quadro img{background-size: cover; background-position-x: center; background-position-y:center;}
.nAlbum{text-align:center; font-family:Ubuntu-C; color:white; margin-top:5px; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis;}
.btnMaisEventos{color:white; font-family:Ubuntu-C; padding:7px 12px; margin:5px; margin-right:10px; float:right; text-decoration:none; background:blue; border-radius:5px; margin-bottom:20px;}
.q01{width:45px; height:60px; background:#560748; position:absolute; z-index:777;}
.p01{font-family:Ubuntu-C; color:white; font-size:30px; margin-top:3px; text-align:center;}
.p02{font-family:Ubuntu-C; color:white; font-size:18px; margin-top:-32px; text-align:center;}

@media (max-width: 1150px) {
    /*TOPO*/
    .topo{width:100%; height:80px;}
    .topo .tLogo{width:25%; margin-top:20px; margin-left:30px;}
    .menu01{margin-top:10px; margin-right:45px;}

    /*CONTEUDO*/
    .cont01{margin-top:70px;}
    .quadro{width:48%; margin:10px 0.5%; border-radius:3px; white-space:nowrap;}
    .quadroAux{display:none;}

    /*BANNERS*/
    .cont02{width:39%; border:12px solid white; float:right; margin-top:80px;}
}

@media (max-width: 769px) {
    /*BANER ABERTURA*/
    .btnFecharBaner{font-size:20px; padding:7px 10px; position:fixed; right:5px; top:10px; background:white; text-decoration:none; border-radius:5px; font-family:Ubuntu-L; font-weight:bold; color:black; border:2px solid #560748;}
    .banerAbertura{width:100%; background-color:rgba(0, 0, 0, 0.9); position:absolute; z-index:888; padding-top:50px; padding-bottom:300px;}
    .divA01{width:94%; margin:2%; float:left; padding:5px;}
    .divA01 img{width:100%;}
    .divA02{width:94%; margin:2%; float:left; padding:5px;}
    .divA02 img{width:100%;}

    /*MENUS*/
    .menu01{display:none;}
    .menu02{display:block;}

    /*TOPO*/
    .topo .tLogo{width:200px;}

    /*CONTEUDO*/
    .cont01{margin-top:40px;}

    /*BANNERS*/
    .cont02{width:38%; border:8px solid white; float:right; margin-top:80px;}
}

@media (max-width: 600px) {
    /*CONTEUDO*/
    .cont01{margin-top:70px; width:97%;}
    .quadro{width:48%; margin:10px 0.5%; border-radius:3px; white-space:nowrap;}
    .quadroAux{display:none;}

    /*BANNERS*/
    .lm2{padding-right:0px;}
    .cont02{width:98%; margin-left:1%; margin-right:1%; border:0px; float:right; margin-top:20px; margin-bottom:30px;}
    .cont02 img{background-size: cover; background-position-x: center; background-position-y:center; width:98%; border:4px solid white;}
}

@media (max-width: 450px) {
    /*CONTEUDO*/
    .cont01{margin-top:70px; width:96%;}
    .quadro{width:96%; margin:10px 0.5%; border-radius:3px; white-space:nowrap;}
    .quadroAux{display:none;}
}