/* css reset */
html, body{height:auto}

/* geral
---------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-image:url(../img/grl_bck.jpg);
	background-repeat:no-repeat;
	background-color:#537cc4;
	background-position:center bottom;
}

/*wrapper externo;*/
div#wrapper {
	min-height:100%;
	position:relative;
	min-width:1000px;
}

/*box interno de 1000px;*/
div.box{
	width:1000px;
	margin:auto;
	display:block;
	clear:both;
}


/*----------------------------------------------- 
HEADER SANTU
-----------------------------------------------*/
div#header_santu{
	background-image:url(../img/grl_top.png);
	background-repeat:no-repeat;
	height:140px;
	background-position:top center;
	margin-bottom:10px;
	cursor:pointer;
}
div#header_santu_home{
	background-image:url(../img/grl_top_sobrio.png);
	background-repeat:no-repeat;
	height:140px;
	background-position:top center;
	margin-bottom:10px;
	cursor:pointer;
}
/*----------------------------------------------- 
GERAL
-----------------------------------------------*/

/* cantos arredondados
---------------------------------------------*/
.rc_tl, .rc_tr, .rc_bl, .rc_br { 
	background-image: url(../img/corners.gif);
	height: 9px;
	font-size: 2px;
}
.rc_tl, .rc_bl {margin-right: 9px;}
.rc_tr, .rc_br {margin-left: 9px;margin-top:-9px;}
.rc_tr {background-position: 100% 0;}
.rc_bl {background-position: 0 -9px;}
.rc_br {background-position: 100% -9px;}
.rc_notopgap    {margin-top:0;}
.rc_nobottomgap {margin-bottom:0;}
.rc_int 		{
	background-color:#FFF;
	padding:0 10px 0 10px; 
	border-left:1px solid #c4bfbf;
	border-right:1px solid #c4bfbf;	
}

/* aero
---------------------------------------------*/
.aero{
	width:1024px;
	margin:auto;
	display:block;
	clear:both;
	margin-bottom:10px;
}
.aero_top{
	background-image:url(../img/aero_top.png);
	background-repeat:no-repeat;
	height:12px;
	display:block;
}
.aero_mid{
	background-image: url(../img/aero_mid.png); 
	background-repeat:repeat-y;
}
.aero_bot{
	background-image: url(../img/aero_bot.png);
	background-repeat:no-repeat;	
	height:12px;
	display:block;
}


/* quebras especiais*/
div.quebra{
	display:block;
	clear:both;
	margin:0;
	padding:0;
}

.divisoria{
	display:block;
	clear:both;
	height:20px;
	background-repeat:repeat-x;
	background-position:center;	
}
.divisoria.gry{background-image:url(../img/div_h_gry.gif);}
.divisoria.brw{background-image:url(../img/div_h_brw.gif);}

/*botao geral*/
div.botao{
	display:block;
	background-image:url(../img/bt_geral.png);
	background-repeat:no-repeat;
	width:83px;
	height:33px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:33px;
}

div.botao a{
	width:83px;
	height:33px;
	line-height:33px;
	display:block;	
}


/* forms
---------------------------------------------*/
.formbox{
	padding:10px;
	border:1px solid #87898c;
	background-image:url(../img/frm_bck.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.loginbox{
	border:1px solid #fccc7e;
	background-image:url(../img/log_bck.gif);
	background-repeat:repeat-x;
	background-position:bottom;	
	padding:10px;	
}

.boxTitulo{
	color:#2c1768;
	font-size:13px;
	padding-top:5px;
	padding-bottom:5px;	
}


.formtable{
	border-collapse:collapse;
}
.formtable td{
	padding-top:6px;
	font-size:11px;
}
.formtable small{
	color:#F00;
	font-weight:bold;	
}

.frmTxt{
	border:1px solid #87898c;
	font-size:11px;
	padding:1px;
	height:14px;
}
.frmCbo{
	font-size:11px;	
	height:18px;	
}

.filtros{
	background-image:url(../img/bck_int_sml.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	border:1px solid #8f9194;
	width:400px;
	padding:10px;
	margin-bottom:10px;
}

/*lista_geral (tabela)
--------------------------------------*/
.lista_geral{
	width:100%;
	border-collapse:collapse;	
	background-color:#fff;
}
.lista_geral td{
	padding:3px;
}
.lista_geral th{
	padding:3px;
	font-weight:bold;
	text-align:left;
}
.lista_geral .odd{
	background-color:#fff6c9;
}

/* icones de opcoes (homes das categorias)
------------------------------------*/
.menu_conteudo_icn{
	list-style-type:none;
	width:480px;
}

.menu_conteudo_icn li{
	width:160px;
	text-align:center;
	height:180px;
	float:left;	
}

.menu_conteudo_icn li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.menu_conteudo_icn img{
	display:block;
}


/*----------------------------------------------- 
MENUS
-----------------------------------------------*/
#coluna_menu h2.menu1a a{
	font-weight:bold;	
}
ul.menu1a {
	margin-left:0;
	list-style-type:none;
}
ul.menu1a li{display:block;}
ul.menu1a li a{
	color:#4d4d4d;
	font-size:11px;
	border-top:1px solid #d7d7d7;
	display:block;
	padding-bottom:3px;
	padding-top:3px;	
}
ul.menu1a li a.selected {font-weight:bold;}
ul.menu1a li:first-child a{border-top:none;}


/*niv2:*/
ul.menu1b {margin-left:10px;}
ul.menu1b li {
	list-style-type:none;
	font-weight:normal;		
}
ul.menu1b li a{
	border-top:none;
	padding-bottom:2px;
	padding-top:2px;
	color:#6b6b6b;
}

ul.menu2a li a.selected {
	font-weight:bold;
	border-top:none;
}


/*niv3:*/
div#coluna_menu ul .menu1c {list-style-type:none;}
div#coluna_menu ul .menu1c li {
	font-weight:normal;	
	list-style-type:none;
	color:#999;
	background-image:url(../img/mnu_bullet.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:10px;
}
div#coluna_menu ul .menu1c a{
	border-top:none;
	padding-bottom:2px;
	padding-top:2px;
	color:#6b6b6b;
}
div#coluna_menu ul .menu1c a.selected{font-weight:bold;}

/*niv icn:*/
ul.menu1d {margin-left:0; list-style-type:none;}
ul.menu1d li{display:block;}
ul.menu1d li a{
	color:#4d4d4d;
	font-size:11px;
	display:block;
	padding-bottom:3px;
	padding-top:3px;	
}
ul.menu1d li a img{
	vertical-align:middle;
	margin-right:10px;
}

/*----------------------------------------------- 
CONTEUDO
-----------------------------------------------*/
div#coluna_menu{
	width:168px;
	float:left;
	margin-right:10px;
}

div#coluna_meio{
	width:495px;
	float:left;
	margin-right:10px;	
}

div#coluna_sidebar{
	width:316px;
	float:left;
}

div#coluna_full{
	width:820px;
	float:left;
}

/* quadro branco
---------------------------------------------*/
div.painel{
	margin-bottom:10px;
}

div.painel h2{
	color:#60508d;
	font-size:13px;
	display:block;
	clear:both;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	width:100%;
}
div.painel h2 a{
	font-weight:normal;
	color:#60508d;
}

div.painel h2 span{
	float:right;
	display:block;
	font-size:12px;
}
div.painel h2 span a{
	font-weight:normal;
	color:#838383;
	font-size:12px;	
}

div.painel .maisinfo{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#656565;
	font-size:11px;
}
div.painel .maisinfo a{
	color:#656565;
}

/*contudo geral (3 nivies de fontsize)
-----------------------------------------*/
#mainTxt.cnt_geral1, 
#mainTxt.cnt_geral2, 
#mainTxt.cnt_geral3{
	padding:15px;
	margin-right:5px;
	float:left;
	width:770px;
	font-size:12px;
}

#mainTxt.cnt_geral1.curta, 
#mainTxt.cnt_geral2.curta, 
#mainTxt.cnt_geral3.curta {
	width:430px;
}

#mainTxt.cnt_geral1 h1{
	font-weight:bold;
	font-size:20px;
	line-height:30px;	
}
#mainTxt.cnt_geral2 h1{
	font-weight:bold;
	font-size:22px;
	line-height:32px;	
} 
#mainTxt.cnt_geral3 h1{
	font-weight:bold;
	font-size:24px;
	line-height:34px;	
}

#mainTxt.cnt_geral1 h2{
	font-weight:bold;
	color:#2c1768;
	font-size:14px;
	line-height:30px;	
}
#mainTxt.cnt_geral2 h2{
	font-weight:bold;
	color:#2c1768;
	font-size:16px;
	line-height:32px;	
}
#mainTxt.cnt_geral3 h2{
	font-weight:bold;
	color:#2c1768;
	font-size:18px;
	line-height:34px;	
}


#mainTxt.cnt_geral1 h2 span.right, 
#mainTxt.cnt_geral2 h2 span.right, 
#mainTxt.cnt_geral3 h2 span.right{
	font-weight:normal;
	display:block;
	float:right;
	color:#000;
	font-size:12px;	
}

#mainTxt.cnt_geral1 h3{font-size:12px;}
#mainTxt.cnt_geral2 h3{font-size:14px;}
#mainTxt.cnt_geral3 h3{font-size:16px;}

#mainTxt.cnt_geral1 h3 a{color:#2c1768;font-size:12px;}
#mainTxt.cnt_geral2 h3 a{color:#2c1768;font-size:14px;}
#mainTxt.cnt_geral3 h3 a{color:#2c1768;font-size:16px;}

#mainTxt.cnt_geral1 p{margin-bottom:10px;font-size:12px;}
#mainTxt.cnt_geral2 p{margin-bottom:12px;font-size:14px;}
#mainTxt.cnt_geral3 p{margin-bottom:14px;font-size:16px;}

#mainTxt.cnt_geral1 ul{
	margin-left:20px;
	list-style-type:disc;
	font-size:12px;
}
#mainTxt.cnt_geral2 ul{
	margin-left:20px;
	list-style-type:disc;
	font-size:14px;
}
#mainTxt.cnt_geral3 ul{
	margin-left:20px;
	list-style-type:disc;
	font-size:16px;
}
#mainTxt.cnt_geral1 ul li,
#mainTxt.cnt_geral2 ul li,
#mainTxt.cnt_geral3 ul li{
	padding-bottom:5px;
	list-style-image:url(../img/icn_bullet.gif);	
}
#mainTxt.cnt_geral1 ul li ul,
#mainTxt.cnt_geral2 ul li ul,
#mainTxt.cnt_geral3 ul li ul{
	margin-left:20px;
}
#mainTxt.cnt_geral1 ul li ul li,
#mainTxt.cnt_geral2 ul li ul li,
#mainTxt.cnt_geral3 ul li ul li{
	margin-left:10px;
	margin-bottom:0;
	list-style-image:none;
}

#mainTxt.cnt_geral1 hr,
#mainTxt.cnt_geral2 hr,
#mainTxt.cnt_geral3 hr{
	display:block;
	clear:both;
	height:20px;
	background-repeat:repeat-x;
	background-position:center;	
	background-image:url(../img/div_h_brw.gif);
	border:0 none #FFF;
	margin-top:10px;
}

/* menu do conteúdo 
cada menu terá um arquivo css especifico da sua interface 
---------------------------------------------*/
ul.menu_conteudo_1{
	list-style-type:none;
	display:block;
	clear:both;
	height:60px;
	padding-bottom:0;	
}
ul.menu_conteudo_1 li{
	display:inline;
}
ul.menu_conteudo_1 li a{
	display:block;
	float:left;
	text-align:center;
	margin-left:2px;
	margin-right:2px;
	margin-top:4px;
	margin-bottom:10px;
	cursor:pointer;
}
ul.menu_conteudo_1 li a.left{margin-left:0;}
ul.menu_conteudo_1 li a.right{margin-right:0;}
ul.menu_conteudo_1 li a span{display:block;}
ul.menu_conteudo_1 li a.selected{text-decoration:none;}
ul.menu_conteudo_1 li a.selected span{
	background-position:top center;
	background-repeat:no-repeat;
}

ul.menu_conteudo_1 li a.left span span{
	background-image:url(../img/bt_mnu_bck_left.gif);
	background-repeat:no-repeat;
	background-position:bottom left;	
}
ul.menu_conteudo_1 li a.right span span{
	background-image:url(../img/bt_mnu_bck_right.gif);
	background-repeat:no-repeat;
	background-position:bottom right;	
}

/*menu secundario
---------------------------------------------*/

ul.menu_conteudo_2 {
	margin-bottom:0;
	background-image:url(../img/mnu_line.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:8px;
	padding-left:10px;
	list-style-type:none;
}
ul.menu_conteudo_2 li {
	display:inline;
	border-left:1px solid #666;
	padding-left:4px;
}
ul.menu_conteudo_2 li:first-child {
	border-left:none;
}
ul.menu_conteudo_2 li a{
	font-size:12px;
	padding-left:4px;
	padding-right:4px;	
}
ul.menu_conteudo_2 li a.selected{
	font-weight:bold;
}


/* font sizer A+a-
----------------------------*/

div#mainTxt .txt_ctrl{
	width:100px;
	height:25px;
	margin-bottom:10px;
}

div#mainTxt .txt_ctrl label{
	width:50px;
	display:block;
	float:left;
	line-height:25px;
	color:#3d3d3d;
	font-size:11px;
	text-align:center;
	background-color:#cfcfcf;	
}
div#mainTxt .txt_ctrl a{
	background-color:#e4e4e4;
	width:25px;
	display:block;
	float:left;
	line-height:25px;
	text-align:center;
	font-size:13px;
}
div#mainTxt .txt_ctrl a b{
	font-size:12px;
}


/*------------------------------------------------ 
FOOTER
------------------------------------------------*/
div#footer{
	background-image:url(../img/fot_bck.gif);
	background-repeat:repeat-x;
	width:100%;
	height:91px;
	font-size:12px;
	background-color:#76a2bc;
	display:block;
	clear:both;
	position:absolute;
	bottom:0;
}

div#footer .fot_tit{
	color:#80aeda;
	font-size:12px;
	margin-left:10px;
	display:block;
	margin-top:10px;
}

div#footer ul{
	list-style:none;
	margin-top:5px;	
	margin-left:10px;	
}
div#footer ul li{
	display:inline;
}
div#footer ul li a{
	color:#fff;
	margin-right:10px;
}
div#footer .fot_copy{
	display:block;
	color:#989797;
	text-align:center;
	margin-top:10px;
}

/* banners
------------------------------------------*/

div.bnr_header{width:768px;}
div.bnr_extra span{display:block;text-align:right;}

div.bnr_full{width:468px;margin-bottom:2px; margin-left:10px;}
div.bnr_full span{display:block;text-align:right;}

div.bnr_video{text-align:center;}
div.bnr_video span{display:block;text-align:center; margin-bottom:5px;}


/*galerias
------------------------------------------*/
.galerias{
	float:right; 
	width:330px; 
	background-color:#c0d6e3;
	margin-top:10px;
}
.galerias h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-weight:normal;
	margin-left:10px;
	margin-top:5px;
}
.plg_galeria {
	margin-left:10px;
}
.plg_galeria li{
	width:150px;
	height:120px;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	float:left;
	margin-top:10px;
	margin-right:10px;
}


/*noticias
------------------------------------------*/
div.noticias .item{
	float:left;
	display:block;
	margin-bottom:5px;
	margin-top:5px;
	width:100%;
}
div.noticias .item .thumb { 
	width:77px;
	height:77px;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	margin-right:7px;
	display:block;
	clear:both;
}
div.noticias .item p {
	color:#333;
	font-size:11px;	
}
div.noticias .item p.tit {
	color:#382571;
	margin-bottom:5px;
	font-size:12px;
}
div.noticias .item p.tit a{color:#382571;}
div.noticias .item ul{list-style:none;font-size:11px;}
div.noticias .item ul li{margin-top:10px;}

div.noticias .half {
	width:50%;
	float:left;	
}
div.noticias .half.div {
	border-left:1px solid #a3a3a3;
	padding-left:10px;
	width:45%;	
}

/*HOMILIAS E ARTIGOS*/
#buscaHomiliasArtigos{
	height:62px;
	position:relative;
	border-width:1px;
	border-style:solid;
	padding-left:20px;
	width:665px;
	background-image: url('../img/bck_int_sml.gif');
}
#botaoBuscarHomiliasArtigos{
	position:absolute;
	top:18px;
	left:580px;
}
#tblHomilias{
	width:350px;
	margin-top:25px;
	float:left;
}
#tblArtigos{
	width:350px;
	margin-top:25px;
	float:right;	
}
#tblHomilias td, #tblArtigos td {
	padding:2px;
}
#lang {
	text-align:right;
}
