@font-face {
    font-family: 'DroidSansRegular';
    src: url('DroidSans-webfont.eot');
    src: url('DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-webfont.woff') format('woff'),
         url('DroidSans-webfont.ttf') format('truetype'),
         url('DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('DroidSans-Bold-webfont.eot');
    src: url('DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-Bold-webfont.woff') format('woff'),
         url('DroidSans-Bold-webfont.ttf') format('truetype'),
         url('DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



* {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	color: #333333;
	font-size: 15px;
	font-family: "Droid Sans", Arial, Helvetica, sans-serif;
	background:#3d3d3d;
}
.clear {
	clear:both;
}
p {
	font-size: 1em;
	color:#4B4B4B;
	line-height:1.4;
}
a {
	color: #68a9c4;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: underline;
}
h2 {
	font-size:1.6em;
	text-shadow: 0px 1px 1px #ffffff;
	margin:0 0 10px 0;
}
.section-title {
	margin-left:30px;
	margin-bottom:15px;
}
h3 {
	font-size:1.4em;
		line-height:1.2;
	text-shadow: 0px 1px 1px #ffffff;
	margin:0 0 20px 0;

}
#wrapper {
	width:960px;
	background: url(../Img/wrapper-bkd.jpg) left top scroll repeat-x #f3f3f3;
	border:1px solid #FFF;
	margin:70px auto 0 auto;
	padding: 30px;
	position:relative;
}
#header {
	height:140px;
}
#header h1 {
    background:url(../Img/logo.png) left top scroll no-repeat;
	display:block;
	width:230px;
	height:99px;
    margin-top:10px;
}
#header a {
	display:inline-block;
	text-indent:-9999px;
	overflow:hidden;
}
#header h1 a {
	width:230px;
	height:100px;
}
#header .badges {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    padding: 25px 35px 0 0;
}
#header .badges a {
    padding-left: 10px;
}
#header .badges .tmforum {
    background:url(../Img/badges/TMForum-Excellence-Awards-2012-Finalist.png) left top scroll no-repeat;
    width:131px;
    height:135px;
}
#header .badges .pipeline {
    background:url(../Img/badges/Pipeline-Innovation-Award-2012-Nominee.png) left top scroll no-repeat;
	width:164px;
	height:135px;
}

#lang {
	position:absolute;
	right: 0;
	top: -30px;
}
.lang-select {
	margin-right:20px;
	color:#CCC;
}
.lang-select li {
	float: left;
	color:#CCC;
	font-size: 0.8em;
	padding: 3px 8px;
}
.lang-select li a {
	color: #CCC;
	text-decoration: none;
	text-shadow: 0px 0px 5px #000000;
	text-transform: uppercase;
}
.lang-select li a:hover {
	color: #f3f3f3;
}
.lang-select li.current {
	background: rgb(63,157,191);
	background: -moz-linear-gradient(top, rgba(63, 157, 191, 1) 0%, rgba(120, 172, 193, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(63, 157, 191, 1)), color-stop(100%, rgba(120, 172, 193, 1)));
	background: -webkit-linear-gradient(top, rgba(63, 157, 191, 1) 0%, rgba(120, 172, 193, 1) 100%);
	background: -o-linear-gradient(top, rgba(63, 157, 191, 1) 0%, rgba(120, 172, 193, 1) 100%);
	background: -ms-linear-gradient(top, rgba(63, 157, 191, 1) 0%, rgba(120, 172, 193, 1) 100%);
	background: linear-gradient(top, rgba(63, 157, 191, 1) 0%, rgba(120, 172, 193, 1) 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
.lang-select li.current a {
	color:#f3f3f3;
}
#nav {
	height:40px;
}
.menu {
	width:100%;
	height:40px;
	margin: 0 10px 0 0;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
	background-color: #222222;
	background-image: -moz-linear-gradient(center top, #333333, #222222);
	background-repeat: repeat-x;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.menu li {
	float: left;
	padding: 13px 15px;
	margin-left:10px;
}
.menu li a {
	color: #68a9c4;
	font-size: 1em;
	text-decoration: none;
	text-shadow: 0px 0px 5px #000000;
	text-transform: uppercase;
}
.menu li a:hover {
	color: #f3f3f3;
}
.menu li.current {
	background-color: rgba(0, 0, 0, 0.5);
	padding-bottom: 10px;
}
.menu li.current a {
	background-color: rgba(0, 0, 0, 0.5);
	color:#f3f3f3;
}
/*********************breadcrums***************************/

.breadcrumb {
	margin: 0 0 18px 30px;
}
.breadcrumb li {
	display: inline;
	text-shadow: 0 1px 0 #ffffff;
	font-size:0.8em;
}
.breadcrumb .divider {
	padding: 0 5px;
	color: #68a9c4;
}
.breadcrumb .active a {
	color: #68a9c4;
}
/**********************contents*************************/
#contents {
	margin-top:20px;
	margin-left:-30px;
}
/***********************column type**************************************/

.one-third-col {
	width:300px;
	margin-left:30px;
	margin-bottom:20px;
}
.two-thirds-col {
	width:610px;
	margin-left:30px;
	margin-bottom:20px;
	padding:10px;
}
.one-sixth-col {
	width:135px;
	margin-left:30px;
	margin-bottom:20px;
}
.colored-col {
	background: #e2e2e2;
}
.single-col {
	width:960px;
	margin-left:30px;
}


/*******************lists**********************/
.article {
	list-style:disc inside;
	font-size: 1em;
	color:#4B4B4B;
	line-height:1.3;
	padding: 10px;
}
/******************citacoes****************/

ul.quotes {
	margin-left:30px;
}
.quotes li {
	float:left;
	clear:both;
	margin-bottom:20px;
}
.quotes li span {
	float:left;
	margin-right:20px;
	padding-bottom:40px;
}
.quote {
	margin-bottom:10px;
}
.quote:before, .quote:after {

	content: " '' ";
	vertical-align: middle;
	line-height:0.8;
}
/********************************downloads************************/

ul.downloads {
	margin-left:30px;
}
.downloads li {
	float:left;
	clear:both;
	margin-bottom:20px;
}
.downloads li h3 {
	font-size: 0.8em;
}
.downloads li h3 span {
	font-size:1.4em;
	margin-right:10px;
}
/***************************imagens***************************************/
.medium-img {
	background: url(../Img/shadow-medium.png) center bottom scroll no-repeat;
	height:153px;
	margin:10px 0;
}
.large-img {
	background: url(../Img/shadow-large.png) center bottom scroll no-repeat;
	height:305px;
	margin:10px 0;
}
.large-video {
	background: url(../Img/shadow-large.png) center bottom scroll no-repeat;
	height:356px;
	margin:10px 0;
}
.small-img {
	background: url(../Img/shadow-small.png) center bottom scroll no-repeat;
	height:65px;
	margin:10px 0;
}
.two-thirds-col .medium-img {
	margin: 5px 10px 5px 0;
}
.note {
	font-size: 0.8em;
	padding: 0 0 10px;
}
/*******************carrossel******************************/

#slides {
	margin-top:20px;
	background: url(../Img/shadow-big.png) center bottom scroll no-repeat;
	height:345px;
}
.slides_container {
	width:960px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slides_container div.slide {
	width:960px;
	height:320px;
	display:block;
}
#slides .next, #slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}
#slides .next {
	left:585px;
}
.pagination {
	margin:26px auto 0;
	width:100px;
}
.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}
.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	right:0;
	width:700px;
	color:#FFF;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
background: linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
}
.caption p {
	padding: 10px 20px 10px 10px;
	color: #FFF;
	text-align:right;
	font-size: 2em;
	line-height:1.2em;
	text-shadow: 0px 0px 5px #000000;
}
.caption span {
display:block; text-align:right; font-size:1.1em; line-height:1; color:#FFF; margin-right:20px; margin-bottom:20px;
}
/****************************doctype icons*************************/
.word-ico {
	background:url(../Img/doc-type-ico.png) left -37px scroll no-repeat;
	width:16px;
	height:19px;
	display:block;
	margin-right:5px;
}
.pdf-ico {
	background:url(../Img/doc-type-ico.png) left -18px scroll no-repeat;
	width:16px;
	height:19px;
	display:block;
	margin-right:5px;
}
.ppt-ico {
	background:url(../Img/doc-type-ico.png) 2px 5px scroll no-repeat;
	width:16px;
	height:19px;
	display:block;
	margin-right:5px;
}
/***************************buttons**********************/

.btn {
	cursor: pointer;
	display: inline-block;
	background-color: #ebebeb;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), color-stop(25%, #ffffff), to(#ebebeb));
	background-image: -webkit-linear-gradient(#f3f3f3, #f3f3f3 25%, #ebebeb);
	background-image: -moz-linear-gradient(top, #f3f3f3, #f3f3f3 25%, #ebebeb);
	background-image: -ms-linear-gradient(#f3f3f3, #f3f3f3 25%, #ebebeb);
	background-image: -o-linear-gradient(#f3f3f3, #f3f3f3 25%, #ebebeb);
	background-image: linear-gradient(#f3f3f3, #f3f3f3 25%, #ebebeb);
	padding: 5px 14px 6px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	font-size: 12px;
	margin-top:10px;
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover {
	background-position: 0 -15px;
	color: #333;
	text-decoration: none;
}
.btn:focus {
	outline: 1px dotted #666;
}
.btn.primary {
	color: #ffffff;
	background-color: #0064cd;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
	background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
	background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
	background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
	background-image: -o-linear-gradient(top, #049cdb, #0064cd);
	background-image: linear-gradient(top, #049cdb, #0064cd);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #0064cd #0064cd #003f81;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn:active {
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled {
	cursor: default;
	background-image: none;
	filter: alpha(opacity=65);
	-khtml-opacity: 0.65;
	-moz-opacity: 0.65;
	opacity: 0.65;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn[disabled] {
	cursor: default;
	background-image: none;
	filter: alpha(opacity=65);
	-khtml-opacity: 0.65;
	-moz-opacity: 0.65;
	opacity: 0.65;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn.large {
	font-size: 15px;
	line-height: normal;
	padding: 9px 14px 9px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.btn.small {
	padding: 7px 9px 7px;
	font-size: 11px;
}
/**********************pagination****************************/
.content-pagination {
	width:240px;
	margin: 20px auto;
}
.content-pagination ul {
	float: left;
	margin: 0;
}
.content-pagination li {
	display: inline;
	margin-right:5px;
}
.content-pagination a {
	float: left;
	padding: 0 5px;
	line-height: 1.5;
	text-decoration: none;
}
.content-pagination a:hover {
	color:#4B4B4B;
}
.content-pagination .active a, .content-pagination .active a:hover {
	background: rgb(63,157,191);
	background: -moz-linear-gradient(top, rgba(63, 157, 191, 1) 0%, rgba(120, 172, 193, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(63, 157, 191, 1)), color-stop(100%, rgba(120, 172, 193, 1)));
	background: -webkit-linear-gradient(top, rgba(63, 157, 191, 1) 0%, rgba(120, 172, 193, 1) 100%);
	background: -o-linear-gradient(top, rgba(63, 157, 191, 1) 0%, rgba(120, 172, 193, 1) 100%);
	background: -ms-linear-gradient(top, rgba(63, 157, 191, 1) 0%, rgba(120, 172, 193, 1) 100%);
	background: linear-gradient(top, rgba(63, 157, 191, 1) 0%, rgba(120, 172, 193, 1) 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	color:#f3f3f3;
}
.content-pagination a:hover {
	color:#4B4B4B;
}
.content-pagination .disabled a, .content-pagination .disabled a:hover {
	background-color: transparent;
	color: #bfbfbf;
}
/*************footer*********************/
#footer {
	margin:25px auto;
	width:960px;
	padding-bottom:35px;
}

#footer p {
    color: #ccc;
}


/****************************table***************************/

th{ 	border-bottom:1px solid #CCC;
	padding:20px 0; 	font-size:1.4em; }
	
	td {	border-bottom: 1px solid #CCC; padding:10px 0;}

/************************generic***********************/
.fl {
	float:left;
}
.fr {
	float:right;
}
hr {
	border-top:1px solid #CCC;
	border-bottom: 1px solid #FFF;
	margin:20px 0;
}
.hide {
	text-indent:-99999px;
	overflow:hidden;
	line-height:0;
}
