body{
margin: 5px;
text-align: center;
background: #b7bfc9;
}

#tudo{
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 15px 15px 15px 15px;
width: 960px;
height: auto;
background-color: #FF9900;
border: 0px solid #ffffff;
}

#container{
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 950px;
height: 2100px;
background-color: white;
border: 1px solid #666;
}

#container_detalhes{
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 950px;
height: 1250px;
background-color: white;
border: 1px solid #666;
}

#container_comprar{
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 950px;
height: 1000px;
background-color: white;
border: 1px solid #666;
}


a:link {
text-decoration: none;
color: #2e3196;
}
a:visited {
text-decoration: none;
color: #2e3196;
}
a:hover {
text-decoration: none;
color: #0c0e6f;
}
a:active {
text-decoration: none;
}

/*___________________top_________________*/


#banner{
height: 135px;
background:url(images/menu.jpg) no-repeat center;
margin-top: 5px;
}

#banner_top{
height: 152px;
width: 820px;
background:url(images/banner.jpg) no-repeat center;
border: 1px solid #b7bfc9;
margin-left:4px;
}

#site{
height: 35px;
width: 820px;
background:url(images/menu3.jpg) no-repeat center;
border: 1px solid #b7bfc9;
margin-left:4px;
margin-top:5px;
}

/*___________________top_________________*/



/*____________Posição dos Blocos____________*/

#bloco_1{
position:absolute;
margin: 30px 15px 0px 50px;
width: 270px;
height: 180px;
background-color: white;
border: 1px solid #ffffff;
}

#bloco_2{
position:absolute;
margin: 30px 15px 0px 360px;
width: 270px;
height: 180px;
background-color: white;
border: 1px solid #ffffff;
}

#bloco_3{
position:absolute;
margin: 30px 15px 0px 670px;
width: 270px;
height: 180px;
background-color: white;
border: 1px solid #ffffff;
}


/*____________Posição dos Livros____________*/

.titulo {
font-size: 17px;
font-family: arial;
font-weight: bold;
text-align:left;
color: #f57004;
top: 10px;
left:-40px;
width:250px;
padding-top:10px;
}

.autor {
color: #6d7169;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 10px 10px 10px 10px;
top: 0px;
line-height:17px;
}

.capa {
font-size: 13px;
font-family: Franklin Ghotic, sans-serif;
font-weight: bold;
color: #9ea5ae;
margin: 10px 0px 0px 10px;
padding-top:-5px;
}

.descricao {
position: absolute;
color: #868b82;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 12px 0px 0px 0px;
left: 0px;
width: 800px;
}

.descricao2 {
position: absolute;
color: black;
font-family: arial;
font-size: 14px;
margin: 12px 0px 0px 0px;
left: 0px;
width: 800px;
}

.isbn {
position: absolute;
color: #2984bc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
margin: 138px 0px 0px 10px;
left: 85px;
}

.ano {
position: absolute;
color: #2984bc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
margin: 113px 0px 0px 10px;
left: 85px;
}

.preco {
position: absolute;
color: #2852a1;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
margin: 125px 0px 0px 10px;
left: 85px;
}

.teste {
position: absolute;
color: #2984bc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
margin: 70px 0px 0px 10px;
width:175px;
left: 85px;
}


/*____________Posição dos Livros____________*/



#detalhes{
position:absolute;
margin: 30px 15px 0px 50px;
width: 850px;
height: 700px;
background-color: white;
border: 1px solid #ffffff;
}


.descricao_detalhes {
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0px 10px 10px 0px;
top: 0px;
line-height:17px;
}
