﻿/*****BODY*****/

body {
    background: url('../images/bg_geral.jpg') top center no-repeat;
    background-size: calc(100vw * (3000/992)) auto;
    color: #001E3E;
}

/*******bloco1*******/
#bloco1 {
    background: #044a27;
    color: #ffffff;
    padding: 0;
    margin: 0;
    padding: 0 calc(100vw * (20/992)) calc(100vw * (40/992))calc(100vw * (20/992));
}

#bloco1 .divMenu {
    padding: calc(100vw * (20/992));
}

#bloco1 .divMenu2 {
    padding: calc(100vw * (20/992));
}

#bloco1 .divMenu3 {
    padding: calc(100vw * (20/992));
}

#bloco1 .textoMenu{
    padding-top: calc(100vw * (25/992));
}

#bloco1 a {
    color: #ffffff;
    text-decoration: none;
    margin: 0 calc(100vw * (50/992));
    font-size: calc(100vw * (40/992));
    /* font-weight: bold; */
}

#bloco1 a:hover {
    color: #ffffff;
    text-decoration: underline;
    /* font-weight: bold; */
}

#bloco1 .logoEvento{
    height: auto;
    width: calc(100vw * (300/992));
    /* margin-top: calc(100vw * (10/992)); */
}

#bloco1 .logoCliente {
    height: auto;
    width: calc(100vw * (150/992));
    /* margin-top: calc(100vw * (25/992)); */
}

/*******bloco2*******/

#bloco2{
    color:#2e4049;
    padding: calc(100vw * (80/992)) calc(100vw * (20/992)) 0 calc(100vw * (20/992)); 
}

#bloco2 .videoWrapper {
    position: relative;
    float:left;
    width:100%;
}

#bloco2 .videoWrapper iframe {
    position: relative;
    width:100%;
    height:calc(56.25vw - (100vw * (40/768)));
    background:#000;
}

#bloco2 .texto1 {
    width: calc(100vw * (800/992));
    height: auto;
}

#bloco2 .textofaixaverde {
    margin-top: calc(100vw * (60/992));
    width: calc(100vw * (920/992));
    height: auto;
}

/*******bloco2b*******/

#bloco2b
{
    background: url('../images/faixa_verde.jpg') top center no-repeat;
    background-size: calc(100vw * (3000/992)) auto;
    color:#fff;
    color:#fff;
    padding: calc(100vw * (40/992)) calc(100vw * (20/992));
    
}

#bloco2b .titulo {
    color: #4e8a6a;
}

#bloco2b .tabela {
    width: calc(100vw * (900/992));
    text-align: left;
}

#bloco2b .fonte {
    font-size: calc(100vw * (45/992));
    text-align: left;
}

#bloco2b .iconeGlobo {
    width: calc(100vw * (80/992));
    height: auto;
}

#bloco2b .alinhamento {
    vertical-align: top;
}

/*******bloco3*******/

#bloco3{
    padding: 0;
    margin: 0;
    color:#fff;
    padding: calc(100vw * (50/992)) calc(100vw * (20/992)) calc(100vw * (50/992)) calc(100vw * (30/992));
}

#bloco3 .titulo {
    color: #4e8a6a;
}

#bloco3 .tabela {
    width: calc(100vw * (900/992));
    text-align: left;
}

#bloco3 .icones {
    width: calc(100vw * (60/992));
    height: auto;
}

#bloco3 .icones2 {
    width: calc(100vw * (50/992));
    height: auto;
}

#bloco3 .icones3 {
    width: calc(100vw * (65/992));
    height: auto;
}

#bloco3 .alinhamento {
    vertical-align: bottom;
}

#bloco3 .alinhamento2 {
    vertical-align: middle;
}

#bloco3 .logoCliente2 {
    margin-top: calc(100vw * (80/992));
    width: calc(100vw * (236/992));
    height: auto;
}

#bloco3 .fonte {
    font-size:calc(100vw * (45/992));
    padding-left:calc(100vw * (20/992));
}

#bloco3 .fonte2 {
    font-size:calc(100vw * (50/992));
}

#bloco3 .margem {
    padding-top: calc(100vw * (100/992));
    padding-bottom: calc(100vw * (20/992));
}

/*******umalive*******/

#umalive
{
    background: #009a93;
    color:#ffffff;
    padding: calc(100vw * (20/992));
    font-size: calc(100vw * (20/992));
}
