/*-------------------------------------------------------
	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:28px;
	font-weight:normal;
	color:#2256aa;
	margin:0 0 0 25px;
}
.coluna-esquerda h2.confira-tambem {
	clear:both; 
	font-size:24px;
	font-weight:normal;
	color:#131313;
	margin:20px 0 0 25px;
}
ul.destaques { float:left; clear:both; width:710px; height:auto; margin:5px 0 5px 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 #2256aa; }
ul.destaques li h3 {
	float:left;
	margin:0;
	width:215px;
}
ul.destaques li h3 a {
	font-size:19px;
	font-weight:normal;
	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;
	font-family:arial;
	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 #2256aa; }
.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:5px 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 #2256aa; width:50px; height:50px; }
ul.confira li h3 {
	float:left;
	margin:0;
	width:168px;
}
ul.confira li h3 a {
	font-size:14px;
	font-weight:normal;
	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-family:arial;
	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 8px 0;
	background:#000 url(../image/background/back_pesquisa_home.jpg) no-repeat top;
}
.coluna-pesquisa-novidades .pesquisa h4 {
	float:left;
	font-size:24px;
	font-weight:normal;
	color:#a30910;
	margin:10px 0 0 10px;
	padding:0 0 4px 15px;
	width:315px;
}
.coluna-pesquisa-novidades .pesquisa h5 {
	float:left;
	clear:left;
	width:315px;
	height:25px;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	margin:4px 0 0 25px;
	padding:0;
}
.coluna-pesquisa-novidades .pesquisa div.enquete {
	float:left;
	clear:both;
	width:331px;
	height:140px;
	padding:3px 0 0px 0;
	margin:4px 0 0px 9px;
}
.coluna-pesquisa-novidades .pesquisa div.enquete div.opcao {
	float:left;
	display:inline;
	width:315px;
	height:30px;
	margin:0 0 3px 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-family:arial;
	font-size:14px;
	font-weight:normal;
	color:#ffffff;
	margin:-1px 0 0 3px;
	width:145px;
}
input.btn-resultado {
	width:123px;
	height:30px;
	background:#fff;
	margin:3px 0 0 30px;
	padding:0;
	font-size:17px;
	color:#ae0b08;
	font-weight:normal;
	font-family:times;
	cursor:pointer;
}
input.btn-resultado:hover { background:#ccc; }
input.btn-votar {
	width:123px;
	height:30px;
	background:#fff;
	margin:3px 0 0 38px;
	padding:0;
	font-size:17px;
	color:#ae0b08;
	font-weight:normal;
	font-family:times;
	cursor:pointer;
}
div.espaco {
	float:left;
	width:123px;
	height:33px;
	margin:0 0 0 38px;
	padding:0;
}
input.btn-votar:hover { background:#ccc; }

/*----------------------------------------------------
	NOVIDADES
------------------------------------------------------*/
.coluna-pesquisa-novidades .novidades {
	float:left;
	width:351px;
	height:186px;
	margin:12px 0 0 0;
	padding:0 0 10px 0;
	background:#000 url(../image/background/back_novidades_home.jpg) no-repeat top;
}
.coluna-pesquisa-novidades .novidades h4 {
	float:left;
	font-size:24px;
	font-weight:normal;
	color:#a30910;
	margin:10px 0 0 10px;
	padding:0 0 4px 15px;
	width:315px;
}
.coluna-pesquisa-novidades .novidades h5 {
	float:left;
	clear:left;
	width:315px;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	margin:6px 0 0 25px;
	padding:0;
}
.coluna-pesquisa-novidades .novidades ul.lista-novidades {
	float:left;
	clear:both;
	width:331px;
	height:70px;
	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 20px;
	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-family:arial;
	font-weight:normal;
	color:#fff;
	text-decoration:underline;
}
.coluna-pesquisa-novidades .novidades ul.lista-novidades li a:hover { text-decoration:none; }
.coluna-agito-live {
	float:right;
	width:351px;
	height:458px;
	margin:10px 3px 0 0;
	padding:0 0 10px 0;
	background:#000 url(../image/background/back_live_home.jpg) no-repeat top;
}
.coluna-agito-live h4 {
	float:left;
	font-size:24px;
	font-weight:normal;
	color:#a30910;
	margin:10px 0 0 10px;
	padding:0 0 4px 15px;
	width:315px;
}
.coluna-agito-live h4#titulo_live {
	margin-top:15px;
	padding-bottom:0px;
	color:#fff;
	border-bottom:solid 1px #fff;
}
.coluna-agito-live h5 {
	float:left;
	clear:left;
	width:315px;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	margin:5px 0 0 25px;
	padding:0;
}
.coluna-agito-live h5.comunidades-recentes {
	float:left;
	clear:left;
	width:315px;
	font-size:16px;
	font-weight:normal;
	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:65px;
	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:70px;
	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;
	font-family:arial;
	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;
	padding:10px 0 10px 0;
	margin:4px 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;
	font-family:arial;
	color:#fff;
}
.coluna-agito-live ul.form-login-live li.loginErro {
	color:red;
	padding:0;
	margin-top:15px;
	width:300px;
}
.coluna-agito-live ul.form-login-live li.loginErro a {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	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:2px solid #636363;
	background:#111111;
	color:#555;
	font-size:14px;
	font-family:arial;
	padding:8px 0 0 14px;
}
.coluna-agito-live ul.form-login-live li input.senha {
	float:left;
	width:139px;
	height:24px;
	border:2px solid #636363;
	background:#111111;
	color:#fff;
	font-size:14px;
	font-family:arial;
	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:#303030;
	margin:13px 0 0 10px;
	padding:0;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	font-family:arial;
	cursor:pointer;
}
.coluna-agito-live ul.form-login-live input.btn-entrar:hover { background:#555; }
.coluna-agito-live ul.form-login-live li a {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
}
.coluna-agito-live ul.form-login-live li a:hover { text-decoration:none; }
.fotos-rolou {
	float:left;
	clear:left;
	width:715px;
	height:156px;
	background:#000 url(../image/background/back_fotos_home.jpg) no-repeat top;
	margin:20px 0 20px 0;
	padding:0 0 10px 0;
}
.fotos-rolou h4 {
	float:left;
	font-size:24px;
	font-weight:normal;
	color:#a30910;
	margin:10px 0 0 10px;
	padding:0 0 8px 15px;
	width:680px;
}
.fotos-rolou h5 {
	float:left;
	clear:left;
	width:680px;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	margin:6px 0 0px 25px;
	padding:0;
}
.fotos-rolou .fundo-galeria-fotos {
	float:left;
	clear:both;
	width:687px;
	height:70px;
	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 #878583; }

.fotos-rolou h5 b.titulo {
	float:left;
	font-size:16px;
	font-weight:normal;
	color:#fff;
}
.fotos-rolou h5 span {
	float:right;
	font-size:16px;
	padding:6px 10px 6px 10px;
	margin: -4px 5px -6px 0;
}
.fotos-rolou h5 span.aba {
	background:#2b2b29;
	border: #1e1e1c 2px solid;
	border-bottom: #111 1px solid;
	padding:6px 0 6px 0;
}
.fotos-rolou h5 span.aba a{
	color:#777;
	font-size: 14px;
	padding: 6px 10px 6px 10px;
	letter-spacing: 0px;
	text-decoration:none;
}
.fotos-rolou h5 span.aba a:hover{text-decoration:underline;}
.fotos-rolou h5 span.abaSel {
	color:#555;
	border: #1e1e1c 2px solid;
	border-bottom: #111 1px solid;
	background:#ccc;
	padding: 4px 10px 3px 10px;	
}