body { margin: 0px; padding: 0px; font-family: 'Arial' !important; background-image: url(../images/bg_branco.jpg); background-repeat: repeat; width: 100%; border: 0px solid;} .container{ width: auto; } .bold { font-weight: 700; } .light{ font-weight: 300; } .normal{ font-weight: 400; } .font-30 { font-size: 30px;} .container { width: 1230px; min-height: 100px; margin: 0px auto; padding: 0px; position: relative !important; /*border: 1px solid #CB3538;*/} .clear { clear:both;} .line { border-top:1px solid; margin:3px 0px 0px 0px;} img { border: none;} h1 { font-size: 38px; margin: 0px 0px 20px 0px; line-height: 40px;} h2 { font-size: 26px; margin: 0px 0px 0px 0px; color: #ffcc00;} a { -webkit-transition:color 0.2s ease-in; -moz-transition:color 0.2s ease-in; -o-transition:color 0.2s ease-in; transition:color 0.2s ease-in; } .yellow { color:#ffcc00;} .red { color:#cc0000;} .blue { color:#1f7f97;} /* TOPO */ #topo { background-image: url(../images/topo_bg.png); background-repeat: no-repeat; background-position: center 0px; width: 100%; height: 160px; margin: 0px auto; padding: 0px; position:relative; z-index: 2; background-color: #edebe5; } #marca { background-image: url(../images/topo_marca.png); background-repeat: no-repeat; background-position: 0px 0px; width: 360px; height: 160px; margin: 0px; padding: 0px; position: absolute; } #marca a { width: 360px; height: 160px; display: block; } #marca a:hover { width: 360px; height: 160px; } #menu-topo{ font-size: 18px; margin: 0px; padding: 0px; position: absolute; top: 70px; right: 0px; text-align: right; border: 0px solid;} #menu-topo a { color: #333333; margin: 0px; padding: 0px 0px 0px 35px; text-decoration: none; } #menu-topo a:hover { color: #A90305; text-decoration:none; } #box-topo { width: 135px; height: 38px; position: absolute; top: 10px; right: 0px; } #box-topo a { font-size: 14px; color: #936d22; text-decoration: none;} #box-topo a:hover { color: #0884B1; text-decoration: none;} /* BANNER */ .textoBanner{font-size: 25px;} .bannerENEM{ font-size: 100px;} #banner { background-color: #edebe5; background-position: center 0px; z-index: 1; font-family: 'Arial' !important; } ul{list-style-type: none;} .figurabanner{ width:310px; height: auto } /* BLOCO AZUL*/ .blocoAzul{ background-image: url(../images/bg_azul_livro.png); background-repeat: no-repeat; background-size:cover; } /* .colunaTablets{ } */ .imgTablets{ margin-top: -40px; z-index: 4;} .colunaCompreJa{ margin-left: 0px !important;} /* .colunaEstudantes{ background-image: url(../images/estudantes.png); background-repeat: no-repeat; background-size: contain; background-position:bottom; } */ /* .colunaTrapezio{ background-image:url(../images/figurabanner.png); background-repeat: no-repeat; background-size: contain; background-position:bottom;} */ /* .desenhoPessoas{ background-image:url(../images/img_modelos.png); background-repeat: no-repeat; background-size: contain; background-position:bottom; } */ #bloco-azul { background-image: url(../images/bg_azul_livro.png); background-repeat: no-repeat; background-position: center 0px; width: 100%; position: relative; height: 430px; color: #333333; margin-top: -2px; font-size: 22px; border-top: 1px solid #ddd;} #livro { background-image: url(../images/arte3tablets.png); background-repeat: no-repeat; background-position: 0px 0px; object-fit: inherit; width: 585px; height: 412px; position:absolute; top: -50px; z-index: 3;} #box-compre-ja { background-image: url(../images/bg_azul_boxs_compreJa2.png); background-repeat: no-repeat; background-position: 0px 0px; width: 831px; height: 317px; margin: 30px 0px 0px 400px; position: relative; } /* BLOCO PRETO*/ #bloco-preto { background: #333 url(../images/bg_preto.png) repeat-y center 0px; width: 100%; padding: 30px 0px 0px 0px; z-index: 3; font-family: 'Arial' !important; } #bloco-preto p { font-size: 18px; line-height:28px; color: #FEFEFE; margin: 0px 0px 20px 0px;} #habilidades { top: 10px;} .coluna-drop-down { min-height: 100px; float: right;} .coluna1 { margin: 0px 10px; } .coluna2 { margin: 0px 10px; } .box-drop-down { width: 371px; min-height: 50px; display: block;} .box-drop-down a { text-decoration: none;} .box-drop-down p { font-size: 13px!important; line-height:18px!important; font-weight: 300; padding-left: 25px;} .img-drop-down { width:371px; height:66px; background-repeat:no-repeat; background-position: 0px 0px; margin-bottom: 20px;} .img-drop-down { margin-top: 40px } .img-drop-down a, a:hover { text-decoration: none;} #bloco-preto .img-drop-down h1 { text-align: center; padding: 20px 0px 0px 18px; color: #ffcc00; font-size: 19px; text-decoration:none;} #bloco-preto .img-drop-down h1 a{ text-decoration:none; color: #ffcc00; -webkit-transition:color 0.2s ease-in; -moz-transition:color 0.2s ease-in; -o-transition:color 0.2s ease-in; transition:color 0.2s ease-in; font-family: 'Arial' !important;} #bloco-preto .img-drop-down h1 a:hover{ text-decoration:none; color: #0FB957} /* BLOCO AMARELO*/ #bloco-amarelo { background-image: url(../images/bg_amarelo.jpg); background-repeat: no-repeat; background-position: center 0px; width: 100%; height: 680px; position: relative; margin-top: -80px; color: #333333; font-size: 22px; } #bloco-amarelo .container { height: 680px;} #coluna-vantagens { background-image: url(../images/bg_amarelo_boxs.png); background-repeat: no-repeat; background-position: 0px 0px; width: 799px; min-height: 523px; position: absolute; right: 0px; top: -45px; z-index: 4} .box-vantagens { width: 485px; min-height: 50px; position: absolute; left: 220px;} .box-vantagens p{ color: #edebe5; font-size: 20px; line-height: 26px; margin: 0px 0px 0px 0px;} .bloco-amarelo-turma { width:681px; position:absolute; bottom: 50px; left: -60px; z-index:5} .compre-ja { position: absolute; top: 605px; left: 310px;} /* BLOCO BEGE*/ .imgModelos{ width: 110%; margin-left: -30px;} .condicoes a{ text-decoration: none; color:#A90305;} .condicoes a:hover{ text-decoration: none; color:#eb9f00; transition: color 0.2s ease-in;} .colunaCards{ border-radius:10px; border: solid 1px rgb(214, 214, 214); margin: 10px; width: 200px; height: 200px; transition: transform 0.5s; font-family: 'Arial' !important; } .colunaCards:hover{ box-shadow: 0 0 1em rgba(0, 0, 0, 0.234);} .colunaCards a{ text-decoration:none; color: #333333; font-size: 18px;} .colunaCards a:hover{ text-decoration:none; color: #333333;} #bloco-bege { background-color: #edebe5; width: 100%; position: relative; margin: 0px auto; } #bloco-bege p { line-height:28px; margin: 0px;} /* BLOCO CONTATO*/ #bloco-contato { background-position: center 0px; min-height: 410px; width:100%; margin-top: 30px; position: relative; } #bloco-contato p { color: #333333; font-size: 18px; line-height:28px; margin: 0px; padding-left: 35px;} .table-form { margin: 20px 0px; padding:0px 0px 20px 35px; width:1170px;} .table-form td { padding: 0px 10px 20px 0px;} .form { font-family: 'Nunito', 'sans-serif'; border: 1px solid #cccccc; background-color: #FFFFFF; height: 35px; width:95%; padding: 5px 10px 5px 10px; color:#9e880c; font-size:16px; -moz-border-radius: 5px; border-radius: 5px;} .form-area { font-family: 'Nunito', 'sans-serif'; border: 1px solid #cccccc; background-color: #FFFFFF; width:98%; padding: 10px 10px 5px 10px; color:#9e880c; font-size:16px; -moz-border-radius: 5px; border-radius: 5px;} /* RODAPÉ*/ .textoRodape{ font-size:9pt; color: rgb(143, 143, 143);} .rodapeLinks a{ text-decoration: none; color: #eb9f00; font-size: 16px; transition: color 0.2s ease-in; } .rodapeLinks a:hover{ text-decoration: none; color: #A90305;} #rodape { background-image: url(../images/bg_preto_pt.jpg); background-repeat: repeat; width:100%; margin-top: 30px; position: relative; border-top: 1px solid #000000; } #menu-rodape{ font-size: 16px; margin: 0px; padding: 0px; position: absolute; top: 50px; left: 35px; } #menu-rodape a { color: #eb9f00; margin: 0px; padding: 0px 20px 0px 0px; text-decoration: none; -webkit-transition:color 0.2s ease-in; -moz-transition:color 0.2s ease-in; -o-transition:color 0.2s ease-in; transition:color 0.2s ease-in; } #menu-rodape a:hover { color: #12B9CD; text-decoration:none; } #menu-rodape p{ color:#484848; font-size:14px;} #marca-rodape { background-image: url(../images/rodape_marca.png); background-repeat: no-repeat; background-position: 0px 0px; width: 173px; height: 79px; margin: 0px; padding: 0px; position: absolute; left:1000px; top: 50px; } #marca-rodape a { width: 173px; height: 79px; display: block; } #marca-rodape a:hover { width: 173px; height: 79px; } .rodape-facebook{ position: absolute; top: -30px; left:1060px;} /* M QUERIES */ @media only screen and ( max-width: 1459px ){ } /* TABLET : 1024px */ @media only screen and ( max-width: 1159px ){ .container { width: 100%; border: 0px solid red;} #menu-topo { width: 620px; font-size: 16px; padding-right: 20px;} #menu-topo a { padding: 0px 0px 0px 20px; } #box-topo { right: 20px; } #banner { border: 0px solid red;} #banner .container { border: 0px solid; min-height: 300px} #bloco-azul { border: 0px solid; height: 430px;} #bloco-azul .container { width: 100%; border: 0px solid;} #livro { background-size:450px; top: -10px; } #box-compre-ja { margin: 30px 0px 0px 185px; border: 0px solid; } #habilidades { border: 0px solid red;} #habilidades h1 { font-size: 26px;} #habilidades p { line-height: 125%;} .coluna-drop-down { width:331px; min-height: 100px; float: right; margin: 0px 10px; overflow-x: hidden;} #bloco-amarelo .container { height: 625px; border: 0px solid red;} .bloco-amarelo-turma{ width: 500px; bottom: 60px !important;} #coluna-vantagens { background-position: 0px 0px; width: 699px; right: 0px; top: -45px; z-index: 4} .box-vantagens { width:370px; left: 100px;} .box-vantagens p{ font-size: 15px; } .compre-ja { bottom: 50px !important; left: 210px; } .table-form { margin: 20px 0px; padding:0px 0px 20px 35px; width:100%;} .form { height: 35px; width:90%; padding: 5px 10px 5px 10px; color:#9e880c; font-size:16px; -moz-border-radius: 5px; border-radius: 5px;} .form-area { width:97%; padding: 10px 10px 5px 10px; color:#9e880c; font-size:16px; -moz-border-radius: 5px; border-radius: 5px;} .rodape-facebook{ left:800px;} #marca-rodape { width: 173px; left:700px;} } @media only screen and (min-width: 985px){ .colunaSuplementar{ display:none;} } /* TABLET : 768px */ @media only screen and (max-width: 985px) and (min-width: 768px){ .reveal-modal p{ font-size: 200%;} #habilidades p{ font-size: 200% !important;} #habilidades h1{ font-size: 500% !important;} /* #bloco-preto p { font-size: 200%;} */ .textoBanner{ font-size: 300%;} .colunaPlataforma{ margin-top: 30px; } .colunaMarca{ display: none;} .desenhoPessoas{ display: none !important; } .figurabanner{ display: none;} .imgTablets{ margin-top: 20px;} #menu-topo { width: 520px; font-size: 16px; right: 20px; border: 0px solid;} #menu-topo a{ } /*.remove-compre-ja { display: none;}*/ #box-topo { right: 10px; } #banner { border: 0px solid green; } #banner .container{ border: 0px solid; overflow: hidden;} #marca { margin-left: -100px;} #bloco-azul { border-top: 1px solid #fff; height: 430px; margin-top: -2px;} #livro { background-size:300px; left: 0px; top: 0px; } #box-compre-ja { margin: 30px 0px 0px -20px; background-size: 780px; border: 0px solid; } #habilidades {} #habilidades h1 span { } #habilidades p { } .coluna1 { left: 0px;} .coluna2 { left: 390px;} .bloco-amarelo-turma { left: -150px; bottom: 0px !important;} #coluna-vantagens { background-position: 0px 0px; left: 265px; top: -45px; z-index: 4;} /*.algumas-vantagens { display: none;} .algumas-vantagens { width:470px; margin-left:400px;}*/ .rodape-facebook{ left:600px;} #marca-rodape{ display: none;} .imgCompreJa{ height: auto; width: 220%; margin-left: -120px; } } /* Phone : 480px */ @media only screen and (max-width: 767px) and (min-width: 480px){ .reveal-modal p{ font-size: 200%;} #habilidades p{ font-size: 200% !important;} #habilidades h1{ font-size: 500% !important;} /* #bloco-preto p { font-size: 200%;} */ .textoBanner{ font-size: 300%;} .colunaPlataforma{margin-top: 30px; } .colunaMarca{ display: none;} #banner .container img { width: 767px; bottom: 0px;} #marca{margin-left: -80px;} .desenhoPessoas{ display: none !important; } .figurabanner{ display: none;} .imgTablets{ margin-top: 20px;} .imgCompreJa{ height: auto; width: 200%;} } /* Phone : 320px */ @media only screen and (max-width: 479px){ .imgCompreJa{ height: auto; width: 200%; } .reveal-modal p{ font-size: 200%;} #habilidades p{ font-size: 200% !important;} #habilidades h1{ font-size: 500% !important;} /* #bloco-preto p { font-size: 200%;} */ .textoBanner{ font-size: 300%;} .colunaPlataforma{margin-top: 30px; } .colunaMarca{ display: none;} #marca{margin-left: -80px;} .desenhoPessoas{ display: none !important; } .figurabanner{ display: none;} .imgTablets{ margin-top: 20px;} } /*LOGO SPED HOVER*/ .logoSPED{ border-radius: 15px; transform: scale(1); transition: transform 0.5s; } .logoSPED:hover{ transform: scale(1.05); box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px; }