/*Estilos Liquido*/

html, body {
	height: 100%;
	}


body, p, h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
}


* html #pagina {
	height: 100%; /* hack para IE6 que trata height como min-height */
	}

p {
	font-size: 12px;
	margin:3px 0px 0px 0px;
}



ul {
	color: #3C5A7D;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 12px;
}

li {
	list-style-position: outside;
	list-style-image: url(/altoverao2010/img/site_marc1.png);
	list-style-type: none;
	background-position: center;
	padding: 0px 0px 4px 0px;
	text-align:justify;
}

a, a:visited {
	text-decoration: none;
	color: #003399;
}

a:hover {
	color: #006699;
}

.imgtrans {
	background-image: url(/altoverao2010/img/branco.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.legenda{
	color:#999;
	font-size:10px;
}
#testeira {
	width: 840px;
	height: 155px;
	padding: 0px;
	margin:0px;
}

#menu {
	width: 811px;
	padding: 12px 0px 0px 29px;
}

#menu {
	width: 811px;
	padding: 12px 0px 0px 29px;
}

#menu, #menulojas {
	color: #FFF;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 0px;
}

#menu a, #menu a:visited, #menulojas a, #menulojas a:visited  {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin:0px;
	padding: 5px 4px 0px 4px;
	margin: 0px;
	color: #FFF;
}

#menu a.atual, #menu a.atual:visited, #menulojas a.atual, #menulojas a.atual:visited {
	color: #003366;
}

#menu a:hover, #menulojas a:hover {
	color: #FC0;
}

#menu2 {
	padding: 0px;
	margin: 0px auto;
	top: 96px; /* alterado por siclaudio anterior 126px*/
	height: 28px;
	text-align: center;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	width: 840px;
}


#menu2 a, #menu2 a:visited {
	display: inline-block;
	padding: 6px 18px 0px 18px;
	margin: 0px;
	color: #FFF;
	height: 24px;
	margin:0px;
	background-image: url(/altoverao2010/img/mn2_bt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu2 a.mnhover, #menu2 a:visited.mnhover {
	color: #FFCC00;
	background-image: url(/altoverao2010/img/mn2_btsobre.jpg);
}

#menu2 a.atual, #menu2 a.atual:visited {
	padding-left: 0px;
	color: #CCCCCC;
}


#menu2 a:hover{
	color: #FFCC00;
	background-image: url(/altoverao2010/img/mn2_btsobre.jpg);
}

#submenu{
	width: 107px;
	background-color: #009393;
	position: relative;
	top: 94px;/* alterado por siclaudio anterior 124px*/
	z-index: 200;
	left: 235px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

#submenu p{
margin: 0px;
}

#submenu a, #submenu a:visited {
	display: block;
	margin: 0px;
	color: #FFF;
	font-weight: bold;
	margin:0px;
	padding: 4px 2px 4px 6px;
}
#submenu a:hover {
	background-color: #000;
}

.campo {
	background-color: #FFFFFF;
	border: 1px solid #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	margin: 1px 0px;
	font-weight: normal;
}
.caixasel {
	background-color: #FFFFFF;
	border: 1px solid #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	padding: 0px;
	margin: 4px 0px;
	font-weight: normal;
}

.alerta p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC0000;
	text-align:center;
	font-weight: bold;
}

.botao {
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	background-color: #B5C7E1;
	border: 1px solid #999999;
	margin: 4px 2px;
	padding: 0px;
}

.botao:hover {
	color: #CC6600;
	background-color: #D4DEEE;
	border: 1px solid #7DA9CA;
}


#rodape {
	position: absolute;
	bottom: 10px;
	width: 88%;
	text-align: right;
}

#rodape p {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
}

#rodape a, #rodape a:visited {
	color: #96B2E0;
	text-decoration: none;
}

#rodape a:hover {
	color: #FFCC00;
}


#conteudo {
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px 12px 67px 12px;
	
}

#conteudo img {

}

/*Baseado no editor de texto*/

#conteudo p{
	font-size: 13px;
}


#conteudo h1 {
	color: #333333;
	font-size: 17px;
	font-weight: bold;
	margin: 2px 0px 8px 0px;
}

#conteudo h2, .caption {
	font-size: 14px;
	font-weight: bold;
	color: #063D73;
	margin: 8px 0px 4px 0px;
	font-style: italic;
}

#conteudo h3 {
	font-size: 14px;
	font-weight: bold;
	color: #CC3300;
	margin: 2px 0px 4px 0px;
}

#conteudo h4 {
	color: #0F6DB5;
	font-size: 13px;
	font-weight: bold;
	margin: 2px 0px 6px 0px;
}

#conteudo h5 {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0px 2px 0px;
}


/*FIm dos itens baseado no editor de texto*/

#painel_home {
	top:38px;
	width: 615px;
	height: 415px;
	padding: 0px;
	overflow: hidden;
	position: relative;
	margin: 0px auto;
}

.alerta p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC0000;
	text-align:center;
	font-weight: bold;
}

/*Galeria*/
#galeria {
	width: 450px;
	float: left;
}

#galeria a img {
	border: 6px solid #FFF;
}

#minisgal {
	position: relative;
	width: 228px;
	overflow:hidden;
	background-color: #FFF;
	font-size: 9px;
}
#botoes {
	position: relative;
	width: 500px;
	margin: 8px auto;
	background-color: #FFF;
}

#minisgal img {
	margin:2px 2px;
	vertical-align: middle;
	border: 1px solid #FFF;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
}

#minisgal a.ativa img {
	border: 1px solid #990000;
}

#minisgal img:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#minicont {
	background-color: #FFF;
	margin: 0;
	padding: 4px 0px;
	top: 0px;
	position: relative;

}

#painelgal {
	text-align: center;
	margin: auto;
	width: 180px;
	height: 260px;
}

#introgal {
	padding: 2px 10px;
	text-align:left;
	margin-bottom: 4px;
	background-image: url(/altoverao2010/img/fd_etiqueta.png);
	background-repeat: repeat-y;
	background-position: left;
	margin-left: 6px;
}

#introgal p {
	margin: 0px;
	font-size: 12px;
	color: #333333;
}

#fotopainel {

}

#galminis{
	text-align:center;
	position: relative;
	float: right;
}

#btesquerda, #btdireita, #btcima, #btbaixo {
	width: 100px;
	height: 40px;
	background-repeat: no-repeat;
	z-index: 200;
	margin:0px auto;
}
#btesquerda {
	background-image: url(/altoverao2010/img/seta_esq.png);
	background-position: center center;
}
#btdireita {
	background-image: url(/altoverao2010/img/seta_dir.png);
	background-position: center center;
}
#btcima {
	background-image: url(/altoverao2010/img/seta_cima.png);
	background-position: center center;
}
#btbaixo {
	background-image: url(/altoverao2010/img/seta_baixo.png);
	background-position: center center;
}
#btesquerda:hover {
	background-image: url(/altoverao2010/img/seta_esq_h.png);
}
#btdireita:hover {
	background-image: url(/altoverao2010/img/seta_dir_h.png);
}
#btcima:hover {
	background-image: url(/altoverao2010/img/seta_cima_h.png);
}
#btbaixo:hover {
	background-image: url(/altoverao2010/img/seta_baixo_h.png);
}

#carregando {
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	width: 440px;
	text-align: center;
	opacity: 0.50;
	padding: 0px;
	top: 348px;
}

/*Vitrines das Lojas*/
#lojamidia{
	width: 350px;
	overflow:hidden
}
#lojamidia img{
	border: 8px solid #FFFFFF;
	margin-bottom:10px;
}
#lojahome{
	margin: 8px 0px 0px 24px;
}
.tituloloja{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #FF6600;
	padding: 4px 0px 10px 0px
}
#testeiraloja{
height:120px;
}
#bolinhas{
	position: absolute;
	bottom: 50px;
	width: 86%;
	text-align: right;
	z-index:2000;
}
#consultor p a{
color:#006600;
text-decoration:none;
font-weight:bold;	
}
#consultor p a:hover{
color:#ffcc00;
font-weight:bold;
text-decoration:underline;
}


.inverno a, .verao a{
	height:34px;
	width:78px;
	display:block;
}
.inverno a{
	background:url(/altoverao2010/img/bt_inverno.png) no-repeat center top;
}
.inverno a:hover{
	background:url(/altoverao2010/img/bt_inverno_h.png) no-repeat center top;
}
.verao a{
	margin:0px 0px 4px 0px;
	background:url(/altoverao2010/img/bt_verao.png) no-repeat center top;

}
.verao a:hover{
	background:url(/altoverao2010/img/bt_verao_h.png) no-repeat center top;

}