@charset "iso-8859-1";

/*
Nome: Phoenix Idiomas
Endereco: http://www.phoenixidiomas.com.br/
Versao: 1.0
Autor: Giovani de Oliveira - Agencia P4 - giovani@agenciap4.com.br
*/

*{margin:0;padding:0;list-style:none;}
html{background: url(imagens/fundo+html.jpg) repeat;}
body{background: url(imagens/fundo+body1.jpg) repeat-x;}

#geral{
	margin: 0 auto;
	position: relative;
	width:954px;
	height: 600px;
}

#caneta{
	height:322px;
	position: absolute;
	right: 90px;
	width:191px;
	top: 130px;
}

#lapis{
	height:147px;
	position: absolute;
	right: 90px;
	width:383px;
	top: -150px;
}

/*#geral #contato a{
	background: url(imagens/botao+contato.png) no-repeat left top;
	display: block;
	height: 93px;
	position:absolute;
	right:0;
	top: 170px;
	width:70px;
	text-indent:-9999px;
}
#geral #contato a:hover{background: url(imagens/botao+contato+hover.png) no-repeat left top;}*/

h1{
	background: url(imagens/h1+topo.png) no-repeat;
	display: block;
	height: 193px;
	position: absolute;
	top:0;
	left: -30px;
	text-indent: -9999px;
	width: 265px;
}

#topo{
	background: url(imagens/fundo+topo.jpg) no-repeat 20px 0;
	height: 170px;
	width: 895px;
}

#topo ul{
	height: 50px;
	float: right;
	margin:70px 20px 0 0;
}
#topo ul li{
	display: block;
	float: left;
	height: 45px;
	margin: 0 6px 0 0;
}
#topo ul li a{
	height: 45px;
	display: block;
	text-indent: -9999px;
}
#topo ul li a.um { background: url(imagens/menu/home.gif) no-repeat left top; width:50px; }
#topo ul li a.um:hover { background: url(imagens/menu/home+hover.gif) no-repeat left top; }

#topo ul li a.dois { background: url(imagens/menu/institucional.gif) no-repeat left top; width:125px; }
#topo ul li a.dois:hover,
#bodyDois #topo ul li a.dois { background: url(imagens/menu/institucional+hover.gif) no-repeat left top; }

#topo ul li a.tres { background: url(imagens/menu/professores.gif) no-repeat left top; width:115px; }
#topo ul li a.tres:hover,
#bodyTres #topo ul li a.tres{ background: url(imagens/menu/professores+hover.gif) no-repeat left top; }

#topo ul li a.quatro { background: url(imagens/menu/resultados.gif) no-repeat left top; width:107px; }
#topo ul li a.quatro:hover,
#bodyQuatro #topo ul li a.quatro{ background: url(imagens/menu/resultados+hover.gif) no-repeat left top; }

#topo ul li a.cinco { background: url(imagens/menu/cursos.gif) no-repeat left top; width:75px; }
#topo ul li a.cinco:hover,
#bodyCinco #topo ul li a.cinco{ background: url(imagens/menu/cursos+hover.gif) no-repeat left top; }

#topo ul li a.seis { background: url(imagens/menu/fotos.gif) no-repeat left top; width:63px; }
#topo ul li a.seis:hover,
#bodySeis #topo ul li a.seis{ background: url(imagens/menu/fotos+hover.gif) no-repeat left top; }

#topo ul li a.sete { background: url(imagens/menu/links.gif) no-repeat left top; width:46px; }
#topo ul li a.sete:hover,
#bodySete #topo ul li a.sete{ background: url(imagens/menu/links+hover.gif) no-repeat left top; }

#topo ul li a.oito{
	background: url(imagens/botao+contato.png) no-repeat left top;
	display: block;
	height: 93px;
	position:absolute;
	right:0;
	top: 170px;
	width:70px;
	text-indent:-9999px;
}
#topo ul li a.oito:hover,
#bodyOito #topo ul li a.oito{background: url(imagens/botao+contato+hover.png) no-repeat left top;}

#conteudo{
	background: url(imagens/fundo+conteudo.png) repeat-y 1px 0;
	padding-left: 70px;
	width: 825px;
}

#folha{
	/*background: url(imagens/folha.gif) no-repeat;*/
	background-color:#fff;
	border: 1px solid #ddd;
	min-height:643px;
  	height:auto !important;
  	height:643px;
	padding:10px 10px 70px;
	width:524px;
}
#folha p{
	color: #000;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin: 20px 10px;
}
#folha h2{
	padding: 69px 0 0 0; /* padding-top=altura imagem */
    overflow: hidden;
    background: url(imagens/h2+links.gif) no-repeat;
    height: 0 !important;
    height /**/:69px; /* height=altura imagem - hack IE5's */
	margin: 10px;
}
#folha h2.resultados{background: url(imagens/h2+resultados.gif) no-repeat;}
#folha h2.quem{background: url(imagens/h2+quem.gif) no-repeat;}
#folha h2.contato{background: url(imagens/h2+contato.gif) no-repeat;}
#folha h2.professores{background: url(imagens/h2+professores.gif) no-repeat;}
#folha h2.cursos{background: url(imagens/h2+cursos.gif) no-repeat;}
#folha h2.fotos{background: url(imagens/h2+fotos.gif) no-repeat;}

#folha h4{
	border-bottom: 1px solid #ddd;
	color:#000;
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	margin: 10px;
	padding-bottom:5px;
}
#folha h5{
	color:#CC6600;
	font: bold 15px Georgia, "Times New Roman", Times, serif;
	margin: 10px 20px;
	padding-bottom:5px;
}
#folha h5 span{
	display: block;
	color: #000;
	font:normal 12px Arial, Helvetica, sans-serif;
}
#folha #paginacao strong{
	background-color:#fff;
	border: 1px solid #ddd;
	color: #ccc;
	font-size:10px;
	padding: 5px 10px;
	float: left !important;
	margin: 0 2px;
}
#folha #paginacao a{
	background-color:#f1f1f1;
	border: 1px solid #f60;
	color: #f60;
	font-size:10px;
	padding: 5px 10px;
	float: left !important;
	margin: 0 2px;
	text-decoration:none;
}
#folha #paginacao a:hover{
	background-color:#fff;
	border: 1px solid #ddd;
	color: #f60;
	font-size:10px;
	padding: 5px 10px;
	float: left !important;
	margin: 0 2px;
	text-decoration:none;
}


#banner{
	background: url(imagens/banner.jpg) no-repeat center top;
	height: 160px;
	margin-bottom: 30px;
	padding-top:90px;
	width:600px;
	text-align:center;
}
#banner p{
	color:#000;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 25px 0 20px;
}
#banner img{float: right;}

#fotos{
	background: url(imagens/fotos.jpg) no-repeat left top;
	float: left;
	height:201px;
	margin-right:20px;
	padding: 10px;
	width:439px;
}
#fotos a{float:right;}
#fotos ul{
	margin:8px 0;
}
#fotos ul li{
	background: url(imagens/fundo+li.png) no-repeat;
	float: left;
	height: 95px;
	margin: 5px 9px 5px 0;
	position:relative;
	width:100px;
}
#fotos ul li .lupa{
	bottom:0;
	position:absolute;
	right:0;
}
#fotos ul li a img{
	border: 1px solid #fff;
	margin: 4px;
}

#news{
	background: url(imagens/fundo+news.jpg) no-repeat left top;
	float: left;
	height:157px;
	padding: 10px;
	width:244px;
}

#newsInterna{
	background: url(imagens/fundo+news.jpg) no-repeat left top;
	height:157px;
	padding: 10px;
	position: absolute;
	right: 74px;
	width:244px;
	top: 410px;
}
#news form,
#newsInterna form{margin: 2px 0 0;}
#news form input,
#newsInterna form input{
	border: 1px solid #E77817;
	color: #888;
	height: 12px;
	font-size:10px;
	padding: 5px;
	margin: 0 0 3px 45px;
	width: 180px;
}
#news form input.botaoNews,
#newsInterna form input.botaoNews{
	border: none;
	height: 18px;
	margin-left: 175px;
	width:52px;
}
#fotos p,
#news p,
#newsInterna p{
	background: url(imagens/icone+fotos.gif) no-repeat left center;
	padding: 5px 0 0 50px;
	color:#000;
	font: normal 12px Arial, Helvetica, sans-serif;
}
#news p,
#newsInterna p{
	background: url(imagens/icone+news.gif) no-repeat left 6px;
	padding-left:45px;
}
#fotos h2,
#news h2,
#newsInterna h2{
	color:#000;
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	margin: 3px 0;
	text-transform:uppercase;
}

ul#professores{
	margin: 10px;
}

ul#professores li{
	float: left;
	margin: 10px 5px;
	width:150px;
	text-align:center;
}

ul#professores li h6{
	color:#000;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	margin: 5px 0;
}
ul#professores li a{
	background: url(imagens/fundo+li.png) no-repeat center top;
	display: block;
	margin: 0 auto;
	padding-right:2px;
	width:101px;
}
ul#professores li a img{border:1px solid #fff;margin:4px;}

ul#professores li p a{
	background: url(imagens/estrela.gif) no-repeat left center;
	color: #7f7f7f;
	height: 10px;
	font: normal 9px Arial, Helvetica, sans-serif;
	margin: -13px auto;
	padding: 0 0 0 10px;
	text-decoration:none;
	text-transform:uppercase;
}

ul#fotosInterna{
	margin: 0 20px 0;
}

ul#fotosInterna li h6{
	color:#000;
	font:bold 14px Georgia, "Times New Roman", Times, serif;
	margin: 5px 0;
}
ul#fotosInterna li{
	background: url(imagens/fundo+li+interna.jpg) no-repeat left 26px;
	float: left;
	height: 140px;
	margin: 10px 20px;
	position:relative;
	width:200px;
	text-align:center;
}
ul#fotosInterna li .lupaInterna{
	border:none;
	bottom:0;
	position:absolute;
	right:0;
}
ul#fotosInterna li a img{
	border: 1px solid #fff;
	margin: 4px;
}


#rodape{
	background: url(imagens/fundo+rodape.jpg) no-repeat 0 0;
	clear:both;
	height: 140px;
	padding: 65px 0 0 160px;
	position:relative;
}
#rodape address{
	color: #000;
	font: normal 12px Arial, Helvetica, sans-serif;
	float: left;
	padding-top: 10px;
	width:170px;
}
#rodape ul{
	float: left;
	margin-left:60px;
	width: 480px;
}
#rodape ul li{
	color: #000;
	float: left;
	font: normal 12px Arial, Helvetica, sans-serif;
}
#rodape ul li span{
	display: block;
	font: bold 18px Arial, Helvetica, sans-serif;
}
#rodape ul li.fone{
	background: url(imagens/rodape+fone.gif) no-repeat left top;
	height: 50px;
	margin-right:150px;
	padding:5px 0 0 30px;
	width:180px;
	text-align:center;
}
#rodape ul li a{
	color: #444;
	font-size:11px;
	text-decoration:none;
}

/* Classes adicionar */
a img{border: none;}
.imagemLeft{
	float: left;
	margin: 10px;
}




table {font: normal 12px Arial, Helvetica, sans-serif;padding: 0; margin: 10px; border-collapse: collapse; color: #333; background: #F3F5F7; width:507px;}
table a {color: #3A4856; text-decoration: none;}  
table thead th {background: #3A4856; padding: 15px 10px; color: #fff; text-align: left; font-weight: normal;}
table tbody, table thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}
table tbody {border-bottom: 1px solid #EAECEE;}
table tbody td, table tbody th {padding: 10px; border-right: 2px solid #fff; text-align: left;}
table tbody tr {background: #F3F5F7; border-bottom:2px solid #fff;}
table tfoot td, table tfoot th, table tfoot tr {text-align: left; font: 120%  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 10px;}


ul.tabNavigation {
	list-style: none;
	margin-left: 220px;
	padding: 0;
}

ul.tabNavigation li {
	float: left;
}
ul.tabNavigation li a{
	display:block;
	height:40px;
	text-indent:-9999px;
}
ul.tabNavigation li a.valores{
	background: url(imagens/aba+valores.jpg) no-repeat;
	width:100px;
}
ul.tabNavigation li a.metodologia{
	background: url(imagens/aba+metodologia.jpg) no-repeat;
	width:110px;
}
ul.tabNavigation li a.estrutura{
	background: url(imagens/aba+estrutura.jpg) no-repeat;
	width:105px;
}

#zero,
#primeiro,
#segundo,
#terceiro{
	background-color:#fff;
	border: 1px solid #ddd;
	clear: both;
	min-height:635px;
  	height:auto !important;
  	height:635px;
	padding:10px 10px 40px;
	width:524px;
}
#zero h2,
#primeiro h2,
#segundo h2,
#terceiro h2{
	padding: 69px 0 0 0; /* padding-top=altura imagem */
    overflow: hidden;
    background: url(imagens/h2+quem.gif) no-repeat;
    height: 0 !important;
    height /**/:69px; /* height=altura imagem - hack IE5's */
	margin: 10px;
}
#primeiro h2.valores{background: url(imagens/h2+valores.gif) no-repeat;}
#segundo h2.estrutura{background: url(imagens/h2+estrutura.gif) no-repeat;}
#terceiro h2.metodologia{background: url(imagens/h2+metodologia.gif) no-repeat;}

#zero p,
#primeiro p,
#segundo p,
#terceiro p{
	color: #000;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin: 20px 10px;
}
#folha form{float: right; width: 300px;}
#folha form p{
	color:#000;
	font: normal 11px Arial, Helvetica, sans-serif;
}
#folha form p img{
	margin: 5px 0 0;}
#folha form input,
#folha form textarea{
	background: url(imagens/fundo+input.jpg) repeat-x;
	border: 1px solid #E77817;
	color:#444;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 5px;
	width:270px;
}
#folha form textarea{background: transparent url(imagens/fundo+textarea.jpg) repeat-x left bottom;}
#folha form input.botaoEnviar{
	background: none;
	border: none;
	height: 18px;
	margin: 0 0 0 225px;
	width:52px;
}

#contato{
	float: left;
	padding: 10px 0;
}
#contato a{margin: 20px 20px 0;}
#contato address{
	background: url(imagens/logo+contato.jpg) no-repeat;
	height: 97px;
	margin: 10px 20px;
	padding:110px 10px 10px;
	width:159px;
	text-align:center;
}
#contato address p{font-size: 10px;}
#contato address p strong{
	display: block;
	font-size: 14px;
	margin: 10px 0 0;
}