/*
Theme Name: Premio Petrobras de Esporte Educacional
Author: Contínuo Studio
Author URI: http://continuostudio.com;
*/

@font-face {
    font-family: 'petrobras_sansregular';
    src: url('css/fonts/petrobrassans_rg-webfont.eot');
    src: url('css/fonts/petrobrassans_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/petrobrassans_rg-webfont.woff') format('woff'),
         url('css/fonts/petrobrassans_rg-webfont.ttf') format('truetype'),
         url('css/fonts/petrobrassans_rg-webfont.svg#petrobras_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'petrobras_sansxbold';
    src: url('css/fonts/petrobrassans_xbd-webfont.eot');
    src: url('css/fonts/petrobrassans_xbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/petrobrassans_xbd-webfont.woff') format('woff'),
         url('css/fonts/petrobrassans_xbd-webfont.ttf') format('truetype'),
         url('css/fonts/petrobrassans_xbd-webfont.svg#petrobras_sansxbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'petrobras_sansbold';
    src: url('css/fonts/petrobrassans_bd-webfont.eot');
    src: url('css/fonts/petrobrassans_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/petrobrassans_bd-webfont.woff') format('woff'),
         url('css/fonts/petrobrassans_bd-webfont.ttf') format('truetype'),
         url('css/fonts/petrobrassans_bd-webfont.svg#petrobras_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {background: #fafafa; }

#container {width: 947px; margin: 0 auto; background-color: #ffffff; }

.content.left, .content.right {display: inline-block; vertical-align: top; }
.content.left {width: 440px; margin-right: 20px; }
.content.right {width: 430px; }
.content ul {margin: 0; padding: 0 0 0 20px; }
h2 {font-family: 'petrobras_sansxbold'; }
h2.titulo {color: #008542; text-transform: uppercase; font-size: 30px; margin: 0 0 10px 0; padding: 0; }
h3 {font-family: 'petrobras_sansxbold'; font-size: 18px; color: #58595b; }
p {font-family: 'petrobras_sansregular'; color: #58595b; font-size: 14px; line-height: 1.4; text-align: justify; }
.btn-petro {font-family: 'petrobras_sansxbold'; font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase; text-decoration: none; padding: 9px 35px; background-color: #008542; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 4px #076139;}
.btn-petro:hover {color: #008542; background-color: #ccc; box-shadow: -1px 0 0 #E7E7E7, 1px 0 0 #E7E7E7,0 -1px 0 #E7E7E7,0 1px 0 #E7E7E7; box-shadow: 0 4px #ababab;}
.btn-petro.big {font-size: 19px; padding: 12px 40px;  }
.page {padding: 70px 25px; min-height: 400px; }

#header-global {width: 100%; height: 228px; background: url(images/bg-header.png) 385px 0 no-repeat; }
#header-global .logo {position: absolute; margin: 73px 26px; }
#header-global ul.nav {list-style: none; margin: 0; padding: 0; top: 227px; position: absolute; }
#header-global ul.nav li {display: inline-block; vertical-align: top; margin-right: -0.25em; }
#header-global ul.nav li a {display:block;font-family: 'petrobras_sansregular'; font-size: 11px; background: #008542; color: #FFF; padding: 10px 38px; border-radius: 4px 4px 0 0; text-decoration: none; box-shadow: -1px 0 0 #E7E7E7, 1px 0 0 #E7E7E7,0 -1px 0 #E7E7E7; }
#header-global ul.nav li a:hover, #header-global ul.nav li.current_page_item a {background: #FFF; color: #008542; }
#header-global h1 {display: none;}

#footer-global {padding: 15px 25px; background: #f1f2f2; }
#footer-global ul.nav, #footer-global .regulamento, #footer-global .duvidas {display: inline-block; vertical-align: top; }
#footer-global ul.nav {margin:0; padding: 0; width: 340px; }
#footer-global ul.nav li {height: 16px; }
#footer-global ul.nav li a {color: #58595b; font-size: 11px; line-height: 1.2; text-decoration: none; }
#footer-global ul.nav li a:hover, #footer-global ul.nav li.current_page_item a {color: #008542; text-decoration: underline; }
#footer-global .regulamento {width: 275px; }
#footer-global .duvidas {width: 270px; }
#footer-global .regulamento h2, #footer-global .duvidas h2 {color: #008542; font-size: 14px; margin: 0 0 5px 0; padding: 0; }
#footer-global .regulamento p, #footer-global .duvidas p {font-size: 11px; text-align: left; }

#footer-bottom {padding: 15px 25px; }
#footer-bottom .content {border-top: 1px solid #c3c3c5; }
#footer-bottom .content .brands {position: relative; height: 50px; }
#footer-bottom .content .brands .petro {position: absolute; top: 13px; right: 0; }
#footer-bottom .content .brands .cieds {position: absolute; top: 7px;  }
#footer-bottom .content p {font-size: 10px; text-align: center; }

#home .video, #home .texto {display: inline-block; vertical-align: top; }
#home .video {padding: 43px 0 0 25px; }
#home .texto {padding: 43px 0 0 0; width: 435px; margin-left: 16px; }
#home .texto a {margin-top: 10px; display: inline-block; }
.passo-a-passo {margin: 30px 0 30px 0; padding: 25px 27px; background-color: #f1f2f2; height: 370px; }
#home .passo-a-passo {margin-bottom: 0;}
.passo-a-passo h2 {margin-bottom: 20px; }
.passo-a-passo ul {margin: 0 0 40px 0; padding: 0; }
.passo-a-passo ul li {display: inline-block; vertical-align: top; width: 212px; margin-right: 11px; }
.passo-a-passo ul li.last {margin: 0; }
.passo-a-passo ul li h3 {font-size: 19px; font-weight: bold; padding: 0; margin: 0 0 0 0; text-transform: uppercase; color: #333132; }
.passo-a-passo ul li img {margin-bottom: 3px; }
.passo-a-passo ul li p {text-align: left; font-size: 12px; color: #414042; }
#home .banners {padding: 30px 25px;}
#home .banners .banner {display: inline-block; vertical-align: top;}
#home .banners .banner.left {margin-right: 25px;}

#premio .content ul {margin-bottom: 40px;}
#premio .compartilhe {background-color: #f1f2f2; padding: 25px 20px; margin-top: 35px; position: relative; }
#premio .compartilhe h3 {margin: 0; }
#premio .compartilhe input[type="text"] {width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; padding: 8px 0; text-indent: 15px; margin-bottom: 10px; }
#premio .compartilhe a.bt-envia {background: #969c9c; border: 0; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #fff; padding: 8px 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: -3px 0; float: right; }
#premio .compartilhe a.bt-envia:hover {background: #008542; color: #fff; }
#premio .compartilhe .bt-share {display: inline-block; margin: 40px 0 0 30px; font-size: 10px; font-weight: bold; color: #fff; padding: 0 12px; height: 25px; background: #ccc; text-decoration: none; text-transform: uppercase; margin-right: 5px; line-height: 24px; }
#premio .compartilhe .bt-share.fb {background: #3a589b; }
#premio .compartilhe .bt-share.tw {background: #598dca; }
#premio .compartilhe .bt-share:before { content: ''; display: inline-block; margin-right: -25px; width: 25px; height: 25px; position: relative; left: -40px; vertical-align: top; }
#premio .compartilhe .bt-share.fb:before {background: url(images/share-fb-icon.png) no-repeat; }
#premio .compartilhe .bt-share.tw:before {background: url(images/share-tw-icon.png) no-repeat; }

#regulamento .content.left {width: 250px; }
#regulamento .content.right {width: 620px; }
#regulamento .content {margin-top: 20px; }
#regulamento .menu ul, #regulamento .lista ul {margin: 0; padding: 0; }
#regulamento .menu ul {margin-bottom: 80px; }
#regulamento .menu ul li {margin: 0 0 7px 0; }
#regulamento .menu ul li a {font-family: 'petrobras_sansbold'; font-size: 18px; font-weight: bold; color: #58595b; }
#regulamento .lista ul li {margin: 7px 0; }
#regulamento .lista ul li h3 {display: block; font-size: 13px; color: #fff; text-transform: uppercase; background-color: #008542; padding: 5px 15px; margin: 0 0 2px 0; cursor: pointer; }
#regulamento .lista ul li .texto {padding: 10px 15px; background-color: #f1f2f2; display: none; }
#regulamento .lista ul li .texto p {font-size: 12px; line-height: 1.3; margin: 0 0 5px 0; }

#inscreva-se a.bt-regulamento, #inscreva-se a.bt-download {display: block; width: 215px; margin: 5px 0; }
#inscreva-se .page {padding: 70px 25px 15px 25px; }
#inscreva-se .passo-a-passo {margin: 0 0 20px 0; height: 350px;}
#inscreva-se .passo-a-passo ul {margin: 0 0 20px 0; }
/*#inscreva-se a.bt-inscrevase {margin: 0 25px 20px; display: inline-block;}*/
#inscreva-se a.bt-inscrevase {margin: 10px 0 0 0;display: inline-block;width: 205px; color: #fff; background-color: #1d6eb3; box-shadow: 0 4px #104b7d;}
#inscreva-se a.bt-inscrevase:hover {background-color: #78c1ff; box-shadow: 0 4px #3e8dd0;}

#inscreva-se a.bt-cartilha {font-family: 'petrobras_sansbold'; font-size:16px; margin: 15px 0 0 73px; padding: 21px 35px; display: inline-block; width: 165px; color: #fff; line-height: 1.2em;}
#inscreva-se img.cartilha {display: inline-block; vertical-align: top;  margin: 10px 0 0 0; text-decoration: none;}
#inscreva-se .left h2.inscricao {color: #008542; font-size: 16px; text-transform: uppercase; margin: 30px 0 0 40px;}

#inscreva-se .dica p {display: inline-block; width: 749px; vertical-align: top; margin: 0 13px;}

#inscricao .cadastro h2, #inscricao .login h2 {font-family: 'petrobras_sansbold'; font-size: 18px; font-weight: bold; color: #008542; text-transform: uppercase; margin: 0 0 10px 0;}
#inscricao .cadastro p, #inscricao .login p {font-family: 'petrobras_sansregular'; font-size: 14px; color: #414042; margin: 0 0 10px 0; }
#inscricao {position: relative;padding-top: 40px; margin-top: 30px; }
#inscricao.page { }
/*#inscricao .cadastro {position: absolute; top: 190px; left: 100px; text-align: center; width: 300px; }*/
#inscricao .cadastro {margin-top: 100px; text-align: center; }
#inscricao .cadastro p {text-align: center; }
#inscricao .cadastro a {display: block; margin-top: 10px; font-size: 16px; }
#inscricao .login {position: absolute; top: 190px; left: 503px; width: 347px; }
#inscricao .login a {position: absolute; right: 0; }
#inscricao .login a.bt-esqueci-senha {top: 158px; font-size: 12px; color: #414042; }
#inscricao .login input[type="text"], #inscricao .login input[type="password"] {width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; padding: 8px 0; text-indent: 15px; margin-bottom: 5px; }
#inscricao .formulario {display: block; width: 365px; margin: 0 auto; }

#inscricao .formulario input[type="text"], #inscricao .formulario input[type="password"], #inscricao .formulario select {width: 99%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; padding: 8px 0; text-indent: 15px; margin-bottom: 5px;}
#inscricao .formulario textarea {padding: 10px; min-width: 94%; max-width: 94%; min-height: 200px; max-height: 200px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; padding: 10px; margin-bottom: 5px; border-bottom: 1px solid #ccc;}
#inscricao .formulario p.chars {text-align: right; margin-top:0;}
#inscricao .formulario p.check {display: inline-block; vertical-align: top; width: 90%; margin: 0 0 5px 10px;}
#inscricao p {line-height: 1.3; margin: 10px 0; }
#inscricao .sx_content, #inscricao #user_nascimento { display: inline-block; vertical-align: top; }
#inscricao .sx_content {width: 115px; }
#inscricao #user_nascimento {width: 242px; }
#inscricao .tel p, #inscricao .tel input[type="text"] {display: inline-block; vertical-align: top; }
#inscricao .tel p {width: 70px; }
#inscricao .tel input.ddd {width: 70px; }
#inscricao .tel input.num {width: 209px; }
#inscricao a.btn {display: inline-block; margin: 20px 0;}
#inscricao a.bt-salvar {display: inline-block; margin: 20px 5px 20px 0; color: #fff; background-color: #1d6eb3; box-shadow: 0 4px #104b7d;}
#inscricao a.bt-salvar:hover { background-color: #78c1ff; box-shadow: 0 4px #3e8dd0;}
#inscricao .formulario input[type="text"].inpt_rua,
#inscricao .formulario input[type="text"].inpt_numero,
#inscricao .formulario input[type="text"].inpt_bairro,
#inscricao .formulario input[type="text"].inpt_cep,
#inscricao .formulario input[type="text"].inpt_complemento {display: inline-block; vertical-align: top; }
#inscricao #etapa1, #inscricao #etapa2, #inscricao #etapa3, #inscricao #etapa4, #inscricao #etapa5, #inscricao #etapa6, #inscricao #etapa7 {display: none;}
#inscricao #etapa4 .escola-publica, #inscricao #etapa4 .universidade, #inscricao #etapa4 .terceiro-setor, #inscricao #etapa4 .instituicao_equip_espr,  #inscricao #etapa4 .bt-salvar,  #inscricao #etapa4 .bt-proxima {display: none;}
a.btn-petro.upload {font-size: 12px; background-color: #939598; color: #333; box-shadow: 0 4px #6c6d6e;}
a.btn-petro.upload:hover {background-color: #adb0b3; box-shadow: 0 4px #939598;}
.upload h3 {margin: 5px 0; }
.upload {margin: 40px 0; }
#inscricao div.upload .load {display: none; color:#1d6eb3;}
#inscricao div.upload .filename {color:#1d6eb3; padding-top: 10px;}
#inscricao div.resumo-content p {margin: 5px 0;}
#inscricao input[type="file"] {font-size: 25px !important;}
#inscricao .formulario input[type="text"].inpt_cep {width: 64%%; }
#inscricao .formulario a.buscar-cep, #inscricao .formulario a.instituicao-buscar-cep {font-size:13px; margin:0; display: inline-block; vertical-align: top; }

p.aviso {text-align: center; font-weight: bold; margin: 0; color: #F00; }
#inscricao #etapa7 {text-align: center; width: 520px; }
#etapa7 h2, #etapa7 h3 {margin: 0; }
#etapa7 h2 {margin-top: 60px; }
#inscricao .formulario input[type="text"].inpt_rua {width:65%; }
#inscricao .formulario input[type="text"].inpt_numero {width: 115px;}
#inscricao .formulario input[type="text"].inpt_bairro {width: 50%;}
#inscricao .formulario input[type="text"].inpt_complemento {width: 170px;}
#inscricao a.regulamento { font-size: 18px; vertical-align: top; display: inline-block; font-family: 'petrobras_sansbold'; color: #414042; text-decoration: none;}

#inscricao .nav {display: none;}
#inscricao .nav ul {background: url(images/inscricao-nav-bg.png) 105px 13px no-repeat;}
#inscricao .nav ul li {display: inline-block; vertical-align: top; margin: 0 44px; text-align: center; }
#inscricao .nav ul li .marca {display:block; background-color:#fff; width:25px;height:25px; border:1px solid #888a8a; margin: 0 auto 18px auto; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
#inscricao .nav ul li .marca.enable {background-color:#fdc82f; cursor:pointer;}
#inscricao .nav ul li .marca.ativo {background-color:#fdc82f; border:0; box-shadow: 0 0 0 13px #008542;}
#inscricao .nav ul li p { color:#939598; }

#boas-praticas .content.left {width: 435px; }
#boas-praticas .forum {background-color: #ededed; padding: 21px 19px; margin-top: 20px; height: 222px;}
#boas-praticas .forum h3 {margin: 0; }
#boas-praticas .content ul.lista, 
#boas-praticas .content ul.lista li, 
#boas-praticas .content ul.lista li h3, 
#boas-praticas .content ul.lista li p {margin: 0; padding: 0; }
#boas-praticas .content ul.lista {margin-top: 30px; } 
#boas-praticas .content ul.lista li {margin-bottom: 20px; }
#boas-praticas .content ul.lista li p {margin-bottom: 15px; }
#boas-praticas .content ul.lista li a:hover {color: #ccc; text-decoration: underline; }
#boas-praticas .content ul.lista li h3 {margin: 5px 0; }
#boas-praticas .content ul.lista li h3 a {color: #58595b; text-decoration: none; }
#boas-praticas .content.lista-left, #boas-praticas .content.lista-right {display: inline-block; vertical-align: top;}
#boas-praticas .content.lista-left {width: 560px; margin-right: 20px;}
#boas-praticas .content.lista-right {width: 307px; }
#boas-praticas .content.lista-right img {max-width: 307px; }
#boas-praticas .content.lista-left li p {margin-bottom: 15px; }

#novidades .content.left {width: 560px; }
#novidades .content.right {width: 307px; }
#novidades .content.right .titulo {text-transform: uppercase; font-size: 24px; color: #414042; margin: 0 0 10px 0; }
#novidades .agenda, #novidades .agencia {background-color: #008544; padding: 10px; }
#novidades .agenda {margin-bottom: 20px;}
#novidades .agenda h3 {margin: 0; font-size: 14px; color: #008542; text-transform: uppercase; }
#novidades .agenda p {text-align: left; color:#ffffff; font-size: 14px; line-height: 1.2;}
#novidades .agenda p strong {font-weight: bold;}
#novidades .agenda p span { color: #ffd231;}
#novidades .agencia{ position: relative;height: 128px;}
#novidades .agencia h3 {margin: 0 0 10px 0; font-size: 18px; color: #414042; text-transform: uppercase; }
#novidades .agencia p {margin: 0; font-size: 14px; color: #414042; text-align: left;}
#novidades .agencia a {font-size: 11px; background:#ababab; color:#414042; float: right; margin-top:10px;}
#novidades .agencia a:hover { background:#fcfcfc; color:#414042; border: 0; }
#novidades ul, #novidades ul li, #novidades ul li h3, #novidades ul li p {margin: 0; padding: 0; }
#novidades ul {margin-top: 30px; } 
#novidades ul li {margin-bottom: 40px; border-bottom: 1px solid #DDD; padding-bottom: 20px;} 
#novidades ul li p {margin-bottom: 15px; }
#novidades ul li a:hover {color: #ccc; text-decoration: underline; }
#novidades ul li h3 {margin: 5px 0; }
#novidades ul li h3 a {color: #58595b; text-decoration: none; }
#novidades .content.right .titulo.tit-agenda {color: #008544; margin: 0 0 -9px 0; font-weight: normal; text-indent: 20px; }

#duvidas > h3 {color: #414042; font-size: 14px; font-weight: normal; }
#duvidas .lista ul {margin: 0; padding: 0; }
#duvidas .lista ul li {margin: 7px 0; }
#duvidas .lista ul li h3 {display: block; font-size: 13px; color: #fff; text-transform: uppercase; background-color: #008542; padding: 5px 15px; margin: 0 0 2px 0; cursor: pointer; }
#duvidas .lista ul li .texto {padding: 10px 15px; background-color: #f1f2f2; display: none; }
#duvidas .lista ul li .texto p {font-size: 12px; line-height: 1.3; margin: 0 0 5px 0; }

.box {display: none; background-color: #fff; padding: 30px;}
.fancybox-skin {background-color: transparent; box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; }

#esclarecimento {
    background-color: #ffcb31;
    padding: 15px 30px;
    margin: 30px 0 0 0;
    color: #000;
}
#esclarecimento h2 {
    padding: 0;
    margin-bottom: 5px;
    font-size: 16px; font-weight: bold;  }
}
#esclarecimento h3 {
    font-size: 14px; font-weight: normal; }
}