html, body 
{
    height: 100%;
}

body 
{
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : normal;
    font-size : 11px;
    margin:0;
    padding:0;
    background: #f2f2f2;
}



a 
{
    text-decoration : none;
    color : navy;
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : normal;
    font-size : 11px;
}

a:hover 
{
    text-decoration : underline;
}

a:visited 
{
    text-decoration : none;
}

img a, img a:hover
{
    border : 0;
}


form 
{
    padding : 0px;
    margin : 0px;
}

input
{
    border : 0;
    font-size : small;
    font-weight : bold; 
    background-color : #f2f2f2;
    color : green;
    margin-top : 2px;
}

input:focus
{
    background : #fff;
    color : #000;
}

.clear
{
    clear : both;
    height : 0;
    margin : 0;
    padding : 0;    
    
}

.fieldset 
{
    border : 1px solid #ccc;
    margin : 3px;
    padding : 5px;
}

.label 
{
    margin-right : 5px;
    text-align : right;

    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 11px;
}   


.legend 
{
    text-align : center;
    color : #000;

    font-family : "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 15px;

    margin-bottom : 5px;
    margin-left : 10px;
    padding-left : 15px;
    padding-right : 10px;
    background: transparent url(../img/breadcrumb_2.gif) no-repeat center left;
}   



.input_text
{
    border : 1px solid green;
    font-family : Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 12px;

    background-color : #f2f2f2;
    color : #666666;
}

.input_text:focus
{
    background : #fff;
    color : #000;
}


.select 
{
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : normal;
    font-size : 12px;

    background-color : #f2f2f2;
    color : green;
}   




.submit
{
    border : 1px solid green;

    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 11px;

    background : #f2f2f2;
    cursor: pointer;
    color : Red;
}

.submit3 
{
    color : #f2f2f2;

    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 14px;

    background-image : url(../img/botao_prosseguir.gif);
    width : 171px;
    height : 41px;
    margin-left : 150px;
    padding-left : 40px;
    text-align : left;
    margin-top : 30px;
    margin-bottom : 30px;
    cursor: pointer;

}

.submit4 
{
    color : #f2f2f2;

    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 14px;

    background-image : url(../img/botao_prosseguir.gif);
    width : 171px;
    height : 41px;
    margin-left : 150px;
    padding-left : 20px;
    text-align : left;
    margin-top : 30px;
    margin-bottom : 30px;
    cursor: pointer;

}


.submit2 
{
    cursor : pointer;
    border : outset 1px #ccc;
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : normal;
    font-size : 11px;
    background : #999;
    color : #666;
    padding : 1px 2px;
    background : url(../img/formbg2.gif) repeat-x left top;
}

.submit2:hover 
{
    border : outset 1px #ccc;
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : normal;
    font-size : 11px;

    background : #999;
    color : #666;
    padding : 1px 2px;
    background : url(../img/formbg.gif) repeat-x left top;
    cursor : pointer;
}



#dhtmltooltip
{
    position: absolute;
    left: -300px;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
    /* background-color: lightyellow; */
    background-color: #FFFFCC;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    /*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer
{
    position : absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}



.titulos_h1
{
    text-align : left;
    background : url(../img/seta.gif) no-repeat top left;
    border-bottom : 1px solid green;

    padding-left : 30px;
    font-size : 18px;
    font-family : "MS Sans Serif", "Lucida Grande", "Trebuchet MS", Verdana;
    color : orange;
    font-weight : bold;
    height : 30px;  
}


.titulos_h2
{
    text-align : left;
    background : url(../img/seta.gif) no-repeat top left;
    border-bottom : 1px solid green;
    padding : 0px 0px 10px 30px;
    margin : 5px 0 5px 0px;
    font-size : 13px;
    font-family : "MS Sans Serif", "Lucida Grande", "Trebuchet MS", Verdana;
    color : orange;
}


.paragrafo
{
    text-align : left;
    background : url(../img/breadcrumb_2.gif) no-repeat top left;
    border : 1px dotted #000;
    padding : 0px 0px 0px 15px;
    margin : 4px;
    font-size : 13px;
    font-family : "MS Sans Serif", "Lucida Grande", "Trebuchet MS", Verdana;
    color : orange;
}



.box 
{
    border : 1px solid #999;
    padding : 10px;
    margin : 10px;
}

.bordaBox 
{
    background: #fff;
    margin : 5px;
}   

.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b4, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b, .bordaBox .b4b 
{
    background: #fff;
    display:block; 
    overflow:hidden; 
    font-size:1px;
}   

.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b 
{
    background: #fff;
    height:1px;
}   

.bordaBox .b2, .bordaBox .b3, .bordaBox .b4 
{
    background: #fff;
    border-left:1px solid #999; 
    border-right:1px solid #999;
}   

.bordaBox .b1 
{
    margin:0 5px; 
    background:#999; /* so este aqui que nao pode mudar o fundo */
}   

.bordaBox .b2 
{
    margin:0 3px; 
    border-width:0 2px;
}   

.bordaBox .b3 
{
    margin:0 2px;
}   

.bordaBox .b4 
{
    height:2px; 
    margin:0 1px;
}   

.conteudo_box
{
    padding:2px;
    /*display:block;*/
    background:#fff; 
    border-left:1px solid #999;
    border-right:1px solid #999;
}   





.breadcrumb
{
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 12px;
    margin : 0px;
}

.breadcrumb a
{
    background: transparent url(../img/breadcrumb.gif) no-repeat center right;
    text-decoration: none;
    padding-right: 10px; /*adjust bullet image padding*/
    color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active
{
    color: navy;
}

.breadcrumb a:hover
{
    text-decoration: underline;
}




.pagination
{
    padding: 2px;
}

.pagination ul
{
    margin: 0;
    padding: 0;
    text-align: right; /*Set to "right" to right align pagination interface*/
    font-size: 16px;
}

.pagination li
{
    list-style-type: none;
    display: inline;
    padding-bottom: 1px;
}

.pagination a, .pagination a:visited
{
    padding: 0 5px;
    border: 1px solid #9aafe5;
    text-decoration: none; 
    color: #2e6ab1;
}

.pagination a:hover, .pagination a:active
{
    border: 1px solid #2b66a5;
    color: #000;
    background-color: #f2f2f2;
}

.pagination a.currentpage
{
    background-color: #2e6ab1;
    color: #FFF !important;
    border-color: #2b66a5;
    font-weight: bold;
    cursor: pointer;
}

.pagination a.disablelink, .pagination a.disablelink:hover
{
    background-color: white;
    cursor: default;
    color: #929292;
    border-color: #929292;
    font-weight: normal !important;
}

.pagination a.prevnext
{
    font-weight: bold;
}







a.ovalbutton
{
    background: transparent url('../img/oval_green_left.gif') no-repeat top left;
    display: block;
    float: left;
    
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : normal;
    font-size : 12px;
    
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton
{
    color: #494949; /*button text color*/
}

a.ovalbutton span
{
    background: transparent url('../img/oval_green_right.gif') no-repeat top right;
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover
{ /* Hover state CSS */
    background-position: bottom left;
}

a.ovalbutton:hover span
{ /* Hover state CSS */
    background-position: bottom right;
    color: black;
}






#conteudo
{
    border : 0px solid red;
    width : 770px;
    margin : 0px;
    padding : 0px;
}


#seguranca
{
    border : 1px solid #ccc;
    width : 154px;
    margin-left : 5px;
    margin-top : 5px;
    padding : 3px;
}


#col_esq
{
    float:left;
    border : 0px solid red;
    width : 170px;
    margin : 0px;
    padding : 0px;
}


#col_meio_mais_dir
{
    float : left;
    border : 0px solid blue;
    width : 580px; /* verificar no i.e. pq la da pau */
    margin : 0px;
    padding : 0px;
}


#contato_esq
{
    float : left;
    border : 0px solid blue;
    width : 370px;
    margin : 10px;
    
}


#contato_dir
{
    float : left;
    border : 0px solid green;
    width : 340px;
    margin : 5px;
    padding-left : 10px;
}

#contato_dir ul 
{
    list-style-image : url(../img/seta_lista.gif);
    padding : 1px;
    margin : 1px;
    border : 0px solid green;
}

#contato_dir ul li 
{
    padding : 1px;
    margin : 1px;
    margin-bottom : 4px;
    border : 0px solid #ccc;
}



/*
.toggleopacity img
{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
}

.toggleopacity:hover img
{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
}
*/
.toggleopacity img
{
    border: 1px solid #ccc;
}

/* ---------------------- queima de estoque ----------------------- */
.div_queima_estoque
{
    border : 2px solid #FF9900;
    width : 157px;
    margin : 0px;
    margin-top : 15px;
    height : auto;
    padding : 0px;
    margin-left : 5px;
    padding-bottom : 20px;
}

.div_queima_estoque div:hover
{
    background-color : #FF9900;
}


.baner_lateral_lar
{
    height : 165px;
    border-top : 1px dotted #000;
    border-left : 1px dotted #000;
    border-bottom : 1px solid #000;
    border-right : 1px solid #000;
    
    margin-top : 20px;
    padding-left : 3px;
    margin-left : 1px;
    margin-right : 1px;
}

.nome_chamada
{
    border : 0px solid black;
    height : 42px;
    padding : 3px;
}

.nome_chamada a, .nome_chamada a:hover
{
    font-family : Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;
    font-weight : normal;
    font-size : 11px;
    text-decoration : none;
    color : navy;
}


.imagem_chamada 
{
    padding-top : 2px;
    border : 0px solid #000;
    height : 90px;
    text-align : center;
}

.imagem_chamada img
{
    border : 0px solid #FF9900;
    width : 90px;
    height : 90px;
}

.imagem_chamada img:hover
{
    border : 1px solid #000;
}


.preco_chamada
{
    text-align : right;
    border : 0px solid green;
    height : 15px;

    padding-right : 40px;
    padding-top : 3px;
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

    font-weight : bold;
    font-size : 13px;
    text-decoration : none;
    color : red;
}




.resenha_cinza a, .resenha_cinza a:hover
{
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-style : italic;
    font-size : 15px;
    text-decoration : none;
    color : #ccc;
}




/* *********************** vitrine ************************** */
.linha_vitrine
{
    padding : 0px;
    border : 0px solid red;
    border-bottom : 0px dotted #000;
    margin : 0px;
    height : 260px;
    width : 580px;
}


.produto
{
    /*
    background : url(../img/prateleira_verde.jpg) no-repeat;
    background : url(../img/prateleira_pb.gif) no-repeat; 
    width:113px;
    height : 246px;
    */
    width:128px;
    height : 245px; /* tava 236 */
    float:left;
    margin-left : 7px;
    margin-top : 5px;
    padding : 1px;
    text-align : center;
    border : 0px solid #000;
    border-bottom : 2px solid #ccc;
    border-top : 1px solid #ccc;
    border-left : 1px solid #ccc;
    border-right : 2px solid #ccc;
}


.img_produto 
{
    border : 0px solid blue;
    height : 102px;
}

.img_produto img:hover
{
    border : 1px solid #ccc;
}

.nome_produto
{
    text-align : left;
    border : 0px solid red;
    padding : 3px;

    font-family : Helvetica, Verdana, "Trebuchet MS", sans-serif;
    font-weight : normal;
    font-size : 11px;
    text-decoration : none;
    color : navy;

    height:70px;
    margin-top : 1px;
}


.preco 
{
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : normal;
    font-size : 12px;
    font-weight: bold;
    height : 63px;
    border : 0px solid red;
}



/* *********************** prateleira ************************** */

.linha_prateleira
{
    padding-bottom : 5px;
    border : 0px solid green;
    border-bottom : 1px dotted #000;
    margin-left : 3px;
    margin-top : 3px;
    height : 220px;
}


.prateleira
{
    width:268px;
    border-top:#cccccc solid 1px;
    border-left:#cccccc solid 1px;
    float:left;
    margin-left:3px;
    padding-left:2px;
    margin-bottom : 5px;
    text-align:center;
    position:relative;
    border : 0px solid green;
}


.nome_produto_prateleira
{
    width : 265px;
    height : 45px;
    border : 0px solid purple;
    text-align : left;
}


.img_prateleira 
{
    float : left;
    border : 0px solid red;
    width : 100px;
    height : 100px;
    cursor : pointer;
}

.img_prateleira img:hover
{
    border : 1px solid #ccc;
}


.preco_produto_prateleira
{
    height : 100px;
    width : 150px;
    float : left;
    border : 0px solid red;
}

.resenha
{
    clear : both; 
    width : 265px;
    border : 0px solid red;
    text-align : left;
    height : 70px;
}


.box_pequeno_prateleira
{
    padding : 1px;
    margin-top : 2px;
    margin-left : 2px;
    text-align : left;  
}


.riscado
{
    text-decoration : line-through;
    text-align : left;

    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 12px;

    color : red;
}


.destaque_azul a
{
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 12px;
    color : Navy;
}


.destaque_verde
{
    color : green;
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 12px;
}


.destaque_vermelho
{
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 14px;
    color : red;
}


.destaque_laranja
{
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 14px;
    color : orange;
}

.destaque_cinza
{
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 12px;
    color : #999;
}



/* ************************************************************************* */
/* ****************** botoes quadrados do destaques ************************ */

.cssbuttonstoggler_legenda
{ 
    border : 0px solid blue;
    width: 255px;
    margin-top: 6px;
    margin-left: 15px;
    text-align: center; /*How to align pagination links: "left", "center", or "right" */
    float : left;
    height : 25px; 
}


.cssbuttonstoggler
{ 
    /*style for DIV used to contain toggler links. */
    border : 0px solid red;
    width: 220px;
    margin-top: 6px;
    text-align: center; /*How to align pagination links: "left", "center", or "right"
    background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    float : left; 
}
/*
    Total contenttoggler width: 350px+5px+5px=360px
    Or total width of wrapper div (counting wrapper border/padding)
*/

.cssbuttonstoggler a
{ 
    /*style for every navigational link within toggler */
    background: transparent url('../img/square-gray-left.gif') no-repeat top left;
    color: #494949;
    display: block;
    float: left;
    margin-left: 4px;
    font: normal 12px Arial; /* Change 12px as desired */
    line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
    height: 23px; /* Height of button background height */
    padding-left: 9px; /* Width of left menu image */
    text-decoration: none;
}

.cssbuttonstoggler a span
{
    background: transparent url('../img/square-gray-right.gif') no-repeat top right;
    display: block;
    padding: 4px 9px 4px 0; 
    /*Set 9px below to match value of 'padding-left' value above*/
}

.cssbuttonstoggler a.selected, .cssbuttonstoggler a:hover
{ 
    /*style for selected and hover page's toggler link. ".selected" class auto generated! */
    background-position: bottom left;
}

.cssbuttonstoggler a.selected span, .cssbuttonstoggler a:hover span
{ 
    /*style for selected and hover page's toggler link. ".selected" class auto generated! */
    background-position: bottom right;
    color: black;
}





/* ************************************************************************* */
.cssform .p1
{
    width: 550px;
    clear: left;
    margin: 0;
    padding: 5px 0 4px 0;
    padding-left: 110px; /*width of left column containing the label elements*/
    /* border-bottom: 1px dashed gray; */
}

.cssform p
{
    width: 250px;
    clear: left;
    margin: 0px;
    padding: 5px 0 4px 0;
    padding-left: 90px; /*width of left column containing the label elements*/
    /* border-bottom: 1px dashed gray; */
}

.cssform span
{
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 14px;
}


.cssform label
{
    height : 17px;
    padding-top : 2px;
    vertical-align : middle;
    float: left;
    margin-left: -90px; /*width of left column*/
    width: 90px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
    border-bottom: 1px solid red;
}



/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix
{
    margin-left: 3px;
}


/* ************************************************************************* */
/* detalhes.asp */


.thumbnail
{
    position: relative;
    z-index: 0;
}

.thumbnail:hover
{
    background-color: transparent;
    z-index: 50;
}

.thumbnail span
{ 
    /*CSS for enlarged image*/
    position: absolute;
    background-color: #f2f2f2;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.thumbnail span img
{ 
    /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
}

.thumbnail:hover span
{ 
    /*CSS for enlarged image on hover*/
    visibility: visible;
    top: -200px;
    left: -360px; 
    /*position where enlarged image should offset horizontally */
}



.nomeprod_detalhes h1
{
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 14px;
    border-bottom : 1px dotted #000;
    padding : 2px;
    margin : 2px 1px 3px 1px;
}   
    
.nomeprod_detalhes p
{
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : normal;
    font-size : 11px;
    padding : 2px;
    margin : 2px 1px 3px 1px;
}   
    

.frete_prazo_detalhes
{
    float : left;
    width : 260px;
    height : 250px;
    border : 0px solid blue;
    margin : 4px;
}


.img_detalhes img
{
    float : left;
    width : 300px;
    height : 250px;
    border : 0px solid maroon;
    margin : 2px;
}


.img_barra_fotos
{
    float : left;
    width : 250px;
    height : 30px;
    border : 0px solid maroon;
    margin-left : 5px;
}


.img_barra_fotos a img
{
    float : left;
    width : 30px;
    height : 25px;
    border : 0px solid #ccc;
    margin-left : 3px;
}

/*************************************************************************/

#desc_produto ul
{
    list-style-image : url(../img/seta_lista.gif);
    padding-left : 10px;
    margin-left : 10px; 
}   

#desc_produto span
{
    font-size : 12px;
    font-weight : bold;
    color : Olive;
    text-decoration : underline;
    border : 0px solid red;
}


#especificacoes ul
{
    list-style-image : url(../img/breadcrumb_2.gif);
    padding-left : 10px;
    margin-left : 10px; 
}   

#acessorios
{
    padding-left : 0px;
    margin-left : 5px;  
}   

#acessorios table
{
    border-collapse : collapse;
    
}   

    
#inclusos ul
{
    list-style-image : url(../img/check_inclusos.gif);
    padding-left : 10px;
    margin-left : 10px; 
}   
/* ***************************** tooltip **************************** /






/* **************************** tab detalhes.asp ******************** */

#tab_produto
{
    width : 565px;
    border : 0px solid red;
    margin : 0px;
    padding : 0px;  
    margin-left : 5px;
}

#tab_produto_interno
{
    border : 0px solid green; 
    
    border-top : 1px solid green; 
    
    width : 555px; 
    margin : 0;
    margin-bottom : 5px;
    padding : 0;
    padding-left: 5px;
    padding-top : 5px;
}

.shadetabs
{
    border : 0px solid blue;    
    padding: 3px 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    margin-left : 10px;

    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 12px;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li
{
    display: inline;
    margin: 0;
}

.shadetabs li a
{
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 3px 2px;
    margin-right: 3px;
    
    border: 1px solid green;
    border-bottom : 0;  
    color: #2d2b2b;
    background: white url(../img/shade.gif) top left repeat-x;
}

.shadetabs li a:visited
{
    color: #2d2b2b;
}

.shadetabs li a:hover
{
    color: #2d2b2b;
    background : #ccc;
}

.shadetabs li a.selected
{ 
    position: relative;
    top: 1px;
    background-image: url(../img/shadeactive.gif);
    border-bottom-color: #fff;
    background : #ccc;
}

.shadetabs li a.selected:hover
{
    /*selected main tab style */
    text-decoration: none;
    background : #ccc;
}

.tabcontent
{
    display:none;
    border : 0px solid purple;
}

/********************************************************************/

#legenda
{
    width : 95%;
    margin : 5px 0 0px 10px;
    border : 0px solid purple;
    height : 40px;
}

#voce_esta_em
{
    font-family : Helvetica, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-weight : bold;
    font-size : 12px;

    float : left;
    width : 90px;
    height : 20px;
    margin : 5px;
    padding : 4px;
    padding-left : 12px;
}

.selecionado
{
    font-family : "Arial Black", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-size : 12px;

    float : left;
    text-align : center;
    color : red;
    background : url(../img/seta.gif) no-repeat top left;
    border-bottom : 1px solid #ccc;

    width : 90px;
    height : 20px;
    margin : 5px;
    padding : 4px;
    padding-left : 12px;
}

.nao_selecionado
{
    font-family : "Arial Black", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-size : 12px;
    float : left;
    text-align : center;
    color : #ccc;
    border-bottom : 1px solid orange;

    width : 90px;
    height : 20px;
    margin : 5px;
    padding : 4px;
    padding-left : 12px;
}

.realizado
{
    font-family : "Arial Black", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-size : 12px;
    border-bottom : 1px solid green;
    float : left;
    text-align : center;
    color : green;
    background : url(../img/check.gif) no-repeat top left;

    width : 90px;
    height : 20px;
    margin : 5px;
    padding : 4px;
    padding-left : 12px;
}



.tabela_montarel
{
    color : navy;
    width : 98%;
    text-align : left;  
    border : 0px;
}

.tabela_montarel td
{
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : normal;
    font-size : 10px;

    border : 0px;
    padding-left : 2px;
    padding-top : 2px;
    color : black;
}

.tabela_montarel a
{
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : normal;
    font-size : 10px;
    text-align : left;  
}


#tabela_carrinho
{
    width : 98%;
    border : 0px;
}


#tabela_carrinho tr 
{
    border-bottom : 1px dotted #ccc;
}


#tabela_carrinho th 
{
    background : #ccc;
    height : 30px;
    border : 0px solid #ccc;
}

#tabela_carrinho td 
{
    border : 0;
    padding : 1px;
    margin : 1px;
}

#botoes_carrinho
{
    padding : 5px;
    margin : 10px;
    text-align : right;
}


#box_pgto_opcao
{
    float : left;
    width : 150px;
    border : 0px solid blue;
    padding : 2px;
    margin-left : 1px;
}

#box_parcelamento   
{
    float : left;
    width : 250px;
    border : 1px solid green;
    padding : 4px;
    margin-left : 10px;
}




.msg_erro  /* exibe as mensagens de erro */
{
    width : 90%;
    padding : 5px;
    margin : 5px;
    margin-left : 10px;
    border : 1px solid orange;  
    color : Red;
}

.msg_erro img /* exibe as mensagens de erro */
{
    vertical-align : middle;
}



#cabecalho_impressao 
{
    border : 1px solid green;
    display : none;
    margin-bottom : 3px;
}



#box_formLogin
{
    width : 45%;
    float : left;
    border : 0px solid red;
    padding : 5px;
    margin-left : 10px;
}

#box_formCliente
{
    width : 45%;
    float : left;
    border : 0px solid blue;
    padding : 5px;  
    margin-left : 15px; 
}

.sub_fieldset_login
{
    height : 70px;
    width : 90%;
    float : left;
    border : 1px dotted green;
    padding : 5px;  
}



#box_cobranca
{
    width : 48%;
    float : left;
    border : 1px solid green;
    padding : 1px;
    margin-left : 5px;
    height : 270px;
}

#box_entrega
{
    width : 48%;
    float : left;
    border : 1px solid orange;
    padding : 1px;  
    margin-left : 5px;  
    height : 270px;
}

#box_email_senha
{
    width : 48%;
    float : left;
    border : 0px solid blue;
    padding : 1px;  
    margin-left : 5px;  
}


#box_privacidade
{
    width : 48%;
    float : left;
    border : 0px solid blue;
    padding : 1px;  
    margin-left : 5px;  
}


#_privacidade textarea
{
    padding : 1px;  
    margin : 1px;   
}


.fonte_grande
{
    font-size : 34px;
}   

.fonte_media
{
    font-size : 24px;
}   


#box_fechado_esq
{
    width : 150px;
    float : left;
    border : 1px solid #0099FF;
    padding : 3px;
    margin-left : 15px; 
    height : 240px;
}

#box_fechado_esq p
{
    width : 100%;
    border : 0;
    background : #0099FF;
    color : White;

    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 12px;
    margin : 0; 
}


#box_fechado_meio
{
    width : 380px;
    height : 240px;
    
    float : left;
    border : 1px solid #FF3333;
    padding : 3px;  
    margin-left : 5px;  
}

#box_fechado_meio p
{
    width : 100%;
    border : 0;
    background : #FF3333;
    color : White;
    
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 12px;
    
    margin : 0; 
}


#box_fechado_dir
{
    width : 150px;
    height : 240px;
    float : left;
    border : 1px solid #339933;
    padding : 3px;  
    margin-left : 5px;  
}


#box_fechado_dir p
{
    width : 100%;
    border : 0;
    background : #339933;
    color : White;
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-weight : bold;
    font-size : 12px;

    margin : 0; 
}