/* codificador: Marco Antonio de Queiroz - www.bengalalegal.com */

body{
font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
font-size: 100%;
background-color: #E9E0C7;
color: #000000;
margin:0 0.3% 0 0;
padding: 0;
}

/* ocultando em p�ginas em que n�o s�o permitidos coment�rios */
body.page-id-1257 .feedback, 
body.page-id-1257 h2#comments,
body.page-id-1257 .oculto, 
body.page-id-1270 .feedback, 
body.page-id-1270 h2#comments,
body.page-id-1270 .oculto { display:none; }

body *[lang] { font-style:italic; }

acronym { cursor:help; border-bottom:1px dotted; }

hr { height:1px; border-top:1px dashed #800040; border-left:0; border-bottom:0; border-right:0; margin:2em 0; }
.sem-identar p { text-indent:0; }

h1, h2, h3, h4, h5, h6, p.creditos, .imita-h4 {
font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
margin:0;
padding: 0;
text-align: center;
}

h1 { font-size: 210%; }
h2 { font-size: 160%; }
h3, p.creditos { font-size: 135%; }
h4, .imita-h4 { font-size: 125%; }
h5 { font-size: 90%; }
h6 { font-size: 75%; }

/* Usado nos destinos dos saltos (�ncoras) */
/* site */
h2 a#a1, h2 a#a2, h2 a#a3, h2 a#todos-posts, h3 a#escolha-por-assunto { text-decoration:none; font-style:italic; cursor:default; }
h2 a#a1:link, h2 a#a1:visited, h2 a#a1:hover, h2 a#a1:active, 
h2 a#a2:link, h2 a#a2:visited, h2 a#a2:hover, h2 a#a2:active, 
h2 a#a3:link, h2 a#a3:visited, h2 a#a3:hover, h2 a#a3:active, 
/* blog */
h2 a#todos-posts:link, h2 a#todos-posts:visited, h2 a#todos-posts:hover, h2 a#todos-posts:active, 
h3 a#escolha-por-assunto:link, h3 a#escolha-por-assunto:visited, 
h3 a#escolha-por-assunto:hover, h3 a#escolha-por-assunto:active { color:#800040; } 
h3.next { float:right; }
h3.prev { float:left; }
h3.prev a, h3.next a { padding:5px 30px; }

p.recomenda { font-size:135%; font-weight:bold; text-align:center; text-indent:0; }

.h2p { 
font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
margin:0;
padding: 0;
text-align: center;
font-size:160%; }

a:link { color: #000080; }
a:visited { color: #000080; }
a:hover { text-decoration: none; color: #3333FF; }
a:active { color: #3333FF; }

.banner {
width: 82%;
margin: 2em auto;
border: 1px solid #800040;
background-color: #F8F4ED;
padding: 3px 0;
}
.banner .conteudo h3, .banner .conteudo p.creditos { 
margin: 30px 0 -25px 0;
background-color:transparent;
border:none;
}
p.creditos { line-height:1.2em; }

.banner2 {
width: 76%;
margin: 0 auto;
border: 1px solid #800040;
background-color:#F8F4ED;
}

.banner .imita-h2 { font:bold 160% arial,tahoma,verdana,sans-serif; text-align:center; text-indent:0; }

.banner2 h3, .banner2 .imita-h3 { background-color:#FFF; border:1px dashed #999; padding:5px 0; }
.banner h3 { position:relative; top:-10px; }
.banner2 .imita-h3 { text-align:center; font-size:135%; text-indent:0; }
.banner2 div.posts-ant-prox { text-align:center; font-size:125%; margin-bottom:2em; }

/* Usado na p�gina msg-son.php */
.banner2 .conteudo .interno h3 { 
margin: 5px 0 -5px 0;
background-color:transparent;
border:none;
}

.banner3 {
width: 64%;
margin:0 auto;
border: 1px solid #800040;
background-color: #F8F4ED;
}

.borda-tracejada {
width: 82%;
margin: 0 auto;
border: 1px solid #800040;
background-color: #F8F4ED;
}

.borda4 { border: 4px solid #800040; }

.borda_foto { 
border-top: 1px solid #efefef;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #efefef;
padding:3px; 
background-color:#ddd; }

.borda1 { border: 1px solid #800040; }

.centro { text-align: center; text-indent:0; }

.conteudo { width:92%; margin: 0 auto; padding:2px 0; }

.rodape { width:76%; margin: 0 auto; padding:2px 0; }

.conteudo h3, .rodape h3 {
margin:12px 0;
background-color:#FFF;
border:1px dashed #999;
padding:5px 0;
}

.sublinhado { text-decoration:underline; }

.elo { 
width: 74%;
margin:0 auto; /* 0 13% */
height:78px;
}

/* Todos os par�grafos s�o justificados */
/* Par�grafo com 50px de recuo na primeira linha */
p { font-family: 'Trebuchet MS', Arial, Tahoma, Verdana; line-height:1.7em; text-indent: 5%; }

/* Par�grafo com margem zero sem recuo na primeira linha */
p.normal { margin-left: 0; text-indent: 0; }

.letramenor
 { margin-left: 0; text-indent: 0;  font-size: 80% ; }

/* Par�grafo com margem de 50px sem recuo na primeira linha */
/* Simula um blockquot */
p.blockquote, ul.blockquote, blockquote { margin-left:5%; text-indent:0; border-left:1px dashed #000080; padding-left:20px; }
blockquote p { text-indent:0; }

ul.direita { 
text-align: right;
line-height: 130%;
list-style-type: none;
}

ol { margin-left:4%; }
ul, ol { line-height: 200%; }
ul.links li { list-style:none; background:url(bullet.gif) 0 .6em no-repeat; padding-left:1.5em; }
ul.losango li { list-style:none; background:url(bullet3.gif) 0 .6em no-repeat; padding-left:1.5em; }
ul.losango, ul.links { margin-left:4em; padding-left:0; }
ul.losango ul, ul.links ul { margin-left:0; padding-left:0; }
ul.losango ul.links li { list-style:none; background:url(bullet.gif) 0 .6em no-repeat; padding-left:1.5em; }

img { border: 0; }

.aumenta_texto { float: right; margin-right: 0; }

.aumenta_textos {
float: right;
width: 69%;
text-align: right;
margin-top:0.4%;
margin-bottom:0.5%;
}
.aumenta_textos-blog { 
float:right; 
width:10%;
text-align:right;
margin-top:0.4%;
margin-bottom:0.5%;
}


.banner2 .creditos, .banner .creditos { 
background-color: transparent; border:none; 
margin-right: 0;
margin-top: 12px;
margin-bottom: 20px;
text-align: right; }


ul.menu-hr { text-align:center; background-color:#FFF; margin-left:0; border:1px dashed #999; padding:8px 0 }
li.inline { display:inline; margin:0; }
a:link.hr { padding:3px; text-decoration:none }
a:visited.hr { padding:3px; text-decoration:none }
a:hover.hr { padding:3px; text-decoration:none; }
a:active.hr { padding:3px; text-decoration:none; }

.interno {
width: 90%;
margin:30px auto;
background-color:#FFF;
border:1px solid #999;
padding:20px 0;
}

.busca { text-align: center }
fieldset { border: 1px dashed #999 }
legend {
border: 1px solid #999; 
padding:2px 15px; 
background-color:#FFFFFF; 
font-style:italic;
}

.top-busca-princ {
float: left;
width: 25%;
text-align: left;
margin-top:0.5%;
margin-bottom:0.5%;
color:#000; }

.horizontal {
float: left;
width: 50%;
text-align:center;
background-color: #F8F4ED;
margin:.5% 0;
padding:.3em 0;
border: 1px solid #800040;
}
.horizontal-blog {
float:left; 
margin-top:.5em; 
margin-left:11%;
width:78%; 
text-align:center;
background-color: #F8F4ED;
padding:.3em 0;
border: 1px solid #800040;
}
.aumenta_textos-blog { float:right; width:9%; }

.amais {
float: left;
width: 24%;
text-align: right;
margin-top:0.4%;
margin-bottom:0.5%; }

.irtopo { text-align:right;
position:fixed;
bottom:0;
right:0;
}
.irtopo a.tw img { position:relative; top:-20px; right:22px }
.irtopo ul li { list-style:none; }

.botao {
background: #fff;
border: 1px solid #800040;
color: #000088;
margin-top: 0.8%;
font-weight:bold;
}

embed { position:absolute; top:-1000px; left:-1000px; }

.limpatudo {
clear: both;
}

.formulario {
border:1px solid #800040;
font-weight:bold;
color:#000088;
}

#fp1 { margin-top:1em; }
#fp1, .botao { padding:3px; }
#fp1:focus, .botao:focus { border:1px solid #000; background:#F0FFFF; }

.left { float:left; }

/* usado na p�gina medular.php */
.right { float:right; margin-left:10px; text-align:center; }

.data {
font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
text-align: right; font-size: 80%; }

.contador, .fora-da-tela {
position:absolute; left:-10000px;
text-indent: 0;
font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
font-size: 135%;
text-align: center;
padding: 0;
margin: 0;
}

.legenda-centro-h3 { 
text-align:center; 
font-size: 135%; 
text-indent:0; 
font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
 }

.legenda-centro-h4 { 
text-align:center; 
font-size: 120%; 
text-indent:0; 
font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
 }

.legenda-centro-h5 { 
text-align:center; 
font-size: 90%; 
text-indent:0; 
font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
 }

.logo img {
margin-top: -15px;
text-align: center; }

.centro-fim { text-align: center; text-indent:0; }

#arede-j30 { 
float:left; 
width:128px; 
font-size:80%;
font-family:'Trebuchet MS', Arial, Tahoma, Verdana;
margin-right:5px;
padding: 5px; 
background-color:#FFFFFF;
text-align:left;
}

#arede-ronaldo { 
float:right; 
width:129px; 
font-size:80%;
font-family:'Trebuchet MS', Arial, Tahoma, Verdana;
margin-left: 5px;
padding: 5px; 
background-color:#FFFFFF;
text-align:right;
}
#noceara { 
float:right; 
width:191px; 
font-size:80%;
font-family:'Trebuchet MS', Arial, Tahoma, Verdana;
margin-left: 5px;
padding: 5px; 
background-color:#FFFFFF;
text-align:right;
}

/* usados nos tr�s validadores da p�gina index */
.validadores {
width:82%;
height:31px;
 margin:30px auto;
 padding:10px;
 border:1px solid #800040; background-color: #F8F4ED; }

#xhtml { float:left; text-align:right; width:41%; text-indent:0; }
#css  { float:left; text-align:center; width:17%; text-indent:0; }
#wcag  { float:left; text-align:left; width:auto; text-indent:0; }


/* CSS das paginas com corte. */

body.rasgo
{
font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
font-size: 80%;
background:#E9E0C7 url(corte_bg.gif) no-repeat top left;
color: #800040;
font-weight: bold;
margin:0 0.3% 0 0;
padding: 0;
}

.banner_rasgo {
width: 78%;
margin: 0 auto;
padding: 3px 0;
border: 1px solid #800040;
background-color: #F8F4ED;
}

.interno_rasgo {
width: 94%;
margin:0 auto;
background-color:#F8F4ED;
padding:0;
}

.interno_rasgo h3 {
background-color:#FFF;
border:1px dashed #999;
padding:5px 0;
}

.interno_rasgo .creditos {
background-color: transparent; border:none;
margin-right: 0;
margin-top: 12px;
margin-bottom: 20px;
text-align: right; }


.limpa_rasgo {
clear: both;
margin-bottom: -22px;
background: transparent url(bottom_bg.gif) no-repeat bottom left
}
/* Usado na p�gina feeds.php */
.centro-vert { vertical-align:middle; }

table.grupos-focais { width:100%; border:1px solid #000; margin:0 auto; }
table.grupos-focais caption { padding-bottom:1em; }
table.grupos-focais th { width:25%; background:#fff; border:1px solid #ccc; padding:.5em 0; color:#000; }
table.grupos-focais td { text-align:center; background:#fff; padding:.3em 0; }

/* Usado na p�gina de contato */
#nome, #email, #subject, #prof { display:block; background:#F9F9F9 url(bg-campo.gif) left top repeat-x; width:96%; margin-bottom:1.5em; border:1px solid #CCC; padding:0.5em; }
#prof { overflow:auto; }
#enviar { width:50%; height:40px; background:#3D6996; border:3px solid #FCDD82; color:#FFF; margin:0 25%; }
#form { width:80%; margin:0 auto; }
#fieldset { padding:30px; border:1px solid #CCC; font-size:0.7em; }
#legend { font-size:1.4em; padding:3px 10px; border:1px solid #CCC; }
p.erro { font-weight:bold; color:#F00; border:1px solid #F00; text-indent:0; text-align:center; width:98%; line-height:2em; font-size:1.2em; }
label { cursor:pointer; font-size:1em; }

/* BLOG */
img.alignleft { float:left; margin-right:20px;border-top: 1px solid #efefef;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #efefef;
padding:3px; 
background-color:#ddd; }
img.alignright { float:right; margin-left:20px;border-top: 1px solid #efefef;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #efefef;
padding:3px; 
background-color:#ddd; }
img.aligncenter { display:block; margin-left:auto; margin-right:auto;border-top: 1px solid #efefef;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #efefef;
padding:3px; 
background-color:#ddd; }
.wp-caption { padding:1em; }
.wp-caption img { padding:.3em; border:1px dashed #bbb; }
#blog p.wp-caption-text { text-align:center; text-indent:0; padding:1em; font-size:.75em; letter-spacing:.1em; line-height:1.2em; border:1px dashed #cccccc; margin-top:0; }

h2.storytitle { padding:0 0 1em 0; }
p.maiuscula:first-letter { text-transform: uppercase; }
.divisoria { border-bottom:3px double #d9b7f4; margin:1.5em 0 2.5em 0; }
.alerta { font-size:135%; font-weight:normal; text-align:center; background-color:#FFF; border:1px dashed #999; padding:5px 0; }
#blog div.conteudo div.menu-maq ul { list-style:none; margin:1.5em 0 0 0; padding:0; text-align:center; font-size:1.3em; }
#blog div.conteudo div.menu-maq ul ul { list-style:none; margin:-.5em 0 2em 0; padding:0; text-align:center; font-size:.8em; }
#blog h1 { margin-bottom:2em; }
li.categories, li.cat-item, li.pagenav, li.page_item { display:inline; text-align:center; padding:0 .5em; }
li.categories, li.pagenav, label.s { color:#555; }
li.categories ul, li.pagenav ul { margin:0; padding:0; }
div.menu-maq #search { margin:0 0 2em 0; text-align:center; }
#s { padding:3px; }
#commentform { padding:1em 3em 3em 3em; }
#commentform p { text-indent:0; font-weight:normal; }
#commentform #author, #commentform #email, #commentform #url { display:block; width:40%; background:#F9F9F9 url(bg-campo.gif) repeat-x left top; border:1px solid #ccc; padding:0.5em; }
#challenge { padding:0.5em; background:#F9F9F9 url(bg-campo.gif) repeat-x left top; border:1px solid #ccc; }
#submit { padding:0.4em; background:#fff; border:1px solid #ccc; color:#000; font-weight:bold; }
#commentform textarea { overflow:auto; display:block; width:97%; background:#F9F9F9 url(bg-campo.gif) repeat-x left top; border:1px solid #CCC; padding:0.5em; }
h2.storytitle, h2#comments { margin-top:2em; }
h3#postcomment { margin-top:3em; }
div.meta { margin:4em; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:.3em; }
.rodape ul.centro { list-style:none; margin:2em auto; }
#blog .conteudo ul{ margin:2em 0 2em 5%; }
#blog .conteudo ul ul { margin:0; }
#blog .rodape { width:100%; margin: 0 auto; padding:2px 0; }

.ctc-tag-cloud { margin:0; padding:0 3em 0 0; text-align:center; }
.ctc-tag-cloud li { display:inline; list-style:none; }
.ctc-tag-cloud li span { font-weight:normal; }
.ctc-tag-cloud li a { padding:.5em; }
.ctc-tag-cloud li a span { margin-left:.4em; }
.ant-pos { text-align:center; }
.menos-10000px { position:absolute; left:-10000px; top:-10000px; }
#blog div.irtopo li { line-height:0; height:23px; margin:0; padding:0; vertical-align:middle; }
#blog .irtopo { right:2px; bottom:-7px; position:fixed; }

div.sem-identacao p { text-indent:0; }

/* post sobre programação de TV com audiodescrição */
table.ad { width:100%; }
table.ad td, table.ad th { border:1px solid #ccc; padding:.5em; }
table.ad td { background:#ffffff; }