﻿#principal h4 {
	color: #DFD8C7;
	font-size: 1.4em;
	margin: 0 5px 3px;
}

/********************
Destaques
********************/
#destaques {
	width: 580px;
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 0px;
}

/*Start Tabs css */
.ui-tabs-hide { display: none; } /* esconde conteudos de outras tabs */

.ui-tabs-nav { margin: 0px; padding: 0px; }

#destaques .ui-tabs-nav li {
	float: left;
	margin-right: 1px;
	list-style:none;
	background-image: none;
}

#destaques .ui-tabs-nav a {
	display: block;
	margin-top: 2px;
	width: 91px;
	padding: 6px 3px 6px 2px;
	color:#000000;
	background: url(../../images/tab.jpg) no-repeat;
	text-align: center;
	text-decoration: none;
}
* html #destaques .ui-tabs-nav a { display: inline-block; }

#destaques li.ui-tabs-selected a {
	width: 91px;
	margin: 0px;
	padding: 7px 3px 7px 2px;
	color: #000000;
	background: url(../../images/tab.jpg) no-repeat;
	text-align: center;
	text-decoration: none;
}

#destaques .ui-tabs-nav a:hover {
width: 91px;
	margin: 0;
	color: #000000;
	padding: 7px 3px 7px 2px;
}
#destaques li.ui-tabs-selected a { cursor: default;}
/*End Tabs CSS */

#destaques div {
	padding: 14px 10px;
	background: url(../../images/info-bg.jpg) repeat-x;
	color: #ffffff;
	border: 1px solid #DBDBDB;
}

#destaques p{
color: #000;
}

#destaques div * { color: #271F18; }

	/********************
	Aba Destaque
	********************/
	#destaques #destaque {
		padding: 10px;
	}
	#destaque a {
		display: block;
		height: 100%;
	}
	#destaques #destaque img {
		float: none;
		margin: 0;
		border: none;
	}
	/********************
	Fim: Aba Destaque
	********************/
/********************
Fim: Destaques
********************/


/********************
Outras abas + Artigos + Álbum de Fotos
********************/
#destaques div img, #artigos div img, #fotos div img {
	float: left;
	margin-right: 15px;

}

#destaques h2, #artigos h2, #fotos h2 {
	line-height: 1.7em;
	margin-bottom: 8px;
}
#destaques h2 a, #artigos h2 a, #fotos h2 a { font-size: 1.7em; }

#destaques p, #artigos p, #fotos p { margin-bottom: 20px; }

#destaques div ul, #artigos div ul, #fotos div ul { float: left; }

#destaques div li, #artigos div li, #fotos div li {
	margin-bottom: 5px;
	padding-left: 11px;
	background: url(../images/bullet-marrom.gif) no-repeat 0 6px;
}
* html #destaques div li { margin-bottom: -10px; }
* html #artigos div li { margin-bottom: -10px; }

#destaques div li a, #artigos div li a, #fotos div li a { font-weight: bold; }
#destaques div li span, #artigos div li span { display: block; }

#destaques div a:hover, #artigos div a:hover, #fotos div a:hover { text-decoration: underline; }
/********************
Outras abas + Artigos + Álbum de Fotos
********************/


#artigos, #testemunhos, #colunistas, #fotos {
	position: relative;
	margin-bottom: 7px;
	padding-bottom: 9px;
	overflow: hidden;
	background: url(../images/rasgado-maior.png) no-repeat bottom;
}

.mais {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 10px 4px 21px;
	background: #271F18 url(../images/bullet-laranja.gif) no-repeat 10px 50%;
}
.mais:hover {
	color: #DFD8C7;
	background-color: #000;
}

/********************
Artigos + Álbum de Fotos
********************/
#artigos div, #fotos div {
	height: 202px;
	padding: 10px;
	border: 10px solid #271F18;
}

#artigos h2 a, #artigos p, #fotos h2 a, #fotos p { color: #FCFCFC; }

#artigos div li, #fotos div li { background-image: url(../images/bullet-laranja.gif); }

#artigos ul *, #fotos ul * { color: #A29790; }
/********************
Fim: Artigos + Álbum de Fotos
********************/

/********************
Álbum de Fotos
********************/
#fotos { clear: both; }
#fotos div {
	height: 173px;
	overflow: hidden;
}
#fotos h2 a { font-size: 1.4em; }
#fotos ul.gallery li { padding: 0; }
#fotos a:hover img { border-color: #000; }
/********************
Fim: Álbum de Fotos
********************/


/********************
Testemunhos  + Colunistas
********************/
.list {
	float: left;
	width: 237px;
}
#colunistas { float: right; }

.list * { color: #A29790; }

.list ul {
	padding: 0 5px;
	border: 10px solid #271F18;
}

.list a:hover {
	color: #B5ACA6;
	text-decoration: underline;
}

	/********************
	Testemunhos
	********************/
	#testemunhos ul {
		padding: 3px 5px 5px;
		border-bottom: 0;
	}
	
	#testemunhos li {
		padding: 8px 5px 12px;
		border-bottom: 1px solid #000;
	}
	#testemunhos li.last {
		padding: 12px 5px 8px;
		border-bottom: none;
		border-top: 1px solid #443D39;
	}
	
	#testemunhos strong {
		display: block;
		margin-bottom: 7px;
	}
	
	#testemunhos span {
		font-weight: normal;
		display: block;
	}
	
	#testemunhos .envie {
		color: #7d6d64;
		display: block;
		padding: 5px 16px;
		border: 10px solid #271F18;
		border-width: 5px 10px 0;
		background: #271F18 url(../images/bullet-laranja.gif) no-repeat 5px 50%;
	}
	* html #testemunhos .envie {
		text-indent: 9px;
		background-position: 15px 60%;
	}
	*+html #testemunhos .envie { background-position: 15px 60%; }

	#testemunhos .envie:hover {
		color: #DFD8C7;
		text-decoration: none;
		background-color: #000;
	}
	/********************
	Testemunhos
	********************/

	/********************
	Colunistas
	********************/
	#colunistas ul { padding: 5px; }
	
	#colunistas li { margin-bottom: 6px; }
	#colunistas li.last { margin: 0; }
	
	#colunistas img {
		float: left;
		margin-right: 7px;
		border: 3px solid #271F18;
	}

	#colunistas h5 { padding: 3px 0 7px; }
	
	#colunistas h5 a {
		color: #DBD9D8;
		font-size: 1.1em;
	}
	#colunistas h5 a:hover { color: #FFF; }
	/********************
	Colunistas
	********************/
/********************
Fim: Testemunhos  + Colunistas
********************/