/* general */
* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	text-decoration: none;
}
body {
	background-color: #f7f7f7;
	font: 11px Tahoma, Arial, sans-serif, Verdana;
}
legend {
	display: none;
}
input, textarea, select {
	font: 11px Tahoma, Arial, sans-serif, Verdana;
	width: 170px;
}
select {
	width: 175px;
}
select {
	border: 1px solid #999;
}
input, textarea {
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #b6b6b6;
	font-size: 11px;
	padding: 3px 0px 3px 3px;
	background: #fefefe url("../img/textbg.png") no-repeat scroll left top;
}
hr {
	display: none;
}
h3, h2, h1, p {
	padding: 2px 0px 4px 0px;
	margin: 0px;
}
ol {
	padding: 0px 0px 0px 36px;
	margin: 4px 0px 0px 0px;
}
ol li {
	margin-bottom: 4px;
	list-style-type: decimal;
}
div {
	position: relative;
	float: left;
}
address {
	font-style: normal;
	line-height: 150%;
}

a:link { text-decoration: underline; color: #000; }
a:visited { text-decoration: underline; color: #666; }
a:hover { text-decoration: none; color: #000; }
a:active { text-decoration: underline; color: #000; }

/* containers */
#container {
	width: 788px;
	left: 50%;
	margin-left: -394px;
}
#container-top {
	background: url("../img/container_topo.gif") center bottom no-repeat;
	width: 100%;
	height: 81px;
}
#container-center {
	background: url("../img/container_centro.gif") center center repeat-y;
	width: 100%;
}
#container-bottom {
	background: url("../img/container_embaixo.gif") center top no-repeat;
	width: 100%;
	height: 20px;
}
#google-map {
	position: absolute;
	left: 50%;
	top: 0;
	width: 425px;
	margin-left: -213px;
	height: 370px;
	border: 1px solid black;
	background-color: #fff;
	padding: 5px;
	display: none;
	z-index: 5;
}


/* menu placed at the top of page */
#top-menu {
	top: 33px;
	left: 197px;
	width: 582px;
}
#top-menu ul { 
	margin:0; 
	padding:0;
}
#top-menu li {
	list-style: none;
	display: inline;
}
#top-menu li a {
	float: left;
	width: 83px;
	height: 34px;
	font: bold 13px Verdana,Arial,Verdana,sans-serif;
	color: #999;
	text-align: center;
	padding: 12px 0px 0px 0px;
	text-decoration: none;
	background: url("../img/top-menu-tab.png") no-repeat;
}
#top-menu a:active, #top-menu a:hover {
	background: url("../img/top-menu-tab-hover.png") no-repeat;
}


/* left navigation */
#left-navigation {
	width: 181px;
	left: 11px;
}
#left-navigation div {
	width: 180px;
}
#left-navigation .erainfo-logo {
	background: #fff url("../img/leftnav-bar.png") 0 bottom repeat-x;
	text-align: center;
	margin-bottom: -3px;
}
#left-navigation .erainfo-logo img {
	margin-bottom: 10px;
}

#left-navigation div.green-bar {
	background: url("../img/leftnav-green-bar.png") 0 0 no-repeat;
	margin-top: 2px;
}
#left-navigation div.green-bar h2 {
	font: bold 12px Verdana,Arial,Tahoma,sans-serif;
	color: #fff;
	padding: 3px 0px 0px 6px;
}
#left-navigation #left-nav-links {
	background-color: #6b9dcd;
	margin-top: 4px;
}
#left-navigation #left-nav-links ul li {
	display: block;
	/* padding: 6px 0px 7px 0px;  TEMP 09.03.2008 */
	padding: 5px 0px 5px 0px;
	background: url("../img/leftnav-bullet.png") 5px 3px no-repeat;
}
#left-navigation #left-nav-links ul li a {
	display: block;
	font: 11px Tahoma,Arial,Verdana,sans-serif;
	margin-left: 28px;
	color: #fff;
	text-decoration: none;
}
#left-navigation #left-nav-links ul li a:visited {
	color: #e5e5e5;
}

#left-navigation #left-nav-form {
	background-color: #e6e6e6;
	margin-top: 4px;
}
#left-navigation #left-nav-form p {
	margin-left: 5px;
}
#left-navigation #left-nav-form label {
	display: block;
	padding: 3px 0px 2px 5px;
}
#left-navigation #left-nav-form label input {
	width: 165px;
}
#left-navigation #left-nav-form .buttons-box {
	text-align: center;
	padding: 6px 0px 6px 0px;
}
#left-navigation #left-nav-form .action-button {
	margin: 0 10px;
}


/* content */
#main-content {
	width: 353px;
	margin-left: 18px;
	top: 2px;
}
#main-content div {
	width: 353px;
}
#main-content h1 {
	font: bold 18px Verdana,Arial,Tahoma,Sans-serif;
	color: #92d461;
	width: 350px;
	margin: 5px 0px 12px 0px;
	border-bottom: 1px dashed #B0E08B;
}
#main-content p {
	padding-top: 5px;
}
#main-content h3 {
	font: bold 11px Verdana,Arial,Tahoma,Sans-serif;
	color: #77CA3A;
	padding-left: 0px;
	margin-left: 0px;
}
#main-content #related-links h3 {
	font: bold 12px Verdana,Arial,Tahoma,sans-serif;
	height: 20px;
	color: #999;
	background: url("../img/barra_outros.gif") 0px 17px no-repeat;
}
#main-content #related-links ul {
	padding: 0px 0px 0px 19px;
	margin: 4px 0px 0px 0px;
}
#main-content #related-links ul li{
	margin-bottom: 4px;
	padding-left: 0px;
	list-style: outside url("../img/marc_cinza.gif");
}
#main-content #related-links ul li a:active,
#main-content #related-links ul li a:link {
	text-decoration: none;
	color: #000;
}
#main-content #related-links ul li a:hover {
	text-decoration: none;
	color: #000;
}
#main-content #related-links ul li a:visited {
	text-decoration: none;
	color: #666;
}
#main-content .flash-movie {
	margin: 0;
	padding: 0;
}

/* right navigation */
#right-navigation {
	width: 216px;
	margin-left: 8px;
	top: 2px;
	padding-bottom: 12px;
	z-index: 2;
}
#right-navigation h3,
#right-navigation h2,
#right-navigation h1,
#right-navigation p {
	clear: both;
}
#right-navigation div {
	width: 216px;
}
#right-navigation h3 {
	font: bold 12px Verdana,Arial,Tahoma,sans-serif; 
	color: #5C5C5C;
	padding-left: 4px;
}
#right-navigation .top-box {
	height: 152px;
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	font: 11px Tahoma,Arial,sans-serif,Verdana;
}
#right-navigation .top-box p,
#right-navigation .box p {
	margin-left: 3px;
}
#right-navigation .top-box p.flash-movie,
#right-navigation .box p.flash-movie {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}
#right-navigation .top-box h2,
#right-navigation .box h2 {
	width: auto;
	height: 14px;
	border: 2px solid #fff;
	margin: 0;
	padding: 0 0 0 10px;
	background: url("../img/fundo_azul.gif") center center repeat-x;
	color: #fff;
	font: bold 11px Verdana,Arial,Tahoma,sans-serif;
}
#right-navigation .box h2 {
	background: url("../img/fundo_verde.gif") center center repeat-x;
}
#right-navigation .box {
	top: 10px;
	border: 1px solid #ccc;
	background-color: #e6e6e6;
}
#right-navigation .contact-information {
	margin-top: 5px;
	width: 212px;
	height: 77px;
}
#right-navigation .contact-information h3 {
	margin-left: 4px;
}
#right-navigation .contact-information ul li {
	font-family: Verdana,Arial,Tahoma,sans-serif;
}
#right-navigation .contact-information ul.disc-style {
	padding-left: 31px;
	margin-top: 0px;
}
#right-navigation .contact-information ul.disc-style li {
	padding: 2px 0px;
}

/* news box */
#right-navigation .news-display {
	font-size: 11px;
	/* height: 108px; TEMP 09.03.2008 */
	height: 125px;
	width: 210px;
	overflow: hidden;
	margin: 0px 0px 4px 2px;
	z-index: 1;
}
#right-navigation .news-display p {
	margin: 0px 0px;
}
#right-navigation .news-display a {
	color: #000;
}
#right-navigation .news-display .dotted-line {
	height: 5px;
	width: 193px;
	background: url("../img/barraPont.gif") center center repeat-x;
}
#right-navigation .news-display #hold {
	float: left;
	position: relative;
	overflow: hidden;
	width: 216px;
	/* height: 108px; TEMP 09.03.2008 */
	height: 125px;
	z-index: 4;
}
#right-navigation .news-display #wn2 {
	position: absolute;
	top: 0px;
	width: 197px;
	/* height: 108px; TEMP 09.03.2008 */
	height: 125px;
	/* clip: rect(0px, 390px, 100px, 0px); TEMP 09.03.2008 */
	clip: rect(0px, 390px, 120px, 0px);
	z-index: 2;
}
#right-navigation .news-display #controls {
	position: absolute;
	left: 198px;
	top: 4px;
	width: 14px;
	/* height: 105px; TEMP 09.03.2008 */
	height: 122px;
	z-index: 4;
}
#right-navigation .news-display .content {
	position: absolute;
	width: 193px;
	left: 0px;
	top: 0px;
	z-index: 1;
}
#right-navigation .news-display #up { 
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
#right-navigation .news-display #down {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}


/* bottom */
#container-bottom p.copyright {
	clear: both;
	text-align: center;
	margin-top: 20px;
	font: 10px Arial,Tahoma,Sans-serif,Verdana;
	color: #666;
}


/* common styles - used for several pages */
#main-content .clear {
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
}
.action-button {
	width: auto;
	color: #666;
	height: 20px;
	font: 700 11px Tahoma,Arial,Verdana,sans-serif;
	background: #ddd url("../img/button_bkg.png") 0 0 repeat-x;
	border-top: 1px solid #efefef;
	border-right: 1px solid #a6a6a6;
	border-bottom: 1px solid #8c8c8c;
	border-left: 1px solid #dedede;
}
ul.disc-style,
ul.gray-style,
ul.green-style {
	padding: 0px 0px 0px 16px;
	margin: 4px 0px 0px 0px;
}
ul.disc-style li,
ul.gray-style li,
ul.green-style li {
	margin-bottom: 4px;
}
ul.disc-style li {
	list-style: outside url("../img/marc_circulo.gif");
}
ul.gray-style li {
	list-style: outside url("../img/marc_cinza2.gif");
}
ul.green-style li {
	list-style: outside url("../img/marc_verde.gif");
}
#container-center a.green-style {
	color: #77ca3a;
	font-weight: bold;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.float-left-image {
	float: left;
	margin-right: 7px;
}
.float-right-image {
	float: right;
	margin-left: 7px;
}
#main-content .column-1 {
	width: 50%;
}
#main-content .column-2 {
	width: 49%;
}
strong.green {
	color: #77CA3A;
}
div.fix-list {
	width: auto !important;
	float: none;
	margin: 0;
	padding: 0;
}
.text-comment {
	font-weight: bold;
	color: #999;
	font-size: 1.0em;
}
.dynamic-feature {
	display: none;
}
table.basic-table {
	width: 100%;
	border: 1px dashed #ccc;
	width: 100%;
	margin-bottom: 0px;
}
table.basic-table tr td {
	padding-left: 2px;
}
table.basic-table tr th {
	background-color: #999 !important;
	font: bold 11px Verdana,Arial,Tahoma,sans-serif;
	color: #fff;
	text-align: center;
}

span.price {
	font-size: 12px;
	font-weight: bold;
	color: #ff9900;
}

span.price-old,
span.price-new {
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}
span.price-old {
	text-decoration: line-through;
}

.selected {
	background-color: #d7ffb4;
}

.error {
	color: #CC0000;
}