/* Cliente: Dr. Renato Koga Projeto: Desenvolvimento de website -------------- DOA Comm - http://www.doacomm.com.br -------------- */ /* -------------- ELEMENTOS e CLASSES -------------- */ /* ------- ELEMENTOS ------- */ /* reset */ body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, menu, form, fieldset, legend, button, figure, section, summary { margin: 0; padding: 0; } article, aside, details, summary, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } button, fieldset, iframe, img { border: 0; } input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; } details summary::-webkit-details-marker { display: none; } html { font: 100% Arial, Helvetica, sans-serif; color: #000; background: #d7cac5 url(../images/background-inner.jpg) repeat-x; overflow-x: hidden; } body { font-size: .75em; } /* tamanho da fonte: 12px */ /* ------- CLASSES ------- */ /* alinhamentos */ .direita { float: right; } .esquerda { float: left; } p.direita, p.esquerda { float: none; } p.direita { text-align: right; } p.esquerda { text-align: left; } .centro { text-align: center; } /* -------------- ESTRUTURA -------------- */ /* ------- CORPO / ESTILOS GERAIS ------- */ body#home { background: #d7cac5 url(../images/background-home.jpg) repeat-x; overflow-x: hidden; } body#perfil { background: url(../images/background-perfil-2.jpg) center 242px no-repeat; overflow-x: hidden; } body#infra { background: url(../images/background-infra.jpg) center 242px no-repeat; overflow-x: hidden; } body#tratamentos { background: url(../images/background-tratamentos.jpg) center 242px no-repeat; overflow-x: hidden; } body#depoimentos { background: url(../images/background-depoimentos.jpg) center 242px no-repeat; overflow-x: hidden; } body#casos { background: url(../images/background-casos.jpg) center 242px no-repeat; overflow-x: hidden; } body#duvidas { background: url(../images/background-duvidas.jpg) center 242px no-repeat; overflow-x: hidden; } body#parceiros { background: url(../images/background-parceiros.jpg) center 242px no-repeat; overflow-x: hidden; } p { font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; line-height: 150%; } ul { position: relative; left: 0px; } ul li { font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; line-height: 150%; } ul li a { text-decoration: none; color: #666; } ul li a:hover { text-decoration: none; color: #06F; } h1 { font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 150%; color: #7d5450; } .limites { width: 960px; margin: 0 auto; } /* ------- TOPO ------- */ #topo { position: relative; height: 135px; padding-top: 46px; /*background: url(../images/background-shadow.png) center bottom no-repeat;*/ margin-bottom: -19px; } #topo img.logo { position: relative; left: 5px; top: 35px; } /* ------- TOPO / MENU ------- */ ul#awesome-menu { width: 900px; list-style: none; position: relative; left: 210px; top: -10px; } ul#awesome-menu li { display: inline; } ul#awesome-menu li a { display: block; float: left; height: 56px; background-image: url(../images/menu-sprite.png); text-indent: -9999px; } ul#awesome-menu li a.perfil { width: 57px; background-position: 0 0; } ul#awesome-menu li a.infra { width: 101px; background-position: -57px 0; } ul#awesome-menu li a.trata { width: 91px; background-position: -158px 0; } ul#awesome-menu li a.depo { width: 96px; background-position: -249px 0; } ul#awesome-menu li a.casos { width: 101px; background-position: -345px 0; } ul#awesome-menu li a.duvidas { width: 62px; background-position: -446px 0; } ul#awesome-menu li a.local { width: 96px; background-position: -508px 0; } ul#awesome-menu li a.parceiros { width: 69px; background-position: -604px 0; } ul#awesome-menu li a.contato { width: 68px; background-position: -673px 0; } ul#awesome-menu li a.perfil:hover, ul#awesome-menu li a.perfil:focus { background-position: 0 -64px; } ul#awesome-menu li a.infra:hover, ul#awesome-menu li a.infra:focus { background-position: -57px -64px; } ul#awesome-menu li a.trata:hover, ul#awesome-menu li a.trata:focus { background-position: -158px -64px; } ul#awesome-menu li a.depo:hover, ul#awesome-menu li a.depo:focus { background-position: -249px -64px; } ul#awesome-menu li a.casos:hover, ul#awesome-menu li a.casos:focus { background-position: -345px -64px; } ul#awesome-menu li a.duvidas:hover, ul#awesome-menu li a.duvidas:focus { background-position: -446px -64px; } ul#awesome-menu li a.local:hover, ul#awesome-menu li a.local:focus { background-position: -508px -64px; } ul#awesome-menu li a.parceiros:hover, ul#awesome-menu li a.parceiros:focus { background-position: -604px -64px; } ul#awesome-menu li a.contato:hover, ul#awesome-menu li a.contato:focus { background-position: -673px -64px; } /* ------- CONTEUDO ------- */ #conteudo { } #conteudo #banner { height: 431px; width: 421px; background: url(../images/background-banner.png) no-repeat; padding: 10px; padding-top: 0px; float: left; } #conteudo #destaque-um { height: 123px; width: 450px; background: url(../images/background-destaque-1.png) no-repeat; float: left; padding: 34px; } #conteudo #destaque-um h1 { font-family: overlock, serif; font-size:22px; font-weight:lighter; color: #FFF; line-height: 170%; } #conteudo #destaque-um a { font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; line-height: 150%; text-decoration: underline; } #conteudo #destaque-um a:hover { text-decoration: none; } #conteudo #destaque-dois { position: relative; left: 1px; top: 1px; height: 249px; width: 517px; background: url(../images/background-destaque.png) no-repeat; float: left; } #conteudo #destaque-dois #foto { position: relative; float: left; height: 220px; width: 121px; margin-left: 15px; margin-top: 15px; } #conteudo #destaque-dois h1 { font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; line-height: 150%; margin-top: 17px; } #conteudo #destaque-dois p { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; line-height: 150%; } #conteudo #destaque-dois a { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; line-height: 150%; text-decoration: underline; } #conteudo #destaque-dois a:hover { text-decoration: none; } #conteudo #destaque-dois ul { list-style: none; margin-top: 15px; } #conteudo #destaque-dois ul li { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; line-height: 150%; } #conteudo #barra-inferior { position: relative; margin-top: 15px; height: 312px; width: 960px; background: #eae3e1; } #conteudo #barra-inferior .box { position: relative; width: 231px; height: 278px; background: url(../images/background-box.png) repeat-x; float: left; border: 2px solid #eee8e6; margin-right: 20px; margin-top: 16px; } #conteudo #barra-inferior .box img { margin-left: 21px; margin-top: 10px; margin-bottom: 5px; } #conteudo #barra-inferior .box #balao { background: url(../images/balao-depoimentos.png) no-repeat; width: 191px; height: 158px; margin-top: 15px; margin-left: 19px; } #conteudo #barra-inferior .box #balao p { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; line-height: 150%; padding-top: 10px; } #conteudo #barra-inferior .box #paciente { margin-left: 100px; margin-top: 5px; } #conteudo #barra-inferior .box #paciente p { font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #7d5450; } #conteudo #barra-inferior .box a { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #7d5450; text-decoration: none; } #conteudo #barra-inferior .box a:hover { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #7d5450; text-decoration: underline; } #conteudo #barra-inferior .box h1 { font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7d5450; line-height: 120%; margin-top: 10px;text-align: center; border-bottom: 2px solid #7d5450; width: 190px; margin-left: 20px; padding-bottom: 7px; } #conteudo #barra-inferior .box p { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7d5450; line-height: 150%; margin-left: 19px; margin-right: 20px; } #conteudo #barra-inferior .box h1 strong { font: 23px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7d5450; line-height: 120%; margin-top: 10px;text-align: center; } #conteudo #barra-inferior .box h1 a { font: 23px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7d5450; line-height: 120%; margin-top: 10px;text-align: center; text-decoration: none; } #conteudo #barra-inferior .box h1 a:hover { text-decoration: underline; } #conteudo #barra-inferior .box-form { position: relative; width: 420px; height: 278px; background: url(../images/background-box.png) repeat-x; float: left; border: 2px solid #eee8e6; margin-top: 16px; } #conteudo #barra-inferior .box-form p { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7d5450; line-height: 150%; margin-left: 19px; margin-right: 20px; width: 180px; float: left; margin-top: 15px; } #conteudo #barra-inferior .box-form h1 { font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7d5450; line-height: 120%; margin-top: 10px;text-align: center; border-bottom: 2px solid #7d5450; width: 170px; margin-left: 20px; padding-bottom: 7px; } #conteudo #barra-inferior .box-form h1 strong { font: 23px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7d5450; line-height: 120%; margin-top: 10px;text-align: right; } /* coluna1 */ #conteudo #coluna1 { } /* coluna2 */ #conteudo #coluna2 { } /* ------- RODAPE ------- */ #rodape { height: 85px; margin-top: 10px; position: relative; } #rodape p { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #a29998; padding-left: 10px; padding-top: 10px; width: 510px; } #rodape a { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #a29998; text-decoration: underline; } #rodape a:hover { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #a29998; text-decoration: none; } /* ------- INTERNAS / GERAL ------- */ #breadcrumbs { height: 105px; padding-left: 25px; } #breadcrumbs p { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; line-height: 270%; } #breadcrumbs p strong { font-weight: bold; color: #7D5450; font-size: 30px; } /* ------- PERFIL ------- */ #conteudo-perfil { background: url(../images/background-perfil.png) no-repeat; box-shadow: #666 0 3px 20px; width: 919px; height: 762px; margin: auto; } ul#profissionais { list-style: none; padding: 20px; } ul#profissionais li { background: #FFF url(../images/background-perfil-box.png) repeat-x; display: block; padding: 10px; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; margin-bottom: 21px; } ul#profissionais li h1 { font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7d5450; margin-bottom: 5px; } ul#profissionais li h1 strong { font-weight: bold; font-size: 22px; } ul#profissionais p { font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; line-height: 150%; } /* ------- INFRAESTRUTURA ------- */ #conteudo-infra { background: url(../images/background-infra.png) no-repeat; box-shadow: #666 0 3px 20px; width: 902px; height: 762px; margin: auto; padding: 20px; } #conteudo-infra h1 { font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 150%; color: #7d5450; } #conteudo-infra p { font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; line-height: 150%; } /* ------- TRATAMENTOS ------- */ #conteudo-tratamentos { background: #efefef; box-shadow: #666 0 3px 20px; width: 902px; min-height: 720px; margin: auto; padding: 15px; padding-right: 25px; } #conteudo-tratamentos-box { display: block; height: 100%; } h2.trigger { padding: 0 0 0 15px; margin: 0 0 5px 0; background: url(../images/sprite-toggle.png) no-repeat; height: 41px; line-height: 43px; width: 899px; font-weight: normal; float: left; } h2.trigger { font-size: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, serif; color: #7d5450; text-decoration: none; display: block; } h2.trigger:hover { color: #926661; background-position: 0 -42px; } h2.active { background-position: left -42px;} .toggle_container { margin: 0 0 5px; padding: 0; background: #e0d5d1; overflow: hidden; width: 914px; clear: both; } .toggle_container .block { padding: 20px; border-top: 1px solid #d0d0d0; border-bottom: 2px solid #d0d0d0; } .toggle_container .block p { padding: 5px 0; margin: 5px 0; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; line-height: 150%; } .toggle_container .block ul { margin-left: 20px; } .toggle_container .block ul li { padding: 0px 0px; margin: 5px 0; font-size: 14px; font-family: "Myriad Pro", Times, "Times New Roman", serif; color: #0a1223; line-height: 150%; } .toggle_container h3 { margin: 0 0 10px; padding: 0 0 5px 0; border-bottom: 1px dashed #ccc; } .toggle_container img { float: left; margin: 10px 15px 15px 0; padding: 5px; background: #ddd; border: 1px solid #ccc; } .group { position: relative; min-height: 100%; width: 950px; display: block; } /* ------- DEPOIMENTOS ------- */ #conteudo-depoimentos { background: #efefef; box-shadow: #666 0 3px 20px; width: 902px; min-height: 500px; margin: auto; padding: 15px; padding-right: 25px; padding-bottom: 150px; } /* ------- CASOS CLINICOS ------- */ #conteudo-casos { background: #ededed url(../images/background-casos-content.png) no-repeat; box-shadow: #666 0 3px 20px; width: 919px; height: 1115px; margin: auto; } ul#casos-clinicos { list-style: none; padding: 20px; min-height: 1426px !important; height: 1426px !important; } ul#casos-clinicos li { background: #FFF url(../images/background-perfil-box.png) repeat-x; width: 400px; display: inline-block; padding: 10px; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; margin-bottom: 16px; margin-left: 10px; float: left; } ul#casos-clinicos li h1 { font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7d5450; margin-bottom: 5px; } ul#casos-clinicos li h1 strong { font-weight: bold; } ul#casos-clinicos p { font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; line-height: 150%; } /* ------- COMO CHEGAR ------- */ #conteudo-como-chegar { background: url(../images/background-perfil.png) no-repeat; box-shadow: #666 0 3px 20px; width: 859px; height: 702px; margin: auto; padding: 30px; text-align: center; } .caixa { background: #e0d5d1; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-top: 1px solid #FFF; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; width: 295px; margin: auto; font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7d5450; box-shadow: 0px -1px #e0d5d1; -moz-box-shadow: 0px -1px #e0d5d1; -webkit-box-shadow: 0px -1px #e0d5d1; -khtml-box-shadow: 0px -1px #e0d5d1; } /* ------- CASOS CLINICOS ------- */ #conteudo-parceiros { background: #ededed url(../images/background-casos-content.png) no-repeat; box-shadow: #666 0 3px 20px; width: 919px; height:1340px; margin: auto; } ul#parceiros { list-style: none; padding: 20px; clear:both !important; height:1340px; } ul#parceiros li { background: #FFF url(../images/background-perfil-box.png) repeat-x; width: 400px; display: inline-block; padding: 10px; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; margin-bottom: 16px; margin-left: 10px; float: left; height: 145px !important;} ul#parceiros li h1 { font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7d5450; margin-bottom: 5px; } ul#parceiros li h1 strong { font-weight: bold; } ul#parceiros p { font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; line-height: 150%; } ul#parceiros li img { position: relative; left: -75px; margin-left: 43%; } /* ------- CONTATO ------- */ #conteudo-contato { background: #ededed url(../images/background-casos-content.png) no-repeat; box-shadow: #666 0 3px 20px; width: 902px; height: 800px; margin: auto; padding: 20px; } #conteudo-contato h1 { font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 150%; color: #7d5450; } #conteudo-contato p { font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; line-height: 150%; } .caixa1 { background: #e0d5d1; padding-left: 20px; padding: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-top: 1px solid #FFF; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; margin: auto; font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7d5450; box-shadow: 0px -1px #e0d5d1; -moz-box-shadow: 0px -1px #e0d5d1; -webkit-box-shadow: 0px -1px #e0d5d1; -khtml-box-shadow: 0px -1px #e0d5d1; } .caixa2 { width: 860px; background: #fff; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border: 1px solid #efefef; margin: auto; font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; margin-bottom: 2px; } /* --- LIKEBOX FACEBOOK --- */ .fb-like-interno{ float:right; }