* { margin: 0; padding: 0; border: 0; }
body {  background-color: #000; border-top: 11px solid blue;} 
body, div, td {	font: normal 13px "Arial", Verdana, Times;	color: #666666; }

img { border: none; }

.DobroInterno {	margin: 20px; }
.Interno {	margin: 10px; }
.MeioInterno {	margin: 5px; }
.Invisivel {font-size: 0px; border: none; background-color: transparent; position: absolute; left: -999px;}
.Neutro { font-size: 1px;  margin: 0; background-color: #000;}

a		{ text-decoration: none; color: #444; font-weight: bold;  }
a:hover { color: #888; }
a img	{ border: none; }

input, textarea, select {
	font: 12px Arial, Times New Roman, Times;
	background-color: #fff;
	padding: 1px;
	z-index: 10;
}

____p {
	margin: 0 0 0 0;
	text-align: justify;
	line-height: 120%;
}

____p:first-letter {
	font: normal 45px  "Arial", Verdana, Times New Roman;
	line-height: 30px;
	margin: 0 4px 0 5px;
	float: left;
	clear: both;
}

.BarraPaginacao {
	clear: both;
	padding: 5px;
	text-align: center;
 }
 .BarraPaginacao img { margin: -8px 0 0 0; }

.Both { clear: both; }


textarea {	overflow: auto;}
#Branco { border: none; background: none; }
#EmailNewsletter { width: 150px; height:23px margin: 0; color: #000; font-size: 11px;}
.DisparaEmailNewsletter { background-color: transparent; color: #fff;  margin: 0 0 0 2px; font-size: 11px;}
.BotaoOk { width: 35px; height: 19px; color: #fff; font-size: 10px; font-weight: bold;  background: transparent url("../Imagens/bgBotaoOK.jpg") no-repeat left top; cursor: hand; float: right;  position: relative;}
.BotaoEnvia { width: 106px; height: 26px; border: 1px solid #990000; background: #990000 url("../Imagens/bgBotao.jpg") repeat-x top left; color: #fff; cursor: hand; font-size: 13px; margin: 0 0 30px 250px; }
.BotaoResponder { width: 106px; height: 26px; color: #fff; background: transparent url(../imagens/bgBotao.png) no-repeat left top; border: none; float: left; cursor: hand; margin: -8px 0 0 50px;}
.CheckBox { border: none; background-color: transparent;}
.BotaoExcluiLista { background-color: #9b0003; width: 120px; height: 25px; color: #fff; font-weight: bold; float: right; cursor: hand;}

.textbox, .txtArea, .textboxOn, .textAreaOn { background-color: #FFF; border: 2px solid #000; margin: 2px 0 0 0;	z-index: 14;}
.textboxOn, .textAreaOn { border: 2px Solid #8E0000; background-color: #FFF; }


table { border-collapse: collapse; }

hr { background-color: #C0CAD4; color: #C0CAD4;; height: 1px; clear: both; margin: 10px 0;}

h1 { font: normal 22px "Arial", Times New Roman, Times;	color: #fff; margin: 20px 0; }
h2 { font: normal 16px "Arial", Verdana, Times;	color: #ccc; margin: 0 0 10px 0;}
h3 { font: bold 17px "Arial", Verdana, Times;	color: #FFF; margin: 0 0 10px 0;}
h4 { font: normal 16px "Arial", Times New Roman, Times;	color: #FFF; width: 132px; border: 1px solid #fff; text-align: center; padding: 10px 0; text-transform: uppercase; }
h5 { font: normal 14px "Arial", Times New Roman, Times;	color: #FFF;  border: 1px solid #fff; text-align: center; padding: 5px 10px; text-transform: uppercase; }
h6 { font: normal 12px "Arial", Verdana, Times; margin: 0; }


/* ======== Estrutura do site ========================================== */

.EwiglichJoias { float: right;  }
a.LinkJoias{ clear: both; float: right; color: #999; font-size: 13px; margin: 335px 0 0 0; text-align: right;}
#SegundoBody {
	position: absolute;
	clear: both;
	width: 100%;
	background: transparent url("../Imagens/bgSegundoBody.jpg") repeat-y center top;
	border-bottom: 10px solid blue;
	z-index: 3;
}

#TerceiroBody {
	position: absolute;
	clear: both;
	width: 100%;
	height: 100%;
	background: transparent url("../Imagens/bg-aguarde.png") no-repeat left 470px;
	z-index: 1;
}


#AreaSite {
	position: relative;
	width: 950px;
	height: auto;
	text-align: left;
	top: 0;
	
	left: 50%; margin-left: -475px;
	background: #000 url("../Imagens/bgAreaSite.jpg") repeat-x top left;

}

#rodapeCapa {
	position: relative;
	width: 950px;
	height: auto;
	text-align: left;
	top: 0;
	color: #fff;
	left: 50%; margin-left: -475px;
}

#rodapeCapa #Conteudo{ margin: 490px 0 0 0; }
#rodapeCapa #Conteudo a img{ float: right; }

#Topo {
	position: relative;
	width: 950px;
	margin: 12px 0 30px 0;
	z-index: 1;
	float: left;
}

#MioloSite {
	float: left;
	padding-bottom: 20px;
}

/* ======== Menu ========================================== */


#Menu {
	position: relative;
	width: 672px;
	height: 63px;
	text-align: left;
	margin: -7px 0 0 20px;
	top: 0;
	z-index: 10;
	float: left;
	background: transparent url("../Imagens/bgMenu.jpg") no-repeat top left; 
}

#Menu ul {
	width: 672px;
	list-style-type: none; /*remove o marcador*/ 
	padding: 0px; /*remove o recuo Mozilla e NN*/ 
	text-align: left;
	float: left;
	margin: 0 0 0 10px;
	padding: 17px 0 0 0;;
}

#Menu ul li{
	display: inline; 
	margin: 0;
	list-style-position: inside;
	text-decoration: none;
	float: left;
	color: #860000;
}

#Menu ul li a { color: #ccc; text-decoration: none; font-weight: normal; font-size: 12px; padding: 0 10px 0 10px; float: left; border: none; display: block; background-color: transparent; cursor: hand;  }
#Menu ul li a img { margin-left: 10px;}
#Menu ul li a:hover {  float: left; color: #888; }
#Menu ul li.selec a { color: #a60000; cursor: default; }

/* ======== Estrutura do site ========================================== */

#Topo h1.Logo  { margin-top: 0; }
#Topo h1.Logo a { position: relative;  z-index: 10; display: block; float: left; width: 224px; height: 118px; background: transparent url("../Imagens/Logo-Ewiglich-Metais.jpg") no-repeat left top; text-indent: -5000px; margin: 0 0 0 15px; }

#ColunaMenorEsquerda { width: 240px; float: left; margin: 0 20px 0 0;}
#ColunaMaiorDireita {  width: 675px;  float: left;margin: -150px 0 0 0; }

h1.EscapeCapa { width: 205px; height: 55px; background: transparent url("../Imagens/bgH1-escapa.jpg") no-repeat top left; font-size: 15px; color: #fff; padding: 12px 0 0 20px; margin: 0 0 0 -30px; }
h2.EscapeCapa { width: 150px; height: 40px; background: transparent url("../Imagens/bgH2-escapa.jpg") no-repeat top left; font-size: 15px; color: #fff; padding: 8px 0 0 20px; margin: 0 0 0 -25px; }

#BannerPrincipal { width: 672px;  height: 287px; background: transparent url("../Imagens/BannerExemplo.jpg") no-repeat top left; }

#Rodape { position: relative; width: 100%; height: 65px; background: transparent url("../Imagens/bgRodape.jpg") repeat-x left top; float: left; margin: 0 0 20px 0;}
address { font-style: normal; margin: 0; padding: 0; color: #666666; width: 500px; float: left;}

#Rodape .DobroInterno h1 a { position: relative;  z-index: 10; display: block; float: right; width: 33px; height: 11px; background: transparent url("../Imagens/logo-uaal-agencia-web.jpg") no-repeat left top; text-indent: -5000px; margin: 0 0 0 15px; }

.ProdutosEmDestaque { float: left; margin: 0 5px 30px 0; width: 163px; height: 257px; background: transparent url("../Upload/RelogioExemplo1.jpg") no-repeat left top;}
.ProdutosEmDestaque h2 { margin: 10px 0 0 5px; height: 205px; float: left; color: #fff; font-size: 15px; }
.ProdutosEmDestaque h2 img { margin: 0 5px 0 0;}
.ProdutosEmDestaque .BotaoConfiraMais { margin: 0 10px 0 0; background: #990000 url("../Imagens/bgBotao.jpg") repeat-x top left; border: 1px solid #990000; padding: 2px 10px 0 10px; height: 20px;float: right; font-size: 12px; color: #fff;}
.ProdutosEmDestaque p.Valor { width: 80px; float: left; color: #fff; margin: 8px 0 0 5px; font-size: 12px;}
b.RED { color: #FF0000;}
.DetalheProduto { background-color: #1f1f1f; padding: 20px; margin: 20px 0 0 2px; float: left; width: 450px;}