/****************************************************************
				ESTRUTURA DO SITE DA CATHEDRAL 
****************************************************************/

html, body{ 
	margin:0;
	padding:0;
	/*text-align:center;*/
}

body {background-image:url(../imgs/background.png);}

/**************************************
 			CORPO DO SITE
**************************************/

#geral {
	width:768px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}

.titulo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A8898;
	text-transform:uppercase;
	letter-spacing:normal;
	font-weight:bold;
	padding:4px;
	padding-top:10px;
	letter-spacing:0px;
}

/**************************************
 			TOPO DO SITE
**************************************/

#topo {
	height:86px;
	background-image:url(../imgs/imgs/canto.arredondado.png);
	background-repeat:no-repeat;
	background-color:white;
	width:100%;
}

.logomarca {
	margin-top:14px;
	margin-left:5px;
}

.topoOpcoes {
	/*height:85px;*/
	padding-top:0px;
	display:block;
}

.logomarca {
	float:left;
}

.menuNavegacao 
{
	padding-right:0px;
	float:right;
}

.cantoDireito {
	background-image:url(../imgs/imgs/canto.arredondado-right.png);
	background-position:right;
	background-repeat: no-repeat;
	float:right;
	margin-top:-4px;
	width:20px;
	height:20px;
}
.deusefiel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:black;
	text-align:right;
	clear:right;
}

.menuNavegacao ul {
	margin:0px;
	padding:0px;
}

.menuNavegacao ul li {
	list-style:none;
	display:inline;
	margin-left:10px;
}

.menuNavegacao img {
	border:none;
}

#subTopo {
	background-color:white;
	border-top:1px solid #CCCCCC;
}


/**************************************
 			SUB TOPO DO SITE
**************************************/

#menu {
	float:none;
	border-bottom:1px solid #F1E6D8;
}

#menu, .logomarca {
	width:190px;
}

.bannerDestaque {
	width:577px;
	margin-left:190px;
	position:absolute;
	margin-top:-164px;
	z-index:1;
}


/**************************************
 			MEIO DO SITE
**************************************/

#meio {
	background-color:#F8F5F1;
}

#corpo {
	margin-top:0px;
	background-color:#F8F5F1;
	float: left;
	display:inline; 
	position: relative; 
	width:579px;
}

#links {
	margin-top:60px;
	_margin-top:0px;
}

.camposForm {
	margin-left:20px;
}

.camposForm select {
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.banners {
	float:left;
	position:relative;
	padding-bottom:15px;
	width:189px;
	background-color:#F8F5F1;
}

.banners ul {
	margin:0px;
	padding:0px;
}

.banners ul li {
	list-style:none;
	margin-left:10px;
	margin-top:2px;
}

.banners img {
	border:0;
}

.noticias, .areas {
	/*width:578px;*/
	margin-left:0px;
}

#loading 
{
	font-family:Arial;
	font-size:9pt;
	background-image:url(../imgs/loading.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
	margin-left:5px;
	text-align:left;
}

.noticias {
	margin-top:0px;
	padding-top:5px;
	text-align:right;
}

.noticias ul {
	margin:0;
	/*height:180px;
	overflow:hidden;*/
	padding:0;
}

.noticias a {
	text-decoration:none;
	color:#000000;
}

.noticias a:hover {
	color:#666666;
}

.noticias ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	list-style:none;
	line-height:1.5em;
	margin-left:25px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	padding-right:20px;
}

.noticiaTitulo {
	font-size:12px;
}

/***********************************
	LISTA NOTÍCIAS
***********************************/

.listaNoticias {
	width:578px;
	margin-left:190px;
	background-color:White;
}

.listaNoticias ul {
	margin:0;
	overflow:hidden;
	padding:0;
}

.listaNoticias a {
	text-decoration:none;
	color:#000000;
}

.listaNoticias a:hover {
	color:#666666;
}

.listaNoticias ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:25px;
	list-style:none;
	padding-top:6px;
	margin-top:2px;
	text-align:justify;
	padding-right:20px;
}

.listaNoticias .areasTitulo {
}

/* fim lista noticias */

.areas {
	border-top:2px solid #F4F4F4; 
}

.areas .utilidades {
	border-right:1px dashed #CCCCCC;
	padding:1px;
}

.areasTitulo {
	font-family:verdana;
	font-weight:bold;
	letter-spacing:4;
	border-bottom:1px solid #F8F8F8;
	/*text-transform:uppercase;*/
	color:#357872;
	margin-left:7px;
	font-size:9pt;
	text-align:left;
}

/* ****************************
	UTILIDADES
**************************** */

.utilidades { 
	float:left;
	width:285px;
}

.utilidades ul, .fotos ul {
	margin:0px;
	padding:0px;
}

.utilidades ul {
	margin-left:0px;
}

.utilidades ul li, .fotos ul li {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:list-item;
}

.utilidades ul li a {
	display:block;
	color:#333333;
	text-decoration:none;
	height:45px;
}

.utilidades ul li a:hover {
	background-color:#EFEFEF;
}

.utilidades ul li {
	background-color:#F7F7F7;
	margin:5px 0 0 3px;
	height:44px;
	clear:left;
}

.utilidades ul li img {
	padding:4px;
	margin:0;
	border:none;
	float:left;
}

.utilidades ul li p {
	margin:0;
	padding:5px 0 0 0;
}

/* ****************************
	FOTOS
**************************** */

.fotos {
	float:right;
	margin-left:5px;
	width:285px;
	text-align:right;
}

.fotos ul li {
	font-family:verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	font-size:10px;
	height:44px;
	margin-top:5px;
	text-align:left;
}

.fotos img.img {
	border:1px solid #999999;
	width:56px;
	height:42px;
}

.fotos ul li img:hover {
	border:1px dashed black;
}

.fotos ul li a {
	text-decoration:none;
	color:#333333;
}

.fotos ul li a:hover {
	background-color:#EAEAEA;
}

.fotos ul li p {
	padding:0;
	margin:0;
	margin-left:65px;
	line-height:13px;
}

/* **************************
	LINK PARA MAIS ITENS
************************** */

.visualizarN a, .fotos .mais a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-right:5px;
	color:#999999;
	padding-left:10px;
	background-image:url(../imgs/ico.png);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
}

/* ****************************
	LISTA DE FOTOS
**************************** */

.listaFotos ul {
	margin:0;
	margin-left:10px;
	margin-top:5px;
	padding:0;
}

.listaFotos ul li {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:60px;
	padding-top:4px;
}

.listaFotos img.img {
	border:1px solid black;
}

.listaFotos a {
	text-decoration:none;
	color:#333333;
}

.listaFotos p {
	margin-left:83px;
}

/******************************
	LISTA DE CONVENIOS
******************************/

.convenios {
	font:normal 10pt Arial, Helvetica, sans-serif;
}

.convenios ul {
	margin:20px 0 20px 0;
	padding:0;
}

.convenios ul li {
	list-style:none;
	font-size:11px;
	padding:0;
	margin:10px 0 0 0;
}

.convenios ul li a {
	display:block;
	text-decoration:none;
	color:#333333;
	height:42px;
	padding:3px;
	padding-left:20px;
}

.convenios ul li a:hover {
	background-color:#E8E8E8;
}

.convenios ul li strong {
	font-size:13pt;
}

.convenios ul li img {
	float:left;
	border:1px solid black;
	width:60px;
	height:40px;
	margin-right:5px;
}

.convenios ul li p {
	margin:0;
}

#buscaCurso div {
	margin:0 0 5px 20px;
}

#buscaCurso div label {
	float:left;
	width:100px;
	margin-top:2px;
}

#buscaCurso div.action {
	margin-top:20px;
	width:250px;
	text-align:center;
}

/**************************************
 			RODAPE DO SITE
**************************************/

#rodape {
	background-image:url(../imgs/imgs/back-bottom.png);
	border-top:1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	padding:8px;
	color:#8B6B64;
	width:752px;
	float:right;
}

/**************************************
	Float containers fix:
**************************************/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}

.clearfix{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */