/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 


body { 
width: 100%;
height: 100%;
padding: 0;
margin: 0; 
font: 10px Arial,Verdana,Sans-Serif;
font-weight: normal;
line-height: 1.7em; 
color: #444;
background: url('../images/bg.gif') repeat;
text-align: left;
}

strong {
font-weight: bold;
font-size: 1.1em;
}

h1 {
margin: 0;
margin-top: 2px;
margin-left: -150px;
color:#000; 
font: bold 1.5em  Arial, "Lucida Sans", Sans-Serif; 
}

.sessao{
margin: 0;
margin-top: 2px;
margin-left: -150px;
margin-bottom: 5px;
}

.sessao2{
margin: 0;
margin-left: 25px;
margin-bottom: 14px;
}


h5 {
width: 45em;
background: #ccc;
margin-left:3em;
margin-right: 5.3em;
font-size: 1.1em;
font-weight: normal;
color: #000;
}


h5 p{
padding-left: .8em;
padding-top: .3em;
padding-bottom: .3em;
}


h2 { 
color:#444; 
font-weight: bold;
font-size: 1.1em; 
}

h3{ //* headers */
font-size: 1.2em;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 4px;
font-weight: bold;
color: #728590;
border-bottom: 1px dotted #b6b6b6;
}

h4 { 
color:#444; 
font-size: 0.9em; 
}


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

a:hover { 
color: #5e8c9f; 
}

p {	
margin: 0 0 2px 0;
margin-bottom: 7px; 
}

ul { 
margin: 0; 
padding: 0; 

}

img { 
border: 0;
}


#carrinho{
background: #1C1919;
text-align: right;
margin: 0;
height: 2.2em;
width: 72em;
padding-right: 4em;
padding-left: 4em;
padding-top: 0.4em;
}

/* HEADER */
#header{
margin: 0;
height: 170px;
width: 720px;
padding-top: 10px;
padding-right: 40px;
padding-left: 40px;
background: url('../images/bg_header.png') no-repeat right #FFE136;
}

#logo{
float: left;
margin-top: 25px;
width: 250px;
}

#menu {
padding-top: 10px;
font-weight: bold;
font-size: 1.2em;
color: #DBD173;
letter-spacing: 1px;
}

#menu li{ 
list-style: none; 
display: inline; 
margin: 0; 
}

#menu li a{
text-decoration: none;
padding: 0;
color: #000;
padding-right:5px;
}

#menu li a:hover{ 
text-decoration: underline;
}

#banner{
margin-left: 325px;
}
/********************************************************/



/* CONTEUDO */
#conteudo{
background: white;
padding-right: 40px;
padding-left: 40px;
width: 720px;
overflow: hidden;
}

#onde_comprar{
float: left;
width:230px;
font-size: 1.0em;
border-right: 1px dotted #b6b6b6;
}

#onde_comprar p{
line-height: 1.2em;
padding-right: 15px;
}

#corpo{
font-size: 1.0em;
width: 480px;
margin-left: 230px;
}

#colecoes{
width: 443px;
height: 150px;
margin-left: 35px;
margin-top: 15px;
background: url('../images/bg_colecoes.jpg') no-repeat;
}

#publicacao{
margin-left: 35px;
margin-top: 15px;
background-color: #FFE136;
}

#realce {
	margin-left: 35px;
	margin-top: 15px;
	background-color: #000;
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
}

#catalogo {
float:left;
width: 450px;
font-weight: bold;
color: #DBD173;
letter-spacing: 1px;
margin-left: 25px;
margin-top: 30px;
margin-bottom: 15px;
background: url('../images/bg_livros.png') repeat-y;
}

#catalogo li{ 
float:left;
width: 430px;
height: 215px;
list-style: none; 
display: inline; 
padding-right: 30px;
padding-left: 10px; 
text-align: left;
/*border: 1px solid #ccc;
background: #eee;*/
}

#catalogo li:hover {
background: url('../images/bg_hover.png') no-repeat right #F5F5F5;
}

#catalogo li img{
float: left;
margin-right: 20px;
}


#livro{
margin:0;
font-size: 1.0em;
width: 450px;
margin-left: 247px;
}

#livro .descricao{
padding-left: 10px;
}

#livro p{
	text-indent: 0.15in;
}

#livro a{
color: #B72A2A; 
font-variant: small-caps;
font-size: 1.1em;
}

.listao {
width: 500px; 
}

#listinha{
float: left;
width: 200px;
}

.thumb{
margin: 0 auto;
}

.feature  {
margin-left: 25px;
width: 256px;
margin-bottom: 20px;
}

.photo {
float: left;
clear: left;
margin: 0 10px 10px 0;
}

#footer{
text-align: left;
height: 50px;
width: 650px;
padding-top: 10px;
padding-right: 40px;
padding-left: 40px;
background: #fff;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #9fa19e;
clear:both;
}