#guirlanda-natal { float: left; background: url(../images/guirlanda.png) transparent left top no-repeat; width: 65px; height: 60px; }

/* ---------- HTML INÍCIO ---------- */
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	font-variant: normal;
	color: #4D4D4D;
	margin: 0;
	text-align:center;
}
h1 {
	font-size: 22px;
	line-height: 28px;
	font-weight: normal;
	font-variant: normal;
	color: #2C2C2C;
	padding-bottom: 10px;
	border-bottom: 1px solid #C4C4C4;
	margin-top:30px;
	margin-bottom: 10px;
}
#h1_midias_sociais, #h1_cadastro, #h1_categorias_dir, #h1_busca_dir, #h1_twitter_dir { border-bottom:none; margin-bottom: 0; }
#h1_noticias_eventos_home { margin-bottom: 0; }
#h1_cadastro, #h1_fotos_secundarias { clear:both; padding-top:20px;}
#h1_busca_dir, #twitter_dir { padding-top:20px; padding-bottom:0;}
#h1_twitter_dir, #twitter_dir{display:none;}
h2 {
	font-size: 18px;
	font-weight: normal;
	font-variant: normal;
	color: #2C2C2C;
	margin-top:30px;
}
h3 {
	font-size: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #99431E;
}
a:link {
	color: #285567;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #009999;
}
a:hover {
	text-decoration: underline;
	color: #006666;
}
a:active {
	text-decoration: none;
	color: #006666;
}
p {
	margin-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 0;
	text-align:justify;	
}

#topo a{ padding-left: 10px;}
/* ---------- HTML FIM ---------- */

/* ---------- DIAGRAMAÇÃO INÍCIO ---------- */
#principal {
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#topo_bg {
	background-image:url(../images/bg_topo.jpg);
	background-repeat:repeat-x;
	height:90px;
}
#topo {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	text-align:right;
	/*height: 40px;
	line-height: 40px;*/
}

#menu_principal {
	width:970px;
	margin-left:auto;
	margin-right:auto;
}
#logo {
	float:left;
	width:335px; /*SEM GUIRLANDA 270px*/
	margin-right:130px; /*SEM GUIRLANDA 195px*/
	padding-left:20px;
}
#logo img {
	border:none; float: left; /* float: left; POR CAUSA DA GUIRLANDA */
}
/* Lista menu principal */
ul.menu_nav {
	margin: 0 20px 0 0;
	padding: 0;
}
ul.menu_nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	float:left;
}
ul.menu_nav li a {
	display: block;
	margin: 0 0 5px 0;
	padding: 10px 10px 10px 10px;
	font-weight: normal;
	font-size: 22px;
	color: #2C2C2C;
	text-decoration: none;
}
ul.menu_nav li a:hover, .menu_nav li a:focus {
	background-color: #8C8C8C;
	color: #FFFFFF;
}
#flash {
	clear:both;
	width:970px;
	height:210px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
}
#conteudo {
	text-align:left;
	clear:both;
	width:970px;
	margin-left:auto;
	margin-right:auto; 
	/*padding-top:30px; não precisa de padding por causa do margin do h1 */
}
#corpo_esq {
	float:left;
	width:670px;
	margin-right:40px;
	padding-bottom:20px;
}
/* Navegação a direita */
#nav_dir {
	float:right;
	width:260px;
	padding-bottom:20px;
}
#categorias_dir a{
	display:block;
	border-bottom: 1px solid #C4C4C4;
	/* Insere o ícone a esquerda dos links do link */
	/*margin: 0 10px 0 0;*/
	padding: 10px 0 5px 10px;	
	background: transparent url(../images/mark_link_categorias.gif) no-repeat center left;	
}

/* Rodapé */
#rodape_bg {
	clear:both;
	background-image:url(../images/bg_rodape.jpg);
	background-repeat:repeat-x;
	height:150px;	
}
#rodape {	
	width:970px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}
#texto_rodape{
	text-align:left;
}

.box_bg_light_brow{ background-color:#F7F5E6; color:#665444; background-repeat:repeat; margin-top:0;}

/* ---------- DIAGRAMAÇÃO FIM ---------- */

#quem_somos_home { width:530px; padding-right:140px; background:top right url(../images/globo_home.jpg) no-repeat;}

#cadastro{ padding: 10px;}
#sala_imprensa { margin-top:20px; }
#banco_imagens, #responsabilidade_social { width:260px; height:40px; margin-top:10px;}
#banco_imagens { display:none;}
#sala_imprensa img, #banco_imagens img, #responsabilidade_social img { border:none;}

.box_destaque{
	width:640px;
	height:155px;
	padding: 15px;
	border-bottom: 1px solid #C4C4C4;
}
.box_destaque:hover span.categoria, .box_destaque:focus span.categoria, .box_destaque:hover span.data, .box_destaque:focus span.data, .box_destaque:hover span.telefone, .box_destaque:focus span.telefone, .box_destaque:hover span.site_email, .box_destaque:focus span.site_email, .box_destaque:hover span.descricao, .box_destaque:focus span.descricao{
	color: #2C2C2C;
	text-decoration: none;
}
.box_destaque img{
	width:180px;
	height:135px;
	margin-right: 15px;
	border: 10px solid #C4C4C4;
	float:left;
}
.box_destaque h2 { 
	font-size: 16px;
	color: #4E4E4E;
	font-style: normal;
	font-weight: normal;
}
.box_destaque:hover h2, .box_destaque:focus h2 { 	
	color: #99431E;
	text-decoration: underline;
}
.box_destaque:hover, .box_destaque:focus{
	background-color: #EDEBD5;
	cursor: pointer;
}
.box_destaque:hover img, .box_destaque:focus img{
	border: 10px solid #99431E;
}
span.categoria, span.data, span.telefone, span.site_email, span.descricao { color:#8C8C8C; }

.icon_area_restrita { display:block; background-color:#F7F5E6; color:#665444; background-repeat:repeat; height: 50px; line-height: 50px; margin-bottom: 15px;}
.icon_area_restrita img { float: left; padding: 0 10px 0 0;}

/* ---------- ÍCONES MÍDIAS SOCIAIS - INÍCIO ---------- */

/* Lista ícones Mídias Sociais - Direita */
ul.medias_sociais_dir {
	margin: 0;
	padding: 0;
}
ul.medias_sociais_dir li {
	list-style: none;
	margin: 0;
	padding: 0;
	float:left;
}
li.twitter_dir a, li.facebook_dir a, li.orkut_dir a, li.youtube_dir a, li.rss_dir a, li.linkedin_dir a {
	display: block;
	width:40px;
	height:38px;
}

li.flickr_dir a{ display:none;}
li.twitter_dir a { 	
	background-image:url(../images/md_twitter_pb.jpg);
	background-repeat:no-repeat;
}
li.facebook_dir a { 	
	background-image:url(../images/md_facebook_pb.jpg);
	background-repeat:no-repeat;
}
li.orkut_dir a { 	
	background-image:url(../images/md_orkut_pb.jpg);
	background-repeat:no-repeat;
}
li.youtube_dir a { 	
	background-image:url(../images/md_youtube_pb.jpg);
	background-repeat:no-repeat;
}
li.flickr_dir a { 	
	background-image:url(../images/md_flickr_pb.jpg);
	background-repeat:no-repeat;
}
li.rss_dir a{ 	
	background-image:url(../images/md_rss_pb.jpg);
	background-repeat:no-repeat;
}
li.linkedin_dir a { 	
	background-image:url(../images/md_linkedin_pb.jpg);
	background-repeat:no-repeat;
}
li.twitter_dir a:hover, li.twitter_dir a:focus {	
	background-image:url(../images/md_twitter.jpg);
	background-repeat:no-repeat;
}
li.facebook_dir a:hover, li.facebook_dir a:focus {	
	background-image:url(../images/md_facebook.jpg);
	background-repeat:no-repeat;
}
li.orkut_dir a:hover, li.orkut_dir a:focus {	
	background-image:url(../images/md_orkut.jpg);
	background-repeat:no-repeat;
}
li.youtube_dir a:hover, li.youtube_dir a:focus {	
	background-image:url(../images/md_youtube.jpg);
	background-repeat:no-repeat;
}
li.flickr_dir a:hover, li.flickr_dir a:focus {	
	background-image:url(../images/md_flickr.jpg);
	background-repeat:no-repeat;
}
li.rss_dir a:hover, li.rss_dir a:focus {	
	background-image:url(../images/md_rss.jpg);
	background-repeat:no-repeat;
}
li.linkedin_dir a:hover, li.linkedin_dir a:focus {	
	background-image:url(../images/md_linkedin.jpg);
	background-repeat:no-repeat;
}

/* Lista ícones Mídias Sociais - Rodapé */
#midias_sociais_rodape { display:block; clear:both; height: 20px; padding-bottom: 30px; }

ul.medias_sociais_rodape {
	margin: 0;
	padding: 0;
}
ul.medias_sociais_rodape li {
	list-style: none;
	margin: 0;
	padding: 0;
	
}
li.twitter_rod a, li.facebook_rod a, li.youtube_rod a, li.flickr_rod a, li.rss_rod a, li.linkedin_rod a {
	display: block;
	height:21px;
	float:left;
	margin-right: 30px;
}
li.twitter_rod a { 	
	background: transparent url(../images/md_rod_twitter_pb.gif) no-repeat;
	width:85px;
}
li.facebook_rod a { 			
	background: transparent url(../images/md_rod_facebook_pb.gif) no-repeat;
	width:85px;
}
li.youtube_rod a { 	
	background: transparent url(../images/md_rod_youtube_pb.gif) no-repeat;
	width:45px;
}
li.flickr_rod a { 	
	/*background: transparent url(../images/md_rod_flickr_pb.gif) no-repeat;
	width:60px;*/
	display:none;
}
li.rss_rod a{ 	
	background: transparent url(../images/md_rod_orkut_pb.gif) no-repeat;
	width:56px;
}
li.linkedin_rod a { 	
	background: transparent url(../images/md_rod_linkedin_pb.gif) no-repeat;
	width:80px;
}
li.twitter_rod a:hover, li.twitter_rod a:focus {	
	background: transparent url(../images/md_rod_twitter.gif) no-repeat;
}
li.facebook_rod a:hover, li.facebook_rod a:focus {	
	background: transparent url(../images/md_rod_facebook.gif) no-repeat;
}
li.youtube_rod a:hover, li.youtube_rod a:focus {	
	background: transparent url(../images/md_rod_youtube.gif) no-repeat;
}
li.flickr_rod a:hover, li.flickr_rod a:focus {	
	background: transparent url(../images/md_rod_flickr.gif) no-repeat;
}
li.rss_rod a:hover, li.rss_rod a:focus {	
	background: transparent url(../images/md_rod_orkut.gif) no-repeat;
}
li.linkedin_rod a:hover, li.linkedin_rod a:focus {	
	background: transparent url(../images/md_rod_linkedin.gif) no-repeat;
}

/* ---------- ÍCONES MÍDIAS SOCIAIS - FIM ---------- */

/* ---------- FOMULÁRIOS INÍCIO ---------- */
form { margin:0; padding:0;}
fieldset { border:none;}

input[type=text], input[type=password], select {	
	width: 226px;	
	height: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;	
	border: 2px solid #C4C4C4;
	color: #8C8C8C;
	background-color: #FFF;
	line-height: 25px;	
}
textarea{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;	
	border: 2px solid #C4C4C4;
	color: #8C8C8C;
	background-color: #FFF;
}
input[type=text]:hover, input[type=text]:focus, textarea:hover, textarea:focus, select:hover, select:focus {
	border: 2px solid #8C8C8C;
}
input[type=submit], input[type=button], input[type=reset] {
	width: 60px;
	height: 30px;
	border: 1px solid #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size : 14px;
	color: #FFF;
	background: url(../images/bg_btn_form.jpg) repeat-x #FFF;
	cursor: pointer;		
}
input[type=submit]:hover, input[type=submit]:focus, input[type=button]:hover, input[type=button]:focus, input[type=reset]:hover, input[type=reset]:focus {
	text-decoration: underline;
}

/* Forms e Campos personalizados */
#frm_cadastro #tx_email {
	width: 160px;
	height: 22px; 
	border: none;
}
#frm_busca_noticias #busca_noticias { width: 190px; height: 22px; border: none;}
#frm_cadastro #enviar { }
#busca { width:256px;}
.campo_e_botao_form{ width:226px; height:31px; line-height:31px; border: 2px solid #C4C4C4; background-color:#FFFFFF;}
#frm_login{ width: 580px;}
#login_imprensa, #frm_login { float:right;}
#login_imprensa { width: 170px; }

#frm_login #tx_senha {
	width: 100px;
	height: 22px; 
	border: none;
}
#frm_login #tx_login {
	width: 170px;
	height: 27px; 
}

/* Imagem em forma de botão */
#btn_cancelar a { padding-top: 10px; border:none;}

/* Camufla as labels dos campos de cadastro, mas mantém o texto por questões de acessibilidade */
.texto_invisivel{ font-size:3px; color:#F7F5E6;}
#frm_login .texto_invisivel{ font-size:3px; color:#E4E0C5;}

.logo_wservices { border:none; float:right; padding-top: 15px; }


/* ------------------ FOTOS SECUNDÁRIAS ------------------ */

#fotos_secundarias { clear:both;}
.fotos_index { }
/* Tamanho da div de cada foto em miniatura - noticia.php e fotos.php */
.foto {
	float:left;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:25px;
	display: block;
	width: 130px;
	height: 130px;
	border: none;
}

/*  ------------------------------------------------------  */
/*  ------------ ESTILOS DE AVISO AO USUÁRIO -------------  */
/*  ------------------------------------------------------  */

/* Configuração geral para avisos (erro, sucesso, atenção, nenhum_encontrado, etc) */
span.aviso_erro, span.aviso_sucesso, span.aviso_atencao, span.aviso_nenhum_encontrado {
	display: block;
	padding: 5px 10px 5px 20px;
	margin: 15px 0;
	text-align: left;
	height: auto;
	line-height: 22px;
}
/* Configurações específicas de cada aviso */
span.aviso_sucesso {
	color: #648434;
	border: 1px solid #9BCC54;
	background: #CDEFA6 10px 50% no-repeat;
}
span.aviso_erro {
	color: #CF3738;
	border: 1px solid #FFACAD;
	background: #FFD5D5 10px 50% no-repeat;
}
span.aviso_atencao {
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 10px 50% no-repeat;
}
span.aviso_nenhum_encontrado {
	color: #666;
	border: 1px solid #E5E5E5;
	background: #F6F6F6 10px 50% no-repeat;
}