@charset "utf-8";

/* Menu */
@import url("menu.css");
/* Titulos */
@import url("titulos.css");
/* Formularios */
@import url("formularios.css");
/* Demais estilos do site - Alinhamentos, Clear */
@import url("outros.css");

/* HOME */
@import url("home.css");

/* PAGINACAO */
@import url("paginacao.css");



/*-----------------------------------------------------------------------------
Folha de estilos - Cada Minuto

version:	1.0
Autor:		Plus! Agência Digital
Data:			02-09-2010
Email:		contato@plusagenciadigital.com.br
Website:	http://www.plusagenciadigital.com.br

Revisao-1: dd-mm-aaaa
Alterações: ---  
-----------------------------------------------------------------------------*/


/*==========================================
	GERAL
============================================*/

*, html, body{
	margin:0;
	padding:0;
}
html, body{
	height:100%;
}
html{
	background:#fafafa url(../../_IMG/layout/bg_geral.gif) left 61px repeat-x;
}
body{
	color:#333;
	font:13px/1.3em Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	/* Hack IE */
	*text-align: center;
	voice-family: "\"}\"";
	voice-family:inherit;
}


ul, ol, dl, 
li, dt, dd, 
li *, dt *, dd *,
address{
	margin:0;
	padding:0;
	list-style-type:none;
}

img,
img a,
img a:hover{
	border: none;
	margin:0;
	padding:0;
}

.clear{
	clear: both;
}

a:link, a:visited, a:hover, a:focus, a:active{
	color:#333;
}
a:link, a:visited, a:focus, a:active{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

p{
	line-height:1.3em;
	margin:0 0 15px 0;
}

p a{
	text-decoration:none;
}

hr{
	clear: both;
	display: block;
	border: 2px solid #CCC;
	margin-top: 6px;
	margin-bottom: 6px;
	_margin: 0;
	_padding: 0;
	*margin: 0;
	*padding: 0;
	background-color: #CCC;
	color: #CCC;
	border: 0;
	height:2px;
}




/*==========================================
	ESTRUTURA
============================================*/

/*--------
	GLOBAL
---------*/
#global {
	width:100%;
	min-height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:left;
}

* html #global {
	height: 100%; /* hack para IE6 hq trata height como min-height */
}

/*------
	TOPO
-------*/
#topo {
	width:980px;
	height:95px;
	margin:0 auto 20px auto;
	clear:both;
}

/*------
	LOGO
-------*/
#logo{
	width:260px;
	height:35px;
	margin:15px 30px 11px 20px;
	padding-left:5px;
	float:left;
	/* Hack IE */
	_margin-left:10px;
	_overflow:hidden;
}

#logo h1{
	overflow:hidden;
	text-indent:-10000px;
}

/*-----------------
	EVENTO DESTAQUE
------------------*/
#evento_destaque{
	width:250px;
	height:25px;
	margin:10px 0 0 25px;
	padding-top:7px;
	color:#b9322e;
	line-height:1.2em;
	float:left;
	font-size:12px;
	font-weight:bold;
}

#evento_destaque a{
	color:#b9322e;
}

/*----------
	CONTEUDO
-----------*/
#conteudo{
	width:950px;
	height:auto;
	margin:0 auto;
	padding:0 15px 405px 15px;
	clear:both;
	text-align:left;
	/* Hack IE */
	*padding-bottom:450px;
}

/* Hack Navegadores "Modernos" */
div#conteudo:after,
.box_destaque:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}

/*----------------
	ENVOLVE RODAPE
-----------------*/
#envolve_rodape{
	width:100%;
	min-width:980px;
	height:360px;
	margin:0 auto;
	padding:15px 0 0 0;
	background:url(../../_IMG/layout/rodape_bg_geral.gif) left 105px repeat-x;
	bottom:0;
	left:0;
	position:absolute;
	overflow:hidden;
}

/*--------
	RODAPE
---------*/
#rodape{
	width:980px;
	margin:0 auto;
	padding:0;
}

#rodape h1,
#rodape h3,
#rodape h2 {
	color: #333 !important;
}

#rodape h2,
#rodape h2 span{
	height:16px;
	margin:0 0 13px 0;
	padding:10px 15px;
	color:#333;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	position:relative;
}

#rodape h2 span{
	height:auto;
	padding:0;
	position:absolute;
	right:17px;
	top:8px;
}

#rodape h2 span a{
	padding:3px;
	display:block;
}

/*------------
	APLICACOES
-------------*/
ul#aplicacoes{
	width:940px;
	height:70px;
	margin:0 auto 20px auto;
	clear:both;
}

ul#aplicacoes li{
	margin-right:1px;
	background:#f1f1f1;
	float:left;
}

ul#aplicacoes li img{
	margin-right:10px;
	float:left;
}

ul#aplicacoes li h2{
	margin-bottom:4px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
}

ul#aplicacoes p{
	margin:0;
	font-size:12px;
	line-height:1.2em;
}

/* SUGESTAO DE PAUTA */
ul#aplicacoes li#sugestao_de_pauta{
	width:210px;
	padding:10px 20px 10px 12px;
}

ul#aplicacoes li#sugestao_de_pauta h2,
ul#aplicacoes li#sugestao_de_pauta h2 a{
	color:#8b3f79 !important;
}

/* PUBLICIDADE */
ul#aplicacoes li#publicidade{
	width:200px;
	padding:10px 20px 10px 25px;
}

ul#aplicacoes li#publicidade h2,
ul#aplicacoes li#publicidade h2 a{
	color:#39c !important;
}

/* RSS */
ul#aplicacoes li#rss{
	width:185px;
	padding:10px 15px 10px 25px;
}

ul#aplicacoes li#rss h2,
ul#aplicacoes li#rss h2 a{
	color:#7aa500 !important;
}

/* WIDGETS */
ul#aplicacoes li#widgets{
	width:185px;
	margin-right:0;
	padding:10px 10px 10px 30px;
}

ul#aplicacoes li#widgets h2,
ul#aplicacoes li#widgets h2 a{
	color:#9e3838 !important;
}



/*-------------
	MAPA DO SITE
---------------*/
ul#mapa_do_site{
	padding:0 15px;
}

ul#mapa_do_site li{
	margin-right:70px;
	float:left;
}

ul#mapa_do_site li.sem_margem{
	margin-right:0;
}

ul#mapa_do_site li ul.nao_flutuar{
	clear:both;
	float:none;
}

ul#mapa_do_site li h3{
	margin-bottom:8px;
	padding-bottom:3px;
	border-bottom:2px solid #e4e4e4;
	color:#333;
	font-size:14px;
	letter-spacing:-1px;
	text-transform:uppercase;
}

ul#mapa_do_site li ul{
	margin-bottom:20px;
	float:left;
}

ul#mapa_do_site li ul li{
	margin:2px 27px 2px 0;
	display:block;
	float:none;
	font-size:12px;
}

ul#mapa_do_site li ul li a{
	color:#333;
}

#plus{
	clear:both;
}

#plus a{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

#plus img{
	margin-top:-2px;
	float:right;
}


/*==========================================
	BUSCA
============================================*/

#busca{
	width:380px;
	height:32px;
	margin:16px 0 0 0;
	float:left;
	/* Hack IE */
	_overflow:hidden;
}

#busca ul li {
	float:left;
}

#busca input {
	width:286px;
	height:22px;
	padding:4px 5px;
	border-right:none !important;
	font-size:16px;
	font-weight:bold;
	/* Hack IE */
	_margin-top:-1px;
}

#busca ul li.bt_buscar a {
	width:83px;
	height:25px;
	padding-top:7px;
	background:url(../../_IMG/formulario/bt_buscar_bg_sprite.gif) 0 0 no-repeat;
	color:#666;
	display:block;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	text-align:center;
}

#busca ul li.bt_buscar a:hover {
	background:url(../../_IMG/formulario/bt_buscar_bg_sprite.gif) 0 -32px no-repeat;
	text-decoration:none;
}


/*==========================================
	BOX SOCIAIS
============================================*/

#links_sociais {
	margin-bottom: 25px;	
}

#links_sociais ul,
#links_sociais ul li{
	width:100%;
}

#links_sociais ul li{
	height:30px;
	margin-bottom: 12px;
	clear:both;
}

#links_sociais ul li span{
	float: left;
	width: 30px;
	margin-right: 8px;
}

#links_sociais ul li p{
	line-height: 120%;
	font-size: 12px;
}


/*==========================================
	ENQUETE
============================================*/

#enquete {
	padding:0 8px;
	clear:both;
}

#enquete p {
	margin-bottom:10px;
	font-size:11px;
	line-height:1.2em;
}

#enquete ul {
	/* Hack IE */
	*margin-top:-12px;
}

#enquete ul li {
	width:100%;
	font-size:11px;
	overflow:hidden;
	margin: 0 !important;
}

#enquete ul li input {
	margin:-1px 5px 0 0;
	float:left;
	/* Hack IE */
	*margin:0 1px 0 0;
	border: 0;
	background: none;
}

#enquete ul li label {
	margin-top:0;
}

#enquete ul li.bt {
	padding: 8px 0 0 0;
}

#enquete_opcoes h4 {
	font-size:11px;
	line-height: 110%;
	margin-bottom: 6px;
	/* Hack IE */
	*margin-top:10px;
}


/*==========================================
	NEWSLETTER
============================================*/

#newsletter {
	padding:0 8px;
	clear:both;
	/* Hack IE */
	*padding-bottom:7px;
}

#newsletter p{
	margin-bottom:10px;
	font-size:11px;
	line-height:1.2em;
}

#newsletter input{
	width:125px;
	height:14px;
	font-size:11px;
}


/*==========================================
	BOX DESTAQUE
============================================*/
.box_destaque {
	margin-bottom: 15px;
	padding:0;
	background:#f1f1f1;
	clear:both;
	/* Hack IE*/
	overflow:hidden;
}


/*==========================================
	BANNERS
============================================*/

.banner,
.banner_mini{
	margin-bottom:15px;
	clear:both;
}

.banner img,
.banner_mini img {
	display:block;
}

/*-------------
	BANNER MINI
---------------*/
.banner_mini{
	margin-bottom:8px;
}


/*==========================================
	BOTAO
============================================*/

.botao a{
	height:17px;
	margin-bottom:8px;
	margin-top: 5px;
	padding:5px 10px 4px 10px;
	background:#fff url(../../_IMG/outros/botao_bg_gradiente.gif) left bottom repeat-x;
	border:1px solid #e0e0e0;
	color:#666;
	float:right;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	position:relative;
	z-index:100;
	/* Borda arredondada */
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomright:6px;
}

.botao a:hover{
	border:1px solid #b9322e;
	color:#b9322e;
	text-decoration:none;
}

/*-------------------
	BOTAO PADRAO FORM
--------------------*/
.btAcao{
	clear: both;
	display: block;
	margin-top: 10px;
}

.botao_form a{
	width:85px;
	height:24px;
	*height:32px;
	height:32px\9;
	padding:8px 0 0 0;
	background:url(../../_IMG/outros/bg_bt_geral.gif) 0 0 no-repeat;
	color:#666;
	display:block;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	letter-spacing: -1px;
}

.botao_form a:hover{
	background:url(../../_IMG/outros/bg_bt_geral.gif) 0 -32px no-repeat;
	text-decoration:none;
}


/*-------------------
	LINKS DOS CANAIS
--------------------*/
a.link_canal_entretenimento,  a.link_canal_esporte,  a.link_canal_municipios,  a.link_canal_empregos_concursos {
	display: block;
	height: 40px;
	float: left;
	margin: 30px 0 0 22px;
}

a.link_canal_entretenimento {
	width: 315px;
}

a.link_canal_esporte {
	width: 158px;
}

a.link_canal_municipios {
	width: 224px;
}

a.link_canal_empregos_concursos {
	width: 480px;
}


/*-------------------
	BLOCOS
--------------------*/

ul.blocado li{
	margin-bottom:15px;
	height:70px;
}

ul.blocado span{
	float: left;
	margin-right: 10px;
	position:relative;
}

ul.blocado span img{
	display:block;
}

ul.blocado span img.play_over {
	bottom:3px;
	right:3px;
}


/*-------------------
	EXTRAS
--------------------*/
/*
  De vez em quando aparece uma div, criada pelo addThis, sei la o motivo.
  Ela acaba quebrando o layout. Ent?o, escondendo ela :)
*/

#atffc {
	display: none;
}

#texto_noticia a {
	color: #B9322E !important;
}

div.envolve_titulo_noticia h1.titulo_noticia {
	float: left;
	width: 710px;
	margin-right:10px;
}

div.envolve_titulo_noticia div.topsy_widget_data {
	margin-left: 10px;
	float: right;
}

#relogio {
  margin-bottom: 10px;
}














.tweet, .query {
  /*font-family: Georgia, serif;*/
  font-size: 11px;
  color: #333333;
  line-height: 110%; }
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*background-color: #8ADEE2;*/ }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: .5em; }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #B9322E; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: #91E5E7; }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        padding-bottom: 5px;
        padding-right: 5px;
        vertical-align: middle; }

      span.tweet_time {
        display: block;
      }

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.ui-tabs {
  /* padding: .2em;  */
  zoom: 1;
}
.ui-tabs .ui-tabs-nav {
  list-style: none;
  position: relative;
  /* padding: .2em .2em 0; */
}
.ui-tabs .ui-tabs-nav li {
  position: relative;
  float: left;
  border-bottom-width: 0 !important;
  margin: 0 0 -1px 0; padding: 0;
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  text-decoration: none;
  padding: 0.3em 11px 0.2em;
  font-size:20px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  padding-bottom: 1px;
  border-bottom-width: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible
.ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
  /*padding: 1em 1.4em;*/
  display: block;
  border-width: 0;
  background: none;
  clear:both;
  border:1px solid #678B1D;
  /* margin-left: 3px; */
}
.ui-tabs .ui-tabs-hide {
  display: none !important;
}
.ui-state-active{
  border: 1px solid #678B1D;
  border-bottom:2px solid #000;
  background: none #fafafa !important;
  margin-top: 0px !important;
  margin-right:0;
  color: #658B1C !important;
}
.ui-state-default{
  background: url(../../_IMG/outros/bg_aba_nao_selecionada.jpg) repeat-x;
}
.ui-tabs li.ui-state-default{
  margin-top: 14px;
  margin-left:0;
}
.ui-state-default a{
  color:#666 !important;
}
.ui-state-active a{
  outline:none;
  font-size:23px !important;
  padding: 0.5em 15px 0.5em !important;
  color: #658B1C !important;
}

.ui-tabs-panel{
  padding: 13px;
}





/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML,
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(../../_IMG/colorbox/overlay.png) 0 0 repeat;}

	#cboxContent{background:#fff; border: 2px solid #E4E4E4; padding: 15px; }
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#333; padding-bottom: 10px;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#333;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#333;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../../_IMG/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-75px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../_IMG/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:-50px -25px;}
		#cboxLoadingOverlay{background:url(../../_IMG/colorbox/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(../../_IMG/colorbox/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(../../_IMG/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-25px -25px;}