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

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	text-decoration: none;
}

body,td,th {
	color: #f1f1f1;
	font-family: 'Trebuchet MS', Verdana, Arial, Tahoma, sans-serif;
	line-height:150%;
        font-size:13px;
}

input, img {vertical-align: middle;}
hr {display: none;}
h3 {clear: both;}

html { height: 100%; }
body {
 	margin-right:auto;
 	margin-left:auto;
	text-align:center;
	color:#FFFFFF;
	background:#000000;
}
a:hover{color:#ffffff !important; text-decoration:underline}
img  { border:0;}
form { display:inline; }
input,
select,
textarea{
	margin: 0;
	padding: 0;
	color:#000000;
	border: 1px solid #c0c0c0;
	padding: 2px 4px;
	overflow:hidden;
	}
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_conteudo {
	color: #CC0000;
	font-size: 12px;
	font-weight:bold;
        border-bottom: 1px dotted #CCCCCC
	}
.titulo_conteudo:before { content: "» "; }
.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 td {border:1px solid #E2E2E2;}
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
**------------------------------------------------------------*/
#cabec_sessao {
	font-weight:bold;
	padding: 3px;
	border-bottom:	1px dotted #CCCCCC;
	}
#cabec_sessao span.tit,
#cabec_sessao span.tit a {
	color: #00CCFF;
	font-size: 17px; 
	padding-right:5px;
	}
#cabec_sessao span.tit:before { content: "» "; }
#cabec_sessao span.sub a {
	color: #00CCFF;
	font-size: 12px;
	padding-left:5px;
	}
#cabec_sessao a:hover {
	color: #00CCFF !important;
	text-decoration: none;
	}

/*------------------------------------------------------------*
**  Produtos Detalhes
**------------------------------------------------------------*/
#prod_detalhes #comprar, 
#prod_detalhes #bt_top {
	display:none;
	}
#prod_detalhes #imgs {
	padding: 0 60 ; 
	}
#prod_detalhes #imgs div.grande {
	top: 25; 
	position:relative;
	}
#prod_detalhes #imgs div.peq { 
	width:100; 
	float: left;
	}
#prod_detalhes #imgs img {
	float: left;
	padding: 4;
	margin: 2px;
	}
	
/*------------------------------------------------------------*
**  Produtos Itens
**------------------------------------------------------------*/	
#prod_itens a {
	font-size:10px;
	width:235px;
	height: 70px;
	float: left;
	padding: 4;
	margin: 4px;
	border: 1px solid #c0c0c0;
	background: #ffffff;
	}
#prod_itens a:hover {
	border: 1px solid #000000;
	text-decoration: none;
	background: #EAEAEA url(imagens/bt_detalhes.gif) no-repeat bottom right;
	}
#prod_itens .nome,
#prod_itens .descr{
	display:block;
	}
#prod_itens .valor{
	color:green;
	font-weight:bold;
	display:block;
	}
#prod_itens .prod {
	border: 1px solid #ddd;
	float: left;
	margin-right: 4px
	}
#prod_itens .bot{
	clear: both; 
	margin-top: -3px;
	float:right;
	display:none;
	}


/*------------------------------------------------------------*
**  Conteudos Lista
**------------------------------------------------------------*/	
#cont_itens a {
	font-size: 12px;
	color: #ff0000;
	display:block;
        height:50px;
        clear:both;
        padding:5px;    
        margin:5px;
	border: 1px dotted #c0c0c0;
	}
#cont_itens a:hover {
	text-decoration: none;
	background-color: #666;
	border-color: #00CCFF;
	}

#cont_itens .titulo{
       font-size:13px;
       font-weight:bold;
}
#cont_itens a:hover .titulo{
        color: #00CCFF;
}
#cont_itens a:hover .resumo{
        color: #fff;
}
#cont_itens .icon{
 	float:left;
	padding-right:10px;   
}
#cont_itens .resumo{
	color: #c0c0c0;
	}
#cont_itens .icon{ }
#cont_itens a.mais:hover {
       border:none;
       background:none;
}


/*------------------------------------------------------------*
**  Conteudos Detalhes
**------------------------------------------------------------*/
#cont_detalhes{
font-size: 12px;
margin-left:20px;
 padding:5px;
}
#cont_detalhes h2
{
font-size:16px;
color:#ff0000;
font-weight:bold;
margin:0;
width:92%;
padding-left:8%;
background:url(images/bullet_16.jpg) no-repeat bottom left;
padding-bottom:5px;
padding-top:3px;
text-decoration:none;
border-bottom: 1px dotted #CCCCCC;
}
#cont_detalhes a{
    color:#00CCFF;
}

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

	
/*------------------------------------------------------------*
**  Notícias destaque
**------------------------------------------------------------*/	
#destaque_noticias{
	font-size:8px;
	padding:5;
	}
/*------------------------------------------------------------*
**  Formulário de contato
**------------------------------------------------------------*/	
#formFale {
  margin:25px;
}

#formFale  fieldset{
  padding: 10px;
  border: 1px solid #ccc;
  width: 420px;
}
#formFale legend{
  co-lor:#065C47;
  f-ont-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-top: 5px;
  margin-bottom: 10px;
}
#formFale label{
  display: block;
  width: 100px;
  float: left;
  padding-top:2px;
  border-bottom: 1px solid #666666;
}
#formFale #CLI_UF{ 
  width: 150px;
}
#formFale #L_CLI_NEWS{
  width: 100%;
  margin:0px auto;
  margin-bottom: 10px;
}
#formFale #CLI_NEWS{ 
   margin:-2px 0px 0px 3px;
}
#formFale #bt_submit{
  float:right;
  margin:0px 100px;
  border:none;
}