
html{
	background: url(../img/bg-html.gif) center top #FFF;
}

html, a:link, a:visited {
	color:#597680;
}

a:link {
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}

html, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

#td:hover{
	background:#E6E6FF;

}

body{
	background: url(../img/bg-topo.gif) repeat-x center top;
}

#pagina{
	width:770px;
	margin: 0 auto;
}

#topo-dentro{
	padding: 5px 25px;
	background: #FFF;
	background: url(../img/bg-topoppal.gif) repeat-x center top #FFF;
}

#topoppal {
	height: 60px;
}

#corpo{
	background-color: #FFF;
}

#destaque {
	padding-bottom:5px;
	background: #FFF;
}

#assinante {
	float: right;
	height: 30px;
	padding-top: 18px;
}

#barrabuscar {
	padding: 0 22px 12px 0;
}

#data {
	float: left;
	padding-top:6px;
}

#barrabuscar .form {
	float: right;
}

#esquerda {
	float: left;
	width: 175px;
	padding: 2px 25px;
	position: relative;
	background: url(../img/esquerda-bg.gif) repeat-x 0 42px;
}

#esquerda .tit-assinante-login {
	background: url(../img/enc-espacodoassinante-vermelho.gif) no-repeat;
}

#esquerda .tit-cultural-eventosatuais {
	background: url(../img/enc-relacionamento-vermelho.gif) no-repeat;
}

#esquerda .tit-assinante-login, #esquerda .tit-cultural-eventosatuais {
	display: block;
	height: 47px;
	text-indent: -1000px;
}

#esquerda .tit-assinante-login span, #esquerda .tit-cultural-eventosatuais span {
	display: none;
}

#direita {
	background: url(../img/esquerda-bg.gif) repeat-x 0 42px;
}

#conteudo{
	padding: 14px 25px 25px 0px;
}

#conteudo .fotos {
	float: left;
	margin-right: 25px;
	margin-bottom: 10px;
}

#busca {
	margin-bottom: 12px;
	height: 30px;
}

#direita{
	float: right;
	width: 545px;
}

#rodape{
	padding:28px 0px;
}

#rodape p{
	color: #808080;
	text-align: center;
	font-size: 11px;
}

#rodape p a{
	color:white;
	text-decoration: none;
}

#rodape p a:hover{
	text-decoration: underline;
}

.margem{
	height: 25px;
}

.meiamargem{
	height: 12px;
	line-height: 12px;
}

/*** EVENTOS ****/

#conteudo .materias .imagem {
	padding-right: 15px;
}

#conteudo .materias a.link {
	color: #597680;
	text-decoration: none;
}

#conteudo .eventos td p{
	margin-bottom: 0;
}

/************ TEXTOS ************/

#direita h3, .h3 {
	color: #e64e47;
	font-size: 12px;
	font-weight: bold;
	display: block;
}

#direita h4 {
	font-size: 12px;
}

#direita p {
}

h1 {
	font-size:30px;
	color: gray;
	text-transform: uppercase;
	margin-bottom: 12px;
}

#direita h2{
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: gray;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}


/*********** FORMULARIOS **************/

.input {
	background: url(../img/input-l.gif) no-repeat top left;
	float: left;
}

.input div {
	padding-left: 5px;
}

.input div div {
	background: url(../img/input-r.gif) no-repeat top right;
	padding: 0;
	padding-right: 5px;
}

.input div div input {
	border:0;
	border-bottom: 1px solid #EAECEF;
	border-top: 1px solid #EAECEF;
	padding: 7px 4px 6px 4px;
	*padding-bottom: 7px;
	*margin-top:-1px;
}

.input div div input, .textarea textarea {
	color: #6f8a93;
}

.textarea {
	background: url(../img/textarea-bg.gif) left repeat-y;
	float: left;
}

.textarea div {
	background: url(../img/textarea-bg.gif) right repeat-y;
}

.textarea div div {
	background: url(../img/textarea-bg.gif) top repeat-x;
}

.textarea div div div {
	background: url(../img/textarea-bg.gif) bottom repeat-x;
}

.textarea div div div div {
	background: url(../img/textarea-ce.gif) top left no-repeat;
}

.textarea div div div div div {
	background: url(../img/textarea-cd.gif) top right no-repeat;
}

.textarea div div div div div div {
	background: url(../img/textarea-bd.gif) bottom right no-repeat;
}

.textarea div div div div div div div {
	background: url(../img/textarea-be.gif) bottom left no-repeat;
	padding: 5px;
}

.textarea textarea {
	border: 0;
	padding: 4px;
}

.input .nocss {
	padding: 0!important;
	margin: 0!important;
}

/************* TOPO: MENUSOCIAL ***************/

#menusocial {
	float: right;
	font-size: 11px;
	padding-right: 17px;
}

#menusocial p {
	margin-top: 13px;
	color: #808080;
}

#menusocial a {
	color: white;
	text-decoration: none;
	margin: 0 7px;
}

#menusocial ul li a:hover {
	text-decoration:underline;
}

#menusocial ul{
	margin: 0;
	padding-top:12px;
	padding-bottom:12px;
}

#fones {
	float: left;
	height: 26px;
	padding-top:18px;
	padding-left: 60px;
}

/************ TOPO: AREA PRINCIPAL ***********/

#topolinha {
	background: url(../img/bg-linesuperior.jpg) no-repeat;
	overflow: hidden;
	height: 4px;
	clear: both;
}

#logomarca {
	height: 60px;
	width: 175px;
	float: left;
	display: block;
}

#logomarca a img {
}

#assinante p {
	float: left;
	line-height: 30px;
	font-size:11px;
	font-weight: bold;
}

#menuppal {
	padding-top: 20px;
	float: right;
	width: 520px;
	height: 47px;
}

#menuppal div.menu {
	position: absolute;
	margin-top: -8px;
}

.div {
	height: 1px;
	background: #ebedf0;
}

/************ LINKS ********************/

.links ul, .links li {
	padding: 0;
	margin: 0;
}

.links ul li {
	list-style: none;
	border-top: 1px solid #eef0f2;
	display: inline-block;
}

.links ul li.primeiro {
	border-top: 0;
}

.links ul li a:link, .links ul li a:visited {
	background: url(../img/vinheta-vermelho.gif) no-repeat;
	background-position: 12px 7px;
	*background-position: 12px 8px;
	color:#597680;
	text-decoration: none;
	padding: 5px 0 5px 28px;
	display: block;	
}

.links ul li a:hover {
	color: #e64e47;
	background-position: 14px 7px;
	*background-position: 14px 8px;
}

	/*** LINKUNICO ***/

.linkunico ul li, .linkunico ul li a {
	border-bottom: none;
}

.linkunico{
	padding-bottom:14px;
	margin-left:15px;
}

.colunas {
}

.colunas .coluna {
	margin-left: 25px;
	float: left;
}

.colunas .primeira {
	margin-left: 0;
}

.colunas .coluna .imagem {
	margin-bottom: 5px;
}

.colunas a.coluna {
	text-decoration: none;
}

.formulariohorizontal label {
	vertical-align: middle;
	display: -moz-inline-block;
	display: inline-block;
	padding: 5px 5px 5px 0;
	text-align: right;
}

.tabela {
}

.tabela thead td {
	padding: 3px;
	text-align: center;
}

.tabela thead td span {
	display: block;
	background: url(../img/table-th-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f0f1f2;
}

.tabela thead td span span {
	background-image: url(../img/table-th-esq.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent!important;
	padding: 0 0 0 4px;
}

.tabela thead td span span span {
	background-image: url(../img/table-th-dir.gif);
	background-position: right top;
	backgorund-repeat: no-repeat;
	background-color: transparent!important;
	padding: 7px 4px 8px 0;
}

.tabela tbody td {
	padding: 5px 8px;
	border-bottom: 1px solid;
}
.tabela tbody.primeiro td {
	padding: 5px 8px;
	border: none;
}


.paginacao {
	text-align: center;
}

.paginacao, .paginacao * {
	line-height: 31px;
	vertical-align: middle;
}

.paginacao a {
	text-decoration: none!important;

	display: -moz-inline-box;
	display: inline-block;
	
	padding: 7px 5px 8px 5px;
	*padding: 0px 5px;
	
	color: #6f8a93!important;
}

.paginacao .anterior, .paginacao .proxima {
	background: no-repeat top left;
	width: 21px;
	padding-left: 0;
	padding-right: 0;
}

.paginacao .anterior {
	margin-right: 3px;
}

.paginacao .proxima {
	margin-left: 3px;
}

.paginacao .anterior span, .paginacao .proxima span {
	display: none;
}

.paginacao strong {
	margin: 0 3px;
}

.formulario {
}

.formulario .campo {
	margin-left: 12px;
	float: left;
}

.formulario .campo .obj em {
	padding: 7px 5px 0 5px;
	*padding: 7px 3px 0 4px;
	float: left;
}

.formulario .primeiro {
	margin-left: 0;
}

.linemiddle * {
	vertical-align: middle;
}

.painel {
	background: url(../img/painel-c.gif) top #f0f1f2 repeat-x;
}

.painel .ce {
	background: url(../img/painel-ce.gif) top left no-repeat;
}

.painel .cd {
	background: url(../img/painel-cd.gif) top right no-repeat;
}

.painel .bd {
	background: url(../img/painel-bd.gif) bottom right no-repeat;
}

.painel .be {
	background: url(../img/painel-be.gif) bottom left no-repeat;
	*height: 25px;
}

.painel .painel-conteudo {
	padding: 25px;
}

/*** VERDE ***/
	
.verde #menuint-c ul li.selecionado a, .verde #menuint-c ul li a:hover {
	background: url(../img/sm-verde-c.gif) top center repeat-x #a6cd36;
	color: #FFF;
}

.verde #menuint-c ul li.selecionado a span, .verde #menuint-c ul li a:hover span {
	background: url(../img/sm-verde-dir.gif) top right no-repeat;
	background-color: transparent!important;
}

.verde #menuint-c ul li.selecionado a span span, .verde #menuint-c ul li a:hover span span {
	background: url(../img/sm-verde-esq.gif) top left no-repeat;
	background-color: transparent!important;
}

.verde .preco, .verde .paginacao strong {
	color: #a6cd36;
}

.verde .tabela tbody td {
	border-bottom-color: #ebedf0;
}

.verde .paginacao .anterior {
	background-image: url(../img/pag-verde-anterior.gif);
}

.verde .paginacao .proxima {
	background-image: url(../img/pag-verde-proxima.gif);
}

.verde .textocor, .verde #conteudo h3 {
	color: #a6cd36;
}

.verde #conteudo a, .verde .links a:hover, h3.verde {
	color: #a6cd36;
}

h3.verde {
	color: #a6cd36!important;
}

.verde .links ul li a {
	background-image: url(../img/vinheta-verde.gif)!important;
}

.verde #esquerda .tit-assinante-login {
	background: url(../img/enc-espacodoassinante-verde.gif) no-repeat;
}

.verde #esquerda .tit-cultural-eventosatuais {
	background: url(../img/enc-relacionamento-verde.gif) no-repeat;
}

/*** AZUL ***/
	
.azul #menuint-c ul li.selecionado a, .azul #menuint-c ul li a:hover {
	background: url(../img/sm-azul-c.gif) top center repeat-x #008fce;
	color: #FFF;
}

.azul #menuint-c ul li.selecionado a span, .azul #menuint-c ul li a:hover span {
	background: url(../img/sm-azul-dir.gif) top right no-repeat;
	background-color: transparent!important;
}

.azul #menuint-c ul li.selecionado a span span, .azul #menuint-c ul li a:hover span span {
	background: url(../img/sm-azul-esq.gif) top left no-repeat;
	background-color: transparent!important;
}

.azul .preco, .azul .links a:hover, .azul .paginacao strong {
	color: #008fce;
}

.azul .tabela tbody td {
	border-bottom-color: #ebedf0;
}

.azul .paginacao .anterior {
	background-image: url(../img/pag-azul-anterior.gif);
}

.azul .paginacao .proxima {
	background-image: url(../img/pag-azul-proxima.gif);
}

.azul .textocor, .azul #conteudo h3 {
	color: #008fce;
}

.azul #conteudo a {
	color: #008fce;
}

h3.azul {
	color: #008fce!important;
}

.azul .links li a {
	background-image: url(../img/vinheta-azul.gif)!important;
}

.azul #esquerda .tit-assinante-login {
	background: url(../img/enc-espacodoassinante-azul.gif) no-repeat;
}

.azul #esquerda .tit-cultural-eventosatuais {
	background: url(../img/enc-relacionamento-azul.gif) no-repeat;
}


/*** VERMELHO ***/

.vermelho #menuint-c ul li.selecionado a, .vermelho #menuint-c ul li a:hover {
	background: url(../img/sm-vermelho-c.gif) top center repeat-x #e64e47;
	color: #FFF;
}

.vermelho #menuint-c ul li.selecionado a span, .vermelho #menuint-c ul li a:hover span {
	background: url(../img/sm-vermelho-dir.gif) top right no-repeat;
	background-color: transparent!important;
}

.vermelho #menuint-c ul li.selecionado a span span, .vermelho #menuint-c ul li a:hover span span {
	background: url(../img/sm-vermelho-esq.gif) top left no-repeat;
	background-color: transparent!important;
}

.vermelho .preco, .vermelho .paginacao strong {
	color: #e64e47;
}

.vermelho .tabela tbody td {
	border-bottom-color: #ebedf0;
}

.vermelho .paginacao .anterior {
	background-image: url(../img/pag-vermelho-anterior.gif);
}

.vermelho .paginacao .proxima {
	background-image: url(../img/pag-vermelho-proxima.gif);
}

.vermelho .textocor, .vermelho .links a:hover, .vermelho #conteudo h3{
	color: #e64e47;
}

.vermelho #conteudo a, h3.vermelho {
	color: #e64e47;
}

h3.vermelho {
	color: #e64e47!important;
}

.vermelho .links li a {
	background-image: url(../img/vinheta-vermelho.gif)!important;
}

.vermelho #esquerda .tit-assinante-login {
	background: url(../img/enc-espacodoassinante-vermelho.gif) no-repeat;
}

.vermelho #esquerda .tit-cultural-eventosatuais {
	background: url(../img/enc-relacionamento-vermelho.gif) no-repeat;
}

/*** LARANJA ***/

.laranja #menuint-c ul li.selecionado a, .laranja #menuint-c ul li a:hover {
	background: url(../img/sm-laranja-c.gif) top center repeat-x #f8a519;
	color: #FFF;
}

.laranja #menuint-c ul li.selecionado a span, .laranja #menuint-c ul li a:hover span {
	background: url(../img/sm-laranja-dir.gif) top right no-repeat;
	background-color: transparent!important;
}

.laranja #menuint-c ul li.selecionado a span span, .laranja #menuint-c ul li a:hover span span {
	background: url(../img/sm-laranja-esq.gif) top left no-repeat;
	background-color: transparent!important;
}

.laranja .preco, .laranja .paginacao strong {
	color: #f8a519;
}

.laranja .tabela tbody td {
	border-bottom-color: #ebedf0;
}

.laranja .paginacao .anterior {
	background-image: url(../img/pag-laranja-anterior.gif);
}

.laranja .paginacao .proxima {
	background-image: url(../img/pag-laranja-proxima.gif);
}

.laranja .textocor, .laranja .links a:hover, .laranja #conteudo h3{
	color: #f8a519;
}

.laranja #conteudo a {
	color: #f8a519;
}

h3.laranja {
	color: #f8a519!important;
}

.laranja .links li a {
	background-image: url(../img/vinheta-laranja.gif)!important;
}

.laranja #esquerda .tit-assinante-login {
	background: url(../img/enc-espacodoassinante-laranja.gif) no-repeat;
}

.laranja #esquerda .tit-cultural-eventosatuais {
	background: url(../img/enc-relacionamento-laranja.gif) no-repeat;
}

/*** ROSA ***/
	
.rosa #menuint-c ul li.selecionado a, .rosa #menuint-c ul li a:hover {
	background: url(../img/sm-rosa-c.gif) top center repeat-x #d0568e;
	color: #FFF;
}

.rosa #menuint-c ul li.selecionado a span, .rosa #menuint-c ul li a:hover span {
	background: url(../img/sm-rosa-dir.gif) top right no-repeat;
	background-color: transparent!important;
}

.rosa #menuint-c ul li.selecionado a span span, .rosa #menuint-c ul li a:hover span span {
	background: url(../img/sm-rosa-esq.gif) top left no-repeat;
	background-color: transparent!important;
}

.rosa .preco, .rosa .paginacao strong {
	color: #a6cd36;
}

.rosa .tabela tbody td {
	border-bottom-color: #ebedf0;
}

.rosa .paginacao .anterior {
	background-image: url(../img/pag-rosa-anterior.gif);
}

.rosa .paginacao .proxima {
	background-image: url(../img/pag-rosa-proxima.gif);
}

.rosa .textocor, .rosa .links a:hover, .rosa #conteudo h3 {
	color: #d0568e;
}

.rosa #conteudo a {
	color: #d0568e;
}

h3.rosa {
	color: #d0568e!important;
}

.rosa .icotv{
	height: 96px;
	width: 96px;
	padding: 0 24px 24px 0;
	float: left;
}

.rosa #conteudo .desc-icotv h3{
	margin-bottom: 16px; 
}

.rosa #conteudo .desc-icotv{
	padding-left: 120px;
}

.rosa .links li a {
	background-image: url(../img/vinheta-rosa.gif)!important;
}

.rosa #esquerda .tit-assinante-login {
	background: url(../img/enc-espacodoassinante-rosa.gif) no-repeat;
}

.rosa #esquerda .tit-cultural-eventosatuais {
	background: url(../img/enc-relacionamento-rosa.gif) no-repeat;
}

.box_fotos {
	text-align: center;
}

.foto_album {
	padding-botton: 15px;
}


.enquete-barra {
	background: url(../img/bg-enquete-nvotado.gif) repeat-x;
	display: block;
	height: 20px;
	width: 230px;
}

.enquete-votos {
	background: url(../img/bg-enquete-votado.gif) repeat-x;
	display: block;
	height: 20px;
	width: 230px;
}