/* Estilos para manualbinario.com.br */

/* Background da página */
body {
  background-color: #F60;
  background-image: url('img/background.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 0 20px 20px 20px;
}

/*------------*/

/* Esquema de cores com base em #6666cc - roxo */
.w3-theme-l5 {color:#000 !important; background-color:#f6f6fc !important}
.w3-theme-l4 {color:#000 !important; background-color:#e0e0f5 !important}
.w3-theme-l3 {color:#000 !important; background-color:#c2c2eb !important}
.w3-theme-l2 {color:#000 !important; background-color:#a3a3e0 !important}
.w3-theme-l1 {color:#fff !important; background-color:#8585d6 !important}
.w3-theme-d1 {color:#fff !important; background-color:#4f4fc4 !important}
.w3-theme-d2 {color:#fff !important; background-color:#3d3db8 !important}
.w3-theme-d3 {color:#fff !important; background-color:#3636a1 !important}
.w3-theme-d4 {color:#fff !important; background-color:#2e2e8a !important}
.w3-theme-d5 {color:#fff !important; background-color:#262673 !important}

.w3-theme-light {color:#000 !important; background-color:#f6f6fc !important}
.w3-theme-dark {color:#fff !important; background-color:#262673 !important}
.w3-theme-action {color:#fff !important; background-color:#262673 !important}

.w3-theme {color:#fff !important; background-color:#6666cc !important}
.w3-text-theme {color:#6666cc !important}
.w3-border-theme {border-color:#6666cc !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#6666cc !important}
.w3-hover-text-theme:hover {color:#6666cc !important}
.w3-hover-border-theme:hover {border-color:#6666cc !important}

/* Mais cores */

.w3-rightbar-laranja {border-right:6px solid #f60 !important}

/*------------*/

/* Caixas arredondadas */
.caixa {border-radius: 10px 10px 40px 10px; padding: 6px 15px 15px 15px ;}
.caixa-app {border-radius: 10px; margin-top:10px; padding: 5px 10px;}
.round-10 {border-radius: 10px;}
.menu {border-radius: 0 0 10px 10px;}

/*------------*/

/* Texto */

.caixa p {font-size: 0.9em; margin: 15px 20px 15px 10px;}
.caixa .youtube {margin: 15px;}
.caixa-app h2 {font-size: 1.1em; font-weight: bold; margin: 0;}
.container h1 {font-size: 1.5em; font-weight: 900; margin: 0;}

/*------------*/

/* Menu */

	a {
    text-decoration: none;
	color: #333;
	font-size: 0.8em;
	font-weight: bold;
    }
	a:hover {
	color: #f60;
    }	
	ul.menu {
		list-style-type: none;
		padding-left: 0;
    }
    ul.menu li {
        padding: 1px;
    }
    ul.menu li a {
        height: 30px;
        line-height: 30px;
        display: inline-block;
        padding-left: 40px; /* To sift text off the background-image */
        background: url("https://manualbinario.com.br/temp/icones.png") no-repeat; /* As all link share the same background-image */
    }
    ul.menu li.inicial a {
        background-position: 0 0;
    }
    ul.menu li.inicial a:hover {
        background-position: 0 -30px;
    }
    ul.menu li.ideias a {
        background-position: 0 -60px;
    }
    ul.menu li.ideias a:hover {
        background-position: 0 -90px;
    }
    ul.menu li.audio a {
        background-position: 0 -120px;
    }
    ul.menu li.audio a:hover {
        background-position: 0 -150px;
    }
    ul.menu li.imagem a {
        background-position: 0 -180px;
    }
    ul.menu li.imagem a:hover {
        background-position: 0 -210px;
    }
    ul.menu li.drive a {
        background-position: 0 -240px;
    }
    ul.menu li.drive a:hover {
        background-position: 0 -270px;
    }
    ul.menu li.internet a {
        background-position: 0 -300px;
    }
    ul.menu li.internet a:hover {
        background-position: 0 -330px;
    }
    ul.menu li.manutencao a {
        background-position: 0 -360px;
    }
    ul.menu li.manutencao a:hover {
        background-position: 0 -390px;
    }
    ul.menu li.texto a {
        background-position: 0 -420px;
    }
    ul.menu li.texto a:hover {
        background-position: 0 -450px;
    }
    ul.menu li.utilidades a {
        background-position: 0 -480px;
    }
    ul.menu li.utilidades a:hover {
        background-position: 0 -510px;
    }
    ul.menu li.video a {
        background-position: 0 -540px;
    }
    ul.menu li.video a:hover {
        background-position: 0 -570px;
    }
    ul.menu li.computador a {
        background-position: 0 -600px;
    }
    ul.menu li.computador a:hover {
        background-position: 0 -630px;
    }
    ul.menu li.celular a {
        background-position: 0 -660px;
    }
    ul.menu li.celular a:hover {
        background-position: 0 -690px;
    }
    ul.menu li.android a {
        background-position: 0 -720px;
    }
    ul.menu li.android a:hover {
        background-position: 0 -750px;
    }
    ul.menu li.apple a {
        background-position: 0 -780px;
    }
    ul.menu li.apple a:hover {
        background-position: 0 -810px;
    }
    ul.menu li.linux a {
        background-position: 0 -840px;
    }
    ul.menu li.linux a:hover {
        background-position: 0 -870px;
    }
    ul.menu li.windows a {
        background-position: 0 -900px;
    }
    ul.menu li.windows a:hover {
        background-position: 0 -930px;
    }
    ul.menu li.facebook a {
        background-position: 0 -960px;
    }
    ul.menu li.facebook a:hover {
        background-position: 0 -990px;
    }
    ul.menu li.instagram a {
        background-position: 0 -1020px;
    }
    ul.menu li.instagram a:hover {
        background-position: 0 -1050px;
    }
    ul.menu li.twitter a {
        background-position: 0 -1080px;
    }
    ul.menu li.twitter a:hover {
        background-position: 0 -1110px;
    }
    ul.menu li.youtube a {
        background-position: 0 -1140px;
    }
    ul.menu li.youtube a:hover {
        background-position: 0 -1170px;
    }
  
/*------------*/





.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.youtube {
	/*padding-left: 5%;*/
	max-width: 90%;
	border-radius: 16px;
}


@media (max-width: 600px) {

      div {
            width="90%";
			/*padding-left: 0;*/
       }

}