@charset "utf-8";
@import url(css/menu.css);
@import url(css/form.css);
@import url(css/galeria.css);
@import url(css/lightbox.css);

/*..............................................................................................
 #BODY
................................................................................................ */
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #5AB56B;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image:url(img_geral/body_bg.jpg);
	background-repeat: repeat-x;
	background-position:top;
}

/*..............................................................................................
 #CONTAINER
................................................................................................ */
#container {
	/*width: 780px;*/
	width: 730px;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	/*border: 1px solid #000000;*/
	text-align: left;
	
	background-image:url(img_geral/container_bg.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}

/*..............................................................................................
 #HEADER
................................................................................................ */
#header {
	/*padding: 0 10px 0 20px;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	padding: 0;
	background-image: url(img_geral/header_bg.jpg);
	background-repeat:repeat-x;
}
#header h1 {
	margin: 0; /* avoid margin collapse */
	padding: 10px 0;
	text-indent: -5000px;
	/*background-image: url(img_geral/logotipo.jpg);
	background-position:top left;
	background-repeat:no-repeat;*/
	width: 210px;
	height: 80px;
	float:left;
}

/*..............................................................................................
 #MAINCONTENT
................................................................................................ */
#mainContent {
	padding: 0 20px;/*  remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:0;
	/*reposition to compensate the flash area*/
	/*margin-top: 310px;
	_margin-top: 315px;*/
}

#mainContent P{
	width: 60%;
	line-height: 1.5em;
	color: #993300;
}

#mainContent P.inteiro{
	width: 100%;
}
.limpa{
	clear: both;
	margin: 0;
	padding: 0;
}

/*..............................................................................................
 #AREAFLASH
................................................................................................ */
#areaflash{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}

/*..............................................................................................
 #TITULOS H1
................................................................................................ */
H1.casa {
	margin: 0; /* avoid margin collapse */
	padding: 0;
	text-indent: -5000px;
	background-image: url(img_titulo/acasa.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height: 48px;
}

H1.fotos {
	margin: 0; /* avoid margin collapse */
	padding: 0;
	text-indent: -5000px;
	background-image: url(img_titulo/fotos.jpg);
	background-position:top left;
	background-repeat:no-repeat;
height: 48px;
}

H1.servicos {
	margin: 0; /* avoid margin collapse */
	padding: 0;
	text-indent: -5000px;
	background-image: url(img_titulo/servicos.jpg);
	background-position:top left;
	background-repeat:no-repeat;
height: 48px;
}

H1.contato {
	margin: 0; /* avoid margin collapse */
	padding: 0;
	text-indent: -5000px;
	background-image: url(img_titulo/contato.jpg);
	background-position:top left;
	background-repeat:no-repeat;
height: 48px;
}

H1.comochegar {
	margin: 0; /* avoid margin collapse */
	padding: 0;
	text-indent: -5000px;
	background-image: url(img_titulo/comochegar.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height: 48px;
}

H2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color: #00911A;
}

/*..............................................................................................
 #FOOTER
................................................................................................ */
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#5AB56B;
	background-image: url(img_geral/footer_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:100px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer p.credito{
	padding-top: 23px;
	color:#DBE4C6;
	font-size:10px;
}
#footer .echoes4ever{
	background-image: url(img_geral/echoes4ever.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	margin-top: 30px;
	padding:0;
	float: right;
	width: 250px;
	height: 42px;
}

#footer .echoes4ever p{
	padding:0;
	padding-left:25px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #DBE4C6;
}
#footer .echoes4ever a{
	text-decoration:none;
	color: #F0FF8A;
}