* {
	margin:0;
	padding:0;
	border:0;
}

html {
	height:100%;
}

body {
	height:100%;
	background:#111414 url(index_of.gif) 50% 50% no-repeat;
}

body.nobg { /* 404 */
	background-image:none !important;
}

.onlyDesk {
	display:inline-block !important;
}
.onlyMobile {
	display:none !important;
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* --- INDEX DE REDIRECIONAMENTO (INDEX DA HOME DO PORTAL, INDEX HOME DOS PROTOTIPOS), 404.SHTML E ALERTA DE VERSAO ANTIGA (V1) --- */
/* -------------------------------------------------------------------------------------------------------------------------------- */

/* --- INTRO --- */

#intro {
	top:0; left:0;
	width:100%;
	background-color:#fff;
		/*opacity: 0.90;
		-moz-opacity: 0.90;
		filter: alpha(opacity=90);*/
	height:auto;
	text-align:left;
	padding:9px 0 8px 0;
	border-bottom:1px solid #a5a5a5;
	
	font-size:14px;
	line-height:normal;
}
	#intro * {
		font-size:14px;
		line-height:normal;
	}

	#intro p.intro_left {
		float:left; text-align:left;
		margin:0;
		padding:0 0 0 15px;
		
		font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		font-size:14px;
		font-weight:bold;
		color:#000;
		font-style:normal;
	}
		#intro p.intro_left span {
			color:#c0c0c0;
		}
		#intro p.intro_left a {
			padding:0 3px 0 3px;
			font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
			color:#fff;
			font-size:14px;
			font-weight:bold;
			text-decoration:none;
			background-color:#9fafbf;
			text-transform:uppercase;
		}
			#intro p.intro_left a:hover {
				background-color:#000;
			}


	#intro p.intro_right {
		float:right; text-align:right;
		margin:0;
		padding:0 15px 0 0;
		
		font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
		text-transform:none;
		font-size:13px;
		font-style:italic;
		color:#929293;
		text-transform:none;
	}
		#intro p.intro_right a {
			color:#000;
			font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
			text-decoration:none;
			font-size:13px;
			text-transform:none;
		}
			#intro p.intro_right a:hover {
				color:#6c8ba0;
			}


/* --- BOX --- */

#box {
	width:225px; /*so largura do box e paddings*/ /*height:543px;*/ /*overflow:hidden;*/
	overflow:hidden;
	line-height:180%;
	padding:20px 15px 0 15px;
}
	#box h1 {
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#9fafbf;
		font-size:14px;
		text-transform:uppercase;
		font-weight:normal;
	}

	#box p {
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		color:#fff;
		padding:0 0 25px 0;
		line-height:180%;
	}
	#box p a {
		text-decoration:none;
		color:#e6b947;
	}
	#box p a:hover { text-decoration:underline; }

	#box_btn {}
		#box_btn a {
			display:block;
			margin:10px 0 0 0;
			height:39px;
			width:123px;
			overflow:hidden;
			background:url(index_redirect.png) 0 0 no-repeat;
			cursor:pointer;
			font-size:0;
			line-height:0;
		}
		#box_btn a:hover {
			background-position:-123px 0;
		}

.footer{
    font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
    color: #fff;
    bottom: 0;
    position: fixed;
    background: #000;
    padding: 5px;
    font-size: 11px;
    font-style: italic;
    right: 0;
}
		
/* ------------------------------------ */
/* --- Entradas estruturais- Mobile --- */
/* ------------------------------------ */

@media all and (max-width: 768px) {
	.onlyDesk {
		display:none !important;
	}
	.onlyMobile {
		display:inherit !important;
	}
	
	body {
		background:#111414 url(index_of2.gif) 18px 87px no-repeat;
	}
	body.nobg { /* 404 */
		background-image:none !important;
	}
	#box{
		padding-top:35px;
	}
	body.nobg #box{
		padding-top:20px;
	}
	#intro p.intro_right {
		float:none;
		clear:both;
		text-align:left;
		border-top: 1px dotted #ccc;
		margin: 25px 0 0;
	    padding:7px 0 1px 15px;
	}
}