﻿/* DEFAULTS
----------------------------------------------------------*/

* {
border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align:baseline;
right:0px;
    left:0;
}

body   
{
    background-image: url("../Imagens/Master_Pages/fundo.png");
    background-size: cover;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    left: 0;
    position: relative;
}

a:link, a:visited
{
    color: rgb(34, 49, 63);
}

a:hover
{
    color: rgb(34, 49, 63);
    text-decoration: none;
}

a:active
{
    color: rgba(34, 49, 63, 0.7);

}

p
{
    font-family: Arial;
    font-size: 17px;   
    margin-bottom: 0px;
    line-height: 28px;
    color: rgb(34, 49, 63);
    font-weight: normal;
}

.lista_texto
{
    width: 93%;
    left: 50%;
    margin-left: -46.5%;
    position: relative;
}

.lista_texto li
{
    list-style-type: circle;
    margin-bottom: 5px;
    font-family: Arial;
    font-size: 17px;   
    line-height: 25px;
    color: rgb(34, 49, 63);     
}
    

/* HEADINGS   
----------------------------------------------------------*/

h1
{
    color: rgb(34, 49, 63);
    left: 0;
    margin-left: 0;
    font-size: 38px;
    font-family: Arial;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

h2
{
    color: rgb(34, 49, 63);
    left: 0;
    margin-left: 0;
    margin-top: 0px;
    font-size: 28px;
    font-weight: normal;
    font-family: Arial;
    padding-bottom: 0px;
    margin-bottom: 30px;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 100%;
    margin-top: 0;
    left: 0;
    margin-left: 0;
    position: relative;
}

.header
{
    background-image: url("../Imagens/Master_Pages/header.png");
    background-size: cover;
    top: 0;
    position: fixed;
    height: 164px;
    z-index: 99999999;
    margin: 0px;
    padding: 0px;
    width: 100%;
    left: 0;
    margin-left: 0;   
}

.logo
{
    margin-top: 15px;
    width:368px;
    left: 0.8%;
    z-index: 999;
    height: 122px;
    margin-left: -2.944px;
    position: relative;
}

.logo_imagem
{
    width: 100%;
    position: relative;
    top: 0px;
}

.menu_superior
{
    width: 729px;
    left: 98%;
    margin-left: -714.42px;
    height: 40px;
    margin-top: -80px;
    position: relative;
    margin-bottom: 0px; 
}

.menu_superior ul
{
    width: 100%;
    left: 0;
    height: 40px;
    list-style: none;
    margin-left: 0;
    position: relative;
}

.menu_superior ul li
{
    display: inline-block;
    list-style: none;
    width: 130px;
    height: 28px;
    padding-top: 12px;
    background-color: rgb(238, 238, 246);
    margin-right: 15px;    
    text-align: center; 
}

.menu_superior ul li.ativo
{
    width: 130px;
    height: 28px;
    padding-top: 12px;
    background-color: rgba(238, 238, 246, 0.7);
    margin-right: 15px;    
    text-align: center;
    text-decoration: underline;
    font-family: Arial;
    font-size: 16px;
    color: rgba(34, 49, 63, 0.5);      
}

.menu_superior ul li a
{

    text-decoration: none;
    text-align: center;
    font-family: Arial;
    font-size: 16px;
    color: rgb(34, 49, 63);
    font-weight: normal;
}

.menu_superior ul li a:hover
{
    text-decoration: underline;
    text-align: center;
    font-family: Arial;
    font-size: 16px;
    color: rgb(34, 49, 63);
    font-weight: normal;
}

#fale_conosco
{
    margin-right: 0;
}

.imagem_cabecalho
{
    padding-top: 0px;
    margin-top: 0px;
    width: 100%;
    left: 100%;
    margin-left: -100%;
    margin-bottom: 20px;
    background-image: none;
    position: relative;
}

.imagem_cabecalho_imagem
{
    margin-top: 0px;
    height: 708px;
    width: 100%;
    position: relative;
}

.cabecalho_sessao
{
    padding-top: 0px;
    margin-top: 0px;
    width: 100%;
    left: 100%;
    margin-left: -100%;
    margin-bottom: 20px;
    background-image: none;
    position: relative;
}

.cabecalho_sessao_interno
{
    padding-top: 0px;
    top: 165px;
    width: 99%;
    left: 0%;
    margin-left: 0;
    margin-bottom: 20px;
    background-image: none;
    position: relative;
}

.cabecalho_sessao_imagem
{
    margin-top: 0px;
    height: 650px;
    width: 100%;
    position: relative;

}

.imagem_cabecalho_home
{
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
}

.fundo_texto
{
    width: 35%;
    left: 100%;
    margin-left: -35%;
    margin-top: -670px;
    height: 650px;
    position: relative;
    background-image: url("../Imagens/Home/fundo_texto.png");
}

.fundo_texto_interno
{
    width: 99%;
    left: 0;
    margin-left: 0;
    margin-top: -505px;
    height: 650px;
    position: relative;
    background-image: url("../Imagens/Home/fundo_texto.png");
}

.texto_home
{
    width: 96%;
    top: 50px;
    left: 50%;
    margin-left: -48%;
    position: relative;
    height: 300px;    
}

.texto_home h1
{
    color: rgb(34, 49, 63);
    margin-top: 0px;
    font-size: 38px;
    font-family: Arial;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.leia_mais
{
    float: none;
    margin-right: 0;
    left: 0;
    width: 100%;
    text-align: right;
    margin-top: 20px;
}

.leia_mais a
{
    font-family: Arial;
    font-size: 16px;   
    text-decoration: underline; 
    margin-bottom: 0px;
    line-height: 1.6em;
    color: rgba(34, 49, 63, 0.6);
}

.leia_mais a:hover
{
    font-family: Arial;
    font-size: 16px;   
    text-decoration: none; 
    margin-bottom: 0px;
    line-height: 1.6em;
    color: rgba(34, 49, 63, 1);
}

.texto_interno
{
    width: 98%;
    top: 5px;
    left: 50%;
    margin-left: -49%;
    position: relative;
    height: 300px;    
}


#content
{
    padding: 0px;
    margin: 0px 0px 0 0;
    position: relative;
}
#content section
{
    width: 99%;
    left: 0;
    margin-left: 0;
    padding-top: 165px;
    position: relative;
}

.content
{
    width: 100%;
    padding-top: 0px;
    z-index: 0;
    position: relative;
}

#home
{   
    width: 99.2%;
    top: 0px;
    height: 610px;
    margin-bottom: 0px;
    position: relative;
}

#prevencao
{    
    width: 99.2%;
    top: 0px;
    height: 610px;
    margin-bottom: 0px;
    position: relative;
}

#dentistica_restauradora
{    
    width: 99.2%;
    top: 0px;
    height: 610px;
    margin-bottom: 0px;
    position: relative;
}

#ortodontia
{    
    width: 99.2%;
    top: 0px;
    height: 610px;
    margin-bottom: 0px;
    position: relative;
}

#implantes
{    
    width: 99.2%;
    height: 610px;
    margin-bottom: 0px;
    position: relative;
}

#odontopediatria
{    
    width: 99.2%;
    height: 610px;
    margin-bottom: 0px;
    position: relative;
}

#proteses_dentarias
{    
    width: 99.2%;
    height: 610px;
    margin-bottom: 0px;
    position: relative;
}

#endodontia
{    
    width: 99.2%;
    height: 610px;
    margin-bottom: 0px;
    position: relative;
}

#periodontia
{    
    width: 99.2%;
    height: 610px;
    margin-bottom: 0px;
    position: relative;
}

#clareamento_dentario
{    
    width: 99.2%;
    height: 610px;
    margin-bottom: 0px;
    position: relative;
}

#estetica
{   
    width: 99.2%; 
    height: 610px;
    margin-bottom: 0px;
    position: relative;
}

#harmonizacao_facial
{    
    width: 99.2%;
    height: 610px;
    margin-bottom: 0px;
    position: relative;
}

#disfuncao_da_atm
{    
    width: 99.2%;
    height: 610px;
    margin-bottom: 0px;
    position: relative;
}

#odontologia_do_esporte
{    
    width: 99.2%;
    height: 610px;
    margin-bottom: 0px;
    position: relative;
}

header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    width: 83%;
    left:100%;
    position: relative;
    top: 0px;
    margin-top: 0px;
    margin-left: -83%;
    padding-right: 0;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    background-image: url("../Imagens/Master_Pages/rodape.png");
    background-size: cover;
    z-index: 9999999;
    position: relative;
    margin-top: 55px;
    width: 100%;
    left: 0%;
    margin-left: 0;
    line-height: normal;
    height: auto;
}

.footer_interno
{
    background-image: url("../Imagens/Master_Pages/rodape.png");
    background-size: cover;
    z-index: 9999999;
    position: relative;
    margin-top: 15px;
    width: 100%;
    left: 0;
    margin-lefT: 0;
    line-height: normal;
    height: auto;

}

.duvidas
{
        padding-top: 20px;
    width: 180px;
    height: 140px;
    left: 99%;
    margin-left: -178.2px;
    position: relative;
}

.duvidas_imagem
{
    width: 160px;
    height: 71px;
    left: 50%;
    margin-left: -80px;
    position: relative;
}

.imagem_duvidas
{
    width: 100%;
    position: relative;
}

.tire_duvidas
{
    width: 180px;
    height: 169px;
    margin-top: 0px;
    left: 100%;
    margin-left: -180px;
    position: relative;
}

.imagem_tire_duvidas
{
    width: 100%;
    position: relative;
}

.tire_duvidas_texto
{
    font-family: Arial;
    font-size: 15px;
    width: 180px;
    margin-top: -150px;
    left: 100%;
    text-align: center;
    margin-left: -180px;
    position: relative;
}

.responsaveis_tecnicas
{
    width: 324px;
    height: 189px;
    left: 1%;
    margin-left: -3.24px;
    margin-top: -100px;
    position: relative;
}

.responsaveis_tecnicas_imagem
{
    width: 100%;
    position: relative;
}

.responsaveis_tecnicas_quadro
{
    width: 100%;
    position: relative;
}

.responsaveis_tecnicas_texto
{
    z-index: 999;
    color: rgb(34, 49, 63);   
    text-align: center;
    font-family: Arial;
    font-size: 15px;
    margin-top: -160px;
    position: relative;
}

.redes_sociais
{
    margin-top: -120px;
    font-family: Arial;
    font-size: 15px;
    width: 34%;
    left: 57%;
    margin-left: -19.38%;
    height: 200px;
    position: relative;
    text-align: left;
}

.siga
{
    width: 40px;
    height: 43px;
    position: relative;
}

.siga_imagem
{
    width: 100%;
    position: relative;
}

.siga_texto
{
    margin-top: -30px;
    margin-left: 50px;
    font-family: Arial;
    font-size: 15px;
    color: rgb(34, 49, 63);
    font-weight: bold;
}

.facebook_instagram
{
    width: 200px;
    height: 40px;
    left: 50%;
    margin-left: -100px;
    position: relative;
    margin-top: 30px;
}

.facebook
{
    width: 40px;
    height: 40px;
    left: 0;
    margin-left: 0;
    position: relative;
}

.facebook_imagem
{
    width: 100%;
    position: relative;
}

.facebook_texto
{
    margin-top: -30px;
    margin-left: 50px;
    font-family: Arial;
    font-size: 15px;
    color: rgb(34, 49, 63);
}

.instagram
{
    margin-top: 30px;
    width: 40px;
    height: 40px;
    left: 0;
    margin-left: 0;
    position: relative;
}

.instagram_imagem
{
    width: 100%;
    position: relative;
}

.instagram_texto
{
    margin-top: -30px;
    margin-left: 50px;
    font-family: Arial;
    font-size: 15px;
    color: rgb(34, 49, 63);
}

.endereco
{
    border-top: 5px solid rgb(238, 238, 246);
    width: 54%;
    left: 57%;
    margin-left: -30.78%;
    position: relative;
    margin-top: 80px;
    padding-top: 15px;
    text-align: center;
    font-family: Arial;
    font-size: 15px;
    color: rgb(34, 49, 63);
}

.contato_tudo
{
    width: 54%;
    left: 50%;
    margin-left: -27%;
    position: relative;
}

.contatos
{
    width: 43.5%;
    left: 55.5%;
    margin-left: -24.1425%;
    position: relative;
    margin-top: 25px;
    text-align: center;
}

.contato_titulo
{
    width: 80px;
    left: 0;
    margin-left: 0;
    position: relative;
    font-family: Arial;
    font-size: 15px;
    color: rgb(34, 49, 63);
    font-weight: bold;
}

.whatsapp_Benilde
{
    margin-top: -20px;
    width: 185px;
    height: 40px;
    margin-left: 85px;
    position: relative;
}

.whatsapp_Benilde_imagem
{
    width: 32px;
    height: 32px;
    left: 0;
    position: relative;
}

.simbolo_whatsapp_Benilde
{
    width: 100%;
    position: relative;
}

.whatsapp_Benilde_texto
{
    height: 25px;
    width: 150px;
    margin-top: -25px;
    margin-left: 25px;
    position: relative;
}

.whatsapp_Benilde_texto a
{
    color: rgb(34, 49, 63);
    font-family: Arial;
    font-size: 15px;
   text-decoration: none;
}

.whatsapp_Benilde_texto a:hover
{
    color: rgb(34, 49, 63);
    font-family: Arial;
    font-size: 15px;
    text-decoration: underline;
}


.whatsapp
{
    width: 185px;
    height: 40px;
    margin-left: 85px;
    position: relative;
}

.whatsapp_imagem
{
    width: 32px;
    height: 32px;
    left: 0;
    position: relative;
}

.simbolo_whatsapp
{
    width: 100%;
    position: relative;
}
.whatsapp_texto
{
    height: 25px;
    width: 150px;
    margin-top: -25px;
    margin-left: 25px;
    position: relative;
}

.whatsapp_texto a
{
    color: rgb(34, 49, 63);
    font-family: Arial;
    font-size: 15px;
   text-decoration: none;
}

.whatsapp_texto a:hover
{
    color: rgb(34, 49, 63);
    font-family: Arial;
    font-size: 15px;
    text-decoration: underline;
}

.email
{
    margin-top: 5px;
    width: 32px;
    height: 23px;
    margin-left: 85px;
    position: relative;
}

.email_imagem
{
    width: 100%;
    position: relative;
}
.email_texto
{
    margin-top: -25px;
    margin-left: 125px;
}

.email_texto a
{
    font-family: Arial;
    font-size: 15px;
    color: rgb(34, 49, 63);
    text-decoration: underline;
}

.email_texto a:hover
{
    font-family: Arial;
    font-size: 15px;
    color: rgb(34, 49, 63);
    text-decoration: none;
}

.site_desenvolvido
{
    width: 22.5%;
    left: 55.5%;
    margin-left: -12.4875%;
    margin-top: 50px;
    position: relative;
    padding-bottom: 20px;
}

.site_desenvolvido_texto
{
    left: 0;
    margin-left: 0;
    padding-top: 15px;
    width: 270px;
    height: 50px;
    font-family: Arial;
    font-size: 15px;
    color: rgb(34, 49, 63);
    font-style: italic;
    position: relative;    
}

.site_desenvolvido_texto a
{
    font-family: Arial;
    font-size: 15px;
    color: rgb(34, 49, 63);
    font-style: italic;
    text-decoration: underline;
}

.site_desenvolvido_texto a:hover
{
    font-family: Arial;
    font-size: 15px;
    color: rgb(34, 49, 63);
    font-style: italic;
    text-decoration: none;
}

.logo_webguzzi
{
    width: 51px;
    height: 50px;
    left: 100%;
    margin-left: -51px;
    margin-top: -67px;
    position: relative;
}
        
/* TAB MENU   
----------------------------------------------------------*/


header nav
{
   width: 192px;
   left: 0.8%;
   height: 650px;
   margin-left: -1.536px;
   position: fixed;
   margin-top: 165px;
   margin-bottom: 0px;
   text-align: left;
}

header nav li
{
    display: inline-block;
    width: 195px;
    margin-bottom: 21.7px;
    margin-top: 0px;
    margin-left: 0;
    margin-right: 0px;
    background-color: rgb(238, 238, 246);
    text-align: center;
    padding: 0px 0 0 0;
    height: 30px;
    letter-spacing: 0px;
    font-family: Arial;
    font-size: 14px;
    color: rgb(34, 49, 63);
    text-decoration: none;
}

header nav li a
{
    width: 192px;
    display: block;
    line-height: 32px;
    letter-spacing: 0px;
    font-family: Arial;
    font-size: 13px;
    color: rgb(34, 49, 63);
    text-decoration: none;
}

header nav li a:hover
{
    letter-spacing: 0px;
    font-family: Arial;
    font-size: 13px;
    color: rgb(34, 49, 63);
    text-decoration: underline;
}

header nav li.ativo
{
   display: inline-block;
   width: 195px;
   margin-bottom: 21.7px;
   margin-top: 0px;
   margin-left: 0;
   line-height: 32px;
   margin-right: 0px;
   background-color: rgba(238, 238, 246, 0.7);
   text-align: center;
   padding: 0px 0 0 0;
   height: 30px;
   letter-spacing: 0px;
   font-family: Arial;
   font-size: 13px;
   color: rgba(34, 49, 63, 0.5);
   text-decoration: underline;
}

header nav li.ativo a
{  
   letter-spacing: 0px;   
    font-family: Arial;
    font-size: 13px;
    color: rgba(34, 49, 63, 0.5);
    text-decoration: underline;
}

header nav li.ativo a:hover
{
    letter-spacing: 0px; 
    font-family: Arial;
    font-size: 13px;
    color: rgba(34, 49, 63, 1);
    background-color: transparent;
    text-decoration: none;
}

/*QUEM SOMODS*/

.quem_somos
{
    padding-top: 0px;
    top: 165px;
    width: 99%;
    left: 0%;
    margin-left: 0%;
    height:650px;
    position: relative;
    background-image: url("../Imagens/Home/fundo_texto.png");
}

.titulo_quem_somos
{
    top:10px;
    margin-top: 0;
    color: rgb(34, 49, 63);
    width: 98%;
    left: 50%;
    margin-left: -49%;
    position: relative;
    font-size: 38px;
    font-family: Arial;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.texto_quem_somos
{
    height: 649px;
    margin-top: 0px;
    width: 100%;
    position: relative;
}    

.apresentacao_Benilde
{
    margin-top: -410px;
    top: 5px;
    height: 210px;
    width: 98%;
    left: 50%;
    margin-left: -49%;
    position: relative;
}

.apresentacao
{
    top: 1%;
    height: 225px;
    width: 98%;
    left: 50%;
    margin-left: -49%;
    position: relative;
}

.texto_final
{
    width: 98%;
    left: 50%;
    margin-left: -49%;
    position: relative;
}

.foto
{
    width: 267px;
    height: 200px;
    left: 0;
    margin-left: 0;
    position: relative;
}

.foto_imagem
{
    width: 100%;
    position: relative;
}

.texto_apresentacao
{
    margin-top: -140px;
    width: 73%;
    float: none;
    left: 100%;
    margin-left: -73%;
    position: relative;
}

.sorriso
{
    margin-top: -40px;
    width: 468px;
    height: 457px;
    left: 100%;
    margin-left: -468px;
    position: relative;
    z-index: 999999;
}

.sorriso_imagem
{
    width: 100%;
    margin-top: -10px;
    position: relative
}

.footer_quem_somos
{
    background-image: url("../Imagens/Master_Pages/rodape.png");
    background-size: cover;
    z-index: 9999999;
    position: relative;
    margin-top: 180px;
    width: 100%;
    left: 0;
    margin-lefT: 0;
    line-height: normal;
    height: auto;
    padding-bottom: 10px;
}

/*CONSULTORIO*/

.consultorio
{
    padding-top: 0px;
    top: 165px;
    width: 99%;
    left: 0%;
    margin-left: 0%;
    height:650px;
    position: relative;
    background-image: url("../Imagens/Home/fundo_texto.png");
}

.titulo_consultorio
{
    top:10px;
    margin-top: 0;
    color: rgb(34, 49, 63);
    width: 98%;
    left: 50%;
    margin-left: -49%;
    position: relative;
    font-size: 38px;
    font-family: Arial;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.sorriso_consultorio
{
    margin-top: -40px;
    width: 468px;
    height: 457px;
    left: 100%;
    margin-left: -468px;
    position: relative;
    z-index: 999999;
}

.apresentacao_consultorio
{
    margin-top: -410px;
    top: 5px;
    height: 300px;
    width: 98%;
    left: 50%;
    margin-left: -49%;
    position: relative;
}

.foto_consultorio
{
    width: 267px;
    height: 200px;
    left: 0;
    margin-left: 0;
    position: relative;
}

.foto_imagem
{
    width: 100%;
    position: relative;
}

.texto_consultorio
{
    margin-top: -185px;
    width: 72%;
    left: 100%;
    margin-left: -72%;
    position: relative;
}

.conheca_nosso_espaco
{
    border-top: 2px solid rgb(34, 49, 63);
    width: 80%;
    left: 50%;
    margin-left: -40%;
    position: relative;
    margin-top: 85px;
    padding-top: 15px;
    text-align: center;
}

.foto_galeria
{
    width: 100%;
    position: relative;
}

.galeria_foto_1
{
    width: 122px;
    height: 150px;
    left: 0;
    margin-left: 0;
    position: relative;
}

.galeria_foto_2
{
    width: 144px;
    height: 150px;
    left: 18.65%;
    margin-left: -26.856px;
    margin-top: -150px;
    position: relative;
}

.galeria_foto_3
{
    width: 113px;
    height: 150px;
    left: 38.35%;
    margin-left: -43.3355px;
    margin-top: -150px;
    position: relative;
}

.galeria_foto_4
{
    width: 113px;
    height: 150px;
    left: 55.35%;
    margin-left: -62.5455px;
    margin-top: -150px;
    position: relative;
}

.galeria_foto_5
{
    width: 209px;
    height: 150px;
    left: 80.85%;
    margin-left: -168.9765px;
    margin-top: -150px;
    position: relative;
}

.galeria_foto_6
{
    width: 113px;
    height: 150px;
    left: 100%;
    margin-left: -113px;
    margin-top: -150px;
    position: relative;
}

/*TECJNOLOGIAS*/

.tecnologias
{
    padding-top: 0px;
    top: 165px;
    width: 99%;
    left: 0%;
    margin-left: 0%;
    height:650px;
    position: relative;
    background-image: url("../Imagens/Home/fundo_texto.png");
}

.titulo_tecnologias
{
    top:10px;
    margin-top: 0;
    color: rgb(34, 49, 63);
    width: 98%;
    left: 50%;
    margin-left: -49%;
    position: relative;
    font-size: 38px;
    font-family: Arial;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.sorriso_tecnologias
{
    margin-top: -40px;
    width: 468px;
    height: 457px;
    left: 100%;
    margin-left: -468px;
    position: relative;
}

.apresentacao_tecnologias
{
    margin-top: -410px;
    top: 5px;
    height: 300px;
    width: 98%;
    left: 50%;
    margin-left: -49%;
    position: relative;
}

.conheca_nossas_tecnologias
{
    border-top: 2px solid rgb(34, 49, 63);
    width: 80%;
    left: 50%;
    margin-left: -40%;
    position: relative;
    margin-top: 85px;
    padding-top: 15px;
    text-align: center;
}

.galeria_tecnologias_foto1
{
    width: 150px;
    height: 150px;
    left: 0;
    margin-left: 0;
    position: relative;
}

.galeria_tecnologias_foto2
{
    width: 150px;
    height: 150px;
    left: 25%;
    margin-left: -37.5px;
    position: relative;
    margin-top: -150px;
}

.galeria_tecnologias_foto3
{
    width: 150px;
    height: 150px;
    left: 50%;
    margin-left: -75px;
    position: relative;
    margin-top: -150px;
}

.galeria_tecnologias_foto4
{
    width: 150px;
    height: 150px;
    left: 75%;
    margin-left: -112.5px;
    position: relative;
    margin-top: -150px;
}

.galeria_tecnologias_foto5
{
    width: 150px;
    height: 150px;
    left: 100%;
    margin-left: -150px;
    position: relative;
    margin-top: -150px;
}

.galeria_tecnologias_foto6
{
    width: 113px;
    height: 150px;
    left: 85%;
    margin-left: -96.05px;
    position: relative;
    margin-top: -150px;
}

.galeria_tecnologias_foto7
{
    width: 113px;
    height: 150px;
    left: 100%;
    margin-left: -113px;
    position: relative;
    margin-top: -150px;
}

/*CONTATO*/

.contato
{
    padding-top: 0px;
    top: 165px;
    width: 99%;
    left: 0%;
    margin-left: 0%;
    height:650px;
    position: relative;
    background-image: url("../Imagens/Home/fundo_texto.png");
}

.titulo_contato
{
    top:10px;
    margin-top: 0;
    color: rgb(34, 49, 63);
    width: 98%;
    left: 50%;
    margin-left: -49%;
    position: relative;
    font-size: 38px;
    font-family: Arial;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

.titulo_localizacao
{
    color: rgb(34, 49, 63);
    left: 0;
    margin-left: 1%;
    margin-top: 0px;
    font-size: 28px;
    font-weight: normal;
    font-family: Arial;
    padding-bottom: 0px;
    margin-bottom: 30px;
}

.sorriso_localizacao
{
    margin-top: -112px;
    width: 468px;
    height: 457px;
    left: 100%;
    margin-left: -468px;
    position: relative;
    z-index: 999999;
}

.apresentacao_localizacao
{
    margin-top: -365px;
    top: 5px;
    height: 300px;
    width: 98%;
    left: 50%;
    margin-left: -49%;
    position: relative;
}

.foto_predio
{
    width: 320px;
    height: 320px;
    left: 0;
    margin-left: 0;
    position: relative;
}

.texto_localizacao
{
    margin-top: -235px;
    width: 66%;
    float: none;
    left: 100%;
    margin-left: -66%;
    position: relative;
}

.mapa
{
    margin-top: -20px;
    width: 98%;
    left: 50%;
    margin-left: -49%;
    height: 500px;
    position: relative;
}

.mapa_imagem
{
    width: 100%;
    height: 500px;
}

.voltar
{
    margin-top:15px;
    width: 98%;
    left: 50%;
    margin-left: -49%;
    position: relative;
    text-align: right;
}

.voltar a
{
    font-family: Arial;
    font-size: 16px;
    text-decoration: underline;
    color: rgb(34, 49, 63);
}

.voltar a:hover
{
    font-family: Arial;
    font-size: 16px;
    text-decoration: none;
    color: rgb(34, 49, 63);
}

.entre_em_contato
{
    border-top: 2px solid rgb(34, 49, 63);
    width: 80%;
    left: 50%;
    margin-left: -40%;
    position: relative;
    margin-top: 165px;
    padding-top: 15px;
    text-align: center;
}

.tabela_contato
{
    width: 23%;
    left: 50%;
    margin-left: -11.5%;
    position: relative;
    margin-top: -15px;
}

.whatsapp_contato
{
    width: 185px;
    height: 40px;
    margin-left: 0px;
    position: relative;
}

.whatsapp_imagem_contato
{
    width: 32px;
    height: 32px;
    left: 0;
    position: relative;
}

.whatsapp_texto_contato
{
    height: 25px;
    width: 150px;
    margin-top: -25px;
    margin-left: 40px;
    position: relative;
    font-family: Arial;
    font-size: 17px;
}

.email_contato
{
    margin-top: 5px;
    width: 185px;
    height: 35px;
    margin-left: 0px;
    position: relative;
}

.email_imagem_contato
{
    width: 32px;
    height: 23px;
    left: 0;
    margin-left: 0;
    position: relative;
}

.email_texto_contato
{
    margin-top: -25px;
    margin-left: 40px;
    font-family: Arial;
    font-size: 17px;
}

/*TIRE SUAS DÚVIDAS*/

.tire_suas_duvidas
{
    padding-top: 0px;
    top: 165px;
    width: 99%;
    left: 0%;
    margin-left: 0%;
    height:650px;
    position: relative;
    background-image: url("../Imagens/Home/fundo_texto.png");
}

.titulo_tire_suas_duvidas
{
    top:10px;
    margin-top: 0;
    color: rgb(34, 49, 63);
    width: 98%;
    left: 50%;
    margin-left: -49%;
    position: relative;
    font-size: 38px;
    font-family: Arial;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

.sorriso_tire_suas_duvidas
{
    margin-top: -51px;
    width: 468px;
    height: 457px;
    left: 100%;
    margin-left: -468px;
    position: relative;
    z-index: 999999;
}

.formulario
{
    margin-top: -415px;
    top: 5px;
    height: 300px;
    width: 98%;
    left: 50%;
    margin-left: -49%;
    position: relative;
}

.label
{
    padding-top: 10px;
    width: 24.5%;
    left: 0;
    margin-left: 0;
    position: relative;
    text-align: right;
    height: 30px;
}

.textbox
{
    height: 30px;
    width: 100%;
    border: 1px solid rgb(34, 49, 63);
    position: relative;
    font-family: Arial;
    font-size: 17px;
    color: rgb(34, 49, 63);
}

.asterisco
{
    width: 30px;
    height: 30px;
    left: 100%;
    margin-left: -30px;
    position: relative;
    margin-top: -22px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: rgb(123, 0, 70);
}

.asterisco_duvida
{
    width: 30px;
    height: 30px;
    left: 100%;
    margin-left: -30px;
    position: relative;
    margin-top: -35px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: rgb(123, 0, 70);
}

.asterisco_codigo
{
    width: 30px;
    height: 30px;
    margin-left: 370px;
    position: relative;
    margin-top: -22px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: rgb(123, 0, 70);
}

.formatacao_label
{
    padding-right: 10px;
    font-family: Arial;
    font-size: 17px;
    color: rgb(34, 49, 63);
}

.campo_nome_email
{
    margin-top: -35px;
    width: 71%;
    left:  84%;
    margin-left: -59.84%;
    position: relative;
    z-index: 9999999;
}

.espaco_nome
{
    width: 75%;
    left: 25%;
    margin-left: -18.75%;
    height: 60px;
    margin-top: 20px;
    position: relative;
}

.espaco_email
{
    width: 75%;
    left: 25%;
    margin-left: -18.75%;
    height: 60px;
    margin-top: 20px;
    position: relative;
}

.espaco_telefone
{
    width: 75%;
    left: 25%;
    margin-left: -18.75%;
    height: 60px;
    margin-top: 20px;
    position: relative;
}

.espaco_duvida
{
    width: 75%;
    left: 25%;
    margin-left: -18.75%;
    height: 85px;
    margin-top: 20px;
    position: relative;
}

.label_duvida
{
    width: 24.5%;
    left: 0;
    margin-left: 0;
    padding-top: 18px;
    position: relative;
    text-align: right;
    height: 30px;
}

.campo_duvida
{
    margin-top: -48px;
    width: 71%;
    left:  84%;
    margin-left: -59.84%;
    position: relative;
    z-index: 9999999;
}

.tduvida
{
    height: 60px;
    width: 100%;
    border: 1px solid rgb(34, 49, 63);
    position: relative;
    font-family: Arial;
    font-size: 17px;
}

.espaco_codigo
{
    width: 75%;
    left: 25%;
    margin-left: -18.75%;
    height: 60px;
    margin-top: 20px;
    position: relative;
}

.area_codigo
{
    width: 71%;
    left:  84%;
    margin-left: -59.84%;
    position: relative;
}

.captcha
{
    left: 0;
    width: 130px;
    margin-top: -35px;
    margin-left: 0px;
    position: relative;
}

.codigo
{
    z-index: 9999999;
    width: 191px;
    margin-top: -30px;
    margin-left: 171px;
    position: relative;
}

.tabela_enviar
{
    z-index: 999999;
    width: 70%;
    left: 26.2%;
    margin-left: -18.34%;
    margin-top: -55px;
    text-align: right;
    position: relative;
}

.botao_enviar
{
    border-radius: 40px;
    border: 2px solid rgb(0, 0, 0);
    font-family: Arial;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    color: rgb(34, 49, 63);
    text-align: center;
    width: 120px;
    height: 30px;
}

.aviso
{
    margin-top: 60px;
    font-family: Arial;
    text-decoration: italic;
    font-size: 15px;
    color: rgb(34, 49, 63);
}

.mensagem_de_erro
{
    margin-top: -60px;
    font-size: 17px;
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    color: rgb(123, 0, 70);
}    

.tire_suas_duvidas_confirmacao
{
    padding-top: 0px;
    top: 165px;
    width: 99%;
    left: 0%;
    margin-left: 0%;
    height:650px;
    position: relative;
    background-image: url("../Imagens/Home/fundo_texto.png");
}

.sorriso_confirmacao
{
    margin-top: 0px;
    padding-top: 14px;
    width: 468px;
    height: 457px;
    left: 100%;
    margin-left: -468px;
    position: relative;
    z-index: 999999;
}

.confirmacao
{
    margin-top: -200px;
    top: 5px;
    height: 300px;
    width: 98%;
    left: 50%;
    margin-left: -49%;
    position: relative;
    text-align: center;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

