/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body {
	background: url(../images/body-bg.png) 0 0 repeat-x #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #8e8e8e;
	min-width: 1000px;
	z-index: 2;
}

* {
	font-family: Arial, Helvetica, sans-serif;
}

html, body { height: 100%;}

p { padding-top: 10px; }

.top { padding-top: 0px; }
.top1 { padding-top: 10px; }
.top1_clientes { padding: 2px 0 5px 0; font-size: 12px; line-height: normal; }
.top2 { padding-top: 15px; }
.top3 { padding-top: 41px; }
.top4 { padding-top: 25px; }
.top5 { padding-top: 54px; }

.top3 h2 {
	font-size: 25px;
}

.top-long {padding-top: 60px;}

.bot { padding-bottom: 46px; }
.bot1 { padding-bottom: 22px; }
.bot2 { padding-bottom: 82px; }
.bot3 { padding-bottom: 42px; }
.bot4 { padding-bottom: 0px; }

.h-bot {padding-bottom: 25px;}
.h-bot1 {padding-bottom: 19px;}

.h-pad {padding: 15px 0 20px 10px;}

.margin {margin-top: -10px;}

a {	color: #d52d00; outline: none; }
a:hover{ text-decoration: none; }

/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 984px;
	position: relative;
}

	#filipebicca {
	width: 41px;
	height: 10px;
	background: url(../images/filipebicca.png) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	float: right;
	position: relative;
	top: 6px;
}

#filipebicca:hover {
	background: url(../images/filipebicca.png) -44px 0 no-repeat;
}
	
	/* Header */
	header{
		height: 270px;
		background: url(../images/header-bg.gif) 0 0 repeat-x;
		border-bottom-color: black;
		border-bottom-style: solid;
		border-bottom-width: thin;
		position: relative;
		z-index: 1;
	}

	/* Content */
	section#content {
		position: relative;
	}
	/* Footer */
	footer{
		height: 34px;
		background: url(../images/footer-bg.gif) 0 0 repeat-x;
	}
/* Left & Right alignment */

.fleft { float: left;}
.fright { float: right;}
.clear { clear: both;}

.col-1, .col-2, .col-3, .col-4, .col-5 { float: left;}

.alignright { text-align: right;}
.aligncenter { text-align: center;}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.wrapper-projetos {
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	}

.container {
	width: 100%;
}
/*----- form defaults -----*/
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: middle;
	font-weight: normal;
}

/*----- other -----*/
.img-indent { margin: 0 5px 0 0; float: left; padding: 5px 0 0 0;
border: 1px solid #DADADA;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
behavior: url(http://www.oap.eng.br/site/public/styles/PIE.php);
}

.img {padding: 25px 0 0;}

.extra-wrap { overflow: hidden; }
.phone { display: inline-block;	width: 74px; }

/*=============================================================================== text =====*/
h1 {
	padding: 47px 0 0 23px;
	position: relative;
	float: left;
}
	h1 a {
		display: block;
		height: 128px;
		width: 105px;
		text-indent: -5000px;
		background: url(../images/logo.png) left top no-repeat;
	}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 1.2307em;
	color: #464646;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px -6px 0px;
	font-weight: normal;
}
	h2 span {
		display: block;
		margin-top: -18px;
	}
	.bg-1 {
		background: url(../images/bg-1.png) 0 24px no-repeat;
		padding-left: 79px;
		padding-bottom: 19px;
	}
	.bg-2 {
		background: url(../images/bg-2.png) 0 24px no-repeat;
		padding-left: 79px;
		padding-bottom: 19px;
	}
	.bg-3 {
		background: url(../images/bg-3.png) 0 24px no-repeat;
		padding-left: 79px;
		padding-bottom: 19px;
	}
	.bg-4 {
		/*background: url(../images/bg-4.png) 0 24px no-repeat;*/
		padding-left: 79px;
		padding-bottom: 19px;
		height: 40px;
	}

	#img_area {
		width: 58px;
		height: 81px;
		float: left;
		padding: 0;
		margin: 0;
		position: absolute;
	}

	.bg-5 {
		background: url(../images/bg-5.png) 0 24px no-repeat;
		padding-left: 79px;
		padding-bottom: 19px;
	}
	.bg-6 {
		background: url(../images/bg-6.png) 0 24px no-repeat;
		padding-left: 79px;
		padding-bottom: 19px;
	}
h3 {
	background: url(../images/h3-bg.gif) 0 0 repeat;
	position: relative;
	padding: 3px 24px 3px 15px;
	font-size: 16px;
	line-height: 1.2307em;
	color: #fbfbfb;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
	box-shadow: 0 2px 4px #252121;
	-moz-box-shadow: 0 2px 4px #252121;
	-webkit-box-shadow: 0 2px 4px #252121;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	behavior: url(http://www.oap.eng.br/site/public/styles/PIE.php); /* Comportamento adicionado para renderização das propriedades acima no IE 7 e IE 8 */	
}

h4 {
	background: url(../images/h3-span-bg.jpg) 0 0 repeat;
	behavior: url(http://www.oap.eng.br/site/public/styles/PIE.php); /* Comportamento adicionado para renderização das propriedades acima no IE 7 e IE 8 */
	position: relative;
	padding: 3px 24px 3px 15px;
	font-size: 16px;
	line-height: 1.2307em;
	color: #fbfbfb;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
	box-shadow: 0 2px 4px #252121;
	-moz-box-shadow: 0 2px 4px #252121;
	-webkit-box-shadow: 0 2px 4px #252121;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}
.strong {
	display: block;
	color: #777777;
}
.text {
	font-size: 18px;
	line-height: 29px;
	color: #7d7d7d;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	display: block;
	padding: 17px 0 26px;
	text-align: justify;
}
.text1 {
	font-size: 16px;
	line-height: 1.2307em;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	display: block;
	padding: 0px 0 0px;
	margin-top: 0px;
}
	.text1 span {
		display: block;
		color: #767676;
		margin-top: -3px;
	}
.white {color: white;}
/*=================================================================================================================== header =====*/
.header-bg {
	background: url(../images/header-bg.gif) top center repeat-x;
	position: relative;
}
	#tail-top-left {
		background: url(../images/header-bg.gif) 0 0 repeat-x;
		width: 50%;
		height: 347px;
		position: absolute;
		top: 0px;
		left: 0;
	}
.color-list {
	position: absolute;
	top: 3px;
	right: 5px;
	z-index: 50;
}
	.color-list li {
		float: left;
		padding-right: 3px;
		font-size: 10px;
		color: white;
		line-height: 15px;
	}
		.color-list li a {
			display: block;
			width: 16px;
			height: 16px;
			text-decoration: none;
		}
	.color-list .c1 {background: url(../images/1314297487_Brazil-Flag.png) 0 0 no-repeat;}
	.color-list .c2 {background: url(../images/c2-bg.gif) 0 0 no-repeat;}
	.color-list .c3 {background: url(../images/1314297507_United-States-Flag.png) 0 0 no-repeat;}
/*=============================================================================== nav =====*/
nav {
	position: absolute;
	top: 59px;
	right: 27px;
	width: 630px;
	z-index: 30;
}
	nav li {
		float: left;
		font-size: 18px;
		line-height: 1.2307em;
		font-family: Arial, Helvetica, sans-serif;
	}
		nav li a {
			display: block;
			padding: 10px 16px;
			color: #fff;
			text-transform: uppercase;
			behavior: url(http://www.oap.eng.br/site/public/styles/PIE.php); /* Comportamento adicionado para renderização das propriedades acima no IE 7 e IE 8 */
			font-weight: bold;
			text-decoration: none;
		}
			nav li a:hover, nav .active {
				background: url(../images/nav-a-bg.gif) 0 0 repeat-x #352e21;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				behavior: url(http://www.oap.eng.br/site/public/styles/PIE.php); /* Comportamento adicionado para renderização das propriedades acima no IE 7 e IE 8 */
				position: relative;
			}

/*=================================================================================================================== content =====*/

/*=============================================================================== indents =====*/
.indent { padding: 0px 0px 0px 0px }
.indent1 { padding: 0px 0px 0px 0px }
/*=============================================================================== col-indents =====*/
.col-indent { padding-right: 0px; }
.col-indent1 { padding-right: 0px; }
.col-indent2 { padding-right: 0px; }
.col-indent3 { padding-right: 0px; }
/*=============================================================================== boxes =====*/
.box {
	border: 1px solid #dadada;
	padding: 20px 0px 20px 30px;
	/*background: url(../images/box-bg.gif) 0 0 repeat-x #f7f7f7;*/
	background: #F0F0F0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(http://www.oap.eng.br/site/public/styles/PIE.php); /* Comportamento adicionado para renderização das propriedades acima no IE 7 e IE 8 */
	position: relative;
	width: 600px;
}

.box h3 {
	background: none;
	box-shadow: none;
	color: #464646;
	padding: 0 0 10px 0;
	margin: 0;
	height: 40px;
}

.box h3 a {
	text-decoration: none;
	color: #464646;
}

.box h3 a:hover {
	text-decoration: underline;
}

/* box home */

.box3 {
	border: 1px solid #dadada;
	padding: 10px 0px 10px 10px;
	background: #F0F0F0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(http://www.oap.eng.br/site/public/styles/PIE.php); /* Comportamento adicionado para renderização das propriedades acima no IE 7 e IE 8 */
	position: relative;
	width: 600px;
}

.box3 h3 {
	background: none;
	box-shadow: none;
	color: #464646;
	padding: 0 0 10px 0;
	margin: 0;
	height: 40px;
}

.box3 h3 a {
	text-decoration: none;
	color: #464646;
}

.box3 h3 a:hover {
	text-decoration: underline;
}

.box2 {
	border: 1px solid #dadada;
	padding: 25px 0px 18px 21px;
	background: url(../images/box-bg.gif) 0 0 repeat-x #f7f7f7;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(http://www.oap.eng.br/site/public/styles/PIE.php); /* Comportamento adicionado para renderização das propriedades acima no IE 7 e IE 8 */
	position: relative;
	width: 600px;
}
/*=============================================================================== line-hor =====*/
.line-hor {
	background: url(../images/line-hor-bg.gif) 0 0 repeat-x;
	height: 2px;
	width: 960;
	margin: 0 auto;
	position: relative;
	padding-bottom: 6px;
}

.line-hor2 {
	background: url(../images/line-hor-bg.gif) 0 0 repeat-x;
	height: 1px;
	width: 960;
	margin: 5px 0 7px 0;
	position: relative;
	padding: 0px;
}

/*.divider {background:url(../images/divider-bg.gif) 278px 0px repeat-y;}*/
.divider {background:none;}
.divider1 {background:url(../images/divider-bg.gif) 598px 0px repeat-y;}
/*=============================================================================== lists =====*/

.list2 {
	padding: 15px 0 0;
}
	.list2 li {
		font-size: 14px;
		line-height: 30px;
		background: url(../images/list-a-bg.gif) 0 8px no-repeat;
		padding-left: 33px;
	}

.list {
	padding: 15px 0 0;
}
	.list li {
		font-size: 13px;
		line-height: 30px;
		background: url(../images/list-a-bg.gif) 0 8px no-repeat;
		padding-left: 33px;
	}
		.list li a {
			color: #5f5f5f;
			text-transform: none;
			text-decoration: none;
		}
			.list li a:hover {
				visibility: visible;
				text-decoration: underline;
			}

.row .list {
	padding: 0;
	}

.row .list li {
	font-size: 11px;
	line-height: 25px;
	background: url(../images/list-a-bg_1.gif) 0 6px no-repeat;
	padding-left: 33px;
}
	.row .list li a {color: white; text-decoration: none; text-transform: none;}
		
		.row .list li a:hover {text-decoration: underline;}
/*=============================================================================== links =====*/
.link {
	background:url(../images/link-left-bg.png) left top no-repeat;
	display:inline-block;
	text-decoration:none;
	margin:5px 0 0 0px;
	color:#3d3d3d;
	cursor:pointer;
	font-size:14px;
	line-height: 1.2em;
}
	.link strong {
		background:url(../images/link-right-bg.png) right top no-repeat;
		display:inline-block;
		padding:0 21px 0 19px;
	}
	.link strong strong {
		background:url(../images/link-tail-bg.png) top repeat-x;
		padding:8px 0px 11px 4px;
	}
	.link:hover {color:#cc6949;}

.link_1 {
	color: #767676;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 1.2307em;
	text-decoration: none;
	margin-top: 11px;
	display: inline-block;
}
	.link_1:hover {text-decoration: underline;}

.link1 {
	background: url(../images/link1-bg.gif) 0 0 repeat-x #999999;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(http://www.oap.eng.br/site/public/styles/PIE.php); /* Comportamento adicionado para renderização das propriedades acima no IE 7 e IE 8 */
	position: relative;
	font-size: 14px;
	line-height: 1.2em;
	color: #3d3d3d;
	margin: 9px 0 0px;
	padding: 5px 10px 5px 10px;
	text-transform: capitalize;
}
	.link1:hover {
		color: #cc6949;
	}

	.link5 {
	background: url(../images/link1-bg.gif) 0 0 repeat-x #999999;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(http://www.oap.eng.br/site/public/styles/PIE.php); /* Comportamento adicionado para renderização das propriedades acima no IE 7 e IE 8 */
	position: relative;
	font-size: 10px;
	line-height: 1.2em;
	color: #3d3d3d;
	margin: 9px 0 0px;
	padding: 5px 10px 5px 10px;
	text-transform: capitalize;
}

	.link5 strong {
		font-weight: normal;
	}

	.link5:hover {
		color: #cc6949;
	}
/*=============================================================================== row =====*/
.row {
	background: url(../images/footer-bg.gif) 0 0 repeat;
	/*padding: 26px 0 0px 0;*/
	padding: 15px 0 0px 0;
}
	.row .container_12 {
		border-bottom: 1px solid #5e5b58;
		/*min-height: 235px;*/
		min-height: 160px;
		padding-bottom: 0px;
	}
/*=============================================================================== contact =====*/
.contact {
	font-size: 12px;
	line-height: 22px;
	color: #767676;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 22px 0 0;
}
	.contact span {
		display: inline-block;
		width: 82px;
	}
	.contact a {
		text-decoration: none;
		color: #767676;
	}
		.contact a:hover {text-decoration: underline;}
/*=============================================================================== nav =====*/

/*=================================================================================================================== footer =====*/
footer {
	color: #847f7e;
}
	footer a {
		color: #85807e;
	}
	footer .grid_12 {padding: 5px 0 0;}
	footer strong {color: #847f7e;}

footer span {
	float: left;
	font-size: 10px;
	width: 100%;
	}

footer .fright {
	font-weight: normal;
	}
/*------------------------------------------------------------------------------------------------------------------- forms -----*/
#SubscribeForm {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(http://www.oap.eng.br/site/public/styles/PIE.php); /* Comportamento adicionado para renderização das propriedades acima no IE 7 e IE 8 */
	position: relative;
	padding: 7px 30px 7px 19px;
	width:238px;
	background: url(../images/SubscribeForm-bg.gif) 0 0 repeat;
	color: #c8c8c8;
	font-size: 11px;
}

/*
#SubscribeForm {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(http://www.oap.eng.br/site/public/styles/PIE.php); 
	position: relative;
	padding: 20px 23px 27px 29px;
	width:238px;
	background: url(../images/SubscribeForm-bg.gif) 0 0 repeat;
	color: #c8c8c8;
	font-size: 11px;
}
*/

	#SubscribeForm label {
		display: block;
		border:none;
		padding:7px 0 0px 0px;
		width: 247px;
	}
	#SubscribeForm .input {
		display:block;
		width:227px;
		padding:0px 10px 0px 10px;
		overflow:hidden;
		background: url(../images/SubscribeForm-label-bg.png) 0 0 no-repeat;
		border:none;
	}
	#SubscribeForm input {
		width:227px;
		padding:12px 0px 13px;
		overflow:hidden;
		background:none;
		border:none;
		font-size:12px;
		line-height:16px;
		color:#8f8f8f;
	}
	#SubscribeForm .link1 {
		margin:7px 4px 0 0px;
		float:right;
	}
	#SubscribeForm .subscribe {
		background: url(../images/subscribe-bg.gif) 0 5px no-repeat;
		padding-left: 11px;
		color: #c8c8c8;
	}
		#SubscribeForm .subscribe strong {color: #ececec;}


#ContactForm {
	margin-top: -5px;
	width:100%;
	overflow: hidden;
}
	#ContactForm .column1 {
		float:left;
		width:296px;
	}
	#ContactForm .column2 {
		float:left;
		width:277px;
	}
	#ContactForm label {
		height:80px;
		display:block;
	}
	#ContactForm .link {
		margin:39px 0px 0px 6px;
	}
	#ContactForm input {
		width:237px;
		border:none;
		padding:0px 20px 0px 20px;
		background:none;
	}
	#ContactForm .input {
		width:277px;
		border:none;
		padding:9px 0px;
		background:url(../images/label-bg.gif) no-repeat 0 0;
		height:29px;
		display:block;
	}
	#ContactForm textarea {
		width:237px;
		height:256px;
		background:none;
		border:none;
		padding:0px 20px 0px 20px;
		overflow:auto;
	}
	#ContactForm .text {
		width:277px;
		display:block;
		background:url(../images/text-bg.gif) no-repeat 0 0;
		border:none;
		padding:10px 0px;
	}
	#ContactForm b {
		display: block;
		padding-bottom: 8px;
		font-weight: normal;
	}
		#ContactForm strong strong {padding:8px 4px 11px 8px;}
/*==========================================*/
#faded {
	/*width:984px;*/
	/*width: 847px;*/
	width: 840px;
	height:128px;
	position:relative;
	float: right;
	padding: 0;
	/*margin: 57px 20px 0 0;*/
	margin: 47px 0 0 0;
	background: url(../images/faded-bg.png) 0 0 no-repeat;
	z-index: 1;
}

a { outline:0; border:0; }
	#faded div {
		height: 314px;
		overflow: hidden;
	}
		#faded div img {
			padding: 5px;
			height: 118px;
			width: 830px;
			 }
		}
	ul.pagination {
		list-style:none;
		padding:0;
		margin:0;
		z-index:2;
		position:absolute;
		bottom:0px;
		left: 430px;
		width: 105px;
		display: none;
	}
		ul.pagination li {
			position:relative;
			float:left;
			padding-right: 0px;
			font-size: 0;
			line-height: 0;
		}
			ul.pagination li a {
				display:block;
				color:#f00;
				text-decoration: none;
				width: 35px;
				height: 35px;
				background: url(../images/pagination-a-bg.png) 0 0 no-repeat;
				font-size: 0;
				line-height: 0;
			}
			ul.pagination li.current a {
				left:0px;
				color:#fff;
				display:block;
				background: url(../images/pagination-a-bg-hover.png) 0 0 no-repeat;
				color: #600909;
			}
			ul.pagination li.last a{
				display: none;
			}

			span a {
				color: white;
			}

/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */


#sucesso {
	color: green;
	text-align: center;
}

#erro {
	color: red;
	text-align: center;
}

#mensagem {
	font-size: 18px;
	width: 100%;
	padding: 10px 0 10px 0;
	background: white;
}

/* jcarousel */

.image_carousel {
	width: 698px;
	padding: 15px;
	margin: 0 auto;
	/*position: relative;*/
	position: absolute;
	left: 100px;
	z-index: 1;
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}

a.prev, a.next {
	background: url(../images/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 85px;
}
a.prev {			left: -22px;
					background-position: 0 -100px; }
a.prev:hover {		background-position: 0 -100px; }
a.next {			right: -22px;
					background-position: -50px -100px; }
a.next:hover {		background-position: -50px -100px; }

a.prev span, a.next span {
	display: none;
}
.pagination {
	text-align: center;
}
.pagination a {
	background: url(../images/miscellaneous_sprite.png) 0 -100px no-repeat transparent;
	width: 15px;
	height: 50px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -100px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}

#imagens {
	width: 200px;
	height: 160px;
	margin: 2px;
	padding: 0px;
	z-index: 0;
}

#imagens a {
	border: 1px solid #F7F7F7;
}