/*-------------------------------------------------------
	Autor: Reinaldo Silotto - silotto.reinaldo@gmail.com
	Cliente: AGITO CAMPINAS
	Data: Abril - 2009
	CSS Validado - W3C
	Arquivo: CSS HOME
---------------------------------------------------------*/

/*----------------------------------------------------
	CONTEUDO PRINCIPAL - COLUNA ESQUERDA
------------------------------------------------------*/
.coluna-esquerda h2 { 
	font-size:20px;
	font-weight:bold;
	color:#2e0480;
	margin:0 0 0 25px;
}
.coluna-esquerda h2.confira-tambem {
	clear:both; 
	font-size:20px;
	font-weight:bold;
	color:#2e0480;
	margin:20px 0 0 25px;
}
ul.destaques { float:left; clear:both; width:710px; height:auto; margin:5px 0 0 0; padding:10px 0 0 0; border-top:1px solid #c9c9c9; }
ul.destaques li { display:inline; float:left; margin:0 22px 0 0; padding:0; width:330px; }
ul.destaques li span  { float:left; margin:0 0 0 10px; width:103px; }
ul.destaques li span  a { margin:0; padding:0; }
ul.destaques li span  a img { border:2px solid #fff; }
ul.destaques li span a:hover img { border:2px solid #FF6200; }
ul.destaques li h3 {
	float:left;
	margin:0;
	width:215px;
}
ul.destaques li h3 a {
	font-size:18px;
	font-weight:bold;
	color:#3c3c3c;
	text-decoration:none;
	outline:none;
}
ul.destaques li p {
	float:left;
	margin:0;
	width:215px;
}
ul.destaques li p a {
	font-size:12px;
	color:#3b3b3b;
	text-decoration:none;
	outline:none;
}
ul.destaques li h3 a:hover, ul.destaques li p a:hover { text-decoration:underline; }
.destaque-secundario {
	float:left;
	clear:both;
	width:710px;
	height:auto;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px solid #c9c9c9;
}
.destaque-secundario span  { float:left; margin:0 0 0 10px; width:103px; }
.destaque-secundario span  a { margin:0; padding:0; }
.destaque-secundario span  a img { border:2px solid #fff; }
.destaque-secundario span a:hover img { border:2px solid #FF6200; }
.destaque-secundario h3 {
	float:left;
	margin:0;
	width:590px;
}
.destaque-secundario h3 a {
	font-size:18px;
	font-weight:bold;
	color:#3c3c3c;
	text-decoration:none;
	outline:none;
}
.destaque-secundario p {
	float:left;
	margin:4px 0 0 0;
	width:590px;
}
.destaque-secundario p a {
	font-size:12px;
	color:#3b3b3b;
	text-decoration:none;
	outline:none;
}
.destaque-secundario p a:hover { text-decoration:underline; }
.destaque-secundario h3 a:hover { text-decoration:underline; }
.destaque-secundario ul.programacao { float:left; width:590px; margin:7px 0 0 0; }
.destaque-secundario ul.programacao li {
	display:inline;
	margin:0 5px 0 0;
	font-size:15px;
	color:#ee6e1a;
	font-weight:bold;
}
.destaque-secundario ul.programacao li a { color:#2e0480; text-decoration:none; outline:none; }
.destaque-secundario ul.programacao li a:hover { text-decoration:underline; }
ul.confira { float:left; clear:both; width:713px; height:auto; margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #c9c9c9; }
ul.confira li { display:inline; float:left; margin:0 0 10px 0; padding:0; width:235px;height:57px; }
ul.confira li span  { float:left; margin:0 0 0 11px; width:55px; }
ul.confira li span  a { margin:0; padding:0; }
ul.confira li span  a img { border:2px solid #fff; width:50px; height:50px; }
ul.confira li span  a:hover img { border:2px solid #FF6200; width:50px; height:50px; }
ul.confira li h3 {
	float:left;
	margin:0;
	width:168px;
}
ul.confira li h3 a {
	font-size:12px;
	font-weight:bold;
	color:#3c4b56;
	text-decoration:none;
	outline:none;
}
ul.confira li p {
	float:left;
	margin:0;
	width:168px;
}
ul.confira li p a {
	font-size:11px;
	font-weight:normal;
	color:#3c4b56;
	text-decoration:none;
	outline:none;
}
ul.confira li h3 a:hover, ul.confira li p a:hover { text-decoration:underline; }
.coluna-pesquisa-novidades {
	float:left;
	clear:both;
	width:351px;
	height:auto;
	margin:10px 0 0 0;
	padding:0;
}
.coluna-pesquisa-novidades .pesquisa {
	float:left;
	width:351px;
	height:auto;
	margin:0;
	padding:0 0 10px 0;
	background:#4b5e69 url(../image/background/back_pesquisa_home.jpg) no-repeat top;
}
.coluna-pesquisa-novidades .pesquisa h4 {
	float:left;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	margin:10px 0 0 10px;
	padding:0 0 9px 15px;
	border-bottom:1px solid #fff;
	width:315px;
}
.coluna-pesquisa-novidades .pesquisa h5 {
	float:left;
	clear:left;
	width:315px;
	height:35px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	margin:6px 0 0 25px;
	padding:0;
}
.coluna-pesquisa-novidades .pesquisa div.enquete {
	float:left;
	clear:both;
	width:331px;
	height:140px;
	background:#fff;
	padding:10px 0 8px 0;
	margin:4px 0 5px 9px;
}
.coluna-pesquisa-novidades .pesquisa div.enquete div.opcao {
	float:left;
	display:inline;
	width:315px;
	height:30px;
	margin:0 0 7px 15px;
	padding:0;
}
.coluna-pesquisa-novidades .pesquisa div.enquete div.opcao input.radio { float:left; }
.coluna-pesquisa-novidades .pesquisa div.enquete div.opcao label {
	float:left;
	font-size:12px;
	font-weight:normal;
	color:#6f789b;
	margin:-1px 0 0 3px;
	width:145px;
}
input.btn-resultado {
	width:123px;
	height:33px;
	background:#fff;
	margin:5px 0 0 30px;
	padding:0;
	font-size:12px;
	color:#6f789b;
	font-weight:bold;
	cursor:pointer;
}
input.btn-resultado:hover { background:#ccc; }
input.btn-votar {
	width:123px;
	height:33px;
	background:#fff;
	margin:0 0 0 38px;
	padding:0;
	font-size:12px;
	color:#6f789b;
	font-weight:bold;
	cursor:pointer;
}
div.espaco {
	float:left;
	width:123px;
	height:33px;
	margin:0 0 0 38px;
	padding:0;
}
input.btn-votar:hover { background:#ccc; }



/*----------------------------------------------------
	CAIXA FOTOS REDE
------------------------------------------------------*/
.cobertura-home .estados {
	float: right; margin-top: -34px; margin-right: 10px;
}
.cobertura-home .estados select {
	background-color:#480D45;
	color:#FFFFFF;
	font-size:17px;
	font-weight:normal;
	padding:3px 2px 2px 4px;
	width:200px;
	border: 1px solid #9b7399;
}
.conteudo-cobertura .box-rede {
	width:679px;
	height:255px;
	margin:2px 0px -3px 8px;
	padding:10px 4px 4px 16px;
	background-color:#ddd7d5;
}
.conteudo-cobertura .box-rede ul { width: 100%; height:250px; }
.conteudo-cobertura .box-rede ul li { width:216px;margin:0 10px 0 0;background-color:#fff;float:left;padding-bottom:8px }
.conteudo-cobertura .box-rede ul li .cidade {
	background-color:#551851;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	width:165px;
	padding:5px 5px 5px 8px;
}
.conteudo-cobertura .box-rede ul li .info {
	padding-left:8px;
	font-size:12px;
}
.conteudo-cobertura .box-rede ul li .titulo a {
	color:#551851;
	font-size:14px;
	font-weight:bold;
	padding:4px 0 4px;
	text-decoration:none;
}
.conteudo-cobertura .box-rede ul li .titulo a:hover {
	text-decoration:underline;
}

.conteudo-cobertura .box-rede a.seta_direita {
	position:relative;
	float:right;
	margin: -150px -10px 0 0;
}

.conteudo-cobertura .box-rede a.seta_esquerda {
	position:relative;
	float:left;
	margin: -150px 0 0 -20px;
}

/*----------------------------------------------------
	NOVIDADES
------------------------------------------------------*/
.coluna-pesquisa-novidades .novidades {
	float:left;
	width:351px;
	height:auto;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	background:#7cad4c url(../image/background/back_novidades_home.jpg) no-repeat top;
}
.coluna-pesquisa-novidades .novidades h4 {
	float:left;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	margin:10px 0 0 10px;
	padding:0 0 9px 15px;
	border-bottom:1px solid #fff;
	width:315px;
}
.coluna-pesquisa-novidades .novidades h5 {
	float:left;
	clear:left;
	width:315px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	margin:6px 0 0 25px;
	padding:0;
}
.coluna-pesquisa-novidades .novidades ul.lista-novidades {
	float:left;
	clear:both;
	width:331px;
	height:70px;
	background:#fff;
	padding:15px 0 10px 0;
	margin:4px 0 0 9px;
}
.coluna-pesquisa-novidades .novidades ul.lista-novidades li {
	float:left;
	display:block;
	width:140px;
	margin:0 0 10px 15px;
	padding:0;	
}
.coluna-pesquisa-novidades .novidades ul.lista-novidades li a {
	float:left;
	clear:left;
	margin:0;
	padding:0 0 0 0px;
	font-size:13px;
	font-weight:normal;
	color:#53792d;
	text-decoration:none;
}
.coluna-pesquisa-novidades .novidades ul.lista-novidades li a:hover { text-decoration:underline; }
.coluna-agito-live {
	float:right;
	width:351px;
	height:auto;
	margin:10px 3px 0 0;
	padding:0 0 10px 0;
	background:#b32300 url(../image/background/back_agitolivre_home.jpg) no-repeat top;
}
.coluna-agito-live h4 {
	float:left;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	margin:10px 0 0 10px;
	padding:0 0 9px 15px;
	border-bottom:1px solid #fff;
	width:315px;
}
.coluna-agito-live h5 {
	float:left;
	clear:left;
	width:315px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	margin:6px 0 0 25px;
	padding:0;
}
.coluna-agito-live h5.comunidades-recentes {
	float:left;
	clear:left;
	width:315px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	margin:10px 0 0 25px;
	padding:0 0 5px 0;
}
.coluna-agito-live ul.lista-fotos {
	float:left;
	clear:both;
	width:320px;
	height:auto;
	background:#590c00;
	padding:5px 0 5px 11px;
	margin:4px 0 0 9px;
}
.coluna-agito-live ul.lista-fotos li {
	float:left;
	display:block;
	width:56px;
	margin:0 7px 0 0;
	padding:0;	
}
.coluna-agito-live ul.lista-fotos li a {
	float:left;
	clear:left;
	margin:0;
	padding:0;
	border: 1px solid #fff;
}
.coluna-agito-live ul.lista-comunidades {
	float:left;
	clear:both;
	width:320px;
	height:82px;
	background:#590c00;
	padding:5px 0 0 11px;
	margin:4px 0 0 9px;
}
.coluna-agito-live ul.lista-comunidades li {
	float:left;
	display:inline;
	width:150px;
	margin:0 10px 6px 0;
	padding:0;	
}
.coluna-agito-live ul.lista-comunidades li a {
	float:left;
	margin:0;
	padding:0;
	font-size:12px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
.coluna-agito-live ul.lista-comunidades li a:hover { text-decoration:underline; }
/*----------------------------------------------------
	FORM LOGIN
------------------------------------------------------*/
.coluna-agito-live ul.form-login-live {
	float:left;
	clear:both;
	width:331px;
	min-height:115px;
	background:#fff;
	padding:15px 0 10px 0;
	margin:9px 0 0 9px;
}
.coluna-agito-live ul.form-login-live li {
	float:left;
	display:inline;
	margin:0 0 0 14px;
	padding:0;
	font-size:14px;
	font-weight:normal;
	color:#888;
}
.coluna-agito-live ul.form-login-live li.loginErro {
	color:red;
	width:300px;
	margin-top:15px;
}
.coluna-agito-live ul.form-login-live li.loginErro a {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#b32300;
	text-decoration:none;
}
.coluna-agito-live ul.form-login-live li.loginErro a:hover { text-decoration:underline; }
.coluna-agito-live ul.form-login-live li.registro {
	width:300px;
	margin-top:15px;
}
.coluna-agito-live ul.form-login-live li.logadoNome {
	width:300px;
	margin-top:10px;
	font-size:14px;
}
.coluna-agito-live ul.form-login-live li.logado {
	width:300px;
	margin-top:10px;
}
.coluna-agito-live ul.form-login-live li input.email {
	float:left;
	width:286px;
	height:24px;
	border:1px solid #aaa;
	color:#555;
	font-size:14px;
	padding:8px 0 0 14px;
}
.coluna-agito-live ul.form-login-live li input.senha {
	float:left;
	width:139px;
	height:24px;
	border:1px solid #aaa;
	color:#555;
	font-size:14px;
	padding:8px 0 0 14px;
	margin:13px 0 0 0;
}
.coluna-agito-live ul.form-login-live input.btn-entrar {
	width:123px;
	height:33px;
	background:#b32300;
	margin:13px 0 0 10px;
	padding:0;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}
.coluna-agito-live ul.form-login-live input.btn-entrar:hover { background:#8b1602; }
.coluna-agito-live ul.form-login-live li a {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#b32300;
	text-decoration:none;
}
.coluna-agito-live ul.form-login-live li a:hover { text-decoration:underline; }
.fotos-rolou {
	float:left;
	clear:left;
	width:715px;
	height:auto;
	background:#ff6200 url(../image/background/back_fotos_home.jpg) no-repeat top;
	margin:12px 0 0 0;
	padding:0 0 10px 0;
}
.fotos-rolou h4 {
	float:left;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	margin:10px 0 0 10px;
	padding:0 0 9px 15px;
	border-bottom:1px solid #fff;
	width:680px;
}
.fotos-rolou h5 {
	float:left;
	clear:left;
	width:680px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	margin:6px 0 0 25px;
	padding:0;
}
.fotos-rolou .fundo-galeria-fotos {
	float:left;
	clear:both;
	width:687px;
	height:70px;
	background:#fff;
	padding:10px 0 0 0;
	margin:5px 0 0 14px;
	z-index:1;
}
.fotos-rolou ul.galeria-fotos {
	float:left;
	position:relative;
	clear:both;
	width:680px;
	height:auto;
	padding:0;
	margin:0 0 0 8px;
	z-index:2;
}
.fotos-rolou ul.galeria-fotos li {
	float:left;
	display:inline;
	margin:0 3px 0 4px;
	padding:0;
}
.fotos-rolou ul.galeria-fotos li a img { border:2px solid #ff6200; }

.fotos-rolou .seta-esquerda {
	float:left;
	position:relative;
	top:-66px;
	left:-10px;
	width:22px;
	height:29px;
	z-index:10;
}
.fotos-rolou .seta-esquerda a {
	float:left;
	width:22px;
	height:29px;
	background:url(../image/btn_voltar_galeria_fotos.jpg) no-repeat;
	text-indent:-9999px;
	outline:none;
}
.fotos-rolou .seta-direita {
	float:right;
	position:relative;
	top:-66px;
	right:12px;
	width:0;
	height:29px;
	z-index:10;
}
.fotos-rolou .seta-direita a {
	float:left;
	width:22px;
	height:29px;
	background:url(../image/btn_avancar_galeria_fotos.jpg) no-repeat;
	text-indent:-9999px;
	outline:none;
}
.fotos-rolou h5 b.titulo {
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
.fotos-rolou h5 span {
	float:right;
	font-size:13px;
	padding:4px 10px 4px 10px;
	margin: -4px 5px -6px 0;
}
.fotos-rolou h5 span.aba {
	background:#ffae7b;
	border: #da5400 1px solid;
	border-bottom: white 1px solid;
	padding:4px 0 4px 0;
}
.fotos-rolou h5 span.aba a{
	color:#da5400;
	font-size: 13px;
	padding: 4px 10px 4px 10px;
	letter-spacing: 0px;
	text-decoration:none;
}
.fotos-rolou h5 span.aba a:hover{text-decoration:underline;}
.fotos-rolou h5 span.abaSel {
	color:#da5400;
	border: #da5400 1px solid;
	border-bottom: white 1px solid;
	background:#fff;
}