/* ----------------- CSS website -------------- */

body { line-height:auto; height: 100%; background:url() #292929; text-align:center; font-family: 'Open Sans', Arial; font-size:12px; font-weight:400; color:#333; }

/* --------
Google Fonts
-----------
Roboto
Roboto Condensed
Open Sans Condensed
Open Sans
Amaranth
Lato
Montserrat
-----------

Bootstrap Grids
------------
col-lg-* (largers > 1200)
col-md-* (desktops > 992)
col-sm-* (tablets > 768)
col-xs-* (phones < 768)
--- */

a.areacliente { background-color:#333; float:right; }

#margem, .margem { margin:0 auto; max-width:1000px; }
section#conteudo { background-color:#fff; }
.borda { box-shadow:0px 0px 0px 1px #ddd inset; }
#supervisao { padding-top:40px; z-index: 0; }
.bg1 { background:url(../img/bg1.png) top center no-repeat; }
.introducao { border:0px solid #ddd; text-align: left; }
.introducao h1 { display: block; float:left; line-height:20px; font:400 32px 'Open Sans', Arial; }
.introducao h1 strong { color:#8cc63e; }
.introducao img { display: block; float:left; margin-top:7px; margin-left:7px; }
.introducao p { font:400 13px "Open Sans", Arial; }

.videohome { text-align: center; background-color:#333; }
.videohome video { margin-bottom:-4px; margin-top:px; }

.bg1 p { display: block; text-align: center; font: 600 18px 'Lato', Arial; color:#8cc63e; padding-top:305px; }

.consultor { text-align: left; }
.consultor h1 { display: block; float:left; line-height:20px; font:600 28px 'Open Sans', Arial; }
.consultor p { font:400 13px "Open Sans", Arial; }
.consultor img { display: block; float:left; margin-top:7px; margin-left:7px; }
.consultor em { display: block; font: 600 18px 'Lato', Arial; color:#8cc63e; padding-bottom:5px; }

.clientes h2 { display: block; font: 600 18px 'Lato', Arial; color:#8cc63e; text-align: left; }
.clientes span { display: block; padding:5px 10px; width:100%; background-color:#e9e9e9; color:#333; text-align: left; margin-bottom:10px; font: 400 12px 'Open Sans', Arial; }

.cursos { text-align: left; }
.cursos h1 { display: block; float:left; line-height:20px; font:600 28px 'Open Sans', Arial; }
.cursos p { font:400 13px "Open Sans", Arial; }
.cursos img { display: block; float:left; margin-top:7px; margin-left:7px; }
.bg2 { height:150px; background-size: 180px auto; background-image:url(../img/bg2.png); background-position: top center; background-repeat: no-repeat; z-index: 0 !important; position:relative; }
.bgcursos { width:100%; background-color:#292929; padding:30px 15px; z-index: 10 !important; }
.curso { text-align: left; }
.curso strong { font-size:16px; color:#8cc63e; }
.curso p { font-weight:400; color:#fff; }

.videocursos { text-align: left; }
.videocursos h2 { font:400 30px 'Open Sans', Arial; color:#333; }
.videocursos h2 strong { color:#8cc63e; }

.areablog { text-align: left; }
.areablog h2 { font:400 30px 'Open Sans', Arial; color:#333; }
.areablog h2 strong { color:#8cc63e; }
.areablog p { font:400 12px "Open Sans", Arial; }
.areablog img.iconmaior { width:146px; display:block; padding:15px 0px; }
.areablog a { background-color:#333; font-size:13px; color:#fff; border-left:6px solid #8cc63e; padding:5px 7px;   }
.areablog a:hover { background-color:#000; }

.consultoria { text-align: left; }
.consultoria h1 { display: block; float:left; line-height:20px; font:600 28px 'Open Sans', Arial; }
.consultoria p { font:400 14px "Open Sans", Arial; }
.consultoria img { display: block; float:left; margin-top:7px; margin-left:7px; }
.consultoria em { display: block; font: 600 18px 'Lato', Arial; color:#8cc63e; padding-bottom:5px; }
.bg3 { height:270px; background-size: 100% auto; background-image:url(../img/bg3.png); background-position: top center; background-repeat: no-repeat; z-index: 0 !important; position:relative; }
.linha { margin:0 auto; width:96%; height:1px; border-bottom:1px solid #ddd; padding-top:5px; margin-bottom:20px; }
.temas { text-align: left; font-size:12px; }
.temas h2 { font:600 22px 'Open Sans', Arial; color:#8cc63e;  }
.temas span { display:block; padding:10px 0px; font-weight:400; color:#333; }
.temas span strong { font-weight:600;  }
.temas p { font-weight:400; color:#a6a6a6; }
.temas p strong { font-weight:600; color:#e59c21; }

.pacotes { text-align: left; }
.pacotes h3 { font:600 18px 'Open Sans', Arial; color:#333; display: inline; }
.pacotes em { font-size:13px;}
.custo { padding:0px !important; margin:10px 0px 15px 0px;}
.meses { font:600 13px 'Open Sans', Arial; color:#444; float:left; text-align: center; background-color:#ddd; width:40%; padding:5px 2px; }
.preco { font:600 13px 'Open Sans', Arial; color:#fff; float:left; text-align:center; background-color:#eea223; width:50%; padding:5px 2px; }

.experimente { text-align: left; }
.experimente h4 { font:600 18px 'Open Sans', Arial; color:#8cc63e; display: inline;  }
.experimente p { padding-top:20px; }

.contato { text-align: left; }
.contato h1 { display: block; float:left; line-height:20px; font:600 28px 'Open Sans', Arial; }
.contato p { font:400 14px "Open Sans", Arial; }
.contato img { display: block; float:left; margin-top:7px; margin-left:7px; }
.bg4 { height:460px; background-size: 412px auto; background-image:url(../img/bg4.png); background-position: bottom right; background-repeat: no-repeat; z-index: 0 !important; position:relative; }

.formulario { text-align: left; }
.formulario input[type="text"] { width:100%; margin:15px 0px; display: block; padding:8px 14px; font: 400 16px 'Open Sans', Arial; border:1px solid #bbb; color:#8cc63e; }
.formulario input[type="text"]:focus { outline:none; background-color:#8cc63e; color:#fff; border-color:#fff; }
.formulario input[type="submit"] { background-color:#8cc63e; color:#fff; border:1px solid #fff; font-size:14px; padding:10px 20px; width:100%; }
.formulario input[type="submit"]:hover { cursor:pointer; background-color:#444; border-color:#222; color:#8cc63e; }
.formulario textarea { width:100%; margin:15px 0px; display: block; padding:8px 14px; font: 400 16px 'Open Sans', Arial; border:1px solid #bbb; color:#8cc63e; resize:vertical; min-height:130px; }
.formulario textarea:focus { outline:none; background-color:#8cc63e; color:#fff; border-color:#fff; }

section#rodape { color:#fff; padding:20px 0px 15px 0px; text-align: center;}
section#rodape span { display: block;padding-bottom:10px; }
section#rodape img { }




/* =========================================
    Chamadas
======================================== */

#chamadas {
    padding: 20px 20px 30px 20px;
    text-align: center;
    max-width: 1000px;
    margin:0 auto;
}

#chamadas h2, #chamadas h4 { color:#333; }

#chamadas i.fa {
    font-size: 40px;
    border: 2px solid #8cc63e;
    width: 100px;
    height: 100px;
    padding: 27px 25px;
    margin-bottom: 20px;
    border-radius: 50%;
    transition: all 0.3s;
    color:#333;
}
.chamada a { color:#333; }
.chamada a:hover > i.fa{
    background: #333;
    color: #8cc63e !important;
}
.chamada p { font-weight: 400; }
.chamada { margin:35px 0px 15px 0px; }