@import url('https://fonts.googleapis.com/css?family=Barrio');
@import url('https://fonts.googleapis.com/css?family=Baloo');
html {}
body {font-family: Verdana,Geneva,sans-serif;font-size:12px;color:#fff;overflow-x:hidden}
a, select{outline:none}
#carregando {position:fixed;z-index:999;width:100%;height:100%;background:#82c4ff}
#carregando p {font-family: 'Barrio', cursive;font-size:60px;color:#bd2829;text-align:center;margin-top:20%}
h1 {font-size:60px}
h1, h2, h3 {font-family: 'Barrio', cursive;font-size:60px;color:#bd2829;text-transform:uppercase;text-align:center}
h3 {font-size:22px}
#homeinterno {background:url("../imagens/estrelas-fundo-0.png") no-repeat 0 550px, url("../imagens/estrelas-fundo-1.png") no-repeat 0 950px, url("../imagens/fundo-home.jpg") repeat-x;min-height:1295px}
#interno {background:url("../imagens/fundo-interno.jpg") repeat-x}
.menu .logo {position:relative;top:-26px}
.menucontainer {position:relative;top:-40px}
.menuinterno {position:relative;top:100px}
#social {position:relative;top:-240px;float:right;width:60%}
#social .icon {width:60px;height:60px;margin-left:20px;border-radius:50%;background-color:#fff;float:right}
#social .icon .fa-facebook {font-size:45px;color:#3b5998;padding:8px 15px}
#social .icon .fa-google-plus, #social .icon .fa-youtube {color:#dc4e41}
#social .icon .fa-google-plus {font-size:35px;padding:12px 10px}
#social .icon .fa-youtube {font-size:35px;padding:10px 15px}
#social .icon .fa-soundcloud {font-size:35px;padding:10px 8px}
.nav > li > a:focus, .nav > li > a:hover {background-color:transparent}
.navbar-default {border-color: transparent; background-color:transparent}
.nav li {text-transform:uppercase;text-align:center}
.nav li a {font-family: 'Baloo', cursive;color:#3b5998!important;font-size:20px;font-weight:bolder}
.nav .mhome {width:149px;height:90px;background:url("../imagens/menu-home.png") center no-repeat}
.nav .mhome a {padding-top:38px}
.nav .mquemsomos {width:199px;height:109px;background:url("../imagens/menu-quem-somos.png") center no-repeat;top:-170px;left:165px}
.nav .mquemsomos a {padding-top:30px;line-height:25px}
.nav .mvideos {width:156px;height:74px;background:url("../imagens/menu-videos-contato.png") center no-repeat;top:-40px;left:20px}
.nav .mvideos a {padding-top:30px}
.nav .mcontato {width:156px;height:74px;background:url("../imagens/menu-videos-contato.png") center no-repeat;top:-70px;left:100px}
.nav .mcontato a {padding-top:45px}
.nav .mmusicas {width:227px;height:112px;background:url("../imagens/menu-musicas.png") center no-repeat;top:20px;left:-10px}
.nav .mmusicas a {padding-top:30px}
.nav .mcolorir {width:153px;height:115px;background:url("../imagens/menu-colorir.png") center no-repeat;top:-20px;left:15px}
.nav .mcolorir a {padding-top:32px}
.nav .mhistorinhas {width:227px;height:112px;background:url("../imagens/menu-historinhas.png") center no-repeat}
.nav .mhistorinhas a {padding-top:50px;margin-left:15px}
.nav .ativo {color:#bd2829!important}
.video-home {height:550px}
.video-home iframe {position:absolute;z-index:2;margin:55px 65px}
.video-home img {position:absolute;z-index:1}
.faixa {background-color:#0071bc;min-height:40px}
.videos {padding-top:50px}
.videos .slick div {height:185px;margin:4px;padding:0px;color:#bd2829;text-align:center}
.videos .slick div img {width:98%;height:auto}
.videos p {font-family: 'Baloo', cursive;color:#3b5998}
.colorir div {height:auto;padding:4px;text-align:center}
.colorir img {background-color:#fff;max-height:335px}
.livrinhos div {padding:4px}
.colorir p, .livrinhos p {font-family: 'Baloo', cursive;font-size:18px;color:#bd2829;text-align:center}
.baixar {background-color:#bd2829;padding:5px}
.baixar a,.baixar a:hover {color:#fff;text-decoration:none}
#quemsomos {}
#quemsomos .video {margin-top:3.5%}
.titulo {padding:15px}
.texto {font-family: 'Baloo', cursive;font-size:16px}
.texto-sobre {background:url("../imagens/ameba.png") center no-repeat;background-size:cover}
.texto-sobre p {margin:65px;text-align:center}
.musicas div {padding-left:6px}
.musicas iframe {position:relative;z-index:999}
.contato {min-height:760px;background:url("../imagens/fundo-contato.png") center no-repeat, url("../imagens/ameba-contato.png") top no-repeat;/*background-size:cover*/}
.contato a {color:#FFF}
.contato p {font-size:18px}
.contato .contato-fundo {min-height:620px}
.contato p {font-size:18px}
.contato p, .contato h2 {color:#fff}
.contato h2 {margin-top:45px}
.contato label {margin-bottom:0px;font-weight:100}
.contato .form-control {height:25px}
.contato .form-group {margin-bottom:0px}
.contato form {text-align:left;padding:10px;width:400px}
.contato form div {padding:0}
.contato form input {border:0px;color:#fff;background: rgba(255,255,255,0.1)}
.contato form input .form-control:focus {border-color:transparent}
.contato form input .form-control button {border-color:transparent}
.contato #telefone {width:94%}
.obrigado h2 {margin-top:130px}
.obrigado h3 {font-size:30px;color:#fff}
.btn, .btn:hover {color:#fff;background-color:transparent}
.rodape {padding:10px}
.rodape a {}
.rodape p {color:#fff;text-align:left}
.navbar {margin-bottom: 20px}
/*Trabalhando o Mobile e outras responsividades*/
@media screen and (max-width:768px) {
  body {overflow-x:hidden}
  #carregando p {font-size:30px}
  .faixa {min-height:20px}
  #social {top:-140px;right:2%;float:right;width:60%}
  #social .icon {width:30px;height:30px;margin-left:0px;margin-right:10px}
  #social .icon .fa-facebook {font-size:22px;padding:4px 8px}
  #social .icon .fa-google-plus {font-size:19px;padding:5px 3px}
  #social .icon .fa-youtube {font-size:20px;padding:4px 6px}
  .logo {max-width:50%}
  .menucontainer {top:-80px;left:0%}
  .navbar-default .navbar-toggle {border-color:#fff;background-color:#3b5998}
  .navbar-default .navbar-toggle .icon-bar {background-color:#fff}
  .navbar-toggle {margin-left:36%}
  .menu .logo {top:-15px}
  /*Itens Internos do Menu*/
  .nav .mvideos {top:-55px;left:40%}
  .nav .mhistorinhas {top:-70px}
  .nav .mcolorir {top:-55px;left:0px}
  .nav .mquemsomos {top:-350px;left:40%}
  .nav .mmusicas {top:-55px;left:0px}
  .nav .mcontato {top:-160px;left:100px}
  /*Sobre*/
  .texto {background-image:none}
  .texto-sobre p {margin:25px;color:#bd2829}
  /*Livros*/
  .videos .slick div {height:100%}
  /*Contato*/
  .contato {background-image:none}
  .contato p, .contato h2, .form-group label, .btn, .btn:hover {color:#bd2829}
  .contato form input {color:#fff;background-color:#0071bc;/*background:rgba(0,0,0,0.8)*/}
  .form-control, .contato #telefone {width:80%}
  /*Itens gerais*/
  h1, h2, h3 {font-size:40px}
  .video-home iframe {margin:0px;width:90%!important}
  .img-responsive {width:100%}
  .menuinterno {visibility:hidden;display:none}
}

/*Apagando elementos para deixar  o site mais rápido*/
/*#livrinhos, #colorir, #musicas, #musicas iframe, #quemsomos, #contato {display:none}*/