/* RESET PARA TODOS OS NAVEGADORES */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.6;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a {outline: none; text-decoration:none;}
a img {outline: none; border:none;}
img {margin:0; padding:0;vertical-align:baseline; line-height:1;}
/* RESET PARA TODOS OS NAVEGADORES */
.tooltip{
display: inline;
position: relative;
}
.tooltip:hover:after{
/* background: #F00;*/
/* background: rgba(0,0,0,.8);*/
border-radius: 5px;
bottom: 26px;
color: #fff;
content: attr(title);
left: 20%;
padding: 5px 15px;
position: absolute;
z-index: 98;
width: 220px;
}
.tooltip:hover:before{
border: solid;
/* border-color: #F00 transparent;*/
border-width: 6px 6px 0 6px;
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
}
/*HEADER*/
header{width:100%; height:190px; background:#373D66;}
.centro{width:960px; height:auto; margin: 0 auto;}
#logo{width:235px; height:152px; margin:20px; float:left;}
#welcome{width:480px; height:auto; margin:10px; float:left; margin-left:120px;}
#slogan{width:460px; height:auto; float:left; margin-left:180px; margin-top:80px;}
#slogan img{vertical-align:middle; margin-right:10px;}
/*NAV*/
nav{width:100%;height:91px;background:url(../img/menu.png) repeat-x 0 center;margin-top: -17px;margin-bottom: -20px;}
.title-bar{width:100%; height:373px; background:#F00;}
.title-bar-pg{width:100%; height:60px; background:url(../img/breadcrumbsBG.png) repeat-x;}
#nav-bar{padding-top:30px;}
#nav-bar img{vertical-align:middle; margin-left:5px; margin-right:5px;}
/*NAV*/
/*SLIDER*/
#slider1 {width:auto; height:326px; margin: 0 auto; background:#FFF; }
#slider-bg{width:100% ;height:288px; background:#F00;}
/*PAGINAS*/
section{width:100%; height:auto; background:url(../img/bg15.png) repeat;}
#content-index{min-height:820px; background:#fff; padding-top:20px; padding-left:5px; padding-right:5px; padding-bottom:5px;}
#content{min-height:700px; background:#fff; padding-top:20px; padding-left:5px; padding-right:5px; padding-bottom:5px;}
#content-artigo{min-height:600px; background:#fff; padding-top:20px; padding-left:5px; padding-right:5px; padding-bottom:5px;}
#content-login{height:300px; background:#fff; padding-top:20px; padding-left:5px; padding-right:5px; padding-bottom:5px;}
#content-cursos{height:1700px; background:#fff; padding-top:20px; padding-left:5px; padding-right:5px; padding-bottom:5px;}
#box1{width:300px; height:240px; float:left; margin-left:51px; margin-top:40px; margin-right:160px; background:url(../img/bg-1.png);}
#box2{width:400px; height:240px; float:left; margin-top:40px; background:url(../img/bg-2.png);}
#box1 img,#box2 img{vertical-align:middle; margin-right:5px;}
#box1 ul li img,#box2 ul li img{vertical-align:middle; margin-left:40px; margin-top:5px; margin-right:5px;}
#box1 ul li a:hover,#box2 ul li a:hover{text-decoration:underline; margin-left:10px;}
#box1 p, #box2 p{margin-bottom:20px;}
.divisor-h{width:870px; height:15px; background:url(../img/bg-div-h.jpg);margin-top:10px; margin-bottom:10px; margin-left:46px; float:left;}
#col1,#col2,#col3{width:300px; height:340px; float:left; margin-left:5px;margin-right:5px;}
.divisor-v{width:15px; height:350px; background:url(../img/bg-div-v.jpg); float:left;margin-top:47px;}
#social{width:300px; height:340px; overflow-x:hidden; overflow-y:scroll;}
/*CONTATO*/
.contato h1 img{vertical-align:middle; margin-right:5px; margin-bottom:5px;}
.contato td{padding-top:5px; padding-right:5px;}
.contato table{margin-top:20px;}
.fone{margin-left:640px; margin-top:-280px;}
/*SOBRE*/
.sobre h1 img{vertical-align:middle; margin-right:5px; margin-bottom:5px;}
.border-img{ border:#FFF 5px solid; box-shadow: -1px -1px 1px #bfe3f2, 2px 2px 2px #325d6f;
-webkit-box-shadow: -1px -1px 1px #bfe3f2, 2px 2px 2px #325d6f;
-moz-box-shadow: -1px -1px 1px #bfe3f2, 2px 2px 2px #325d6f; border-radius:3px;}
/*CURSOS E SERVICOS*/
.cursos h1 img{vertical-align:middle; margin-right:5px; margin-bottom:5px;}
.box-cursos{width:290px; min-height:420px; /* border:#000 1px solid;*/ float:left; margin-left:13px; margin-top:13px; border:#CCC solid 1px; border-radius:5px; padding:5px;}
.box-cursos h5{margin-bottom:60px;}
.bg-curso-in{background:url(../img/bg-cursos.png) no-repeat;}
.bg-curso-fr{background:url(../img/bg-cursos-fr.png) no-repeat;}
.bg-curso-sp{background:url(../img/bg-cursos-sp.png) no-repeat;}
.bg-servicos{background:url(../img/bg-servico.png) no-repeat;}
.etiqueta-curso img{margin-right:5px;}
/*PROPOSTA*/
.proposta h1 img{vertical-align:middle; margin-right:5px; margin-bottom:5px;}
#col5-proposta{margin-left:190px; margin-bottom:60px;}
/* ARTIGOS*/
.artigos h1 img{vertical-align:middle; margin-right:5px; margin-bottom:5px;}
.box-artigo{width:300px; height:400px; /* border:#000 1px solid;*/ float:left; margin-left:13px; margin-top:13px;}
.box-artigo:hover{width:300px; height:400px; float:left; margin-left:13px; margin-top:13px; background:#CCCCCC; border-radius:5px;}
.fb-like{margin-left:50px; alignment-baseline:baseline;}
.img-artigos{margin-left:90px; border:#fff 5px solid;
box-shadow: -1px -1px 1px #bfe3f2, 2px 2px 2px #325d6f;
-webkit-box-shadow: -1px -1px 1px #bfe3f2, 2px 2px 2px #325d6f;
-moz-box-shadow: -1px -1px 1px #bfe3f2, 2px 2px 2px #325d6f;}
/*LOGIN*/
.login h1 img{vertical-align:middle; margin-right:5px; margin-bottom:5px;}
.form-login{width:500px; height:auto; margin: 0 auto;}
.dist{margin-left:120px; margin-top:20px;}
/*PAINEL*/
.painel h1 img{vertical-align:middle; margin-right:5px; margin-bottom:5px;}
.form-artigo{width:500px; height:auto; margin: 0 auto;}
.box-painel ul li{float:left; margin-left:30px; text-align:center;}
.box-painel{ width:800px; margin: 0 auto; margin-top:50px;}
.box-contato-painel{ width:700px; margin: 0 auto; margin-top:30px;}
.box-painel img:hover{height:48px;width:48px;opacity:0.6; /* Firefox & Chrome */ filter:alpha(opacity=60); /* IE */}
.linkPainel{margin-left:75px;}
/*FOOTER*/
footer{width:100%; height:auto; background:#373D66;}
.div-footer{width:100%; height:15px; background:#E3DB19;}
#footer-content{height:80px;}
.col-footer1 img{float:left; margin-left:10px; margin-right:750px; margin-top:10px;}
.col-footer2 img{float:left; margin-top:10px; margin-left:20px;}
.clear{clear:both;}
#direitos{width:100%; height:auto; margin: 0 auto; margin-top:47px; }
#footer-content img:hover{height:46px;width:48px;opacity:0.6; /* Firefox & Chrome */ filter:alpha(opacity=60); /* IE */}
/*inputs*/
.form-input{width:380px; height:30px; border-radius:5px;border:#F00 1px solid;font-size:16px; color:#373D66; margin-top:5px; }
.form-input-proposta{width:auto; height:30px; border-radius:5px;border:#F00 1px solid;font-size:16px; color:#373D66; margin-top:5px; }
.form-textarea{width:380px; height:100px; border-radius:5px;border:#F00 1px solid;font-size:16px; color:#373D66; margin-top:5px;}
.labe-form{text-align:right; font-size:16px; color:#373D66; font-weight:800;}
.form-option{width:380px; height:30px; border-radius:5px;border:#F00 1px solid;font-size:16px; color:#373D66; margin-top:5px; }
.form-check{width:20px; height:20px; border-radius:5px;border:#F00 1px solid;font-size:16px; color:#373D66; margin-top:5px; }
/*botoes*/
.bnt-enviar{width:48px; height:48px; background:url(../img/icons/48x48/accept.png) no-repeat;border:none;}
.bnt-enviar:hover{height:48px;width:48px;opacity:0.6; /* Firefox & Chrome */ filter:alpha(opacity=60); /* IE */}
.bnt-cancelar{width:48px; height:48px; background:url(../img/icons/48x48/remove.png) no-repeat;border:none;}
.bnt-cancelar:hover{height:48px;width:48px;opacity:0.6; /* Firefox & Chrome */ filter:alpha(opacity=60); /* IE */}
/*bnt cursos */
.bnt-cursos{background:#373D66; color:#FFF; border-radius:5px; padding:5px; height:30px; border:none; font-weight:800; margin-left:45px; margin-top:20px;}
.bnt-cursos-mais{background:#373D66; color:#FFF; font-size:10px; border-radius:5px; padding:5px; height:25px; border:none; font-weight:800; margin-left:170px; margin-top:20px; }
.bnt-cursos-fr{background:#ED3237; color:#FFF; border-radius:5px; padding:5px; height:30px; border:none; font-weight:800; margin-left:45px; margin-top:20px;}
.bnt-cursos-mais-fr{background:#ED3237; color:#FFF; font-size:10px; border-radius:5px; padding:5px; height:25px; border:none; font-weight:800; margin-left:170px; margin-top:20px; }
.bnt-cursos-sp{background:#FFF212; color:#FFF; border-radius:5px; padding:5px; height:30px; border:none; font-weight:800; margin-left:45px; margin-top:20px;}
.bnt-cursos-mais-sp{background:#FFF212; color:#FFF; font-size:10px; border-radius:5px; padding:5px; height:25px; border:none; font-weight:800; margin-left:170px; margin-top:20px; }
.bnt-servicos{background:#646473; color:#FFF; border-radius:5px; padding:5px; height:30px; border:none; font-weight:800; margin-left:45px; margin-top:20px;}
.bnt-servicos-mais{background:#646473; color:#FFF; font-size:10px; border-radius:5px; padding:5px; height:25px; border:none; font-weight:800; margin-left:170px; margin-top:20px; }
/*FONTES*/
header, section, article, footer{font-family:Arial, Helvetica, sans-serif;}
#slogan{font-family: 'ar_blancaregular';}
#welcome, #slogan{font-size:18px; color:#fff;}
#box1 h1, #box2 h1{font-size:20px; color:#373D66; text-align:center; font-weight:800;}
.contato h1, .sobre h1, .cursos h1, .artigos h1, .login h1, .painel h1, .proposta h1{font-size:20px; color:#373D66; text-align:center; font-weight:800;}
.contato p, .sobre p, .cursos p, .artigos p, /*.login p,*/ /*.painel p, */.painel td, .proposta p, .proposta ul li, .proposta td, .form-input, .form-input-proposta, .form-textarea {font-size:16px; color:#373D66; text-align:justify; margin:5px;}
.p-central{font-size:16px; color:#373D66; }
.sobre h2, .cursos h2, .proposta h2{font-size:16px; color:#373D66; font-weight:800; margin-top:20px; margin-left:5px;}
.creditos{font-size:12px; color:#373D66;}
.artigos h2{font-size:16px;color:#373D66;font-weight:800;text-align:center;}
.box-artigo p{font-size:16px; color:#373D66; text-align:center; margin:5px;}
#box1 p, #box2 p{font-size:16px; color:#373D66; text-align:center;}
#box1 a, #box2 a{font-size:16px; color:#373D66; font-weight:800;}
#col1 h2, #col2 h2, #col3 h2{font-size:20px; color:#373D66; text-align:center; font-weight:800; margin-bottom:30px;}
#col1 h2 span, #col2 h2 span, #col3 h2 span, .leia-mais{background:#373D66; color:#FFF; border-radius:3px; padding:2px;}
#col1 h3, #col2 h3, #col3 h3{font-size:18px; color:#373D66; text-align:center; text-transform:uppercase;}
#col1 p, #col2 p, #col3 p{font-size:16px; color:#373D66; text-align:justify; line-height:19px;}
#col1 p span{margin-left:10px;}
footer p{font-size:12px; color:#FFF; text-align:center;}
.studio-silver{color:#CCC; text-decoration:underline;}
#content-cursos h4{font-size:18px; color:#FFF; text-align:left; font-weight:800; margin-top:13px; margin-left:20px;}
#content-cursos h5{font-size:24px; color:#FFF; text-align:center; font-weight:800; margin-top:13px; margin-left:20px;}
#content-cursos ul li {font-size:14px; color:#373D66; text-align:left; line-height:25px; margin-top:15px; font-weight:800;}
#content-cursos ul{margin-top:30px;}
.artigos-index{margin-left:100px;}
.artigos-index a{font-size:18px; color:#373D66; font-weight:800;}
.artigos-index a:hover{font-size:18px; text-align:left; font-weight:800; color:#F00;}
#nav-bar p{font-size:18px; color:#373D66; text-align:left; font-weight:500;}
#nav-bar a {font-size:18px; color:#373D66; text-align:left; font-weight:800;}
#nav-bar a:hover{font-size:18px; text-align:left; font-weight:800; color:#F00;}
#nav-bar span{font-size:18px; color:#373D66; text-align:left; font-weight:500;}
.marca{color:#F00; text-shadow: 1px 1px 1px #FFF;}
/*api de fonte*/
@font-face {
font-family: 'ar_blancaregular';
src: url('../fonts/arblanca-webfont.eot');
src: url('../fonts/arblanca-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/arblanca-webfont.woff') format('woff'),
url('../fonts/arblanca-webfont.ttf') format('truetype'),
url('../fonts/arblanca-webfont.svg#ar_blancaregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* JANELA MODAL */
.janelaModal{
width: 500px;
height: 500px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -200px;
margin-top: -240px;
z-index: 99999;
}
.modalTitulo{
width: 457px;
height: 22px;
margin-bottom: 4px;
}
.fecharModal{
width: 22px;
height: 22px;
background: url(../img/fecharModal.png);
float: right;
cursor: pointer;
margin-top:-25px;
margin-right: -156px;
}
.conteudoModal{
width: 500px;
height: 500px;
border: solid 1px #555;
background: #FFF;
}
.conteudoModal p{
font-family: Arial, Verdana, Helvetica;
font-size: 13px;
padding: 10px;
text-align: justify;
}
.fundoModal{
width: 100%;
height: 100%;
position: fixed;
background: url(../img/fundoModal.png);
left: 0;
top: 0;
}
.h_modal{
color:#fff;
font-family: "Arial Black", Gadget, sans-serif; size:14px;
text-align:left;
}
/*SHAREBOX*/
.sharebox{float: left; width: 100%; padding: 25px 0; text-align: center;}
.sharebox li{display: inline-block; background: #ccc; margin: 0 15px; background-position: left 10px center; background-repeat: no-repeat; background-size: auto 60%;}
.sharebox a{float: left; padding: 10px 20px 10px 40px; color: #fff;}
.sharebox .count{float: right; background: rgba(0,0,0,0.5); padding: 10px 15px; color: #fff;}
.sharebox a:hover{text-decoration: none;}
.sharebox .facebook{background-image: url(../img/icon/facebook_pix.png); background-color: #44619D;}
.sharebox .facebook:hover{background-color: #6683BD;}
.sharebox .google{background-image: url(../img/icon/google_pix.png); background-color: #DD4B39;}
.sharebox .google:hover{background-color: #E67568;}
.sharebox .twitter{background-image: url(../img/icon/twitter_pix.png); background-color: #55ACEE;}
.sharebox .twitter:hover{background-color: #7BBFF2;}