@charset "utf-8";
/* CSS Document */


/* --------------- CSS GERAL ------------------- */



/* GERAL */
*{margin:0; padding:0; border:0;}

a:active {
	text-decoration: none;
	color: #000000;
}
a:link {text-decoration: none;color: #000000;}
a:visited {
	text-decoration: none;color: #000000;}
.underline {text-decoration: none}.underline:hover {text-decoration: underline}
img {
	text-decoration: none;
	border-style: none;
}


body {
	background-color: #CA4912;
	background-image: url(../imagens/bg_tmj_jan2012.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:left;
	margin: 0px auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
}
label, h6{visibility:hidden; display:none;}
button{background:none;}


.tag-1 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333333;
}
.tag-2 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #333333;
}
.tag-3 {
	font: 20px Arial, Helvetica, sans-serif;
	color: #333333;
}
.tag-4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
.tag-5 {
	font: 30px Arial, Helvetica, sans-serif;
	color: #333333;
}
.tag1 {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #333333;
}
.tag0 {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
}



/* HEADER */
#header div{width:955px; height: 50px; margin: 0 auto;}
#header div a img.logo_panini{padding: 10px 0 0 130px;}
#header div a img.paninigroup{padding-left:60px;}
#header div a img{float:left;}
#header div form{height:50px; float:left;}
#header div form select{margin: 17px 0 0 35px; border:#999 solid 1px;}
#Botao-Ok {width: 28px;margin-top: 5px;}


#estrutura {width: 955px; text-align: left; margin: 0 auto;}


/* TOPO */
#topo{width:955px; height:298px;}
#Console {float: left; width: 316px; padding-top:25px;}
#Splahs-Novo-Site {position:absolute; left: auto; top: 50px; margin-left:210px; z-index: -100;}
#BannerTopo {float: right; height: 90px; padding: 14px 0 12px 0;}
#BannerTopo #superbanner {
	float:left;
	width:540px;
}
#BannerTopo #superbanner img {
	border:none;
	float:left;
}
#BannerTopo img.imgpublicidade {
	float:right;
}

#Busca-Social {
	float: right;
	width: 490px;
	height: 47px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top:6px;
	display: inline
}

#BuscaTopo {float: right;margin-left:24px; background-attachment: scroll; background-image: url(../imagens/bg_campo_busca.png); background-repeat: no-repeat; height: 53px;}
#BuscaTopo *{float:left;}
#Campo-Busca {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #999; width: 180px; margin-top: 4px; margin-right: 5px; margin-bottom: 4px; margin-left: 10px; border:0; float:left;}
.Formatacao-Campo-Busca {font-size: 14px; color: #F33E0A; width: 180px; padding-top:2px;}
#BuscaTopo .bt{ padding: 0 24px 0 10px;}

#barra_social {
	display: inline;
    float: right;
    height: 65px;
    margin-top: -13px;}

#barra_social a{padding-right:7px;}
#Menu-Topo {float: left; height: 130px; width: 633px;}
#Menu-Topo ul{display:none; visibility:hidden;}
#Box-Bot-Ok {float: left;width: 50px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}
#LogoProducoes {float: left;width: 50px;  height: 49px;margin-top: -5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}


#miolo{clear:both; width:955px;}


/* CONTEÚDO */
#conteudo{float:left; width:654px;}
#conteudo .box{padding-right:27px; float: left; width: 300px;}


/* COLUNA DIREITA */
#coluna-direita{float:right; width:300px;}
#coluna-direita .placas{
	background-repeat:no-repeat;
	background-position:right 14px;
	height:126px;
	clear:both;
	color: #000000;
}
#coluna-direita .placas p{
	float:left;
	height:65px;
	width:177px;
	border-left:0;
	border-right:0;
	background-color:#FFF;
	margin-top:14px;
	padding:8px 12px 0 0;
	color: #000000;
}
#coluna-direita .placas img{float:left;}


#coluna-direita .box_facebook{
	background-color:#FFFFFF;

}
/* PRÓXIMA EDIÇÃO */
#box_prox_ed{
	background-image:url(../imagens/canto_laranja.gif);
	margin-top:15px;
	color: #000000;
}
#box_prox_ed p{
	border: solid #F49F31 3px;
	color: #000000;
}

/* FALA, MAURICIO */
#box_fala_mau{background-image:url(../imagens/canto_azul.gif);margin-top:14px;}
#box_fala_mau p{border: solid #42B7E5 3px;}
#box_fala_mau img{padding-top:1px;}


/* COMUNIDADE TURMA JOVEM */
#box_comu_tj{
	padding-top:40px;
}
#box_comu_tj div{height:324px; background-color:#FFF;}


/* BANNER 300x250 */
#banner_miolo{
	text-align:right;
	padding-top:25px;
}
#banner_miolo2{
	text-align:right;
	padding-top:40px;
}


/* TÁ BOMBANDO */
#box_bombando{
	padding-top:25px;
	width:300px;
}

#box_bombando div{background-color:#49D2FE; width:300px; min-height:105px;}


/* RODAPÉ */
#rodape{clear:both; width:955px; padding:60px 0 12px 0;}
#rodape a{color:#000; text-decoration:none;}
#rodape a:hover{text-decoration:underline;}
#rodape p{padding-bottom:16px;}

#rodape .todos_links{float:left; width:630px; display:block;}

#rodape .creditos{float:right; width:265px; text-align:right; font-size:10px;}

.linkme{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin: 2px;
	padding: 2px;
	border: 1px solid #999999;
}
.texto_linkme {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.fund_azul{
	background:#49D2FE;
}
.curtir{
	margin-left: 324px;
  /*  padding-top: 113px;
    width: 30px;*/
}
.google{
	margin-left: 68px;
	margin-top: 20px;
    width: 30px;
}
.face{
	background-color:#FFFFFF;
	height: 510px;
	width: 920px;
	overflow:hidden;
}

.contagem{padding-right:27px; float: left; width: 300px;}