* { margin: 0; padding: 0; border: 0; }
body {  background-color: #e5e5e5;} 
body, div, td {	font: normal 14px "Arial", Verdana, Times;	color: #666666; }

img { border: none;  border: 0px solid #000; float: left;}

.DobroInterno {	margin: 20px 20px; float: left; position: relative; right: 10px;}
.Interno {	margin: 10px; border: 0px solid #000;}
.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, Arial, 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, Arial;
	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; width: 100%; }


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;}
.BotaoOk2 { width: 35px; height: 19px; color: #fff; background-color: #8e0000; font-size: 12px; font-weight: bold;  cursor: hand; float: right;  position: relative; cursor: hand; margin-bottom: 20px;}
.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 210px; }
.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: 1px solid #999; margin: 2px 0 0 0;	z-index: 14;}
.textboxOn, .textAreaOn { border: 1px 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 21px "Arial", Arial, Times;	color: #BC1A25; padding: 15px 0 0 18px; background: transparent url("../Imagens/bg-h1-todos.jpg") no-repeat left top; height: 55px; width: 700px; margin: -10px 0 20px 0;}
h2 { font: normal 18px "Arial", Verdana, Times;	color: #666666; margin: 0 0 15px 0; ; }
h3 { font: normal 15px "Arial", Verdana, Times;	color: #666666; margin: 0 0 10px 0;}
a h3 b.Red { display: block; width: 90px; font-size: 12px; margin: 0 10px 0 0; color: #AE1E1E; }
a:hover h3 b.Red { color: #AE1E1E; }
a:hover h3 { color: #666666; }
h4 { font: normal 16px "Arial", Arial, Times;	color: #FFF; width: 132px; border: 1px solid #fff; text-align: center; padding: 10px 0; text-transform: uppercase; }
h5 { font: normal 14px "Arial", Arial, 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 ========================================== */

#AnteriorAreaSite {
	position: relative;
	width: 962px;
	height: auto;
	text-align: left;
	top: 0;
	float: left;
	left: 50%; margin-left: -481px;
	z-index: 1;	
	padding-bottom: 50px;
}

#AreaSite {
	position: relative;
	width: 962px;
	height: auto;
	text-align: left;
	top: 0;
	float: left;

	background: #fff url("../Imagens/bgTop.jpg") no-repeat left top;
	z-index: 1;
}

#Topo {
	position: relative;
	width: 962px;
	height: 82px;
	z-index: 2;
	float: left;
	background: transparent url("../Imagens/bgLoginSenha.png") no-repeat right bottom;
}

#MioloSite {
	position: relative;
	float: left;
	background-color: #fff;
	z-index: -15;
}

.MioloSiteConteudo {
	width: 100%;
	margin: 8px;
}

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


#Menu {
	position: absolute;
	width: 720px;
	height: 23px;
	text-align: left;
	top: 0;
	z-index: 150;
	float: left;
	margin: 10px 0 0 190px;
}

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

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

}

#Menu ul li a { font-weight: bold; padding-top: 2px; margin: 0 15px 0 0; float: left;  font-size: 11px; color: #fff; border: 0px solid #000;}
#Menu ul li a.radio { margin: 0 0 0 45px; }
#Menu ul li a:hover {}
#Menu ul li.selec {  }

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


#SenhaLogin { margin: 45px 0 0 600px;  width: 500px; height: 40px; color: #B21820; font-size: 11px; font-weight: bold; font-family: "Trebuchet MS";  float /*\**/: right\9; }
#SenhaLogin form {float: left; font-size: 12px; font-weight: bold; font-family: "Trebuchet MS"; margin /*\**/:  0 0 0 150px\9; *margin:  0 0 0 0px;}
#SenhaLogin form .Botao { background-color: transparent; border: none; color: #B21820; font-weight: bold; font-size: 13px; cursor: hand; }

#SenhaLogin form #login { width: 104px; xheight: 20px; margin: 0 5px 0 0; }
#SenhaLogin form #senha { width: 70px;  margin: 0 5px 0 0; }

#logo-vilarejo-shopping-itaipava { position: relative; width: 223px; height: 178px; margin: -85px 0 0 -12px; z-index: 0; }
#logo-vilarejo-shopping-itaipava h1 a { position: relative; width: 223px; height: 178px;  text-indent: -5000px; background-color: #ff0000; display: block; float: left; z-index: 200; }

#Capa-Shopping-Vilarejo { position: relative; float: left; width: 946px; height: 285px; margin: -130px 0 0 0; z-index: -1; }
#Chamadas-capa { position: relative; float: left; width: 662px; height: 72px; margin: 200px 0 0 270px; color: #fff; z-index: 0;  }
#Conteudo-chamadas-capa { position: absolute; float: left; width: 662px; height: 72px; margin: 200px 0 0 270px; color: #fff; z-index: 60;}
#Conteudo-chamadas-capa h4 { margin: 15px 0 0 7px; border: none;  width: 38px; float: left; }
#Conteudo-chamadas-capa h4 a { float: left;  font-size: 20px; color: #fff; font-family: trebuchet MS;}
.seta-chamada-esquerda { float: left; margin: 0 0 0 7px; }
#Conteudo-chamadas-capa h3 { margin: 15px 0 0 15px; border: none;  width: 300px; float: left; }
#Conteudo-chamadas-capa h3 a { float: left;  font-size: 15px; color: #fff; font-family: trebuchet MS; font-weight: bold;}
#Conteudo-chamadas-capa h3 a strong { float: left;  font-size: 11px; color: #999; font-family: trebuchet MS; font-weight: bold;}
#Conteudo-chamadas-capa h5 { margin: 23px 0 0 8px; border: none;  width: 80px; float: left; text-align: center;}
#Conteudo-chamadas-capa h5 a { float: left;  font-size: 11px; color: #fff; font-family: trebuchet MS; font-weight: bold; color: #FDFF68;}

#FechaCapaSite { position: relative; width: 100%; border: 0px solid #000; background: transparent url("../Imagens/fecha-pagina-completa.png") no-repeat left bottom; z-index: -20;}

#conteudo-dividido-home { width: 100%; height: 872px; background: transparent url("../Imagens/bg-conteudo-pagina-home.png") no-repeat left top; float: left; }
#conteudo-dividido-home2 { width: 100%;  background: transparent url("../Imagens/inicial-pagina-completa-2-Divid.png") repeat-y left top; float: left; }
#conteudo-dividido-home2-dividi { width: 100%;  background: transparent url("../Imagens/inicial-pagina-completa-2.jpg") no-repeat left top; float: left; }
#conteudo-dividido-home2-dividi2 { width: 100%;  background: transparent url("../Imagens/fecha-pagina-completa-2-divid.png") no-repeat left bottom; float: left; }

/* ================== Chamada Capa ============================== */
#PrimeiraDivCapa { width: 503px; height: 390px; float: left; }

#MenuHospedagem {
	position: relative;
	width: 100%;
	height: 35px;
	z-index: 500;
	margin: 10px 0 -5px 0;
	margin:/*\**/ 20px 0 -5px 0\9;

	
	
}
#MenuHospedagem ul {
	width: 100%;
	list-style-type: none; /*remove o marcador*/ 
	padding: 0px; /*remove o recuo Mozilla e NN*/ 
	text-align: left;
	
}

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

#MenuHospedagem ul li a {color: #333; text-decoration: none; font-weight: normal; font-size: 13px; padding: 7px 15px 4px 15px; margin: 3px 0 0 0; background-color: #E5E5E5; border-left: 1px solid #BAB3A9; border-right: 1px solid #BAB3A9; border-top: 1px solid #D4D0C8; float: left;}
#MenuHospedagem ul li a img { margin: 0 10px 0 0; }
#MenuHospedagem ul li a:hover {  float: left; border-bottom: none;}
#MenuHospedagem ul li.selec a { border: 1px solid #E2DFC7; border-bottom: 1px solid #fff; background-color: #FFF; cursor: default; padding: 7px 15px 6px 15px; margin: 0px 0 0 0; }

.HospedagemMolduraConteudo { border-top: 1px solid #ccc; color: #666666; font-size: 13px; border: 0px solid red; position: relative; left:-10px; *position: relative; *left: -10px; padding:0 3px 0 0;}

/* =============== fim ====================================== */

.SegundaDivCapa { width: 202px; height: 390px; float: left;  margin: 0 0 10px 10px; }
.SegundaDivCapa .Interno { margin: 100x 7px 0 10px; display:block; border: 0px solid red;}
.PrimeiraDiveBaixoCapa { width: 232px; height: 390px; float: left; margin: 0px; }
.PrimeiraDiveBaixoCapa .Interno { margin: 10px 7px 0 7px; }
h1.h1-programacao { width: 218px; height: 55px; text-indent: -5000px; background: transparent url("../Imagens/h1-Programacao.jpg") no-repeat left top; margin: 0 0 20px 0px;}
h1.h1-nossas-lojas { width: 218px; height: 55px; text-indent: -5000px; background: transparent url("../Imagens/h1-nossas-lojas.jpg") no-repeat left top; margin: 0 0 10px 0;}
h1.h1-onde-encontrar { width: 218px; height: 55px; text-indent: -5000px; background: transparent url("../Imagens/h1-onde-estamos.jpg") no-repeat left top; margin: 0 0 -10px 0;}

h2.loja-categoria-capa 		{ width: 85%; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 2px;}
h2.loja-categoria-capa a		{ display: block; font-size: 13px; color: #666666; font-weight: normal;  }
h2.loja-categoria-capa a:hover  { color: #86090D; }

.SegundaDivCapa-DivididaEmDois-Cima {width: 100%; height: 188px; float: left; border: 0px solid #000; }
.SegundaDivCapa-DivididaEmDois-Cima .Interno { margin: 10px; }
.SegundaDivCapa-DivididaEmDois-Baixo {width: 100%; height: 188px; float: left; margin: 10px 0 0 -2px;}

h2.h2-com-link-onde-hospedar a { position: relative;  z-index: 10; display: block; float: left; width: 218px; height: 55px; background: transparent url("../Imagens/h2-onde-hospedar.jpg") no-repeat left top; text-indent: -5000px; margin: 0 0 0 1px; margin /*\**/: 2px 0 0 1px\9; *margin: 15px 0 0 1px;}
h2.h2-com-link-guia-turistico a { position: relative;  z-index: 10; display: block; float: left; width: 218px; height: 55px; background: transparent url("../Imagens/h2-guia-turistico.jpg") no-repeat left top; text-indent: -5000px; margin: 4px 0 4px 1px; margin /*\**/: 2px 0 0 1px\9; *margin: 7px 0 0 1px;}
h2.h2-com-link-previsao-do-tempo a { position: relative;  z-index: 10; display: block; float: left; width: 218px; height: 55px; background: transparent url("../Imagens/h2-previsao-do-tempo.jpg") no-repeat left top; text-indent: -5000px; margin: 0 0 0 1px; margin /*\**/:2px 0 0 1px\9; *margin: -8px 0 0 1px;}

h2.h2-newsletter a { position: relative;  z-index: 10; display: block; float: left; width: 219px; height: 108px; background: transparent url("../Imagens/h2-newsletter.jpg") no-repeat left top; text-indent: -5000px; }
h2.h2-orkut a { position: relative;  z-index: 10; display: block; float: left; width: 219px; height: 93px; background: transparent url("../Imagens/h2-orkut.jpg") no-repeat left top; text-indent: -5000px; }
h2.h2-twitter a { position: relative;  z-index: 10; display: block; float: left; width: 219px; height: 110px; background: transparent url("../Imagens/h2-twitter.jpg") no-repeat left top; text-indent: -5000px; }

#Rodape { width: 962px; height: 72px; background: transparent url("../Imagens/bg-Rodape.jpg") no-repeat left top; float: left; margin-bottom: 30px; }
#RodapeConteudo { color: #A51119; font-size: 12px; margin: 30px 0 0 130px; }
#RodapeConteudo address { width: 550px; font-style: normal; float: left; }
#RodapeConteudo p { width: 160px; font-style: normal; float: left; margin: 1px 0 0 20px;}
h2.logo-uaal-agencia-web a {position: relative; margin: -5px 40px 0 0; z-index: 10; display: block; float: right; width: 59px; height: 20px; background: transparent url("../Imagens/logo-uaal-agencia-web.jpg") no-repeat left top; text-indent: -5000px; }

#Rodape2 { width: 962px; height: 72px; background: transparent url("../Imagens/bg-Rodape.jpg") no-repeat left top; float: left; margin-bottom: 30px; display: block; margin-top: 10px; }
#RodapeConteudo2 { color: #A51119; font-size: 12px; margin: 30px 0 0 130px; }
#RodapeConteudo2 address { width: 550px; font-style: normal; float: left; }
#RodapeConteudo p { width: 160px; font-style: normal; float: left; margin: 1px 0 0 20px;}

#ConteudoEsquerdoDuplo { width: 720px; float: left; margin: 0 10px 0 0; *padding: 0 0px 10px 0;}

.clipping { text-align: center; width: 189px; float: left; height: 260px; margin: 10px 7px;}
.clipping a img { padding: 3px; border: 1px solid #ccc; margin-bottom: 10px; }
.clipping a h2 { color: #333; }
.clipping a h2 b.Blue { color: #333; }
.clipping a:hover h2 b.Blue { color: #950100; }
.clipping h2 { font: normal 14px "Arial", Trebuchet MS, Tahoma;	color: #51B700; margin: 0 0 0 0; }

table.Horario {width: 360px; margin: 0 0 0 20px;}
table.Horario tr { border: 1px solid #CCC; background-color: #EEE;}
table.Horario tr.branco { background-color: #fff; }
table.Horario tr td { padding: 0 0 0 10px; width: 40%; }
table.Horario tr th {  padding: 3px 0 3px 10px;  color: #983D40; text-align: left; font-weight: normal;}

img.Imagem-icone-horario { margin: 0 0 0 -14px; }

.nossas-lojas-detalhe { float: left; margin: 10px 7px 10px 10px; border: 1px solid #ccc; width: 160px; height: 200px;}
.nossas-lojas-detalhe .topo { height: 46px;}
.nossas-lojas-detalhe .topo h2 { padding: 5px 0 0 0; color: #666666; font-size: 13px; text-align: center;}
.nossas-lojas-detalhe .meio { height: 98px; text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.nossas-lojas-detalhe .meio img { margin: 2px 0 0 0; }
.nossas-lojas-detalhe .fundo {}
.nossas-lojas-detalhe .fundo h3 {padding: 8px 0 0 15px; color: #8E0000; font-size: 11px; font-weight: bold;height: 24px;}
.nossas-lojas-detalhe .fundo h4 { width: 60px; height: 15px; margin: -6px 0 0 0; float: right; color: #333333; background-color: #ccc; font-size: 10px; padding: 0; font-weight: bold;}

b.loja-titulo-detalhe { float: right;  margin: 0 35px 0 0; color: #BC1A25; font-size: 13px; font-weight: normal; }

.conteudo-nossas-lojas-detalhe-direita { color: #666666; font-size: 13px; margin: 10px 0 0 30px; float: left; width: 470px; }
.conteudo-nossas-lojas-detalhe-direita .vermelho { color: #BC1A25; height: 100px; }

.Imagem-loja-detalhe-vilarejo-itaipava { border: none; float: left;  margin: 10px 5px 0 4px;}
.Imagem-loja-detalhe-vilarejo-itaipava a { width: 159px; height: 94px; float: left;}
.Imagem-loja-detalhe-vilarejo-itaipava a img { margin: 2px; }
.ultima-peca-foto { margin-right: 0; }
.nossas-lojas-detalhe-fotos { margin: 25px 0 0 0; }
.nossas-lojas-detalhe-contatos { margin: 25px 0 0 0; }

.form-contato-lojas-detalhe #Esquerdo { float: left; width: 43%; font-size: 13px;}
.form-contato-lojas-detalhe #Direito { float: right; width: 57%; font-size: 13px;}
.form-contato-lojas-detalhe #Direito .BotaoEnvia { margin: 0 22px 0 0; float: right; }

a.a-Imagem-atualiza { float: right; }
a.a-Imagem-atualiza img { margin: 0 15px -20px 0;  }
a.a-Imagem-atualiza strong { margin: 0 0 0 0; }

a.highslide { border: none; }