/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

body, html {
	background: #005463 url(images/fundo-repetidor-x.gif) top left repeat-x;
	color: #000;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	line-height: 20px;
}

iframe { 
	overflow-x: hidden;
	overflow-y: auto;
}

label {
	color: #fff;
	font-weight: bold;
	padding: 3px;
	font-size: 13px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

#section1 {
	width: 100%;
	position: relative;
	z-index: 2;
}

#containerSection1 {
	width: 913px;
	height: 153px;
	margin: 0 auto;
/*	background: url(images/fundo-topo-maes.jpg) top left no-repeat;*/
}

#logo {
	float: left;
	width: 227px;
	height: 96px;
	
}

#logo h1 {
	margin: 35px 0 0 0;
}

#menu {
	width: 100%;
	float: left;
	clear: both;
	margin: 10px 0 0 0;
}

#menu li {
	float: left;
	margin: 0 4px 0 0;
}

#menu li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px;
}

#menu li a:hover {
	background: #8cc643;
}




#section2 {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 472px;
	margin: -92px 0 0 0;
	background: url(images/fundo-section2.gif) top center no-repeat;
}

#containerSection2 {
	width: 912px;
	margin: 0 auto;
	padding: 118px 0 0 0;
}

#containerConteudo {
	float: left;
	width: 895px;
	padding: 9px;
	margin: 0 0 30px -1px;
	background: #fff;
}

#banners {
	float: left;
	width: 894px;
	height: 294px;
}



#section3 {
	position: relative;
	width: 100%;
}

#containerSection3 {
	width: 912px;
	margin: 0 auto;
}

#containerBoxFooter {
	float: left;
	width: 912px;
	margin: 0 0 0 -1px;
}

#containerBoxFooter .boxFooter {
	float: left;
	width: 222px;
	height: 369px;
}

#containerBoxFooter .boxCinema {
	background: url(images/rodape-box-cinema.gif) bottom left no-repeat;
}

#containerBoxFooter .boxNovidades {
	background: url(images/rodape-box-novidades.gif) bottom left no-repeat;
}

#containerBoxFooter .boxGuiaLojas {
	background: url(images/rodape-box-guia-de-lojas.gif) bottom left no-repeat;
}

#containerBoxFooter .boxComoChegar {
	background: url(images/rodape-box-como-chegar.gif) bottom left no-repeat;
}



#containerBoxFooter .boxFooter h2 {
	font-size: 30px;
	text-align: center;
	padding: 17px 0 16px 0;
}

#containerBoxFooter .boxFooter h2 a {
	color: #fff;
	text-decoration: none;
}

#containerBoxFooter .boxFooter h2 a:hover {
	color: #333;
}

#containerBoxFooter .boxCinema h2 {
	background: #ff9966;
}

#containerBoxFooter .boxNovidades h2 {
	background: #996699;
}

#containerBoxFooter .boxGuiaLojas h2 {
	background: #66cc99;
}

#containerBoxFooter .boxComoChegar h2 {
	background: #6699ff;
}

#containerBoxFooter .margemLateralEsquerdaBoxFooter {
	margin: 0 0 0 8px;
}



#dadosFooter {
	float: left;
	width: 912px;
	height: 100px;
	margin: 17px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #e1f6ff;
	color: #fff;
}

#dadosFooter a {
	color: #fff;
}

#dadosFooter a:hover {
	color: #ccc;
}

/* ######### PAGES ########### */

.bodyPages {
	float: left;
	width: 895px;
	min-height: 294px;
	height: auto !important;
	height: 294px;
  
}

.pageEsquerda {
	float: left;
	width: 299px;
	margin: 0 0 0 30px;
}

.pageEsquerda h2 {
	letter-spacing: -1px;
	color: #fff;
	font-size: 30px;
	margin: 63px 0 26px 0;
	text-align: right;
	line-height: 30px;
}

.pageEsquerda h2 a {
	color: #fff;
	text-decoration: none;
}

.pageEsquerda h2 a:hover {
	text-decoration: underline;
}

.pageDireita {
	float: right;
	width: 485px;
	margin: 0 30px 150px 0;
}

.pageDireitaMaior {
	float: right;
	width: 515px;
}



/* PAGINA DO GUIA DE LOJAS */

.pageGuiaLojas {
	background: #006633 url(images/page-guia-de-lojas-fundo.gif) top left no-repeat;
}

.espacamentosGuiaLojas {
	float: left;
	width: 100%;
	margin: 107px 0 0 0;
}

.itemSegmentos {
	width: 163px;
	float: left;
	margin: 0 0 40px 0;
}

.colunaPageGuiaLoja {
	width: 163px;
	float: left;
	margin: 0 8px 0 0;
}

.subirUltimaCategoria {
	margin: -150px 0 8px 0;
}

.itemSegmentos h3 {
	margin: 0 0 10px 0;
	color: #99cc33;
	font-size: 16px;
}

.itemSegmentos li {
	margin: 0 0 5px 0;
}

.itemSegmentos a {
	color: #fff;
	text-decoration: none;
}

.itemSegmentos a:hover {
	text-decoration: underline;
}


/* ######### PAGE SINGLE DAS LOJAS ########### */

.pageSingleLojas {
	float: left;
	width: 865px;
	padding: 15px;
	color: #fff;
	line-height: 25px;
}

.pageSingleLojas a {
	color: #ccc;
}

.pageSingleLojas a:hvoer {
	text-decoration: none;
}


.pageSingleLojas strong {
	font-weight: bold;
	color: #99CC33;
}

.pageSingleLojas h2 {
	font-size: 17px;
	color: #99CC33;
	border-bottom: 1px solid #99CC33;
	text-transform: uppercase;
	padding: 0 0 3px;
	margin: 0 0 10px;
	width: 100%;
	float: left;
}

.pageSingleLojas .guiaLojasTemplateFoto {
	float: left;
	width: 250px;
	border-right: 1px solid #ccc;
	height: 120px;
	text-align: center;
}

.pageSingleLojas .guiaLojasTemplateFoto span {
	float: left;
	width: 100%;
	clear: both;
}

.pageSingleLojas .guiaLojasTemplateFoto img {
	margin: 15px 0 15px 0;
	border: 5px solid #ccc;
}

.pageSingleLojas .guiaLojasTemplateTexto {
	width: 300px;
	float: left;
	margin: 5px 0 0 15px;
}

.pageSingleLojas .guiaLojasTemplateTexto p {
	padding: 0 0 10px 0;
}

.pageSingleLojas .guiaLojasTemplateTexto img {
	display: none;
}


/* ######### NOTICIAS ############# */

.itemNoticias {
	float: left;
	width: 100%;
	margin: 0 0 40px 0;
	color: #fff;
}

.itemNoticias h3, .conteudoNoticia h3 {
	font-size: 16px;
	font-weight: bold;
}

.itemNoticias h3 a, .conteudoNoticia h3 a {
	color: #99cc33;
	text-decoration: none;
}

.itemNoticias h3 a:hover, .conteudoNoticia h3 a:hover {
	text-decoration: underline;
	color: #B0DF53;
}

.conteudoNoticia {
	line-height: 22px;
	margin: 40px 0 0 0;
	font-size: 14px;
	color: #fff;
	float: left;
	width: 100%;
}

.conteudoNoticia h3 {
	color: #99cc33;
	border-bottom: 1px solid #99cc33;
	padding: 0 0 3px 0;
	margin: 0 0 30px 0;
}

.conteudoNoticiaSemMarginTop {
	margin: 0;
}

.conteudoNoticia img {
	margin: 5px;
	padding: 1px;
}

.conteudoNoticia p {
	padding: 0 0 15px 0;
}

.conteudoNoticia a {
	color: #ccc;
	text-decoration: underline;
}

.conteudoNoticia a:hover {
	text-decoration: none;
}

.conteudoNoticia strong {
	font-weight: bold;
}

.conteudoNoticia iframe {
	margin: 0 0 20px 0;
}


/* ###### NOSSOS SERVICOS ############ */

.nossosServicos .conteudoNoticia h3 {
	color: #99cc33;
	border-bottom: 1px solid #99cc33;
	padding: 0 0 3px 0;
	margin: 0 0 20px 0;
}

/* ######### ENTRETENIMENTO ########## */

.entretenimento .conteudoNoticia h3 {
	color: #99cc33;
	border-bottom: 1px solid #99cc33;
	padding: 0 0 3px 0;
	margin: 0 0 20px 0;
}



/* ######## O SHOPPING ########## */

.oShopping .conteudoNoticia h3 {
	color: #99cc33;
	border-bottom: 1px solid #99cc33;
	padding: 0 0 3px 0;
	margin: 0 0 20px 0;
}

/* ############ IDEIAS ######### */

.ideias .conteudoNoticia h3 {
	color: #99cc33;
	border-bottom: 1px solid #99cc33;
	padding: 0 0 3px 0;
	margin: 0 0 30px 0;
}

/* ########## GASTRONOMIA ############ */

.gastronomia .conteudoNoticia h3 {
	color: #99cc33;
	border-bottom: 0;
	padding: 0 0 3px 0;
	margin: 0 0 15px 0;
}


.gastronomia select {
	color: #fff;
	font-weight: bold;
	background: #333;
	border: 1px dotted #fff;
	width: 194px;
	font-size: 13px;
	height: 22px;
}

.gastronomia option {
	padding: 2px;
	margin: 2px;
}

/* ########## FORM CONTATO ########## */

.formContato {
	width: 480px;
	margin: 10px auto;
}

.formContato li {
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
	padding-bottom: 2px;
}

.formContato li label {
	float: left;
	width: 200px;
}

.formContato li input, .formContato li textarea {
	float: left;
	width: 250px;
	padding: 1px;
}

.formContato li input.sendbutton {
	width: 80px;
	margin: 0 0 0 200px;
}

.formContato li input.formDDD {
	width: 40px;
}

.formContato li textarea {
	width: 254px;
	height: 100px;
}



.boxSemImagem img {
	display: none;
}

.sendButtonLojista {
	margin: 0 3px 0 3px;
	padding: 4px;
}

.inputTypeLojista {
	padding: 2px;
	border: 1px solid #ccc;
}

.preferimosVisa {
	float: left;
}


.msgVagaEmprego {
	font-weight: bold;
	color: #99CC33;
	margin: 0 0 25px 0;
	font-size: 15px;
}

.centralizarH3 h3, .centralizarH3 h3 {
	text-align: center;
}




.listaFotosInterno li {
	float: left;
}


/* STYLE POPUP DIAS MAES */

#linkPopupMaes {
	float: left;
	width: 468px;
	height: 61px;
	margin: 50px 0 0 37px;
}

#linkPopupMaes a {
	display: block;
	width: 100%;
	height: 100%;
}

#pageInteira h2 {
	font-size: 25px;
	font-weight: bold;
	margin: 30px 0 30px 15px;
	color: #fff;
}


.twitter {
	float: right;
	margin: 12px;
}

.orkut {
	float: right;
	margin: 12px;
}