* {
	padding: 0px;
	margin: 0px;
}
 
html { -webkit-font-smoothing: antialiased; }

#EducInnerContent{
	position: absolute;
	/*width: 1024px;
	left: 50%;
	margin-left: -512px;
	height: 750px;*/
	width: 100%;
	height: 100%;
	/*max-height: 680px;*/
}

img {
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

body {
	background-color: transparent;
}
.viewPort {
	overflow: hidden;
	background-color: black;
	width: 100%;
	height: 100%;
}
.viewAll {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.page {
	margin: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}
	.page.ct {
		width: 100%;
		height: 100%
	}

#nav {
	position: absolute;
	width: 100%;
	height: 40px;
	bottom: 0;
	background-color: #000;
	z-index: 100;
}
#indexRef {
	position: absolute;
	top: 0;
	color: #A1A1A1;
	width: 500px;
	left: 50%;
	margin-left: -250px;
	text-align: center;
}
#indexRef li {
	display: inline;
	width: 40px;
	line-height: 1.9em;
	margin: 0 .3em;
	font-size: 1.4em;
	cursor: default;
}
#indexRef li.active { color: #FDE990; }
#popShield {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.link{
	font-weight: bold;
	cursor: pointer;
	padding-right: 1.3em;
	background: transparent url('../imgs/linkIco.png') no-repeat 100%;
	background-position: center right;
}
/* -------- TEXTO -------- */
.noSelect {
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.twoColumns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.texto
{
	position: relative;
	font-family: "HelveticaNeueLTStdCnRegular";
	font-size: 25px;
	color: #FFFFFF;
	margin: 0px;
	padding: 5px 10px;
}
	.texto.header
	{
		float: left;
	}
	.texto.subheader
	{
		font-size: 20px;
		color: #000000;
		padding: 0px 20px;
		float: left;
		position: relative;
	}
	.texto.sumario
	{
		text-align: left;
		font-size: 20px;
	}
	.texto.enunciado
	{
		color: #000000;
		text-align: left;
		padding: 0px;
		margin-bottom: 5px;
		font-size: 17px;
	}
	.texto.title {
		position: absolute;
		bottom:  0px;
		font-family: 'GearedSlabRegular';
		color: #FFF;
		font-size: 22pt;
		background: #000 url('../imgs/fundoH2.jpg') no-repeat 30% 30%;
		padding: 3% 1%;
		border-radius: 0 15px 15px 0;
		box-shadow: 0 0 5px #000;
		background-position: 100.5% 70%;
		z-index: 3;
			-moz-user-select: none;
			-webkit-user-select: none;
			-webkit-user-drag: none;
			-webkit-touch-callout: none;
			-khtml-user-select: none;
			-ms-user-select: none;
			user-select: none;
	}
	.texto.boxwhite
	{
		position: absolute;
		left:10%;                
	}
	
	.texto.boxwhite span
	{
		border: 10px;
		color: #343432;
		font-size: 18px;
		font-weight:normal;
		width: 50%
	}
	.textomoldulawhite {
		font-family: 'HelveticaNeueLTStdCnRegular';
		font-size: 1.25em;
		color: #2d2c27;
		margin-bottom: 1em;
		height: 8.7em;
	 }             
	.texto.logo {
		right: 0px;
		bottom: 0px;
		position: absolute;
	}          
			
/* -------- MEDIA -------- */
.image {
	width: 100%;
	height: auto;
}
	.image.background {
		height: 100%;
		top: 0px;
		position:absolute
	}
.fullsize .image {
	width: auto;
	height: 95%;
}
/* -------- SHAPES -------- */
.rectangle { background-color:#d3e1d4; }
	.rectangle.sumario {
		margin: 0px 5px 5px 5px;
		padding:  5px
	}

/* -------- INTERACTIONs -------- */
.dragPage {
	right: 0px;
	bottom: 0px;
	position: absolute;
}
	.dragPage.middle { right: 50%; }
.icon {
	margin: 0 15px;
	height: 40px;
	cursor: pointer;
}
.icon img { height: 100%; }
	
/* -------- button ----------- */

.button
{
	background-color: #978A5E;
	position: absolute;
	box-shadow: -2px 4px 8px #333, inset 4px 0 1px #b7ae8f;
	border-radius: 15px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
	.button span {
		padding: 2px;
		margin: 10px;
		position: relative;
		color: #171e0c;
		font-size: .85em;
	}
	 .button.small span {
	  
		margin: 10px;
		position: relative;
		color: #171e0c;
		font-size: 14px;
		padding: 0px;
	}
		
 .barraBranca {
	position: inherit;
	top: 0;
	left: 20%;
	width: 75%;
	background-color: rgba(255,255,255, 0.6);
	border-radius: 0 0 3% 3%;
	box-shadow: inset 0 0 10px #666;
	overflow: visible;
	z-index: 2;
}

.btBullet {
	font-family: 'HelveticaNeueLTStdCnRegular';
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: 300;
	border-radius: 0px 0px 10px 10px;
	-moz-box-shadow:  3px 0 3px rgba(255, 255, 255, 0.6) inset, -1px 5px 5px #222222;
	-webkit-box-shadow: 3px 0 3px rgba(255, 255, 255, 0.6) inset, -1px 5px 5px #222222;
	-o-box-shadow: 3px 0 3px rgba(255, 255, 255, 0.6) inset, -1px 5px 5px #222222;
	box-shadow: 3px 0 3px rgba(255, 255, 255, 0.6) inset, -1px 5px 5px #222222;
	background-color: #d30529;
	padding: 7px 15px;
	width: 130px;
	z-index: 2;
	text-align: right;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.btBullet.selected {
	color: #FFF;
	background-color: #B1001F;
	-moz-box-shadow: inset 4px 0 1px rgba(255, 255, 255, 0.6), -1px 5px 5px #222222, inset 0px -15px 20px #700114;
	-webkit-box-shadow: inset 4px 0 1px rgba(255, 255, 255, 0.6), -1px 5px 5px #222222, inset 0px -15px 20px #700114;
	-o-box-shadow: inset 4px 0 1px rgba(255, 255, 255, 0.6), -1px 5px 5px #222222, inset 0px -15px 20px #700114;
	box-shadow: inset 4px 0 1px rgba(255, 255, 255, 0.6), -1px 5px 5px #222222, inset 0px -15px 20px #700114;
}

#viewport{
	overflow: hidden;
	background: url('../imgs/fundoH1.jpg') no-repeat fixed center center;
	position: absolute;
	top: 0;
	left: 0;
	width: 1024px;
	height: 750px;
}


.abaTitulo {
	font-family: 'GearedSlabRegular';
	color: #FFF;
	font-size: 18pt;
	position: inherit;
	background: #000 url('../imgs/fundoH2.jpg') no-repeat 30% 30%;
	z-index: 3;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
	.abaTitulo.esquerda {
		padding: 4% 2%;
		border-radius: 0 15px 15px 0;
		box-shadow: 0 0 5px #000;
		background-position: 100.5% 70%;
	}

.barraBranca {
	position: inherit;
	top: 0;
	left: 28%;
	height: 59%;
	width: 24em;
	background-color: rgba(255,255,255, 0.6);
	border-radius: 0 0 20px 20px;
	box-shadow: inset 0 0 10px #666;
	overflow: visible;
	padding-top: 10%;
	z-index: 2;
}

.btMark {
	position: absolute;
	width: 60px;
	height: 60px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.hintBalloon {
	font-family: 'HelveticaNeueLTStdCnRegular';
	color: #343432;
	font-size: 16pt;
	position: absolute;
	max-width: 300px;
	
	border-radius: 20px;
	box-shadow: inset 0 0 10px #666;
	padding: 20px 25px;
	z-index: 2001;
}
.bottomPoint {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -30px;
	margin-top: -15px;
	width: 60px;
	height: 60px;
	background: url('../imgs/pontaBottom.png') no-repeat center center;
}

.leftPoint {
	position: absolute;
	top: 50%;
	right: 100%;
	margin-right: -10px;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	background: url('../imgs/pontaLeft.png') no-repeat center center;
}
.topPoint{
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -30px;
	margin-bottom: -15px;
	width: 60px;
	height: 60px;
	background: url('../imgs/pontaTop.png') no-repeat center center;
}
.rightPoint {
	position: absolute;
	top: 50%;
	left: 100%;
	margin-left: -10px;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	background: url('../imgs/pontaLeft.png') no-repeat center center;
}

#btObjetivo {
	position: absolute;
	top: 15%;
	left: 40%;
	width: 50px;
	height: 60px;
	background-color: rgba(255,255,255, 0.9);
	background-image: url('../imgs/objetivoExpandirNucleo.png');
	background-repeat: no-repeat;
	background-position: 1.6em center;
	background-size: 0.8em 1.8em;
	border-radius: 20px;
	box-shadow: 0 0 10px #666;
	z-index: 5;
	cursor: pointer;
}

#btObjetivo * { display: none; }
#btObjetivo.active {
	width: 40px;
	background-color: rgba(255,255,255, 0.9);
	background-image: url('../imgs/objetivoRecolherNucleo.png');
	background-position: .8em center;
	border-radius: 20px 0 0 20px;
}

.hintGoal {
	font-family: 'HelveticaNeueLTStdCnRegular';
	color: transparent;
	font-size: 16pt;
	position: absolute;
	width: 0;
	height: 85px;
	overflow: hidden;
	background-color: rgba(255,255,255, 0.8);
	border-radius: 30px;
	box-shadow: 0 0 10px #666;
	padding: 20px 25px;
	z-index: 2001;
}
.hintGoal p:first-child {
	font-size: 18pt;
	font-weight: bold;
}

#evtContainer {
	position: absolute;
	cursor: pointer;
	z-index: 2;
}

#evtContainer.top, #evtContainer.bottom {
	width: 100%;
	height: 25%;
	left: 0;
}
#evtContainer.left, #evtContainer.right {
	width: 20%;
	height: 100%;
	top: 0;
}

#evtContainer.top { top: 0; }
#evtContainer.right { right: 0; }
#evtContainer.bottom { bottom: 0; }
#evtContainer.left { left: 0; }

/* POSICIONAMENTO INICIAL DAS PÁGINAS */
/* SUPERIOR ESQUERDO */
#pg01 {
	left: -100%;
	top: -100%;
}
/* MEIO ESQUERDA */
#pg02, #pg04, #pg06 {
	left: -100%;
	top: 0;
}
/* INFERIOR CENTRO */
#pg03 {
	left: 0;
	top: 0;
}
#pg05 {
	top: 0%;
}

/* PÁGINA DO INDICE */
#index {
	width: 100%;
	height:100%;
}
/* PÁGINA DA ORIGEM */
#pg01 {
	background: url('../imgs/mancha.png') no-repeat 120% 210%;
	background-size: 50% 70%;
	overflow: visible;
}
#pg01 #evtContainer {
	position: absolute;
	cursor: pointer;
	z-index: 2;
}
#pg01 #evtContainer.top, #pg01 #evtContainer.bottom {
	width: 100%;
	height: 25%;
	left: 0;
}
#pg01 #evtContainer.left, #pg01 #evtContainer.right {
	width: 20%;
	height: 100%;
	top: 0;
}

#pg01 .texto.title {
	width: 165px;
	height: 55px;
	text-align: right;
}
#pg01 .texto.title span{
	position: absolute;
	bottom: 15px;
	right: 20px;
	cursor: default;
}
#pg01 #btOrigem {
	position: absolute;
	right: -125px;
	bottom: -45px;
	cursor: pointer;
}
#pg01 .texto.boxwhite {
	font-family: 'HelveticaNeueLTStdCnRegular';
	position: absolute;
	width: 760px;
	height: 600px;
	background: url('../imgs/origemBox.png') no-repeat center center;
	background-size: contain;
	left: 50%;
	top: 32%;
	margin-left: -380px;
}
#pg01 .texto.boxwhite span {
	font-size: 1.02em;
	position: absolute;
	left: -1em;
	width: auto;
	padding: 4.6em 3.9em;
	line-height: 35px;
}

/* PÁGINA DA BOLA */
#pg02 {
	font-family: 'HelveticaNeueLTStdCnRegular';
	font-size: 15pt;
	color: #2d2c27;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	background: url('../imgs/mancha.png') no-repeat 18em 10em;
}
	#pg02 .btBullet {
		font-size: 1.1em;
		float: left;
		margin-left: -10%;
	}
	#pg02 .btBullet + div {
		width: 60%;
		line-height: 2;
		margin-left: 28%;
	}
	#pg02 .abaTitulo {
		position: absolute;
		top: 2%;
		left: 0;
	}
	#iconBola {
		position: absolute;
		top: 10%;
		left: 110%;
		width: 25%;
		height: 17%;
		z-index: 3;
	}
		#iconBola > #iconBolaHit {
			top: 0;
			left: 0;
			width: 50%;
			position: absolute;
			cursor: pointer;
			height: 100%;
			z-index: 1;
		}
	#iconBola div { 
		position: inherit;
		top: 20%;
		left: 14%;
		font-family: 'HomesteadDisplayDisplay';
		font-size: 60px;
		color: #d7bb4e;
		-webkit-text-shadow: 
			-2px 2px 0 #474550,
			2px 2px 0 #474550,
			-2px -2px 0 #474550,
			2px -2px 0 #474550;
		text-shadow: 
			-2px 2px 0 #474550,
			2px 2px 0 #474550,
			-2px -2px 0 #474550,
			2px -2px 0 #474550;
		filter: dropshadow(color=#474550, offx=-2, offy=2 ),
				dropshadow(color=#474550, offx=2 , offy=2 ),
				dropshadow(color=#474550, offx=-2, offy=-2),
				dropshadow(color=#474550, offx=2 , offy=-2);
	}
	#iconBola img { height: 100%; }
	#iconBola .tituloBola {
		height: 42%;
		position: absolute;
		top: 30%;
		left: 12%;
	}

.barraBranca.hide { left: -100%; }
.linhaItem {
	width: 100%;
	margin: 2% 0;
}
.linhaItem:first-child { margin-top: 10%; }

#pg02 #evtContainer.top { height: 20%; }
#pg02 #evtContainer.right { width: 25%; }
#pg02 #evtContainer.bottom { height: 27%; }
#pg02 #evtContainer.left { width: 20% }

/* PAGINA DA QUADRA */
#pg03 {
	top: 0px;
}
#pg03 .texto.title {
	width: 50%;
	height: 50px;
	padding: 15px;
	z-index: 3;
	bottom: -1%;
}
#pg03 #subMenu
{   
	height: 3em;
	width: auto;
	height: auto;
	position: absolute;
	z-index: 5000;
	top: -1em;
	padding:0.5em;
	left: 25%;
		 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
	-o-border-radius:  10px 10px 10px 10px;
	-ms-border-radius:  10px 10px 10px 10px;
	border-radius:  10px 10px 10px 10px;
}
#pg03 .textoSubMenu
{
	font-family: "HelveticaNeueLTStdCnRegular";
	font-size: 18px;
	color: white
}
#pg03 .close
{
	position: absolute;
	top: 0;
	right:0%;
	
}
#pg03 .close img{
	position: relative;
	  width: 25px;
	 height:  auto;
	 padding: 5px;
}
#pg03 #quadraRede { z-index: 3; }
#pg03 #quadraHRede { z-index: 4; }

#pg03 .btBullet {
	text-align: left;
	position: relative;
	width: auto;
	top: 94%;
	margin: 6px 5px 0px 0px;
	top: 0px;
	cursor: pointer;
	z-index: 3;
	float: left;
}

#pg03 .btBullet.baixo {
	top: 50px;
	left: 127px;
	border-radius: 10px 10px 10px 10px;
}

	#pg03 .btBullet.vertical 
	{
		font-size: 1.3em;
		font-weight: 300;
		float: none;
		margin-bottom: 10px;
		width: 130px;
		border-radius: 10px 10px 10px 10px;
	}
#pg03 .hintBalloon { max-width: 405px; }
#pg03 .hintBalloon p:first-child { 
	font-family: 'GearedSlabRegular';
	color: #343432;
	font-size: 18pt;
}
#iconQuadra {
	position: absolute;
	left: auto;
	top:0;
	right: auto;
	bottom: auto;
	width: 100%;
	height: 100%;
	z-index: 2;
}
#iconQuadra #evtContainer { z-index: 3 }
#iconQuadra #evtContainer.topR.iCall { width: 36%; left: 40%; height: 16%; top: 13%; }
#iconQuadra #evtContainer.topM.iCall { top: 25%; width: 44%; height: 20%; left: 40%; }
#iconQuadra #evtContainer.topL.iCall { width: 61%; height: 14%; left: 30%; top: 35%; }
#iconQuadra #evtContainer.left.iCall { top: 49%; width: 78%; height: 12%; left: 18%; }
#iconQuadra #evtContainer.right.iCall { top: 60%; width: 68%; height: 13%; left: 18%; }
#iconQuadra #evtContainer.bottomR.iCall { bottom: 17%; width: 46%; height: 11%; left: 29%; }
#iconQuadra #evtContainer.bottomL.iCall { bottom: 0; width: 27%; height: 17%; right: 34%; }

#iconQuadra #evtContainer.topR.perspectV { width: 16%; left: 75%; height: 39%; }
#iconQuadra #evtContainer.topM.perspectV { top: 0; width: 43%; height: 21%; left: 33%; }
#iconQuadra #evtContainer.topL.perspectV { width: 20%; height: 45%; left: 14%; }
#iconQuadra #evtContainer.left.perspectV { top: 32%; width: 18%; height: 37%; }
#iconQuadra #evtContainer.right.perspectV { top: 17%; width: 17%; height: 58%; }
#iconQuadra #evtContainer.bottomR.perspectV { bottom: 0; width: 37%; height: 29%; right: 0; }
#iconQuadra #evtContainer.bottomL.perspectV { bottom: 6%; width: 30%; height: 25%; left: 0; }

#iconQuadra #evtContainer.topR.topV { top: 0; width: 0; height: 0; left: 0; }
#iconQuadra #evtContainer.topM.topV { top: 0; width: 74%; height: 14%; left: 15%; }
#iconQuadra #evtContainer.topL.topV { top: 0; width: 0; height: 0; left: 0; }
#iconQuadra #evtContainer.left.topV { top: 25%; width: 12%; height: 62%; right: 32%; }
#iconQuadra #evtContainer.right.topV { top: 18%; width: 5%; height: 76%; right: 0; }
#iconQuadra #evtContainer.bottomL.topV { bottom: 5%; width: 100%; height: 7%; left: 0; }
#iconQuadra #evtContainer.bottomR.topV { bottom: 0; width: 0; height: 0; left: auto; }

#btPerspec { display: none;}

	#quadraPerspectiva, #quadraTopo, #pg03 .subpage {
		position: absolute;
		width: auto;
		height: 100%;
	   /* bottom: 0;*/
	}
	#pg03 .subpage {
		top: -7%;
	}

	#quadraPerspectiva { 
		opacity: 0; -moz-opacity: 0; -webkit-opacity: 0;-o-opacity: 0; 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

		#iconQuadra .btBullet {
			position: absolute;
			left: auto;
			right: -20%;
			top: 5%;
			width: 80px;
			padding: 13px 12px 6px;
			box-shadow: -1px 5px 5px #222;
		}

		#iconQuadra .btBullet img {
			position: relative;
			width: 100%;
		}

		#iconQuadra div img{
			position: absolute;
		}

		#iconQuadra .highlight {
			opacity: 0;-moz-opacity: 0; -webkit-opacity: 0;-o-opacity: 0;filter:alpha(opacity=0);
		}

		#iconQuadra div .texto {
			color: #333;
			position: absolute;
		}
		
		#quadraPerspectiva #quadraChao, 
		#quadraPerspectiva .highlight, 
		#quadraPerspectiva #quadraRodizio,
		#quadraPerspectiva #quadraRede,
		#quadraPerspectiva #quadraPosicoes,
		#quadraPerspectiva #quadraPosicoesHigh,
		#quadraPerspectiva #quadraFrente,
		#quadraPerspectiva #quadraCima
		{
			width: auto;
			height: 100%;
			bottom: 0;
			top: 0%;
		}

		#quadraPerspectiva #quadraFrente{
			top: 7%;
			left: 0%;
		}

		#quadraTopo #quadraChao, 
		#quadraTopo .highlight, 
		#quadraTopo #quadraPosicoes,
		#quadraTopo #quadraRodizio,
		#quadraTopo #quadraRede,
		#quadraTopo #quadraPosicoesHigh,
		#quadraTopo #imagemHor, 
		#quadraTopo #imagemVer 
		{
			height: 118%;
			width: auto;
			bottom: 0;
			left: 0;
			top:-8%
		}

		#quadraTopo #quadraL {
			top: 76%;
			left: 40%;
			position: relative;
			display:none;
		}

		#quadraTopo #quadraA {
			top: 18%;
			left: 90.4%;
			position: relative;
			display:none;
		}

		#quadraTopo #imagemHor, #quadraTopo #imagemVer 
		{
			left:50px;
			display: block;
			display:none;
		}

		#quadraTopo #quadraPosicoes,  #quadraTopo #quadraPosicoesHigh {
		   opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);
		}
		#quadraTopo #quadraRodizio {
			bottom: 23%;
			left: 19%;
			height: 54%;
			width: 76%;
			opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);
		}

#pg03 #c03_02.subpage { margin-top: 0em; margin-left: 0em; }

#pg03 #c03_02ct
{
	bottom: 0;
	height: 100%;
	position: absolute;
	width: 100%;
}

#pg03 .markerBall
{
	width: 25px;
	height: 25px;
	position: absolute;
	background: url('../imgs/mark.png');
	background-size: 25px 25px;
	background-position: left top;
	background-repeat: no-repeat;
}

#pg03 #c03_03 .posicionamento .markerBall
{
	width: 25px;
	height: 25px;
	position: absolute;
	background: url('../imgs/mark2.png');
	background-size: 25px 25px;
	background-position: left top;
	background-repeat: no-repeat;
}

#pg03 #c03_02ct .markerBall
{
	margin-left: 4.5em;
}

#pg03 #c03_02ct .posicionamento.markerBall
{
	margin-left: 1.5em;
}

#pg03 .btMark{
	cursor: pointer;
	z-index: 150;
	width: auto;
	height:auto;
	font-family: 'HelveticaNeueLTStdCnRegular';
	font-size:21px;
	max-width: 18em;
	min-width: 13em;
}

#pg03 #c03_03.subpage {width: 100%; margin-top: 0em; margin-left: 0em; }

#pg03 #c03_03ct
{
	bottom: 0;
	height: 100%;
	position: absolute;
	width: 100%;
}

#pg03 #c03_03ct .markerBall
{
	margin-left: 4.5em;
}

#pg03 #c03_03ct .posicionamento.markerBall
{
	margin-left: 1.5em;
}

#pg03 #c03_03 .btMark span{
	background-image: none;
	background-color: rgba(0, 0, 0, 0.7);
	color: #FFFFFF;
	font-family: 'HelveticaNeueLTStdCnRegular';
	font-size: 1em;
}

#pg03 #c03_03 .btMark.esquerda span{
	background-image: none;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-family: 'HelveticaNeueLTStdCnRegular';
	font-size: 1em;
	margin-left: -81px;
	max-width: 9em;
}

#pg03 #c03_03 .btMark.esquerda span.open{
	margin-left: -228px;
}

	#pg03 #c03_03 .btMark span p:first-child {
		width: auto;
		max-width: 11em;
		left: 0.5em;
		top: 0.8em;

		padding: 0.5em 0.5em 0.5em 0.5em;
		position: absolute;

		background: #000; /* para browsers sem suporte a CSS 3 */
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#575756'); 

		background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#575756)); /* webkit browsers */
		background: -moz-linear-gradient(top,  #000, #575756); /* Firefox 3.6+ */
		background: -ms-linear-gradient(bottom, #575756 100%, rgb(0,0,0) 100%);
		background: -ms-linear-gradient(#000, #575756);

		background-size: 100% 100%;
		background-position:  right bottom;
		background-repeat: no-repeat;

		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		-o-border-radius:  10px 10px 10px 10px;
		-ms-border-radius:  10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;

		z-index: 50;
		margin-left: 0.5em;

		color: #FFFFFF;
	}

#pg03 .btMark.posicionamento{
	background:rgba(255,255,255,0);
	width: 100%;
	max-width: 9em;
	height:2em;
	/*padding: 0.5em;*/

	-moz-border-radius: 500px 500px 500px 500px; 
	-webkit-border-radius: 500px 500px 500px 500px;
	-o-border-radius:  500px 500px 500px 500px;
	-ms-border-radius:  500px 500px 500px 500px;
	border-radius:  500px 500px 500px 500px;
}

#pg03 .btMark.posicionamento.esquerda {
	background:rgba(255,255,255,0);
	width: 100%;
	height:2em;

	-moz-border-radius: 500px 500px 500px 500px; 
	-webkit-border-radius: 500px 500px 500px 500px;
	-o-border-radius:  500px 500px 500px 500px;
	-ms-border-radius:  500px 500px 500px 500px;
	border-radius:  500px 500px 500px 500px;
}

#pg03 .btMark.left span{
   background-image: none;
   background-color: rgba(0, 0, 0, 0.7);
   color: #FFFFFF;
   font-family: 'HelveticaNeueLTStdCnRegular';
   font-size: 1em;
}

#pg03 .btMark.posicionamento.open{
	max-width: 18em;
	height:6em;
}

#pg03 .BoxRight
{
	 position: fixed; 
	right: 0;
	font-family: 'HelveticaNeueLTStdCnRegular';
	color: white;
	padding: 1% 1% 1% 1%;
	background-color: black;
	z-index: 500;
	height:auto;
	max-height: 90%;
   
	bottom: 0%;
	top: auto;
 
	 font-size: 1.2em;
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
	-o-border-radius:  10px 10px 10px 10px;
	-ms-border-radius:  10px 10px 10px 10px;
	border-radius:  10px 10px 10px 10px;
	width: 30%;
}
#pg03 .BoxRight span p:first-child {
		font-family: 'HelveticaNeueLTStdMedCnRg';
		font-size: 1.3em;
		margin-bottom: 1em;
	}
	#pg03 .BoxRight span 
	{
		width: 100%
	}
	 #pg03 .BoxRight span p 
	{
		width: 100%
	}
	 
#pg03 .btMark span 
{
	width: auto;
	max-width: 11em;
	left: 0.7em;

	position: absolute;

	background: #000; /* para browsers sem suporte a CSS 3 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#575756'); 
	  
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#575756)); /* webkit browsers */
	background: -moz-linear-gradient(top,  #000, #575756); /* Firefox 3.6+ */
	background: -ms-linear-gradient(bottom, #575756 100%, rgb(0,0,0) 100%);
	background: -ms-linear-gradient(#000, #575756);

	background-size: 100% 100%;
	background-position:  right bottom;
	background-repeat: no-repeat;

	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-o-border-radius:  10px 10px 10px 10px;
	-ms-border-radius:  10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;

	z-index: 50;
	margin-left: 0.5em;
	color: #FFFFFF;
}

#pg03 .btMark.posicionamento span 
{
	padding: 0em;
}
#pg03 .btMark.posicionamento.open span 
{
	padding: 0.5em;
}

#pg03 .btMark.posicionamento.left span 
{
   left: 0.7em;
}
#pg03 .btMark.posicionamento.left.more span 
{
	
}
#pg03 .subpage.hide { top: -100%; display: none;}
	#bt03_01_01 { top: 67%; left: 9.5%;}
	#bt03_01_02 { top: 42%; left: 23%; }
	#bt03_01_03 { top: 60%; left: 27%; }
	#bt03_01_04 { top: 47%; left: 52%; }
	#bt03_01_05 { top: 38%; left: 82%; }
	#bt03_01_06 { top: 67%; left: 50%; }
	#bt03_01_07 { top: 29%; left: 72%; }
	#bt03_01_08 { top: 14%; left: 32%; }
	#bt03_01_09 { top: 52%; left: 81%; }

	#bt03_02_01 { top: 37%; left: 20%;}
	#bt03_02_02 { top: 74%; left: 16%;}
	#bt03_02_03 { top: 53%; left: 37%;}
	#bt03_02_04 { top: 33%; left: 64%;}
	#bt03_02_05 { top: 31%; left: 31%;}
	#bt03_02_06 { top: 37%; left: 77.5%;}
	
	#bt03_03_01 { top: 24%; left: 30%;}
	#bt03_03_02 { top: 50%; left: 38%;}
	#bt03_03_03 { top: 45%; left: 40%;}
	#bt03_03_04 { top: 56%; left: 40%;}

	#quadraPerspectiva #quadraMarcacaoTab 		{top: 50px; left: 0px;}
	#quadraPerspectiva #quadraMarcacaoAro 		{top: 50px; left: 0px;}
	#quadraPerspectiva #quadraMarcacaoTabCima	{top: 2px; left: 194px;}
	#quadraPerspectiva #quadraMarcacaoCestaCima {top: 2px; left: 194px;}
	#quadraPerspectiva #quadraMarcacaoAroCima 	{top: 2px; left: 194px;}

.full
{
	width: 100%;
	height: 100%;
		
}
#logoIcon
{
	position: absolute;
	z-index: 1000;
	left: -0.5em;
	top:0;
}

#logoCredito
{
	position: absolute;
	z-index: 10000;
	right: 0;
	top:0;
}
#logoCredito img{
	width: 2em;
	height: auto;
	
}
/* Descomente caso precise ver as hitbox
#evtContainer{ background-color: rgba(10, 20, 200, .2); }
#evtContainer:hover{ background-color: rgba(10, 200, 20, .2); }
*/

.bgwidth { width: 100%; height: auto}
.bgheight { height: 100%; width: auto }
.hide{display: none}
#qtMedidas{position: absolute; font-weight: bold; z-index: 10000; display: block;}
.hitArea{ height: 50px;  left: -15px; position: absolute;  top: -15px;  width: 70px;}
 
#pg03 .btMark.posicionamento.automatic
{
	left: auto;
	right: 5em;
	/* top: 25%;*/
}
#pg03 .btMark.posicionamento.automaticTop
{
	top: 25%;
}

#pg03 .btMark span.open{
	padding: 0.5em;
}

#csubmenuC03 {
	position: relative;
	top:490px;
	left:0px;
}

/* CESTA E TABELA*/
.imagemCesta
{
	top: 20%;
	left: 0;
	bottom: 0;
	height: 100%;
	left: 190px;
}
	.imagemCesta.cima
	{
		top: 0;
		left: 190px;
		bottom: 0;
		opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);
		height: 100%;
	}

/* CREDITOS */
.creditos
{
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(0,0,0,0.4);
	z-index: 50000;
	font-family: 'HelveticaWorld';
}
	#creditos #creditosCont
	{
		position: absolute;
		left: 0px;
		background-color: #e9e6de;
		height: auto;
		max-width: 493px;
		width: 100%
	}

	#creditos .title
	{
		height: auto;
		width: 100%;
		background-image: url(../imgs/creditos/bkgTitulo.png);
		background-repeat: repeat-x;
		min-height: 46px;
		background-color:#5498CF;
		font-size: 1.5em;
		color: white
	}

	#creditos .subTitle
	{
		background-color: #a8a9a0;
		color: white;
		right: 5%;
		font-size: 12pt;
		font-family: 'mentone_ligbold'; 
	}
			#creditos .textoAbs
			{
				position: absolute;
				top: 48%;
				color: #393939
			}
					#creditos .textoAbs.ou
					{
						top: 48%;
						left: 10.5%  
					}
					 #creditos .textoAbs.voltar
					{
						top: 42%;
						left: 25%;
						width: 20%
					}
					#creditos .textoAbs.anterior
					{
						top: 48%;
						left: 52%  
					}
					#creditos .textoAbs.proxima
					{
						top: 48%;
						left:77%  
					}
					 #creditos .acess
					{
					  font-size: 15px;
					padding: 0.5em 0.5em 0.5em 0.2em
					}
		 #creditos .referencia
		{
			  font-size: 0.75em;
			  font-family: 'mentone_ligbold'; /*mentone*/
			  left: 0%;
			  position: relative;
			  bottom: 0;
			  padding: 0.5em 1.5em 0.5em 1.5em;
			  
			  box-shadow:0 2px 9px #000000;
			  -moz-box-shadow: 0 2px 9px #000000;
			  -webkit-box-shadow:0 2px 9px #000000;
			  -o-box-shadow:0 2px 9px #000000;
				  
		}
		#creditos #ctSubtitle
		{
			position: relative;
			left: 2%;
		}
		 #creditos #btFechar
		 {
			 position: absolute;
			 right: 0;
			 top: 2px;
			 width: 50px;
			 height: 50px;
			 cursor: pointer
		 }
		 #creditos #btFechar img
		 {
			 position: relative;
			 left: 16%;
			 margin-top: 0.3em;
		 }
		  #creditos .conteudo
		 {
			max-height: 270px;
			overflow: hidden;
			font-family: 'mentone_ligbold';
			padding-left: 0.5em
		 }
		 #creditos .ctconteudo
		 {
			 height: 270px;
			   margin: 15px 0px 0px 0px;
		 }
			#creditos .ctTexto
			{
					font-size: 12pt;
					margin-left: 16px;
			}
		   #creditos .ctTitle {
			color: #5C5C5C;
			font-size: 1.2em;
			margin-bottom: 0.2em;
			margin-left: 8px;
			margin-top: 0.2em;
		   }
		   #creditos .ctTitleText
		   {
			   padding-left: 0.4em;
		   }
		   #creditos .ctVersao
		  {
				background-color: #6C6B69;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				color: #FFFFFF;
				font-size: 0.7em;
				padding-bottom: 0.2em;
				padding-left: 0.8em;
				padding-right: 0.8em;
				padding-top: 0.2em;
				width: 20%
		}
			#creditos #scroll
			{
				left: 0;
				top:0;
				position: relative
			}
			 #bt03_01
			{
				/*color: green*/
			}

/* MEDIA QUERIES */
/* POP UP */
@media screen and (min-width: 950px) and (max-width:1024px) {
	#bt03_03_01 { top: 24%; left: 45%;}
	#bt03_03_02 { top: 50%; left: 55%;}
	#bt03_03_03 { top: 45%; left: 57%;}
	#bt03_03_04 { top: 56%; left: 57%;}
}

/* TABLET VERTICAL */
@media screen and (min-width: 641px) and (max-width: 800px) and (orientation: portrait) {
	#bt03_01
	{
		/*color: black*/
	}
	#EducInnerContent
	{
		height: 100%;
		width: 100%
	}
	#quadraTopo #quadraChao, #quadraTopo .highlight, #quadraTopo #quadraPosicoes, #quadraTopo #quadraRodizio,
	#quadraTopo #quadraRede,  #quadraTopo #quadraPosicoesHigh, #quadraTopo #imagemHor, #quadraTopo #imagemVer {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg); 
		height:68%;
		width: auto;
		top: 15%;
	}

	#quadraPerspectiva #quadraFrente,
	#quadraPerspectiva #quadraCima
	{
		height:600px;
		width: auto;
		top: 15%;
	}

	#quadraPerspectiva #quadraFrente{
		left: 4%;
	}

	#quadraPerspectiva #quadraMarcacaoTab, 
	#quadraPerspectiva #quadraMarcacaoAro{
		position: absolute;
		width: auto; 
		height:600px;
		top:200px;
		left:45px;
	}

	#quadraPerspectiva #quadraMarcacaoTabCima,
	#quadraPerspectiva #quadraMarcacaoCestaCima,
	#quadraPerspectiva #quadraMarcacaoAroCima
	{
		position: absolute;
		width: auto;		
		height:600px;
		top:195px;
		left:160px;
	}

	#pg03 .btBullet.baixo {
		top: 150px;
		left: 50px;
		border-radius: 10px 10px 10px 10px;
	}

	#pg03 .btBullet.vertical 
	{
		font-size: 1.3em;
		font-weight: 300;
		float: none;
		margin-bottom: 10px;
		width: 130px;
		border-radius: 10px 10px 10px 10px;
	}

	#csubmenuC03 {
		position: relative;
		top:300px;
		left:150px;

		width: 100%;
		height: 100px;
		color: yellow;
	}

	#bt03_01_01 { top: 76%; left: 58%; }
	#bt03_01_02 { top: -33%; left: 52%; }
	#bt03_01_03 { top: -22%; left: 55%; }
	#bt03_01_04 { top: 19%; left: 50%; }
	#bt03_01_05 { top: 63.5%; left: 40%; }
	#bt03_01_06 { top: 14%; left: 34%; }
	#bt03_01_07 { top: 44%; left: 58%; }
	#bt03_01_08 { top: -6%; left: 28%; }
	#bt03_01_09 { top: 60.5%; left: 50%; }
	 
	#bt03_02_01 { top: -35%; left: 60%;}
	#bt03_02_02 { top: -40%; left: 35%;}
	#bt03_02_03 { top: -9%; left: 50%;}
	#bt03_02_04 { top: 27%; left: 62%;}
	#bt03_02_05 { top: 50%; left: 36%;}
	#bt03_02_06 { top: 56%; left: 60%;}
	
	#bt03_03_01 { top: -20%; left: 70%;}
	#bt03_03_02 { top: -9%; left: 58%;}
	#bt03_03_03 { top: -10%; left: 65%;}
	#bt03_03_04 { top: -5%; left: 60%;}

	#pg03 .subpage
	{
		top:39.5%;
	}
	 #c03_03 {
		bottom: 0%;
		position: absolute;
		width: auto;
		color: yellow;
	}

	
   #pg03 .BoxRight
   {
		background-color: black;
		color: white;
		font-family: 'HelveticaNeueLTStdCnRegular';
		height: auto;
		left:-5%;
		bottom: 0%;
		position: relative;
		width: 95%;
		z-index: 500;
		font-size: 1.0em;
	}

	#pg03 .btMark span.open{
		padding: 0.5em;
		color:#FFDD00 ;
	}

	#pg03 .btBullet.baixo {
		top: 550px;
		left: 130px;
		border-radius: 10px 10px 10px 10px;
	}

	#quadraPerspectiva
	{
		width: 100%;
		height: 100%;
		margin-bottom: 50%;
	}

	#quadraTopo #quadraL {
		top: 56%;
		left: 25%;
		position: relative;
	}

	#quadraTopo #quadraA {
		top: 30%;
		left: 45%;
		position: relative;
	}

	#quadraTopo #imagemHor, #quadraTopo #imagemVer 
	{
		left:-140px;
		display: block;
		display:none;
	}

	#pg03 #c03_01 .btMark span
	{
		width: auto;
		max-width: 11em;
		left: 0.5em;
		top: 0.8em;

		position: absolute;

		background: #000; /* para browsers sem suporte a CSS 3 */
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#575756'); 

		background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#575756)); /* webkit browsers */
		background: -moz-linear-gradient(top,  #000, #575756); /* Firefox 3.6+ */
		background: -ms-linear-gradient(bottom, #575756 100%, rgb(0,0,0) 100%);
		background: -ms-linear-gradient(#000, #575756);

		background-size: 100% 100%;
		background-position:  right bottom;
		background-repeat: no-repeat;

		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		-o-border-radius:  10px 10px 10px 10px;
		-ms-border-radius:  10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;

		z-index: 50;
		margin-left: 0.5em;

		color: #FFFFFF;
	}

	#pg03 .btMark span.open{
		padding: 0.5em;
	}

	#pg03 #c03_02 .btMark span
	{
		width: auto;
		max-width: 11em;
		left: 0.5em;
		top: 0.8em;

		/* padding: 0.5em 0.5em 0.5em 0.5em;*/
		position: absolute;

		background: #000; /* para browsers sem suporte a CSS 3 */
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#575756'); 

		background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#575756)); /* webkit browsers */
		background: -moz-linear-gradient(top,  #000, #575756); /* Firefox 3.6+ */
		background: -ms-linear-gradient(bottom, #575756 100%, rgb(0,0,0) 100%);
		background: -ms-linear-gradient(#000, #575756);

		background-size: 100% 100%;
		background-position:  right bottom;
		background-repeat: no-repeat;

		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		-o-border-radius:  10px 10px 10px 10px;
		-ms-border-radius:  10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;

		z-index: 50;
		margin-left: 0.5em;

		color: #FFFFFF;
	}

		#pg03 #c03_02 .btMark span p:first-child {
			width: auto;
			max-width: 11em;
			left: 0.5em;
			top: 0.8em;

			/*padding: 0.5em 0.5em 0.5em 0.5em;*/
			position: absolute;

			background: #000; /* para browsers sem suporte a CSS 3 */
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#575756'); 

			background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#575756)); /* webkit browsers */
			background: -moz-linear-gradient(top,  #000, #575756); /* Firefox 3.6+ */
			background: -ms-linear-gradient(bottom, #575756 100%, rgb(0,0,0) 100%);
			background: -ms-linear-gradient(#000, #575756);

			background-size: 100% 100%;
			background-position:  right bottom;
			background-repeat: no-repeat;

			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			-o-border-radius:  10px 10px 10px 10px;
			-ms-border-radius:  10px 10px 10px 10px;
			border-radius: 10px 10px 10px 10px;

			z-index: 50;
			margin-left: 0.5em;

			color: #FFFFFF;
	}


	#quadraPerspectiva #quadraRede {
		width: auto;
		height: 64%;
		bottom: 37%;
		left: 34%;
	}
	 #logoIcon, #logoIcon img
	{
		height: 3.6em;
	}
		#pg03 .btMark.posicionamento.automatic
		{
			left: auto;
			right: 10em;
		}
		
	.imagemCesta
	{
		top: 3em;
		width: 100%;
		height: auto;
	}
		.imagemCesta.cima
		{
			opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);
			height: auto;
		}

} 

@media screen and (max-width: 640px) and (max-height: 960px) {
		#bt03_01
		{
		  /*  color: blue*/
		}
		#pg03 .btMark {
			cursor: pointer;
			font-family: 'HelveticaNeueLTStdCnRegular';
			font-size: 14px;
		}
		.btBullet {
			color: #171E0C;
			font-family: 'HelveticaNeueLTStdCnRegular';
			font-size: 0.8em;
			font-weight: 300;
		}
		#pg03 #subMenu
		{

			height: 3em;
			width: 19em;
			height:  auto;
			position: absolute;
			z-index: 5000;
			top: -1em;
			padding:0.5em;
			left: 25%;

			-moz-border-radius: 10px 10px 10px 10px; 
			-webkit-border-radius: 10px 10px 10px 10px;
			-o-border-radius:  10px 10px 10px 10px;
			-ms-border-radius:  10px 10px 10px 10px;
			border-radius:  10px 10px 10px 10px;
		}
		#pg03 .BoxRight
		{
			font-family: 'HelveticaNeueLTStdCnRegular';
			color: white;
			padding: 1% 1% 1% 1%;
			background-color: black;
			z-index: 500;
			height: auto;
			position: fixed; width: 30%;
			bottom: 0%;
			top: auto;
			right: 0;
			font-size: 15px;
			-moz-border-radius: 10px 10px 10px 10px; 
			-webkit-border-radius: 10px 10px 10px 10px;
			-o-border-radius:  10px 10px 10px 10px;
			-ms-border-radius:  10px 10px 10px 10px;
			border-radius:  10px 10px 10px 10px;
		}
	#logoIcon, #logoIcon img
	{
		display: none;
	}
}

@media screen and (min-width: 641px) and (max-width: 800px) and (orientation: landscape){

	#csubmenuC03 {
		position: relative;
		top:300px;
		left:0px;
	}

		#pg03 .btMark {
			cursor: pointer;
			font-family: 'HelveticaNeueLTStdCnRegular';
			font-size: 11px;
		}
		.btBullet {
			color: #171E0C;
			font-family: 'HelveticaNeueLTStdCnRegular';
			font-size: 0.6em;
			font-weight: 300;
		}
		#pg03 #subMenu
		{
			height: 3em;
			width: 19em;
			height:  auto;
			position: absolute;
			z-index: 5000;
			top: -1em;T
			padding:0.5em;
			left: 25%;

			-moz-border-radius: 10px 10px 10px 10px; 
			-webkit-border-radius: 10px 10px 10px 10px;
			-o-border-radius:  10px 10px 10px 10px;
			-ms-border-radius:  10px 10px 10px 10px;
			border-radius:  10px 10px 10px 10px;
		}
		
	#logoIcon, #logoIcon img
	{
		display: none;
	}
}