/* CSS - Layout Padrão - Associadas */

body { 
margin: 0px;
padding: 0px;
text-align: center;
font-size: 10pt;
}

div#site {
margin: 0px auto;
width: 770px;
font-family: Verdana, Arial;
background-color: #FFFFFF;
color: #000000;
text-align: left;
}

div#topo { height: 70px;}

	div#logo { float: left;}

div#menu { width: 100%; height: 19px; }

div#conteudo{ padding: 4px; min-height: 250px; }

	div#destaque{ width: 390px; float: left; padding: 2px; }
	
	div#destaques{ width: 390px; float: left; font-size: 8pt; padding: 2px; margin-top: 4px; }
	
		div#destaquesesquerda { padding: 2px; float: left; width: 200px;}
		div#destaquesdireita { padding: 2px; float: right; width: 180px;}
		div#destaques img { margin-right: 2px;}
		
	div#flash{ width: 360px; float: right; }
	
	div#links{ width: 760px; text-align: center; font-size: 8pt; margin: 3px 0; clear: both; }

div#rodape{
width: 770px;
text-align: right;
font-size: 8pt;
}

img { border: none;}

hr { height: 4px; margin: 0px; }

h1, h2 { font-size: 13pt; font-weight: bold; display: inline; }
h3 {font-size: 11pt; font-weight: bold; display: inline;}

.imagem { float:left; 
	padding: 4px;
	margin: 4px; 	
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;}

#nav li a{ padding: 2px 5px 4px 3px;}
#nav, #nav ul {
 float: left;
 width: 770px;
 list-style: none;
 line-height: 1;
 padding: 0;
 margin: 0;
 text-align: center;
}

#nav a {
 display: block;
 text-decoration: none;
 color: #000000;
}

#nav li {
 float: left;
 padding: 0;
 margin: 0 5px;
 font-family: Verdana, Arial;
 font-size: 8pt;
 font-weight: bold;
}

#nav li ul {
 position: absolute;
 left: -999px;
 height: auto;
 width: 140px;
 font-weight: normal;
 margin: 0;
 z-index:9;
}

#nav li li {
 padding-right: 1em;
 width: 150px;
 padding-right:/**/ 1em;
}

#nav li ul a {
    padding: 4px 5px;
 	width: 145px;
 }

#nav li ul ul {  	margin-top: -18px;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 159px; 
	*margin-left: 84px;
	_margin-left: 89px;
	padding: 0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
 left: -999px;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
 left: auto;}
 
   /*Remover espaço no primeiro nivel de submenu (IE8, IE7, FF, Chrome)*/
#nav li li:hover ul{margin-left:155px; }
* #nav li li.sfhover ul{margin-left:155px; }
_#nav li li.sfhover ul{margin-left:50px; }

.center {text-align: center;}
.direita {text-align: right;}
.icone {vertical-align: middle;}

.notavermelha {color: #FF0000;}
.fundo_nota {background-color: #E8EEF4}
.fundo_nota1 {background-color: #EFEFEF;}
.fundo_nota2 {background-color: #FFFFFF}

ol li { margin-left: 25px;}

#form fieldset{
  clear: none;
  display: block;
  width: 500px;
  border: 0px;
}

#form #btnEnviar{
  margin: 10px 0px 0px 200px;
 }

#form label{
	display: block;
	float: left;
	width: 100px;
}

#form textarea{
	float: left;
	width: 310px;
	display: block;
	margin: 3px 3px !important;
	margin: 4px 6px;
	overflow: auto;
	display: block;
}
#form input{
	margin: 3px;
}
#form label{
	margin: 3px 0px;
	font-weight: bold;
}

div#atalhos { text-align: right; width: 760px; clear: both;}

/* Formatação - Site: IEPO.edu.br */

body {background-color: #F5F5F5;}

	div#logo { width: 770px; height: 70px; background-image: url("http://www.iepo.edu.br/img/logo.gif"); }
	
div#menu, div#rodape {background-color: #FFAF02;}

h1, h2 { color: #EA2A29; }
h3 { color: #FFAF02; background: url(http://www.iepo.edu.br/img/icon.gif) center left no-repeat; padding-left: 12px;} 
hr { background-color: #EA2A29; color: #EA2A29; border: 0;}

#nav a.pai { background: url(http://200.196.224.207/img/layout/seta_menu.gif) center right no-repeat; }

a:link, a:active { color: #000000; text-decoration: underline; }
a:visited {color: #000000; }
a:hover {color: #EA2A29; }

#nav ul li{ background-color: #FFAF02; }
#nav ul li:hover, #nav  ul li.sfhover{ background-color: #FFCC00;}

div#destaques, .imagem {  background-color: #F5F5F5; }

div#vestibular {width: 200px; height: 310px; background-color: #FFF7E6; margin: 3px 3px 3px 0; padding: 3px; float: left;}

input, select, textarea { border: 2px solid #EA2A29; background-color: transparent; font-size: 10pt;}

/*Modulo - Galeria*/
div.galeria { float: left; margin: 5px; border: none; font-size: 8pt; width: 170px; height: 135px; text-align: center; 	border-right: 2px solid #CCCCCC; border-bottom: 2px solid #CCCCCC; background: #FFFFFF;}
div.galeria img { margin: 3px;}

h4{ color:#FFAF02;
	text-decoration:underline;
	}
.fundobege{
	background-color:#FFE2BC;
	display:block;
	}	
table{
	font-size:10pt;
	}
/*-------------23/07/2007---------------*/

	.tabela tr td, table tr th {border: 1px solid #CCCCCC;}
	.tabela th{background-color:#f5f5f5;}	
	
/* Mapa */
#map {height: 300px; margin-top: 10px; float:left; width:100%;}