@charset "utf-8";

	/*
	@mikaelcarrara
	http://www.mikaelcarrara.com
	*/

	body {
		background:#2e6296 url(../img/bg.jpg);
		font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size:14px; color:#fff;
		line-height:22px;
	}

	a {
		font-weight:bold;
		text-decoration:none; 
		color:#eaa741;
	}

	a:hover {color:#ffca7a}

	h1 {
		margin:0 0 20px 0;
		font-size:35px;
		line-height:40px;
		color:#eaa741;
	}

	h2 {
		width:100%; height:50px;
		margin:70px 0 -10px 0;
		font-size:35px;
		text-indent:-9999px;
		color:#fff;
		float:left;
	}

	h2#introducao {background:url(../img/h2/h2-introducao.png) no-repeat; margin:40px 0 -3px 0}
	h2#clientes {background:url(../img/h2/h2-clientes.png) no-repeat}
	h2#galeria {background:url(../img/h2/h2-galeria.png) no-repeat}
	h2#contact {background:url(../img/h2/h2-contato.png) no-repeat}

	h2#tecnologia {background:url(../img/h2/h2-tecnologia.png) no-repeat; margin-top:40px}

	h2#economia {background:url(../img/h2/h2-economia.png) no-repeat; margin-top:40px}
	h2#seguranca {background:url(../img/h2/h2-seguranca.png) no-repeat; margin-top:40px}
	h2#qualidade {background:url(../img/h2/h2-qualidade.png) no-repeat; margin-top:40px}

	h2#aliancas {background:url(../img/h2/h2-aliancas.png) no-repeat; margin-top:40px}
	h2#videos {background:url(../img/h2/h2-videos.png) no-repeat; margin-top:40px}

	h3 {
		width:100%; height:auto;
		margin:70px 0 0 40px;
		text-shadow:#000 0px 1px 0;
		font-size:20px;
		color:#b2d9ff;
		float:left;
	}
	
	h4 {
		width:100%; height:auto;
		margin:0 0 3px 0;
		font-size:17px;
		color:#eaa741;
		float:left;
	}

	p.desc {
		width:100%; height:auto;
		text-shadow:#000 0px 1px 0;
		padding:0 0 0 40px;
		margin:0 0 0 0;
		font-size:20px;
		color:#b2d9ff;
	}

	em {
		font-style:normal;
		color:#fff;
	}

	div#contArchor a {
		width:45px; height:130px;
		background:url(../img/contact.png);
		text-indent:-9999px;
		top:220px; left:0;
		position:fixed;
	}

	div#contArchor a:hover {
		background-position:45px 0;
	}

	
	/* Oniria */
	
	div#oniriaTopbar {
		width:100%; height:95px;
		background:#232323;
		font-size:13px;
		float:left;
	}
	
	div#oniriaTopbarCenter {
		width:830px; height:auto;
		padding:0 80px 0 80px;
		position:relative;
		margin:auto;
	}

	div#oniriaTopbar span a {
		width:145px; height:100px;
		background:url(../img/oniria/logoOniria.png) no-repeat;
		float:left;
	}
	
	div#oniriaTopbar ul#globalNav {
		width:500px; height:auto;
		padding:32px 0 0 0;
		margin:0;
		float:right;
	}

	div#oniriaTopbar ul#globalNav li {
		list-style-type:none;
		float:right;
	}
	
	div#oniriaTopbar ul#globalNav li a {
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		width:100px; height:26px;
		text-align:center;
		background:#393939;
		padding:4px 0 0 0;
		margin:0 0 0 8px;
		color:#ababab;
		float:left;
	}
	
	div#oniriaTopbar ul#globalNav li a:hover {
		background:#77a5d2;
		color:#fff;
	}

	/* ------------------------ */

	ul#language {
		padding:0; margin:0;
		position:absolute;
		top:27px; right:410px;
		line-height:19px;
		float:right;
	}
	
	ul#language li {
		text-shadow:none;
		list-style-type:none;
		text-align:right;
		font-size:11px;
		color:#77a5d2;
	}


	/* General */

	div#header {
		width:100%; height:306px;
		background:url(../img/opacity.png);
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		text-shadow:#000 0px 1px 0;
		padding:40px 0 0 0;
		line-height:30px;
		font-size:25px;
		color:#b2d9ff;
		float:left;
	}
	
	div#headerCenter {
		width:830px; height:auto;
		padding:0 40px 0 40px;
		margin:auto;
	}
	
	div#bannerMold {
		width:454px; height:auto;
		background:url(../img/bannerMold.png) no-repeat;
		padding:11px 0 0 11px;
		float:left;
	}
	
	div#banner {
		width:454px; height:264px;
		float:left;
	}
	
	div#header div#phrases {
		width:350px; height:auto;
		float:right;
	}
	
	div#header div#phrases {
		width:350px; height:auto;
		float:right;
	}
	
	cite {
		font:normal 15px Arial, Helvetica, sans-serif;
		padding:0 0 0 28px;
		margin:25px 0 0 0;
		line-height:24px;
		position:relative;
		float:left;
	}
	
	cite span#cite01 {
		font:normal 70px Arial, Helvetica, sans-serif;
		top:-12px; left:0;
		position:absolute;
		color:#b2d9ff;
	}

	div#page {
		width:910px; height:auto;
		padding:0 40px 0 40px;
		margin:auto;
	}

	img#info01 {margin:-57px -18px 0 0; float:right}

	img#infoTecnologia {margin:-10px 0 0 0; float:right}
	img#infoEquipamentos {margin:10px -15px 0 10px; float:right}
	img#infoAmbientes {margin:15px 0 0 -10px; float:left}
	img#infoSimulando {margin:0 -10px 0 10px; float:right}

	img#infoEconomia {margin:0 0 10px 0; float:right}
	img#infoSeguranca {margin:15px -10px 0 10px; float:right}
	
	img#infoQualidade {margin:15px 10px 0 20px; float:right}
	img#infoEficiencia {margin:40px 12px 0 0; float:right}
	
	img#infoAlianca {margin:-10px 10px 0 0; float:right}

	/* ------------------------------- */

	span.entryTop {
		width:910px; height:20px;
		background:url(../img/topRadius.png) no-repeat;
		position:absolute; top:-20px; left:0;
		z-index:-10;
	}

	div.entry {
		width:830px; height:auto;
		background:url(../img/entryBg.png) repeat-y;
		padding:0 40px 0 40px;
		margin:40px 0 0 0;
		position:relative;
		font-size:14px;
		float:left;
	}

	span.entryBottom {
		width:910px; height:20px;
		background:url(../img/bottomRadius.png) no-repeat;
		position:absolute; bottom:-20px; left:0;
		z-index:-10px;
	}

	
	/* Navigation */
	
	div#instNav {
		width:100%; height:43px;
		background:url(../img/instNav.png) top repeat-x;
		margin:0; padding:7px 0 0 0;
		font-size:13px;
		float:left;
	}

	div#instNav ul {
		width:870px; height:auto;
		padding:0 0 0 40px;
		margin:auto;
	}
	
	div#instNav ul li {
		list-style-type:none;
		text-align:center;
		float:left;
	}
	
	div#instNav ul li a,
	div#instNav ul li#current {
		width:100px; height:26px;
		padding:4px 0 0 0;
		margin:0 8px 0 0;
		float:left;
	}

	div#instNav ul li a {
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		background:#296094;
		color:#abcceb;
	}
	
	div#instNav ul li#current {
		background:url(../img/instNavLi.png) no-repeat;
		color:#fff;
	}
	
	div#instNav ul li a:hover {
		background:#50708e;
		color:#fff;
	}

	
	/* Gallery */

	ul#gallery {
		width:830px; height:605px;
		padding:20px 0 0 0;
		position:relative;
		margin:0;
	}

	ul#gallery li {
		width:243px; height:162px;
		background:url(../img/screenMold.png) top no-repeat;
		padding:12px 0 0 13px;
		margin:0 31px 31px 0;
		list-style-type:none;
		cursor:pointer;
		display:block;
		float:left;
	}

	ul#gallery li.type01 {z-index:890}
	ul#gallery li.type02 {z-index:880}
	ul#gallery li.type03 {z-index:870}
	ul#gallery li.type04 {z-index:860}
	ul#gallery li.type05 {z-index:850}
	ul#gallery li.type06 {z-index:840}
	ul#gallery li.type07 {z-index:830}
	ul#gallery li.type08 {z-index:820}
	ul#gallery li.type09 {z-index:810}

	ul#gallery li:hover {background-position:0 -175px}
	ul#gallery li img {float:left}

	div.light {
		width:760px; height:485px;
		background:url(../img/lightMold.png) no-repeat;
		position:absolute; top:-80px; left:15px;
		padding:35px 0 0 40px;
		display:none;
		z-index:2000;
	}

	div.light img {
		position:relative;
		cursor:default;
	}

	div.light span {
		width:35px; height:35px;
		background:url(../img/x2.png) no-repeat;
		position:absolute;
		right:16px; top:12px;
		z-index:3000;
	}
	

	/* Video Gallery */

	ul#clientsList {
		padding:0 0 0 0;
		margin:0;
		float:left;
	}

	ul#clientsList li {
		width:400px; height:auto;
		list-style-type:none;
		margin:10px 30px 0 0;
		float:left;
	}

	ul#clientsList li p {margin:12px 0 12px 0}	


	/* Video Gallery */

	ul#videosGallery {
		padding:5px 0 0 0;
		margin:0;
		float:left;
	}

	ul#videosGallery li {
		width:400px; height:auto;
		list-style-type:none;
		margin:10px 30px 20px 0;
		float:left;
	}

	ul#videosGallery li p {margin:12px 0 12px 0}


	/* Tables */
	
	table {
		width:100%; height:auto;
		margin:0 0 30px 0;
		font-size:13px;
		float:left;
	}

	table tr {
		border:1px solid #123e68;
	}

	table tr th {
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		text-align:center;
		background:#333;
		color:#fff;
		padding:5px;
	}

	table tr td {
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border:1px solid #123e68;
		background:#fff;
		color:#333;
		padding:5px;
	}

	table tr td.section {width:270px; text-align:left; font-weight:bold}
	table tr td.valor {width:130px; text-align:center}

	/* Footer */

	div#footer {
		width:100%; height:370px;
		background:url(../img/opacity.png);
		border-top:1px solid #0b233a;
		text-shadow:#000 0px 1px 0;
		margin:140px 0 0 0;
		color:#fff;
		float:left;
	}

	div#footerCenter {
		width:870px; height:auto;
		padding:0 0 0 40px;
		position:relative;
		margin:auto;
	}

	img#intel {
		position:absolute;
		right:580px;
		top:240px;
	}

	*+html img#intel {top:225px}

	div#footerLeft {
		width:400px; height:auto;
		float:left;
	}

	div#footerLeft ul {
		float:left;
	}

	address {
		font-style:normal;
		margin:30px 0 30px 0;
	}

	div#footerCenter h2 {margin:30px 0 0 0}
	div#footerCenter p.desc {padding:0}

	div#footerCenter h4 {
		font-size:17px;
		margin:0 0 5px 0;
	}
	

	/* Forms */
	
	ul#formClass {
		width:415px; height:344px;
		background:url(../img/formBg.png) no-repeat;
		padding:39px 0 0 40px; 
		margin:-40px 0 0 0;
		float:right;
	}

	ul#formClass li {
		list-style-type:none;
		margin:0 20px 12px 0;
		font:13px Arial, Helvetica, sans-serif;
		color:#a7cdf2;
		float:left;
	}

	ul#formClass li#bot {
		width:100%; height:auto;
		float:right;
	}
	
	ul#formClass li input[type="text"],
	ul#formClass li textarea {
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		background:#143759 url(../img/inputBg.png) top repeat-x;
		border:1px solid #0c1e2f;
		font:13px Arial, Helvetica, sans-serif;
		margin-top:3px;
		outline:none;
		padding:8px;
		color:#fff;
	}

	ul#formClass li input[type="text"] {width:159px; height:auto}
	ul#formClass li textarea {width:356px; height:110px}

	ul#formClass li input[type="submit"] {
		width:106px; height:35px;
		background:url(../img/sendBot.png) no-repeat;
		margin-right:18px;
		outline:none;
		cursor:pointer;
		border:none;
		float:right;
	}

	ul#formClass li input[type="submit"]:hover {background-position:0 -35px}
	ul#formClass li input[type="submit"]:active {background-position:0 -70px}


	/* Validation */
	
	ul#formClass li {position:relative}

	form#validationContact label.error {
	text-shadow:none;
	background:#eaa741;
	padding:0 7px 0 7px;
	font-size:11px;
	display:inline;
	position:absolute;
	color:#000;
	right:-5px;
	top:12px;
	}