/* 
CSS por ABC Sites
Cliente	: Octavo
Autor	: Celso Furtunato

Ajuste padrão para todos os navegadores 
*/
*{	
	margin:0; padding:0; border:0; font-family:"Garamond", Georgia; font-size:13px; color:#fff;
}
html{
	height:100%;
}
body{
	 height:97.9%; background:#f2e9c6;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
h1.titulo{
	margin-bottom:20px; font-size:24px; color:#000; text-align:left;
}
p{
	text-align:left;
}
.texto-corrido, .texto-corrido *, .texto-corrido div, .texto-corrido div *{
	font-size:18px; color:#666; text-align:left
}
.texto-corrido small{
	font-size:12px; color:#000;
}
.texto-corrido a{
	color:#990000; text-decoration:underline
}
li{
	list-style:none;
}
.expansivel{
	min-height:1%; overflow:hidden; /* Expande a altura de um div cujos elementos filhos flutem */
}
.centralizado{
	margin:0 auto; width:940px; text-align:center; /* Centralida um div em relação ao seu elemento pai */
}
.fluturar-esq{
	display:inline; float:left;
}
.fluturar-dir{
	display:inline; float:right;
}
.cantos-arr{
	border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; behavior: url(css/PIE.htc);
}
.marginbottom{
	margin-bottom:18px;
}
.prelo{
	position:absolute; top:0px; left:0px; background-color: #ffda76; width:300px; height:20px; line-height:20px; font-size:15px; color:#666; text-transform:capitalize; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; behavior: url(css/PIE.htc); font-size:11px;
}

/* Elementos de diagramação do corpo da página */
.principal{
	display:block; position:relative; margin-top:20px; min-height:100%;
}
.cabecalho{

}
.conteudo{
	min-height:300px;
}
.rodape-quebra{
	height:190px; clear:both;
}
.rodape{
	position:absolute; clear:both; bottom:0px; padding-top:30px; width:100%; height:182px; background-color:#333;
}
.rodape p, .rodape p a, .rodape strong{
	font-size:16px;
}


/* Navegação */
.navegacao{
	margin:71px 0px 18px; border-width:3px 0px; border-color:#e1dabd; border-style:solid; padding-bottom:7px;
}
.navegacao table{
	border-collapse:collapse; display:table; width:100%;
}
.navegacao a{
	font-size:24px; font-weight:bold; color:#7d7d7d; line-height:30px;
}
.navegacao a.ativo{
	color:#000;
}


/* Elemento que comporá a lista de obras */
.obras{
	margin:0px 0px 20px; clear:both
}
.obras li{
	margin:0px 20px 20px 0px;
}
.obras li.sem-margin{
	margin-right:0px !important;
}
.obras .capa{
	margin-bottom:18px; width:300px; height:351px; background-color:#e2e2e2; 
}
.obras .capa img{
	margin-top:18px; width:208px; max-height:314px;
}
.obras .capa p{
	display:none;
}
.obras .distribuidores p{
	display:block;
}
.obras .detalhes{
	width:300px; height:72px; padding:9px 0px; background-color:#959595;
}
.obras .detalhes h2, .obras .detalhes p{
	text-align:center;
}
.obras .detalhes h2{
	width:100%; height:26px; font-size:22px; font-weight:normal; font-style:italic; overflow:hidden;
}
.obras .detalhes p{
	font-size:18px; font-weight:bold;
}
.obras .detalhes a{
	display:inline-block; margin-top:2px; width:21px; height:28px; background:url(../midia/imagens/botao-mais.gif) no-repeat;
}
.obras .detalhes a:hover{
	background-position:-21px 0px;
}


/* Elementos para a página distribuidores */
.obras .distribuidores{
	margin-bottom:18px; padding:20px; width:260px; height:311px; background-color:#e2e2e2; 
}
.obras .distribuidores h1{
	margin-bottom:10px; display:block; font-size:18px; font-weight:bold; text-align:left; color:#000;
}
.obras .distribuidores p, .obras .distribuidores p strong{
	font-size:16px; color:#666;
}
.obras .distribuidores p.site{
	margin-top:20px;
}
.obras .distribuidores p.site a{
	font-size:16px; color:#000; text-decoration:underline
}


/* Classes da seção livros */
.livros{
	margin-bottom:38px; clear:both;
}
.livros div.imagem{
	padding:18px 0px; width:300px; height:317px; background-color:#e2e2e2;
}
.livros div.imagem img{
	width:208px; max-height:314px;
}
.livros div.detalhes{
	padding:10px; width:600px; height:333px; background-color:#e2e2e2;
}
.livros div.detalhes p, .livros div.detalhes p *, .livros div.detalhes div, .livros div.detalhes div *{
	font-size:16px; color:#666; text-align:left
}
.livros div.sinopse{
	 margin:18px 0px; padding:10px; width:600px; height:330px; background-color:#999999;
}
.livros div.sinopse p, .livros div.sinopse p *, .livros div.sinopse div, .livros div.sinopse div *, .livros div.sinopse h2{
	font-size:18px; color:#fff; text-align:left
}
.livros div.sinopse h2{
	margin-bottom:20px; font-size:24px;
}
.livros div.autor{
	 margin:18px 0px; padding:10px; width:280px; height:330px; background-color:#999999;
}
.livros div.autor p, .livros div.autor p *, .livros div.autor div, .livros div.autor div *, .livros div.autor h2{
	font-size:14px; color:#fff; text-align:left
}
.livros div.autor h2{
	font-size:18px;
}
.livros div.download{
	width:300px; height:75px; background-color:#990000;
}
.livros div.download a{
	display:block; margin:10px 36px 0px; height:54px; background:url(../midia/imagens/botao-download.gif) no-repeat left 2px; font-size:12px; font-weight:bold; line-height:52px; text-indent:50px;
}
.livros div.download a:hover{
	background-position:left -52px;
}
.livros div.controles{
	padding:10px; width:600px; height:55px; background-color:#333333;
}
.livros div.controles ul{
	display:block; width:100%;
}
.livros div.controles a{
	display:block; background-repeat:no-repeat; text-indent:-1000px; overflow:hidden;
}
.livros div.controles a.retornar{
	width:53px; height:52px; background-image:url(../midia/imagens/botao-anterior.gif);
}
.livros div.controles a.retornar:hover{
	background-position:0px -52px;
}
.livros div.controles a.voltar{
	margin-top:5px; width:39px; height:47px; background-image:url(../midia/imagens/botao-voltar.gif);
}
.livros div.controles a.voltar:hover{
	background-position:0px -47px;
}
.livros div.controles a.avancar{
	width:58px; height:56px; background-image:url(../midia/imagens/botao-avancar.gif);
}
.livros div.controles a.avancar:hover{
	background-position:0px -56px;
}


/* Classes da seção notícias */
.noticias{
	padding:10px; width:230px; min-height:330px; background-color:#e2e2e2;
}
.noticias li{
	margin-bottom:10px; text-align:left;
}
.noticias li a{
	font-size:16px; color:#666;
}
.noticias li a:hover{
	text-decoration:none; color:#000;
}
.noticias li a.ativo{
	color:#000;
}
.noticias li a span{
	display:block; font-size:12px; color:#333333
}
.noticia-corpo{
	width:660px;
}