/*
Pro Informática
copyright 2009
writting for: www.mercynet.com.br

comment: este código foi escrito ignorando totalmente browsers antigos. 

swatch colors
----------------------
000000 - black
ffffff - white
fffc00 - light yellow
415b9a - dark blue
0079ca - mid blue
92c1e0 - light blue
cc0001 - mid red
4b4b4b - dark grey
969696 - mid grey
efefef - light grey

encontre-nos no twitter:
http://twitter.com/pauloweb/

----------------------------------
	resets
*/
* { margin:0; padding: 0; list-style:none; text-decoration:none; }
ul, ol { list-style-position:outside; }
ul li, ol li { text-indent:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0 none; }

/********************************/

body {
    margin: 0 auto; /* centralizar o site ;) */
    text-align: center; /* this centers the container in ie 5* browsers. the text is then set to the left aligned default in the #container selector */
    color: #000;
    background: url('../../../images/bg.gif');
}
body,td,th {
    font: normal 10px verdana, arial, helvetica, sans-serif;
}

a {
    font: normal 11px verdana, arial, helvetica, sans-serif;
    color: #000;
}
a:hover {
    text-decoration: underline;
}
fieldset {
	border: 0;
}
#geral {
	width: 1016px;
	background: url('../../../images/bg-conteudo.png') repeat-y;
	text-align: left;
	margin: 0 auto;
	padding: 0 8px;
	position: relative;
}
#topo {
	width: 1000px;
	height: 159px;
	background:url('../../../images/bg-topo.jpg') repeat-x top left;
	position: relative;
}
#topo h1 {
    background:url('../../../images/logo.jpg') no-repeat top left;
    width:400px;
    height: 159px;
    text-align: left;
    float: left;
}
#topo h1 a {
    display:block;
    text-indent:-9000px;
    overflow:hidden;
    float:left;
    width:400px;
    height:159px;
    margin:0 auto;
}
#depoimentos {
	width: 330px;
	height: 111px;
	background: url('../../../images/bg-depoimentos.png') no-repeat top left;
	overflow: hidden;
	position: absolute;
	top: 15%;
	left: 64%;
}
#depoimentos p {
	font: normal 13px verdana;
	margin: 10px;
}
#depoimentos span {
	font: normal 13px verdana;
	color: #276bcc;
	text-align: right;
	margin: 10px;
}
#conteudo {
	font: normal 12px arial, verdana, tahoma, 'trebuchet ms', helvetica, sans-serif;
	width: 1000px;
}
#conteudo:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}

/******************************/

/*
	conteudos (colunas)
*/

#conteudo-principal {
	width: 675px;
	margin: 10px 5px 0 3px;
	float: left;
}
#conteudo-principal:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#conteudo-principal-a {
	width: 400px;
	margin: 0 5px 0 0;
	float: left;
}
#conteudo-principal-b {
	width: 260px;
	margin: 0 2px 0 5px;
	float: right;
}
#conteudo-secundario {
	width: 308px;
	margin: 10px 3px 0 0;
	float: right;
}
/******************************/

/*
	menu
*/

#menu {
	width: 1000px;
	background: url('../../../images/bg-menu.jpg') repeat-x;
}
#menu:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#menu ul li {
	margin: 0 10px;
}
#menu ul li a{
	font: bold 15px 'Trebuchet MS', arial, verdana, tahoma, helvetica, sans-serif;
	color: #fff;	
	margin: 0 10px;
	padding: 11px 12px;
	float: left;
	display: block; 
}
#menu ul li a:hover{
	color: #0061b2;
	background: url('../../../images/bg-menuativo.jpg') no-repeat;
	text-decoration: none;	 
}
#menu ul li a.selecionado {
	color: #0061b2;
	background: url('../../../images/bg-menuativo.jpg') no-repeat;
	text-decoration: none;
}
/******************************/
/* 
	FAQ
*/

#faq {
	width: 275px;
	margin: 10px 0 0 10px;
	float: left;
}
#faq h3 {
	border-bottom: 1px solid #93282a;
	margin-bottom: 5px; 
}
#faq h3 a{
	font: italic normal 20px georgia, arial;
	color: #93282a;
}
#faq h3 a:hover {
	text-decoration: none; 
}
#faq ul li a {
	font: normal 13px arial, tahoma, verdana, helvetica, sans-serif;
	color: #484848;
	margin: 2px 0;
	padding: 2px 0;
	display: block;
}
#faq  ul li a:hover {
	text-decoration: underline;
}
#cadastrar-faq a {
	font: bold 13px arial;
	color: #195cb3;
	width: 99%;
	background-color: #ddd;
	border: 1px solid #999;
	padding: 3px 5px;
	display: block;
}
#form-faq {
	font: bold 13px arial;
	color: #555;
	width: 99%;
	background-color: #fafafa;
	border: 1px solid #999;
	border-top: 0;
	padding: 3px 5px;
	display: none;
}
#form-faq .small {
    font: normal 11px tahoma, verdana, arial, helvetica, sans-serif;;
    color: #777;
    margin-left: 5px;
}
#form-faq select {
	font: bold 13px arial,tahoma;
	color: #0147b6;
	height: 25px;
	background-color: #eff9ff;
	border: 1px solid #999;
	margin-bottom: 3px;
	padding: 3px;
}
#form-faq select option {
	margin-bottom: 3px;
	padding: 1px;
}
#form-faq label{
	font: bold 13px arial,tahoma;
	color: #222;
	padding: 5px 0;
	display: block;
}
#form-faq input[type="text"] {
	font: bold 13px arial;
	color: #0147b6;
	width: 98%;
	background-color: #eff9ff;
	border: 1px solid #999;
	margin: 5px 0;
	padding: 3px 5px;
	display: block;
}
#form-faq input[type="text"]:focus {
	background-color: #d0eaf9;
}
#form-faq input[type="submit"] {
	font: bold 13px arial;
	color: #195cb3;
	width: 113px;
	height: 32px;
	background: url('../../../images/botao-enviar.png') no-repeat 0 0;
	border: 0;
	text-indent: -99999px;
	margin: 5px auto;
	display: block;
}
#lista-faq {
	width: 99%;
	float: left;
}
#lista-faq div.item-portfolio:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#lista-faq div.item-portfolio {
	background: #f9f9f9;
	border: 1px solid #dfdfdf;
	padding: 5px;
	position: relative;
}
#lista-faq div.item-portfolio ul {
	width: 550px;
	float: left; 
}
#lista-faq div.item-portfolio ul li {
	background: url('../../../images/tick.png') no-repeat 0 2px;
	padding: 2px 20px;
}
#lista-faq div.item-portfolio p{
	font: normal 13px arial;
	color: #222;
	margin: 0 5px !important;
}
#lista-faq div.item-portfolio a {
	width: 112px;
	height: 29px;
	background: url('../../../images/button_visit_site_now.png') no-repeat 0 0;
	text-indent: -999999px;
	margin: 15px 0 5px;
	float: right;
	display: block;
}
#lista-faq div.item-portfolio img {
	background: #fff;
	border: 1px solid #999;
	margin: 0 5px 5px 0;
	padding: 2px;
	float: left;
}
#lista-faq h1 {
	font: bold 16px arial, verdana, helvetica, sans-serif;
    color: #444;
    border-bottom: 1px solid #e2e2e2;
    text-align: left;
    margin: 5px 0 10px;
    padding-bottom: 8px;
}
#lista-faq ul li, #lista-faq ul li a{
	font: normal 11px arial, helvetica, sans-serif;
	background: 0;
	margin: 3px 0 0;
	padding: 2px 2px 0;
}
/*
 * 	Login
 */
#auth {
	background-color: #fff;
}
#auth:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
.caixa-auth {
	background: #faf7ee url('../../../images/login_box_bg.gif') repeat-x 0 0;
	border: 1px solid #bbb6a5;
	overflow: hidden;
	position: relative;
}
#caixa-recuperasenha {
	height: 150px;
}
#auth h3{
	font: bold 15px arial;
	color: #9e0325;
	border-bottom: 1px solid #9E0325;
	margin:10px;
}
#login {
	width: 371px;
	min-height: 220px;
	margin: 10px;
	float: right;
}
#auth fieldset {
	width: 95%;
	float: left;
}
#auth p{
	font: normal 12px arial;
	color: #333;
	margin: 10px !important;
}
#auth a {
	font: normal 12px arial;
	color: #9e0325;
	background: url('../../../images/lista-circ.gif') no-repeat 0 28%;
	text-decoration: underline;
	margin: 0 10px;
	padding: 0 0 10px 10px;
}
#auth fieldset label{
	font: bold 13px arial;
	color: #555;
	margin: 10px 0 0 10px;
	display: block;
}
#auth fieldset input[type="text"], #login fieldset input[type="password"]{
	font: normal 12px arial;
	width: 80%;
	height: 16px;
	border: 1px solid #555;
	margin: 2px 0 3px 10px;
	padding: 2px;
}
#auth fieldset input[type="text"]:focus, #login fieldset input[type="password"]:focus {
	color: #222;
	background-color: #ffeff3;
}
#auth fieldset input[type="image"]{
	margin: 0 5px 5px 0;
	position: absolute;
	bottom: 0;
	right: 0;
}
/*--------------*/
#cadastro {
	width: 405px;
	min-height: 220px;
	margin: 10px 0 10px 10px;
	float: left;
}
#cadastro h3{
	font: bold 15px arial;
	color: #9E0325;
	border-bottom: 1px solid #9E0325;
	margin:10px;
}
#cadastro p{
	font: normal 12px arial;
	color: #333;
	margin: 10px !important;
}
#cadastro a{
	background: 0 !important;
}
#cadastro a img{
	margin: 0 5px 5px 0;
	position: absolute;
	bottom: 0;
	right: 0;
}
/*********************************************************/
/* Formulário de Cadastro */

.formulario-cadastro {
	width: 100%;
    height: auto;
    margin: 5px 0 20px;
}
.formulario-cadastro h1{
    font: bold 20px Arial, Verdana, Helvetica, sans-serif;
    color: #AC3E48;
    border-bottom: 1px dotted #000;
    text-align: left;
    margin: 5px;
    padding-bottom: 2px;
}
.formulario-cadastro p{
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#000;
	margin: 7px;
}
.formulario-cadastro p a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#A41D17;
	margin: 0 !important;
	padding: 0 !important;
}
.formulario-cadastro .small {
    font: normal 11px tahoma, Verdana, Arial, Helvetica, sans-serif;;
    color: #555;
    margin-left: 5px;
}
.formulario-cadastro fieldset {
	width: 95%;
	border: 0;
	text-align: left;
	margin: 0 auto;
	padding: 3px;
}
.formulario-cadastro fieldset fieldset {
	border: 1px solid #333;
	background-color: #fff;
	text-align: left;
	margin: 5px auto;
	padding: 5px;
}
.formulario-cadastro fieldset fieldset legend {
	font: bold 14px arial;
	color: #9e0325;
	margin: 0 auto;
	padding: 3px;
}
.formulario-cadastro fieldset label{
	font: bold 13px arial;
	color: #555;
	padding: 3px 3px 3px 0;
	display: block;
}
.campo-obrigatorio {
	color: #f0343c
}
.formulario-cadastro select {
	border: 1px solid #9e0325;
	margin: 5px 0;
	padding: 3px;
}
.formulario-cadastro fieldset input[type="text"] {
	height: 15px;
	border: 1px solid #9e0325;
	margin-bottom: 3px;
	padding: 3px;
}
.formulario-cadastro fieldset input[type="text"]:focus, .formulario-cadastro fieldset input[type="password"]:focus {
	color: #000;
	background-color: #ffeff3;
}
.formulario-cadastro fieldset input[type="password"] {
	height: 17px;
	border: 1px solid #9e0325;
	padding: 3px;
}
.formulario-cadastro fieldset input[type="radio"] {
	margin: 2px;
	vertical-align: -3px;
}
.formulario-cadastro textarea {
	width: 100%;
	border: 1px solid #969696;
	margin-bottom: 2px;
	padding: 3px;
}
/******************************/

/* Páginas Internas */

#livraria-interna {
	margin: 10px 0;
	text-align: center;
}

#livraria-interna:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#livraria-interna h2 {
	font: bold 16px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	margin: 5px;
    padding: 4px;
}
#livraria-interna div.produtos-lista {
	width: 100%;
	border-bottom: 1px dotted #222;
	padding: 10px 0;
	display: block;
}
#livraria-interna div.produtos-lista:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#livraria-interna div.produtos {
	width: 221px;
	text-decoration: none;
	padding: 10px 5px 10px 5px;
	float: left;
}
#livraria-interna div.produtos img {
	border: 1px solid #000;
	text-align: center;
	text-decoration: none;
	margin: 10px auto;
	float: none;
	display: block;
}
#livraria-interna div.produtos img#carrinho {
	border: 0;
}

#livraria-interna .produtos a {
	font: normal 11px Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
#livraria-interna a:hover {
	text-decoration: underline;
}
#livraria-interna span {
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #9e4c4e;
	text-align: center;
	display: block;
}
#livraria-interna span.preco-bruto {
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
	text-decoration: line-through;
	margin: 0 auto !important;
	display: block;
}
#livraria-interna span.preco-final {
	font: bold 11px tahoma, verdana, Arial, Helvetica, sans-serif;
	color: #0000ff;
	margin: 0 auto !important;
	display: block;
}

/* Barra de Checkout */
#marco-compras {
	width: 100%;
	background: url('../../../images/bg-marcocompras.png') repeat-x 0 8px;
}
#marco-compras:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#marco-compras li {
	font: bold 13px 'trebuchet ms';
	color: #999; 
	width: 180px;
	height: 30px;
	margin: 10px 22.5px 10px 0;
	float: left;
	display: block
}
#marco-compras li span.marco-desabilitado {
	font: bold 15px 'trebuchet ms';
	color: #999;
	background: url('../../../images/bg-marcod.png') no-repeat 0 0;
	padding: 2px 10px 4px 9px;
}
#marco-compras li.marco-1, #marco-compras li.marco-1 a {
	font: bold 13px 'trebuchet ms';
	color: #7d2222;
	background: 0;
}
#marco-compras li span.marco-1 {
	font: bold 15px 'trebuchet ms';
	color: #7d2222;
	background: url('../../../images/bg-marco.png') no-repeat 0 0 !important;
	padding: 2px 10px 4px 9px;
}
#marco-compras li.marco-2, #marco-compras li.marco-2 a {
	font: bold 13px 'trebuchet ms';
	color: #7d2222;
	background: 0;
}
#marco-compras li span.marco-2 {
	font: bold 15px 'trebuchet ms';
	color: #7d2222;
	background: url('../../../images/bg-marco.png') no-repeat 0 0 !important;
	padding: 2px 10px 4px 9px;
}
#marco-compras li.marco-3, #marco-compras li.marco-3 a {
	font: bold 13px 'trebuchet ms';
	color: #7d2222;
	background: 0;
}
#marco-compras li span.marco-3 {
	font: bold 15px 'trebuchet ms';
	color: #7d2222;
	background: url('../../../images/bg-marco.png') no-repeat 0 0 !important;
	padding: 2px 10px 4px 9px;
}
#marco-compras li.marco-4 {
	font: bold 13px 'trebuchet ms';
	color: #7d2222;
	background: 0;
}
#marco-compras li span.marco-4 {
	font: bold 15px 'trebuchet ms';
	color: #7d2222;
	background: url('../../../images/bg-marco.png') no-repeat 0 0 !important;
	padding: 2px 10px 4px 9px;
}

/* Finalizando a compra */
.caixa-finalizacompra {
	background-color: #fff;
	border: 1px solid #bbb6a5;
	border-top: 0;
	padding: 10px;
	overflow: hidden;
	position: relative;	
}
h3.titulo-marco {
	font: bold 14px 'trebuchet ms';
	color: #80011E;
	border: 1px solid #bbb6a5;
	background: #faf7ee url('../../../images/login_box_bg.gif') repeat-x 0 0;
	padding: 5px;
}
h3.titulo-marco span {
	color: #000;
	width: 15px;
	height: 15px;
	background: url('../../../images/bg-marcador-marco.png') no-repeat 0 0;
	padding: 4px 9px 4px 8px;
}

#informacoes-entrega {
	position: relative;
}
#informacoes-entrega select{
	border: 1px solid #9e0325;
	margin: 5px 0 15px;
	padding: 3px;
	display: block;
}
#informacoes-entrega input[type="image"]{
	float: right;
}

/* Carrinho de Compras */
#botao-finalizapedido {
	text-align: right;
}
#botao-finalizapedido img {
	
}
#tabela-carrinho {
	width: 100%;
	text-align: center;
	margin: 10px 0;
}
#tabela-carrinho td img {
	margin-left: 8px;
}
#tabela-carrinho td.no-cart {
	font: bold 18px arial;
	color: #9e0227;
	padding: 20px 0;		
}
#tabela-carrinho td a {
	font: bold 12px arial;
	color: #9e0227;
	text-decoration: underline;
}
#tabela-carrinho td img.imagem-produto {
	border: 1px solid #222;
	text-align: center;
	margin-left: 25px;
}
#tabela-carrinho tr.cor1{
	background-color: #fff;
}
#tabela-carrinho tr.cor2{
	background-color: #ddd;
}
#tabela-carrinho td{
	border: 1px solid #999;
}
#tabela-carrinho .normal, #tabela-carrinho .valor {
	padding: 5px;
}
#tabela-carrinho .normal {
	text-align: center;
}
#tabela-carrinho .valor {
	text-align: right;
}
#tabela-carrinho em {
	margin: 10px auto;
}
.valor-total {
	font: bold 18px verdana;
	color: #f00;
}
.rotulo {
	font: bold 11px arial;
	color: #000;
	height: 28px;
	background-color: #dfdfdf;
	text-align: center;
	text-transform: uppercase;
	padding: 5px;
}
button.button {
	font: normal 10px Arial,Helvetica,sans-serif;
	width:auto;
	height:23px!important;
	background: 0;
	border:0;
	cursor:pointer;
	overflow:visible;
}
button.button span {
	margin:0;
	display:block;
	background:url(../../../images/buttons_left_bg.gif) left top no-repeat !important; 
	height:28px!important;
}
button.button span span{
	display:block; 
	background:url(../../../images/buttons_right_bg.gif) right top no-repeat!important; 
	padding:0 13px; 
	height:28px!important;
}
button.button span span span{
	display:block; 
	text-transform:uppercase; 
	color:#FFF; 
	text-align:center; 
	padding:6px 0 1px; 
	height:15px!important; 
	overflow:hidden!important;  
	white-space:nowrap; 
	background:url(../../../images/buttons_bg.gif) left top repeat-x!important; 
	line-height:normal;
}
.left {
	float: left;
}
.right {
	float: right;
}
/* Mini Banners */

#banners ul li{
	text-align: center;
	margin: 5px 3.2px 10px 0;
	display: inline;
}
#banners a {
	font-size:10px;
	color: #000;
	text-decoration: none;
	width: 100px;
    margin: 0 auto !important;
	margin-bottom:10px;
    padding: 0 !important;
}
#banners a:hover {
	font-size:10px;
	color: #000;
	text-decoration: underline;
	width: 100px;
}

/* Detalhes do produto */

#imagem-produto {
	margin: 0 10px 10px 0;
	background: #fff;
	border: 1px solid #ccc;
	float: left;
}
#imagem-produto a img{
	border: 0 !important;
	margin: 3px;
	float: none !important; 
}
#imagem-produto a h3 {
	font: bold 12px arial;
	color: #888;
	background: url('../../../images/zoom_in.png') 5px 3px no-repeat;
	padding: 3px 0 3px 25px;
	display: block;
}
#detalhes-produto h1{
	font: bold 15px arial,verdana,freesans,garuda,helvetica,sans-serif !important;
	color: #888;
	text-transform: uppercase;
	margin: 0 !important;
}
#detalhes-produto img{
	margin: 5px 0 0 0;
	float: none;
}
#detalhes-produto p{
	font: normal 12px arial,verdana,freesans,garuda,helvetica,sans-serif !important;
}
#detalhes-produto h5{
	font: normal 11px arial !important;
	color: #000;
}
#detalhes-produto span{
	font: bold 12px arial;
	color: #000;
	margin-bottom: 10px;
}
#detalhes-produto span.preco-bruto {
	font: normal 11px arial,verdana,freesans,garuda,helvetica,sans-serif !important;
	color: #555;
	text-decoration: line-through;
	margin: 10px 0 0 0 !important;
	display: block;
}
#detalhes-produto span.preco-final {
	font: bold 16.5px arial,verdana,freesans,garuda,helvetica,sans-serif !important;
	color: #12477B;
	text-transform: uppercase;
	margin: 0 auto !important;
	display: block;
}

/*********************************************************************/

/*
	destaques
*/

#destaques {
	width: 1000px;
	height: 176px;
}

/******************************/

/*
	Notícias
*/

/* index */

#noticias {
	border: 1px solid #e2e1e1;
}
#noticias h3 {
	background: url('../../../images/bg-guias.jpg') repeat-x;
	padding: 3px 0;
}
#noticias h3 a{
	font: normal 18px 'trebuchet ms';
	color: #fff;
    text-align: left;
    margin: 0 10px;
}
#noticias ul {
	text-align: left;
}
#noticias ul:after {
	content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#noticias ul li{
	margin: 0 7px 3px 7px;
}
#noticias ul li img{
	vertical-align: -2px;
	border: 0;
	margin-right: 1px;
	text-decoration: none;
}
#noticias ul li a {
	font: normal 13px arial, tahoma, verdana, helvetica, sans-serif;
	color: #7b7b7b;
	background: url('../../../images/marcador.jpg') no-repeat left 8px;
	padding: 3px 12px;
	display: block;
}
#noticias ul li a:hover {
	background-color: #eee;
}
#noticias ul li a span {
	font: bold 11px tahoma, verdana, arial, helvetica, sans-serif;
	color: #000;
}
#destaque-inicial {
	font: bold 13px arial, tahoma, verdana, helvetica, sans-serif;
	color: #333;
	border-top: 0;
	margin-top: 0 !important;
}
#destaque-inicial p{
	font: normal 12px arial, verdana, helvetica, sans-serif;
	color:#000;
	text-align: left;
	padding-bottom: 5px;
}
#destaque-inicial p:hover {
	text-decoration: none;
}
#destaque-inicial:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	height: 0;
}
#destaque-inicial a {
	font: bold 13px arial, tahoma, verdana, helvetica, sans-serif;
	color: #3f2417;
	text-align: left;
	margin: 5px 5px 15px 5px;
	display: block;
}
#destaque-inicial a:hover {
	text-decoration: underline;
}
#destaque-inicial a strong {
	font: bold 13px arial, tahoma, verdana, helvetica, sans-serif;
	color: #9D0327;
	margin-bottom:.2em;
	display: block;
}
#destaque-inicial a strong:hover {
	text-decoration: none !important;
}
#destaque-inicial img {
	border: 1px solid #333;
	margin: 0 5px;
	float: left;
}

#destaque-inicial span {
	color: #1a75e7
}

/******************************/

/*
	Portfolio
*/

/* index */

#portfolio {
	border: 1px solid #e2e1e1;
}
#portfolio h3 {
	background: url('../../../images/bg-guias.jpg') repeat-x;
	padding: 3px 0;
}

#portfolio h3 a{
	font: normal 18px 'trebuchet ms';
	color: #fff;
    text-align: left;
    margin: 0 10px;
}
#portfolio a {
    text-align: center;
    margin: 5px auto;
    display: block;
}
#portfolio a img {
	border: 1px solid #000;
}

/******************************/

/*
	Artigos
*/

/* index */

#artigos {
	border: 1px solid #e2e1e1;
	margin-top: 10px;
}
#artigos h3 {
	background: url('../../../images/bg-guias.jpg') repeat-x;
	padding: 3px 0;
}
#artigos h3 a{
	font: normal 18px 'trebuchet ms';
	color: #fff;
    text-align: left;
    margin: 0 10px;
}
#artigos ul {
	text-align: left;
}
#artigos ul:after {
	content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#artigos ul li{
	margin: 0 7px 3px 7px;
}
#artigos ul li img{
	vertical-align: -2px;
	border: 0;
	margin-right: 1px;
	text-decoration: none;
}
#artigos ul li a {
	font: normal 13px arial, tahoma, verdana, helvetica, sans-serif;
	color: #7b7b7b;
	background: url('../../../images/marcador.jpg') no-repeat left 8px;
	padding: 3px 12px;
	display: block;
}
#artigos ul li a:hover {
	background-color: #eee;
}
#artigos ul li a span {
	font: bold 11px tahoma, verdana, arial, helvetica, sans-serif;
	color: #000;
}
/******************************/

/*
	Enquetes
*/

/* index */

#enquetes {
	border: 1px solid #e2e1e1;
	margin-top: 10px;
}
#enquetes fieldset label{
	font-weight:bold;
    text-align:left;
    margin: 5px 0 3px 10px;
    display: block;
}
#enquetes fieldset input[type="radio"]{
	margin: 0 5px 3px 0;
	vertical-align: -2px;
}
#enquetes fieldset input[type="submit"], #enquetes fieldset input[type="button"] {
	font: normal 10px verdana;
    color: #000;
    height: 20px;
    background: #cfe0f7;
    border: 1px solid #014590;
    margin: 0 10px 10px;
    padding: 0 35px;
}
#enquetes fieldset input[type="submit"] {
	margin: 0 0 0 25px;
}
.radios {
	text-align: left !important;
	padding: 5px 5px 5px 10px !important;
	display: block;
}
#enquetes p{
	font: normal 13px verdana;
	margin: 5px;
}
#enquetes h3 {
	font: normal 18px 'trebuchet ms';
	color: #fff;
    text-align: left;
	background: url('../../../images/bg-guias.jpg') repeat-x;
	padding: 3px 10px;
}
/******************************/
/*
	Auth	
*/

/* index */

#auth {
	border: 1px solid #e2e1e1;
}
/* formulário do newsletter */

#auth fieldset label {
	font-weight:bold;
    text-align:left;
    margin: 5px 0 3px 10px;
    display: block;
}

#auth fieldset input[type="text"], #auth fieldset input[type="password"] {
    font-size: 12px;
    color: #000;
    width: 90%;
    background-color: #cfe0f7;
    border: 1px solid #014590;
    margin-left: 10px;
    padding: 2px 2px;
}
#auth fieldset a {
	font: normal 10px verdana;
    color: #000;
    margin: 5px 0 5px 10px;
    display: block;
}
#auth fieldset input[type="submit"] {
    font: normal 10px verdana;
    color: #000;
    height: 20px;
    background: #cfe0f7;
    border: 1px solid #014590;
    margin: 10px auto;
    padding: 0 35px;
    display: block;
}

.radios {
	text-align: left !important;
	padding: 5px 5px 5px 10px !important;
	display: block;
}
#auth p{
	font: normal 13px verdana;
	margin: 5px;
}
#auth h3 {
	font: normal 18px 'trebuchet ms';
	color: #fff;
    text-align: left;
	background: url('../../../images/bg-guias.jpg') repeat-x;
	padding: 3px 10px;
}
/******************************/

/*
	newsletter
*/

#newsletter {
	width: 260px;
	border: 1px solid #e2e1e1;
	margin-top: 10px;
	float: right;
}
#newsletter h3 {
	font: normal 18px 'trebuchet ms';
	color: #fff;
    text-align: left;
	background: url('../../../images/bg-guias.jpg') repeat-x;
	padding: 3px 10px;
}

/* formulário do newsletter */

#newsletter fieldset label{
	font-weight:bold;
    text-align:left;
    margin: 5px 0 3px 10px;
    display: block;
}

#newsletter fieldset input[type="text"] {
    font-size: 12px;
    color: #000;
    width: 90%;
    background-color: #cfe0f7;
    border: 1px solid #014590;
    margin-left: 10px;
    padding: 2px 2px;
}
#newsletter fieldset input[type="submit"] {
    font: normal 10px verdana;
    color: #000;
    width: 40px;
    height: 20px;
    background: #cfe0f7;
    border: 1px solid #014590;
    margin: 0 auto;
    padding: 0 35px;
    display: block;
}

/******************************/

/*
	parceiros
*/

#banners {
	background-color: #fff;
	text-align: left;
	padding: 0 5px;
}
#banners h3 {
	font: normal 12px arial, verdana, helvetica, sans-serif;
	color: #969696;
	width: 98%;
	text-transform: uppercase;
	border-bottom: 1px solid #969696;
	margin: 0 auto;	
}

#banners ul {
	margin: 10px auto 0;
}
#banners ul li {
	display: inline;
}

#banners ul li img {
	border: 1px solid #6f0000;
}

/******************************/

/*
	rodapé
*/

#rodape {
	width: 1000px;
	height: 50px;
	background: #f5f5f5;
	margin-top: 10px;
	clear: both;
}
#rodape img {
	float: left;
}
#rodape address{
	font: normal 12px tahoma, arial, verdana, helvetica, sans-serif;
	color: #0061B2;
	margin: 10px 15px;
	float: left;
}
#rodape #creditos{
	margin-top: 5px;
	float: right;
}
#rodape #creditos a img{
	margin-right: 5px;
}

/******************************/

/*
	páginas internas
*/

#internas {
	width: 980px;
	margin: 0 10px;
}

#central {
    font: normal 12px arial, tahoma, verdana, helvetica, sans-serif;
    text-align: left;
    width: 100%;
    background: #fff;
    float: left;
}
#titulo-secao {
    height:20px;
    border-bottom: #1A75E7 solid 1px;
    margin: 10px 0;
    padding-bottom: 10px;
}
#titulo-secao h3 {
    width: 95%;
}
#titulo-secao h3 a {
    font: bold 20px arial, verdana, helvetica, sans-serif;
    color:#1A75E7;
    background: url('../../../images/bullet-guia.gif') no-repeat left 50%;
    text-align: left;
    padding: 2px 1px 3px 0;
    display: block;
}
#img-rss {
    float:right;
    padding-top: 5px;
    width: 14px;
}
#central a {
    font: bold 12px tahoma, verdana, arial, helvetica, sans-serif;
    color: #000080;
    text-align: left;
}
#central a:hover {
    text-decoration: underline;
}
#central ul li{
    margin-bottom: 4px;
}

.data_hora {
    font: bold 11px 'trebuchet ms', verdana, arial, helvetica, sans-serif;
    color: #cc0001;
    float: left;
}
.qtd-visualizacoes {
	font: bold 11px 'trebuchet ms', verdana, arial, helvetica, sans-serif;
    color: #888;
    float: right;
}
.qtd-visualizacoes img{
	vertical-align: 1px;
	margin-right: 2px;
}

#central p {
    margin: 10px 10px 10px 5px;
}
#central p img {
    margin: 0 5px 5px 0;
}
#central ul li {
    margin: 5px 10px 0 5px;
    padding-left: 10px;
}


#lista-imagem li {
    background-color: #fff;
    border: 1px solid #9f6800;
    width: auto;
    margin: 4px;
    padding: 5px;
    display: block;
    float: left;
}
/******* eventos *******/

#descricao_evento {
	float: right;
	margin: 10px 10px 0 0;
}
#controles-eventos {
	padding:4px;
}
#controles-eventos h5{
	font-size:10px;
	color: #000;
	margin: 2px 0 15px 0;
	display:block;
}
#controles-eventos h5 a {
	font-size:12px;
	color: #000;
	text-decoration: none;
	margin: 0 !important;
}
#controles-eventos h5 a:hover {
	text-decoration: underline;
}
#controles-eventos p{
	font: normal 12px arial, verdana, helvetica, sans-serif;
	text-align: left;
	color:#000;
	margin: 15px 0 2px 0;
}
#controles-eventos p a {
	font-size:10px;
	color: #000;
	text-decoration: none;
}
#controles-eventos p a:hover {
	font-size:10px;
	color: #000;
	text-decoration: underline;
}

#fotos{
	text-align:left;
    border-top: 1px dashed #ddd;
	margin-bottom:5px;
	padding-top:1em;
	float:left;
	width:100%;
}
#fotos li{
	width: 160px;
    height: 120px;
    background: #efefef !important;
    border: 1px solid #999;
	margin: 5px;
	padding: 5px;
	text-align: center;
	float: left;
	display: inline;
}
#fotos li img {
	margin-bottom:10px;
}
#fotos b {
	display:block;
	padding: 0 3px 3px 30px;
}
#fotos a {
	font-size:10px;
	color: #000;
	text-decoration: none;
	width: 100px;
    margin: 0 auto !important;
	margin-bottom:10px;
    padding: 0 !important;
}
#fotos a:hover {
	font-size:10px;
	color: #000;
	text-decoration: underline;
	width: 100px;
}
#fotos_eventos {
	width: 160px;
    height: 140px;
    background: #eee url('../../../images/fundo_fotos.png');
    border: 1px solid #999;
	padding: 5px;
	margin: 5px;
    text-align: center;
	float: left;    
}
#fotos_eventos a {
    padding: 0 !important;
    margin: 0 !important;
}
#fotos_eventos img {
	margin-bottom: 5px;
    margin: 0 auto;
}
#fotos_eventos h5 {
	font: bold 12px 'trebuchet ms', verdana, arial, helvetica, sans-serif;
	text-align: center;
    margin-top: 10px;
}
#fotos_eventos a h5 {
	font: bold 12px 'trebuchet ms', verdana, arial, helvetica, sans-serif;
	text-decoration: none;
}
#fotos_eventos a h5:hover {
	text-decoration: underline;
}

/*--------------------------*/

p#botao-imprimir {
	display: none;
}


#destaque-vermelho {
    color: #f00;
}
.marcador_guia {
	padding: 0 !important;
	float:left;
}
#info-news {
	width: 100%;
	margin: 0 0 10px 0;
	float: left;
	display: block;
}
#lista-eventos li {
	width: 99% !important;
	text-align: left;
	border: none !important;
	margin: 3px 0;
	padding: 3px !important; 
}
#lista-eventos li a {
	font: normal 12px verdana, arial, helvetica, sans-serif;
	
}
#lista-liturgia li {
	width: 99% !important;
	text-align: left;
	border: none !important;
	padding: 3px !important; 
}
#lista-liturgia li a {
	font: normal 11px verdana, arial, helvetica, sans-serif;
}
#lista-liturgia li a:hover {
	text-decoration: underline;
}

#sharing-functions {
	font: bold 10px verdana, arial, tahoma, helvetica, sans-serif;
	height: 15px;
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px;
}
#sharing-functions ul li {
	display: inline;
	background: 0
}

#sharing-functions a#delicious{
	background: url('../../../images/delicious.png') no-repeat left top;
	padding-left: 20px;
}
#sharing-functions a#twitter{
	background: url('../../../images/twitter.png') no-repeat left top;
	padding-left: 20px;
}
#sharing-functions a#digg{
	background: url('../../../images/digg.png') no-repeat left top;
	padding-left: 20px;
}
.imagem-left {
	border: 2px solid #000;
	float: left;
	margin: 0 3px 3px 0;
}
/*
	toolbar
*/
#toolbar {
	width: 100%;
	height: 25px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
#toolbar h5{
	font: bold 17px 'trebuchet ms', tahoma, verdana, arial, helvetica, sans-serif !important;
	color: #efefef;
	width: 15%;
	height: 25px;
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	float: left;
}
#toolbar ul {
	float: right;
}
#toolbar ul li{
	display: inline;
	margin-right: 10px;
}
#toolbar ul li a{
	font: bold 11px tahoma, verdana, arial, helvetica, sans-serif;
	color: #555;
	padding-left: 15px !important; 
}
#toolbar ul li.toolbar-printer{
	background: url('../../../images/printer.gif') no-repeat left top;
	padding-left: 5px;
}
#toolbar ul li.toolbar-send{
	background: url('../../../images/mail.gif') no-repeat left 2px;
	padding-left: 5px;
}
#toolbar ul li.toolbar-maisfonte{
	background: url('../../../images/mais-fonte.gif') no-repeat left 2px;
	padding-left: 5px;
}
#toolbar ul li.toolbar-menosfonte{
	background: url('../../../images/menos-fonte.gif') no-repeat left 2px;
	padding-left: 5px;
}
#coluna-noticias {
	width: 300px;
	text-align: left;
	float: right;
}

#publicidade-noticias {
	text-align: center;
	margin-bottom: 5px;
}
#publicidade-noticias a{
	margin: 0 !important;
	padding: 0 !important;
}
#publicidade-noticias h2{
	font: normal 10px arial, tahoma, verdana, helvetica, sans-serif;
	border-bottom: 1px solid #ddd;
	text-align: right;
	text-transform: uppercase;
	margin-bottom: 5px;
	padding-bottom: 2px;
}

#mais-vistas {
	background-color: #eee;
	text-align: center;
	float: left;
}
#mais-vistas:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#mais-vistas h2{
	font: bold 12px verdana, arial, tahoma, helvetica, sans-serif;
	color: #fff;
	background: #0279cb url('../../../images/marcador_noticia.gif') no-repeat 5px 55%;
	text-align: left;
	text-transform: uppercase;
	padding: 5px 0 5px 15px;
}
#mais-vistas img {
	margin: 5px auto;
	float: none !important;
}
#mais-vistas a h5{
	font: bold 12px 'trebuchet ms', verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	margin: 0 10px;
}
#mais-vistas a h5:hover {
	text-decoration: underline !important;
}

#mais-vistas ul {
	padding: 5px;
}
#mais-vistas ul li{
	margin-bottom: 5px;
	background: 0;
	text-align: left;
}

#mais-vistas ul li a {
	font: normal 12px arial, tahoma, verdana, helvetica, sans-serif;
	text-align: left;
	line-height: 20px !important;	
	margin: 0 !important;
	padding: 0;
}
#mais-vistas ul li span{
	font: bold 12px arial, helvetica, sans-serif;
    color: #810d0e;
}

#lista-noticias {
	width: 650px;
	float: left;
}
#lista-noticias ul li, #lista-noticias ul li a{
	font: normal 11px arial, helvetica, sans-serif;
	background: 0;
	margin: 3px 0 0;
	padding: 2px 2px 0;
}
#lista-noticias ul#candles {
	width: auto;
    display: block;
}
#lista-noticias ul#candles:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#lista-noticias ul#candles li{
    width: 100px;
    background: 0;
    padding: 5px;
	margin: 5px;
    text-align: center;
    float: left;
}

#lista-noticias ul#candles li span{
	font: bold 12px arial, helvetica, sans-serif;
	display: block;	
}
#lista-noticias ul#candles li img{
	margin-bottom: 5px;
}
#selcorpo {
	font: normal 12px arial, verdana, helvetica, sans-serif;
}

#destaque-noticias {
	margin-bottom: 10px;
}
#destaque-noticias img {
	float: left;
}
#destaque-noticias li img {
	border: none !important;
}

#destaque-noticias h1 {
	line-height: 5px;
	margin-bottom: 3px;
}
#destaque-noticias h1 a {
	font: bold 17px arial, verdana, helvetica, sans-serif;
	color: #640000;
	margin: 0 !important;
	padding: 0 !important;
}

#destaque-noticias p, #destaque-noticias p a {
	font: normal 12px arial, verdana, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#destaque-noticias p a:hover {
	text-decoration: none;
}
#destaque-noticias a {
	margin: 0 !important;
	padding: 0 !important;
}
#destaque-noticias a:hover {
	text-decoration: underline;
}

/*
	paginação
*/

#paginacao_editoria {
    width: 100%;
    height: 25px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    margin: 22px 0 22px 0;
}

#paginacao_editoria li{
	background: 0;
	float: left;
}
#paginacao_editoria h4 {
    font: normal 10px arial;
    color: #b2b2b2;
    text-transform: uppercase;
    margin: 2px 0 !important;
}

#paginacao_editoria:hover {
    text-decoration:none;
}

#paginacao_editoria li span.paginacao_on{
    font: bold 12px arial, helvetica, sans-serif;
    color:#000;
    background-color: #ccc !important;
    border: 1px #000 solid;
    padding: 2px 5px 1px !important;
}
#paginacao_editoria li a.paginas {
	font: bold 12px arial, helvetica, sans-serif;
    color:#fff;
    background-color: #cc0001 !important;
    border: 1px #000 solid;
    padding: 2px 5px 1px !important;
}
#central .paginacao-disable{
    font: bold 10px arial, helvetica, sans-serif;
    color:#ccc;
    width: 70px;
    height: 16px;
    text-decoration: none;
    text-transform: uppercase;
    background: 0;
    border: 1px solid #b2b2b2;
    margin: 2px 0;
}
#central .paginacao-disable img{
    border: 0 !important;
    vertical-align: -3px;
}
#central .paginacao-enable{
    font: bold 10px arial, helvetica, sans-serif;
    color:#4d0908;
    width: 70px;
    height: 20px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #bfd8ff;
    border: 1px solid #b2b2b2;
    margin: 0 !important;
    padding: 3px;
}
#central .paginacao-enable:hover {
    text-decoration: underline;
}
#central .paginacao-enable img{
    border: 0 !important;
    vertical-align: -3px;
}

/* --------- galeria --------- */


#titulo-galeria {
	display: inline;
}

/******************************/

/*
	botões de administração (quando o usuário estiver logado)
*/
ul#botoes-adm {
	width: 100%;
    background-color: #fff5df;
    border: 1px solid #9f6800;
    margin-bottom: 15px;
    padding: 20px 0;
    text-align: left;
}
ul#botoes-adm li {
    display: inline;
}

ul#botoes-adm li#botao-home {
    width: 165px;
    margin: 15px 5px;

}
ul#botoes-adm li#botao-home a {
    background: #e0ecff url(../../../images/botao-home.gif) no-repeat 5px 50%;
    text-align: left;
    font: normal 12px tahoma;
    color:#db261f;
    padding: 6px 6px 6px 25px;
    border: #0063ff 1px solid;
}
ul#botoes-adm li#botao-home a:hover {
    background: #bfd8ff url(../../../images/botao-home.gif) no-repeat 5px 50%;
    text-decoration: underline;
}

ul#botoes-adm li#botao-add {
    width: 125px;
    margin: 15px 5px;
}
ul#botoes-adm li#botao-add a {
    background: #e0ecff url(../../../images/add.gif) no-repeat 5px 50%;
    text-align: left;
    font: normal 12px tahoma;
    color:#db261f;
    padding: 6px 6px 6px 25px;
    border: #0063ff 1px solid;
}
ul#botoes-adm li#botao-add a:hover {
    background: #bfd8ff url(../../../images/add.gif) no-repeat 5px 50%;
    text-decoration: underline;
}

/******************************/

/*
	formulários
*/

.formulario {
	width: 70%;
    height: auto;
    margin: 5px 0 20px;
    float: left;
}
.formulario h2{
    font: bold 16px arial, verdana, helvetica, sans-serif;
    color: #444;
    border-bottom: 1px solid #e2e2e2;
    text-align: left;
    margin: 5px 0 10px;
    padding-bottom: 8px;
}
.formulario p{
	font: normal 12px verdana, arial, helvetica, sans-serif;
	text-align: left;
	color:#000;
	margin: 7px;
}
.formulario p a{
	font: bold 12px verdana, arial, helvetica, sans-serif;
	text-align: left;
	color:#a41d17;
	margin: 0 !important;
	padding: 0 !important;
}
.formulario ul {
    text-align: left;
}
.formulario ul li {
    margin: 5px auto;
    padding: 8px 6px;
    float: left;
}
.formulario .small {
    font: normal 11px tahoma, verdana, arial, helvetica, sans-serif;;
    color: #777;
    margin-left: 5px;
}
.formulario ul li span#datanews {
    width: 34px;
    height: 29px;
    font: bold 10px verdana, arial, helvetica, sans-serif;
    color: #fff;
    background: #47723e url('../../../images/bg_datanews.jpg') no-repeat;
    margin-right: 4px;
    padding-top: 5px;
    float: left;
}
.formulario ul li h5 {
    font: bold 11px verdana, arial, helvetica, sans-serif;
    text-align: left;
}
.formulario ul li p {
    font: normal 12px arial, verdana, helvetica, sans-serif;
    text-align: left;
    margin: 5px 0;
    padding: 0;
    display: block;
}
.formulario ul li span a {
    font: bolder 12px arial, verdana, helvetica, sans-serif;
    display: block;
    text-align: right;
}
.formulario .botao_votar {
	font: bold 10px tahoma, arial, verdana, helvetica, sans-serif !important;
	height: 20px;
	background-color: #c3c3c3;
	border: 1px solid #888;
	text-transform: none !important;
	margin: 7px auto !important;
}
.formulario fieldset {
	width: 97%;
	border: 0;
	background-color: #fbfbfb;
	border: 1px solid #ddd;
	text-align: left;
	padding: 10px;
}
.formulario .user-msg {
	font: bold 12px tahoma, arial, verdana, helvetica, sans-serif;
	margin: 20px 3px 0 3px;
	float: right;
	display: block;
}
.formulario ul li.mensagem {
    border-bottom: 1px solid #b2b2b2;
    margin: 0 5px;
}
.formulario ul li.mensagem a{
    font: normal 12px verdana, arial, tahoma, helvetica, sans-serif;
}
.formulario ul li.mensagem a:hover{
    text-decoration: underline;
}
.formulario fieldset label{
	font: bold 13px arial,tahoma;
	color: #222;
	padding: 5px 0;
	display: block;
}
.formulario fieldset input[type="submit"] {
	color: #fff;
	background-color: #af4e00;
	border: 0;
	margin: 0 auto;
	padding: 3px;
	display: block;
}
.formulario fieldset select {
	font: bold 13px arial,tahoma;
	color: #222;
	height: 25px;
	border: 1px solid #999;
	margin-bottom: 3px;
	padding: 3px;
}
.formulario fieldset input[type="text"] {
	width: 99%;
	height: 20px;
	border: 1px solid #999;
	margin-bottom: 3px;
	padding: 3px;
}
.formulario fieldset input[type="password"] {
	width: 130px;
	height: 17px;
	padding: 1px;
}
.formulario fieldset input[type="radio"] {
	margin: 2px;
	vertical-align: -3px;
}
.formulario .botao_resultado:hover {
	color: #fff;
	background-color: #999;
}
.formulario textarea {
	width: 99%;
	border: 1px solid #999;
	margin-bottom: 2px;
	padding: 3px;
}
.obrigatorio {
	color: #f00;
}
#progresso {
	font: bold 1em arial;
	color: #fff;
	width: 99%;
	height: 14px;
	background: #af4e00;
	text-align: center;
	margin-bottom: 5px; 
	padding: 3px 8px 3px 0;
}
#localizacao {
	margin: 5px 0 20px;
	float: right;
}
#localizacao h2 {
    font: bold 16px arial, verdana, helvetica, sans-serif;
    color: #444;
    border-bottom: 1px solid #e2e2e2;
    text-align: left;
    margin: 5px 0 10px;
    padding-bottom: 8px;
}
#localizacao iframe {
    border: 1px solid #999;
}
#localizacao a {
    font: bold 13px arial;
    color: #af4e00;
    margin-bottom: 15px;
    display: block;
}
#localizacao address {
    font: normal 12px arial;
    color: #222;
}
/******************************/

/*
	caixas de diálogo
*/
#sucesso {
    font: bold 11px tahoma;
    background: #e2ffdf url(../../../images/sucesso.gif) no-repeat 10px 50%;
    border: #4db235 1px dashed;
    margin-bottom: 8px;
    padding: 10px 10px 10px 40px;    
}
#erro {
    font: bold 11px tahoma;
    background: #f3cdcd url(../../../images/erro.png) no-repeat 10px 50%;
    border: #ff4f53 1px dashed;
    margin-bottom: 8px;
    padding: 10px 10px 10px 40px;
}
#dicas {
    font: normal 11px tahoma;
    background: #e0ecff url(../../../images/info.gif) no-repeat 10px 50%;
    border: #0063ff 1px dashed;
    margin-bottom: 8px;
    padding: 10px 10px 10px 35px;
}

/******************************/

/* 
	Banner
*/

#banner{
	text-align: center;
	margin: 5px 0
}

/******************************/

/* 
	Vídeos
*/

#videos-index {
	border: 1px solid #e2e1e1;
	margin-top: 10px;
}
#videos-index h3 {
	background: url('../../../images/bg-guias.jpg') repeat-x;
	padding: 3px 0;
}
#videos-index h3 a{
	font: normal 18px 'trebuchet ms';
	color: #fff;
    text-align: left;
    margin: 0 10px;
}
#videos-index h3 a:hover {
	text-decoration: none; 
}
#videos-index ul {
	font: bold 13px arial, tahoma, verdana, helvetica, sans-serif;
	color: #333;
	border-top: 0;
}
#videos-index ul:after {
	content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#videos-index ul li img{
	vertical-align: -2px;
	border: 3px solid #77011c;
	margin: 5px;
	text-decoration: none;
}
#videos-index ul li a {
	font: normal 13px arial, tahoma, verdana, helvetica, sans-serif;
	color: #7b7b7b;
	display: block;
	float: left;
}
#videos-index ul li a:hover {
	background-color: #eee;
}
#videos-index ul li a span {
	font: bold 11px tahoma, verdana, arial, helvetica, sans-serif;
	color: #000;
}

/*
	Multimídia
*/
.titulo_midia {
	font: bold 14px "Lucida Sans Unicode", "Lucida Grande", tahoma, Verdana, arial, Helvetica, sans-serif;
	color: #EA690D;
    background: url(../../../images/video.gif) no-repeat left top;
	height: 32px;
    padding-left: 35px;
    padding-top: 8px;
    display:block;
}
.titulo_midia:hover {
    text-decoration: underline;
}
#videofloater{
	height: auto;
    margin: 5px 0 5px 5px;
}
.div-video {
	width: 300px;
}
#titulovideofloater{
	width:270px;
	float: right;
	margin: 0 auto;
}
#titulovideofloater a{
	font: bold 12px arial, tahoma, Verdana, Helvetica, sans-serif;
	color: #000;
	padding: 0 !important;
    display:block;
}

/*
	Vídeos
*/
#todos-videos {
	width: 752px;
	background-color: #fff;
	border: 1px solid #ccc;
    margin: 10px 15px 10px 0;
    padding: 5px;
    text-align: center;
	display: block;    
}
#todos-videos:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
#todos-videos h3{
	color:#9F763B;
	font: normal 20px Arial,Helvetica,sans-serif;
	text-align: left;
	letter-spacing:-1px;
	margin:3px;
	padding:3px;
}
#lista-videos {
    margin: 10px 15px 5px 12px;
    text-align: center;
	float: left;    
}


#lista-videos a {
    padding: 0 !important;
    margin: 0 !important;
}
#lista-videos img {
	background: #fff;
	border: 1px solid #ccc;
    margin: 0 0 5px 0;
    padding: 2px;
    float: none !important;
}
#lista-videos h5 {
	font: bold 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
    margin-top: 5px;
    display: block;
}
#lista-videos a h5 {
	font: bold 12px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#lista-videos a h5:hover {
	text-decoration: underline;
}
#videos {
	width: 78%;
	float: left;	
}
#video-principal {
	font: normal 12px arial, tahoma, Verdana, Helvetica, sans-serif !important;
	background-color: #f9f9f9;
	border: 1px solid #888;
	position: relative;
}

#video-principal h2{
	color:#064bb2;
	font: normal 25px Arial,Helvetica,sans-serif;
	letter-spacing:-1px;
	margin:3px;
	padding:3px;
}
#video-principal h4{
	color:#9F763B;
	font: normal 20px Arial,Helvetica,sans-serif;
	letter-spacing:-1px;
	margin:3px;
	padding:3px;
}
#video-principal h3{
	font: bold 1.6em arial, tahoma, Verdana, Helvetica, sans-serif;
	color: #4D0908;
	margin: 5px;
}
#video-principal span {
	font: bold 14px arial, tahoma, Verdana, Helvetica, sans-serif;
	color: #555;
	margin: 5px;
}
#video-principal span a{
	font: normal 14px arial, tahoma, Verdana, Helvetica, sans-serif;
	color: #555;
	margin: 0 !important;
	padding: 0 !important;
}
#video-principal p, #video-principal p span{
	font: normal 12px arial, tahoma, Verdana, Helvetica, sans-serif !important;
	color: #000;
	padding: 0 3px;
	display: block;
}

/* Ferramentas vídeos */

#ferramentas-videos {
	width: 190px;
	margin: 0 3px;
	padding: 0 5px;
	float: right;
	display: inline;
}

 /* top vídeos */
#top-videos {
	width: 100%;
	background-color: #FAF3CB;
	padding: 5px;
}
#top-videos:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility:hidden;
	overflow: hidden;
}
.top{
	width: 100%;
 	border-bottom: 1px dotted #4D0908;
 	line-height:19px;
	margin-bottom: 20px;
	padding: 0;
	float: left;
}
.top:hover{
	background-color: #FFF5BF;
}

.contaner-top-videos{
	width: 63%;
	padding: 0 !important;
	float: left;
}

#top-videos h4 {
	font: bold 16px arial, tahoma, verdana, helvetica, sans-serif;
	color: #4D0908;
	text-transform: uppercase;
	letter-spacing:-1px;
	margin-bottom: 10px;
}
#top-videos h5{
	font: bold 12px arial, tahoma, verdana, helvetica, sans-serif;
	color: #5F5112;
	margin: 0 !important;
	padding: 0 !important;
}
#top-videos span {
	display: block;
	overflow: hidden;
}
#top-videos a{
	font: normal 11px tahoma, arial, verdana, helvetica, sans-serif;
	color: #5F5112;
	margin: 0 !important;
	padding: 0 !important;
}
#top-videos a span{
	margin: 2px 0;
	display: block;
}
#top-videos .top-categoria {
	font: normal 10px arial, tahoma, verdana, helvetica, sans-serif;
	color: #333;
	margin: 0 !important;
	display: block;
}

#top-videos a:hover{
	text-decoration: underline;
}

#top-videos p{
	font: normal 11px arial, tahoma, verdana, helvetica, sans-serif;
	color: #4D0908;
}
#top-videos img{
	background-color: #fff;
	border: 1px solid #999;
	margin: 0 0 3px 3px;
	padding: 3px;
	float: right;
}

#top-videos img:hover {
	border: 1px solid #333;
}

/* informações sobre o vídeo */

#info-video {
	width: 100%;
	background: #670710 url('../../../images/bg_video_nfo.gif') repeat-x;
	padding: 5px;
}

#info-video h4 {
	font: bold 16px arial, tahoma, verdana, helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#info-video h5{
	font: normal 12px arial, tahoma, verdana, helvetica, sans-serif;
	color: #fff;
	margin: 0 !important;
	margin-bottom: 5px;
	padding: 0 !important;
}
#info-video span {
	font: normal 12px arial, tahoma, verdana, helvetica, sans-serif;
	color: #fff;
	display: block;
	overflow: hidden;
}
#info-video a{
	font: normal 11px tahoma, arial, verdana, helvetica, sans-serif;
	color: #fff;
	margin: 0 !important;
	padding: 0 !important;
}
#info-video a span{
	margin: 2px 0;
	display: block;
}

#info-video a:hover{
	text-decoration: underline;
}

#info-video p{
	font: normal 11px arial, tahoma, verdana, helvetica, sans-serif;
	color: #4D0908;
}
#info-video img{
	background-color: #fff;
	border: 1px solid #999;
	margin: 0 0 3px 3px;
	padding: 3px;
	float: right;
}

/* video tools */
#video-tools {
	width: 100%;
	background: #670710 url('../../../images/bg_video_tools.gif') repeat-x;
	margin-top: 10px;
	padding: 5px;
}
#video-tools h4 {
	font: bold 16px arial, tahoma, verdana, helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#video-tools img{
	margin: 0 5px 3px 3px;
	float: left;
}
#video-tools a {
	color: #fff;
	margin: 0 !important; 
	padding: 5px;
	display: block;
}
#video-tools a:hover {
	background-color: #576FAF;
	text-decoration: underline;
}
#rate {
	padding: 3px;
	float: right;
}

#lights {
	color: #fff;
	width: 538px;
	background-color: #555;
	position: relative;
}
#lights a {
	color: #fff;
	display: block;
}
#lights a:hover {
	text-decoration: underline;
}
#lights .lightSwitcher {
	background:url('../../../images/light_bulb_off.png') no-repeat left; 
	padding: 5px 0 5px 20px; 
	outline:none; 
	text-decoration:none;
	position:relative; 
	z-index:101;
}
#lights .lightSwitcher:hover {
	text-decoration:underline;
}
#shadow {
	background:url('../../../images/shade1x1.png'); 
	position:absolute; left:0; top:0; width:100%; z-index:100;
}
#lights .turnedOff {
	color:#ffff00; 
	background:url('../../../images/light_bulb.png') no-repeat left;
	padding: 5px 0 5px 20px; 
	outline:none; 
	text-decoration:none;
}
/* video share */
#video-share {
	width: 100%;
	background: #fff;
	border: 1px solid #888;
	margin-top: 10px;
	padding: 5px 4px;
}
#video-share h4 {
	font: bold 16px arial, tahoma, verdana, helvetica, sans-serif;
	color: #4D0908;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#video-share ul li {
	background: 0;
	margin-bottom: 5px;
}
#video-share ul li a {
	padding: 2px;
	display: block;
}

#video-share ul li a:hover {
	background-color: #f5f5f5;
	text-decoration: none !important;
}
#video-share ul li a img{
	vertical-align: -3px;
}
/***************************************************/

/*
	Comentários
*/

#comentarios {
	font: normal 12px arial, tahoma, Verdana, Helvetica, sans-serif !important;
	background-color: #eee;
	border: 1px solid #888;
	margin-top: 10px;
	padding: 5px;
}
#comentarios h3 {
	font: bold 16px arial, tahoma, verdana, helvetica, sans-serif;
	color: #4D0908;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#comentarios a {
	margin: 0 !important;
	padding: 0 !important;
}
#comentarios fieldset {
	padding: 0;
}
#comentarios fieldset label{
	font: bold 11px tahoma;
	color: #555;
	padding: 3px 1px;
	display: block;
}
#comentarios fieldset input[type="text"] {
	font: normal 12px arial;
	width: 98%;
	height: 18px;
	border: 1px solid #555;
	margin-bottom: 5px;
	padding: 1px;
}
#comentarios fieldset textarea {
	width: 98%;
	height: 150px;
	border: 1px solid #555;
	margin-bottom: 5px;
	padding: 1px;
}
#comentarios input[type="submit"] {
	font: bold 13px arial;
	color: #fff;
	text-transform: uppercase;
	background-color: #333; 
	border: 3px solid #999;
	padding: 5px;	
}
#comentarios input[type="submit"]:hover {
	background-color: #999; 	
}
#comentarios small {
	font: normal 11px arial;
	color: #4D0908;
}
.commentlist {
	margin: 10px 0;
	font-size: 12px;
}
.commentlist:after {
	content: ".";
	visibility: hidden;
	height: 0;
	overflow: hidden;
	display: block;
	clear: both;
}

.commentlist li {
	background: 0 !important;
	border-bottom: 1px dashed #999;
	margin-top: 10px;
	padding: 3px 3px 0;
}
.commentlist li p {
	font-size: 12px;
	padding: 10px 0;
	clear: both;
	line-height:18px	
}
.commentlist li img {
	border: 3px solid #4D0908;
	margin: 0 3px 3px 0;
	float: left;
}
.commentlist cite {
	font: bold 20px arial;
	color: #ff0000;
	padding: 0 10px;
}

.commentlist cite a {
	font: bold 20px arial !important;
	color: #ff0000;
	padding: 0 10px;
}
.commentlist cite a:hover {
	text-decoration: underline;
}

.commentmetadata {
	padding: 10px;
}

a.gravatar {
	float:left;
	margin:10px 15px 20px 0;
	width:80px;
}

/******************************/


/*
	Pedidos de Oração
*/

.form-pedidos {
	width: 100%;
    height: auto;
    margin: 5px 0 20px;
}
.form-pedidos h1{
    font: bold 20px Arial, Verdana, Helvetica, sans-serif;
    color: #CC0001;
    border-bottom: 1px dotted #000;
    text-align: left;
    margin: 5px;
    padding-bottom: 2px;
}
.form-pedidos p{
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#000;
	margin: 7px;
}
.form-pedidos p a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#A41D17;
	margin: 0 !important;
	padding: 0 !important;
}
.form-pedidos ul {
    text-align: left;
}
.form-pedidos ul li {
    margin: 5px auto;
    padding: 8px 6px;
    float: left;
}

.form-pedidos ul li span#datanews {
    width: 34px;
    height: 29px;
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    background: url('../../../images/bg_datanews.jpg') no-repeat;
    margin-right: 4px;
    padding-top: 5px;
    float: left;
}
.form-pedidos ul li h5 {
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
}
.form-pedidos ul li p {
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
    margin: 5px 0;
    padding: 0;
    display: block;
}
.form-pedidos ul li span a {
    font: bolder 12px Arial, Verdana, Helvetica, sans-serif;
    display: block;
    text-align: right;
}

.form-pedidos .botao_votar {
	font: bold 10px tahoma, Arial, Verdana, Helvetica, sans-serif !important;
	height: 20px;
	background-color: #c3c3c3;
	border: 1px solid #888;
	text-transform: none !important;
	margin: 7px auto !important;
}
.form-pedidos fieldset {
	width: 60%;
	border: 0;
 	text-align: left;
	margin: 0 auto;
	padding: 3px;
}
.form-pedidos .user-msg {
	font: bold 12px tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin: 20px 3px 0 3px;
	float: right;
	display: block;
}
.form-pedidos ul li.mensagem {
    border-bottom: 1px solid #b2b2b2;
    margin: 0 5px;
}
.form-pedidos ul li.mensagem a{
    font: normal 12px Verdana, Arial, tahoma, Helvetica, sans-serif;
}
.form-pedidos ul li.mensagem a:hover{
    text-decoration: underline;
}
.form-pedidos fieldset label{
	font: bold 11px tahoma;
	color: #555;
	padding: 3px;
	display: block;
}
.form-pedidos fieldset input[type="text"] {
	height: 15px;
	margin-bottom: 3px;
	padding: 3px;
}
.form-pedidos fieldset input[type="password"] {
	height: 17px;
	padding: 1px;
}
.form-pedidos fieldset input[type="radio"] {
	margin: 2px;
	vertical-align: -3px;
}
.form-pedidos .botao_resultado:hover {
	color: #fff;
}
.form-pedidos textarea {
	width: 100%;
	border: 1px solid #969696;
	margin-bottom: 5px;
	padding: 3px;
}
/******************************/

/*
	classes "soltas"
*/
.no-border {
	border: 0 !important;
}
.veja-mais {
	width: auto;
	background: 0 !important;
	border: 0 !important;
	margin: 0 5px 2px 0;
	float: right !important;
}
.imagem-destaque {
	border: 2px solid #f00;
}
.titulo {
    color: #b46a00;
    font-weight: bold;
    font-size: 1.6em;
    margin: 3px 10px 15px 5px;
    border-bottom: #b46a00 1px dotted;
}
.subtitulo {
    font: bold 1.6em arial;
    color: #0079ca;
    background-color: #92c1e0;
    border-bottom: #415b9a 1px solid;
    margin: 3px 0 5px 0;
    padding: 5px;
}
.subtitulo img {
	vertical-align: -1px;
    margin-right: 5px;
}

/* efeito crop */
.crop-foto {display:block;overflow:hidden;position:relative;}
.crop-foto img {display:block;}
.crop-foto:hover {border:3px solid #f00;}
.crop-foto:hover img {margin:-3px 0 0 -3px;}


/* legendas */
.foto-legenda {float:left;margin-right:0.5em;}


/* larg-ura das legendas */

.larg-200 {width:200px;}

/* larg-ura das legendas */

/* altura das fotos das legendas */

.crop-158 a.crop-foto {height:158px;}
.crop-158 a.crop-foto:hover {height:152px;}

/* /altura das fotos das legendas */

.destaque-evento {
	float:right;
	margin: 10px;
	border: 1px solid #ccc;
	padding: 2px;
	background-color: #fff;
}
.data {
    font: bold 11px 'trebuchet ms', verdana, arial, helvetica, sans-serif;
    color: #cc0001;
    margin-bottom: 5px;
    display: block;
}
.linha {
	width: 100%;
	display: block;
}
.linha:after {
	content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
.paragrafo-portfolio {
	font: normal 13px arial;
	color: #555;
	background: #fafafa url('../../../images/icone-portfolio.png') no-repeat 1% 50%;
	border: 1px solid #999;
	margin: 15px 0 !important;
	padding: 20px 0 20px 68px;
}