@charset "utf-8";

/* CSS Document */

body{

	margin:0 auto;

	width:770px;

	text-align:center;

	background-image:url(../img/bg.jpg);

	background-repeat:repeat;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000000;

}

h1{

	font-family:Arial, Helvetica, sans-serif;

	font-size:20px;

	color:#036;

	margin:0px 10px 10px 10px;

	border-bottom:1px solid #036;	

}

h2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#036;

	margin-left:20px;

}

table{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	margin-top:10px;

	margin-left:20px;

	text-align:center;

}

tr.total{

	color:#c10909;

}



a{

	text-decoration:none;

	border:0;

	color:#000000;

}

.menu a {

	color:#036;

}

p{

	width:90%;

	padding-left:20px;

	font-family:Verdana;

	font-size:10px;

	text-align:justify;

}

#rodape p{

	text-align:center;

}

img{

	border:0;

}

#topo-1{

	margin:0 auto;

	width:770px;

	height:100px;

	text-align:left;

	background-image:url(../img/fundo-cabecalho.jpg);

	background-repeat:no-repeat;

	padding:0;

}

#logo{

	margin:0;

	float:left;

}

#linguagem{

	float:right;

	margin:0;

	margin-right:5px;

}

#pesquisar{

	top:70px;

	left:50px;

	float:right;

	position:relative;

}

#pesquisar .input{

	font-size:10px;

	height:13px;

}



#topo-2{

	margin:0 auto;

	width:770px;

	height:50px;

	text-align:left;

	background-color:#036;

	background-repeat:no-repeat;

}



#corpo{

	margin:0 auto;

	width:770px;

	min-height:100px;

	height:auto;

	text-align:left;

	background-color:#FFFFFF;

	padding-bottom:10px;

	float:left;

}

#imgcat{

	margin:0 auto;

	width:740px;

	padding-top:10px;

}

	#menu{

		width:740px;

		margin:0 auto;

		text-align:center;

	}

	#corpo-esquerda{

		padding-top:0px;

		width:770px;

		float:left;

		background-color:#FFFFFF;

		/*min-height:450px;*/

		height:auto;

	}

	/*#corpo-direita{

		width:200px;

		float:left;

		padding-top:15px;

		background-color:#FFFFFF;

		min-height:450px;

		height:450px;

	}*/

#rodape{

	margin:0 auto;

	width:770px;

	color:#FFF;

	text-align:center;

	float:left;

	background-image:url(../img/fundo-rodape.jpg);

	background-repeat:no-repeat;

}

#grupos{

	width:100%;

	height:15px;

	background-color:#e6e6e6;

	margin-top:10px;

	padding-top:7.5px;

	margin:auto;

}

#carrinho{

	width:240px;

	padding:5px;

	padding-left:25px;

	text-align:center;

	float:right;

	top:30px;

	position:relative;

	

}

.menu{

	padding-left:5px;

	display:inline;

	list-style:none;

	float:left;

	width:100%;

	margin-top:0;

	

}

ul.menu{

	margin:0 auto;

	text-align:center;

}

.menu li {

	text-align:center;

	display:block;

	width:auto;

	background-color:#e6e6e6;

	margin-right:10px;

	float:left;

	font-size:10px;

	color:#000;

}

.menu li a{

	color:#000;

}

.menu li a:hover{

	color:#004570;

}



#produtos{

	width:100%;

	height:100%;



}

.produto{

	margin:5px 10px 5px 10px;

	width:170px;

	height:180px;

	float:left;

	border:solid 1px #036;

	text-align:center;

	padding-bottom:10px;

}

.produto-imagem{

	margin:3px;

	height:100px;

}

.produto-nome{

	line-height:20px;

	height:50px;

	color:#036;

}

.produto-comprar{

	height:auto;

	padding-bottom:10px;

}

.botao{

	background-color:#036;

	color:#FFFFFF;

	font-weight:bolder;

	float:left;

	width:150px;

	text-align:center;

	padding:8px;

}

.continue{

	margin-left:20px;

	background-color:#066;

	color:#FFFFFF;

	font-weight:bolder;

	float:left;

	width:150px;

	text-align:center;

	padding:1.5px;

}



.checkout{

	margin-left:20px;

	background-color:#c10909;

	color:#FFFFFF;

	font-weight:bolder;

	float:left;

	width:150px;

	text-align:center;

	padding:1.5px;

}

input[type="submit"]{

	margin-left:20px;

	border:0;

	background-color:#036;

	color:#FFFFFF;

	font-weight:bolder;

	float:left;

	width:150px;

	text-align:center;

}

#img-cat{

	padding-left:20px;

	width:110px;

	float:left;

}

#desc-cat{

	width:640px;

	float:left;

	text-align:justify;

	float:left;

}

#detalhe-desc{

	width:400px;

	float:left;

	text-align:justify;

}

#imagens{

	float:left;

	width:370px;

}

#detalhe-img{

	margin-left:20px;

	padding:3px;

	width:325px;

	float:left;

	background-color:#069;

}



#thumbs{

	margin-left:20px;

}

ul.thumbs{

	padding:5px;

}

ul.thumbs li{

	display:block;

	width:100px;

	height:65px;

	float:left;

	padding:5px;

	margin:10px 10px 0 0;

	background-color:#069;

}

.list-categorias{

	float:left;

}



/***	TESTES	***/

ul.fotos {

	position:relative;

	list-style:none;  

	width:360px;

	padding:5px;

	margin:0; 

	padding:0; 

}

.fotos:after {

	display: block;

	content: ".";

	height: 0;

	font-size:0; 

	visibility: hidden;

	clear: both;

	}

ul.fotos li {

	width:100px;

	height:65px;

	float:left; 

	border:2px solid #069;

	margin-top:5px;

	margin-right:10px; 

}

ul.fotos li img {

	border:none; 

	width:100px;

	height:65px;

}

ul.fotos li span img {

	border:none;

	width:325px;

	height:225px;

}

ul.fotos a {

	display: block;

	} 

ul.fotos a span {

	display: none;

}

ul.fotos a:hover span.legenda {

	display: block;

	text-align:center; 

	width:325px;

	position:absolute;

	top:375px;

	left:-100px;

}

ul.fotos a:hover span {

	display: block;

    position: absolute; 

	top:0px; 

	left: 0px; 

	background:#fff;

	border:2px solid #069;

   }

ul.fotos a:hover span.legenda {

	padding:5px 0;

	color:#333; 

}





/* TABELA CHECKOUT */





.label{

	text-align:right;

	background-color:#f4f4f4;

	font-weight:bolder;

}

.campo{

	padding-left:5px;

	text-align:left;

}