body, h1, h2, h3, h4, p, ul, li {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-color: #94C945;
	background-image: url(site/img/bkg.jpg);
	text-align: center;
	line-height: 15px;
}
a {  
	font-size: 11px; 
	color: #97D053; 
	text-decoration: none
}

a:hover {  
	color: #7FC338; 
	text-decoration: underline
}

a:active {
	color: #147037;
}

a img {
	border-width: 0; 
	border-style: none;
}


/* ----------------------------*/
/* PAGE ELEMENTS */
/* ----------------------------*/

/*
MAIN CONTENT --------------------- */

#wrapper {
	text-align: left;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


/*
SIDEBAR --------------------- */

#sidebar_a {
	float:left;
	width:265px;
}

#sidebar_b {
	float: left;
	width:479px;
	padding-left:6px;
}

#logo {
	height: 265px;
	height:82px;
}

#topo {
	height: 479px;
	height:166px;
}

#nav {
	background-image:url(site/img/bkg_menu.jpg);
	background-repeat: no-repeat;
	height: 126px;
	width: 265px;
	float: left;
	margin-top: 5px;
}
#nav ul {
	font-size: 80%;
	font-weight:bold;
	text-align: left;
	list-style-type: none;
	margin-top: 4px;
}
#nav li {
	display: block;
	height:24px;
}
#nav li a:link, #nav li a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 30px;
}
#nav li a:hover, #nav li active, #nav li a:focus {
	color: #B4C829;
	background-image:url(site/img/seta_menu.gif);
	background-repeat:no-repeat;
}
#maintitle {
	float: left;
	width: 479px;
	padding-top: 6px;
	padding-right: 0px;
	padding-left: 0px;
}
#content {
	background-color: #003399;
  	float: left; /* Floats the content DIV to the left of the layout. */
  	width: 265px; /* Sets the width of the content column to 265 pixels. */
	height:500px;
	background-image:url(site/img/bkg_contactos.jpg);
}
#sidebar {
	background-color: #FFFFFF;
	margin-left:6px;
	padding-top:20px;
	padding-left:15px;
	padding-right:10px;
	padding-bottom:20px;
  	float: left; /* Floats the sidebar to the left within its container. */
  	width: 454px; /* Sets the width of the sidebar to 200 pixels. */
	height:100%;
}
#footer {
	height: 50px; /* Sets a height that equals the height of the background image. */
}
#footer p {
  font-size: 70%;  /* Sets the font size to 70% of the user's browser preference, */
  color:#0E6B37;
  text-align: left; /* Aligns footer paragraph text in the center of the DIV. */
  padding-top: 20px; /* Pads the footer paragraph text so that it starts in the soft, rounded, green rectangle. */
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	clear: both; /* Keeps floated divs from draping over objects beneath them. */
	height: 0px; /* Makes sure the clearing element has no height */
}

.lftflt {
  	float: right; /* Moves the image to the left side of its container and allows text to flow around its right side. */
	margin-right: 8px; /* Adds 8 pixels of space to the right of the image so that it does not touch the text */
}
.titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #086637;
	font-weight:bold;
}
.titDstq {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7CC138;
	font-weight:bold;
}
.cpobrigatorio {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#ff0000;
}
input, textarea, select {	
	background-color: #FFF;
	border: 1px solid #C0E295;
	color: #000;
	font: 1em "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
}
.txtGreen {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color:#086637;
}
.txtYellow {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color:#627625;
	font-weight:bold;
}
.txtLemon {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color:#CBE22D;
	font-weight:bold;
}
.txtVerde {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color:#9BD259;
	font-weight:bold;
}
.txtMenor {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color:#000000;
}
.txtMenorRed {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color:#CC0000;
}
.botok {
	BORDER-BOTTOM-COLOR: #086637;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-COLOR: #E4F3CC;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-COLOR: #086637;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-TOP-COLOR: #E4F3CC;
	BORDER-TOP-WIDTH: 1px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	background-color: #7CC138;
	height: 17px;
}
.txtPreco {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color:#068F9F;
	font-weight:bold;
}
.img-flash {
	FONT-SIZE: 0px; 
	Z-INDEX: 10; 
	LEFT: 405px; 
	OVERFLOW: hidden; 
	WIDTH: 54px; 
	POSITION: relative; 
	TOP: -15px; 
	HEIGHT: 54px
}

.fw-container {
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BACKGROUND: url() repeat-y left top;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px auto;
	OVERFLOW: visible;
	WIDTH: 760px;
	PADDING-TOP: 0px;
	POSITION: relative;
	BORDER-RIGHT-WIDTH: 0px;
	visibility: visible;
}
.img-popupp {
	BORDER-RIGHT: gray 1px solid;
	PADDING-RIGHT: 5px; 
	BORDER-TOP: gray 1px solid; 
	DISPLAY: none; 
	PADDING-LEFT: 5px; 
	FONT-SIZE: 10px; 
	Z-INDEX: 1000; 
	VISIBILITY: hidden; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: gray 1px solid; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: gray 1px solid; 
	POSITION: absolute; 
	BACKGROUND-COLOR: #FFFFFF
}

