@charset "utf-8";
/* CSS Document */
BODY{
	margin:0;
	border:0;
	font-family:Tahoma, Verdana, Arial, sans-serif;
}

A{
	text-decoration:none;
	color:#666;
}

IMG{
	border:0;
}

/* Estrutura do Layout */
#principal{margin-left:auto; margin-right:auto; width:810px; height:auto;}
	#topo{
		background:#000;
		height:143px;
		width:803px;
		float:left;
		background:url(../imgs/bgs/fundoTopo.jpg) no-repeat;
	}
    
    #flashHome{
		height:260px;
		width:800px;
		background:#CCC;
		float:left;
		margin-top:2px;
	}
    
    #insti{
		height:181px;
		width:800px;
		float:left;
		margin-top:2px;
		background:url(../imgs/bgs/fundoInstExtensivel.jpg) repeat-x;
		color:#FFF;
	}
    
    #colUm{
		height:auto;
		width:238px;
		float:left;
		margin:15px;
		margin-left:0px;
	}
    
    #colDois{
		height:auto;
		width:238px;
		float:left;
		margin:15px;
		margin-left:25px;
		margin-right:5px;
	}
    
    #colTres{
		height:auto;
		width:242px;
		float:left;
		margin:15px;
		margin-right:0px;
		margin-left:35px;
	}
	
	#colTresPeq{
		height:auto;
		width:250px;
		float:left;
		margin-left:30px;
		margin-top:-8px;
	}
	
#rodape{
	padding-top:10px;
	height:30px;
	width:800px;
	float:left;
}

/* Classes Estilos dos Elementos*/
#topo A{
	margin-top:8px;
	margin-right:3px;
	text-align:right;
	float:right;
	font-size:10px;
	color:#F00;
	text-decoration:none;
}
#topo IMG{
	margin-right:5px;
	margin-top:2px;
}

#topo1 H1{
	margin:0px;
	padding-top:3px;
	padding-left:5px;
	font-size:14px;
	font-weight:bolder;
}

.destaqueT2{
	float:left;
	margin:10px;
	width:22.5%;
}
.destaqueT2 H2{
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:10px;
	color:#F00;
}
.destaqueT2 IMG{
	border:#000 2px solid;
}
.destaqueT2 P{
	margin-top:5px;
	padding-right:21px;
	border-right:#CCC 1px solid;
	font-size:9px;
	color:#CCC;
	line-height:12px;
	text-align:left;
}
.destaqueT2 A{
	margin-top:-20px;
	font-size:10px;
	color:#F00;
	text-decoration:none;
}

.destaqueT1{
	float:left;
	width:260;
	height:auto;
}
.destaqueT1 H1{
	margin:0px;
	padding-top:0;
	padding-bottom:3px;
	padding-left:2px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	border-bottom:#F00 solid 3px;
	width:238px;
}
.destaqueT1 P{
	margin-top:2px;
	padding:3px;
	font-size:11px;
	color:#666;
	line-height:12px;
	text-align:left;
}
.destaqueT1 A.link{
	margin-top:-20px;
	font-size:10px;
	color:#F00;
	text-decoration:none;
}
.destaqueT1 A.hover{
	margin-top:-20px;
	font-size:10px;
	color:#F66;
	text-decoration:none;
}

#colTres H1{
	margin:0px;
	padding-top:0;
	padding-bottom:3px;
	padding-left:2px;
	font-size:14px;
	font-weight:bold;
	border-bottom:#F00 solid 3px;
	width:240px;
}
#rodape P{
	color:#666;
	text-align:center;
	font-size:11px;
}

/* CSS DROP DOWN MENU */
#menuh-container
	{
	position: relative;		
	top: 100px;
	left: 5px;
	*left: -5px;
	}

#menuh
	{
	font-size: 10px;
	width:800px;
	float:left;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border-top: 1px solid #666;
	white-space:nowrap;
	margin:0;
	padding: 5px;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	width:100%;
	background-color: #000;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	width:100%;
	background-color: #333;
	text-decoration:none;
	}	
	
#menuh ul
	{
	width:100px;/* width of all menu boxes */
	list-style:none;
	margin:0;
	padding:0;
	float:left;
		
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:relative;
	width:180px;;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

/* CSS DROP */
#drop
{
position:absolute;
z-index:1000;
margin-left:143px;
font-size: 10px;
}
		
#drop a
{
/*transparencia*/
opacity:0.85;
-moz-opacity: 0.85;
filter: alpha(opacity=85);

text-align: left;
display:block;
border-top: 1px solid #666;
white-space:nowrap;
margin:0;
padding:4px;
padding-left: 15px;
}
	
#drop a:link, #drop a:visited, #drop a:active
{
color: white;
width:80%;
background-color: #000;
text-decoration:none;
}
	
#drop a:hover
{
color: white;
border-left:#F00 solid 3px;
width:80%;
background-color: #333;
text-decoration:none;
}	
	
#drop ul
{
width:100px;
list-style:none;
margin:0;
padding:0;
}

#drop li
{
position:relative;
min-height: 1px;
vertical-align: bottom;
}

#drop ul ul
{
position:relative;
width:180px;;
top:3px;
right:64%;
display:none;
padding: 1em;
margin:-1em 0 0 -1em;
}

#drop ul ul ul
{
top:0;
}

div#drop li:hover
{
cursor:pointer;
}

div#drop li:hover ul ul,
div#drop li li:hover ul ul,
div#drop li li li:hover ul ul,
div#drop li li li li:hover ul ul
{display:none;}

div#drop li:hover ul,
div#drop li li:hover ul,
div#drop li li li:hover ul,
div#drop li li li li:hover ul
{display:block;}
/* Fim do CSS do drop */

/* CSS DROPTEXTO */
#dropTexto
{
	position:absolute;
	z-index:1050;
	font-size: 10px;
	width: 165px;
}
		
#dropTexto a
{
/*transparencia*/
opacity:0.85;-moz-opacity: 85;filter: alpha(opacity=0.85);

font-size:9px;
color:#FFF;
line-height:12px;
text-align:left;

display:block;
margin:0;
background-color: #000;
padding:10px;
}
	
#dropTexto a:link, #drop a:visited, #drop a:active
{
color: white;
background-color: #000;
text-decoration:none;
}
	
#dropTexto a:hover
{
color: white;
border-left:#F00 solid 3px;
background-color: #333;
text-decoration:none;
}	
	
#dropTexto ul
{
width:175px;
list-style:none;
margin:0;
padding:0;
}

#dropTexto li
{
position:relative;
min-height: 1px;
vertical-align: bottom;
}

#dropTexto ul ul
{
position:relative;
width:175px;;
top:10px;
display:none;
padding: 1em;
margin:-1em 0 0 -1em;
}

#dropTexto ul ul ul
{
top:0;
}

div#dropTexto li:hover
{
cursor:pointer;
}

div#dropTexto li:hover ul ul,
div#dropTexto li li:hover ul ul,
div#dropTexto li li li:hover ul ul,
div#dropTexto li li li li:hover ul ul
{display:none;}

div#dropTexto li:hover ul,
div#dropTexto li li:hover ul,
div#dropTexto li li li:hover ul,
div#dropTexto li li li li:hover ul
{display:block;}
/* Fim do CSS do dropTexto */