/****************************************************
 NOVO CSS 
*****************************************************/

/* ESTRUTURA GERAL */
* { margin: 0 } /* zerando a margem de todas as tags */

body { 
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif; 
} 

#geral { height: 100%; }
#conteudo {height: 76%; }


p { margin: 0; !important } /* definindo a margem dos parágrafos */

#lateral, #conteudo, #menu, #rodape, #topo {
	font: 10px Verdana, Tahoma, Arial; /* Definindo a fonte Verdana com tamanho 10px para as divs #lateral, #conteudo, #menu, #rodape, #topo */
}

#geral, #menu, #lateral { background-color: #fff; } 

#topo {
	background-color: #E26C29; /* definido cor de background para o topo */
	background-image: url(imagem/topo/fundo_topo22.jpg);
	background-repeat:repeat-x;
	height: 95px; /* definindo altura de 95px */
}

#menu, #lateral {
	width: 157px; 
	padding: 5px; 
}

#menu { float: left; } /* definindo que o #menu fique colado à esquerda dentro do div #geral */

#lateral { float: right; } /* definindo que o #lateral fique colado à direita dentro do div #geral */

html>body #menu, html>body #lateral { width: 150px; } /* hack para q o FF, Opera, etc deixem o tamanho correto do layout, pois não colocando ele adicionaria + 20px aos 150px das divs, totalizando 170px, que iria bagunçar o layout */

#conteudo {
	background-color: #FFF; /* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
	margin: 0 157px; /* definindo um valor de 150px para a margem esquerda do #conteudo */
	padding: 10px; /* definindo 10px de padding */
	
}

/*****************************************************
 TOPO 
*****************************************************/
#topo, p, .logo {
text-align: left;
}
#topo, .imgdir {
text-align: right;
}

#topo h1 {
width: 254px;
height:95px;
margin: 0;
float: left;
text-align:left;
background-image:url(imagem/topo/logo.jpg);
background-repeat:no-repeat;
}
#topo h1 a {
width: 254px;
height:95px;
display:block;
}
#topo p {
width: 464px;
height: 95px;
margin: 0;
float: right;
background-image:url(imagem/topo/topo_dir.jpg);
background-repeat:no-repeat;
text-indent:-9000px;
overflow: hidden;
}


/*****************************************************
 RODAPE 
*****************************************************/
#rodape {
background-color: #000; /* definido cor de background */
background-image:url(imagem/rodape/bg_rodape.gif);
background-repeat:repeat-x;
height: 66px; /* definindo altura de 66px */
clear: both;  /* não permitindo que objetos "flutuantes" obstruam o rodapé. */
vertical-align: bottom;
}
#imgrod {
background-image: url(imagem/rodape/bg_rodape_pr.jpg);
background-repeat:no-repeat;
background-position:left;
width: 612px;
height: 66px;
float: left;
}

.webi {
width: 118px;
float: right;
padding: 0;
margin: 20px 0 0 0;
right: 0;
}
#navcontainer {
margin-top: 15px;
padding-left: 5px;
color: #fff;
}

#navlist li {
display: inline;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
}

#navlist li a {
padding: 50px 3px 3px 3px;
color: #fff;
text-decoration: underline;
}

.textrod {
font-size: 10px;
color: #fff;
padding-top: 15px;
padding-left: 5px;
}

.right {
float: right;
}
.left {
float: left;
}

/*****************************************************
 MENU ESQUERDO 
*****************************************************/
#topicos {
width: 150px;
background-color: #FFE0C1;
vertical-align: top;
text-align: left;
font: 10px Verdana, Tahoma, Arial;
margin-bottom: 5px;
background-image: url(imagem/titulos/inf_esquerda.gif);
background-position: bottom;
background-repeat:no-repeat;
padding-bottom: 5px;
}
#ptexto {
padding: 3px;
}
/*****************************************************
 MENU DIREITO 
*****************************************************/
#direita {
width: 150px;
margin-bottom: 5px;
}



/*****************************************************
 CONTEÚDO
*****************************************************/
h5 {
color: #FF0000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
height: 23px;
margin: 5px 0 0 0;
padding: 4px 0 0 30px;
background-color: #F3F3F3;
background-image:url(imagem/outras/bg_titulos.gif);
background-position:left;
background-repeat:no-repeat;
text-transform:uppercase;
}

html>body h5 {
height: 20px;
margin: 5px 0 0 0;
padding: 4px 0 0 30px;
}
#lancamentos {
width: 100%;
padding: 10px 0 0 0;
display: table-cell;
}
#aviso {
width: 150px;
text-align: justify;
padding: 2px;
background-color: #B52B2B;
color: fff;
font-size: 10px;
}
#formAviso {
width: 150px;
text-align: justify;
padding: 2px;
font-size: 10px;
background-color:#FFE6CC;
}
#left_col {
width: 25%;
text-align: left;
float: left;
}
#right_col {
right: 0;
float: right;
}
.img_left {
width: 150px;
float: left;
}
.participe {
padding: 6px;
margin: 10px 3px 3px 3px;
background: #EEEEEE;
color: #000;
font-weight: bold;
font-size: 12px;
}

#maisespaco {
padding: 0 0 10px 5px;
}

.bgcinza {
background-color: #F3F3F3;
}

#nav {
width: 108px;
height: 20px;
background-image:url(imagem/outras/bg_nav.gif);
background-repeat:no-repeat;
text-align: center;
margin-top: 5px;
}

/*****************************************************
 TITULOS
*****************************************************/
h2 {
font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FF0000;
}
h1 {
font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #000;
}
h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000;
}
h3 a {
text-decoration: underline;
color: #FF0000;
}


/* Tópicos */
h3, .recomendamos {
width: 150px;
height: 24px;
background-image:url(imagem/titulos/tit_recomendamos.jpg);
background-repeat:no-repeat;
text-indent:-9000px;
overflow:hidden;
}
h3, .pesquisa {
width: 150px;
height: 24px;
background-image:url(imagem/titulos/tit_pesquisa.jpg);
background-repeat:no-repeat;
text-indent:-9000px;
overflow:hidden;
}
h3, .maisvendidos {
width: 150px;
height: 24px;
background-image:url(imagem/titulos/tit_maisvendidos.jpg);
background-repeat:no-repeat;
text-indent:-9000px;
overflow:hidden;
}
h3, .noticias {
width: 150px;
height: 24px;
background-image:url(imagem/titulos/tit_noticias.jpg);
background-repeat:no-repeat;
text-indent:-9000px;
overflow:hidden;
}
h3, .informativo {
width: 150px;
height: 24px;
background-image:url(imagem/titulos/tit_informativo.jpg);
background-repeat:no-repeat;
text-indent:-9000px;
overflow:hidden;
}


/* Fim dos tópicos */


small {
color: #333;
font-size: 10px;
}
.baixo {
margin-top: 20px;
text-align:center;
}

#catalogoo {
width: 210px;
height: 93px;
vertical-align: middle;
background-image:url(imagem/outras/bg_catalogo3.gif);
background-repeat:no-repeat;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight:bold;
color: #fff;
text-align: center;
}


#catalogoo2 {
width: 210px;
height: 93px;
vertical-align: middle;
background-image:url(imagem/outras/bg_catalogo3.gif);
background-repeat:no-repeat;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight:bold;
color: #fff;
text-align: center;
}
a.catal:link, a.catal:visited, a.catal:active {
padding: 35px 0 0 0;
width: 210px;
height: 93px;
color: #fff;
text-decoration: none;
}
a.catal:hover {
width: 210px;
height: 93px;
color: #FFFFCC;
text-decoration: none;
background-image:url(imagem/outras/bg_catalogo33.gif);
background-repeat:no-repeat;
}

#entrada {
height: 16px;
background-color:#EFEFEF;
font-size:10px;
padding: 0 3px;
}

#vejamais a {
background-image:url(imagem/outras/ico_mais.gif);
background-repeat: no-repeat;
background-position: left;
background-color: #FFEAD5;
width:70px;
padding-left: 14px;
text-decoration: none;
text-align: right;
}
#vejamais a:hover{
background-color:#fff;
text-decoration: none;
}

.bordaCinza {
border: 1px solid #ccc;
}
.bordaBottom {
border-bottom:1px solid #DBDBDB; 
}
.bordaRight {
border: 1px solid #E8E8E8;
padding-top: 5px;
}
.bordaLivros {
border-top:1px solid #DBDBDB;
border-left:1px solid #DBDBDB;
}
.bd_direita {
border-right:1px solid #DBDBDB;
border-bottom:1px solid #DBDBDB; 
}

.ficha {
font-size: 9pt;
font-weight: bold;
padding-left: 5px;
}
.fonte12 {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.bordaIMG {
border: 1px solid #000;
}


/****************************************************
 CSS ANTIGO 
*****************************************************/
.form { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-RIGHT: medium none; BORDER-TOP: medium none; COLOR: #000000; TEXT-DECORATION: none ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.titulo_verm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
.FAviso {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
.FPadrao {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.Ldentro { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-RIGHT: medium none; BORDER-TOP: medium none; COLOR: #333333; TEXT-DECORATION: underline; font: 12px Verdana, Arial, Helvetica, sans-serif}
.Ldentro:hover { color: #666666; text-decoration: underline; font: 12px Verdana, Arial, Helvetica, sans-serif}
.Llateral {
BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-RIGHT: medium none; BORDER-TOP: medium none; COLOR: #000000; TEXT-DECORATION: none; font: 11px Verdana, Arial, Helvetica, sans-serif
}
.Llateral:hover {
color: #0066CC; text-decoration: underline; font: 11px Verdana, Arial, Helvetica, sans-serif
}
.formAdm {
	COLOR: #000000;
	TEXT-DECORATION: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #f7f7f7; 
	border: 1px solid #FF9797;
}
.LdelAdm {
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	COLOR: #FF0000;
	TEXT-DECORATION: none;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	cursor: help;
}
.LdelAdm:hover {
	color: #330066;
	text-decoration: underline;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	cursor: help;
}
.formBco {
BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-RIGHT: medium none; BORDER-TOP: medium none; COLOR: #000000; TEXT-DECORATION: none ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
}
.FVerm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: none;
	font-style: italic;
}
.FTitulo {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.LmenuEsq {
COLOR: #FFCC00; TEXT-DECORATION: none; font: 11px Verdana, Arial, Helvetica, sans-serif
}
.LmenuEsq:hover {
color: #FFFF00; text-decoration: none; font: 11px Verdana, Arial, Helvetica, sans-serif
}
.Ldentro2 {
COLOR: #003366; TEXT-DECORATION: underline; font: 12px Verdana, Arial, Helvetica, sans-serif
}
.Ldentro2:hover {
color: #FFCC00; text-decoration: underline; font: 12px Verdana, Arial, Helvetica, sans-serif
}
.LmenuDir1 {

COLOR: #FFFFFF; TEXT-DECORATION: none; font: 10px Verdana, Arial, Helvetica, sans-serif
}
.LmenuDir1:hover {

color: #FFFF00; text-decoration: none; font: bold 10px Verdana, Arial, Helvetica, sans-serif
}
.LmenuDir2 {


COLOR: #003366; TEXT-DECORATION: underline; font: 10px Verdana, Arial, Helvetica, sans-serif
}
.LmenuDir2:hover {


color: #0099CC; text-decoration: none; font: 10px Verdana, Arial, Helvetica, sans-serif
}
.FTitulo2 {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}
.FTitulo3 {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.fontecinza {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}
.bordacompleta {
	border: 1px solid #000000;
}
.borda_dir {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
a:active {
text-decoration: none;
color: #FF0000;
}
a:link {
text-decoration: none;
color: #FF0000;
}
a:visited {
text-decoration: none;
color: #FF0000;
}
a:hover {
text-decoration: underline;
color: #CC0000;
}