/*
THEME NAME: Saude em Foco - Meddic Supply
THEME URI: http://www.midiaweb.com.br/
DESCRIPTION: Tema para o blog Central do Conhecimento da Meddic Supply
VERSION: 0.1
AUTHOR: Guilherme Nagueva at MidiaWeb
AUTHOR URI:
TAGS: meddic supply, microformats, hcard, hatom, xoxo
*/
/*************************************************************************
0 - ESTRUTURA GERAL
0.1 - Header
0.1.1 - Menu Principal
0.1.2 - Fale Conosco
0.1.3 - Breadcrumbs
0.1.4 - Submenu
0.1.5 - Busca
0.2 - Sidebar
0.3 - Footer
0.4 - Sitemap
0.x - Elementos Gerais
1 - HOME
2 - POSTS
2.1 - Comentarios
2.2 - Indique
*************************************************************************/
/*************************************************************************
0 - ESTRUTURA GERAL
*************************************************************************/
*{margin:0;padding:0;border:0}
body{margin:0;padding:0;border:0;font:62.5% Arial, Helvetica, sans-serif;cursor:default;background:#fafafa url('v1/bg.jpg') repeat-x 0 0}
#wrapper{width:742px;margin:auto}
#container{float:left;margin:0 -220px 0 0;width:100%;background:url('v1/bgContainer.jpg') repeat-y 0 0;padding:0 0 20px;clear:both}
#content{margin:0; width:520px; float:left;}
#secondary{clear:right}
/*************************************************************************
0.1 - Header
*************************************************************************/
.skip-link{position:absolute;right:1em;top:1em}
.skip-link a{color:#fff}
.visaoGeral{background:url('v1/bgContentBase.jpg');clear:both;padding:0 0 0}
h1.blog-title{text-indent:0;font-size:3.6em;font-weight:bold;color:#d21e8a;padding:0 17px 10px;letter-spacing:-3px}
/*************************************************************************
0.1.1 - Menu Principal
*************************************************************************/
a.online { display:block; width:130px; height:60px; overflow:hidden; background: url(v1/online.png) no-repeat left center; text-decoration:none;}
a.online span.atendimento em { float:right; font-weight:bold; font-size:11px; margin-top:13px;}
a.online span.txtOnline { clear:both; margin-left:58px; font-size:20px; font-weight:bold; color:#5266A1}
/*
# header, top
*/
#header { height:107px;}
#header h1 a { height:50px; width:136px; margin-top:21px; display:block; background: url(v1/imgLogoMedicSupply.gif) no-repeat left center; text-indent:-3000px;}
#header h1, #header p, #header a.online{float:left; display:inline; overflow:hidden;}
#header h2 { float:left; text-indent:0; display:block; width:225px; margin:15px 0 0 15px; padding-right:5px; font-size:13px; }
#header h2 em { color: #D21E8A; font-weight:bold; }
#header p { display:block; width:223px; height:64px; margin:11px 5px 0 0; background: url(v1/bgContato.jpg) no-repeat left top;}
#header p strong.texto { display:block; padding:3px 50px 3px 15px; float:left; font-size:12px; color:#666; }
#header p span.fone { font-size:22px; letter-spacing:-2px; font-weight:bold; color:#5266A1; display:block;}
#header p a { float:right; margin-top:-40px; padding-left:25px;}
#header p a em { font-weight:bold; font-size:11px!Important;}
#header a.online { float:left; margin:15px 0 0 0px; overflow:hidden; }
/*
# navegacao
*/
#navegacao { position:relative; background-color:#CBCFDC; width:736px; height:71px; overflow:hidden; margin-left:3px;}
#navegacao li { float:left; display:block; font-size:13px; background: url(v1/bgMenu.gif) repeat-x left -38px;}
#navegacao li.ativo { background-image:none;}
#navegacao li a { cursor:pointer; display:block; text-align:center; color:#2F3464; font-weight:bold!Important; line-height:38px; height:38px; background: url(v1/bgMenu.gif) no-repeat left top; }
#navegacao li a:hover { background-color:#CBCFDC; }
#navegacao li.medicamentos { width:125px;}
#navegacao li.medicamentos a { background-image:none;}
#navegacao li.pacientes { width:86px;}
#navegacao li.profissionais { width:169px;}
#navegacao li.laboratorios { width:105px;}
#navegacao li.sobre { width:160px;}
#navegacao li.contato { width:91px;}
#navegacao li.ativo ul { display:block;}
#navegacao li ul { width:726px; position:absolute; top:38px; left:0; display:none; z-index:10;}
#navegacao li ul li { height:32px; padding:0 20px; float:left!Important; background-image:none!Important;}
#navegacao li ul li a { cursor:pointer; font-size:11px; line-height:32px; height:32px; float:left!Important; cursor:pointer; background-image:none!Important;}
#navegacao li.profissionais ul { left:90px;}
#navegacao li.laboratorios ul { left:265px;}
#navegacao li.sobre ul { left:510px;}
#navegacao li.contato ul { left:215px;}
/*
# busca
*/
#busca { height:51px; background-color:#5266A1; margin:3px 3px 0 3px; clear:both;}
#busca label {cursor:pointer; font-size:26px; color:#9CABCD; display:block; float:left; margin:11px 0 0 0px; font-weight:bold; padding:0 0 0 22px;}
#busca div.bgBusca { margin:9px 0 0 15px; float:left; background: #5266A1 url(v1/bgBusca.jpg) no-repeat left top; height:33px; width:540px;}
#busca div input#campoBusca { display:block; width:295px; padding:8px 10px 6px 15px; #padding:8px 8px 9px 5px; float:left;}
#busca div select { display:none; }
/* select */
div#divSelect { cursor:pointer; position:relative; background: url(v1/s1.gif) no-repeat 140px 5px; display:inline; float:left; width:166px; margin:2px 0 0 6px; #margin-left:1px; padding-top:6px; padding-bottom:5px; }
div#divSelect strong { padding-left:10px; color:#666666; font-size:12px;}
div#divSelect ul { cursor:pointer; padding-bottom:7px; display:none; background: url(v1/bgSelect.png) no-repeat left bottom; width:166px; position:absolute; left:0px; #left:2px; top:25px; margin:0;}
div#divSelect ul li { padding:2px 0px; background: url(v1/bgSelect.png) no-repeat left top; list-style:none; font-size:11px;}
div#divSelect ul li a { display:block; padding:3px 15px; margin:0 5px; color:#666666;}
div#divSelect ul li { text-decoration:none; cursor:pointer;}
#busca div button { float:left; display:block; width:40px; height:30px; margin:2px 0 0 7px; background: none; cursor:pointer }
/*************************************************************************
0.1.2 - Fale Conosco
*************************************************************************/
#boxImagem,
#boxImagemEnglish{float:left;width:100%;height:88px;overflow:hidden;background: #3E568E url('v1/bgBoxTopo.jpg') 0 0;font-size:1.2em}
#boxImagemEnglish{background: #3E568E url('v1/bgBoxTopoEnglish.jpg') 0 0 }
#boxImagem img.imagemDestaque{float:left;padding:6px 0 0 9px}
#boxFaleConosco strong,
#boxFaleConoscoEnglish strong {float:left;font-size:2.25em;letter-spacing:-0.03em;padding:20px 11px 10px 52px;font-weight:bold;color:#4f6194;text-transform:uppercase}
#boxFaleConosco strong span,
#boxFaleConoscoEnglish strong span{font-size:1.35em;color:#fff;padding:0 0 0 28px;font-weight:normal}
#boxFaleConosco ul{float:right;width:170px;padding:18px 6px 0}
#boxFaleConosco ul li{padding:0 15px 6px;list-style:none}
#boxFaleConosco ul li a{font-size:1.1em;display:block;line-height:24px;color:#fff;text-align:center;font-weight:normal}
/*************************************************************************
0.1.3 - Breadcrumbs
*************************************************************************/
#acronym{float:left;width:100%;padding:10px 0 25px;background:url('v1/bgContent.gif') left bottom no-repeat}
#acronym h3{float:left;font-size:1.1em;padding-left:25px;font-weight:normal;color:#6d6f6f}
#acronym ul{color:#6d6f6f}
#acronym ul li{display:inline;padding-left:5px;font-size:1.1em}
#acronym ul li a{font-size:1em;padding-right:5px;color:#D21E8A}
/*************************************************************************
0.1.4 - Submenu
*************************************************************************/
div#intNavegacao{float:left;margin-left:0;width:734px;background-color:#fff}
div#intNavegacao ul.intLinksTop{float:left;width:721px;padding:0 0 7px 14px;background:#fff url('v1/bgInformacoes.jpg') 0 0 repeat-x;border-right:#dedde2 4px solid;border-left:#dedde2 3px solid}
div#intNavegacao ul.intLinksTop li{float:left;padding-right:7px;list-style:none}
div#intNavegacao ul.intLinksTop li.last{padding-right:0;}
div#intNavegacao ul.intLinksTop li a{float:left;height:29px;padding:0 10px;line-height:29px;text-align:center;color:#000;font-size:11px}
div#intNavegacao ul.intLinksTop li a:hover,
div#intNavegacao ul.intLinksTop li a.ativo{border-top:2px solid #AEBCD9;margin-top:-2px;position:relative;color:#2D457D;text-decoration:none;background-color:#fff;}
/*************************************************************************
0.1.5 - Busca
*************************************************************************/
#search{background:url('v1/bgContainer.jpg') repeat-y 0 0px;padding:10px 0 0;clear:both}
#search form{padding:20px 30px 15px;background:url('v1/bgSearch.gif') no-repeat center 10px}
#search form h3{float:left;font-size:2.4em;margin:0;color:#a4b0d0;letter-spacing:-.03em}
#search form input{width:250px;font-size:1.8em;border:#cadbf3 1px solid;padding:2px;margin:2px 10px;color:#6f6f6f;cursor:default}
#search form input:hover{border-color:#a4b0d0}
#search form input:focus{border-color:#6f6f6f;cursor:text}
#search form .text{float:left}
#search form .button{background:url('v1/bgSearchSubmit.gif') no-repeat 0 0;width:70px;height:26px;font-size:1.1em;font-weight:bold;color:#fff;margin:3px 0 0;padding:0 0 3px;border:0}
#search .rss_links{color:#d97329;font-size:1.2em;font-weight:bold;background:url('v1/bgFeed.jpg') no-repeat 0 0;height:16px;padding:1px 16px;position:absolute;margin:-35px 0 0 210px;left:50%}
#search .rss_links a{color:#d97329;padding:0 3px}
/*************************************************************************
0.2 - Sidebar
*************************************************************************/
.sidebar{float:right;color:#6d6f6f;overflow:hidden;width:200px;padding:20px 20px 0 0}
.sidebar h3{font-size:1.5em;padding:10px 10px 5px;margin:0}
.sidebar ul{margin:0;padding:0 0 5px}
.sidebar li{background:#d2e0f3;list-style:none;margin:0 0 10px;font-size:1.1em}
.sidebar li li{margin:0;padding:7px 15px}
.sidebar a{color:#6d6f6f}
#secondary{padding-top:0}
.sidebar .widget_categories .current-cat{background:#acc9f0 url('v1/bgCurrentCat.jpg') no-repeat 0 8px;font-weight:bold}
.sidebar .widget_archive li{background:url('v1/bgArchiveLi.jpg') no-repeat 8px center;padding-left:20px}
/*************************************************************************
0.3 - Footer
*************************************************************************/
#footer{clear:both;overflow:auto;font-size:1.2em;padding-top:7px;background:url('v1/bgFooter.jpg') 0 0 repeat-x;color:#6f6f6f}
#footer p{float:left;padding:20px 0 17px}
#footer p a{text-decoration:underline;font-weight:bold;color:#6f6f6f}
#footer p a:hover{text-decoration:none;}
#footer img.logoMedic{float:left;padding:10px 15px 0;}
#footer ul{float:right;display:block;margin:17px 10px 0;padding:5px 0 0 8px;}
#footer ul li{float:left;padding:0 10px 5px;}
#footer ul li img{float:left;}
/*************************************************************************
0.4 - Sitemap
*************************************************************************/
div.mapaListagemBase{float:left;width:100%;padding:10px 0 20px;background-color:#f7f9fc}
div.mapaListagemBase dl{float:left;padding-left:16px;}
div.mapaListagemBase dl a{font-size:11px;color:#6f6f6f}
div.mapaListagemBase dl dt a{font-weight:bold;color:#D853A4;}
div.mapaListagemBase dl dt,
div.mapaListagemBase dl dd{padding:0 0 2px 10px;background: url('v1/bgListaBaseUlLi.gif') 2px 6px no-repeat;}
div.mapaListagemContent{padding:0 ;background:none ;}
div.mapaListagemContent dl{padding:0;height:140px;width:171px;}
div.mapaListagemContent dl a{font-size:12px;}
div.mapaListagemContent dl dd.subItem{padding-left:15px ;background:none ;}
div.mapaListagemContent dl dd.subItem a{font-size:11px}
div.mapaListagemContent dl dt,
div.mapaListagemContent dl dd{background: url('v1/bgListaBaseUlLi02.gif') 2px 6px no-repeat ;}
div.mapaListagemContent dl dt a{color:#2A4278;}
/*************************************************************************
0.x - Elementos Gerais
*************************************************************************/
a{text-decoration:none;color:#d853a4}
a:hover{text-decoration:underline}
/*************************************************************************
1 - HOME
*************************************************************************/
div#intNavBase li{list-style:none inside;font-size:1.2em}
.boxPadrao01{clear:left;background: url('v1/bgBoxPadrao01.jpg') 0 0 repeat-x;color:#666;margin:10px 220px 5px 15px;padding:5px 10px 5px 5px;width:auto;font-size:1.2em;line-height:1.6em}
div.listaEspecialidades{float:right;margin:-70px 15px 0 0 !important;margin:-95px 5px 0 0}
div.listaEspecialidades h2{text-indent:0 !important;font-size:1.4em !important;font-weight:bold;color:#405691 !important;background:url('v1/bgEspecialidadesH3.jpg') no-repeat 0 2px;padding:0 0 0 15px !important;margin:0 0 5px;}
div.listaEspecialidades ul li{margin:0 0 1px;border-top:#fff 1px solid;border-bottom:#fff 1px solid;height:33px;width:130px;}
div.listaEspecialidades ul li a{background:#f5f6f9 url('v1/bgEspecialidadesLi.gif') no-repeat 15px 14px;font-size:1.3em;color:#9aa1b4;font-weight:bold;display:block;width:130px;padding:8px 30px 9px !important;}
div.listaEspecialidades ul li a:hover{background-color:#fffaff;color:#d83c9a;text-decoration:none;}
div.ultimasNoticias{height:300px;margin:0 220px 0 0;padding:0 10px 0 20px}
div.ultimasNoticias h2{text-indent:0 !important;font-size:2.2em;font-weight:bold;width:462px;color:#d21e8a;margin:0 0 10px 0;}
div.ultimasNoticias ul{width:175px;float:right;}
div.ultimasNoticias ul li{border-bottom:#c0c7db 2px solid;margin:0 0 5px;}
div.ultimasNoticias ul li.last{border-bottom:0}
div.ultimasNoticias ul h3{background:url('v1/bgUltimasNoticiasH3.gif') no-repeat 1px 3px;padding:3px 3px 2px 5px;}
div.ultimasNoticias ul h3 a{font-size:1.2em;font-weight:bold;color:#fff;}
div.ultimasNoticias ul h3 a span{color:#4d6198;font-weight:bold;font-size:1em;padding:3px;}
div.ultimasNoticias ul h3 a:hover{text-decoration:none;}
div.ultimasNoticias ul p{padding:0 27px 5px;}
div.ultimasNoticias ul p a{font-weight:bold;color:#5380ea;}
div.ultimasNoticias .destaque{border:#e2e0ed 4px solid;background:#cdcbd5;float:left;font-size:1.2em}
div.ultimasNoticias .destaque img{width:300px;height:225px;}
div.ultimasNoticias .destaque p{background:url('v1/bgDestaquesP.gif') no-repeat 8px 9px;padding:5px 15px;color:#3d3d3d;}
div.outrasNoticias{padding:8px 0 0;clear:left;}
div.outrasNoticias h2{font-size:2.2em;font-weight:normal;background:url('v1/bgOutrasNoticiasH2.gif') no-repeat 0 0;padding:8px 10px 18px;width:482px;color:#405691;margin:0 20px}
ul#listagemCentralConhecimento{float:left;width:100%;margin:10px 20px}
ul#listagemCentralConhecimento h3 a{font-size:1.2em;font-weight:bold;color:#d83c9a;}
ul#listagemCentralConhecimento li{float:left;width:219px;margin:0 20px 30px 0 !important;_margin:0 0 30px 0;}
ul#listagemCentralConhecimento li ul{height:115px;}
ul#listagemCentralConhecimento li li{font-size:1em;height:auto;background:url('v1/bgListagemCentralLi.gif') no-repeat 3px 5px;text-indent:10px;line-height:1.4em;padding:0 5px;margin:0 5px 15px 0 !important;}
ul#listagemCentralConhecimento li li a{font-weight:bold;color:#5380ea;}
ul#listagemCentralConhecimento li a.moreNews{background:#eee;font-weight:bold;color:#7d7d7d;padding:3px 5px;float:left;}
ul#listagemCentralConhecimento li a.rss{padding:0 0 0 5px;margin:3px 0 0 5px;border-left:#999 1px solid;float:left;}
/*************************************************************************
2 - POSTS
*************************************************************************/
h2.entry-title{color:#7084b6;font-size:2.4em;font-weight:bold;letter-spacing:-0.045em;margin:20px 30px 5px}
h2.entry-title a{color:#7084b6}
h2.page-title{color:#666;font-size:1.2em;font-weight:bold;margin:20px 30px 5px;padding:3px 0 3px 20px;background:url('v1/bgNavNext.jpg') no-repeat 0 2px}
.entry-content{margin:0 20px;padding:5px 10px;font-size:1.2em;background:#eaeff6}
.entry-content p{padding:10px 5px 5px;margin:0;color:#6d6f6f;line-height:1.6em}
.entry-meta{margin:0 20px;padding:10px;background:#d2e0f3;font-size:1.1em;color:#6f6f6f}
.entry-meta div{background:url('v1/bgEntryMetaDiv.jpg') no-repeat 0 0;padding:2px 23px 5px}
.post{margin:0 0 30px}
.navigation{font-size:1.2em;padding:0 20px 30px}
.navigation .nav-previous{float:left}
.navigation .nav-next{text-align:right}
.navigation .nav-previous a{background:url('v1/bgNavPrev.jpg') no-repeat 0 0;padding:1px 20px;float:left}
.navigation .nav-next a{background:url('v1/bgNavNext.jpg') no-repeat right 0;padding:1px 20px;float:right}
.navigation a{font-weight:bold;color:#6f6f6f}
/*************************************************************************
2.1 - COMENTARIOS
*************************************************************************/
#comments{margin:0 20px}
#comments h3{color:#7084b6;font-size:2.4em;letter-spacing:-.05em;margin:0 0 5px}
#comments li{list-style:none;background:#eaeff6;font-size:1.2em;margin:0 0 10px;padding:10px}
#comments .comment-author{font-weight:bold;color:#6d6f6f;margin:0 0 10px}
#comments .comment-author a{color:#6d6f6f}
#comments .unapproved{display:block;font-style:italic;font-size:1.6em;color:#adc1dc;margin:0 0 10px}
#comments p{color:#666;line-height:1.4em;padding:0 0 10px}
#respond{margin:35px 0 0}
#respond form{font-size:1.2em;color:#666;padding:5px 0 0}
#respond form input,
#respond form textarea{border:#ccc 1px solid;padding:2px 3px;width:350px;font:1em Arial}
#respond .form-label{float:left;width:75px;margin:0 0 10px;padding:3px 0 0}
#respond .form-input{margin:0 0 10px}
#respond input.button{width:auto;margin:10px 75px;padding:3px 15px;cursor:pointer;background:url('v1/btPadrao01.jpg') repeat-x;border:#8396c3 1px solid;color:#fff;font-weight:bold}
/*************************************************************************
2.2 - INDIQUE
*************************************************************************/
#indique{margin:35px 20px 0}
#indique h3{color:#7084b6;font-size:2.4em;letter-spacing:-.05em;margin:0 0 5px}
#indique form{font-size:1.2em;color:#666;padding:5px 0 0}
#indique form input,
#indique form textarea{border:#ccc 1px solid;padding:2px 3px;width:325px;font:1em Arial}
#indique .form-label{float:left;width:100px;margin:0 0 10px;padding:3px 0 0}
#indique .form-input{margin:0 0 10px}
#indique input.button{width:auto;margin:10px 100px;padding:3px 15px;cursor:pointer;background:url('v1/btPadrao01.jpg') repeat-x;border:#8396c3 1px solid;color:#fff;font-weight:bold}