#tudo {
		width: 1240px;
		height: 2250px;
		background: white; /*url('img/cart.png') center top repeat; /* Esta linha é responsável pelo tamanho da loja 
		se colocar 100% ela fica na tela inteira se usar tamanho fixo usar sempre o px apos o numero*/
		
		
		}
		
body { 
		background: white;
		text-align:left; /* hack para o IE */	
		font-size: 14px;
		padding: 5px 10px 15px 15px;
		width: 1240px;
		height: 2270px;
	}
#principal{
		width:250px;
		background: white;
		
		}
#logo{
		width: 850px;
		height:150px;
		background:url(img/logo2.png);
		
		}
#login{
		width: 390px;
		height:75px;
		background: white;
		margin-left: 850px;
		margin-top: 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		padding-bottom:10px;
		text-align: justify;
		}
#carrinho{
		width: 390px;
		height:80px;
		background: white;
		margin-left: 850px;
		margin-top: -15px;
		}

#menu{
		width: 260px;
		background: white;
		float: left;
		margin-top: 0px;
		}
#script{
		width: 870px;
		height:200px;
		background: #999999;
		margin-left: 260px;
		float: right; 
		
		}
#cont{
		width: 960px;
		height:1650px;
		background: #cdcdc1;
		margin-left: 260px;
		margin-top: 0px;
		
		
		
		}
#cont1{
		width: 960px;
		height:1050px;
		background: white;
		margin-left: 260px;
		margin-top: 0px;
				
		}
#cont5{
		width: 960px;
		height:1850px;
		background: white;
		margin-left: 260px;
		margin-top: 0px;
				
		}
#cont3{
		width: 100%;
		height:100%;
		background: white;
		margin-left: 0px;
		margin-top: 0px;	
		}
#cont4{
		width: 1207px;
		height: 2000px;
		background: white;
		margin-left:0px;
		margin-top: 0px;
		background: url(img/livro.jpg);	
		padding: 10px 15px 5px 16px;
		}
#cont2{
		width: 960px;
		height:700px;
		background: gray;
		margin-left: 260px;
		margin-top: 0px;	
		}
#login2{
	background-color:  #cdcdc1;
	width:400px;
	height: 600px;
	margin-top: 5px;
	margin:5px;
	border: 0px;
	float: left;	
}
#login1{
	background-color: #cdcdc1;
	width: 530px;
	height: 600px;
	margin-top: 5px;
	margin:5px;
	border: 0px;
	float: left;	
}
#div1{
	background-color: gray;
	width: 200px;
	height: 600px;
	margin-top: 5px;
	margin:5px;
	border: 0px;
	float: left;
	padding: 5px 5px 5px 15px;
}
#div2{
	background-color: grey;
	width: 600px;
	height: 600px;
	margin-top: 5px;
	border: 0px;
	float: left;
	padding: 5px 5px 5px 15px;
	
	
}
#div3{
	background-color: white;
	margin-left: 0px;
	width:100px;
	height: 50px;
	margin-top: 10px;
	border: 5px;
	float: left;	
}
#detalhe1{
	background-color: white;
	width:215px;
	height:1000px;
	float: left;
	

	
	}

#div-img{

 
	width: 100px;
	height: 150px;
	margin:5px;
	float: left;
	
}
#detalhe-img{
	background-color: white;
	
	margin:5px;
	float: left;
	
}
#detalhe2{
	background-color: white;
	width:545px;
	height:130px;
	float: left;
	padding-left:5px;

	
	
}

#detalhe3{
	background-color: white;
	margin-left: 0px;
	width:200px;
	height: 500px;
	border: 5px;
	


	
	
}
#detalhe4{
	background-color: white;
	margin-left: 0px;
	width:545px;
	height: 350px;
	padding-left:5px;
	float: left;	
}
#detalhe5{
	background-color: white;
	margin-left: 0px;
	width:545px;
	height:1050px;
	padding-left:5px;
	float: left;	
}
#comentario{
	background-color: white;
	width:550px;
	height: 465px;
	float: left;	
}
#comentario1{
	background-color: white;
	margin-left: 0px;
	margin-top: 10px;
	width:550px;
	height: 500px;
	margin-top: 5px;
	border: 5px;
	float: left;	
}
#relacao{
	background-color: white;
	width:190px;
	height: 1040px;
	
	border: 5px;
	float: right;
	margin-top: -400px;
}
#relacao1{
	background-color: white;
	width:190px;
	height: 1040px;
	
	border: 5px;
	float: right;
	margin-top: -150px;
}
#footer{
		width: 1240px;
		height:60px;
		float: left;
		
		background:url(img/footer.png) repeat top; 
		
		}
#final{
		width: 1240px;
		height:90px;
		margin-top: 20px;
		background: white;
		
		
		}
	/* configuração carrinho de compras */
.cart-inner {
		float: center;
		background: url(img/cart.png) repeat-x;
		border: 1px solid #ebebeb;
		border-left: none;
		border-radius: 6px;
		border-bottom-color: #dddddd;
		border-right-color: #dddddd;
		width: 240px;
		height: 55px;
}
#cart .cart-icon {
		background: url(img/carrinho.jpg) no-repeat;
		width: 55px;
		height: 55px;
		padding: 0;
		margin: -1px 0 -1px 0;
		border-radius: 8px;
		float: left;
}
#cart .heading {
		float: right;
		padding: 10px 15px 5px 16px;
}
#cart .heading b {
		color: #353434;
		font-size: 12px;
		padding-top: 0px;
		padding-right: 0px;
		line-height: 15px;
		text-transform: uppercase;
		text-align: left;
		display: block;
		margin-bottom: 2px;
}
.heading a {
		text-decoration: none;
		padding-bottom: 2px;
		text-align: right;
}

#cart .heading span {
		padding: 0px 0px 2px 0;
		color: #20789C;
		text-decoration: none;
		font-size: 12px;
		font-family: Arial,Helvetica,sans-serif;
		line-height: 15px;
}

#cart .heading strong {
		color: #353434;
		font-weight: normal;
}
/*final de carrinho de compras */
/*menu barra*/
.menuTopo {
	background: url("img/cart1.png") repeat-x right top #999999; 
	overflow: hidden; 
	
	border-bottom: solid 1px #E8E8E8; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
	width:1240px;
}
.menuTopo ul {
	margin: 0px; 
	padding: 0px;
}
.menuTopo ul li {
	overflow: hidden; 
	float: left; 
	position: relative; 
	font-family: Arial, Helvetica, sans-serif;
}
.menuTopo ul li a {
	background: url("img/menu_hover1.png") repeat-x right top; 
	padding: 0px 35px 0px 35px; 
	color:black; 
	line-height: 50px; 
	font-size: 14px; 
	text-decoration: none; 
	display: block; 
	border-right: solid 1px #E8E8E8;
}
.menuTopo ul li a:hover {
	background: url("img/menu_hover2.png") repeat-x left top; 
	color: rgb(255, 255, 255);
}
/*final barra*/

/*barra menu*/

.BoxHeading {
	background: url("img/menu_hover.png") repeat-x right top; 
	overflow: hidden; 
	position: relative; 
	border: solid 1px #217B9E;
	border-bottom: solid 0px #217B9E; border-radius: 1px; -moz-border-radius: 3px; -webkit-border-radius: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px; 
	color:#fff; 
	line-height: 35px; 
	text-transform:uppercase; 
	padding-left: 20px;
}
.BoxHeading1 {
	background: url("img/menu_hover3.png") repeat-x right top; 
	overflow: hidden; 
	position: relative; 
	
	border-bottom: solid 0px #217B9E; border-radius: 1px; -moz-border-radius: 3px; -webkit-border-radius: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	color:#fff; 
	line-height: 35px; 
	text-transform:uppercase; 
	padding-left: 20px;
}
.BoxHeading font a,.BoxHeading font a:visited,.BoxHeading font a:link
{ 
color:#FFFFFF
}
.BoxHeading font a:hover
{ 
color:#00FFFF
}
#logoff {
	float: left;
	padding: 4px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	margin: 3px;
}
/*final menu*/
/*slide*/
#slide{
	width: 870px;
	height: 200px;
	
	margin-left: 300px;
	background: white;
	
}
/*footer*/
	a:link {color: #000000}
	a:visited { color: #000000	}
   a:hover      { color: #217B9E }
   .menu:link { color:#ffffff; text-decoration: none;}
   .menu:visited { color:#ffffff; text-decoration: none;}
   .menu:hover { color:#ffffff; text-decoration: none;}
   .baixo { font-family:Arial;  font-size:12px; color: #999999; }
   .baixo:link { text-decoration: none; color: #333333; }
   .baixo:visited { text-decoration: none; color: #333333; }
   .baixo:hover { text-decoration: none; color: #2CA7D5 }
   .urlLink {  color: #999999; font-size: 11px;}
   .urlLink:link {  text-decoration: none; color: #666666; }
   .urlLink:visited {  text-decoration: none; color: #666666; }
   .urlLink:hover { text-decoration: none; color: #2CA7D5; }
 .item{
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
}  
   
 .botao {
	width: 90px;
	height: 23px;
	background-image:url(imagens/botao.jpg);
	background-repeat: no-repeat;
	float: right;
	padding-right: 20px;
	text-align: center;
	color: #595959;
	padding-top: 3px;
}
   
  /*javascript*/ 
  <style>
* {margin: 0; padding: 0;}

a,img {border: none;}
.trs {-webkit-transition:all ease-out 0.5s;
    -moz-transition:all ease-out 0.5s;
    -o-transition:all ease-out 0.5s;
    -ms-transition:all ease-out 0.5s;
    transition:all ease-out 0.5s;}	
#slider {position: relative; z-index: 1;}
#slider a { position: absolute; top: 0; left: 0; opacity: 0;filter:alpha(opacity=0);}
.ativo {opacity: 1!important; filter:alpha(opacity=100)!important;}
 
/*controladores*/
span {
	cursor: pointer;
	opacity: 0;filter:alpha(opacity=50); 
	position: absolute; bottom: 40%; width: 43px; height: 43px; z-index: 5;}

.next {right: 10px; background: url(imagens/seguinte.png) left 48% no-repeat;} /* imagem seta e posição da seta*/
.next:before,
.next:after {left: 21px;}
.next:before {
    -webkit-transform: rotate(-42deg);
    top: 5px;
}
.next:after {
    -webkit-transform: rotate(-132deg);
    top: 19px;
}

.prev {left: 10px; background: url(imagens/anterior.png) left 48% no-repeat;} /* imagem seta e posição da seta*/
.prev:before,.prev:after {left: 18px;}
.prev:before {
    -webkit-transform: rotate(42deg);
    top: 5px;
}
.prev:after {
    -webkit-transform: rotate(132deg);
    top: 19px;
}
 
figure:hover span {opacity: 0.5; filter:alpha(opacity=76);}
    figure {
    max-width: 870px; /*largura das imagens */
    height: 200px; /* altura das imagens*/
    position: relative;
    overflow: hidden;
    margin: 0px auto;
	}
 
figcaption { /*Barra de legenda */
	padding-left: 12px;
	color: #fff; 
	font-family: "Verdana"; 
	font-size: 12px; 
	background: #330; /*cor da barra*/
	opacity: 0.5; filter:alpha(opacity=76); 
	width: 100%; 
	position: absolute; bottom: 0; left: 0; line-height: 40px; height: 40px; z-index: 5}

.paginacao a{color:#333; padding:3px 5px; border:1px solid #ccc; text-decoration:none; margin:0 3px;}

.paginacao a:hover{background:#333; color:#fff;}

.paginacao a.atual{font-weight:bold; background:#fff; color:#333; border:0; border-bottom:1px solid #ccc; font-size:1.6em;}
</style>