@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Projeto:	Cidade Viva SP
Version:	1.0
Assigned to: Agência Poço
-------------------------------------------------------------------*/
h3 { font-size:18px }
html {
	background: #000 url(../images/layout/bg_site.jpg) no-repeat top center fixed;
}
body { 
	/*background: url(../images/layout/bg.jpg);*/
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
a {
	color: #000;
}
p {
	line-height: 17px;
}

button {
	cursor: pointer;
}
#geral {
	margin: 0 auto;
	width: 879px;
	position: relative;
}
/*------------------------------------------------------------------
[.topo]
-------------------------------------------------------------------*/
.topo {
	position: relative;
	height: 130px;
	width: 433px;
	top:0;
	left:0;
}
.topo h1 {
	background: url(../images/layout/logo_cidade_viva-trans.png) no-repeat;
	height: 114px;
	position: relative;
	width: 114px;
	top: 9px;
	left: 10px;
}
.topo h1 a {
	display:block;
	height:111px;
	left:-2px;
	position:absolute;
	text-indent:-9999px;
	top:-1px;
	width:111px;
}
.topo ul {
	float: right;
	width: 219px;
	position: absolute;
	top: 20px;
	right: 0;
}
.topo ul li {
	float: left;
}
.topo ul li:first-child {
	margin-right: 6px;
}
.topo ul li a {
	display: block;
	height: 30px;
	text-indent: -9999px;
	position: relative;
}
.comentarioFeedBack a {
	height: 26px;
	display: block;
	text-indent: -9999px;
}
.topo form {
	position: absolute;
	top: 57px;
	right: 0;
}
#busca {
	background: url(../images/layout/bg_busca-trans.png) no-repeat;
	border: none;
	padding: 7px 11px 8px;
	width: 197px;
	font-size: 12px;
	font-style: italic;
	color: #333;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}
#busca:focus {
	background-position: 0 -30px;
}
#busca.erroBusca {
	background-position: 0 -60px;
}
.btInput {	
	position: relative;
}
.btInput button {
	background:transparent url(../images/layout/bt_input.png) no-repeat scroll 0 0;
	border:medium none;
	cursor:pointer;
	display:block;
	height:21px;
	position:absolute;
	right:4px;
	text-indent:-9999px;
	top:-14px;
	width:21px;
}
.btInput button:hover {
	background-position: bottom;
}
/*------------------------------------------------------------------
[.conteudo]
-------------------------------------------------------------------*/
.conteudo {
	width: 433px;
	background: url(../images/layout/leandro-trans.png) no-repeat;
	background-position: 65px 0;
	float: left;
}
.conteudoFixo {
	position: fixed;
	top: 0;
}
.sendEmail {
	background:transparent url(../images/layout/bt_envie_email-trans.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	display:inline-block;
	float:right;
	font-size:11px;
	height:17px;
	position:absolute;
	right:0;
	text-decoration:none;
	text-indent:-9999px;
	top:-18px;
	width:104px;
}
.comentario {
	padding: 9px 10px 30px;
	margin-top: 4px;
}
.comentarioTxt {
	background: url(../images/layout/bg_balao_topo.gif) no-repeat;
	padding: 10px;
	width: 294px;
	position: relative;
	float: left;
	height: 70px;
}
.comentarioTxt p {
	margin-bottom: 5px;
	height: 36px;
}
.infoComentario {
	background:#FFFFFF url(../images/layout/bg_balao_topo_fecha.gif) no-repeat scroll left top;
	bottom:0;
	height:19px;
	left:-10px;
	position:relative;
	width:314px;
}
.infoComentario a {
	color:#000000;
	font-size:11px;
	margin-left:10px;
	position:relative;
	text-decoration:none;
	top:10px;
}
.infoComentario span {
	float: right;
	position: relative;
	right: 30px;
	top: 0px;
	font-size:11px;
	font-style: italic;
}
.autorComentario strong {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
}
.infoComentario a:last-child strong {
	font-style: normal;
}		
.comentarioFeedBack {
	float: right;
}
.comentarioFeedBack a:first-child {
	margin-bottom: 6px;
}
.links {
	position: absolute;
	top:474px;
	width: 429px;
}
.links a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}
/*------------------------------------------------------------------
[.sideBar]
-------------------------------------------------------------------*/
.sideBar {
	float: right;
	width: 426px;
}
.sideBar ul {
	float: right;
	width: 426px
}
.sideBar ul li {
	color:#000 !important;
	margin-bottom: 10px;
	padding: 10px;
}
.sideBar ul li img {
	float: left;
	margin-right:5px;
}
.sideBar ul li div {
	float: right;
}
.sideBar ul li:after {
	display: block;
	content: '';
	clear: both;
}
.publicidadeTopo {
	margin: 10px auto 40px;
	width: 406px;
}
.anuncieLink {
	text-decoration: none;
	float: right;
	font-size: 11px;
	margin-top: 3px;
	color: #fffcdf;
}
/*------------------------------------------------------------------
[botoes do site]
-------------------------------------------------------------------*/
a.btPrograma { background: url(../images/layout/bt_programa-trans.png) no-repeat; width: 102px; }
a.btPrograma:hover { background-position: bottom; }
a.btFale { background: url(../images/layout/bt_fale-trans.png) no-repeat; width: 111px; }
a.btFale:hover { background-position: bottom; }
a.btVerFotos { background: url(../images/layout/bt_ver_fotos.gif) no-repeat; width: 80px; }
a.btVerFotos:hover { background-position: bottom; }
a.btComente { background: url(../images/layout/bt_comente.gif) no-repeat; width: 80px; }
a.btComente:hover { background-position: bottom; }



li.video{ cursor:pointer; color:#666666; }
.video img{ float:left; }
.alt{ display:none !important; }
/*.video.over{ background: url(../images/layout/bg_video_list_over-trans.png) no-repeat; color:#fff; }*/
.video.over{ background-position: -1px -114px;}
/*.video.over .title_over{ display:block;}
.video.over .title{ display:none;}*/
.video .title_over{ display:none;}
/*.video .title{ display:block;}*/
.video.over h3{ color:#FFF; }
/*.video.over{ background-color: #809218; }*/
.float_left{ float:left; }
.float_right{ float:right; }
.alt{ display: none; }
object, #myytplayer { -moz-user-select:none; z-index: 2; position: relative; }
.more{
	text-indent: -9999px;
	cursor: pointer; 
	display: inline-block;
	background: url(../images/layout/mais-trans.png) no-repeat top left;
	width: 439px;
	height: 39px;
}
.more:hover {
	background-position: left -39px;
}
.sideBar ul li {
	background: url(../images/layout/bg_video_list1-trans.png) no-repeat;
	height: 94px;
	width: 409px;
	position: relative;
	float: left;
}
.desc {
	position: relative;
	width: 279px;
}
.feedBackLista {
	position: absolute;
	top: 80px;
}
.net, .rss {
	text-indent: -9999px;
	display: block;
	width: 100px;
	height: 100px;
}
.net {
	background: url(../images/layout/netcidade.gif) no-repeat;
	float: left;
	height: 36px;
	width: 168px;
	position:relative;
}
.rss {
	position: absolute;
	background: url(../images/layout/rss.gif) no-repeat;
	width: 30px;
	height: 13px;
	right: 0;
	top: 0;
}
.newsletter {
 	font-size: 11px;
	font-weight: bold;
}
.newsletter {
	background:transparent url(../images/layout/linha-trans.png) no-repeat scroll 0 7px;
	display:block;
	float:left;
	font-size:11px;
	font-weight:normal;
	line-height:13px;
	margin-left:13px;
	padding:22px 0 18px 13px;
	position:relative;
	top:-10px;
width:213px;
}

.agenciaPoco {
	background:transparent url(../images/layout/logo_poco-trans.png) no-repeat scroll 0 0;
	text-indent: -9999px;
	width: 40px;
	height: 13px;
	display: block;
	position: absolute;
	right: 0;
	top: 20px;
}
#rvaz-modal {
	background-color:#000000;
	display:none;
	height:526px;
	left:0;
	opacity:0.5;
	position:fixed;
	top:0;
	width:1263px;
	z-index:1;
}

#videoYoutubeCont{
	position:absolute;
	top:134px;
	left:4px;
}
#videoYoutubeCont.fix{
	position:fixed;
}
.moldura {
	background:transparent url(../images/layout/moldura_img-trans.png) no-repeat;
	width: 120px;
	height: 90px;
	position: absolute;
	left: 10px; 
	top: 10px;
}
.listaVideoAtivo .moldura {
	background:transparent url(../images/layout/moldura_img1-trans.png) no-repeat;
	width: 120px;
	height: 90px;
	position: absolute;
	left: 10px;
	top: 10px;
}

.numComentarios {
	background:transparent url(../images/layout/balaozinho.gif) no-repeat scroll right 3px;
	height:11px;
	padding-right:16px;
	width:12px;
}
.feedBackLista span {
	font-size: 11px;
	color: #fff;
}
.feedBackLista .a {
	position: absolute;
	left: 147px;
	bottom: 0;
}
.feedBackLista .Data {
	position: absolute;
	left: 198px;
	bottom: 0;
	width: 100px;
}
.video_content{ 
	height:445px;
	position: relative;
}
.conteinerVideo { 
	background:transparent url(../images/layout/bg_video.png) no-repeat scroll 0 0;
	padding-left:4px;
	padding-top:18px;
	position:relative;
	top:-14px;
	width:429px;
	height: 439px;
}
#videoYoutube {
	height: 344px;
}
.videos li.listaVideoAtivo { background: url(../images/layout/bg_video_list_over-trans.png) no-repeat; }
.videos li.listaVideoAtivo span { color:#538AC2;  }
.videos li.listaVideoAtivo .titulo { display: none; }
.videos li.listaVideoAtivo .titulo_ativo { display: block; position: relative; z-index: 0; }
.videos li.listaVideoAtivo .numComentarios {
	background:url(../images/layout/balaozinho_1.gif) no-repeat right 3px;
}
.titulo { display: block; }
.titulo_ativo { display: none; }
.btbTop, .btbBottom {
	height: 19px;
	background: #e7ebed;
	margin: 0 12px;
}
.thickBoxConteudo {
	background: #e7ebed;
	padding: 1px 20px 1px;
}
.boxThickBox form textarea {
	height: 31px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.boxThickBox {
	width: 500px;
	position: relative;
}
.boxThickBox h2 {
	text-transform: uppercase;
}
.boxThickBox h2, .boxThickBox p {
	color: #003366;
	text-align:justify;
}
.boxThickBox h2 {
	font-size: 16px;
	font-style: italic;
	margin-bottom: 7px;
}
.boxThickBox form {
	margin-top: 10px;
	position: relative;
	min-height: 1%;
	padding-bottom: 24px;
	top: 0;
	left: 0;
}
*.boxThickBox form textarea, .boxThickBox form input {
	color:#333333;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin-top:2px;
	padding:5px;
	width:97%;
}
.boxThickBox form label { 
	color:#003366;
	display:block;
	margin-bottom:8px;
}
.bt_comentar {
	background: url(../images/layout/bt_comentar.gif) no-repeat top;
	width: 84px;
	height: 26px;
	border: none;
	display: block;
}
.bt_comentar:hover {
	background-position: bottom;
}
.contChar {
	color: #009900;
	font-size: 14px;
	font-weight: bold;
	display: block;
	position: absolute;
}
.comentThickBox {
	margin-top: 20px;
	background: #fff;
	height: 280px;
	width: 460px;
	overflow: auto;
}
.tbListComent {
	padding: 0 20px 20px;
}
.tbListComent li {
	border-bottom: 1px solid #ccc;
	padding: 18px 0;
}
.tbListComent p {
	color: #333;
}
.comentContent .tbComentAutor {
	font-size: 14px;
	font-weight: bold;
}
.comentContent {
	font-size: 12px;
}
.tbBgTL, .tbBgTR, .tbBgBL, .tbBgBR {
	background: url(../images/layout/corner_thickbox.png) no-repeat;
	width: 12px;
	height: 20px;
	position: absolute;
}
.tbBgTL {
	background-position: left top;
	left: 0;
	top: 0;
}
.tbBgTR {
	background-position: right top;
	right: 0;
	top: 0;
}
.tbBgBL {
	background-position: left bottom;
	left: 0;
	bottom: 0;
}
.tbBgBR {
	background-position: right bottom;
	right: 0;
	bottom: 0;
}
.tbFechar {
	background: url(../images/layout/bt_fechar.png) no-repeat;
	width:14px;
	height:14px;
	display: block;
}
.boxThickBox .tbFechar {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 2;
}
.tbMedium {
	width: 810px;
	height: 499px;
}
.tbSmall {
	width: 500px;
}
h2.programaTitulo {
	background: url(../images/layout/titulo_programa.gif) no-repeat;
	width: 496px;
	height: 74px;
	text-indent: -9999px;
	margin-bottom: 0;
	position: relative;
	z-index: 2;
}
.programaTxt {
	width: 460px;
	margin-top: 7px;
	position: relative;
	z-index: 2;
}
#TB_ajaxContent .boxThickBox .programaTxt p {
	color:#003366;
	font-size:12px;
	letter-spacing:-0.01em;
	line-height:16px;
	margin-bottom:5px;
	text-align:justify;
	padding: 0;
}
.programaInfo {
	text-indent: -9999px;
	background:transparent url(../images/layout/horario_programa.gif) no-repeat scroll 0 0;
	border:1px solid #CCCCCC;
	bottom:20px;
	height:108px;
	position:absolute;
	width:411px;

}
.programaInfo p{
	display:none;
}
.bgPrograma {
	background:transparent url(../images/layout/bg_programa.jpg) no-repeat scroll 16px top;
	height:499px;
	position:absolute;
	right:16px;
	top:0;
	width:361px;
	z-index:1;
}
.tbMedium .thickBoxConteudo {
	height: 459px;
}
.btApresentador {
	background:transparent url(../images/layout/bt_leandro-trans.png) no-repeat scroll center top;
	bottom:18px;
	display:block;
	height:30px;
	position:absolute;
	right:17px;
	width:125px;
	z-index:2;
}
.btApresentador:hover {
	background-position: bottom; 
}
.bgLeandro {
	background: url(../images/layout/bg_leandro.jpg) no-repeat;
	width: 358px;
	height: 499px;
	position: absolute;
	left: 28px;
	top: 0;
	z-index: 1;
}
.btVoltar {
	background: url(../images/layout/bt_voltar.gif) no-repeat top;
	width: 62px;
	height: 26px;
	display: block;
	margin-top: 20px;
}
.btVoltar:hover {
	background-position: bottom;
}
.tituloLeandro {
	background: url(../images/layout/titulo_leandro.gif) no-repeat;
	height: 24px;
	width: 166px;
}

.btEnviar {
	background: url(../images/layout/bt_enviar.gif) no-repeat;
	width: 62px;
	height: 26px;
	border: none;
	display: block;
}
.btEnviar:hover {
	background-position: bottom;
}
.blockUI{ background-repeat: no-repeat; }
select {
	padding: 4px;
	font-size: 16px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.btCadastrar {
	background: url(../images/layout/bt_cadastrar.gif) no-repeat;
	width: 91px;
	height: 26px;
	border: none;
}
.btCadastrar:hover {
	background-position: bottom;
}
.erro {
	position: absolute;
	bottom: -2px;
	left: 0;
}
.comentarios .erro {
	left:30px;
	width:340px;
}

#banners div {
	display: none;
}
.nome {
	width: 150px;
	float: left;
	margin-right: 15px;
}
.email {
	width: 160px;
	float: left;
	margin-right: 15px;
}
.telefone {
	width: 110px;
	float: left;
}
.envieEmail {
	width: 48%;
	float: left;
}
.envieNome {
	width: 47%;
	float: left;
	margin-right: 15px;
}
.erro .ui-corner-all {
	padding:3px !important;
}
.erro {
	width:395px !important;
}
.erro p {
	color: #CD0A0A;
}
.ui-state-highlight{
	border:#2E83FF 1px solid !important;
	background:#EFF6FF !important;
}
.ui-state-highlight p{
	color:#2E83FF !important;
}
	
form[name="comentario"] .erro {
	width:340px !important;
}
#videoYoutubeCont {
	z-index: 10;
	/*position: relative;*/
}
#info_prog .boxThickBox .thickBoxConteudo {
	background:#E7EBED url(../images/layout/bg_programa_lateral.png) no-repeat scroll right -19px;
}
#info_prog .tbBgBR {
	background:transparent url(../images/layout/bg_programa_bottom.png) no-repeat scroll right -32px;
	width:18px;
}
/*hacks para chorme e safari*/
body:not(:root:root) .btInput button { position: absolute; left: 193px; top: -25px; }
body:not(:root:root) .btInput { position: absolute; }
body:not(:root:root) .autorComentario { top: 10px;}
p.fale-conosco{
	position: absolute; right: 33px; top:12px;
}
p.fale-conosco span {font-size:10px;}