/* ============= GERAL ============= */

* {margin:0; padding:0;}/* YEAH! the universal selector and they all shall be in place*/

body{
	width:748px;
	margin:0 auto;
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
	background:#efedd9 url("images/geral/background.gif") repeat-y 50% 0;
	color:#87898a;
	behavior:url(csshover.htc);
}

hr {display:none;}

h2{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:24px;
font-weight:normal;
color:#d6c301;
margin-bottom:10px;
}

a{
color:#d6c301;}

a:hover{
color:#857901;}


/* ============= TOP  ============= */
h1{
background:#87898a url(images/geral/top.gif) no-repeat ;
height:180px;
text-indent:-30000px;
}

/* ============= CONTENT  ============= */

#content{
margin:0 9px 0 8px;
text-align:justify;
}

/* ============= NAVBAR  ============= */
div#listmenu {
	width:730px;
	float:left; /*makes the div enclose the list */
	border-bottom:1px solid #dcdac6;	 /* draws line on bottom edge of div */
	background-color:#fff;
	margin:0 0 20px 0;
	padding:0 0 1px 1px;
	}
	
div#listmenu ul {margin:0;/* indents ul from edge of container */
	}
	
div#listmenu li {
	width:145px;
	height:37px;
	float:left;	/* causes the list to align horizontally instead of stack */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#efedd9; /*sets the background of the menu items */
	border-right:1px solid #fff;
	margin-top:3px;
	border-top: 2px solid #dcdac6;
	}
	
div#listmenu li:hover { 
	background-color:#ede7a8; /*sets the background of the menu items */
	border-top: 2px solid #d6c301;
	}
	
div#listmenu a {
	padding:8px 0 0 10px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	display:block;
	line-height:37px;
	color:#87898a;
	border-top:2px solid #fff;
	}
	
div#listmenu a:hover {
	color:#d6c301;
	display:block;
	}
	
div#listmenu li#active{
	background-color:#ede7a8;
	border-top: 2px solid #d6c301;
	color:#d6c301;
	}
	
/* ============= PRINCIPAL COMLUMN  ============= */

#principal_col{
background-color:#FFF;
margin:0 20px;
}

#principal_col p, address{
margin:10px 0;
line-height:15px;
font-style:normal;
}

/*start shadow*/
#principal_col .shadow {
float:right;
background:#999 url(images/shadow/shadow.gif) no-repeat 0 0;
height:228px;
width:210px;
margin: 0 0 20px 20px;
}

#principal_col img{
padding:4px;
border:1px solid #d6c301;
background-color:#fff;
margin:8px 0 0 0;
}
/*end shadow*/

/* #principal_col img{
float:right;
padding:4px;
border:1px solid #d6c301;
background-color:#fff;
margin: 0 0 20px 20px;
}*/

#principal_col img.acrobat{
float:none;
padding:1px;
border:1px solid #efedd9;
margin:0;
}

#principal_col img.acrobat:hover{
float:none;
padding:1px;
border:1px solid #d6c301;
margin:0;
}

#principal_col ul{
width:100%;
margin-bottom:20px;
}

#principal_col li{
background-color:#efedd9;
list-style-type:none;
padding:0 10px;
border-bottom: 1px solid #fff;
line-height:25px;
}

#principal_col li:hover{
background-color:#ede7a8; 
}

	
#principal_col ul a{
text-decoration:none;
display:block;
}


/* ============= LEFT COMLUMN  ============= */

#left_col{
float:left;
width:450px;
margin:0 20px;
}

#left_col p{
margin:10px 0;
line-height:15px}

/* ============= RIGHT COMLUMN  ============= */
#right_col{
float:left;
width:197px;
margin:0 0 0 20px;
}

#right_col p{
margin:10px 0;
/*font-weight:bold;*/
line-height:15px}

#right_col blockquote{
margin:10px 0;
font-style:italic;
line-height:15px}

.quote{
border-bottom:1px solid #dcdac6;
margin-bottom:10px;
}


/* ============= FOOTER  ============= */

#footer p{
font-size:11px;
}

#footer #separador_top{
background:#87898a url(images/geral/footer_top.gif) no-repeat;
height:28px;
}

#footer #separador_botton{
background: #87898a url(images/geral/footer_botton.gif) no-repeat;
height:15px;
}

#footer p{
line-height:52px;
text-align:left;
text-indent:20px;
background-color:#FFFFFF;
margin:0 9px 0 8px;
}

/* =========================== FORM =========================== */
div#formcontainer {
	width:400px; 
}

div#formcontainer h2{
background-color:#efedd9;
font-size:20px;
padding:2px 10px;
margin:0;
}
div#formcontainer p{
margin:0;
padding:10px;
line-height:normal;
}

div#formcontainer input, div#formcontainer textarea{
border:1px solid #ccc;
background-color:#FFFFFF;
width:250px;
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

div#formcontainer input.enviar{
	float:right;
	width:125px;
	background-color:#efedd9;
	border:1px solid #0066ff;
	color:#FFFFFF;
}

div#formcontainer input.enviar:hover{
	background-color:#0033FF;
	border:1px solid #0000CC;
	cursor: hand;
}

div#formcontainer input:focus, div#formcontainer textarea:focus{
border:1px solid #333;
}

div#formcontainer form  {
	border-top: 2px solid #CCC; 
	border-bottom: 3px solid #CCC;
} /* the top border is visually 1 px thicker because it touches the div.clearfix bordertop */

div#formcontainer div.clearfix {
	border-top: 1px solid #CCC; 
	padding:10px 0px; 
	vertical-align:top;
} /* adds the line above each section and provides vertical spacing */

div#formcontainer form label {
	width:120px; 
	float:left; 
	font-size:12px;
	margin:0 10px;
	color:#565350;
} /* this is the text label on the left of each input */
/* END OF THE FORMS CSS*/

div#formcontainer input[type="submit"] {display:block; margin-left:auto; margin-right:10px;}


/* =================== THE HACK ZONE =================== */
* html div#listmenu ul {
	float:left;} /* makes the ul wrap the li's */
	
* html div#listmenu a {
	line-height:20px;
	padding-top:13px;
	}

* html #left_col{
margin-left:10px;
padding-top:20px;
}

* html #right_col{
padding-top:20px;
}

* html #principal_col{
padding-top:20px;
}


* html div#listmenu {
margin:0;
}

* html div#principal_col ul a{
width:100%;
}



/*start shadow
* html #principal_col .shadow {
float:none;
background:none;
height:auto;
width:auto;
margin: 0;
}

* html #principal_col img{
float:right;
padding:4px;
border:1px solid #d6c301;
background-color:#fff;
margin: 0 0 20px 20px;
}

end shadow*/




/* end of hack zone */


/* +++++++++++++++++++++++++++++++++++++++ CLAER FIX +++++++++++++++++++++++++++++++++++++++ */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */