/*_______________________________________________________________________________________________________

Verso: 25/01/08 as 16:15
 
        DEFINIES GERAIS: BG DA PAGINA, CENTRALIZACAO DA PAGINA <--
_______________________________________________________________________________________________________*/

	body{
	margin:0;
	padding:10px 0 10px 0;
	text-align:center; /* hack para o IE centralizar a pagina */
	background-image:url(../img/bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
	}
/*_______________________________________________________________________________________________________
 
                                     CRIACAO DAS DIVS E SUAS CONFIGS, 
                                   DIV GERAL -- TODAS AS DIVS DENTRO DELA
                               DIV MIOLO -- DIVS LATERAIS E CENTRO DENTRO DELA <--
_______________________________________________________________________________________________________*/
	
	#global{
	margin:0 auto;
	text-align:left; /* hack para IE centralizar a pagina */
	width:770px;
	background:#f0f0f0;
	}

	#topo{
	float:right;
	width:770px;
	height:140px;
	background: #f0f0f0;
	background:url(../img/logo_fatec_sjc.jpg);
	}

	/* mainNav
==============================================================================================*/
	
	#menu ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 770px;
	height:auto;
	background: #000 url(../img/bgmenu.gif) repeat-x;
	list-style: none;
	}
	
	#menu ul li {
	float: left;
	display: inline:; /* :KLUDGE: Removes large gaps in IE/Win */
	}
	
	
	#menu ul li a {
	padding: 0px 6px 0px 6px ;
	line-height: 42px;
	text-decoration: none;
	color: #fff;
	float: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:80%;
	}

	#menu ul a:hover {
	  color: #fff;
	  background: transparent url(../img/bgmenuover.gif) no-repeat top center;		
      line-height: 42px;
	}
	
	.first{
	  background: transparent url(../img/bgmenuover.gif) no-repeat top center;
	}
	
	/*========================================================================================*/
	
	#boxnews{
	float:left;
	width:768px;
	height:160px;
	background:#f0f0f0;
	border-top:none;
	border:1px solid #ccc;
	}
	
	#boxnews a{
	text-decoration:none;
	background:none;
	}
	
	#conteudo{
	float:left;
	width:768px;
	background: #f0f0f0 url(../img/bgcont.jpg);
	border-top:none;
	border:1px solid #ccc; /*tirei borda right e deixei so borda*/
	
	}

	#conteudo02{ /* --- DIREITA */
	float:left;
	width:562px;
	height:auto;
	margin:2px;
	background:#fff;
	position:relative;
	font: 82% Arial, Helvetica, Georgia, Trebuchet MS, sans-serif;
	color:#000;
	text-align:justify;
	}
	
	#conteudo02 li{/* order  top - right - bottom and left */
	list-style:url(../img/setali.jpg);
	margin:0px;
	padding:0px;
	}

	#footer{
	clear:both;
	width:770px;
	height:80px;
	background:  #ccc url(../img/footer.jpg);
	text-align:center;
	font:80% Arial, Helvetica, sans-serif;
	}
/*______________________________________________________________________________________________________
 
                                      FIM DA MONTAGEM DAS DIVS <--
_______________________________________________________________________________________________________*/

/*______________________________________________________________________________________________________
 
                                      INICIO MENU LATERAL COL ESQUERDA <--
_______________________________________________________________________________________________________*/

	#menulat{
	float:left;
	width:200px;
	height:auto;	
	padding: 0;
	margin: 0;
	font: 72% Verdana, Arial, Helvetica, Georgia, Trebuchet MS, sans-serif;
	padding-top:0px; /*aqui ta sem border right 1px*/
	}
	
	#menulat h2{
	color:#fff;	
	padding: 5px 0px 5px 0px; /* order  top - right - bottom and left */
	font: 120% 'Frutiger Linotype', 'Lucida Grande', 'Trebuchet MS', sans-serif;
	text-align:center;
	background: #c00 url(../img/h1menu.jpg);
	margin-bottom:0px;
	}
	
	#menulat ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
	#menulat li{
	height:auto;
	border-bottom:1px solid #ccc;
	margin:0px;
	}
	
	#menulat li a:link{
	display: block;
	text-decoration:none;
	color: #c00;
	background: #fff url(../img/seta_vermelha.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 4px 3px 4px 14px; /* order  top - right - bottom and left */
	}
	
	#menulat li a:visited{
	display: block;
	text-decoration:none;
	color: #c00;
	background: #fff url(../img/seta_vermelha.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 4px 3px 4px 14px; /* order  top - right - bottom and left */
	}
	
	#menulat li a:hover {
	color: #c00;
	background: #f0f0f0 url(../img/seta_vermelha.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 4px 3px 4px 14px; /* order  top - right - bottom and left */
	}

/*_______________________________________________________________________________________________________
	
	               CONFIGURACOES DO SITE  PARAGRAFOS, TEXTOS, H1, IMG, ADDRESS <--
______________________________________________________________________________________________________ */
	#topo a{
	width:400px;
	height:120px;
	text-indent:-9000px;
	margin:0 auto;
	border:none;
	overflow:hidden;
	display:block;
	background:url(img/topo.2jpg) no-repeat;
	}
	
	p{
	margin: 0px;
	margin-top:-10px; /*para funcionar no FIRE FOX*/
	margin-top: -10px; /*Para Funcionar no IE*/
	padding:10px;
	}
	
	li{
	list-style:none;}

	img{ border: 0px none;
	}
	
	.imgleft{
	float:left;
	padding:4px 2px 4px 2px;
	}
	
	.imgright{
	float:right;
	padding:4px 2px 4px 2px;
	}
	
	h2{
	color: #000;
	font: 1.4em 'Frutiger Linotype', 'Lucida Grande', 'Trebuchet MS', sans-serif;	
	font-weight:normal;
	text-align:left;
	background:#f0f0f0;
	border-bottom:#ccc 1px solid;;
	margin-top: -0px; /*Para Funcionar no IE*/
	margin-bottom: 14px; /*para funcionar no FIRE FOX*/
	padding-left:20px;
	padding-top:10px;
	}
	
	blockquote{
	padding:6px;
	border:2px solid #505050;
	}
		
	.autor{ /* PRA DAR UM ESPAO ENTRE O TEXTO E A BORDA DA DIV, PRO TEXTO NAO FICAR COLADO */
	margin-right:6px;
	margin-top:6px;
	}
	
	.noticias{ /* PRA DAR UM ESPAO ENTRE O TEXTO E A BORDA DA DIV, PRO TEXTO NAO FICAR COLADO */
	margin-right:6px;
	margin-top:-10px;
	}


	address, address p{
	width:770px;
	height:70px;
	float:left;
	clear:both;
	background: #00FF99;
	font:85% Verdana, Arial, Helvetica, Georgia, Trebuchet MS, sans-serif;
	font-style:normal; /* PRO TEXTO NAO FICAR ITALICO */
	text-align:center;
	color:#fff;
	}
	

/*_______________________________________________________________________________________________________

 INICIO DAS CONFIGS DOS LINKS - ESTADOS DOS LINKS -- A - A:LINK - A:VISITED - A:HOVER - A:ACTIVE <--
_______________________________________________________________________________________________________*/

	a:link, a:visited, a:active {
	text-decoration: none;
	color:#c00;
	}
	a:hover {
	text-decoration: underline; 
	background:#f0f0f0; 
	color: #F00;
	}
/*______________________________________________________________________________________________________

    FIM DAS CONFIGS DOS LINKS - ESTADOS DOS LINKS -- A - A:LINK - A:VISITED - A:HOVER - A:ACTIVE <--
_______________________________________________________________________________________________________*/


/*______________________________________________________________________________________________________

    CONFIGURAO DOS LINKS EXTERNOS -INDICAO <--
_______________________________________________________________________________________________________*/	

	a[href^="http:"] {
	background:url(../img/externallink.gif) no-repeat right top;
	padding-right: 10px;
	}
	
	a[href^="http://www.fatecsjc.edu.br"], 
	a[href^="http://fatescjc.edu.br"], 
	{
	background-image: none;
	padding-right: 0;
	}


	a[href^="mailto:"] {
	background: url(../img/email.png) no-repeat right top;
	padding-right: 15px;
	}
	
	a[href^="aim:"] {
	background: url(../img/im.png) no-repeat right top;
	padding-right: 15px;
	}
	
/*______________________________________________________________________________________________________

    FIM DA CONFIGURAO DOS LINKS EXTERNOS -INDICAO <--
_______________________________________________________________________________________________________*/

/* Tabelas --------- */
/*
.tabela { font:12px Arial, Helvetica, sans-serif; width:500px; margin:0 0 10px 0;}	
.tabela th { background:#f0f0f0; color:#000; padding:2; text-align:left;width:400px; height:20px;  font-weight:normal; }
.tabela td { background:#f0f0f0; color:#000; padding:2; text-align:left; width:100px;  height:20px;}
.tabela tr:hover th, .tabela tr:hover td { background:#E8E8E8; }
.tabela a { color:#FFF !important; }
.tabela a:hover { color:#FC0; }



.tabela2 { font:12px Arial, Helvetica, sans-serif; width:550px; margin:0 0 10px 0;}	
.tabela2 th { background:#f0f0f0; color:#000; padding:2; text-align:left;width:200px; height:20px; font-weight:normal; }
.tabela2 td { background:#f0f0f0; color:#000; padding:2; text-align:left; width:350px;  height:20px;}
.tabela2 tr:hover th, .tabela2 tr:hover td { background:#E8E8E8; }
.tabela2 a { color: #900 !important; }
.tabela2 a:hover { color:#FC0; }


.boldtabela{
font-weight:bold;}*/