@import "reset.css";
@font-face {font-family: myriadprobold; src: url('http://www.gatti.com.br/fonts/MyriadPro-Bold.otf');}

body {margin:0; padding:0; text-align:center; font-family: 'Arial', serif; font-size: 11px; color:#333; /*background:url(../img/bg.jpg) repeat top left;*/ background-color: #aaa791; behavior:url(csshover.htc);}

a:link {color: #333; text-decoration: none;}
a:visited {color: #333; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}
a:active {color: #333; text-decoration: none;}

.extrabold {font-family: 'Open Sans', serif; font-style: italic; font-weight: bolder; font-size: 15px;}
.dashed {height: 10px; border-bottom: 1px dashed #333}
.clear {clear: both}
.subtitulo {font-family: 'Open Sans', serif; font-style: italic; font-weight: bolder; font-size: 15px; color: #333; margin-bottom: 20px}
.texto {font-family: 'Arial', serif; font-style: italic; font-size: 13px; color: #333; line-height: 15px; text-align: justify; letter-spacing: 0px;; margin-bottom: 15px}
.italico {}

/* ################### */
/* ##### wrapper ##### */
/* ################### */
#wrapper {width: 73%; margin:0 auto; text-align:left; border-top: 10px solid #003A62; background-color: #eee}

/* ##### header ##### */
#header {min-width: 941px; width: 100%; height: 185px; background-color: #eee;}

.headerLeft {float: left; width: 330px; margin-top: 20px}
.headerRight {float: right; width: 305px; text-align: right; margin-right: 30px; margin-top: 30px}
.headerRight .headerFone {font-size: 20px; color: #000; font-weight: bold; margin: 5px 0 -10px 0}
.headerRight .headerSmall {font-size: 11px; color: #444px}
.headerRight a{color :#444; outline: none; cursor: pointer; text-decoration: underline;}
.headerRight a:hover{text-decoration: none}

h1.logo{ float:left; padding-left:30px; padding-bottom:8px;}
h1.logo a{ display:block; background:url(../img/logo_gatti_contabilidade_50_anos.png) 0 0 no-repeat; width:300px; height:77px; text-indent:-5000px;}

/* ################ */
/* ##### menu ##### */
/* ################ */
#menu {width: 900px; padding: 0; margin: 13px 0 0 30px; background:url(../img/bg_menu.jpg) repeat-x top left;  height: 45px; padding-top: 15px; padding-left: 20px; float:left;}
#menu li {position:relative; float:left; display: inline; font-family: 'Arial', serif; font-size: 17px; font-weight: bold; color: #666; padding: 0 29px 0 20px; border-right: dotted 1px #333}
#menu li a:link {color: #666; text-decoration: none}
#menu li a:visited {color: #666; text-decoration: none}
#menu li a:hover {color: #222; text-decoration: none}

#menu li ul{position: absolute; width: 258px; display: none; z-index:900; left: 0px}
#menu li:hover ul, .menu li.over ul{display:block;}
#menu li ul li{border: 0px solid #c0c0c0; display: block; width: 157px; font-size: 13px;}
li.border0{border:0;}
.colorLi {background-color: #dedede; height: 30px; padding-top: 10px}
.primeiraLi {margin-top: 13px}

/* ################## */
/* ##### slider ##### */
/* ################## */
#coin-slider {border: 10px solid #999; margin-left: 30px; height: 450px}

/* ################### */
/* ##### content ##### */
/* ################### */
#main {padding: 0px; margin: 0 auto;}

.frame {width: 285px; height: 216px; float: left; margin-left: 30px; margin-top: 20px}
.frame h2 {font-weight: bolder; font-size: 17px; color: #B9B097; text-transform: uppercase; margin-bottom: 10px; border-bottom: 1px dotted #444; height: 25px}
.frame .framePic {border: 10px solid #999; width: 266px; height: 79px; margin-bottom: 13px}
.frame .frameText {line-height: 18px; height: 120px}
.frame .frameButton { margin-top: 10px; float: right}

.frameBottom {width: 285px; height: 160px; float: left; margin-left: 30px; margin-top: 20px}
.frameBottom h2 {font-weight: bolder; font-size: 17px; color: #B9B097; text-transform: uppercase; margin-bottom: 10px; border-bottom: 1px dotted #444; height: 30px}
.frameBottom .framePic {border: 10px solid #999; width: 266px; height: 79px; margin-bottom: 13px}
.frameBottom .frameText {line-height: 18px; height: 60px}
.frameBottom .frameButton { margin-top: 10px; float: right}

#equipeBanner {width: 916px; height: 70px; background:url(../img/bg_banner.jpg) repeat top left; margin: 15px 0 15px 30px}
#equipeBanner .equipeFrase {font-family: 'arial'; font-weight: bolder; font-size: 20px; color: #fff; padding: 25px 0 0 30px; float: left}
#equipeBanner #equipeBotao {float: left; margin: 9px 0 0 424px}

/* #################### */
/* ##### internas ##### */
/* #################### */
#tituloInterna {width: 918px; border-bottom: 1px dotted #666; margin-left: 30px; height: 25px}
#tituloInterna h1 {font-family: 'arial'; font-weight: bolder; font-size: 25px; color: #999;}

.tituloSub h2 {margin: 20px 0 0 30px; font-family: 'arial'; font-weight: bolder; font-size: 28px; color: #666;}

.servicosFrame {width: 889px; margin: 25px 0 0 30px; padding: 0px 0 0px 0px}
.servicosFrame h2 {font-weight: bolder; font-size: 17px; color: #B9B097; text-transform: uppercase; margin-bottom: 15px}
.servicosFrame p {font-family: Arial; font-size: 11px; color: #444; font-weight: bolder; line-height: 18px; width: 870px; margin-bottom: 15px}
.servicosFrame li {list-style-image:url('../img/seta.png'); margin-left: 15px; font-family: Arial; font-size: 11px; color: #444; font-weight: bolder; line-height: 20px; margin-left: 30px}

.curriculoFrame {width: 889px; margin: 25px 0 0 17px;}
.curriculoFrame .formulario {margin: 20px 0 0 16px; color: #444; }
.curriculoFrame .formulario p {margin-bottom: 20px; font-family: 'Arial'; font-weight: bold; font-size: 13px; line-height: 18px; color: #444;}
.curriculoFrame .input {height: 20px; padding: 5px; width: 461px; border: 1px solid #bbb}


.contatoFrame {width: 889px; margin: 25px 0 0 17px;}
.contatoFrame .mapa {margin: 0px 0px 20px 14px}
.contatoFrame .formulario {margin: 20px 0 0 16px; color: #444; }
.contatoFrame .formulario p {margin-bottom: 20px; font-family: 'Arial'; font-weight: bold; font-size: 11px; line-height: 18px; color: #444;}
.contatoFrame .input {height: 20px; padding: 5px; width: 461px; border: 1px solid #bbb}
.contatoFrame .textarea {height: 87px; padding: 10px; width: 451px; font-family: Arial; font-size: 13px; line-height: 18px; border: 1px solid #bbb}
.contatoFrame h2 {font-weight: bolder; color: #B9B097; text-transform: uppercase; font-size: 28px; margin: 35px 0 0 16px;}

.estruturaTexto {width: 900px; float: left; margin: 30px 15px 0 30px}
.estruturaTexto p {font-family: Arial; font-size: 11px; color: #333; line-height: 18px; margin-bottom: 20px}
.each {width: 250px; height: 187px; border: 10px solid #ccc; background-color: #444; margin-bottom: 30px; float: left; margin-right: 20px}

.quemSomosTexto {width: 614px; float: left; margin: 30px 35px 0 30px}
.quemSomosTexto p {font-family: Arial; font-size: 11px; color: #333; line-height: 18px; margin-bottom: 20px}
.quemSomosFotos {width: 250px; float: left; margin-top: 30px}
.each {width: 250px; height: 187px; border: 10px solid #ccc; background-color: #444; margin-bottom: 30px; float: left;}

.missaoTexto {width: 900px; float: left; margin: 30px 35px 0 30px}
.missaoTexto p {font-family: Arial; font-size: 11px; color: #333; line-height: 18px; margin-bottom: 20px}
.missaoLista li {line-height: 18px; margin-bottom: 5px}

.ivanTexto {width: 920px; float: left; margin: 30px 35px 0 30px}
.ivanTexto p {font-family: Arial; font-size: 11px; color: #333; line-height: 18px; margin-bottom: 20px}
.ivanFotos {width: 250px; float: left; margin-top: 30px}
.ivan  {border: 10px solid #ccc; background-color: #444; margin-bottom: 20px; margin-right: 20px; float: left;}

.joaoLyraTexto {width: 845px; float: left; margin: 30px 35px 0 30px}
.joaoLyraTexto p {font-family: Arial; font-size: 11px; color: #333; line-height: 18px; margin-bottom: 20px}
.joaoLyraTexto .medalha {float: left; margin-right: 10px}
.joaoLyraTexto table {width: 845px; border-collapse:collapse;}
.joaoLyraTexto table th{height: 35px; background-color: #ddd; text-align: center}
.joaoLyraTexto table td{background-color: #fefefe; vertical-align: middle; padding: 15px}

.fotosTexto {width: 900px; float: left; margin: 30px 15px 0 30px}
.fotosTexto p {font-family: Arial; font-size: 11px; color: #333; line-height: 18px; margin-bottom: 20px}
.fotosFoto {width: 250px; height: 187px; border: 10px solid #ccc; background-color: #444; margin-bottom: 30px; float: left; margin-right: 20px}
.fotosFoto .legenda {background-color: #CCCCCC;
    color: #333333;
    left: -10px;
    padding: 10px;
    position: relative;
    width: 250px;}

.joaoLyraTexto table, .joaoLyraTexto table th, .joaoLyraTexto table td {border: 1px solid #ccc;}
.alt {background-color: #ccc}

.homenagensTexto {width: 845px; float: left; margin: 30px 35px 0 30px}
.homenagensTexto p {font-family: Arial; font-size: 11px; color: #333; line-height: 18px; margin-bottom: 20px}
.homenagensTexto .titulo {font-family: 'arial'; font-weight: bolder; font-size: 20px; color: #333; line-height: 24px; margin-bottom: 20px; font-weight: bold}
.homenagensTexto .assina {font-family: Arial; font-size: 13px; color: #333; line-height: 18px; margin-bottom: 50px; font-weight: bolder}

.organizacaoTexto {width: 330px; float: left; margin: 20px 35px 0 30px}
.organizacaoTexto p {font-family: Arial; font-size: 11px; color: #333; line-height: 18px; margin-bottom: 5px}
.organizacaoTexto h2 {font-weight: bolder; color: #B9B097; text-transform: uppercase; font-size: 20px; line-height: 24px; margin: 20px 0 5px; font-weight: bold}
.organizacaoLateral {width: 490px; float: left; margin-top: 30px}

.equipeTexto {width: 918px; float: left; margin: 20px 35px 0 30px}
.equipeTexto p {font-family: Arial; font-size: 11px; color: #333; line-height: 18px; margin-bottom: 5px}
.equipeEquipe {width: 443px; float: left; margin: 0px 0 20px 30px}
.equipeEquipe img {float: left; margin-right: 15px; border: 1px solid #999}
.equipeEquipe h3 {font-family: 'arial'; font-weight: bolder; font-size: 18px; color: #fff; line-height: 24px; padding: 50px 0 3px 0; font-weight: bold}
.equipeEquipe .perfil {height: 181px; background:url(../img/bg_banner.jpg) repeat top left; color: #fff}
.equipeEquipe .perfil p {font-family: Arial; font-size: 13px; line-height: 15px; margin-bottom: 5px; color: #fff}
.equipeEquipe .perfil p a {color: #fff}
.equipeEquipe .titulo {font-weight: bolder; margin: 15px 0 2px 0}
.equipeEquipe .graduacao {margin: 0px 0 20px 0; line-height: 18px}

.equipeEquipe h2 {font-family: 'arial'; font-weight: bolder; font-size: 20px; color: #333; line-height: 24px; margin: 20px 0 25px 0; font-weight: bold}

.depoimentosTexto {width: 912px; float: left; margin: 30px 35px 0 30px}
.depoimentosTexto p {font-family: Arial; font-size: 11px; color: #333; line-height: 18px; margin-bottom: 5px}
.depoimentosTexto .nome{font-family: Arial; font-size: 13px; font-weight: bolder; color: #333; line-height: 18px; margin-bottom: 30px}

.indicesTexto {width: 613px; float: left; margin: 30px 35px 0 30px; background-color: #efefef}
.indicesTexto .indicesIndice {font-family: Arial; font-size: 18px; color: #333; font-weight: bolder; background-color: #E0E0E0; padding: 12px; text-align: left}
.indicesTexto h2 {font-size: 18px;}
.indicesTexto table {font-size: 13px; border: 0px; border-collapse: separate; width: 613px}
.indicesTexto table tr.verde {background-color: #003a62; color: #fff}
.indicesTexto table tr.escuro {background:url(../img/bg_banner.jpg) repeat top left;}
.indicesTexto table tr.claro {background:url(../img/bg.jpg) repeat top left;}
.indicesTexto table tr.total {height: 2px; background-color: #333}
.indicesTexto table td.totaltd {background-color: #333; padding: 2px}

.indicesTexto table th {font-weight: bolder; padding: 10px; text-align: center; border-top: 1px solid #fff; border-left: 1px solid #fff}
.indicesTexto table td {padding: 10px; border-top: 1px solid #fff; border-left: 1px solid #fff}
.indicesTexto table td.mes {font-weight: bolder}
.indicesTexto p.acumulado {margin: 20px 0 0 5px; font-size: 13px; font-weight: bold; font-family: 'Arial'}

.indicesLateral {width: 271px; float: right; margin-top: 29px;}
.indicesLateral .titulo {font-family: Arial; font-size: 18px; color: #333; font-weight: bolder; background-color: #E0E0E0; border-bottom: 1px solid #fff; padding: 12px; width: 215px}
.indicesLateral ul {width: 239px; height: 200px; background-color: #ccc}
.indicesLateral ul li {padding: 12px 0 0 15px; font-weight: bolder}

.obrigacoesTexto {width: 613px; float: left; margin: 30px 35px 0 30px; background-color: #efefef}
.obrigacoesTexto .obrigacoesMes {font-family: Arial; font-size: 18px; color: #333; font-weight: bolder; background-color: #E0E0E0; padding: 12px; text-align: left}
.obrigacoesTexto h2 {font-size: 18px;}
.obrigacoesTexto table {font-size: 13px; border: 0px; border-collapse: separate; width: 613px}
.obrigacoesTexto table tr.verde {background-color: #003a62; color: #fff}
.obrigacoesTexto table tr.escuro {background:url(../img/bg_banner.jpg) repeat top left;}
.obrigacoesTexto table tr.claro {background:url(../img/bg.jpg) repeat top left;}

.obrigacoesTexto table th {font-weight: bolder; padding: 10px; text-align: center; border-top: 1px solid #fff; border-left: 1px solid #fff}
.obrigacoesTexto table td {padding: 10px; border-top: 1px solid #fff; border-left: 1px solid #fff}
.obrigacoesTexto table td.dia {font-weight: bolder; text-align: center; vertical-align: middle}
.obrigacoesTexto table td .titulo {font-weight: bolder;}
.obrigacoesTexto table td .espacador {margin-top: 15px}


.obrigacoesLateral {width: 271px; float: right; margin-top: 29px;}
.obrigacoesLateral .titulo {font-family: Arial; font-size: 18px; color: #333; font-weight: bolder; background-color: #E0E0E0; border-bottom: 1px solid #fff; padding: 12px; width: 215px}
.obrigacoesLateral ul {width: 239px; height: 295px; background-color: #ccc}
.obrigacoesLateral ul li {padding: 10px 0 0 15px; font-weight: bolder}




.gbrasilTexto {width: 900px; float: left; margin: 30px 15px 0 30px}
.gbrasilTexto p {font-family: Arial; font-size: 11px; color: #333; line-height: 18px; margin-bottom: 20px}

/* ################## */
/* ##### footer ##### */
/* ################## */
#footer {width: 980px; height: 169px; background-color: #666; margin-top: 30px}
#footer .endereco {font-family: Arial; color: #fff; font-weight: bolder; font-size: 11px; line-height: 17px; padding: 37px 0 0 30px; float: left; width: 350px}
#footer .parcerias {float: left; font-family: Arial; color: #fff; font-weight: bolder; font-size: 11px; margin: 30px 0 0 34px}
#footer .parcerias .titulo {float: left; margin-right: 10px}
#footer .parcerias .logo {width: 100px; height: 53px; background-color: #fff; float: left; margin-right: 15px; padding: 20px}