/*##########################################
Tema: Mídia Interativa
Site: http://www.midiainterativa.com.br
Criado por: Ricardo Lima & Breno Guimarães
##########################################*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	height: 100%;
	overflow: hidden;
}
body {
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	height: 100%;
	overflow: hidden;
	color: #1e0f0a;
	background-image:url(../img_site/fund.jpg);
	/*background-image:url(../img_site/semente.jpg);*/
}
/* Início do Site*/
#topo {
	height: 70px;
	background-color:#FFFFFF;
	width: 100%;
	color: #fff;
}
#menu {
	position:absolute;
	left:460px;
	top:0px;
	width:700px;
	height:70px;
	z-index:2;
	/*background:#00CC00;*/
}
#caixa {
	width: 808px;
	height: 442px;
	margin: 0 auto;
	margin-top: 15px;
	position: relative;
	}
#caixa2 {
	width: 100%;
	height: 520px;
	margin: 0 auto;
	margin-top: 0px;
	position: relative;
	}
#logo {
	position:absolute;
	left:140px;
	top:10px;
	width:300px;
	height:54px;
	z-index:1;
	color:#FFFFFF;
}

#logo_desenho {
	position:absolute;
	left:0px;
	width:90px;
	height:84px;
	z-index:4;
	bottom:0px;
}
	
#rodape{
	position:absolute;
	left:0px;
	bottom:0px;
	background-image:url(../img_site/fundo_rodape.jpg);
	width: 100%;
	height: 50px;
	color: #000;
	text-align: right;
	
}

#logo_rod{
	position:absolute;
	left:1px;
	bottom:-2px;
	width:231px;
	height:219px;
	z-index:2;
	text-align:left;
}

#projeto_rapid{
	position:absolute;
	left:580px;
	top:21px;
	width:203px;
	height:396px;
	bottom: auto;
	background: #666666;
}
/*************************************/
#empresa {
	position:absolute;
	left:20px;
	top:20px;
	width:450px;
	height:380px;
	z-index:3;
	background-color:#000000;
}
#empresa1 {
	position:absolute;
	left:20px;
	top:20px;
	width:800px;
	height:380px;
	z-index:3;
	background-color:#fff;
}
#contato {
	position:absolute;
	left:35%;
	top:20px;
	width:260px;
	height:380px;
	z-index:3;
	background-color:#fff;
}
#port_index {
	position:absolute;
	left:437px;
	top:13px;
	width:400px;
	height:395px;
	z-index:3;
	background-color:#fff;
}
#text_index {
	position:absolute;
	left:21px;
	top:20px;
	width:400px;
	height:380px;
	z-index:3;
	background-color:#fff;
}
#logo_index {
	position:absolute;
	left:50px;
	top:10px;
	width:300px;
	height:150px;
	z-index:3;
	background-color:#fff;
}

#comple_index {
	position:absolute;
	left:3px;
	top:160px;
	width:400px;
	height:200px;
	z-index:3;
	background-color:#fff;
}
/********************************/
	html {
		overflow: hidden;
	}
	#diapo {
		position: absolute;
		left: 0%;
		top: 10%;
		width: 100%;
		height: 80%;
		background:none;
		overflow: hidden;
	}
	#slider {
		position: absolute;
		width: 100%;
		height: 80%;
	}
	#slider img {
		border: none;
		position:absolute;
		visibility: hidden;
		filter: alpha(opacity=40);
		opacity: 0.4;
	}
	#button {
		position: absolute;
		overflow: hidden;
	}
	#legend {
		position: absolute;
		font-family: arial, helvetica, verdana, sans-serif;
		background: #fff;
	}
	#button span {
		position:absolute;
		height: 100%;
	}
	#button span:hover {
		background:#FFF;
	}
	.loaded {
		background: #838383;
		cursor: pointer;
	}
	.selected {
		background: #FFF;
	}
	#title {
		float: left;
		margin-left: 0.5em;
		color: #4e4e4e;
	}
	#txt {
		float: left;
		margin-left: 1em;
		color: #838383;
	}
	#credit {
		position: absolute;
		color: #888;
		font-family: arial;
		font-size: 0.6em;
		width:99%;
		text-align: right;
		bottom: 2px;
	}
	a {text-decoration: none;color:#fff;}
	a:hover	{text-decoration: none;background:#ff8000;color:#fff;}
	a:visited {text-decoration: none;color:#fff;}
	a:visited:hover {text-decoration: none;background:#ff8000;color:#fff;}