/*@import url(menu.css);*/
@import url(template.css);

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body,td,th {
	font-family: 'Trebuchet MS', Verdana, Arial, Tahoma, sans-serif;
	color: #333;
	line-height:150%;
   font-size:13px; 
} 
body {
	background-color: #ccc; 
	margin: 0px;
	text-align:center;
}
a,
a:link,
a:visited{ color:#003399; text-decoration:none; }
a:hover { color:#000066;  text-decoration:underline; }

html,body{ height:100%;}
input,img{vertical-align: middle;}
img  { border:0;}
form { display:inline; }
input,
select,
textarea{
	font-family:"Trebuchet MS";
	margin: 0;
	padding: 0;
	overflow:hidden;
	outline:none;
	border:1px solid #D4D4D4;
	padding: 2px 4px;
	font-size:11px;
	color:#333;
	}
input:type(radio),
input:type(checkbox) {border:0;}


/*------------------------------------------------------------*
**  Classes principais
**------------------------------------------------------------*/
.prod_detalhes { 
	color:#0067C7; 
	font-size:11px
	}
.titulo_secao {
	color:#CC0000;
	font-size:11px;
	font-weight:bold;
	text-transform: uppercase;
	border-bottom: 1px dotted #CCCCCC
	}
.titulo_produto {
	color: #0067C7;
	font-size: 18px;
	font-weight:bold;
	border-bottom: 1px dotted #CCCCCC
	}
.titulo_grupo {
	color:#1F86DE;
	font-size:12px;
	font-weight:bold;
	}
.prod_icon_borda {
	border: 1px solid #CCCCCC;
	}
.detalhes_Linha {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;}
.relacionados_Linha {
	border-bottom: 1px solid #CCCCCC;
	}
.borda_padrao {
	border: 1px dashed #EEEEEE; 
	padding: 5 5 5 5 ; 
}
.menu_caixa {
	border: 1px solid #EEEEEE;
	padding-bottom: 5px;
	background:#FBFBFB
	}

/*------------------------------------------------------------*
**  Tabelas
**------------------------------------------------------------*/
table.bordasimples { border-collapse: collapse;}
table.bordasimples tr th,
table.bordasimples tr td {
   border:1px solid #c0c0c0;
   padding: 3px;
}
table .head { background-color: #EFEFEF; color:#0067C7; font-weight:bold;}
table .Linha1 { background-color: #FFFFFF; }
table .Linha2 { background-color: #F7F7F7; }

/*------------------------------------------------------------*
**  Intro Flash
**------------------------------------------------------------*/
#intro p a{
   color: #00CCFF;
	font-family: Arial;
	font-size: 11px;
	font-weight: bolder;
	margin: 10px;
	text-align: center;
}
#intro a:hover{ color: #00CCFF; text-decoration: underline;}

/*------------------------------------------------------------*
**  Cabeçalho Seções
**------------------------------------------------------------*/

.titulo_conteudo,
#cabec_sessao{
   font-size:20px;
   color:#333333;
   width:90%;
   padding:3px 0px 3px 25px;
   margin:10px auto;
   text-decoration:none;
   border-bottom: 2px solid #999999;
   background: url(imagens/favicon.gif) no-repeat left 60%;
}
#cabec_sessao span.tit,
#cabec_sessao span.tit *{
   font-size:17px;
   color:#333333;
   text-decoration:none;
}
#cabec_sessao span.sub,
#cabec_sessao span.sub *{
   font-size:18px;
   color:#333333;
   text-decoration:none;
   padding-left:15px;
}
#cabec_sessao span.sub a{ background: url(imagens/seta.gif) no-repeat left;}
#cabec_sessao span.sub img{ display:none}


/*------------------------------------------------------------*
**  Produtos Detalhes
**------------------------------------------------------------*/
#prod_det {
   margin:14px;
}

#prod_det h1{
   font-size:18px;
   color:#D71920;
   font-weight:normal;
   text-align:center;
   margin-bottom:10px;
}

#prod_det #imgs img {
	border: 1px solid #ddd;
	margin: 1px;
        padding:7px;
        *cursor: url(imagens/zoom.cur);
	}

#prod_det #imgs #big {
    width:355px;
}
#prod_det #imgs #big #bordas .conteudo{
    min-height:240px;   
}

#prod_det #imgs ul #bordas .conteudo{
       clear:both;
       display:block;
       height:110px; 
}

#prod_det #imgs ul li {
        list-style:none;
	float: left;
	}
	
#prod_det #imgs img.active {
	border-color: #D71920;
}
#prod_det #descricao{
	clear:both;
	display:block;
}

#prod_det #detalhes {
        top:285px;
        margin-left:360px;
        width:220px;
        position:absolute;
}
#prod_det #detalhes #bordas .conteudo{
       height:240px;   
}

#prod_det #detalhes h2{
  position:absolute;
  color:#fff;
  font-size:12px;
  text-transform:uppercase;
  text-align:center;
  cursor:default;
  height:20px;
  width:210px;
  margin:-10px 5px 0px -11px;
  padding-top:2px;
  background: #F13738 url(imagens/lay_proddes_barratitulo.gif) no-repeat;  
}

#prod_det #detalhes h3{
 padding-top:15px; 
}

#prod_det #detalhes h3,
#prod_det #detalhes h4{
  font-size:13px;
  font-weight:normal;
  display:block;
  text-align:center; 
}
#prod_det #detalhes h4{
  padding-top:2px;
  font-size:13px;
  color:#D71920;
  font-weight:bold;
}

#prod_det #detalhes table *{
   font-size:12px;
   padding:1px;
   margin:0px;
}

#prod_det #detalhes td{ 
   padding-right:3px;
   text-align:right;

}
#prod_det #detalhes tr{
   vertical-align:bottom
}

#prod_det #descricao h2,
#prod_det #comprar, 
#prod_det #bt_top {
	display:none;
	}

/*------------------------------------------------------------*
**  Produtos Itens
**------------------------------------------------------------*/	
#prod_itens{
   margin:17px;
}

#prod_itens a {
	line-height:130%;
        color:#D71920;
	font-size:12px;
        width:100%;
	height: 54px;
        overflow:hidden;
        display:block;
	fl-oat: left;
	padding: 0px;
        padding-left:0px;
	margin: 0px;
	border: 1px solid #ccc;
	bac-kground: #fff url(imagens/lay_prodit_fundo.gif) no-repeat;
        t-ext-align:center;
         
	}
#prod_itens a:hover {
	text-decoration: none;
	border: 1px solid #D71920;
	background-color: #F8F8F8;
	}

#prod_itens .grupo,
#prod_itens .nome,
#prod_itens .valor{
        position:absolute;
        margin-top:19px;
	display:block;
}

#prod_itens .grupo{
        margin-left:85px;
        width:220px;
}
#prod_itens .nome{
        margin-left:310px;
        width:170px;
	font-weight:bold;
}

#prod_itens .descr{ display:none; }
#prod_itens .valor{
        margin-left:475px;
        width:90px;
	color:green;
	font-weight:bold;
        text-align:right;
	}
#prod_itens .prod {
    clip: rect(0px,0px,55px,75px);
	width: 75px;
    position:absolute;
	}
#prod_itens .bot{
	clear: both; 
	margin-top: -3px;
	float:right;
	display:none;
	}

/*------------------------------------------------------------*
**  Conteudos Lista
**------------------------------------------------------------*/	
#cont_itens{
  margin:20px;
}
#cont_itens a {
	line-height:115%;
        float:left;
	display:block;
	height:90px;
        width:46%;
	padding:5px;    
	margin:5px;
	/*text-align:justify;*/
	border: 2px solid #C60F16;
        opacity: 0.5;
        overflow:hidden;
	}

#cont_itens a:hover {
	text-decoration: none;
        opacity: 1;
	}
#cont_itens .titulo{
       font-size:14px;
       font-weight:bold;
}
#cont_itens .icon{
 	float:left;
	padding-right:10px;   
}
#cont_itens .resumo{ 
        font-size:11px;
	dis-play:block;
	color: #666666;
	}
#cont_itens .icon{ }
#cont_itens a.mais:hover {
       border:none;
       background:none;
}


/*------------------------------------------------------------*
**  Conteudos Detalhes
**------------------------------------------------------------*/
#cont_detalhes{
   margin:15px 10px 15px 30px;
   text-align:justify;
}

#cont_detalhes h2{
   font-size:16px;
   color:#C60F16;
   font-weight:bold;
   text-align:left;
   margin:7px 0px;
   width:92%;
   padding: 3px 0px 5px 25px;
   text-decoration:none;
   border-bottom: 1px dotted #CCCCCC;
   background: url(imagens/favicon.gif) no-repeat left ;
}

#cont_detalhes .conteudo p{
   /*text-indent: 25px;*/
   margin: 15px 0;
}

#cont_detalhes .conteudo ul li{
   margin:0 30px;
}

#cont_detalhes span.icon{
   display:block;
   text-align:center;
   margin:10px;
}

#cont_detalhes span.icon img{
   padding:7px;
   border:1px solid #ccc;
   background-color: #fff;
}

#cont_detalhes a.voltar{
  float:right;
  margin:10px;
  font-weight:bold;
  text-transform:uppercase;
}
	
#cont_detalhes div#swf_galeria{
  margin:0 auto;
  width:510px;
  background:#F1494F;
  text-align:center;
  -moz-border-radius: 20px;
}
	
	
/*------------------------------------------------------------*
**  Formulário de indicação
**------------------------------------------------------------*/	
#indicar{
	background: #fff;
	height:100%;
	}

#indicar table{
     padding-top:15px; 
}
#indicar h3{
     padding-top: 100px;
     color:green;
}


/*------------------------------------------------------------*
**  Notícias destaque
**------------------------------------------------------------*/	
#destaque_noticias{
	font-size:8px;
	padding-:5;
	}

/*------------------------------------------------------------*
**  Formulário de contato
**------------------------------------------------------------*/	
#fale_obrigado{
   color:#C60F16;
   margin:30px;
   text-align:center;
   border:2px solid #065C47;
}

#formFale {
   width: 342px;
   margin: 0 auto;
   background:#fff;
   opacity: 0.8;
}

#formFale  fieldset{
  padding: 10px;
  border: 2px solid #C60F16;
  width: 340px;
}
#formFale legend{
  color:#C60F16;
  font-size:14px;
  font-weight: bold;
  letter-spacing: 1px;
}
/* HACK PARA CORRIGIR O MARGIN-BOTTOM*/
html>body #formFale legend{
	margin-bottom: 0px;
}
#formFale input,
#formFale select,
#formFale textarea{
  margin-bottom: 10px;
}
#formFale label{
  display: block;
  width: 100px;
  float: left;
  color: #000;
  padding-top:2px;
  border-bottom: 1px solid #f1f1f1;
}
#formFale #CLI_UF{ 
  width: 150px;
}
#formFale #L_CLI_NEWS{
  width: 100%;
  margin-bottom: 10px;
}
#formFale #CLI_NEWS{ 
   margin:-2px 0px 0px 3px;
}
#formFale #bt_submit{
  float:right;
  margin:0px 100px;
  border:none;
}