* {}
html {}
body {
    margin:0;
    font-family: 'roboto','Verdana', sans-serif;
}
.content {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}
input[type="text"]:focus,input[type="password"]:focus {background:#ff9 !important;}
.positionAbsolute {position:absolute !important;}
.imgCarregando {position:absolute;display:none;}
iframe {border:0;width:100%;display:block;margin:0;padding:0;}
/* Google Maps */
p.mapa {
    background:url('../images/location.png') no-repeat left;
    margin-top:10px;
    cursor:pointer;
}
p.mapa:hover {
    background:url('../images/location_hover.png') no-repeat left;
    color:#B42329 !important;
}
#mapa {
    height: 400px;
    border: 10px solid #ccc;
    margin-bottom: 20px;
}
/* ==========================================================================
Section Header
========================================================================== */
header {
    background: #fff;
    width: 100%;
    height: 140px;
    padding-top: 20px
}
header .content {
    height:125px;
    /*margin-top:10px;*/
}
header .logo {
    text-align:center;
    width: 200px;
    height: 100px;
    float: left;
    
}
header .logo img {
    max-width: 200px;
    max-height: 100px;
}
header .about-webinar {
    width: 600px;
    height: 100px;
    float: left;
    text-align: center;
}
header .about-webinar h1 {
    font-size: 20px;
    font-weight: 600;
    color: #505050;
    margin: 5px 0 5px 0;
    padding: 0;
    line-height: 1.2;
}
header .about-webinar p.local {
    font-size: 13px;
    color: #7e7e7e;
    margin: 0;
}
header .about-webinar span.local img {
    margin-right: 8px;
}
header .social-btns {
    width: 200px;
    height: 100px;
    float: right;
}
header .social-btns .s-btn {
    width: 40px;
    height: 40px;
    background: #fff;
    margin: 30px 0 0 8px;
    float: right;
}
header .social-btns .s-btn .twitter {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/twitter.png) 0 0;
    text-decoration: none;
    border: none;
}
header .social-btns .s-btn .twitter:hover {
    background: url(../images/twitter.png) 40px 0;
}
header .social-btns .s-btn .facebook {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/facebook.png) 0 0;
    text-decoration: none;
    border: none;
}
header .social-btns .s-btn .facebook:hover {
    background: url(../images/facebook.png) 40px 0;
}
header .social-btns .s-btn .google {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/google-plus.png) 0 0;
    text-decoration: none;
    border: none;
}
header .social-btns .s-btn .google:hover {
    background: url(../images/google-plus.png) 40px 0;
}
.btn_sair {
    position:absolute;
    width:26px;
    height:26px;
    top:-7px;
}
.btn_sair a {
    background:url('../images/close.png') no-repeat;
    width:26px;
    height:26px;
    display:block;
    text-indent:-99999px;
    position:relative;
    left:970px;
    top:10px;
}
/* ==========================================================================
Status da Transmissão
========================================================================== */
/* AO VIVO */
header .about-webinar .status.aovivo {
    width: 64px;
    background: #ff0000;
}
/* GRAVADO */
header .about-webinar .status.gravado {
    width: 80px;
    background: #939393;
}
/* Relógio */
header .about-webinar .status.relogio {
    width: 192px;
    background: #343434;
}
/* Configurações Gerais */
header .about-webinar .status {
    height: 26px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 28px;
    margin-left: auto;
    margin-right: auto;
}
/* ==========================================================================
Player | Video e Slide
========================================================================== */
/* TEMA BLACK */
section.player.black {
    background: #202020;
}
/* TEMA GRAY */
section.player.gray {
    background: #e8e8e8;
}
/* TEMA WHITE */
section.player.white {
    background: #f9f9f9;
}
/* Configurações Gerais */
section.player {
    width: 100%;
    height: 420px;
    border-top: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
    padding: 30px 0 0 0;
}
/* formato 1 */
section.player .formato_1 .video {
    width: 480px;
    height: 360px;
    background:#000 url('../images/webinar/background_streaming_formato1.jpg') center center;
}
section.player .formato_1 .apresentacao {
    width: 480px;
}
section.player .apresentacao-cont {
    /**background: url(../imagens/webcast-anbima.png) 110px 70px no-repeat;*/
    background-color: #f1f1f1;
    width: 480px;
    height: 326px;
}
/* ==========================================================================
Botões | Abaixo do Slide
========================================================================== */
/* TEMA BLACK */
section.player.black .slide-btns .btn-person, section.player.black .slide-btns .btn-baixar, section.player.black .slide-btns .btn-suporte  {
    background: #2e2e2e;
    color: #818181;
}
section.player.black .slide-btns .btn-person:hover, section.player.black .slide-btns .btn-baixar:hover, section.player.black .slide-btns .btn-suporte:hover  {
    background: #fefefe;
    color: #818181;
}
/* TEMA GRAY */
section.player.gray .slide-btns .btn-person, section.player.gray .slide-btns .btn-baixar, section.player.gray .slide-btns .btn-suporte  {
    background: #d1d1d1;
    color: #818181;
}
section.player.gray .slide-btns .btn-person:hover, section.player.gray .slide-btns .btn-baixar:hover, section.player.gray .slide-btns .btn-suporte:hover  {
    background: #fefefe;
    color: #818181;
}
/* TEMA WHITE */
section.player.white .slide-btns .btn-person, section.player.white .slide-btns .btn-baixar, section.player.white .slide-btns .btn-suporte  {
    background: #ededed;
    color: #818181;
}
section.player.white .slide-btns .btn-person:hover, section.player.white .slide-btns .btn-baixar:hover, section.player.white .slide-btns .btn-suporte:hover  {
    background: #d1d1d1;
    color: #818181;
}
/* Configurações Gerais */
section.player .slide-btns {
    font-size: 14px;
    font-weight: 600;
    font-size: 13px;
}
section.player .slide-btns a {
    text-decoration: none;
    color: inherit;
    padding: 7px 15px;
}
section.player .slide-btns img {
    padding: 0 2px 0 0;
    vertical-align: middle;
}
section.player .btn-person {
    width: 130px;
    height: 26px;
    float: left;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 8px 0 0 0 ;
    padding: 4px 0 0 0;
}
section.player .btn-baixar, section.player .btn-suporte {
    width: 126px;
    height: 26px;
    float: right;
    margin-left: 10px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 8px 0 0 8px ;
    padding: 4px 0 0 0;
}
/* ==========================================================================
Parceiros
========================================================================== */
section.parceiros {
    width: 100%;
    height: 150px;
    background: #fff;
    padding-top: 44px;
}
section.parceiros .align-parc{
    width: auto;
    height: 60px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 4%;
}
section.parceiros .nome-parc {
    height: 60px;
    padding: 20px 30px 0 30px;
    margin-right: 20px;
    font-size: 14px;
    color: #818181;
    float: left;
}
section.parceiros .lista-logos {
    width:700px;
    height: 60px;
    float: left;
    /*overflow:hidden;*/
}
section.parceiros .arrow {
    width: 16px;
    height: 30px;
    margin: 16px 12px;
    float: left;
}
section.parceiros .lista-logos .slide-logos-parc {
    display:block;
    width:620px;
    height:60px;
    float:left;
    overflow:hidden;
}
section.parceiros .lista-logos .slide-logos-parc ul {
    overflow:none;
    list-style:none;
    position:relative;
    margin:0;
    padding:0;
}
section.parceiros .lista-logos .slide-logos-parc ul li {
    width: 130px;
    height: 60px;
    float: left;
    margin: 0 12px;
    text-align: center;
}
section.parceiros .arrow-left {
    display: block;
    width: 16px;
    height: 30px;
    background: url(../images/arrow-left.png) 0 0;
    text-decoration: none;
    border: none;
}
section.parceiros .arrow-left:hover {
    background: url(../images/arrow-left.png) 16px 0;
}
section.parceiros .arrow-right {
    display: block;
    width: 16px;
    height: 30px;
    background: url(../images/arrow-right.png) 0 0;
    float:right;
}
section.parceiros .arrow-left a, section.parceiros .arrow-right a {
    border: none;
    text-decoration: none;
    display: block;
    width: 16px;
    height: 30px;
}
section.parceiros .arrow-right:hover {
    background: url(../images/arrow-right.png) 16px 0;
}
section.parceiros .logo-parc {
    max-width: 130px;
    min-width: 60px;
    height: 60px;
    float: left;
    margin: 0 12px;
    text-align: center;
}
section.parceiros .logo-parc img {
    max-width: 130px;
    max-height: 60px;
}
/* Ocultar */
.hide {
    display: none;
}
/* ==========================================================================
Perguntas
========================================================================== */
/* Cor Padrão (personalizável no HTML) - Alterar o hexadecimal da cor nos 2 campos abaixo */
/*section.perguntas { background: #0080b6;}
section.perguntas .formulario .btn-enviar {color: #0080b6;}*/
/* Fim - Cor Padrão */
/* Mensagem de Sucesso e Erro */
section.perguntas .msg-alert {
    position: fixed;
    left: 50%;
    margin-left: -200px;
    top: 300px;
}
section.perguntas .msg-alert .msg-sucesso {
    width: 400px;
    height: 38px;
    background: #D08E2A;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
section.perguntas .msg-alert .msg-sucesso p {
    font-size: 18px;
    font-weight: 400;
    padding-top: 6px;
    padding-left: 20px;
    text-align: left;
}
section.perguntas .msg-erro {
    width: 400px;
    height: 38px;
    background: #c53842;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
section.perguntas .msg-alert .msg-erro p {
    font-size: 15px;
    font-weight: 400;
    padding-top: 8px;
    padding-left: 20px;
    text-align: left;
}
section.perguntas .msg-alert .msg-erro a {
    color: #fff;
}
section.perguntas .msg-alert img {
    float: right;
    margin: -34px 8px 0 0;
}
/* Fim - Mensagem de Sucesso e Erro */
section.perguntas {
    width: 100%;
    height: 370px;
    padding: 50px 0 0 0;
}
section.perguntas .title-form {
    text-align: center;
}
section.perguntas h2 {
    color: #fff;
    font-size: 22px;
    margin: 10px 0 0 0;
    font-weight: 400;
}
section.perguntas p {
    color: #fff;
    margin: 10px 0;
    font-weight: 400;
    font-size: 14px;
}
section.perguntas .formulario {
    width: 670px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-left: 10px;
}
section.perguntas .form-group {
    width: 320px;
    float: left;
}
section.perguntas .form-control {
    display: block;
    width: 100%;
    height: 28px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
section.perguntas .formulario input {
    height: 36px;
    width: 300px;
    margin: 0 0 16px 0;
    background-color: #dbdbdb;
    color: #818181;
}
section.perguntas .formulario textarea {
    height: 88px;
    width: 334px;
    background-color: #fff;
    color: #202020;
    float: left;
}
section.perguntas .formulario .form-btn {
    width: 100%;
    clear: both;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
section.perguntas .formulario .btn-enviar {
    width: 140px;
    height: 34px;
    background-color: #fff;
    font-size: 13px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
}
section.perguntas .formulario .btn-enviar:hover {
    background: #D08E2A;
    color: #fff;
}
/*cores webinar*/
.cor_1 {background:#007DB4 !important;}
.cor_2 {background:#92B22F !important;}
.cor_3 {background:#BD0052 !important;}
/* ==========================================================================
Rodapé
========================================================================== */
footer {
    width: 100%;
    height: 70px;
    background: #fff;
    padding: 12px 0 10px 0;
}
footer .marca {
    width: 150px;
    font-size: 12px;
    color: #818181;
    float: left;
    padding-top: 2px;
}
footer .assinatura {
    width: 164px;
    float: right;
    font-size: 12px;
    color: #818181;
}
footer p {
    margin-top: 14px;
}
footer .assinatura img {
    float: right;
    border: none;
    text-decoration: none;
}
.popupFullScreen{
    width: 250px;
    text-align: center;
    position: fixed;
    top: 50px;
    right: 0px;
    background: black;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}