
/*-- Formatação da estrutura da Página --*/

body { 
	padding:	            0; 
	margin:					0; 
	font:					11px Verdana, sans-serif;
	line-height: 			17px;
	background:				#f4f4f4 url(../images/bodybg.gif) center repeat-y;
	color: 					#555;
	}
	
#wrapper { 
	margin:					2px auto; 
	width:					900px;  
	padding:	            0; 
	background:				#fff;
	}
	
#header{
	background:				transparent url(../images/header.png) no-repeat scroll 0 0;
	width:					900px;
	height:					80px;
	}
		
/*-- FIM --*/

/*-- Formatação de Imagens --*/

#logo{
	width:					auto;
	height:					auto;
	margin-top:				5px;
	float:					left;
	}

#banner{
	width:					900px;
	height:					150px;
	float:					left;
	}


#banner-publicitario{
	width:					200px;
	height:					150px;
	margin-top:				10px;
	float:					left;
	}
		
#rodape{
	width:					895px;
	height:					auto;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	text-transform:			none,capitalize;
	text-align:				center;
	color:					#CCCCCC;
	border-top:				1px dotted #CCCCCC;
	margin-top:				5px;
	margin-bottom:			5px;
	}
	
/*-- FIM --*/	

/*-- Formatação de Box de Conteúdos --*/

#area-conteudo{
	width:					900px;
	height:					auto;
	margin-top:             15px;
	border-top:				1px dotted #CCCCCC;
	float:					left;
	}
	
#area-box{
	width:					680px;
	height:					overflow;
	float:					left;
	}
	
.coluna-livre{
	width:					330px;
	height:					auto;
	margin:					2px;
	padding:                2px;
	float:					left;
/*	border: 				1px solid #999999;  */
	}
/*
#segunda-coluna{
	width:					320px;
	height:					250px;
	margin:					10px;
	float:					left;
	}
*/	
#terceira-coluna{
	width:					200px;
	margin:					10px;
	float:					left;
	}

#quarta-coluna{
	width:					660px;
	height:					105px;
/*	margin:					10px; */
	float:					left;
	}

.style13 {color: #000000; font-size: 16px;}


/*-- FIM --*/

/*-- Box de Conteudos (LANÇAMENTO DE LIVROS) --*/

.box-conteudo-livro{
	width:					290px;
	height:					auto;
	float:					left;
	margin:					0px 10px 10px 10px;
	}

.foto-capa-livro{
	width:					60px;
	height:					70px;
	float:					left;
	top:					0px;
	}
	
.conteudo-livro{
	width:					200px;
	height:					50px;
	padding:                10px;
	float:					left;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
	text-align:				center;
	}
/*-- FIM --*/	

/*-- FORMATAÇÃO DO MENU LATERAL --*/
#borda-menu{
	width:					200px;
	height:					300px;
	}

#menu-interno{
	width:					200px;
	height:					30px;
	padding:                0;
	margin:                 0;
	font-family:			12px Verdana, Arial, Helvetica, sans-serif;
	text-transform:			uppercase;
	}

#menu-interno ul {
	list-style:				none;
	margin:					0;
	padding:                0;
	}

#menu-interno li {
	border-bottom:			1px dotted #CCC;
	border-right:			1px solid #FFFFFF;
	border-left:			1px solid #FFFFFF;
	margin:                 0px;
	}	
	
#menu-interno li a{	
	display:				block;
	padding:                5px	5px 5px 0.5em;
	font-weight:			none;
	background-color:		#fff;
	color:					#999999;
	text-decoration:		none;
	}

#menu-interno a:hover{
	color:					#666666;
	text-decoration:		none;
	}		
/*-- FIM --*/


/*-- Outros Titulos --*/
img{
	float:					left;
	margin-right:			10px;
	}

.box-conteudo-livre{
	width:					320px;
	height:					150px;
	margin:					10px;
	text-align:				justify;
	float:					left;
	}

.box-titulo{
	width:					320px;
	margin-bottom:			18px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				13px;
	font-weight:			bold;
	float:					left;
	}
	
/*-- FIM --*/
	

/*-- Formatação de MENU - header --*/
#borda-menu-superior{
	width:					300px;
	height:					30px;
	float:					left;
	}
	
#menu-superior{
	width:					455px;
	height:					30px;
	margin-top:				20px;
	background:				url(../images/menu-modelo.jpg) no-repeat;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-decoration:		none;
	float:					right;
	padding-left:           25px;
	}

#menu-superior ul{
	list-style:				none;
	padding:                0;
	margin:					0;
	}
	
#menu-superior li {	
	width:					auto;
	text-decoration:		none;
	margin-top:				5px;
	margin-left:			15px;
	margin-right:			15px;
	float:					left;
	}
	

#menu-superior li a{
	display:				block;
	color:					#FFFFFF;
	text-decoration:		none;
	text-transform:			none;
	}	

#menu-superior a:hover{
	color:					#666666;
	text-transform:			none;
	}

/*-- FIM --*/	

/*ICONES DOS TITULOS DAS PÁGINAS*/
.icone-titulo{
	margin-top:				-15px;
	float:					left;
	}
/* FIM -->>>ICONES DOS TITULOS DAS PÁGINAS*/



/*-- Formatação das Paginas dos Includes --*/

.titulo{
	width:					665px;
	height:					25px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				25px;
	color:					#333333;
	margin:					15px 10px 10px 10px;
	float:					left;
	}
	
.titulo-sub {
	width:					665px;
	height:					overflow;
	text-align:             center;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				25px;
	color:					#333333;
	margin:					15px 10px 0px 10px;
	padding:                10px;
	float:					left;
	}	

.texto-livre{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-align:				justify;	
	text-indent:            50px;
	line-height:			25px;
	margin:					10px;
	padding-top:            15px;
	float:					left;

	}
/*-- FIM --*/




/*-- Formatação área Lançamento de Livros --*/
fieldset{
	border:					1px dotted #CCCCCC;
	height:					115px;
	margin-top:				0px;
	margin-bottom:			0px;
	padding-left:           25px;
	}

input, textearea{
	border:					1px solid #CCCCCC;
	}
	
.contato{
	border:					1px dotted #CCCCCC;
	height:					auto;
	padding:                15px;
	}

		
.legenda{
	background:				#FFFFFF;
	margin-right: 			100px;
	float: 					left;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				13px;
	font-weight:			bold;
	color:					#666666;
	}


legend{
	background:				#FFFFFF;
	padding:                10px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				13px;
	font-weight:			bold;
	color:					#990000;
	}
/*-- FIM --*/

/*-- FORMATAÇÃO DE LINKS - Simples --*/

a:link {
	color:						#666666;
	text-decoration:			none;
	}

a:hover{
	color:						#999999;
	text-decoration:			none;
	}

a:visited{
	color:						#666666;
	text-decoration:			none;
	}

* {
	margin:						0px;
	padding:                    0px;
	}
/*-- FIM --*/	

/* INICIO -->> GUIA DE NAVEGAÇÃO */

.guia-navegacao {
	width:						665px;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					10px;
	font-weight:				bold;
	text-transform:				uppercase;
	color:						#999999;
	margin-bottom:				20px;
	border-bottom:				1px dotted #CCCCCC;
	padding-bottom:             3px;
	float:						left;
	}

/* FIM -->> GUIA DE NAVEGAÇÃO */
