﻿/*****BODY*****/

body {
    background: url('../images/bg_geral.jpg') top center no-repeat;
    background-size: calc(100vw * (1920/1920)) auto;
    color: #001E3E;
}

/*******bloco1*******/
#bloco1 {
    background: #044a27;
    color: #ffffff;
    padding: 0;
    margin: 0;
    padding: 0 calc(100vw * (220/1920)) 0 calc(100vw * (180/1920));
    /* color: #122b45; */
}

#bloco1 .divMenu {
    padding: calc(100vw * (20/1920)) 0;
}

#bloco1 .divMenu2 {
    padding: calc(100vw * (45/1920)) 0 0 calc(100vw * (30/1920));
}

#bloco1 .divMenu3 {
    padding: calc(100vw * (45/1920)) 0 0 0;
}

#bloco1 .textoMenu{
    padding-top: calc(100vw * (25/1920));
}

#bloco1 a {
    color: #ffffff;
    text-decoration: none;
    margin: 0 calc(100vw * (50/1920));
    font-size: calc(100vw * (25/1920));
    /* font-weight: bold; */
}

#bloco1 a:hover {
    color: #ffffff;
    text-decoration: underline;
    /* font-weight: bold; */
}

#bloco1 .logoEvento{
    height: auto;
    width: calc(100vw * (250/1920));
    /* margin-top: calc(100vw * (10/1920)); */
}

#bloco1 .logoCliente {
    height: auto;
    width: calc(100vw * (121/1920));
    /* margin-top: calc(100vw * (25/1920)); */
}

/*******bloco2*******/

#bloco2{
    color: #fff;
    padding-top: calc(100vw * (140/1920)); 
    padding-left: calc(100vw * (200/1920)); 
    padding-right: calc(100vw * (200/1920));
    padding-bottom: calc(100vw * (0/1920)); 
}

#bloco2 .videoWrapper {
    /* position: relative; */
    /* float:left; */
    text-align: center;
    margin-top: calc(100vw * (15/1920));
    /* padding-bottom: calc(100vw * (12/1920)); */
}

 #bloco2 .videoWrapper iframe {
    position: relative;
    width: calc(100vw * (1250/1920));
    height: calc(56.25vw * (1250/1920));
    background: #000;
    -webkit-border-radius: calc(100vw * (10/1920));
    -moz-border-radius: calc(100vw * (10/1920));
    border-radius: calc(100vw * (10/1920));
}

#bloco2 .texto1 {
    width: calc(100vw * (700/1920));
    height: auto;
}

#bloco2 .textofaixaverde {
    margin-top: calc(100vw * (60/1920));
    width: calc(100vw * (800/1920));
    height: auto;
}

/*******bloco2b*******/

#bloco2b
{
    background: url('../images/faixa_verde.jpg') top center no-repeat;
    background-size: calc(100vw * (1920/1920)) auto;
    color:#fff;
    padding: calc(100vw * (80/1920)) calc(100vw * (200/1920));
    
}

#bloco2b .titulo {
    color: #4e8a6a;
}

#bloco2b .tabela {
    width: calc(100vw * (1300/1920));
    text-align: justify;
}

#bloco2b .iconeGlobo {
    width: calc(100vw * (80/1920));
    height: auto;
}

#bloco2b .alinhamento {
    vertical-align: top;
}

/*******bloco3*******/

#bloco3{
    padding: 0;
    margin: 0;
    color:#fff;
    padding: calc(100vw * (80/1920)) calc(100vw * (200/1920));
}

#bloco3 .titulo {
    color: #4e8a6a;
}

#bloco3 .tabela {
    width: calc(100vw * (1300/1920));
    text-align: justify;
}

#bloco3 .icones {
    width: calc(100vw * (40/1920));
    height: auto;
}

#bloco3 .icones2 {
    width: calc(100vw * (30/1920));
    height: auto;
}

#bloco3 .icones3 {
    width: calc(100vw * (45/1920));
    height: auto;
}

#bloco3 .alinhamento {
    vertical-align: bottom;
}

#bloco3 .alinhamento2 {
    vertical-align: middle;
}

#bloco3 .logoCliente2 {
    margin-top: calc(100vw * (80/1920));
    width: calc(100vw * (236/1920));
    height: auto;
}

#bloco3 .fonte {
    font-size:calc(100vw * (32/1920));
}

#bloco3 .fonte2 {
    font-size:calc(100vw * (50/1920));
}

#bloco3 .margem {
    padding-top: calc(100vw * (100/1920));
    padding-bottom: calc(100vw * (20/1920));
}

/*******umalive*******/

#umalive
{
    background: #009a93;
    color:#ffffff;
    padding: calc(100vw * (30/1920)) calc(100vw * (200/1920));
}