.but {
display: inline-block;
background-color: #0D7F89;
color: #ffffff;
width: 100px;
padding: 10px 10px;
text-decoration: none;
box-sizing: border-box;
font: normal normal normal 21px/1em futura-lt-w01-book,sans-serif;
font-size: 12px;
border: 0px;
cursor: pointer;
}

.but-shadow {
box-shadow: 1px 1px 1px #999;
}
 
.but-rc {
border-radius: 4px;
}

.but:hover {
background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.15));
cursor: pointer;
}

#imgMapa:hover {
    background: white url('images\btnVerNoMapa.gif') no-repeat;
}

.content-text-configurado {
    margin: 40px 0 0 0;
}


.border-deivergencia
{    
    border-width: 1px;
    border-color: #0D7F89;
    border-style: solid;
    width: 595px;

    height: 200px;
    margin: 20px 0 0 15px;
}


.linha-divergencia {
    width: 620px;
    margin-left: 10px;
}

.content-divergencia {
    width: 640px;
    margin: 0 auto;
    height: 40px;
}

.lMap {
    background-color: #EEE;
    width: 595px;
    height:600px;
    border-width: 1px;
    border-color: #0D7F89;
    border-style: solid;
    margin: 20px 0 0 15px;
}

.null
{
    width: 595px;
}

.content-grid-mapa {
    margin: 20px 0 0 15px;
    width: 595px;

    border-width: 1px;
    border-color: #0D7F89;
    border-style: solid;
}


body {
    max-width: 640px;
    padding:0px; 
    margin:0px;
}

.container {
   max-width: 640px;
   margin: 0 auto;
}

.banner {
    width: 300px;
    background: url(../images/shdbottom.png) no-repeat center; 
    background-size: 300px 70px; 
    height: 70px;
    
}

.banner-conteudo{
    width: 445px; 
    height: 60px; 
    margin:0 auto; 
    background: #ffffff;   
}

.content-header {
    width: 100%;
    height: 120px;
}

.logo-empresa {    
    position: relative;
    width: 200px;
    height: 61px;
    margin: -60px 0 0 10px;
}

.content-item-menu {
    left: 148px;
    width: 465px;
    position: absolute;
    top: 58px;
    height: 33px;
}

#content-img-celular-mobile
{
    visibility: hidden;
}

.title-banner{
    left: 57px; 
    position: absolute; 
    top: 63px;  
    font-family: open sans,sans-serif;
    color: #5f5e5e;
    letter-spacing: 0.35em;
    font-size: 11px;
    line-height: normal;
    word-wrap: break-word;
}

#comp-ilfeifno {
    visibility: visible;
}

#title-banner
{
    visibility: hidden;
}
#banner{
    visibility: hidden;
}

.font-nome-segurado {
    font: normal normal normal 13px/1em futura-lt-w01-book,sans-serif !important;
}

#nome-segurado {
    width: 380px;
    height: 40px;
    position: relative;
    text-align: left;
    margin: -30px 0 0 10px;
    left: 2px;
    font: normal normal normal 15px/1.4em futura-lt-w01-book,sans-serif !important;
}

.font-tempo-numero {
    font: normal normal normal 26px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
    line-height: normal;
    letter-spacing: normal;
    font-weight: bold;
    width: 60px; 
    margin: 0 0 7px 0px;
    text-align: center;
}

.font-tempo-data {
    font: normal normal normal 23px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
    line-height: normal;
    letter-spacing: normal;
    font-weight: bold;
    width: 132px; 
    margin: 0 0 7px 0;
    padding-top: 20px;
    text-indent: -76px;
}

.font-tempo-texto {
    font: normal normal normal 16px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
    margin: -10px auto;
    width: 60px;
    padding: 0 0 0 0px;
    text-align: center;
    /*line-height: normal;
    letter-spacing: normal;*/
}

#content-dados-1 {
    width: 617px;
    background-color: #0D7F89;
    position: relative;
    height: 70px;
    top: -10px;
    left: 2px;
    text-align: left; 
    padding: 20px 0 0 20px;
    height: 80px;
}

#content-dados-2{
    left: 0px; 
    width: 150px; 
    position: relative; 
    top: -120px; 
    height: 155px;
}

#content-dados-tempo{
    left: 20px; 
    width: 473px; 
    position: relative; 
    top: -200px; 
    text-align: left;
    font-family: Arial; font-size: 15px; color:#ffffff;
    margin: 0;
    line-height: normal;
    letter-spacing: normal;
}

.font_30 {
    font-size: 12px !Important;
    height:20px;
}

#content-tempo{
    width: 200px; 
    height: 200px; 
    position: relative; 
    top: 1px;
    z-index: 1;
    margin: -90px auto;
    background: url(../images/fundo-tempo.png) no-repeat center; 
    background-size: 130px 130px; 

}

.content-tempo-conteudo {
    width: 47.2px;
    height: 40px;
    padding: 70px 0 0 70px;
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 0.8em;
    color: #FFFFFF;
    text-align: center;
}

#content-mapa {
    left: 470px;
    width: 51px;
    position: relative;
    top: -250px;
    height: 56px;
}

.content-conheca-conteudo-int {
    width: 640px;
    margin: 0 auto;
}

#content-mapa-txt
{
    left:448px; 
    width: 100px; 
    position: relative; 
    top: -240px; 
    text-align: left;
    font-family: Arial; font-size: 11px; color:#ffffff;
    color:#605E5E;
    text-align: center;
    margin: 0;
    line-height: normal;
    letter-spacing: normal;
} 

.size-mapa{
    width: 60px;    
    height: 61px;
}

.content-atendimento
{
    left: 0px; 
    width: 324px; 
    position: relative; 
    top: -220px;
}

.content-atendimento-titulo{
    left: 0px; 
    width: 324px;  
    top: 0px;
    margin-left: -17px
}

.content-atendimento-linha{
    left: 33px; 
    width: 380px; 
    position: relative; 
    top: 0px; 
    height: 5px;
}

.content-atendimento-conteudo {
    left: 33px;
    width: 275px;
    position: relative;
    top: 5px;
    text-align: center;
}

.content-endereco-segurado
{
    left: 0px; 
    width: 324px; 
    position: relative; 
    top: -200px;
}

.content-endereco-segurado-titulo {
    left: 33px;
    width: 185px;
    height: 10px;
    position: relative;
    top: 0px;
}

.content-endereco-segurado-linha{
    left: 38px; 
    width: 380px; 
    position: relative; 
    top: 15px; 
    height: 5px;
}

.content-endereco-segurado-conteudo {
    left: 38px;
    width: 270px;
    position: relative;
    top: 20px;
    text-align: left;
}

.content-endereco-destino
{
    left: 0px; 
    width: 324px; 
    position: relative; 
    top: -104px;
}

.content-endereco-destino-titulo {
    left: 13px;
    width: 185px;
    height: 10px;
    position: relative;
    top: 0px;
}

.content-endereco-destino-linha{
    left: 38px; 
    width: 380px; 
    position: relative; 
    top: 15px; 
    height: 5px;
}

.content-endereco-destino-conteudo {
    left: 38px;
    width: 270px;
    position: relative;
    top: 20px;
    text-align: left;
}

.content-conheca-ico {
    margin: 10px 0 0 60px;
    width: 71px;
    position: relative;
    height: 59px;
}

#informacoes {
margin: -190px 0 0 0;
}

.content-tamanho-conheca {
    width: 640px;
}
.content-informacao
{
    width: 400px; 
    float: left;
    margin:40px 0 0 110px;

}
.content-informacao-titulo{
    text-align: left;
    font-size: 16px;
    margin-left: 0px !Important;
}

.content-informacao-linha{
    width: 394px; 
    position: relative; 
    margin-left: 0px
}


.font-informacao-conteudo
{
    font-size: 13px;
}

.content-informe-divergencia {
    height: 0px;
}

.btn-informe-divergencia {
    min-height: 20px; 
    margin-left: 30px;
    position: relative; 
    top: 0px; 
    height: 50px; 
    width: 196px;
    margin-bottom: 20px;
}

.content-informacao-conteudo {
    position: relative;
    text-align: left;
    padding: 10px 0 10px 0px;
}

.content-conheca {
    width: 533px;
    height:100px;
    margin-left: 20px;
}

.content-conheca-app-title {
    position: relative;
    width: 533px;
    margin: 10px 0 0 50px;
    float: left;
    font: normal normal normal 26px/1.4em futura-lt-w01-book,sans-serif;
}

.img-app{
   float: left;
}

.content-conheca-conteudo {
    background-color: #F2F2F2; 
    text-align: center;
    float: left;
    margin: 10px 0 0 -20px;
    width: 638px
}

.font-conheca-app-title {
    font: normal normal normal 26px/1.4em futura-lt-w01-book,sans-serif;
}

#img-celular-frente-mobile {
    position: relative;
    float: left;
    left: 265px;
    top: 5px;
    display: block;
    width:110px;
    height: 208px;
}

.content-dados-app {
    margin: 30px 0 0 150px;
}

#ico-conheca
{visibility: hidden}

#img-celular-tras
{visibility: hidden}

#img-celular-frente
{position: absolute;
 margin: -685px 0 0 220px;
}

.content-conheca-beneficio{
    clear:both;
    padding: 0px 0 0 200px;
    width: 240px;
}



.content-conheca-ico {
    margin: 45px 0 0 60px;
    width: 71px;
    position: relative;
    height: 80px;
    float: left;
}

.content-conheca-title {
    left: 5px;
    top: 0px;
    width: 249px;
    position: relative;

}

.content-conheca-text {
    width: 200px;
    margin: 0 0 0 57px; 
    position: absolute;

}

.content-loja {
    margin: -80px -10px 0 221px;
    position:absolute;
    width: 533px
}

.content-download
{
    margin: 60px 0 0 -160px;
}

.content-footer {
    width: 480px;
    position: relative;
    left: 20px;
    height: 100px;
    bottom: auto;
}


.content-direitos-reservados {
    left: 200px;
    width: 230px;
    position: absolute;
    top: 25px;
 }

.content-loja-full{
    clear: both;
    padding: 40px 0 5px;
    float: left;
    position: relative;
    height: 80px;
    margin-left: -70px;
}

.img-logo-mondial {
    left: -5px;
    position: relative;
    top: -5px;
    width: 200px;
}

.powered {
    left: -25px;
    width: 148px;
    position: relative;
    top: 7px;
}

.modalbackground
{
    left: -15px !Important;
    top: -200px !Important;
}

.body_modal {
     margin: -290px 0 0 0;
}

.s1repeaterButton_gapper {
    padding: 0px 0 0 0px;
    margin: -30px 0 0 200px;
    font-size: 13px;
}