/* 	- Stylesheet CSS 5.0 -
	Cascading Style Sheets
	Copyright W3C © 1994-2009 W3C® (MIT, ERCIM, Keio), All Rights Reserved.
*/

body{
	font-family: Verdana;
	margin: 0;
	padding: 0;
	background-image: url(img/fefcolor.jpg);
	background-attachment: fixed;
}

#topo{
	background-image:url(img/topo2.jpg);
	background-repeat: repeat;
	height: 185px;
	padding-bottom: 1px;
}

#conteiner {
	width:800px;
	/*background-color: #fff; se eu quiser fundo branco na fresta ao lado do menu*/
	margin: 0 auto; /*centrelizar o site*/
}

h1{
	font-family: "Lucida Sans";
	font-weight: normal;
	font-size: 23px;
	margin: 0;
	color: #ff0080;
	text-align:center;
}
.natal{
	font-family: "Lucida Sans";
	font-weight: normal;
	font-size: 23px;
	margin: 0;
	color: #FFF;
	text-align:center;
}

h2{
	font-family: "Lucida Sans";
	font-weight: normal;
	font-size: 18px;
	margin: 0;
	color: #ff0080;
	text-align:center;
}
.titulonatal{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #FFF;
	margin:5px;
}

p, span {
	font-size:13px;
	line-height:1.5em;
	text-align:center;
}

.fonte_menor {
	font-size:11px;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #ff0080;
	margin:5px;
}

#menu{
	background-color: #dcf3cc;
	width:158px;/* 156 do menu + 2 da borda*/
	height: 1300px;
	float: left;
}

#menunatal{
	background-color: #000;
	width:158px;/* 156 do menu + 2 da borda*/
	height: 1150px;
	float: left;
}
#conteudo{
	width: 621px;
	padding: 0 10px; /* peueno espa?o entre menu e conteudo, onde aparece o background*/
	height: 1300px;
	float: right; /* vai flutuar a direita da tela*/
	border-left: 1px solid white; /* linha que separa o menu do conteudo central*/
	background-color:#E1F5FB;
}
#conteudonatal{
	width: 621px;
	padding: 0 10px; /* peueno espa?o entre menu e conteudo, onde aparece o background*/
	height: 1170px;
	float: right; /* vai flutuar a direita da tela*/
	border-left: 1px solid white; /* linha que separa o menu do conteudo central*/
	background-color:#cc0000;
	background-image: url(img/hot_site_natal/fundo.jpg);
	background-attachment: scroll;

}

#conteudonatal2{
	width: 621px;
	padding: 0 10px; /* peueno espa?o entre menu e conteudo, onde aparece o background*/
	height: 1300px;
	float: right; /* vai flutuar a direita da tela*/
	border-left: 1px solid white; /* linha que separa o menu do conteudo central*/
	background-color:#cc0000;


}
#conteudoPrinc{
	width:600px;
	float:left;
	padding-top: 25px;
	color: #000000;
	height:1100px;
}


.menu_item, .menu_item_exception{
	background-color:#DCF3CC;
	color:#2690C4;
	width:158px;
	height:25px;
	line-height:25px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	border-top:2px dashed #FFFFFF;
	float:left;
	text-align:center;
	text-decoration:none;
}
.menu_item_exception_natal{
	background-color:#000;
	color:#fff;
	width:158px;
	height:25px;
	line-height:25px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	border-top:1px dashed #000;
	float:left;
	text-align:center;
	text-decoration:none;
}
.menu_item_exception_natal_g{
	background-color:#000;
	color:#fff;
	width:158px;
	height:25px;
	line-height:25px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	border-top:1px dashed #000;
	float:left;
	text-align:center;
	text-decoration:none;
}
.menu_item_exception_natal_w{
	background-color:#000;
	color:#fff;
	width:158px;
	height:25px;
	line-height:25px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	border-top:1px dashed #000;
	float:left;
	text-align:center;
	text-decoration:none;
}
.menu_item:hover {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#FF0080;
}

.menu_item_exception:hover {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#FF8000;
}
.menu_item_exception_natal:hover {
	text-decoration:none;
	color:#ffff33;
	background-color:#009900;
}
.menu_item_exception_natal_g:hover {
	text-decoration:none;
	color:#fff;
	background-color:#ff0000;
}
.menu_item_exception_natal_w:hover {
	text-decoration:none;
	color:#009900;
	background-color:#fff;
}

.menu_item a, menu_item_exception a{
	text-decoration:none;
	color:#FFFFFF;
}

.fonte_botao {
	color:#000000;
}

.fonte_botao a {
	color:#000000;
}

.fonte_botao a:hover {
	color:#FFFFFF;
}


.menu_item2 {
	color:#7BC3E2;
	width:112px;
	height:25px;
	line-height:25px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	border:solid 1px #7BC3E2;
	float:left;
	text-align:center;
	text-decoration:none;
	background-color:#FFFFFF;
	font-weight:bold;
}

.menu_item2:hover {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#FF0080;
	font-weight:bold;
}
.menu_item2 a {
	text-decoration:none;
	color:#7BC3E2;
	background-color:#FFFFFF;
	font-weight:bold;
}

.menu_item a:hover, .menu_item_exception a:hover {
	text-decoration:none;
	color:#FFFFFF;
}


.menu_item a, .menu_item_exception a {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#DCF3CC;
}

.menu_item a:hover {
	text-decoration:underline;
	color:#FFFFFF;
	background-color:#FF0080;
}

.menu_item_exception a:hover{
	text-decoration:underline;
	color:#FFFFFF;
	background-color:#FF8000;
}

#menuh {
	width: 800px;
	height:25px;
}

.item_central {
	width:233px;
	height:270px;
	float:left;
	margin:5px;
	text-align:center;
}
.item_centralnatal {
	width:140px;
	height:116px;
	float:left;
	margin:7px;
	text-align:center;
	margin-top: 40px;
}

.item_centralnatal2 {
	width:300px;
	height:270px;
	float:left;
	margin:5px;
	text-align:center;
}
.item_centralnatal {
	width:300px;
	height:270px;
	float:right;
	margin:5px;
	text-align:center;

}

.apartir{
	font-size:11px;
	color:#7bc3e2;
	text-align: center;
	margin-left: 3px;
	font-weight:normal;
}

.semcompromisso{
    color: red;
	text-align:center;
	font-size:12px;
}

#rodape{
	width: 800px; /* tamanho do conteiner, onde tem o fundo que "manda" mna tela*/
	height: 25px; /*tamanho da fonte*/
	background-color: #ff0080;
	text-align: center;
	clear: both; /* pois tem dois elementos com float, se tivesse um, seria clear e a dire?aoa ignorar*/
}

#rodape a{
	text-decoration: none;
	color: #fff;
}

#rodape address{
	font-style:normal; /*tirar o italico padrao do texto*/
	color: #fff;
	margin-left: 10px;/* para nao pegar emcima da logo do jpeg inserido*/
	/*se eu quiser centralizar o texto do rodape no gif, posso usar text-align, e dai nao usoa margin*/
	font-size: 10px;
	line-height: 25px; /* que eh o tamano da caixa de imagem, ela centraliza por altura e largura*/
}

#rodapetwo{
	width: 800px; /* tamanho do conteiner, onde tem o fundo que "manda" mna tela*/
	height: 25px; /*tamanho da fonte*/
	background-color: #B0E2FF;
	text-align: center;

}

#rodapetwo a{
	text-decoration: none;
	color: #000;
}

#rodapetwo address{
	font-style:normal; /*tirar o italico padrao do texto*/
	color: #fff;
	margin-left: 10px;/* para nao pegar emcima da logo do jpeg inserido*/
	/*se eu quiser centralizar o texto do rodape no gif, posso usar text-align, e dai nao usoa margin*/
	font-size: 11px;
	line-height: 25px; /* que eh o tamano da caixa de imagem, ela centraliza por altura e largura*/
}

em a{
    text-decoration: none;
}

#conteudoPrinc a:hover{
	color:#7BC3E2;
	text-decoration:none;
}

#conteudoPrinc a{
	border: none;
	text-decoration: none;
	color:#7BC3E2;
}

.link {
	border:0;
}

.contador{
	margin-top: 28px;
	margin-left: 28px;
}

.preco {
	margin-top:3px;
	width:233px;
	height:13px;
	float:left;
}

.central {
	margin-left:auto;
	margin-right:auto;
	width:480px;
}

.foto_produto {
	width:180px;
	height:auto;
	float:left;
	text-align:center;
}

.foto_produto_grande {
	width:300px;
	height:auto;
	float:left;
	text-align:center;
}

.botao_grande {
	background-image:url(Imagens/botaoI.png);
	color:#000000;
	width:95px;
	height:31px;
	line-height:31px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:11px;
	float:right;
	text-align:center;
	text-decoration:none;
	margin:5px;
}

.botao_grande:hover {
	background-image:url(Imagens/botaoA.png);
	text-decoration:none;
	color:#000000;
	background-color:#FF0080;
}
.botao_grande a {
	text-decoration:none;
	color:#FFFFFF;
}

.navegacao_foto {
	float:left;
	height:130px;
	width:20px;
}

.descricao_esquerda {
	float:left;
	width:210px;
	height:auto;
}

.descricao_produto {
	float:left;
	width:395px;
	padding:10px;
	height:auto;
	background-color:rgb(239, 249, 253);
	font-size:11px;
	line-height:14px;
	text-align:justify;
}

.bloco_produto {
	float:left;
	width:600px;
	padding:5px;
	height:auto;
}

.tabela_produto {
	float:left;
	width:415px;
	min-height:100px;
	height:auto;
	margin-left:5px;
	margin-top:20px;
}

.veja_mais a {
	margin:0px;
	color:#000000;
	text-decoration:none;
}

.veja_mais a:hover {
	color:#000000;
	text-decoration:underline;
}

/*===============foto e festa css=========*/
.quemsomos{
	font-size: 11px;
	text-align:  justify;
	padding:40px;
}

.atualizacao{
font-size: 9px;
color: red;
}
.cidade{
    color: #0000ff;
    font-size: 10px;
}
.comentario{
	color: red;
}

#flash_principal {
	margin-left:auto;
	margin-right:auto;
	height:200px;
	width:480px;
	margin:5px;
	margin-top:25px;
}