*{margin: 0; padding: 0;}
body{background:#777; color:#222; font:normal 62.5% sans-serif; padding:2% 0 0 0;}

a{color: #333; text-decoration:none;}
a:hover{color: #00F;}

h1,h2,h3{color: #333;}
h1:hover{color:#00F;}
h1{
    border-bottom:1px solid #333;
    font:bold  1.2em Helvetica, serif,sans-serif;
    margin-bottom:5px;
    }
h2{
    font:normal 1em Helvetica, serif,sans-serif;
    padding:2px 0;
    }    
h3{
    font:bold 1em serif,sans-serif;
    }
img{border:none;}

#wrapper{background:#444;margin:5px auto;width:762px;overflow:auto;}
#container{background:#444;border-top:6px solid #444;border-bottom:6px solid #444;font-size:1.2em;line-height:1.3em;margin:0 auto;width:750px;}
.logotopo{background:#DDD;height:150px;width:750px;}    
.menus{background:#444 url('img/nav.jpg') repeat-x;border-bottom:1px solid #444;height:41px;margin-top:2px;}
.menus a{
    background:#BAB2A5 url('img/nav.jpg') repeat-x;
    border-right:2px solid #444;
    color:#EEE;
    float:left;
    font:bold 1em Helvetica;
    line-height:41px;
    padding:0 20px;
    text-align:center;
    text-decoration:none;
    }    
.menus a:hover,.menus a#active{background-position:left bottom;color: #331;}
.content{background:#FFF;border-bottom:6px solid #444;float:left;width:750px;}

/*HOME*/
#contents-home{float:left; padding:10px;}
	
	#produto-left-home{
		background:#999;
		border:1px solid #333;
		height:175px;
		margin-top:10px;
		width:358px;		
		}
	
	#produto-right-home{
		background:#999;
		border:1px solid #333;
		height:175px;
		margin-top:10px;
		width:358px;		
		}

    #produto-left-home img{float:left; margin:0 5px 0 0;}
	#produto-right-home img{float:left; margin:0 5px 0 0;}
    
    #produto-left-home .descricao {height:141px;}
	#produto-right-home .descricao{height:141px;}	
    
	#produto-left-home .descricao h2,
	#produto-right-home .descricao h2{color:#333; font:bold  1.2em Helvetica, serif, sans-serif;}
	
    #produto-left-home .descricao .categoria, 
	#produto-right-home .descricao .categoria{color:#444; display:block;}
    
	#produto-left-home .descricao .dados, 
	#produto-right-home .descricao .dados{color:#DDD;}
	
	#produto-left-home .descricao .preco,
	#produto-right-home .descricao .preco{color:#00F;}
	
	#produto-left-home #detalhes,
	#produto-right-home #detalhes{
        background-color:#555; 
        background-image:url('img/detalhes_produto_home.png');
        background-repeat:repeat-x;
        background-position:bottom left;
		border-top:1px solid #000;
        height:33px;
        text-align:right;	
        width:358px;        
        }
        
	#produto-left-home #detalhes a,
	#produto-right-home #detalhes a{
        color:#CCC;
        font-family:Helvetica;
        font-size:1.4em;
        font-weight:bold;        
        line-height:34px;
        margin-right:20px;}	
	
	#list{
		background-image:url('img/list_bg.png');
		background-repeat:repeat;
		background-position:top left;
		float:left;
		height:450px;
		margin-top:10px;
		margin-right:10px;
		width:225px;
    }
    
    #list ul{padding:10px;}

    #list ul li{
        font:bold 1.2em Helvetica, Arial, sans-serif;
        line-height:26px;
        list-style-image:url('img/bookmark.png');
        margin-left:20px;
        }

	#middle{float:left;height:450px;margin-top:10px;width:225px;}
	
	#mini-um{
		background-image:url('img/banner.png');
		background-repeat:no-repeat;
		background-position:top left;
        height:130px;
		width:205px;		
		margin:10px auto;
		}
        .mini-ti{
            float:left;
            font:bold 1.4em Helvetica, Arial, sans-serif;
            margin:55px 10px 0 15px;
            width:170px;
            }
        .mini-txt1{
            float:left;
            font:bold 1.1em Helvetica, Arial, sans-serif;
            margin:0 15px 0 15px;
            width:170px;
            }
        .mini-txt1 a{color:#000;}
        .mini-txt1 a:hover{text-decoration:underline;}
	
	#mini-dois{
		background-image:url('img/banner2.png');
		background-repeat:no-repeat;
		background-position:top left;
		width:205px;
		height:130px;
		margin:10px auto;
        }
        .mini-txt2{
            color:#555;
            float:left;
            font:bold 1.4em Helvetica, Arial, sans-serif;
            margin:55px 10px 0 15px;
            width:150px;
            }
	
	#mini-tres{
		background-image:url('img/banner3.png');
		background-repeat:no-repeat;
		background-position:top left;
        height:150px;
		margin:10px auto;
		width:205px;		
        }
        .mini-txt3{
            float:left;
            font:bold 1.4em Helvetica, Arial, sans-serif;
            margin:75px 10px 0 15px;
            width:150px;
            }
        .mini-txt3 a{color:#003399;}
        .mini-txt3 a:hover{text-decoration:underline;}
	
#propaganda{float:right;height:450px;margin-top:10px;width:260px;}

	
/*PRODUTOS*/
#contents-produtos{float:left; padding:10px;}
#contents-produtos #list{float:right;margin:0}/* <- mesmo conteudo na home com alteração aqui*/
#contents-produtos #produto {border:5px solid #DDD; margin:10px 0 10px 15px; float:left; width:450px; display:inline;}
#contents-produtos #produto  img {padding:0; margin:0; float:right; border-left:5px solid #DDD;}
#contents-produtos #produto .detalhes-produto{padding:10px; margin:5px; float:left; border:0}	
#contents-produtos #produto .detalhes-produto h2{color:#333; font:bold  1.2em Helvetica, serif, sans-serif;}
#contents-produtos .preco{color:#666; font:bold  1.6em Helvetica, serif, sans-serif; display:block;}
#contents-produtos .valor{color:#00F; font:bold  2.4em Helvetica, serif, sans-serif; display:block;}
#contents-produtos .mais{text-align:left; float:left;  display:block;}        
#contents-produtos .mais a{font:bold  1em Helvetica, serif, sans-serif; color:#F00; margin-right:10px; text-decoration:underline;}

/*classes e ids da página de produto específico*/
#contents-produtos .oproduto{border:5px solid #DDD; margin:10px 0; padding:10px; float:left; width:700px; display:inline;}
#contents-produtos .oproduto h2{color:#666; font:bold  1.6em Helvetica, serif, sans-serif; margin:10px;}
#contents-produtos .oproduto img{padding:60px 25px; margin:0; float:left; border-right:5px solid #DDD;}
#contents-produtos .categorias{padding:0 25px; margin:0; float:left;}
#contents-produtos .categoria{color:#00F; font:bold  1.2em Helvetica, serif, sans-serif; padding:5px;display:block;}
#contents-produtos .dados-produto{color:#555; font:bold  1em Helvetica, serif, sans-serif; padding:5px;}

/*VOLTAR*/
#voltar{color:#00F; font:bold  1.4em Helvetica, serif, sans-serif; padding:5px;display:block;}

/*PROMOÇÕES*/
#contents-promocoes{padding:10px; float:left;}
#contents-promocoes #produto {border:5px solid #DDD; margin:10px 0; float:left; width:710px; display:inline;}
#contents-promocoes #produto  img {padding:0; margin:0; float:right; border-left:5px solid #DDD;}
#contents-promocoes #produto .detalhes-produto{padding:10px; margin:5px; float:left; border:0}	
#contents-promocoes #produto .detalhes-produto h2{color:#333; font:bold  1.2em Helvetica, serif, sans-serif;}
#contents-promocoes .preco{color:#666; font:bold  1.6em Helvetica, serif, sans-serif; display:block;}
#contents-promocoes .valor{color:#00F; font:bold  2.4em Helvetica, serif, sans-serif; display:block;}
#contents-promocoes .mais{text-align:left; float:left;  display:block;}        
#contents-promocoes .mais a{font:bold  1em Helvetica, serif, sans-serif; color:#F00; margin-right:10px; text-decoration:underline;}
	
/*EMPRESA*/
#contents-empresa{padding:10px; float:left;}
/*COMO CHEGAR*/
#contents-comochegar{padding:10px; float:left;}
/*CONTATO*/
#contents-contato{padding:10px; float:left;}
/*PARCEIROS*/
#contents-parceiros{padding:10px; float:left;}

/*RODAPE*/
#rodape{
	background:#444;
	clear:both;
	height:150px;
	margin:0 auto;	
	padding:0;
	}
	.bottom {
		background:#444;
		border-bottom:2px solid #777;
		color:#EEE;
		margin:5px auto 0;
		padding:8px 0;
		width:762px;
		}
		
	.bottom h2{
		font:bold 1.8em Arial, sans-serif;
		color:#DDD;
		padding:5px 0
		}
		
	.bottom p{
		font:normal 1.2em Helvetica;
		color:#DDD;
		}
		
	.bottom .left {width: 49%;}
		#contato-rodape{float:right; width:99%;}
		
	.bottom .right {width: 50%;}
		#formas-pgto-rodape{float:left; width:49%;}
		#links-rodape{float:left; width:49%;}
	
/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.left {float:left;}
.right {float:right;}
#criador{text-align:center; font:normal 1.1em Trebuchet MS,serif; color:#DDD;padding:5px}