/*========== Site ==========*/
.bt-arrow {
	font-family:'thesco';
	font-size:13px;
	color:#42214b;
	background:url('../images/fundo-botao-seta.jpg') no-repeat left center;
	padding-left:16px;
	*padding-left:4px;
	cursor:pointer;
}
.breadcrumb span {
	font-size:12px;
}
	.breadcrumb span a {
		color:#fff;
		text-decoration:none;
	}
/*========== Home Page ==========*/
#content {}
	#content .top {
		z-index: 1000;
		width:100%;
		display:inline-block;
	}
		#content .top .breadcrumb {
			display:inline-block;
			float:left;
			width:125px;
			height:65px;
			background-color:#42214b;
			color:#fff;
			margin:10px 0 0 0;
			padding:10px;
			/*IE*/
			*width:145px;
			*height:85px;
		}
		#content .top .feature {
			display:inline-block;
			float:left;
			width:690px;
		}
	#content .bottom {
		display:inline-block;
		margin:10px 0 0 145px;
	}
		#content .bottom img {margin-bottom:10px;}
		#content .bottom .feature-left {
			display:inline-block;
			float:left;
			width:225px;
			margin-right:7px;
		}
		#content .bottom .feature-middle {
			display:inline-block;
			float:left;
			width:225px;
			margin:0 0 0 12px;
		}
		/*========== Jcarousel ==========*/
			#content .bottom .feature-middle #wrap {
				width:205px;
				height:147px;
				background-color:#42214B;
				display:inline-block;
				margin-bottom:10px;
			}
				#content .bottom .feature-middle .left-arrow {
					position:absolute;
					margin:-45px 0 0 -10px;
					cursor:pointer;
				}
				#content .bottom .feature-middle .right-arrow {
					position:absolute;
					margin:-45px 0 0 195px;
					cursor:pointer;
				}
				#content .bottom .feature-middle #wrap ul {height:147px;}
					#content .bottom .feature-middle #wrap .jcarousel-skin-tango .jcarousel-clip-horizontal {
						width:205px;
						height:147px;
					}
					#content .bottom .feature-middle #wrap .jcarousel-skin-tango .jcarousel-item {
						width:205px;
						height:147px;
						display:inline-block;
						float:left;
					}
		/*========== /Jcarousel ==========*/
		#content .bottom .feature-right {
			display:inline-block;
			float:left;
			width:230px;
		}
/*========== Inside Page ==========*/
		#content .bottom .master {
			display:inline-block;
			float:left;
			width:690px;
			border:1px solid #e5e5e5;
		}
			#content .bottom .master .access {
				display:inline-block;
				width:660px;
				background-color:#f8f8f8;
				border-bottom:1px solid #e5e5e5;
				float:right;
				padding-right:30px;
				/*IE*/
				*width:690px;
			}
				#content .bottom .master .access a {
					display:inline-block;
					float:right;
					margin:4px 2px -6px 0;
				}
				#content .bottom .master .access span {
					display:inline-block;
					float:right;
					margin:4px 5px -6px 3px;
					cursor:pointer;
				}
			#content .bottom .master .content {
				display:inline-block;
				width:100%;
			}
				#content .bottom .master .content h2 {
					font-family:'klavika-regular';
					font-size:24px;
					color:#0081c6;
					border-bottom:1px solid #7fc0e2;
					padding-bottom:5px;
					text-transform:uppercase;
					margin:15px 30px 0;
				}
				#content .bottom .master .content p {
					font-family:Tahoma;
					font-size:12px;
					color:#000101;
					line-height:16px;
					margin:10px 30px;
				}
				#content .bottom .master .content ul {margin-left:30px;}
					#content .bottom .master .content ul li {margin-left:15px;}
						#content .bottom .master .content ul li ul {margin-left:5px;}
				#content .bottom .master .content .font-10 {font-size:10px;}
				#content .bottom .master .content .font-14 {font-size:14px;}
				#content .bottom .master .content a {
					font-weight:bold;
					color:#0081c6;
					line-height:16px;
					text-decoration:underline;
				}
				#content .bottom .master .content img {
					float:left;
					display:inline-block;
					margin:10px 10px 10px 30px;
				}
		#content .bottom .link {
			display:inline-block;
			float:left;
			width:145px;
		}
			#content .bottom .link a {
				font-family:'klavika-regular';
				font-size:11px;
				font-weight:bold;
				color:#0081c6;
				text-decoration:underline;
				display:inline-block;
				width:100%;
				text-align:center;
			}
			#content input {
				border-bottom:1px solid;
				border-color:black;
			}
/*========== História ==========*/
				#content .bottom .master .content .background-years{
					height:24px;
					background:url('../images/linha-do-tempo.jpg') no-repeat center;
					background-color:#EEE;
					border-top:1px solid #E5E5E5;
					padding:3px 0 0 18px;
					/*IE*/
					*height:27px;
				}
				#content .bottom .master .content #Years {
					position:absolute;
					margin:-27px 0 0 17px;
					width:665px;
				}
					#content .bottom .master .content #Years div {
						width:auto;
						height:15px;
						background:url('../images/botao-data-inativa.jpg') no-repeat center;
						display:inline-block;
						float:left;
						font-size:9px;
						font-weight:bold;
						color:#FFF;
						text-decoration:none;
						margin:0 0 0 6px;
						padding:5px 8px 0 8px;
						cursor:pointer;
						word-spacing:5px;
						/*IE*/
						*width:auto;
						*height:20px;
					}
					#content .bottom .master .content #Years .active {
						width:30px;
						height:42px;
						background:url('../images/botao-data-ativa.jpg') no-repeat center top;
						display:inline-block;
						font-weight:bold;
						color:#FFF;
						text-decoration:none;
						padding:5px 0 0 8px;
						/*IE*/
						*width:42px;
						*height:42px;
					}
				#content .bottom .master .content #ContentYears  {
					background-color:#F8F8F8;
					padding:10px 0;
				}
					#content .bottom .master .content #ContentYears div {display:none;}
/*========== Lista de produtos ==========*/
				#content .bottom .master .content  #Solution {
					width:100%;
					height:27px;
					background-color:#EEE;
					border-top:1px solid #E5E5E5;
					display:inline-block;
					padding-top:3px;
					/*IE*/
					*height:30px;
				}
					 #content .bottom .master .content #Solution h3 {
						font-size:15px;
						color:#0081C6;
						display:inline-block;
						float:left;
						margin:2px 0 0 30px;
						padding:0;
					}
					#content .bottom .master .content #Solution p {
						font-size:11px;
						color:#666;	
						display:inline-block;
						float:right;
						margin:5px 30px 0 0;
						padding:0;
					}
/*========== Jcarousel ==========*/
				#content .bottom .master .content .left-arrow {
					position:absolute;
					margin:-95px 0 0 10px;
					cursor:pointer;
					
				}
				#content .bottom .master .content .right-arrow {
					position:absolute;
					margin:-95px 0 0 660px;
					cursor:pointer;
				}
				#content .bottom .master .content #wrap {
					width:100%;
					background-color:#F8F8F8;
					display:inline-block;
					padding:25px 0;
				}
					#content .bottom .master .content #wrap ul {height:150px;}
					#content .bottom .master .content #wrap .jcarousel-skin-tango .jcarousel-clip-horizontal {
						width:570px;
						height:150px;
						display:block;
						margin:0 0 0 60px;
						padding:0;
					}
						#content .bottom .master .content #wrap .jcarousel-skin-tango .jcarousel-item {
							width:165px;
							height:120px;
							display:inline-block;
							float:left;
							margin:0 37px 0 0;
							padding:0;
							/**/
							*margin:0 30px 0 0;
						}
							#content .bottom .master .content #wrap .jcarousel-skin-tango .jcarousel-item img {
								margin:0;
								padding:0;
							}
						#content .bottom .master .content #wrap ul li p {
							font-size:11px;
							color:#0081C6;
							display:inline-block;
							margin:5px 0 0 5px;
							padding:0;
							text-decoration:underline;
						}
/*========== Lightbox ==========*/
#lightbox {
	position:absolute;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0;
}
#lightbox a img {border:none;}
#outerImageContainer {
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;
}
#imageContainer {padding:10px;}
#loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;	
}
#hoverNav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none;}
#prevLink, #nextLink {
	width:49%;
	height:100%;
	/* Trick IE into showing hover */
	background:transparent url(../images/blank.gif) no-repeat;
	display:block;
}
#prevLink {
	left:0;
	float:left;
}
#nextLink {
	right:0;
	float:right;
}
#prevLink:hover, #prevLink:visited:hover {background:url(../images/prev.gif) left 50% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(../images/next.gif) right 50% no-repeat;}

/*========== START :next/previous text links ==========*/
#nextLinkText, #prevLinkText{
	color:#0081C6;
	font-weight:bold;
	text-decoration:none;
}
#nextLinkText{padding-left:20px;}
#prevLinkText{padding-right:20px;}
/*========== END: next/previous text links ==========*/

/*========== START: added padding when navbar is on top ==========*/
.ontop #imageData {padding-top:5px;}
/*========== END: added padding when navbar is on top ==========*/

#imageDataContainer {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#fff;
	margin:0 auto;
	line-height:1.4em;
}
#imageData {padding:0 10px;}
#imageData #imageDetails {
	width:70%;
	float:left;
	text-align:left;
}	
#imageData #caption {font-weight:bold;}
#imageData #numberDisplay {
	display:block;
	clear:left;
	padding-bottom:1.0em;
}
#imageData #bottomNavClose {
	width:66px;
	float:right;
	padding-bottom:0.7em;
}
#imageData #helpDisplay {
	clear:left;
	float:left;
	display:block;
}
#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	display:none;
}
.clearfix:after {
	content:"."; 
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html>body .clearfix {
	display:inline-block; 
	width:100%;
}
* html .clearfix {
	/*IE-mac*/
	height:1%;
}