﻿
    body { margin: 0; text-align: center; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 9pt; }

    /*.menuHeader { color: #000000; margin-left:10px; font-weight: bold; }*/
    
    hr { margin-top:3px; margin-bottom: 10px; color: #cccccc; height: 1px;}

    a:link, a:visited { text-decoration: none; color: #009999; }
    a:hover, a:active { text-decoration: none; color: #333333; }
    
    #main { width: 995px; text-align:left; }
    #headerMenu { color: #FFFFFF; font-weight: bold;  height: 20px; padding-top: 2px; background-color: #339999; background-image: url(../Images/layout/headerMenu_bg.png); background-repeat: no-repeat; }
    
    #headerMenu a { color: #FFFFFF; }
    #headerMenu a:hover { color: #000000; }
    
    #headerNews { color: #333333; padding-top: 2px; height: 28px; background-image: url(../Images/layout/headerNews_bg.png); background-repeat: no-repeat; }
    
    #headerNews a { color: #333333; }
    #headerNews a:hover { color: #000000; }
    
    #leftCol { width: 170px; float: left; padding-top: 27px; margin-right:5px; }
    #mainCol { width: 820px; float: left; }
    #footer {  width: 100%; float: left; height: 115px; text-align:center;}
    
    .tituloMenu { margin: 0; color: #CC3300; }
    
    .leftMenu { padding-top: 12px; background-image: url(../Images/layout/leftmenu_top.png); background-repeat: no-repeat; }
    .listmenu { background-image: url(../Images/layout/leftmenu_bottom.png); background-repeat: no-repeat; background-position: bottom; padding-bottom: 12px; margin-bottom: 15px; }
    .listmenu ul { background-image: url(../Images/layout/leftmenu_bg.png); margin: 0; padding: 0; list-style-type: none; width: 170px; margin-left: 0; }
    .listmenu li a { color: #333333; display: block; padding: 2px 0 2px 5px; text-decoration: none; }
    .listmenu li a:hover { background-color: #efefef; color: #000000; } 

    .tituloArea { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 2.5em; color:#666666; text-align: right; margin: 5px; }    
    
    .listaProdutos { width: 100%; height: 237px; background-image: url(../Images/layout/vitrine_produtos_bg.png); background-repeat: no-repeat; margin-bottom: 10px; }
    .listaProdutosItem { width: 33%; height: 100%; border-right: 1px solid #e2e2e2; float: left; }
    .listaProdutosRightItem { border-right: none; }
    
    .listaProdutoImagem { height: 155px; border-bottom: 1px solid #e2e2e2; text-align:center; margin-top: 20px; /* background-image: url(../Images/layout/carregando_bg.gif); background-position:center; */}
    .listaProdutoDetalhes { margin: 3px; margin-right: 5px; text-align: right; }
    .listaProdutoNome { font-size: 1.4em; font-weight: bold; color: #CC3300; }
    .listaProdutoNome a:link, .listaProdutoNome a:visited { text-decoration:none; color: #CC3300; }
    .listaProdutoNome a:hover, .listaProdutoNome a:active { color: #009999; }

    .listaProdutoModelo { font-size: 1em; font-weight: bold; }
    .listaProdutoLinks { font-size: 1em; color: #999999; }
    
    #detalhesProdutosBox, #textoBox { width: 820px; background-image:url(../Images/layout/detalhes_produtos_bg.png); background-repeat: repeat-y; }
    #detalhesProdutosTopo { width: 100%; height: 15px; }
    #detalhesProdutosTopoCenterBorder { width: 400px; height: 15px; border-right: 1px solid #e2e2e2; }
    #detalhesProdutos { background-color:#cccccc; }
    #detalhesProdutosBase { width: 100%; height: 15px;}
    
    #detalhesProdutosImagem { width: 400px; float: left; border-right: 1px solid #e2e2e2; text-align: center;  }
    #detalhesProdutosDetalhes { width: 400px; float: left; border-left: 1px solid #e2e2e2; margin-left: -1px; }
    #detalhesProdutosDescricao { width: 100%; float: left; border-top: 1px solid #e2e2e2; }
    
    .cssMargin10 { margin: 10px; }
    .cssMargin30 { margin: 30px; }
    
    .detalhesProdutosNomeProduto { font-size: 1.8em; font-weight: bold; color: #009999; }
    .detalhesProdutosModeloProduto { font-size: 1.4em; font-weight: bold; color: #000000; }
    .detalhesProdutosDetalhesProduto {  }
    
    .inputBusca { border: 1px solid #FFFFFF; color: #009999; height: 15px; width: 180px;  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 8pt; }
    .inputText { border: 1px solid #009999; color: #009999; height: 18px;  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 8pt; }
    
    .btnBusca a { text-decoration: none; font-size: 10pt; }
    .btnBusca a:hover, .btnBusca a:active { color: #FFFFFF; background-color:#00CCCC; }
    
