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

body { 
margin: 0px;
padding: 0px;
text-align: center;
/*background: url(../img/fundo.jpg) #ededed repeat-x left top; */
background-color:#ededed;
font-size: 10pt;
}

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

div#topo {height: 80px;}

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;
padding: 5px 0;
color:#000000;
}

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: ICGES.edu.br */

div#logo { width: 770px; height: 80px; background-image: url(/img/logo.jpg); float:left;}

#logo a, #logo a:visited{width:200px; height:80px; display:block; text-decoration:none; font-size:1px; color:#FFFFFF;}

#logo2{ float:right; width:400px; height:70px; display:block; overflow:hidden;}

div#menu, div#rodape {background-color: #C9C9C9; }

h1, h2 {color: #4444BF; }
h3 { color: #336600; background: url(http://www.fape-pe.edu.br/img/icon.gif) center left no-repeat; padding-left: 12px;} 
hr { background-color: #4444BF; color: #4444BF; border: 0; clear: both;}

#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: #494980; }
div#vestibular a:hover{ color: #004274;}

#nav ul li{ background-color: #C9C9C9;}
#nav ul li:hover, #nav  ul li.sfhover{ background-color: #F5F5F5;}

div#destaques {  background-color: #F5F5F5; }

.imagem { background: #f4f4f4;}

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

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


h4{ color:#333366;
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;}
.tabela {width:100%}

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

.clear{clear:both;}

  /* Mapa */
#map {height: 300px; margin-top: 10px;}