/*************************************************
 Folha de stylo para www.ama.org.br   loja
 desenvolvida por www.wallmedia.com.br em 07/01/08
 **************************************************/

*{
	margin: 0;
	padding: 0px;
	list-style:none;
	text-decoration: none;
}

/*************************************************
  Disposição do layout
*************************************************/

body {
	margin: 0 auto;
 	padding:0;
 	text-align:center;
 	background: #f9fdff;
	background-position: top center;
}

#content_geral {
	width: 780px;
    height: auto;
	margin: 0 auto;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	text-align:center;
	border: 0;
	background: #f9fdff url(w_lj_img_borda/bg_home.jpg) repeat-y;
	background-position: top center;
}

#topo  {
	background: #fff url(w_lj_img_borda/topo.jpg) no-repeat;
	width: 780px;
	height: 150px;
	background-position: top center;
	text-align:center;
	margin: 0px auto;
	border:0;
}

#logo_link { /* link para o portal */
    width: 70px;
    height: 95px;
    float: left;
   	margin-left: 20px;
	margin-top:10px;
	text-align:center;
	padding:0px;
	border: 0;
}

#foto_topo { /* fotos rotativas no topo */
    width: 162px;
    height: 97px;
    float: right;
   	margin-right: 31px;
	margin-top:5px;
	text-align:center;
	padding:0px;
	border: 0;
}

#texto_corrido{
	width: 100%;
	height: 25px;
	background: #fff;
	text-align:center;
	margin: 0px auto;
	border: 1px solid #fff;
}

#conteudo_pag {
 	width:780px;
	height: auto;
 	padding:0px;
 	margin:0 auto;
	border:0;
}

#menu { /* menu topo */
    float: left;
	width: 387px;
	height: auto;
	margin-left: 95px;
	margin-top:55px;
	text-align:left;
	padding:0px;
	border: 0;
}

#conteudoEsq {
    float: left;
	position:relative;
 	width: 24%;
	height:auto;
	padding:0;
    margin:0;
	text-align: center;
	border:0;
}

#conteudoDir {
	float: right;
	position:relative;
	width: 74%;
	height: auto;
	padding:0 0 0 0;
    margin:0 0 0 0;
	border: 0;
	text-align: center;
}

#rodape{
	clear:both;
	margin: 0px auto;
	width: 760px;
	/*height: 41px;*/
	height: auto;
	background-color: #5762A2;
	text-align: center;
	padding: 5px 0px 5px 0px;
}

/*************************************************
           marca d'agua topo
*************************************************/

 #magua {
    background: url(w_lj_img_borda/marca_d-agua_151x27.jpg) no-repeat;
    background-position: top left;
    width: 100%;
    height: 27px;
    margin: 0;
}
/*************************************************
           banner barra topo
*************************************************/
#banner {
	position: relative;
	left:0px;
	top: 170px;
}
#banner img{
	width: 300px;
	height: 69px;
	border:0;
}
/**** banner fundo ***/
#banner_bottom {
	float: right;
	position:relative;
	right:0px;
	bottom: 0px;
	z-index: 0;
}
/*************************************************
          barra de conteúdo nas páginas
*************************************************/
.barra_cont {
	width:98%;
	font: 18px verdana, arial;
	background: #fff;
	color:#CED5E7;
}
 .barra {  /* barra superior do produto */
	width: 98%;
	height: 22px;
	background-color: #CED5E7;
	font-size:16px;
	color:#5762A2;
    font-weight: 700;
	text-align:center;
	padding:1px;
	margin-top: 0;
	margin-bottom: 10px;
}
/*************************************************
           resumo da cesta de compras
*************************************************/
#cesta {
    float: left;
	width: 85%;
	height: 60px;
	margin: 15px 0px 0px 10px;
	border: 0;
}
/*************************************************
           form pesquisa no topo
*************************************************/
#pesquisa {
	position: relative;
	float: left;
	width: 200px;
    margin: 120px 10px 0px 0px;
	border:1px solid #000;
	background-color: #ccc ;
	z-index: 10;
}
#pesquisa input {
	font: 12px Arial,Verdana, Sans serif;
	color:#000000;
	background:#fff;
	border:1px solid #000000;
	padding: 2px;
}

#pesquisa .bt {
	font: 10px Arial,Verdana, Sans serif;
	color:#fff;
	font-weight: 700;
	background: #ccc;
	border:1px solid #fff;
	padding: 2px;
}

#pesquisa label{
	font: 12px Arial,Verdana, Sans serif;
	color:#fff;
	background: #ccc;
	font-weight: 700;
	text-align: right;
	padding: 2px;
}
/*************************************************
           Menu topo
*************************************************/
#menu ul.nav {
	width: 100%;
	margin:0;
	padding:0;
	}
#menu ul.nav li {
	list-style:none;
	display:inline;
	font-size:14px;
	text-align:left;
	font-weight: 700;
	border:0;
	padding:9px 14px 10px 7px;
	}
#menu ul.nav li a {
	color:#5762A2;
	text-decoration:none;
    margin: 0px;
	}
#menu ul.nav a:hover{
	color:#ff0000;
	}
/**********************************************************
			menu esq
**********************************************************/

#menu_esq {
	width: 85%;
	float: left;
	padding:0px 0px 0px 0px;
	text-align: left;
	margin: 0px 0px 0px 13px;
    border: 0;
}

#menu_esq p.tp{
    width:100%;
    height:20px;
	background: url(w_lj_img_borda/top_menu_esq_170x30.jpg) no-repeat;
    background-position: top left;
    text-align: center;
    font-size: 14px;
    color:#FFF;
    font-weight: 700;
    }

#menu_esq p.rdp{
    width:100%;
    height:40px;
    background: #fff url(w_lj_img_borda/rodape_menu_esq_170x40.jpg) no-repeat;
    background-position: top left;
    }

#menu_esq ul.navesq {
   	background: url('w_lj_img_borda/meio_menu_eaq_170x10.jpg') repeat-y;
    background-position: top left;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	width: 100%;
	height: auto;
	list-style:none;
	display:block;
	}	

#menu_esq ul.navesq li {
	font-size:12px;
	text-align:left;
	font-weight: 700;
	padding:5px 0px 2px 25px;
	}

#menu_esq ul.navesq li a {
	color:#FFF;
	text-decoration:none;
    margin: 0px;
	}

#menu_esq ul.navesq a:hover{
	color:#E2E5F1;
	}

/**********************************************************
			roda pe
**********************************************************/

#rodape ul.pe li {
	font:9px  Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	display:inline;
	color:#5F6064;
	}

#rodape ul.pe2 li {
	list-style:none;
	display:inline;
	font:10px  Verdana, Arial, Helvetica,
	sans-serif;
	color:#FFF;
	}

#rodape ul.pe li a {
	font:9px  Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
    font-weight: 700;
	text-align:center;
	padding:2px 2px 2px 2px;
	text-decoration:none;
}

#rodape ul.pe a:hover{
	color:#f78e29;
}

#rodape ul.pe2 li a{
	font:8px  Verdana, Arial, Helvetica,
	sans-serif;
	color:#FFF;
    font-weight: 400;
	text-align:center;
}

#rodape ul.pe2 a:hover{
	color:#49aeb8;
}

#rodape p {
   	text-align:left;
}	

/**********************************************************
			vitrine
**********************************************************/

#vitrine {
	width: 98%;
	height: auto;
	color:#000;
	padding: 0 0 0 0;
	text-align:center;
    margin: 0 0 0 0;
	border:0;
}

#vitrine table{
	background: #fff url(../w_lj_img_borda/lv_vitri_440x5.jpg) repeat-y;
	background-position: top center;
	border:0;
	width: 100%;
}

#vitrine tr{
	background: #fff url(../w_lj_img_borda/lv_vitri_440x5.jpg) repeat-y;
	background-position: top center;
	border-bottom: 1px solid #CCC;
}

#vitrine td{
   	background: url(../w_lj_img_borda/bt_marcadagua_86x25.jpg) no-repeat;
	background-position: 0px 5px;
	width: 50%;
	height: auto;
	border-bottom: 1px solid #CCC;
	padding: 2px 0 5px 0;
	vertical-align: top;
	text-align: center;
}

 .divconteudo{
	width: 100%;
	border: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
    text-align: center;
    font-weight: 700;
	padding: 0 0 0 2px;
    vertical-align: top;
    display: table-cell;
}

 .textos{
	width: 98%;
	height: auto;
	border: 0;
	margin-top: 0px;
	margin-left: 2px;
    font-weight: 700;
	padding: 0;
}

 .divimg{
	float: left;
	position: relative;
	width: 130px;
	text-align: center;
	margin-top:3px;
	margin-left:0;
	margin-right: 0;
	padding: 0;
	border: 0;
}

#vitrine p{
	width: 98%;
	padding: 2px 0px 2px 0px;
    font-weight: 700;
}

/**********************************************************
			lista categoria
**********************************************************/

#lista_cat {
	float: left;
	width: 99%;
	height: auto;
	background:#fff;
 	color:#000;
	padding:0px;
	vertical-align: top;
	text-align:justify;
    margin: 0px;
	border: 0;
}

#lista_cat .cont_lista{
	float: left;
	width: 69%;
	margin:0 0 0 0;
	vertical-align: top;
	padding: 0;
	border:0;
}

#lista_cat .cont_promo{
	float: right;
	width: 30%;
	margin:0 0 0 0;
	vertical-align: top;
	border: 0;
	padding: 0;
}

#lista_cat h1 {
	color:#006c88;
    font-weight: 700;
	text-align:center;
	padding:3px;
}

#lista_cat h3 {
	color:#ff0000;
    font-weight: 700;
	text-align:center;
	padding:3px;
}

#lista_cat p {
	width: 100%;
    font-weight: 700;
	padding:3px;
}

#lista_cat hr {
	width: 100%;
    height: 2px;
	color:#ccc;
}

   /* tabela do produto categoria */
#lista_cat .tabl_1{
	float: left;
	border:0;
	width: 98%;
}

#lista_cat .tabl_1 td{
	height: auto;
	border: 0;
	padding: 2px;
	vertical-align: top;
	text-align: center;
}



  /* tabela das promocoes */
#lista_cat .tabl_2{
	float:right;
	border:1px solid #ccc;
	width: 98%;
	margin:0;
}



#lista_cat .tabl_2 th{
	width: 100%;
	height: 25px;
	background-color: #000080;
	border: 0;
	padding: 2px;
	font-size: 14px;
	line-height:120%;
	color: #FFF;
	vertical-align: top;
	text-align: center;
}

#lista_cat .tabl_2 td{
	width: 100%;
	height: auto;
	border: 0;
	padding: 2px;
	vertical-align: top;
	text-align: center;
}

   /*  inline  */
#lista_cat ul.inl li{
	margin: 0;
	padding:0 3px 0 3px;
	list-style:none;
	list-style-position: inside;
	display: inline;
	}	

inlblc ul.inl li {
	border:0;
	padding:0;
	}

#lista_cat ul.inl li a {
	color:blue;
	text-decoration:none;
    margin: 0px;
	}

#lista_cat ul.inl a:hover{
	color:#ff0000;
	}

    /* bloco */
#lista_cat ul.blco {
	margin: 0;
	padding:0;
}

#lista_cat ul.blco li {
	list-style-type: square;
	list-style-position: inside;
	margin: 0 0 0 0;
	padding:0;
	font-size: 10px;
    line-height: 120%;
	color: #000;
	border:0;
	}

#lista_cat ul.blco li a {
	color:blue;
	text-decoration:none;
    margin: 0px;
	}

#lista_cat ul.blco a:hover{
	color:#ff0000;
	}

/**********************************************************
	Pagina de compra, cadasto, sedex, ecommerce
**********************************************************/

#pag_ccse {
	width: 98%;
	height: auto;
	font-size: 12px;
	color:#000;
	padding:0;
	text-align:center;
    margin: 0;
	border: 0;
}

#pag_ccse h1 {
	color:#006c88;
    font-weight: 700;
	text-align:center;
	padding:3px;
}

#pag_ccse h2 {
	color:#BD3C0C;
    font-weight: 700;
	text-align:left;
	padding:5px;
}

#pag_ccse h3 {
	font-size:16px;
	color:#ff0000;
    font-weight: 700;
	text-align:center;
	padding:3px;
}

#pag_ccse h4 {
	font-size:12px;
	color:blue;
    font-weight: 700;
	text-align:left;
	padding:3px;
}

#pag_ccse h5 {
	font-size:18px;
	color:#000;
    font-weight: 700;
	text-align:center;
	padding:5px;
}

#pag_ccse h6 {
	font-size:16px;
	color:#000;
    font-weight: 700;
	text-align:left;
	padding:7px;
}

#pag_ccse p {
	font-size:12px;
	color: #000;
    font-weight: 400;
	text-align: justify;
	padding:3px;
}

#pag_ccse .tb_ped_dest{ /*carrinho de compras itens*/
 	font-size:14px;
	color: #000;
    font-weight: 400;
    letter-spacing: 0px;
	padding:4px;
}

#pag_ccse .cabecatab { /* carrinho de compras cabeçalho */
	width: 95%;
	background-color: #5762A2;
 	font-size:12px;
	color: #fff;
    font-weight: 700;
	text-align: center;
}

#pag_ccse .cabecatabped { /* pedido de compras cabeçalho */
	width: 95%;
	background-color: #5762A2;
 	font-size:12px;
	color: #fff;
    font-weight: 700;
	text-align: center;
}

#pag_ccse .tb_carrinho { /* carrinho de compras cabeçalho */
	width: 95%;
	background-color: #fff;
 	font-size:12px;
	color: #000;
    font-weight: 400;
}

#pag_ccse .tb_totais { /* carrinho de compras cabeçalho */
	width: 95%;
	background-color: #fff;
 	font-size:14px;
    font-weight: 700;
}

#pag_ccse .tb_totais_ped { /* carrinho de compras cabeçalho */
	width: 70%;
	background-color: #fff;
 	font-size:14px;
    font-weight: 700;
}
#pag_ccse .tr_pag_parc { /* pagamento parcelas */
	width: 100%;
	background-color: #5762A2;
 	font-size:14px;
    font-weight: 700;
    color: #fff;
}


#pag_ccse input.btcar {
	height: 25px;
	background-color: #fff;
 	font-size:12px;
	color: #006c88;
    font-weight: 700;
    letter-spacing: 0px;
	padding:1px;
	border: 2px solid #006c88;
}

#pag_ccse ul.lk li {
	list-style-type: circle;
	display:block;
	list-style-position: inside;
	color:#000;
	text-align:left;
	padding-left: 10px;
	}

#pag_ccse ul.lk li a{
	font-size:12px;
	color:#000;
    font-weight:700;
	text-decoration:none;
	}

#pag_ccse ul.lk a:hover{
	color: #EE8124;
	}

#pag_ccse ul{
	display:block;
	padding: 0 0 0 5px;
	margin:0;
	}

#pag_ccse li{
	list-style-type: square;
	list-style-position: inside;
	color: #000;
    font-weight: 400;
	text-align:left;
	padding:0;
	margin:0;
}

/***********************************************************
                       janelas
***********************************************************/

#jan {
	background: #fff url(img_bordas/barra_janela.jpg) no-repeat;
    background-position: top center;
 	text-align: center;
	margin: 0 auto;
	padding-top: 40px;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 4%;
}

#jan  h1 {
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	color:#311863;
	text-align:center;
    font-weight: 700;
}  

#jan  h2 {
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	color:#311863;
	text-align:center;
    font-weight: 700;
}

#jan p {
	font-size:10px;
	text-align:center;
	vertical-align:baseline;
	padding: 1px;
	margin: 0;
}

#jan img {
	border: 1px solid #fff;
}

/*********************************************************
                   paginação
*********************************************************/

#paginacao{
 	width: 60%;
 	padding: 3px;
	margin:0 auto;
	border: 0;
	text-align:center;
	font-size:10px;
	color:#000080;
}

#paginacao a {
    background:#fff;
   	color:#000080;
    text-align:center;
	padding:2px;
	text-decoration:none;
}

#paginacao a:visited{color: #990066;TEXT-DECORATION: none;}
#paginacao a:hover {color: #ff0000;TEXT-DECORATION: none;}
#paginacao a:link    {color: #0000ff;TEXT-DECORATION: none;}

/***********************************************************
                         pagina contato
***********************************************************/

#contato_n {
	width: 540px;
	height: auto;
	background:#fff;
	color:#000;
	padding:0px;
	text-align:center;
    margin: 0px;
	border: 1px solid #fff;
}

#contato_n h1 {
	padding: 5px 0px 5px 0px;
	font-size:22px;
	color:#006c88;
	text-align:center;
    font-weight: 700;
}     

#contato_n h2 {
	padding: 5px 0px 5px 0px;
	font-size: 14px;
	color: #000084;
	text-align:center;
    font-weight: 700;
    border: 1px solid blue;
    background: red;
	margin: 0px 0px 0px 0px;
}

#contato_n h3 {
	padding: 10px 3px 10px 3px;
	font-size:16px;
	color: #000084;
    font-weight: 400;
	text-align:justify;
}

#contato_n p {
	padding : 10px 0px 10px 5px;
	font-size:12px;
	color: #000084;
    font-weight: 400;
	text-align:left;
}

#contato_n p.resp {
	padding: 2px 0px 2px 2px;
	font-size:12px;
	color: red;
    font-weight: 400;
	text-align:center;
	margin: 0 auto;
	border: 2px dashed #FF0000;
}

#contato_n fieldset {
	width: 90%;
	padding-top: 30px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 10px;
    text-align: center;
	border: 2px solid #000084;
	margin-left: 8px;
}

#contato_n fieldset.sen {
	float: left;
	width: 90%;
	padding:5px;
    text-align: center;
	border: 2px solid #000084;
	margin: 5px 0 0 25px;
}

#contato_n fieldset.cad_a {
	float: left;
	width: 240px;
	padding:5px;
    text-align: left;
	font-size:12px;
	color:#006c88;
    font-weight: 400;
	border: 2px solid #006c88;
	margin-top: 5px;
	margin-left: 10px;
}

#contato_n fieldset.cad_b {
	float: right;
	width: 240px;
	padding:5px;
    text-align: left;
	font-size:12px;
	color:#006c88;
    font-weight: 400;
	border: 2px solid #006c88;
	margin-top: 5px;
	margin-left: 10px;
}

#contato_n label{
	text-align: right;
	padding: 5px;
}

#contato_n legend  {
	font-size:12px;
	color: navy;
    font-weight: 400;
	text-align:center;
	color: #000084;
	background: #fff;
	border: 1px solid #781351;
	padding: 3px 2px 3px 2px;
	margin: 0px 0px 0px 0px;
} 	

#contato_n input {
	font-size: 12px;
	color:#000000;
	background:#FFFFFF;
	border:1px dashed #000000;
	padding: 2px;
}

#contato_n textarea {
	font-size: 12px;
	color:#000000;
	background:#FFFFFF;
	border:1px dashed #000000;
	padding: 3px;
}

#contato_n select {
	font-size: 12px;
	color:#000000;
	background:#FFFFFF;
	border:1px dashed #000000;
	padding: 3px;
}

#contato_n p.bt {
	padding : 5px 0px 5px 0px;
	font-size:12px;
	color:#000;
    font-weight: 400;
	text-align:center;
	background: #fff;
	border: 2px solid #000;
	margin: 0px 0px 0px 0px;
}

#contato_n table {
	width: 90%;
	font-size:12px;
	color: #000080;
    font-weight: 400;
	text-align:left;
}

/***********************************************************
                       botoes
***********************************************************/

.compraLista {
	font-size: 12px;
	color:white;
	background:red;
	border-color:white;
    width: 125px;
    height: 20px;
}

.compra {
	font-size: 10px;
	color:white;
	background:red;
	border-color:white;
}

/***********************************************************
                 pag c/formatação editor
***********************************************************/

.pgtxedit {
	float: left;
	width: 530px;
	height: auto;
    background: #ffffff;
	padding: 5px;
	margin: 0 auto;
}

.pgtxedit p {
	padding:3px;
    font-weight:400;
	margin: 2px;
}

.pgtxedit  h2 {
	padding: 2px;
	font-size: 14px;
	text-align:center;
    font-weight: 700;
}    

.pgtxedit h2.aviso {
	padding : 5px 0px 5px 0px;
	font-size: 12px;
	color: #fff;
	text-align:center;
    font-weight: 700;
    border: 1px solid blue;
    background: red;
	margin: 0px 0px 3px 0px;
}

.pgtxedit  h3 {
	padding: 2px;
	font-size: 12px;
	text-align:center;
    font-weight: 700;
} 

.pgtxedit h4 {
	padding : 10px 0px 10px 0px;
	font-size:12px;
	color: red;
    font-weight: 400;
	text-align:center;
}

.pgtxedit h5 {
	padding : 5px 0px 5px 0px;
	font-size: 12px;
	color: #fff;
	text-align:center;
    font-weight: 700;
    border: 1px solid blue;
    background: red;
	margin: 0px 0px 3px 0px;
}

.pgtxedit h6 {
	padding : 5px 0px 5px 0px;
	font-size: 12px;
	color: blue;
	text-align:left;
    font-weight: 400;
    border: 2px solid blue;
    background: #fff;
	margin: 0px 0px 3px 0px;
	padding: 3px;
}