/* THEME NAME: Associação Médica do Paraná THEME URI: http://www.agenciaactive.com.br DESCRIPTION: Tema para o site da Associação Médica do Paraná VERSION: 0.1 AUTHOR: Agência Active AUTHOR URI: TAGS: sites em wordpress, templates para wordpress, agência de internet, php, links patrocinados */ /************************************************************ 0 - ESTRUTURA GERAL 0.1 - TOPO 0.1.1 - Form de Busca 0.2 - SIDEBAR 0.2.1 - Menu Principal 0.2.2 - Menu Secundário 0.3 - RODAPE 1 - CONTEUDO 1.1 - HOME 1.1.1 - Notícias 1.1.2 - Serviços 1.1.3 - Publicidade 1.1.4 - Opinião 1.1.5 - Agenda ************************************************************/ /************************************************************ 0 - ESTRUTURA GERAL ************************************************************/ *{margin:0;border:0;padding:0} body{font:62.5% "Trebuchet MS",Arial, Helvetica, sans-serif;background:#fff url(v1/bg.png) repeat-y center 0;cursor:default} #wrapper{width:996px;margin:auto;font-size:1.2em;} /************************************************************ 0.1 - TOPO ************************************************************/ #header{width: 100%;height:218px;background:url(v1/bgTopo.jpg) no-repeat 0 0; float: left;} body.home #header{background:url(v1/bgHomeTopo.jpg) no-repeat 0 0} #header h1#blog-title{overflow:hidden;width:211px;float:left} #header h1#blog-title a{display:block;background:url(v1/logo.gif) no-repeat 0 0;text-indent:-9999px;width:211px;height:218px} #header .skip-link{position:absolute;margin:5px 0 0 215px;visibility:hidden} /* 0.1.1 - Form de Busca */ #header #search{float:right;font-size:1em;color:#6c9688;padding:6px 0 0 30px;width:260px;} #header #search label{font-weight:bold;padding:0 5px 0 0; color: #fff;} #header #search input.text{padding:2px 3px 3px;font-size:1.1em;color:#626c63;border:#6c9688 1px solid;width:120px;margin:0 5px 0 0} #header #search input.text:focus{background:#fcf9d8} #header #search input.button{cursor:pointer;width:28px;background:url(v1/bgSearchButton.gif) no-repeat 0 0;padding:0 0 2px;margin:0 7px 0 0} #header #search a{border-left:#6c9688 1px solid;padding:0 0 0 10px;color:#6c9688;text-decoration:none} #header #search a:hover{text-decoration:underline} /************************************************************ 0.2 - SIDEBAR ************************************************************/ .sidebar{float:left; width:211px; } #primary{background:url(v1/bgMenu.jpg) repeat-x 0 0; padding-bottom: 100px;} body.home #primary{background:url(v1/bgHomeMenu.jpg) no-repeat 0 0; padding-bottom: 100px;} /* 0.2.1 - Menu Principal */ #primary .menu{margin:55px 15px 30px;font-size:1.1em} #primary .menu li{list-style:none; border: none; padding: 0; margin: 0; display: block; width: 100%;} #primary .menu li a{display:block;padding:7px 15px;color:#fff;text-decoration:none} #primary .menu li a:hover{background:#3c5b43} body.home #primary .menu{margin:55px 15px 30px} #primary .newsletter{height:106px;margin:60px 12px 100px;padding:12px;background:url(v1/bgNewsletter.jpg) no-repeat 0 0;text-align:center} #primary .newsletter h3{color:#fff;margin:0 0 5px;font-size:1.3em;}#primary .newsletter input.text{color:#96a097;border:#cacfc8 1px solid;padding:2px;font-size:1.1em;width:156px;margin:0 0 10px} #primary .newsletter input.text:focus{border-color:#96a097;background:#fcf9d8} #primary .newsletter input.button{cursor:pointer;background:url(v1/bgNewsletterButton.jpg) no-repeat 0 0;width:58px;height:18px;float:right} /* 0.2.2 - Menu Secundário */ /*body.home #secondary{display:none}*/ #secondary {background: transparent url("images/bg_submenu.jpg") top left no-repeat; float: right; width: 205px;} #secondary h3{color: #9c6f5a; padding: 15px 0 0 8px; font-weight: bold;} #secondary ul {width: 195px; padding: 5px 0 0 8px; list-style-type: none; display: block;} #secondary ul li {padding: 5px 0;} #secondary ul li a{color: #9c6f5a; text-decoration: none;} #secondary ul li a:hover{text-decoration: underline;} #secondary .info {padding: 14px; 10px 50px 0;} /************************************************************ 0.3 - RODAPE ************************************************************/ #footer{font-size:.9em;clear:left;color:#556a61;padding:20px 30px;margin:0 0 0 209px;background:url(v1/bgFooter.jpg) repeat-y 0 0; } #footer strong{font-size:1.3em;color:#7d8a7e} #footer address, #footer em{font-style:normal} #footer address{padding:0 0 2px} #footer .byactive a{display:block;width:80px;height:13px;text-indent:-9999px;background:url(v1/bgActive.gif) no-repeat 0 0;margin:10px 0 0} /************************************************************ 1 - CONTEUDO ************************************************************/ #container{float:left; width: 785px; } body.page #container, body.single #container, body.category #container{float:left; width: 560px; } #content{padding-left: 10px;} body.page #content{padding-left: 15px;} #container #content.internas h2.page-title, #container #content.internas h2.entry-title{color: #58766b; font-size: 2.5em; font-weight: normal; margin-bottom: 20px;} #container #content.internas a{color: #58766b;} #container #content.internas h3.page-title, #container #content.internas h3.entry-title, #container #content.internas h3.page-title a, #container #content.internas h3.entry-title a{color: #58766b;} #container #content.internas h3.entry-title{ margin: 0 0 15px 0; text-transform: uppercase;} #container #content.internas .entry-content{color: #666;} #container #content.internas p {margin: 10px 0;} #container #content.internas p.wp-caption-text{line-height: 13px;margin-top: 5px;} #container #content .voltar {width: 58px; height: 18px; display: block; margin: 40px 200px 0 0; background:url(v1/botao_voltar.jpg) no-repeat 0 0; cursor: pointer; float: left;} #container #content.internas ul, #container #content.internas ol {margin: 10px 0 10px 30px;} #container #content.internas table {border-collapse: collapse; width: 100%; margin: 15px 0;} #container #content.internas table thead {font-weight: bold; background-color: #52675e; color: #fff; text-align: center; text-transform: uppercase;} #container #content.internas table td{padding: 7px; border: 1px solid #666;} #container #content.internas .wp-caption {height: 260px; float: left; margin: 0 10px 10px 0; text-align: center;} #container #content.internas .containerLista {padding: 10px;} #container #content.internas .impar {background-color: #f4ede7;} /************************************************************ 1.1 - HOME ************************************************************/ body.home #container{padding:190px 0 0;background:url(v1/bgHomeContainer.jpg) no-repeat right 0} body.home #content{margin-right:0} body.home #content h2{font-size:1.3em;color:#697b73;font-weight:bold} body.home #content a img{display:block;width:225px;height:70px;border:#fff 5px solid;} body.home #content a:hover img{border-color:#7e9389} body.home #content li{list-style:none;background:url(v1/bgHomeNoticias.jpg) no-repeat center bottom;padding:15px 0} body.home #content span.date{font-size:.8em;display:block;color:#7e9389;padding:0 5px} body.home #content .publicidade, body.home #content .opiniao, body.home #content .agenda{margin:0 0 0 490px} /* 1.1.1 - Notícias */ body.home #content .noticias{float:left;width:235px;margin:0 15px 0 0} body.home #content .noticias ul{margin:-10px 0 0} body.home #content .noticias a{color:#666;text-decoration:none;font-size:1em} body.home #content .noticias span.date{color: #293430} body.home #content .noticias h2{color: #293430;} body.home #content .noticias a:hover{color:#7e9389} body.home #content .noticias a span.title{padding:0 5px; color: #666; display: block;} body.home #content .noticias .more-link{padding:5px 5px 0} body.home #content .noticias .more-link a{color:#7e9389;font-weight:bold} body.home #content .noticias .more-link a:hover{text-decoration:underline} /* 1.1.2 - Serviços */ body.home #content .servicos{background:url(v1/bgHomeServicos.gif) no-repeat 0 0;float:left;width:227px;padding:10px 0;margin:0 15px 0 0} body.home #content .servicos h2{color:#bd9e8d;padding:0 15px} body.home #content .servicos li{padding:10px 9px} body.home #content .servicos a img{width:200px;height:55px} body.home #content .servicos .associe-se{background: transparent url(v1/bgAssocieSe.jpg) no-repeat 0 0;text-align:center;height:48px;padding:18px 0 0;margin:15px 0 0} body.home #content .servicos .associe-se a{font-size:2em;text-decoration:none;color:#5b7066} body.home #content .servicos .associe-se a:hover{color:#7e9389} /* 1.1.3 - Publicidade */ body.home #content .publicidade h2{color:#586d64;font-size:.8em;font-weight:normal;text-align:right;text-transform:lowercase;padding:0 17px} body.home #content .publicidade img{width:257px;height:183px} /* 1.1.4 - Opinião */ body.home #content .opiniao{background:url(v1/bgHomeOpniaoBottom.jpg) no-repeat 0 bottom;margin:15px 13px 0 494px;padding:5px 10px 15px} body.home #content .opiniao h2{background:url(v1/bgHomeOpniaoTopo.jpg) no-repeat 0 0;padding:10px 10px 5px;margin:-5px -10px 0 -10px} body.home #content .opiniao span.date{padding:0} body.home #content .opiniao span.author{display:block;font-size:1.4em;color:#586d64;padding:0 0 3px} body.home #content .opiniao a{color:#666;text-decoration:none;padding:0 5px} body.home #content .opiniao a:hover{color:#7e9389} /* 1.1.5 - Agenda */ body.home #content .agenda{margin-top:15px} body.home #content .agenda span.date{display:inline} body.home #content .agenda li{padding:3px 0} body.home #content .agenda a{color:#666;text-decoration:none} body.home #content .agenda a:hover{color:#7e9389} /************************************************************ 1 - FORMULARIO DE CONTATO ************************************************************/ #container #content iframe {margin: 10px 0 20px 20px;} form.contato{width: 100%; display: block; float: left; padding: 0 0 0 20px;} form.contato span{ width: 100%; display: block; line-height: 20px;} form.contato strong{font-weight: bold; color: red;} form.contato input, form.contato select, form.contato textarea{ height: 18px; padding: 2px 5px 0 5px; line-height: 20px; border: 1px solid #ccc; font: 1em "Trebuchet MS",Arial, Helvetica, sans-serif;} form.contato select {height: 22px; padding: 2px} form.contato textarea {height: 100px;} form.contato input.nome, form.contato input.endereco, form.contato input.email, form.contato input.serie, form.contato input.formacao{width: 390px;} form.contato input.ddd{margin: 0 7px 0 0;} form.contato input.crm{width: 90px;} form.contato .botao{width: 100px; padding: 0 10px 0 0px; margin-top:10px;} form.contato input.enviar{ width: 100px; height: 35px; background: #fffdf8 url("../imagens/bg_botao.jpg") top left repeat-x; border: 1px solid #eed79f; color: #614e21; font-weight: bold; cursor:pointer;} .on {border: 1px solid #806a37 !important; margin: 0 7px 0 0;} .msgerro{color: red !important;} .msgok{color: green !important;} .w20{width: 20px;} .w70{width: 70px;} .w80{width: 80px;} .w90{width: 90px;} .w120{width: 120px;} .w180{width: 170px;} .w390{width: 390px;} .w405{width: 405px;} .w250{width: 250px;} .w270{width: 260px;} .w280{width: 280px;} .w300{width: 300px;} .w450{width: 470px;} .w540{width: 520px;} /************************************************************ 1 - FORMULARIO DE CADASTRO ************************************************************/ form.cadastro{width: 100%; display: block; float: left;} form.cadastro fieldset {width: 525px; border: 1px solid #999; padding: 10px; float: left; margin: 0 0 20px 0;} form.cadastro fieldset legend{font-size: 1.3em; font-weight: bold; color: #58766b;} form.cadastro fieldset p{display: block; float: left; height: 50px; margin: 0 !important;} form.cadastro fieldset p .radio{margin: 5px !important; border:none;} form.cadastro select {height: 15px; padding: 2px} form.cadastro span{ width: 100%; display: block; line-height: 20px;} form.cadastro strong{font-weight: bold; color: red;} form.cadastro input, form.cadastro select{ height: 8px; padding: 7px 5px 4px 5px; line-height: 20px; border: 1px solid #ccc; font: 1em "Trebuchet MS",Arial, Helvetica, sans-serif;} form.cadastro select {height: 22px; padding: 2px} form.cadastro input.ddd{margin: 0 7px 0 0;} form.cadastro input.crm{width: 90px;} form.cadastro .botao{width: 100px; padding: 0 10px 0 0px; margin-top:10px;} form.cadastro input.enviar{ width: 100px; height: 35px; background: #fffdf8 url("../imagens/bg_botao.jpg") top left repeat-x; border: 1px solid #eed79f; color: #614e21; font-weight: bold; cursor:pointer;}