@charset "utf-8";
/*
nome do Projeto:  Continental 1520

Descrição: 
Versão: 1.0 
Data: 25/01/2009
Autor: Felipe da Silva Rosas (eusniper@hotmail.com)
Site do Autor: http://eufelipe.com
*/

* {
	text-decoration:none;
	margin:0;
	padding:0;
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

img, div { behavior: url(iepngfix.htc) }
img{ border: 0; }

fieldset { border:none;}

.limpar {float:left;}

.img-float {float:left; margin:5px;}



/* Titulos e SubTitulos*/	
.titulo {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#FF9900;
	font-size:50px;
	text-align:left;
}
.sub-titulo {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#FF9900;
	font-size:20px;
	text-align:left;
}
.texto-padrao {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#292929;
	text-align:justify;
}
body {
 	background: url(../imagens/bg.jpg) repeat-x; 
	}

.texto-tabela {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 8px;
}
.titulo-tabela {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	padding: 8px;
}
.rodape-tabela {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	padding: 8px;
}
/* ---------------------------------------------- */		
.corpo {
	width: 800px;
	margin:0 auto;
}
.corpo .cabecalho .logo a, .corpo .cabecalho .logo a:active, .corpo .cabecalho .logo a:visited {
	background-image: url(../imagens/logo.gif) ;
	background-repeat: no-repeat;
	height: 111px;
	width: 298px;
	display: block;
	text-indent:-9000px;
	overflow:hidden;
	margin-top:8px;
	margin-bottom:22px;
}

/* Menu Horizontal
---------------------------------------------- */	
.corpo .menu_horizontal {
	background:#000  url(../imagens/bg-menu.jpg) repeat-x;
	list-style: none;  
	margin: 0;  
	padding: 0;  
	width: 798px;
	_width: 798px;
	height:38px;
}  
.corpo .menu_horizontal ul li{  
	float: left;  /*  display: inline; testar se no final vai dar na mesma por causa desse comando!!!  margin-right: 2px;*/  
	list-style:none;
	display:block;
}  
.corpo .menu_horizontal ul li a{  
	display: block;  
	padding:13.5px 15px;
	font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration: none;	
	text-align: center;  
	color: #fff;   
}  
.corpo .menu_horizontal ul li a:hover{  
	background: url(../imagens/bg-menu-hover.jpg) repeat; 
}
.corpo .conteudo {
margin-top:10px;
}
.corpo .imagem-central h1 {
	clear:both;
	background-image: url(../imagens/imagem-central.jpg);
	height: 223px;
	width: 795px;
	display: block;
	text-indent:-9000px;
	overflow:hidden;
	margin-top:4px;
}
/* Diagramacao
---------------------------------------------- */	
.corpo .conteudo .esquerda {
	width: 375px;
}
.corpo .conteudo .direita {
	width: 425px;
}
.corpo .conteudo .esquerda, .corpo .conteudo .direita {float:left;}

.corpo .conteudo .direita .tabela-direita {width: 246px;}
.corpo .conteudo .direita .tabela-esquerda {width: 174px;}
.corpo .conteudo .direita .tabela-direita, .corpo .conteudo .direita .tabela-esquerda {float:left;}

/* 2 Colunas a da esquerda Maior
---------------------------------------------- */	

.duascolunas-esquerda-maior-primeira-tabela{
	width:60%;
}
.duascolunas-esquerda-maior-segunda-tabela{
	width:30%;
	text-align:left;
}
.duascolunas-esquerda-maior-primeira-tabela, .duascolunas-esquerda-maior-segunda-tabela{ float:left;}

/* 2 Colunas a da Direita Maior
---------------------------------------------- */	
.duascolunas-direita-maior-primeira-tabela{
	width:20%;
	text-align:left;
	padding:20px;
	margin:20px;
}
.duascolunas-direita-maior-segunda-tabela{
	width:60%;
}
.duascolunas-direita-maior-primeira-tabela , .duascolunas-direita-maior-segunda-tabela{ float:left;}

/* Noticias
---------------------------------------------- */	
.noticias-titulo h2 {
	background-image: url(../imagens/titulo-noticias.jpg);
	height: 40px;
	width: 373px;
	text-indent: -90000px;
	overflow: hidden;
}
.corpo .conteudo .esquerda .noticias {
	background-image: url(../imagens/bg-noticias.jpg);
	background-repeat: repeat-y;
	width: 373px;
}
.corpo .conteudo .esquerda .noticias-rodape {
	background-image: url(../imagens/bg-rodape-noticias.gif);
	background-repeat: no-repeat;
	height: 3px;
	width: 373px;
}
.corpo .conteudo .esquerda .noticias li {
	width: 352px;
	margin:0 auto;
	border-bottom:dashed 1px #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	}
.corpo .conteudo .esquerda .noticias li:hover {
	
	}
.corpo .conteudo .esquerda .noticias ul li a {
	color: #FFFFFF;
	display:block;
	padding:3px;
}
.corpo .conteudo .esquerda .noticias ul li a:hover {
	display:block;
	background: #0a1f4b;

}
.corpo .conteudo .esquerda .noticias .bnt-noticias {
	background-image: url(../imagens/bnt-ver-todas-azul.jpg);
	height: 21px;
	width: 112px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	background-repeat: no-repeat;
	margin-left: 200px;
}
/* Assista o Culto Aovivo na internet
---------------------------------------------- */	
.corpo .conteudo .direita .tabela-direita .assista-culto {
	text-indent: -9000px;
	display: block;
	background-image: url(../imagens/bnt-culto-aovivo.jpg);
	height: 134px;
	width: 246px;
	overflow: hidden;
}
/* Debates Continental
---------------------------------------------- */	
.corpo .conteudo .direita .tabela-direita .banner-aplica {
	background-image: url(../imagens/banner-aplicanet.jpg);
	height: 116px;
	width: 245px;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
}
/* Eventos
---------------------------------------------- */
.corpo .conteudo .direita .tabela-direita .eventos-titulo h2 {
	background-image: url(../imagens/titulo-eventos.jpg);
	height: 48px;
	width: 245px;
	background-repeat: no-repeat;
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	margin-top:3px;
}
.corpo .conteudo .direita .tabela-direita .eventos {
	background: url(../imagens/bg-eventos.gif) repeat-y;
	width: 245px;
}
.corpo .conteudo .direita .tabela-direita .rodape-eventos {
	background-image: url(../imagens/bg-rodape-eventos.gif);
	background-repeat: no-repeat;
	height: 4px;
	width: 245px;
}
.corpo .conteudo .direita .tabela-direita .eventos li {
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin: 0px 5px 8px 4px;
	padding-left: 15px;
	padding-bottom:2px;
	padding-top:4px;
	background: url(../imagens/seta.jpg) no-repeat left center;
	border-bottom:dashed 1px #FFF;
}
.corpo .conteudo .direita .tabela-direita .eventos a {
	color: #FFF;
}
.corpo .conteudo .direita .tabela-direita .eventos a:hover{
	color:#FFCC00;
}
.corpo .conteudo .direita .tabela-direita .eventos .bnt-eventos {
	background-image: url(../imagens/bnt-ver-todas-cinza.jpg);
	background-repeat: no-repeat;
	height: 21px;
	width: 112px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	margin-left:128px;
}
/* AS 10 MAIS
---------------------------------------------- */
.corpo .conteudo .direita .tabela-esquerda .as-10-mais-titulo h2 {
	background-image: url(../imagens/bg-titulo-as-10-mais.jpg);
	height: 35px;
	width: 174px;
	text-indent: -9000px;
	display: block;
	overflow: hidden;
}
.corpo .conteudo .direita .tabela-esquerda .as-10-mais {
	background-image: url(../imagens/bg-as10mais.gif);
	background-repeat: repeat-y;
}
.corpo .conteudo .direita .tabela-esquerda .rodape-as10mais {
	background-image: url(../imagens/rodape-as-10-mais.jpg);
	background-repeat: no-repeat;
	height: 6px;
	width: 174px;
}
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-1 ,
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-2 ,
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-3 ,
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-4 ,
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-5 ,
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-6 ,
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-7 ,
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-8 ,
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-9 ,
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-10 {
	margin: 0px 4px 0px 4px;
	width:160px;
	padding:2px 4px 1px 4px;
	overflow: hidden;
}
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-1 {background: #70787e url(../imagens/n-1.jpg) no-repeat left center;}
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-2 {background: #3d4850 url(../imagens/n-2.jpg) no-repeat left center;}
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-3 {background: #70787e url(../imagens/n-3.jpg) no-repeat left center;}
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-4 {background: #3d4850 url(../imagens/n-4.jpg) no-repeat left center;}
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-5 {background: #70787e url(../imagens/n-5.jpg) no-repeat left center;}
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-6 {background: #3d4850 url(../imagens/n-6.jpg) no-repeat left center;}
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-7 {background: #70787e url(../imagens/n-7.jpg) no-repeat left center;}
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-8 {background: #3d4850 url(../imagens/n-8.jpg) no-repeat left center;}
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-9 {background: #70787e url(../imagens/n-9.jpg) no-repeat left center;}
.corpo .conteudo .direita .tabela-esquerda .as-10-mais .lista-10 {background: #3d4850 url(../imagens/n-10.jpg) no-repeat left center;}

.texto-preto {
	padding-left:28px;
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.texto-branco {
	padding-left:28px;
	font-variant: small-caps;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-align:right;
}
/* MALA DIRETA (Newsletter)
---------------------------------------------- */
.corpo .conteudo .direita .mala-direta {
	background-image: url(../imagens/mala-direta.jpg);
	height: 118px;
	width: 417px;
	background-repeat: no-repeat;
}
.corpo .conteudo .direita .mala-direta .CampoTexto {
	background-color: #e8e8e8;
	border: 1px solid #9fb6c7;
	height: 24px;
	width: 305px;
	margin-top: 42px;
	margin-left: 90px;
	padding:2px;
	font:Arial, Helvetica, sans-serif;
	font-size:1.4em;
}
.corpo .conteudo .direita .mala-direta .assinar-remover {
	margin-left: 70px;
	margin-right:5px;
}
.botao {
	overflow:hidden; 
	width:83px;
	height:24px; 
	content:""; 
	display:block; 
	line-height: 0; 
	text-indent:-9000px;
	background:url('../imagens/bnt-enviar.gif') no-repeat; 
	border:none;
}
.corpo .conteudo .direita .mala-direta .assinar-remover , .corpo .conteudo .direita .mala-direta .botao {
	float:left;
	margin-top:8px;
	}
/* Rodape
---------------------------------------------- */
.rodape{
	background-image: url(../imagens/rodape.jpg);
	height: 146px;
	margin-top: 10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:normal;
	font-size:12px;
}
.rodape p a, .rodape p a:active, .rodape p a:visited {
	color:#FFF;
	font-weight:normal;
	font-size:12px;
}
.rodape p a:hover {
	color:#999999;
}

.rodape .menu_horizontal {  
	list-style: none;
	padding: 0;
}  
.rodape .menu_horizontal ul {
	width:780px;
	margin: 0 auto;
	}
.rodape .menu_horizontal ul li{  
	float: left;  /*  display: inline; testar se no final vai dar na mesma por causa desse comando!!!  margin-right: 2px;*/  
	list-style:none;
	display:block;
}  
.rodape .menu_horizontal ul li a{  
	display: block;  
	padding:13px 13px;
	font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration: none;	
	text-align: center;  
	color: #fff;   
}  
.rodape .menu_horizontal ul li a:hover{  
	background: #000000; 
}
.pagina {
	padding:5px 20px;
	width:790px;
	margin:20px auto;
	text-align:justify;
	}
/* Validacao
---------------------------------------------- */	
form.cmxform {
	font-size: 1.2em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
	padding:5px;
	border: 1px solid #C9DCA6;
	background: url(../imagens/cmxform-fieldset.gif) left bottom repeat-x;
	background-color: #f3f6ed;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../imagens/cmxform-divider.gif) left bottom repeat-x;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
input {	border: 1px solid #666; font-size: 1.4em; margin-top:3px;}
input:focus { border: 1px dotted #666; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }
.bnt-enviar {
	background:#006600;
	color:#FFF;
	padding:5px 20px;
	}
.bnt-enviar:hover {
	background:#333;
	}
	
/* Galeria de Fotos
---------------------------------------------- */		

.pg {
margin-top:10px;
width: 600px;
list-style: none none;

}

.pg:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

.pg li {
list-style: none none;
display: inline;
}

.pg li a {
margin: 2px;
border: 1px solid #CCC;
padding: 4px;
position: relative;
float: left;
display: block;
width: 128px;
height: 128px;
}

.pg li a:hover {
font-size: 100%;
z-index: 2;
}

.pg li a img {
border: 0 none;
position: absolute;
width: 128px;
height: 128px;
}	

.pg li a:hover img,.pg li a:active img,.pg li a:focus img {
border: solid 5px  #669900;
width: 128px;
height: 128px;
left: -0px;
top: -0px;
z-index: 1;
}

