* { margin: 0; padding: 0; border: 0; }
body {  background: #1B1B1B url("../Imagens/bgBody.png") repeat-x left top; } 
body, div, td {	font: normal 12px "Arial", Tahoma, Times;	color: #333; }

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: #E8D085;  font-weight: bold; }
a:hover { padding-bottom: 0;}
a img	{ border: none; }
a img	{ border: none; }

address { font-style: normal; margin: 0; padding: 0;}

input, textarea, select {
	font: 12px Tahoma, 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  "Tahoma", 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: 135px; height: 17px margin: 0; background-color: #333; border: 1px solid #666666; color: #fff; font-size: 9px;}
.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; background-color: #666666; color: #fff; cursor: hand; font-size: 13px; float: right;  }
.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;}
.ConfirmarCuriosidade {  width: 106px; height: 26px; background-color: #666666; color: #fff; cursor: hand; font-size: 13px;  margin: 0 0 0 10px;}


.textbox, .txtArea, .textboxOn, .textAreaOn {  background-color: #333; border: 1px solid #666666; color: #fff; font-size: 12px; margin: 2px 0 0 0;	z-index: 14;}
.textboxOn, .textAreaOn { background-color: #333; border: 1px solid #ffa535; color: #fff; font-size: 12px; }


table { border-collapse: collapse; }

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

h1 { font: bold 18px "Tahoma", Times New Roman, Times;	color: #FFF; margin: 0 0 10px 0; }
h2 { font: normal 16px "Arial", Verdana, Times;	color: #FFBB48; 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 "Tahoma", Verdana, Times; margin: 0; }


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

#AreaSite {
	position: relative;
	width: 960px;
	height: auto;
	text-align: left;
	top: 0;
	left: 50%; margin-left: -485px;	
}


#Topo {
	position: relative;
	width: 960px;
}

#MioloSite {
	position: relative;
	width: 960px;
	margin: 0;
	height: 100%;
	z-index: 2;
	margin: 14px 0 0 0;
}

#Rodape { 
	position: relative; 
	width: 845px; 
	color: #fff;
	font-size: 14px;
	margin: 0 0 10px 0;
	height: 30px;
	clear: both;
	bottom: 0;
}
/* ======== Menu ========================================== */



#Menu {
	position: relative;
	float: left;
	width: 950px;
	_width: 957px;
	height: 27px;
	text-align: left;
	border: 4px solid #0A090F;
	background: transparent url("../Imagens/bgMenu.jpg") repeat-x right top;
	
}

#Menu a { border: none; padding: 0; }

#Menu ul {
	width: 954px;
	_width: 900px;
	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;
}

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

#Menu ul li a {text-transform: uppercase; color: #CCC; text-decoration: none; font-weight: normal; font-size: 12px; padding: 5px 17px 10px 17px; float: left; border: none; display: block; background-color: transparent; cursor: hand; }
#Menu ul li a:hover {  float: left; color: #FFF;  }
#Menu ul li.selec a { color: #FFBB48; cursor: default; }


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

.BordarSimples { border: 1px solid #333; clear: both;}

a.Logo Img { margin: 15px 0; width: 278px; height: 77px; float: left; }

.Newsletter { float: right; color: #CCC; font-size: 9px; margin: 25px 0 0 0; }
.Newsletter .BoTaoDisparaNewsletter { width: 17px; height: 17px;  background: transparent url("../Imagens/bgBotaoNewsletter.png") repeat-y right top; text-indent: -5000px; cursor: hand; margin: 0 0 0 5px;}


#DetalheTopoMioloSite {	width: 960px; height: 3px; background: transparent url("../Imagens/bgTopoMioloSite.jpg") no-repeat right top;}
#DetalheInferiorMioloSite {	width: 960px; height: 3px; background: transparent url("../Imagens/bgInferiorMioloSite.jpg") no-repeat right bottom;}

h1.Capa { width: 960px; height: 390px; background: transparent url("../Imagens/Imagem-Capa.jpg") no-repeat left top; margin: 0; _margin: -10px 0 ;  text-indent: -5000px;}

#Rodape { margin: 10px 0; width: 960px; }
#Rodape .Left  { width: 600px; float: left;  color: #fff;}
#Rodape #Right  { float: right; width: 300px;  color: #fff;  }
#Rodape #Right p { float: right; width: 300px;  color: #fff;  text-align: right;}
h1.UaalRodape   {  width: 33px; height: 11px; background: transparent url("../Imagens/LogoUaal.jpg") no-repeat right top; text-indent: -50000px; margin: 10px 0 0 0; float: right; text-align: none;}

#ConteudoSite { padding: 20px;  background-color: #0A090F; }

#ColunaMenu { width: 160px; float: left;}
#ColunaConteudo {color: #fff; float: right; width: 700px; }
#ColunaConteudo p { color: #fff; margin: 0 0 15px 0; text-align: justify; text-indent: 15px; }
#ColunaConteudoCompleto { width: 100%; }


#Menu-Institucional { }
#Menu-Institucional a { border: none; padding: 0; }
#Menu-Institucional ul {
	list-style-type: none; /*remove o marcador*/ 
}

#Menu-Institucional ul li{
	margin: 0;
	text-decoration: none;

}

#Menu-Institucional ul li img{
	padding: 10px 0;
}

#Menu-Institucional ul li a { color: #999; }
#Menu-Institucional ul li a:hover { color: #fff; }
#Menu-Institucional ul li.selec a { color: #FFBB48; cursor: default;}

strong.Destaque { font-size: 13px;}
strong.DestaqueSelect { font-size: 14px; color: #FFBB48; font-weight: normal; }

.Imagens-Loja img { width: 100px; height: 63px; margin: 10px 5px}
.Imagens-Loja a img { border: 1px solid #c0c0c0; }
.Imagens-Loja a:hover img { border: 1px solid #808080; }


/* ----------------Gallery Styles------- */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 580px; /* Set to gallery width, in px or percentage */
height: 100%; /* Set to gallery height */
margin-left: 15px;
float: left;

}

#motioncontainer a img {
	margin: 0 0 0 15px;

}

#motioncontainer a:hover img {


}

#motiongallery #trueContainer {  }

#statusdiv {
	background-color: lightyellow;
	border: 1px solid gray;
	padding: 2px;
	position: absolute; /* Stop Editing Gallery Styles */
	left: -300px;
	visibility: hidden;
}

#motioncontainer a:hover {
	color: red; /* Dummy definition to overcome IE bug */
}

#Colecao {
	position: relative;
	width: 690px;
	height: 86px;
	bottom: 0px;
	left: 2px;
	float: left;

}


/*---------------------------------------------------------- */


#DetalheJoia { height: 280px;}

#DetalheJoiaDireita { float: left; }
#DetalheJoiaDireita img { border: 1px solid #333;  }

#DetalheJoiaEsquerda {float: right; margin: 0 0 0 20px; width: 420px; }
#DetalheJoiaEsquerda h1 { font-weight: normal; font-size: 14px; margin: 0;}
#DetalheJoiaEsquerda h3 { font-weight: normal; font-size: 14px; margin: 0;}
#DetalheJoiaEsquerda h3 b { font-weight: normal; font-size: 14px; margin: 0; color: #FFBB48;}



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



#MenuJoias {
	position: relative;
	float: left;
	width: 360px;
	height: 27px;
	text-align: left;
	border: 4px solid #0A090F;
	background: transparent url("../Imagens/bgMenu.jpg") repeat-x right top;
	
}



#MenuJoias ul {
	width: 360px;
	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;
}

#MenuJoias ul li{
	display: inline; 
	margin: 0;
	list-style-position: inside;
	text-decoration: none;
	float: left;
	padding: 5px 0 10px 0; 
	color: #FFBB48;
}

#MenuJoias ul li a { text-decoration: none; font-weight: normal; font-size: 12px; padding-left: 17px; padding-right: 17px; float: left; border: none; display: block; background-color: transparent; cursor: hand; }
#MenuJoias ul li a:hover { float: left; color: #FFF;  }
#MenuJoias ul li.selec a { color: #FFBB48; cursor: default; }

.SelectBox { background-color: #1B1B1B; border: 1px solid #2C2C2C; color: #CCC; width: 180px;}

.VideoYoutube { padding: 5px; border: 1px solid #ccc; width: 480px; margin: 20px 0 0 0; }