/**********************************************  HEADER  **********************************************/

#header {
	background-image: url('/images/header-bg.gif');
	background-repeat: no-repeat;
	width: 920px;
	margin: 0 auto;
	padding: 23px 35px 20px 35px;
}
#header #menuContainer {
	border: 1px #d4d4d4 solid;
	float: left;
	width: 918px;
	display: inline;
	margin: 10px 0px 0px 0px;
}
#header ul {
	background-image: url('/images/header-menu-bg.jpg');
	background-repeat: repeat-y;
	width: 901px;
	float: left;
	padding: 0px 0px 0px 15px;
	display: inline;
	border: 1px #ffffff solid;
}
#header li {
	float: left;
}
#header li a {
	color: #ffffff;
	text-decoration: none;
	font-family: Trebuchet MS, sans-serif;
	text-transform: uppercase;
	font-size: .8em;
	display: block;
	padding: 6px 19px 6px 19px;
	height: 100%;
	float: left;
}
#header li a:hover {
	background-color: #fefefe;
	color: #929598;
}
.ver2 #header a {
	background-color: #ffffff;
	color: #929598;
}
.ver2 #header a:hover {
	background-color: transparent;
	color: #ffffff;
}
.ver2 #header #menuContainer {
	padding: 0px 10px 0px 10px;
	width: 898px;
}
.ver2 #header ul {
	width: 897px;
	padding: 0px;
}


/*******************************************  MENU CHANGES  *******************************************/

.home #menuItemHome a,
.about #menuItemAbout a,
.services #menuItemServices a,
.projects #menuItemProjects a,
.news #menuItemNews a,
.awards #menuItemAwards a,
.publications #menuItemPublications a,
.careers #menuItemCareers a,
.contacts #menuItemContacts a {
	background-color: #fefefe;
	color: #222222;
}

/**********************************************  FOOTER  **********************************************/

#footer {
	font-size: .7em;
	color: #939598;
	width: 990px;
	margin: 0px auto;
	text-align: center;
	padding: 0px 0px 10px 0px;
}
#footer ul {
	display: inline;
}
#footer ul li {
	display: inline;
}
#footer a {
	color: #939598;
	text-decoration: none;
	margin: 0px 0px 0px 5px;
}
#footer a:hover {
	text-decoration: underline;
}

/***********************************************  BODY  ***********************************************/

body {
	background-color: #e6e6e6;
	font-family: arial, sans-serif;
}
#content {
	width: 920px;
	padding: 0px 35px 35px 35px;
	min-height: 160px;
	height: auto !important;
	height: 160px;
	margin: 0px auto;
	background-image: url('/images/body-bg.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
}
#contentLeft {
	float: left;
	width: 217px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 95px 0px;
}
#contentRight {
	width: 683px;
	float: left;
}
#awardTile {
	margin: 10px 0px 0px 0px;
}
#projectCol p{
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

#projectCol h3{
	margin: 20px 0px 0px 0px;
}

#projectCol ul{
	margin: 0px 0px 10px 0px;
}

.flush {
	margin: 0px 0px 15px 0px;
	padding-bottom: 5px;
}
.date {
	color: #888888;
}

/*******************************************  GOOGLE MAPS  *******************************************/
					
.gMap {
	margin: 30px 0px 30px 0px;
	padding: 0px 0px 0px 20px;
	font-size: .9em;
	color: #ff0000;
}
.gMap address {
	line-height: 1.5em;
	margin: 0px 0px 20px 0px;
}
.gMap ul {
	float: left;
}
.gMap ul li {
	line-height: 1.5em;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 20px;
}
.gMap iframe {
	width: 320px;
	height: 220px;
	float: left;
	margin: 0px 40px 0px 0px;
}
.gMap .phone { background-image: url('/images/icons/ico-phone.gif'); }
.gMap .fax { background-image: url('/images/icons/ico-fax.gif'); }
.gMap .email { background-image: url('/images/icons/ico-email.gif'); }


/********************************************  PAGE FORMS  ********************************************/

.pageForm {
	padding: 0px 0px 0px 20px;
	color: #5d5d5d;
}
.pageForm li {
	height: 100%;
	margin: 0px 0px 10px 0px;
	line-height: 1.5;
}
.pageForm label {
	width: 140px;
	float: left;
	margin: 2px 0px 0px 0px;
	font-size: .9em;
}
.pageForm label span,
.pageForm .formMessage span {
	color: #ff0000;
}
.pageForm input {
	padding: 2px 0px 2px 4px;
	width: 220px;
	border: 1px #7f9db9 solid;
}
.pageForm textarea {
	width: 220px;
	padding: 2px 0px 2px 4px;
	font-family: arial, sans-serif;
	font-size: .9em;
	border: 1px #7f9db9 solid;
}
.pageForm .formMessage {
	margin: 10px 0px 10px 140px;
}
.pageForm #submitButton {
	border: none;
	width: auto;
	margin: 10px 0px 10px 135px;
}
.pageForm .error {
	position: relative;
	display: inline;
	vertical-align: top;
	width: 16px;
	height: 16px;
	top: 5px;
	cursor: help;
	text-decoration: none;
}
.pageForm .error .errorMessage {
	position: absolute;
	width: 200px;
	left: 30px;
	top: -3px;
	font-size: .75em;
	padding: 5px;
	display: none;
	color: #000000;
}
.pageForm .error:hover .errorMessage {
	display: block;
	border: 1px #ff0000 solid;
	background-color: #ffc4bc;
}
.pageForm .error:hover {
	background-color: #ffffff;
}


/*****************************************  GALLERY STYLES  *******************************************/



/********************************************  NEWS  *********************************************/

#newsletters {
	float: left;
	width: 217px;
	margin: 0px;
	padding: 0px;
}

#pressRelease {
	width: 683px;
	float: right;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#newsletters .newsHeader {
	width: 217px;
	height: 32px;
}

#newsletters  ul li{
	width: 215px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	border-bottom:1px solid #D4D4D4;
	border-right:1px solid #D4D4D4;
	border-left:1px solid #D4D4D4;
}


/********************************************  HOME PAGE  *********************************************/

#homeLeft, #PreviewArea {
	width: 475px;
	margin: 0px 10px 0px 0px;
	float: left;
}

#flashArea {
	width: 683px;
	height: 394px;
	margin: 0px 0px 20px 0px;
	float: left;
}

#homeRight, #ThumbArea {
	width: 198px;
	float: left;
}
#homeLeft p {
	padding-right: 20px;
}
h1.homeBlue, h1.homeGreen {
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#contentRight h1.homeBlue {
	color: #1d96c5;
	padding: 0px;
}
#contentRight h1.homeGreen {
	color: #23b153;
	padding: 0px;
}

/**************************************  HOME IMAGE SCROLLER  *****************************************/

#homeImageScroller {
	margin: 0px 0px 30px 0px;
}
#homeImageScroller #up,
#homeImageScroller #down {
	background-image: url('/images/home-scrolling-arrows.gif');
	background-repeat: no-repeat;
	width: 198px;
	height: 12px;
	display: block;
	overflow: hidden;
	font-size: .7em;
	text-align: center;
	text-indent: -9999em;
}
#homeImageScroller #down {
	background-position: center -12px;
	margin: 0px;
}
#homeImageScroller #up:hover {
	background-position: center -24px;
}
#homeImageScroller #down:hover {
	background-position: center -36px;
}
#homeImageScroller a {
	display: block;
	margin: 0px 0px 10px 0px;
	cursor: default;
}

/**************************************  GALLERY STYLES  *****************************************/

.imgSelected {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.imgNotSelected {
	opacity: 1.0 !important;
	filter: alpha(opacity=100) !important;
}

.ImagePreviewArea {
	float: left;
	width: 475px;
	height: 330px;
	margin:0px 0px -4px;
	position:relative;
}

.caption {
	float: left;
	width: 475px;
	min-height: 54px;
	height: auto !important;
	height: 54px;
}

.caption p {
	color: #777777;
	background-color: #f7f7f7;
	font-size: .7em;
	padding: 3px 8px 4px 8px;
	margin: 0px 0px 30px 0px;
	display: inline-block;
	width: 459px;
}


/****************************************** ABOUT US SLIDESHOW ****************************************/

#FooterSlidshow {
	/*margin-top: 30px; */
	overflow: hidden;
}
.SlideWide {
	float: left;
	width: 255px;
	height: 198px;
	border: 1px solid #D4D4D4;
	overflow: hidden;
}
.SlideThin {
	float: left;
	width: 147px;
	height: 198px;
	border: 1px solid #D4D4D4;
	overflow: hidden;
}
#FooterSlide1,
#FooterSlide2 {
	margin-right: 10px;
}
.SlideSelected {
	display: block;
}

/**********************************************  CONTACTS  ***********************************************/


/* CONTATO */

#contactContent {
clear:both;
margin:30px auto;
position:relative;
width:920px;
} 

#mainContent.contentColumn {
float:left;
margin:0 0 25px;
}
.contentColumn {
width:440px;
}
#secondaryBorder {
	border-left:1px solid #D1E4F3;
}
#secondaryContent.contentColumn {
float:right;
margin:0 15px 25px 0;
}

#content address {
line-height:1.5em;
padding: 20px 0px 20px 17px;
color:#222222;
font-size:0.9em;
}

.introTxt {
	font-size: .9em;
}

#leftAddress {
	float: left;
	padding-right: 70px;
}

#rightAddress {
	float: right;
}

form#formContato label
{
display:block;
}

form#formContato input, form#formContato textarea
{
font-family:Verdana, Arial, Helvetica, sans-serif;
}

form#formContato p.hidden
{
display:none;
}

form#formContato input
{
width:400px;
padding:5px;
outline:none;
border:2px solid #e4f4e8;
font-size:11px;
color:#666;
background:#e4f4e8;
}

form#formContato textarea
{
width:400px;
padding:5px;
outline:none;
border:2px solid #e4f4e8;
font-size:11px;
color:#666;
background:#e4f4e8;
}
form#formContato select
{
width:413px;
padding:5px;
outline:none;
border:2px solid #e4f4e8;
font-size:11px;
color:#666;
background:#e4f4e8;
}

form#formContato input.formError,
form#formContato textarea.formError,
form#formContato select.formError {
	background-color: #FFDFDF;
	border:2px solid #FFDFDF;
}

ul.errorList {
	color: #CF7474;
	padding-bottom: 20px;
	list-style-type: decimal;
	list-style-position: inside;
	font-size:0.8em;
}
p.errorP {
	color: #CF7474;
	font-weight: bold;
}
.successful {
	color: #19AD4D;
	font-weight: bold;
}

form#formContato input:focus, form#formContato textarea:focus
{
outline:none;
border:2px solid #84abcb;
color:#333;
background:#e8f1f9;
}

form#formContato p.btnEnviar
{
display:block;
width:170px;
height:38px;
}

form#formContato p.btnEnviar input
{
width:170px;
height:38px;
border:0;
color:transparent;
background:url(../images/buttons/btn-send-email.gif) no-repeat;
cursor:pointer;
}


form#formContato p.btnEnviar label
{
display:none;
}

form#formContato p.btnEnviar input:hover
{
background:url(../images/buttons/btn-send-email-hover.gif) no-repeat;
}

/* MAPA */
.mapa
{
position:relative;
width:410px;
padding:5px;
margin-left:12px;
background:#bdd1e2;
}

#content p.ampliarMapa
{
position:absolute;
bottom:-60px;
right:-5px;
width:232px;
height:38px;
text-indent:-90000px;
}

#content p.ampliarMapa a
{
display:block;
width:232px;
height:38px;
background:url(../imagens/btn-ampliar-mapa-combo.gif) no-repeat;
}

#content p.ampliarMapa a:hover
{
background:url(../imagens/btn-ampliar-mapa-combo.gif) 0 -38px no-repeat;
}

/* RESPOSTA */
#content p.mensagemResposta
{
padding:5px;
background:#f60;
color:#fff;
font-size:1.6em;
text-align:center;
}

/**********************************************  PUBLICATIONS TABLE  ***********************************************/


#box-table-a {
border-collapse:collapse;
font-size:.8em;
margin:0px;
text-align:left;
width:920px;
}

#box-table-a th {
font-weight: bold;
background:#b7d2ed none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
border-top:4px solid #8fbae6;
color:#367ec8;
padding:12px;
}

#box-table-a td {
background:#e5eff9 none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
border-top:1px solid transparent;
color:#333333;
padding:8px;
}

#box-table-a  tr:hover td {
background:#f5f9fd none repeat scroll 0 0;
color:#333333;
}

#moveUp {
	margin-top: -10px;
}

/**********************************************  CONTACT PAGE TABS  ***********************************************/

.tabs {
	height: 30px;
	width: 440px;
	position: relative;
	margin: 20px 0 0 0;
	border-bottom: 1px #c8dff1 solid;
}
.tabs li {
	float: left;
	margin: 0 3px 0 0;
	position: relative;
	top: 1px;
	z-index: 10;
}
.tabs a {
	display: block;
	float: left;
	padding: 6px 22px 6px 22px;
	border: 1px #c8dff1 solid;
	text-decoration: none;
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
	color: #0092cb;
	background: #fff url('/images/tabs-bg.png') repeat-x top left;
	letter-spacing: -1px;
}
.tabs .selected a,
.tabs li a:hover { 
	background: #fff;
	border-bottom-color: #fff;
}