/* CSS Document */

*{margin:0; padding:0;} /* CSS RESET */

body 				{background-image: url(../imagens/bg.jpg); background-repeat: repeat-x;}
img 				{border:0px;}
pre 				{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:1px; color:#666666;}
label				{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:150%;}


/* LINK - BASICÃO DOS LINKS */
a					{color: #666666; text-decoration:none;}
a:hover 			{color: #0066FF; text-decoration:none;}
a:active 			{color: #FF3300; text-decoration:none;}

/* DIVS ( Dimensões / Caracteristicas / Outros ) */
#geral				{width:990px; margin:auto;}
#topo				{width:990px; height:130px; float:left;}
#logomarca			{width:360px; heigth:130px; float:left;}
#redes_sociais		{width:120px; height:60px; float:right; margin-top:20px;}

#utilitario			{width:165px; height:60px; float:right; margin-top:20px; padding-top:3px; background-image:url(../imagens/bg_utilitario.jpg); background-repeat:no-repeat; text-align:center;}
#utilitario a		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666;}
#utilitario a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0066FF;}

#banner				{width:990px; height:270px; float:left; margin-top:2px;}

#conteudo_scfilho	{width:990px; float:left;}
#twitter			{width:990px; height:35px; float:left; background-color:#F2F2EC; margin-top:15px;}

#notvid						{width:990px; height:500px; float:left;}
#noticias_index 			{width:610px; height:500px; float:left;}
#turismo-pe 				{width:550px; float:left; margin-top:10px;}
#mais_noticias_index		{width:610px; height:140px; float:left;}
#mais_noticias_index ul 	{margin:0 0 10px 20px; line-height:170%; list-style-image:url(../imagens/seta_vermelha.jpg);}

#videos_index				{width:370px; height:500px; float:right;}
#mais_videos_index			{width:370px; height:200px; float:left;}
#mais_videos_index ul 		{margin:0 0 10px 25px; line-height:200%; list-style-image:url(../imagens/seta_vermelha.jpg);}
#mais_videos_index ul li	{line-height:190%;}

#fotos				{width:990px; height:320px; float:left; margin-top:20px;}

#radnews			{width:990px; height:180px; float:left; margin-bottom:30px;}
#radio_index		{width:610px; height:180px; float:left; }
#newsletter 		{width:370px; height:180px; float:right;}
#rodape				{width:990px; height:28px; clear:both; background-image:url(../imagens/bg_rodape.jpg); background-repeat:repeat-x; text-align:center; padding-top:10px;}

#foto {width:125px; height:177px; float:left;}

#primeiro_paragrafo {float:right; width:860px;}
#separador {height:10px; clear:both;}

.player				{width:900px; float:left; margin-top:40px; margin-bottom:20px;}
.separador			{width:980px; height:2px; background-color:#f3f3f3; margin-bottom:15px; float:left;}

/* MENU */

/* O menu esta todo comentado pra facilitar a manutenção */
/* Ele tem propriedades bem diferentes do que estamos acostumados a trabalhar, isso pra facilitar 
caso ele tenha que ser transformado em um menu drop down */

/* aqui voce pode configurar a Largura e Altura total da div que comporta o menu */

*#menu				{width:990px; float:left; height:30px;}

/* "margin" -- zera ele em relação a div */
#menu ul 			{width:990px; margin:0 auto; list-style-type:none; font-family:"Arial Narrow", Arial, Verdana; font-weight:bold; letter-spacing:0.2px; font-size:12px;padding-left:13px;}

/* No momento abaixo usa-se "float" e "position" pra deixá-lo preparado pra um possivel sub-menu futuro */
#menu ul li 		{float:left; position:relative; text-transform:uppercase;  margin-right:23px;}

/* "display" -- com essa propriedade voce transforma a àrea em volta do texto em algo semlhante a um botao */
/* "padding" -- sabe o botao que falei acima? pronto, aqui voce diz o tamanho da area ao redor do texto */
#menu ul li a		{float:left; display:block;  height:30px; line-height:25px; text-decoration:none; /*padding:0 12px 0 12px;*/ color:#72724E;}

/* menu em estado de over */
#menu ul li a:hover {color: #0066FF;}

/* CLASSES */



/* TITULOS ( Família fonte / Cor  / Outros ) */
h1{}
h2					{font-family:Arial, Helvetica, sans-serif; color:#0052A4; font-weight:normal;}
h3					{font-family:Arial, Helvetica, sans-serif; color:#0052A4; font-weight:normal; margin:15px 0 15px 0;}
h4					{font-family:Arial, Helvetica, sans-serif; color:#0052A4; font-weight:normal; margin:15px 0 15px 0;}


/* TEXTOS ( Família fonte / Tamanho / Cor / Outros ) */
.verdana12cinza		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:160%; padding-left:5px;}
.verdana13cinza		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:160%; padding-left:5px; text-transform:uppercase;}
.verdana12cinzaclaro{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999; line-height:160%;}
.verdana12azul		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#06C;}
.subtitulosnot		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0052A4; text-transform:uppercase;}
.subtitulosfot		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0052A4;}
.subtitulosfot_spot {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0052A4;}
.verdana12branco	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;}
.txt_twitter		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#003C77;}
.arial12cinza		{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404040;}
.verdana12preto		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height:160%; padding-left:5px;font-weight:bold;}
.campos-newsletter  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; height:18px; color:#333333; border-width:1px; border-color:#999999;}
.titulo_spot_not 	{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold;}
.texto-spot-not		{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404040; line-height:170%; text-align:justify;}