﻿@media screen and (min-device-width : 1300px) and (max-device-height : 800px)
{ 

.header 
{
    z-index: 9999999;
    position: fixed;
    margin: -170px 0 0 0;
    padding: 0px;
    background-image: url(../Imagens/Master-Pages/header.png);
    background-size: cover;
    height: 160px;
    width: 100%;
    left: 0;
}

.header_home
{
    z-index: 9999999;
    position: fixed;
    margin: -170px 0 0 0;
    padding: 0px;
    background-image: url(../Imagens/Master-Pages/header.png);
    background-size: cover;
    height: 160px;
    width: 100%;
    left: 0;
}

.logo 
{
    padding-top: 10.3px;
    padding-bottom: 0px;
    padding-left: 10.5px;
    width: 144px;
    height: 139px;
}

.logo_interno 
{
    padding-top: 10.3px;
    padding-bottom: 0px;
    padding-left: 10.5px;
    width: 144px;
    height: 139px;
}

.header_home h2
{
    font-weight: 300;
    margin-top: 47px;
    padding: 0px 0px 0px 0px;
    color: #000;
    border: none;
    line-height: 45px;
    letter-spacing: 6.35px;
    font-size: 44.2px;
    margin-left: 228px;
}

.header h2 
{
    font-weight: 300;
    margin-top: 47px;
    padding: 0px 0px 0px 0px;
    color: #000;
    border: none;
    line-height: 45px;
    letter-spacing: 6.35px;
    font-size: 44.2px;
    margin-left: 228px;
}

.contatos_cabecalho_home
{
    display: block;
    margin-top: -147px;
    left: 99.2%;
    margin-left: -128.96px;
    width: 130px;
    position: relative;
}

.contatos_cabecalho
{
    display: block;
    margin-top: -147px;
    left: 99.2%;
    margin-left: -128.96px;
    width: 130px;
    position: relative;
}

.facebook
{
    margin-top: 40px;
    width: 50px;
    height: 50px;
    left: 0;
    margin-left: 0px;
    position: relative;
}


.email_texto 
{
    padding-top: 0px;
    margin-top: -20px;
    margin-left: 35px;
    font-family: Arial;
    color: #000;
}


.main_home 
{
    width: 98.49%;
    left: 50%;
    padding: 0px 0px;
    margin: 170px 0px 0px -49.245%;
    position: relative;
    min-height: 420px;
}

.main
{
    width: 95.6%;
    left: 16%;
    padding: 0px 0px;
    margin: -275px 0px 0px -15.296%;
    position: relative;
    height: 382px;
    background-image: none;    
}

.imagem_rodape 
{
    width: 100%;
    height: 96px;
    position: relative;
}

.footer 
{
    height: 96px;
    width: 100%;
    left: 0;
    font-family: Arial;
    color: #000;
    font-size: 15px;
    padding: 13px 0px 0px 0px;
    margin: -3px 0 0 0;
    position: relative;
    text-align: center;
    line-height: normal;
}

.footer_quem_somos 
{
    height: 96px;
    width: 100%;
    left: 0;
    font-family: Arial;
    color: #000;
    font-size: 15px;
    padding: 10px 0px 0px 0px;
    margin:0px 0 0 0;
    position: relative;
    text-align: center;
    line-height: normal;
}

.footer_interno
{
    height: 96px;
    width: 100%;
    left: 0;
    font-family: Arial;
    color: #000;
    font-size: 15px;
    padding: 10px 0px 0px 0px;
    margin:0px 0 0 0;
    position: relative;
    text-align: center;
    line-height: normal;
}

.footer_portfolio
{
    height: 96px;
    width: 100%;
    left: 0;
    font-family: Arial;
    color: #000;
    font-size: 15px;
    padding: 10px 0px 0px 0px;
    margin:0px 0 0 0;
    position: relative;
    text-align: center;
    line-height: normal;
}

.footer_contato
{
    height: 96px;
    width: 100%;
    left: 0;
    font-family: Arial;
    color: #000;
    font-size: 15px;
    padding: 10px 0px 0px 0px;
    margin:0px 0 0 0;
    position: relative;
    text-align: center;
    line-height: normal;
}

.imagem_cabecalho_interno 
{
    height: 382px;
    position: relative;
}

.fundo_titulo 
{
    background-image: url(../Imagens/fundo_titulo.png);
    background-size: cover;
    width: 35.2%;
    left: 0;
    margin-left: 0;
    margin-top: -382px;
    height: 97px;
    margin-bottom: 0px;
    position: relative;
}

.texto
{
    margin-top: -135px;
    padding: 74px 0px 0px 0px;
    height: 380px;
    width: 60%;
    left: 100%;
    margin-left: -60%;
    background-image: url(../Imagens/fundo_texto.png);
    background-size: cover;
    position: relative;
}

/* TAB MENU   
----------------------------------------------------------*/
.barra_menu_imagem
{
    width: 40px;
    left: 100%;
    margin-left: -40px;
    position: relative;
    height: auto;
    padding-top: 18px;
    margin-top:169px;
}

.imagem_menu 
{
    margin-top: -18px;
    width: 100%;
    height: 382px;
    position: relative;
}

.veja_mais
{
    height:223px;
    top: 25px;
    padding-top: 30px;
    margin-top: -360px;
    left: 99.8%;
    margin-left: -28.942px;
    width: 29px;
    text-align: center;
    position: relative;
    z-index: 99999999;
}


/*HOME*/

.imagem1_home 
{
    margin-top: 40px;
    width: 324.7px;
    height: 324.7px;
    position: relative;
    left: 0;
    margin-left: 0;
}

.imagem2_home 
{
    margin-top: -324.7px;
    width: 324.7px;
    height:324.7px;
    position: relative;
    left: 33.3%;
    margin-left: -108.1251px;
    text-align: center;
}

.imagem3_home 
{
    margin-top: -324.7px;
    width: 324.7px;
    height: 324.7px;
    position: relative;
    left: 66.6%;
    margin-left: -216.2502px;
}

.imagem4_home 
{
    margin-top: -324.7px;
    width: 324.7px;
    height: 324.7px;
    position: relative;
    left: 100%;
    margin-left: -324.7px;
}

.imagem5_home 
{
    margin-top: 10px;
    width: 324.7px;
    height: 324.7px;
    position: relative;
    left: 0;
    margin-left: 0;
}

.imagem6_home 
{
    margin-top: -324.7px;
    width: 324.7px;
    height:324.7px;
    position: relative;
    left: 33.3%;
    margin-left: -108.1251px;
    text-align: center;
}

.imagem7_home 
{
    margin-top: -324.7px;
    width: 324.7px;
    height: 324.7px;
    position: relative;
    left: 66.6%;
    margin-left: -216.2502px;
}

.imagem8_home 
{
    margin-top: -324.7px;
    width: 324.7px;
    height: 324.7px;
    position: relative;
    left: 100%;
    margin-left: -324.7px;
}

.imagem9_home 
{
    margin-top: 10px;
    width: 324.7px;
    height: 324.7px;
    position: relative;
    left: 0;
    margin-left: 0;
}

.imagem10_home 
{
    margin-top: -324.7px;
    width: 324.7px;
    height:324.7px;
    position: relative;
    left: 33.3%;
    margin-left: -108.1251px;
    text-align: center;
}

.imagem11_home 
{
    margin-top: -324.7px;
    width: 324.7px;
    height: 324.7px;
    position: relative;
    left: 66.6%;
    margin-left: -216.2502px;
}

.imagem12_home 
{
    margin-top: -324.7px;
    width: 324.7px;
    height: 324.7px;
    position: relative;
    left: 100%;
    margin-left: -324.7px;
}

.botao_pagina_interna
{
    width: 98%;
    left: 50%;
    margin-left: -49%;
    margin-top: 5px;
    position: relative;    
}

.botao_contato
{
    width: 285px;
    height: 60px;
    left: 100%;
    margin-left: -285px;
    position: relative;
}

/*CARTÃO VIRTUAL*/

.botoes_cartao_virtual
{
    width: 98%;
    left: 50%;
    margin-left: -49%;
    margin-top: 21px;
    position: relative;    
}

.botao_funcionamento_cartao_virtual
{
    width: 285px;
    height: 60px;
    left: 0;
    margin-left: 0px;
    position: relative;
}

.botao_ter_cartao_virtual
{
    width: 285px;
    height: 60px;
    left: 100%;
    margin-left: -285px;
    margin-top: -60px;
    position: relative;
}


/*PORTFÓLIO*/

.imagem_portfolio_imagem
{
    width: 100%;
    margin-top: 5px;
    position: relative;
}

.portfolio
{
    margin-top: 36px;
    width: 92%;
    left: 50%;
    margin-left: -46%;
    height: 344px;
    text-align: center;
    position: relative;
}

.patiblog
{
    width: 439px;
    height: 275px;
    left: 50%;
    margin-left: -219.5px;
    position: relative;
}

.cartao_Aline
{
    width: 165px;
    height: 275px;
    left: 50%;
    margin-left: -82.5px;
    position: relative;
}

.cartao_Benilde 
{
    width: 155px;
    height: 275px;
    left: 50%;
    margin-left: -77.5px;
    position: relative;
}

.cartao_Carlos_Alberto 
{
    width: 155px;
    height: 275px;
    left: 50%;
    margin-left: -77.5px;
    position: relative;
}

.cartao_Fabio_Estavarengo
{
    width: 155px;
    height: 275px;
    left: 50%;
    margin-left: -77.5px;
    position: relative;
}

.cartao_Luiz_Pellegrino
{
    width: 170px;
    height: 275px;
    left: 50%;
    margin-left: -85px;
    position: relative;
}

.cartao_Mara_Andrade
{
    width: 155px;
    height: 275px;
    left: 50%;
    margin-left: -77.5px;
    position: relative;
}

.cartao_Paulo_Tessarioli
{
    width: 177px;
    height: 275px;
    left: 50%;
    margin-left: -88.5px;
}

.cartao_Simone_Bronzatto
{
    width: 194px;
    height: 275px;   
    left: 50%;
    margin-left: -97px;
    position: relative;
}

.cartao_Walquiria_Serra
{
    width: 194px;
    height: 275px;   
    left: 50%;
    margin-left: -97px;
    position: relative;
}

.cartao_WebGuzzi
{
    width: 155px;
    height: 275px;
    left: 50%;
    margin-left: -77.5px;
    position: relative;
}

.loja_virtual_supripel
{
    width: 395px;
    height: 275px;
    left: 50%;
    margin-left: -197.5px;
    position: relative;
}

.rede_adolfo_perito_financeiro
{
    width: 340px;
    height: 275px;
    left: 50%;
    margin-left: -170px;
    position: relative;
}

.rede_benilde_guzzi
{
    width: 343px;
    height: 275px;
    left: 50%;
    margin-left: -171.5px;
    position: relative;
}

.rede_capital_metais
{
    width: 301px;
    height: 275px;
    left: 50%;
    margin-left: -150.5px;
    position: relative;
}

.rede_cibele_fagundes
{
    width: 295px;
    height: 275px;
    left: 50%;
    margin-left: -147.5px;
    position: relative;
}

.rede_eliseu_ramos
{
    width: 341px;
    height: 275px;
    left: 50%;
    margin-left: -170.5px;
    position: relative;
}

.rede_guzziodontologia
{
    width: 301px;
    height: 275px;
    left: 50%;
    margin-left: -150.5px;
    position: relative;
}

.rede_sv_medicina_e_odontologia
{
    width: 278px;
    height: 275px;
    left: 50%;
    margin-left: -139px;
    position: relative;
}

.rede_tatiana_salton
{
    width: 309px;
    height: 275px;
    left: 50%;
    margin-left: -154.5px;
    position: relative;
}

.rede_webguzzi
{
    width: 338px;
    height: 275px;
    left: 50%;
    margin-left: -169px;
    position: relative;
}

.logo_benilde_guzzi
{
    width: 275px;
    height: 275px;
    left: 50%;
    margin-left: -137.5px;
    position: relative;
}

.logo_cibele_fagundes
{
    width: 275px;
    height: 275px;
    left: 50%;
    margin-left: -137.5px;
    position: relative;
}

.logo_fernanda_moreira
{
    width: 350px;
    height: 275px;
    left: 50%;
    margin-left: -175px;
    position: relative;
}

.logo_Guzzi_Odontologia
{
    width: 326px;
    height: 275px;
    left: 50%;
    margin-left: -163px;
    position: relative;
}

.logo_Milton
{
    width: 332px;
    height: 275px;
    left: 50%;
    margin-left: -166px;
    position: relative;
}

.logo_natacao_sem_barreiras
{
    width: 275px;
    height: 275px;
    left: 50%;
    margin-left: -137.5px;
    position: relative;
}

.logo_primor_logistica_juridica
{
    width: 275px;
    height: 275px;
    left: 50%;
    margin-left: -137.5px;
    position: relative;
}

.logo_Ruby
{
    width: 259px;
    height: 275px;
    left: 50%;
    margin-left: -129.5px;
    position: relative;
}

.logo_tatiana_salton
{
    width: 275px;
    height: 275px;
    left: 50%;
    margin-left: -137.5px;
    position: relative;
}

.logo_WebGuzzi
{
    width: 284px;
    height: 275px;
    left: 50%;
    margin-left: -142px;
    position: relative;
}

.site_beleza_facial
{
    width: 386px;
    height: 275px;
    left: 50%;
    margin-left: -193px;
    position: relative;
}

.site_capital_metais
{
    width: 386px;
    height: 275px;
    left: 50%;
    margin-left: -193px;
    position: relative;
}

.site_Divina_Santa_1
{
    width: 398px;
    height: 275px;
    left: 50%;
    margin-left: -199px;
    position: relative;
}

.site_Divina_Santa_2
{
    width: 397px;
    height: 275px;
    left: 50%;
    margin-left: -198.5px;
    position: relative;
}

.site_Instituto_Casal_Tessarioli
{
    width: 397px;
    height: 275px;
    left: 50%;
    margin-left: -198.5px;
    position: relative;
}

.site_Juliana_Santos
{
    width: 392px;
    height: 275px;
    left: 50%;
    margin-left: -196px;
    position: relative;
}

.site_Justa_Solucoes_Pacificas
{
    width: 400px;
    height: 275px;
    left: 50%;
    margin-left: -200px;
    position: relative;
}

.site_Marcela_Oliveira
{
    width: 443px;
    height: 275px;
    left: 50%;
    margin-left: -221.5px;
    position: relative;
}

.site_OdontoGuzzi
{
    margin-top: 0;
    width: 403px;
    height: 275px;
    left: 50%;
    margin-left: -201.5px;
    position: relative;
}

.site_Paulo_Tessarioli
{
    width: 392px;
    height: 275px;
    left: 50%;
    margin-left: -196px;
    position: relative;
}

.site_Poemania
{
    width: 415px;
    height: 275px;
    left: 50%;
    margin-left: -207.5px;
    position: relative;
}

.site_Soraya_Barbosa
{
    width: 400px;
    height: 275px;
    left: 50%;
    margin-left: -275px;
    position: relative;
}

.site_WebGuzzi
{
    width: 396px;
    height: 275px;
    left: 50%;
    margin-left: -198px;
    position: relative;
}

/*NOSSOS CLIENTES*/

.depoimento
{
    width: 92%;
    left: 50%;
    margin-left: -46%;
    height: 344px;
    text-align: center;
    position: relative;
}

.foto_depoimento
{
    padding-top: 95px;
    width: 190px;
    height: 191px;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
}

.depoimento_Adolfo
{
    padding-right: 5px;
    padding-top: 125px;
    width: auto;
    position: relative;
}

.depoimento_Aline
{
    padding-right: 5px;
    padding-top: 138px;
    width: auto;
    position: relative;
}

.depoimento_Andrea
{
    padding-right: 5px;
    padding-top: 164px;
    width: auto;
    position: relative;
}

.depoimento_Benilde
{
    padding-right: 5px;
    padding-top: 138px;
    width: auto;
    position: relative;
}

.depoimento_Capital_Metais
{
    padding-right: 5px;
    padding-top: 113px;
    width: auto;
    position: relative;
}

.depoimento_Claudevan
{
    padding-right: 5px;
    width: auto;
    position: relative;
    padding-top: 164px;
}

.depoimento_Fernando_Ardito
{
    padding-right: 5px;
    padding-top: 89px;
    width: auto;
    position: relative;
}

.depoimento_Graca
{
    padding-right: 5px;
    padding-top: 100px;
    width: auto;
    position: relative;
}

.depoimento_Graca_Pereira
{
    padding-right: 5px;
    padding-top: 164px;
    width: auto;
    position: relative;
}

.depoimento_Juliana_Souza
{
    padding-right: 5px;
    padding-top: 150px;
    width: auto;
    position: relative;
}

.depoimento_Melissa_Oliveira
{
    padding-right: 5px;
    padding-top: 150px;
    width: auto;
    position: relative;
}

.depoimento_Mery1
{
    padding-right: 5px;
    padding-top: 164px;
    width: auto;
    position: relative;
}

.depoimento_Mery2
{
    padding-right: 5px;
    padding-top: 150px;
    width: auto;
    position: relative;
}

.depoimento_Milton_Kori
{
    padding-right: 5px;
    padding-top: 113px;
    width: auto;
    position: relative;
}

.depoimento_Natasha_Cervino
{
    padding-right: 5px;
    padding-top: 125px;
    width: auto;
    position: relative;
}

.depoimento_Patricia_Oliveira
{
    padding-right: 5px;
    padding-top: 50px;
    width: auto;
    position: relative;
}

.depoimento_Paulo_Tessarioli1
{
    padding-right: 5px;
    padding-top: 75px;
    width: auto;
    position: relative;
}

.depoimento_Paulo_Tessarioli2
{
    padding-right: 5px;
    padding-top: 50px;
    width: auto;
    position: relative;
}

.depoimento_Priscila_Montalto
{
    padding-right: 5px;
    padding-top: 40px;
    width: auto;
    position: relative;
}

.depoimento_Regina
{
    padding-right: 5px;
    padding-top: 89px;
    width: auto;
    position: relative;
}

.depoimento_Ricardo_Maeda
{
    padding-right: 5px;
    padding-top: 125px;
    width: auto;
    position: relative;
}

.depoimento_Rosa
{
    padding-right: 5px;
    padding-top: 100px;
    width: auto;
    position: relative;
}

.depoimento_Simone_Bronzatto
{
    padding-right: 5px;
    padding-top: 125px;
    width: auto;
    position: relative;
}

.depoimento_SV_Medicina_e_Odontologia
{
    padding-right: 5px;
    padding-top: 113px;
    width: auto;
    position: relative;
}

.depoimento_Walquiria_Serra
{
    padding-right: 5px;
    padding-top: 138px;
    width: auto;
    position: relative;
}

.depoimento_William_Anselmo1
{
    padding-right: 5px;
    padding-top: 164px;
    width: auto;
    position: relative;
}

.depoimento_William_Anselmo2
{
    padding-right: 5px;
    padding-top: 138px;
    width: auto;
    position: relative;
}

p.nomes_depoimento
{
    width: 98%;
    position: relative;
    color: #000;
    font-family: Arial;
    font-size: 18px;
    text-align: right;
    font-style: italic;
    padding-top: 10px;
}


/*ENTRE EM CONTATO*/

.textbox
{
    height: 28px;
    width: 100%;
    border: 1px solid rgb(0, 0, 0);
    position: relative;
    font-family: Arial;
    font-size: 18px;
    color: rgb(0, 0, 0);
}

.campo_nome_email 
{
    margin-top: -35px;
    width: 85%;
    left: 100%;
    margin-left: -85%;
    position: relative;
    z-index: 9999999;
}

.espaco_nome 
{
    width: 96%;
    left: 0;
    margin-left: 0;
    height: 48px;
    margin-top: 0px;
    position: relative;
}

.espaco_email 
{
    width: 96%;
    left: 0;
    margin-left: 0;
    height: 38px;
    position: relative;
}

.espaco_mensagem 
{
    width: 96%;
    left: 0;
    margin-left: 0;
    height: 80px;
    margin-top: 20px;
    position: relative;
}

.campo_mensagem 
{
    margin-top: -60px;
    width: 84.3%;
    left: 96.5%;
    margin-left: -81.3495%;
    position: relative;
    z-index: 9999999;
}

.tmensagem 
{
    height: 70px;
    width: 100%;
    border: 1px solid rgb(34, 49, 63);
    position: relative;
    font-family: Arial;
    font-size: 17px;
    color: rgb(34, 49, 63);
}

.espaco_codigo 
{
    width: 96%;
    left: 0;
    margin-left: 0;
    height: 30px;
    margin-top: 20px;
    position: relative;
}

.area_codigo 
{
    margin-top: -35px;
    width: 85%;
    left: 100%;
    margin-left: -85%;
    position: relative;
}

.captcha
{
    left: 0;
    width: 160px;
     margin-top: -35px;
    margin-left: 0px;
    position: relative;
    height: 30px;
    padding-top: 0px;
    border: 1px solid rgb(34, 49, 63);
}

.codigo
{
    z-index: 9999999;
    width: 35%;
    margin-top: -32px;
    margin-left: 170px;
    position: relative;
}

.textbox-codigo
{
    height: 28px;
    width: 100%;
    border: 1px solid rgb(0, 0, 0);
    position: relative;
    font-family: Arial;
    font-size: 18px;
    color: rgb(0, 0, 0);
}

.tabela_enviar 
{
    z-index: 999999;
    width: 47%;
    left: 93.5%;
    margin-left: -43.945%;
    margin-top: -12px;
    text-align: right;
    position: relative;
}

.botao_enviar
{
    border-radius: 40px;
    border: 2px solid rgb(0, 0, 0);
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    text-align: center;
    width: 120px;
    height: 32px;
}
.aviso 
{
    margin-left: 1%;
    position: relative;
    margin-top: 44px;
    font-family: Arial;
    font-style: italic;
    font-size: 16px;
    color: rgb(0, 0, 0);
}

.mensagem_de_erro 
{
    margin-top: -46px;
    font-size: 17px;
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    color: rgb(123, 0, 70);
}    
}