/*
http://www.abbaosasco.org.br
Autor: Joede Cruciti - joede.cruciti@gmail.com
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #E3E3E6 url(../images/img01.gif) repeat-x;
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #88888A;
}

h1, h2, h3 {
	color: #313131;
}

h1 {
	margin-bottom: .5em;
	font-size: 182%;
	font-weight: normal;
	letter-spacing: -2px;
}

h2 {
	margin-bottom: .2em;
	padding-bottom: .3em;
	font-size: 170%;
	font-weight: normal;
	letter-spacing: -1px;
	border-bottom:1px solid #000;
}

h3 {
	font-size: 130%;
	font-weight: bold;
}

h4 {
	color:#666;
	font-size: 88%;
	font-weight: normal;
}

h5 {
	font-size: 120%;
	font-weight: bold;
}

#page p, #page blockquote, #page ol, #page ul {
	margin-bottom: 1.5em;
	line-height: 167%;
	font-size: 107%;
}

#page blockquote, #page ol, #page ul {text-align: justify;}

p {text-align: left;}

blockquote {
	margin-left: 2em;
}

#page ol {
	margin-left: 2em;
}

#page ul {
	list-style: none;
}

#page ul li.square {
	padding-left: 1em;
	background: url(../images/img07.gif) no-repeat left center;
}

a {
	text-decoration: none;
	color: #313131;
}

a:hover {
	text-decoration: underline;
	color: #447dc0;
}

/* Recordset vazio */
.nenhum-registro {
	height:24px;
	margin:3px 0 3px 3px;
	padding:3px 0 5px 20px;
	color:#993300;
	background:url(../images/icones/exclamation.png) no-repeat;
    background-position:center left;
}

/* Menu */

#menu {
	z-index:1000;
	width: 740px;
	height: 60px;
	margin: 0 auto;
	border-left: 20px solid #447dc0;
}

#menu a.first {
	display: block;
	float: left;
	height: 39px;
	padding: 20px 20px 0 20px;
	color:#13a;	
	font-size: 100%;
	font-weight: bold;
	border:0;
}

#menu a:hover {
	background: #447dc0;
	text-decoration: none;
	color: #FFFFFF;
}

#menu b {
	text-decoration: underline;
}

/* Logo */

#topo {
	width: 760px;
	height: 180px;
	margin: 0 auto;
	background:url(../images/back02.jpg) repeat-y #010100;
	background-position: left center;
}

#logo {
	position:relative;
	padding:0;
	float:right;
	margin:0;
}

#logo h1{
	width:133px;
	height:135px;
	margin:23px 10px 0 0;
	text-indent:-5000px;
	display:block;
	overflow:hidden;
	border:0;
	background:url(../images/logo_abba.png) no-repeat center top;
}

/* Page */

#page {
	width: 760px;
	margin: 0 auto;
	background: url(../images/img03.gif) repeat-y;
}

/* Content */

#content {
	float: left;
	width: 440px;
	padding: 20px 30px 20px 50px;
}

#internal-content {
	float: left;
	width: 439px;
	padding: 20px 30px 0 30px;
	background:#FFF;
	border-left: 20px solid #447dc0;
	color:#000;
	min-height:260px;
}

#internal-content #texto ul, #descricao ul {
	margin-left: 2em;
	list-style: disc;
}

.floating-box {
	float: left;
	width: 210px;
}

.floating-box a{
	color:#000;
}

.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
	line-height: 144%;
	font-size: 92%;
}

.floating-box img {
	border: 5px solid #FFFFFF;
}

/* Redimensionar Fonte */
#font-size-box {
	float:right;
	position:relative;
	margin:1px 0; 
	width:95px; 
	display:inline
} 

#font-size-box .tamanho-letra {
	color:#666;
	font-family:Tahoma, Arial;
	font-size:63%;
	min-width:20px;
	text-align:right;
	width:4.5em;
	margin-left:.7em;
} 

#font-size-box ul {
	padding:0;
	list-style-type:none;
	display:inline;
}

#font-size-box li {
	border:solid 1px #CCC;
	float:left;
	font-weight:bold;
	height:1.92em;
	line-height:1.92em;
	margin-left:0.33em;
	min-height:23px;
	min-width:28px;
	text-align:center;
	width:2.33em
} 

#font-size-box .letra-menor a {
	color:#447dc0 !important;
	font-size:0.915em
}

#font-size-box .letra-maior a {
	color:#447dc0 !important;
	font-size:1.085em
}

/* Toolbar */

/* Recomendar Matéria*/
/*

/* Bookmarks */
#toolbar{
	width:430px;
}

#toolbar a{
	text-decoration: none;
	color:#993300;
}

#toolbar a:hover{color: #00639D;}

#tollbar #compartilhe li.google img, #tollbar #compartilhe li.yahoo img, 
#tollbar #compartilhe li.live img, #tollbar #compartilhe li.digg img,
#tollbar #compartilhe li.facebook img, #tollbar #compartilhe li.deli img,
#tollbar #compartilhe li.netvibes img, #tollbar #compartilhe li.re6 img,
#tollbar #compartilhe li.technorati img, #tollbar #compartilhe li.twitter img,
#tollbar #compartilhe li.linkk img, #tollbar #compartilhe li.blogblogs img
{
	text-indent:-1900px;
	overflow:hidden; 
	width:17px;
	height:16px;
	display:block;
	border: none;
}

#toolbar ul{
	margin:10px 10px 10px 10px;
	padding:0px 10px 0px 10px;
	list-style:none;
	display:inline;	
}

ul.bar li {padding-right:10px;}

ul.bar li a:hover { text-decoration:underline; }

#toolbar {
	position:relative;
	overflow:hidden;
	margin-top: 10px;
	margin-bottom:10px;
	border-top:#EEE 1px solid;
	border-bottom:#EEE 1px solid;
	width: 440px;
}

#toolbar a {
	margin-left:7px;
	color: #000;
	font-size:11px;
	line-height:20px;
	cursor:pointer;
}

#toolbar a:hover {
	text-decoration:underline;
	color: #000;
}

#toolbar li {
	font-size:11px;
	margin-left:0px;
	margin-top: 5px;
	display:inline;	
}

* html #toolbar li {
	margin-top: 6px;
}

#toolbar img {
	border: none;
	vertical-align:middle;
}

#toolbar ul#compartilhe{
	display:none; 
	width:100%;
}

#toolbar ul#compartilhe li{
	margin:5px 15px 5px 0;
}

/* Imagem das matérias*/

div.img-destaque{
	position:relative;
	float:left;
	border:0;
	margin:0;
	padding:10px 13px 3px 0;
}

div.img-destaque img{
	max-width:440px;
	border: 1px solid #40361B;
	padding:3px;		
}



/* Sidebar */

#sidebar {
	float: right;
	width: 200px;
	padding: 20px;
}

#sidebar h2 {
	letter-spacing: normal;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 19px 0;
	padding: 0 0 7px 0;
	border-bottom: #C7C7C7 1px dashed;
}

#sidebar blockquote {
	margin-left: 0;
	padding-left: 1em;
	background: url(../images/img09.gif) no-repeat right bottom;
	border-left: 5px solid #447dc0;
}

#sidebar blockquote p {
	color:#000;
	text-align: left;
	line-height: normal;
	font-style: italic;
}

#mensagens {}

#mensagens ul, #eventos ul {
	background: url(../images/img04.gif) repeat-x left bottom;
}

#mensagens ul li.item, #eventos ul li.item {
	text-align:left;
	padding: 5px 0;
	background: url(../images/img04.gif) repeat-x left top;
}

#sidebar #mensagens ul li.first-item {
	text-align:left;
	padding:0;
}

#mensagens a, #mensagens span, #eventos ul li.item a {
	padding-left: 1em;
	background: url(../images/img08.gif) no-repeat left center;
	color: #000;
}

/* Painel de Destaques */

#panel {
	padding-bottom: 1px;
	background: url(../images/img04.gif) repeat-x left bottom;
}

#slider{
	position:relative;
	margin:0 0 20px 0;
	padding:0;
	display:inline;
	float:left;
	width:435px;	
	height:198px;
	border: 5px solid #FFF;
}

#panel #slider h3 {
	font-size:1.8em; 
	font-weight:normal; 
	margin:0 2px 2px 5px; 
	padding:0; 
	text-transform: uppercase;
}

#panel #slider a {
	color:#fff; 
	text-decoration:none;
}

#panel #slider p {
	float:left; 
	text-align:left; 
	color:#fff; 
	font-size:1.1em; 
	font-weight:normal; 
	margin:0 2px 2px 5px; 
	padding:0; 
}

.scroll { 
	height: 198px; 
	width: 435px; 
	overflow: hidden; /*overflow-x: hidden;*/ 
	position: relative; 
	clear: left;
}

.scrollContainer {}

.scrollContainer .panel { 
	position:relative; 
	float:left; 
}

.scrollContainer .panel span { 
	float:left;
	width:420px;
	color:#FFF; 
	font-weight:bold; 
	font-size:1.1em; 
	text-align:left;  
	margin:0 2px 2px 5px; 
	padding:0; 
	text-transform: uppercase;
}

.scrollContainer .panel strong {
	text-align:left; 
	display:block; 
	padding: 0; 
	font-weight:normal; 
	font-size:2em; 
	color:#FFFFFF;
}

ul.navigation {
	list-style: none; 
	margin: 0; 
	padding: 0; 
	position:absolute; 
	z-index:500; 
	right:48px; 
	top:4px;
}

ul.navigation li {
	width:16px;
	height:20px;
	float:left;
	margin-right:5px;
	overflow:hidden;
}

ul.navigation li a {
	height:18px;
	line-height:18px;
	color:#fff !important;
	margin-top:4px;
	padding:0 5px;
	text-decoration:none;
	font-size:70%;
	font-weight:bold;
	background-color:#666;
}

ul.navigation a:hover { background-color: #999;}

ul.navigation a.selected { background-color: #c00; }

ul.navigation a:focus { outline: none;}

.scrollButtons {
	display:block; 
	position: absolute; 
	top: 7px; 
	cursor: pointer; 
	z-index:600;
}
.scrollButtons.left { right: 30px;}
.scrollButtons.right { right: 10px;}

.hide { display: none!important;}

.panel div { 
	position:absolute; 
	top:110px; 
	padding:10px; 
	background: transparent url(../images/bg_grey-trans.png); 
	width:540px;
}

.panel img {border:0;}

/* Agenda de Eventos */
#eventos ul li .data{
	position:absolute;
	float:left;
	margin-right:3px;
	background:url(../images/calendar-back.gif) no-repeat;
}

#eventos ul li .dia{
	width:40px;
	line-height:23px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}

#eventos ul li .mes{
	width:40px;
	line-height:12px;
	padding-bottom:4px;
	margin-bottom:10px;
	text-align:center;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	color:#fff;
}

#eventos ul li{
	margin-bottom:1.5em;
}

#eventos ul li .titulo{
	line-height:1.1em;
	margin:0;
	padding:0 0 0.5em 3.2em;
}

#eventos ul li .titulo{
	letter-spacing: normal;
	text-align:left;
	font-size:14px;
	color:#333;
}

/* Agenda Semanal */
#sidebar #agenda ul{
	margin-left: 0;
	padding-left: 1em;
	border-left: 5px solid #447dc0;
}

#sidebar #agenda ul li{
	margin-bottom:0.1em;
	text-align:left;
	color:#000;
}

/* Novo nro. de Telefone */
#telefone li{
	text-align:left;
	color:#000;
}

/* Twitter*/
#twitter img{ 
	margin: 0 0 0 25px; 
	vertical-align: middle; 
	border: none; 
}

/* Páginas internas*/
#content{color:#000;}

#internal-content ul li.item {
	text-align:left;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	border-bottom:1px solid #CCC;
}

#paginacao{
	float:left;
	margin:0 0 0 200px;	
}
/*
#back-left{
	float:left;
	margin-top:30px;
}
*/
/* Formulario de Contato e indicação de matéria  */

.formulario label{
	width: 75px;
	float: left;
	display: block;
}

.formulario-popin label{
	width: 150px;
	float: left;
	display: block;
}

.formulario input, .formulario textarea,
.formulario-popin input, .formulario-popin textarea{
	border: 1px solid #CFCFCF;
	margin-bottom: 10px;
	color: #000;
}

.formulario ul, .formulario-popin ul {
	list-style-type:none;
	margin: 0 0 0 5px;
	padding:0;
}

.btnEnviar{
	width:70px;
	border: 1px solid #447dc0;
	background: #CFCFCF;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #666666;
}

#read-more{
	position:relative;
	float:left;
	width:430px;
}

/* Popup Recomenda Artigo*/

#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000;
	border:1px solid #cecece;
	z-index:1;
}
#popupContact{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:384px;
	width:408px;
	background:#FFFFFF;
	border:2px solid #cecece;
	z-index:2;
	padding:12px;
	font-size:13px;
}

#popupContactClose{
	cursor:pointer;	
	font-size:20px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
}
/* Tabela de Eventos*/

table.table-data{ 
	margin: 1em 1px; 
	width: 99%; font-size: 1em; 
	border-collapse: collapse; 
	border: 1px solid #E5E5E5; 
}

table.table-data th{ 
	background-color: #EFEFEF; 
	color: #000; 
	font-weight: bold; 
	padding: 0.4em; text-align: 
	left; border-bottom: 1px solid #e5e5e5; 
	border-right: 1px solid #E5E5E5;  
}

table.table-data th img{ 
	margin: 0 0 5px 5px; 
	vertical-align: middle; 
	border: none; 
}

table.table-data td{ 
	padding: 0.4em; 
	border-bottom: 1px solid #e5e5e5; 
	border-right: 1px solid #E5E5E5; 
	vertical-align: top; 
}

tr td.lead {
	padding: 8px 5px;
	background: #fff;
}

table.table-data td.even{ background: #F4F4F4; }

table.table-data tr:hover td{ background: #F8F8F8 }

#table-data{
	margin:1px;
	padding:0;
	width:430px;
	border: 1px solid #010100;
}

#table-data th{
	background-color:#447dc0;
	font-weight: bold;
	text-align: left;
	color:#FFF;
}

#table-data tr td.even{background: #cbcbcb;}

#table-data tr td.lead{background: #FFF;}

/* Galeria de fotos */
dl.thumbnails 	{
	width: 150px;
	text-align: left;
	padding:0;
	float: left;
	margin-right: 1em;
	margin-top: 20px;
	height:130px;
}

.thumbnails dt {
	float: left;
	color:#40361B;
	font-size:70%;
	font-weight: bold;
}

.thumbnails dt a{
	text-decoration:none;
	color:#40361B;
	font-size:100%;
	font-weight: bold;
}

.thumbnails dt img {
	padding:3px;		
	border:0;
	cursor:pointer;
}

.thumbnails dd {
	color:#40361B;
	font-size:70%;
	float:left;	
	text-align:left;	
	font-weight:normal;	
	width:164px;
	margin:0;	
	padding: 0;
}

/* Footer */
#footer {
	height: 50px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#footer .wrapper {
	width: 760px;
	margin: 0 auto;
}

#footer #address {
	margin-top: 0;
	float: left;
	width: 500px;
	height: 50px;
	background: #FFFFFF;
	border-left: 20px solid #010100;
}

#footer #address address{
	float: left;
	padding: 3px 15px 0 15px;
	font-size: 85%;
	font-style:normal;
	color:#000;
}

#footer .legal {
	float: right;
	width: 220px;
	height: 34px;
	margin: 0 auto;
	padding: 16px 20px 0 0;
	background: #447dc0;
	text-align: right;
	font-size: 85%;
	color: #FFFFFF;
}

#footer .legal a{
	color:#FFF;
}

/* Formatação Mensagens */

p.erro, .atencao, .sucesso{
	margin:1px 0 3px 3px;
	padding-left:25px;
	color:#000;
	text-align:left;
	font-size:100%;
	font-weight:bold;
	background:transparent url(../images/icones/error.png) no-repeat;
    background-position:top left;
}

/* Erro*/
p.erro{
	background:transparent url(../images/icones/exclamation.png) no-repeat;
}

/* Sucesso */
.sucesso{
	background:transparent url(../images/icones/success.png) no-repeat;
}

/* Atenção*/
p.atencao{
	background:transparent url(../images/icones/error.png) no-repeat;
}