@charset "utf-8";
/* CSS Document */

html, body {height:100%;}
body {
	margin:0; 
	padding:0;
	background-image:url(img/patternfundo.jpg);
	background-attachment:fixed;
	background-repeat:repeat;
	color:#666;
	font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}

#tudo { 
	width:760px;
	 position:relative;  /*Contexto de posicionamento */
	background:#fff repeat-y right;
	margin:0 auto;
	text-align:left;
	min-height:100%;
	border:double #999;
	border-width:0 1px;
	}
 * html #tudo {height: 100%;}
#topo {
	background:#fff url(deco.jpg) no-repeat;
	width:760px;
	height:100px;
	border-bottom:1px double #999;
	border-top:1px double #999;
	text-align:center;
	padding-top:1px;
	}
#principal {
	width:510px;
	padding-left:20px;
	float:left;
	padding-top:10px;
	text-align:justify;
	height:auto;
	font:9.4pt "calibri";
	color:#311;
	}
#auxiliar {
	width:200px;
	float:right;
	padding-top:10px;
	height:auto;
	
	}
#rodape {
	background:#fff;
	width:760px;
	height:25px;
	position: absolute;
	bottom: 0; 
	border:double #999;
	border-width: 1px 0;
	text-align:center;
	line-height:25px;
	font-size:8.5px;
	}
#arodape {
			text-decoration:none;
			text-align:left;
			color:#000;
}
#rodape p {
	margin:0;
	font-weight:bold;
	color:#060;
	
	}


h1, h2, h4, h3{ 	
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#060;
	}
h4 {font-size:16px;}
.clear {clear:both;}

html>/**/body #slogane {
		position:absolute;
		top:1.1%;
		left:23%;	
}
#slogane {
		position:absolute;
		top:1%;
		left:23%;
				
}

html>/**/body #microcamp {
			position:absolute;
			left:37%;
			top:1.1%;
}
#microcamp {
			position:absolute;
			left:37%;
			top:1%;
}

#slogand {
		position:absolute;
		top:1%;
		left:66%;
}
html>/**/body #slogand {
		position:absolute;
		top:1.1%;
		left:66%;
}


#menu{	
		position:absolute;
		margin-top:0%;
		margin-left:14%;
		display:table;
		list-style:none;
		width:100%;
		display:block;
		padding:1px;
		width:600px;
		
}

 
#menu li{
		position:relative;
		float:left;
		height:30px;
		width:115px;
		display:table;
		font:20px  Times, Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		line-height:35px;
		
		
}

#menu ul li{
			position:relative;
			top:3px;
			left:-3px;
			display:table;
			font-size:16px;
			height:20px;
			padding:0px;
			
					
}


#menu ul a{
			display:table;
			width:250px;
			height:10px;	
}

#menu li ul{
		display:none;
		position:absolute;	
		width:250px;
		height:39px;
							
}

#menu li a {
		color:#000;
		background:060;
		font:12px Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		font-weight:bold;
		padding:20px;
		line-height:35px;
		margin:-1px;
		position:relative;
		height:10px;
			
}

#menu ul li a {
		color:#fff;
		background:#060;
		font:12px Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		font-weight:bold;
		padding:5px;
		height:10px;
		width:100px;
		border-top:double #cfc;
		border-bottom:double #cfc;
		text-align:center;
		
		
}
#menu li ul a {
				text-align:left; }
#menu a:hover{
			color:#060;
			background-color:#fff;	
			height:10px;
}

#menu li ul a:hover{
			color:#060;
			background:#fff;
			font-style:oblique;
			height:10px;
			border-top:double #fff;
			border-bottom:double #fff;	
			text-align:left;						
}

#menu li:hover ul {
					display:table;
					width:120px;
					height:10px;
					margin-left:-37px;
					
					
}

/*Aqui Declarçoes para imgs na auxiliar*/

#img {
	margin-top:-4%;
	margin-left:-20%;
}

#imgface {
	margin-top:30%;
	margin-left:40%;
}

 #imgtwi {
	margin-top:-13.5%;
	margin-left:55%;
}

 #imgork {
	margin-top:-13.8%;
	margin-left:70%;
}

#img2 {
	margin-top:5%;
	margin-left:20%;
}

#img3 {
	margin-top:70%;
	margin-left:9%;
}

#img4 {
	margin-top:50%;
}

.imgl {border:none;
	text-decoration:none;}