/* @import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold&subset=latin); */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header,  hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

body { 	font-family: Arial, Helvetica, sans-serif; font:14px; line-height:1.22; }

body, select, input, textarea { color:#444;  }

h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }

html { -webkit-font-smoothing: antialiased; }

a:hover, a:active { background-color: #e35c98; outline: inherit; color: inherit; text-decoration: inherit; }

a, a:active, a:visited { color: inherit; text-decoration: inherit; }

a:hover { color: white; text-decoration: inherit; }

::-moz-selection .caos{ background: #ff5e99; color:#fff; text-shadow: none; }
::selection .caos { background:#FF5E99; color:#fff; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #FF5E99; }

.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

.hidden { display:none; /*visibility:hidden;*/ }

.visuallyhidden {
	position:absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}

.invisible { visibility: hidden; }

/*.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/

@media print {
	* { background: transparent !important; color: #444 !important; text-shadow: none; }

	a, a:visited { color: #444 !important; text-decoration: underline; }

	a:after { content: " (" attr(href) ")"; }

	abbr:after { content: " (" attr(title) ")"; }

	.ir a:after { content: ""; }

	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

	img { page-break-inside: avoid; }

	@page { margin: 0.5cm; }

	p, h2, h3 { orphans: 3; widows: 3; }

	h2, h3{ page-break-after: avoid; }
}

@media screen and (max-device-width: 480px) {

	html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}

@media screen and (max-device-width: 480px) {

	html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}

canvas {
	display:block;
}

* {
	margin:0;
	padding:0;
}

p {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #522c0f;
}

div canvas {
	position: absolute;
	top: 0px;
 	z-index: 1;
}

html { background-color: #522c0f; height: 100%; }

#page-wrap { display:none; width: 98%/*1000px*/; padding: 15px 0 0 0; margin: 0 auto; overflow: hidden; /*height: 100%;*/ }

.info-col {
	background-color: #ededed;
	float: left;
	width: 7%/*100px*/;
	/*height: 100%;*/
	padding: 0px 0 0 0;
	z-index: 2;
	position: relative;
	overflow: hidden;
}

.info-col h2 { text-align: left; font-weight: normal; padding: 10px 10px; z-index: 1; }

#rodape {
	z-index: 3000;
	clear: both;
	padding: 5% 0 0 0;
	margin: 0;
	position: relative;
}

.rodapeadd {
display:inline-block;
position:relative;
}

.image { height: 100px; text-indent: -9999px; display: block; border-right: 1px solid white; cursor: pointer; -moz-box-shadow: 0 -3px 9px rgba(0,0,0,0.5); -webkit-box-shadow: 0 -3px 9px rgba(0,0,0,0.5);}

.arch3d { background: url(../i/m_arch3d.jpg) center center no-repeat; }
.realfake { background: url(../i/m_refa.jpg) center center no-repeat; }
.edmain { background: url(../i/m_edmain.jpg) center center no-repeat; }
.graph { background: url(../i/m_graph.jpg) center center no-repeat; }

dt {
	padding: 5px;
	background: #9f9f9f;
	color: #522c0f;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	border-left: 1px solid white;
	cursor: pointer;
	-moz-box-shadow: 0 -3px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 -3px 10px rgba(0,0,0,0.5);
}

.txt {
	filter: Chroma(#9f9f9f);
}

dd {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 100%/*650px*/;
	background: #ececec;
	padding: 10px;
	color: #522c0f;
	border-right: 1px solid white;
	border-left: 1px solid white;
	-moz-box-shadow: 0 -3px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 -3px 10px rgba(0,0,0,0.5);
}

dt:nth-of-type(1) { background: #aaaaaa; }
dd:nth-of-type(1) { background: #fcfcfc; }

dt:nth-of-type(2) { background: #cecece; }
dd:nth-of-type(2) { background: #ececec; }

dt:nth-of-type(3) { background: #C6E2E5; }
dd:nth-of-type(3) { background: #E4F0F1; }

dt:nth-of-type(4) { background: #c2a25c; opacity: 0.9; filter:alpha(opacity=90); }
dd:nth-of-type(4) { background: #c2a25c; }

dt:nth-of-type(5) { background: #4c443c; }
dd:nth-of-type(5) { background: #4c443c; }

dt:nth-of-type(6) { background: #656b60; }
dd:nth-of-type(6) { background: #656b60; }

.curCol {
	-moz-box-shadow: -7px 0 10px rgba(0,0,0,0.5), 7px 0 10px rgba(0,0,0,0.5), 0px 7px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: -7px 0 10px rgba(0,0,0,0.5), 7px 0 10px rgba(0,0,0,0.5), 0px 7px 10px rgba(0,0,0,0.5);
	z-index: 3;
	position: relative;
}

.ts { position: relative; display: block; margin: auto 5px; padding-right: 15px; }

.ts img { zoom: 60%; cursor: pointer; margin: 10px; -moz-box-shadow: -3px 0 9px rgba(0,0,0,0.5), 3px 0 9px rgba(0,0,0,0.5), 0px -3px 9px rgba(0,0,0,0.5); -webkit-box-shadow: -3px 0 9px rgba(0,0,0,0.5), 3px 0 9px rgba(0,0,0,0.5), 0px -3px 9px rgba(0,0,0,0.5); }

.detail {
	background: #c2a25c;
	opacity: 0.9;
	filter:alpha(opacity=90);
}
.detail img { zoom: 40%; cursor: pointer; }

img { cursor: pointer; margin: 5px; -moz-box-shadow: -3px 0 9px rgba(0,0,0,0.5), 3px 0 9px rgba(0,0,0,0.5), 0px -3px 9px rgba(0,0,0,0.5); -webkit-box-shadow: -3px 0 9px rgba(0,0,0,0.5), 3px 0 9px rgba(0,0,0,0.5), 0px -3px 9px rgba(0,0,0,0.5); }

.aff { color: white; font-size: 15px; font-style: italic; text-align: center; }
.log { color: white; font-size: 10px; font-style: italic; text-align: left; }

#interface { width: 100%; height: 100%; z-index: 2; position: absolute/*fixed*/;/* background: rgba(0,0,0,0.0); */}