@charset "iso-8859-2";
/* CSS Document */
.uppercase{ text-transform:uppercase;}
* { margin: 0; padding: 0; }
.clear { clear: both; }
.margin { margin: 0 10px 0 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; text-align: center; }
#container { width: 100%; height: 450px; background: url(imagens/bgSite.jpg) top center no-repeat; }
#containerInterna { width: 100%; background: #EEEFEA url(imagens/bgSiteInterna.jpg) top center no-repeat; }
/***************************** topo principal *****************************/
#topo { width: 960px; height: 370px; margin: 0 auto; text-align: left; }
#logo { width: 205px; height: 115px; float: left; margin: 20px 0 0 10px; }
#pedidosOnline { width: 315px; height: 30px; float: right; background: url(imagens/bgPedidos.png) top center no-repeat; margin: 20px 0 0 0; }
	#pedidosOnline h1 { font-size: 11px; margin: 0 0 0 15px; line-height: 27px; color: #000; float: left; font-weight: normal; }
	#pedidosOnline input[type=text] { width: 80px; height: 15px; font-size: 11px; margin: 3px 0 0 5px; float: left; padding: 0 0 0 5px; }
	#pedidosOnline input[type=submit] { width: 8px; height: 11px; background: url(imagens/setaPedido.png) top center no-repeat; border: none; 
										 margin: 8px 0 0 19px; cursor: pointer; }
#menuSup { width: 680px; height: 40px; float: right; margin: 20px 0 0 20px; font-size: 15px; }
	#menuSup ul { width: 680px; height: 40px; float: right; list-style: none; }
		#menuSup ul li { line-height: 40px; float: left; display: block; border-right: 1px dotted #FFF; color: #FFF; }
		#menuSup ul li a { line-height: 40px; float: left; display: block; padding: 0 20px 0 20px; color: #FFF; text-decoration: none; }
		#menuSup ul li a:hover { color: #E6C402; }
/***************************** topo principal *****************************/

/***************************** conteudo inicial *****************************/
#contInicio { width: 960px; margin: 0 auto; text-align: left; }
	#galImagens { width: 680px; height: 260px; float: left; }
	#noticias { width: 265px; height: 260px; float: right; background: #F0F0F0; }
		#noticias ul { width: 265px; height: 38px; list-style: none; }
			#noticias ul li { line-height: 38px; float: left; }
		.noticia { width: 135px; height: 38px; float: left; background: url(imagens/btnNoticias.jpg) top center no-repeat; cursor: pointer; }
		.saude { width: 130px; height: 38px; float: left; background: url(imagens/btnSaude.jpg) top center no-repeat; cursor: pointer; }
		#noticias h1 { font-size: 16px; color: #333; margin: 15px 0 0 10px; }
		#noticias h2 { font-size: 12px; font-weight: normal; color: #333; margin: 5px 0 0 10px; }
		#noticias h2 a { color: #C31F13; text-decoration: none; }
		#noticias h2 a:hover { text-decoration: underline; }
	#bannerParceiros { width: 695px; height: 62px; float: left; margin: 10px 0 20px 0; }
		#bannerParceiros img { margin: 0 10px 0 0; }
	#bannerContato { width: 265px; height: 62px; float: right; margin: 10px 0 0 0; }
	.titInicio { font-size: 17px; color: #57646C; font-weight: normal; }
	#prodDestaque { width: 960px; height: 202px; background: url(imagens/bgProduto.png) top center no-repeat; }
		#prodDestaque #next { float: right; margin: 90px 10px 0 0; }
		#prodDestaque #prev { float: left; margin: 90px 0 0 10px; }
		#prodDestaque #imgProduto { width: 135px; height: 150px; float: left; margin: 30px 20px 0 25px; }
/***************************** conteudo inicial *****************************/

/***************************** conteudo inicial *****************************/
	#contInterna { width: 960px; margin: -200px auto 0 auto; text-align: left; }
		#contEsq { width: 750px; float: left; margin: 40px 0 0 35px; font-size: 12px; color: #333333; text-align: justify; }
			#contEsq h1 { color: #333333; font-size: 18px; margin: 0 0 25px 0; font-weight: bold; }
			#btnVoltar { color: #999999; font-size: 15px; text-decoration: none; font-weight: bold; }
				#btnVoltar a { color: #999999; font-size: 15px; text-decoration: none; font-weight: bold; }
				#btnVoltar a:hover { text-decoration: underline; }
			#contEsq h2{ margin: 10px 0; color:#246544; font-size: 18px;}
			#contEsq h3{ color: #999999; font-size: 10px; margin: 5px 0 20px;}
		#contDir { width: 320px; height: 240px; float: right; margin: 0px 0 0 25px; padding: 0 0 10px 0; }
/***************************** conteudo inicial *****************************/

/***************************** div info  *****************************/
#infos { width: 960px; height: 300px; background: url(imagens/bgInfos.png) top center no-repeat; margin: 20px auto 0 auto; text-align: left; }
	#destSemana { width: 190px; height: 215px; float: left; margin: 20px 0 0 40px; }
	#dicas { width: 190px; height: 215px; float: left; margin: 20px 0 0 40px; }
	#galFotos { width: 190px; height: 215px; float: left; margin: 20px 0 0 40px; }
	#midiasSociais { width: 190px; height: 215px; float: left; margin: 20px 0 0 40px; }
/***************************** div info  *****************************/

/***************************** rodape  *****************************/
#rodape { width: 100%; height: 340px; background: url(imagens/bgRodape.jpg) center no-repeat; margin: 0 0 0 0; }
#rodapeInicio { width: 100%; height: 340px; background: url(imagens/bgRodapeInicio.jpg) center no-repeat; margin: 0 0 0 0; }
	#contRodape { width: 960px; margin: 0 auto; text-align: left; }
		#logoRodape { width: 130px; float: left; margin: 105px 0 0 15px; }
			#logoRodape h3 { font-size: 10px; color: #FFF; font-weight: normal; margin: 15px 0 0 20px; }
			#logoRodape .midiasRodape { margin: 15px 0 0 30px; }
		#acessoRapido { width: 110px; float: left; margin: 170px 0 0 65px; }
			#acessoRapido ul { width: 110px; height: 20px; list-style: none; margin: 5px 0 0 0; }
				#acessoRapido ul li { line-height: 20px; display: block; text-decoration: none; font-size: 12px; color: #FFF; }
					#acessoRapido ul li a { line-height: 20px; display: block; text-decoration: none; font-size: 12px; color: #FFF; }
					#acessoRapido ul li a:hover { text-decoration: underline; }
	.titRodape { font-size: 16px; color: #FFF; font-weight: normal; }
		#newsletter { width: 200px; float: left; margin: 170px 0 0 40px; }
			#newsletter h2 { font-size: 12px; color: #FFF; font-weight: normal; margin: 5px 0 0 0; }
			#newsletter input[type=text] { width: 200px; height: 23px; background:url(imagens/cmpNews.png) top center no-repeat; border: none; 
											line-height: 20px; font-size: 11px; color: #666; margin: 5px 0 0 -10px; padding: 0 0 0 15px; }
			#newsletter input[type=submit] { width: 60px; height: 22px; background: url(imagens/btnEnviar.jpg) top center no-repeat; border: none;
											  cursor: pointer; margin: 7px 0 0 0; }
		#contatoRodape { width: 165px; float: left; margin: 170px 0 0 35px; }
			#contatoRodape h2 { font-size: 11px; color: #FFF; font-weight: normal; margin: 5px 0 0 0; }
				#contatoRodape h2 a { font-size: 11px; color: #FFF; font-weight: normal; margin: 5px 0 0 0; text-decoration: none; }
					#contatoRodape h2 a:hover { text-decoration: underline; color: #FFAF01; }
/***************************** rodape  *****************************/

/***************************** formulario contato  *****************************/
.mapaFaleConosco { width: 750px; height: 500px; border: 1px solid #EEEEEE; margin: 15px 0; /*clear:both;*/ margin: 40px 0 0 35px; float: left; }

#contato { font-family: Arial, Helvetica, sans-serif; width: 760px; float: left; margin: 40px 0 20px 35px; padding: 0; text-align: left; }
#contato #contatoEsq { width: 305px; float: left; text-align: left; margin: 10px;  font-size: 12px; }
#contato ul { list-style: none; }
#contato label { font-size: 12px; font-weight: bold;}
#contato h2 { color: #333333; font-size: 19px; margin: 0; font-weight: bold; }
	#contato #contatoEsq input { width: 300px; height: 20px; margin: 0 0 10px 0px; font-size: 12px; color: #FFF; background-color: #83C7A5; border: 1px solid #C8C8C8; border-radius: 5px 5px 5px 5px;}
	#contato #contatoEsq input:focus { border: 1px solid #666666; box-shadow: 0 0 5px #666666; } 
	#contato #contatoEsq select { width: 303px; height: 25px; margin: 0 0 10px 0px; font-size: 12px; color: #FFF; background-color: #83C7A5; border: 1px solid #C8C8C8; border-radius: 5px 5px 5px 5px; }
	#contato #contatoEsq .file { width: 303px; height: 25px; margin: 0 0 10px 0px; font-size: 12px; color: #FFF; background-color: #83C7A5; border: 1px solid #C8C8C8; border-radius: 5px 5px 5px 5px;}
	
#contato #contatoDir { width: 335px; float: left; margin: 10px 0 0 30px; font-size: 12px; }
	#contato #contatoDir textarea { width: 320px; height: 110px; max-height: 300px; max-width: 500px; float:left; margin: 0;  font-size: 12px; color: #FFF; background-color: #83C7A5; border: 1px solid #C8C8C8; border-radius: 5px 5px 5px 5px;}
	#contato #contatoDir textarea:focus { border: 1px solid #666666; box-shadow: 0 0 5px #666666; } 
	#contato #contatoDir input[type=submit] { cursor:pointer; background: url(imagens/bgSend.png) repeat scroll 0 0 transparent; border: medium none; display: block; float: right; height: 45px; margin: 10px; text-indent: -9999px; width: 125px;}
	#espacoContato { clear: both; height: 150px; width: 100%;}
/***************************** formulario contato  *****************************/