﻿@charset "utf-8";
/* CSS Document */

body{
  	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  	margin:0; /*zera todas as margens e paddings de todos objetos*/
	padding: 0; /*zera todas as margens e paddings de todos objetos*/
	margin-left:auto;
	margin-right:auto;
	background-image:url(../imgs/fundo_topo.gif);
	background-repeat:repeat-x;
}
a img{
	border:none;
}
#topo{
	height:125px;
	width:852px;
	background-image:url(../imgs/fundo_topo2.gif);
	background-repeat:no-repeat;
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	margin-left:auto;
	margin-right:auto;
}
#twitter_home{
	height:24px;
	width:143px;
	background-image:url(../imgs/twitter.jpg);
	background-repeat:no-repeat;
	margin-left:380px;
	float:left;
	margin-top:76px;
}
#conteudo_geral{
	display:block;
	width:600px;
	min-height:auto;
	height:auto; 
	background-color:#FFFFFF;
	float:right;
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	margin-top:15px;
}
.texto{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
}
#container{
	width:852px;
	height:auto;
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	margin:auto;
	background-image:url(../imgs/fundo_conteiner.gif);
	background-repeat:repeat-y;
	display:table;
}
#visitebib{
	text-align:center;
	font-family:verdana;
	font-size:12px bold;
	font-weight:bold;	
	
}


#painel{
	width:852px;
	height:auto;
	margin:auto;
	padding:0;
}
#esquerda{
	width:185px;
	height:auto;
	background-color:#F5F5F5;
	float:left;
    margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	margin-left:20px;
	_margin-left:10px; /*hack IE6*/
	margin-top:15px;
}
#esquerda2{
	width:185px;
	height:auto;
	float:left;
    margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	margin-left:-200px;
	margin-top:630px;
	*margin-top:570px; /*hack IE7*/
	_margin-left:-200px; /*hack IE6*/
	_margin-top:630px;/*hack IE6*/
}
#separa{
	width:5px;
	height:950px;
	background-image:url(../imgs/separa.gif);
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	margin-left:10px;
	margin-top:15px;
	float:left;
	z-index:1;
}
#direita{
	width:600px;
	height:1250px;
	*height:1370px;
	background-color:#F5F5F5;
	float:right;
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	margin-left:10px;
	margin-right:20px;
	_margin-right:10px; /*hack IE6*/
	margin-top:15px;
}
#direita2{
	width:600px;
	height:auto;
	background-color:#F5F5F5;
	float:right;
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	margin-left:10px;
	margin-right:20px;
	_margin-right:10px; /*hack IE6*/
	margin-top:15px;
}
#base{
	background-image:url(../imgs/base.gif);
	background-repeat:no-repeat;
	width:852px;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	color:#000000;
	font-family:tahoma;
	font-size:11px;
	text-align:center;
	padding-top:20px;
}
#banner_flash{
	width:545px;
	height:210px;
	background-color:#FFFFFF;
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	margin-left:20px;
	margin-top:20px;
	z-index:0px;
}
/* Começo do código menu. */
#menu{
	background-image:url(../imgs/fundo_menu.gif);
	background-repeat:no-repeat;
	width:600px;
	height:40px;
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	margin-top:15px;
	_margin-top:-20px;
	*margin-top:-20px;
}
#menu ul {
			width: 560px;
			padding-top:10px;
			
		}

		#menu ul li { 
			display: inline;
			margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
			margin-left:2px;
			margin-right:2px;		
		}

		#menu ul li a {
			color:#FFFFFF;
			text-decoration: none;
			font-family:verdana;
			font-size:11px;
			border-bottom:3px solid #33A8BB;
			padding: 2px 8px;
			
		}

		#menu ul li a:hover {
			color: #CCCCCC;
			border-bottom:3px solid #DEDEDC;
		} 
	/* fim do código menu. */
	
/* Começo do código dos itens da esquerda. */
#institucional{
	width:155px;
	height:auto;
	margin-top:20px;
	margin-left:15px;
	background-color:#FFFFFF;
	z-index:0;
}
#ensino{
	width:155px;
	height:auto;
	margin-top:10px;
	margin-left:15px;
	background-color:#FFFFFF;
}
#comunidade_sc{
	width:155px;
	height:auto;
	margin-top:10px;
	margin-left:15px;
	background-color:#FFFFFF;
	margin-bottom:30px;}

/* fim do código itens da esquerda. */

/* Começo do código dos itens da esquerda 2. */
#calendario{
	width:185px;
	height:auto;;
	margin-top:50px;
    _margin-top:120px;
	*margin-top:150px;
	margin-left:0px;
	border-bottom:1px solid #F5F5F5; /* coloca uma borda cinza entre links */
}
#cedesp{
	width:155px;
	height:100px;
	margin-top:10px;
	margin-left:10px;
	border-bottom:1px solid #F5F5F5; /* coloca uma borda cinza entre links */
}
#rs{
	width:155px;
	height:110px;
	margin-top:10px;
	margin-left:15px;
	margin-bottom:20px;
	border-bottom:1px solid #F5F5F5; /* coloca uma borda cinza entre links */
}
#editais{
	width:155px;
	height:220px;
	margin-top:10px;
	margin-left:15px;
	margin-bottom:20px;
	border-bottom:1px solid #F5F5F5; /* coloca uma borda cinza entre links */
}

/* fim do código itens da esquerda 2. */

/* Começo do código do Menu esquerda */

.menus_esquerda ul{
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	width:110px;
	height:auto;
	margin-top:-10px;
}
.menus_esquerda li{
	margin-left:-20px;
	*margin-left:-30px;
	width:115px;
	height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	text-decoration:none;
	list-style-type:none;
	border-bottom:1px solid #F5F5F5; /* coloca uma borda cinza entre links */
}
.menus_esquerda a{
	text-decoration:none;
	color:#000000;
}
.menus_esquerda li a:hover{
	text-decoration:underline;
	color:#666666;
}

/* Fim do código do Menu esquerda */

/* Começo do código do Menu esquerda */

.menus_alunos ul{
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	width:200px;
	height:auto;
	margin-top:10px;
}
.menus_alunos li{
	margin-left:-20px;
	*margin-left:-30px;
	width:200px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-color:#FFFFFF;
	text-decoration:none;
	list-style-type:none;
	border-bottom:1px solid #F5F5F5; /* coloca uma borda cinza entre links */
}
.menus_alunos a{
	text-decoration:none;
	color:#000000;
}
.menus_alunos li a:hover{
	text-decoration:underline;
	color:#666666;
}

/* Fim do código do Menu esquerda */


/* Começo do código dos itens da direita. */
#posicionamento{
	width:265px;
	height:425px;
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	margin-left:20px;
	_margin-left:10px; /*hack IE6*/
	margin-top:10px;
	float:left;
}
#ultimas_news{
	width:270px;
	height:225px;
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	margin-top:10px;
	margin-right:25px;
	_margin-right:15px; /*hack IE6*/
	float:right;
	background-color:#FFFFFF;
}
#ultimas_newstext{
	width:260px;
	height:225px;
	margin:10px;
	margin-right:5px;
}
#proximos_eventos{
	width:270px;
	height:270px; /*original é 200px*/
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	margin-top:10px;
	margin-right:25px;
	_margin-right:15px; /*hack IE6*/
	float:right;
	background-color:#FFFFFF;
}
#proximos_eventostext{
	width:260px;
	height:auto;
	margin:10px;
	margin-right:10px;
}


#info{
	width:545px;
	height:auto;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	background-color:#FFFFFF;
}
#infotext{
	width:535px;
	margin:10px;
	padding-bottom:10px;

}
/* fim do código itens da direita. */

/* Começo da div selos */
#selos{
	width:800px;
	height:100px;
	margin-right:40px;
	margin-top:10px;
	*margin-top:-10px;
	float:right;
	
}
/* Itens da Div selos*/
#cedespnew{
	float:left;
	margin-left:10px;
	_margin-left:10px;
	margin-top:1px;
}


#sebes{
	float:left;
	margin-left:10px;
	_margin-left:10px;
	margin-top:5px;
	_margin-top:10px;
}
#revistaacademica{

	float:left;
	margin-left:10px;
	_margin-left:10px;
	margin-top:25px;
}
#rsnew{
	float:left;
	margin-left:5px;
	_margin-left:5px;
	margin-top:5px;
	_margin-top:10px;
}

#prouni{
	float:left;
	margin-left:5px;
	_margin-left:5px;
	margin-top:30px;
}
#fies{
	float:right;
	margin-left:0px;
	margin-top:30px;
}
/* Fim da div selos */

h1 {
	width:254px;
	height:15px;
	background-color:#8FD7DE;
	border-left:#189AB1 6px solid;
	vertical-align:middle;
	font-family:verdana;
	font-size:11px;
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	padding-top:5px;
	padding-left:10px;
}

h2 {
	width:139px;
	height:15px;
	background-color:#8FD7DE;
	border-left:#189AB1 6px solid;
	vertical-align:middle;
	font-family:verdana;
	font-size:11px;
	padding-top:5px;
	padding-left:10px;
}

h3 {
	width:529px;
	height:15px;
	background-color:#8FD7DE;
	border-left:#189AB1 6px solid;
	vertical-align:middle;
	font-family:verdana;
	font-size:11px;
	padding-top:5px;
	padding-left:10px;
}
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#189AB1;
	text-align:center;
	padding-top:5px;
}
h5 {
	width:auto;
	height:15px;
	padding-left:10px;
	background-color:#8FD7DE;
	border-left:#189AB1 6px solid;
	vertical-align:middle;
	font-family:verdana;
	font-size:11px;
	padding-top:5px;
	padding-left:10px;
}
h10 {
	width:139px;
	height:12px;
	background-color:#E8E8E8;
	border-left:#cccccc 6px solid;
	vertical-align:middle;
	font-family:verdana;
	font-size:9px;
	padding-top:5px;
	padding-left:10px;
	text-decoration:none;
}



/*Código do Form Admin*/	
form.admin {
	width:350px;
	height:50px;
	*margin-right:120px;
	_margin-right:-100px;
	margin-top:0px;
	float:right;
			}
	fieldset {
			border:none;
		}
	form.admin fieldset label {
			color:#333333;
			font:10px arial, tahoma, sans-serif;
			display:block;
			width:150px;
			float:left;
			text-align:left;
			padding-left:110px;
			_padding-right:110px;
		}
	form.admin fieldset label input {
			width:180px;
			height:12px;
			border:1px solid #189AB1;
			padding:5px;
			font:10px verdana, arial, tahoma, sans-serif;
		}
	form.admin fieldset input.botao {
			width:200px;
			height:20px;
			float:right;
			margin-top:10px;
			_margin-top:5px;
			margin-left:10px;
			_margin-left:130px;
			*margin-left:130px;
			margin-right:5px;
			border:1px solid #333333;
			background-color:#F0F0F0;
			color:#000000;
			padding:2px;
			font:10px verdana, arial, tahoma, sans-serif;
			cursor:pointer;
		}
/* Fim do código Form*/
#areadoaluno{
	float:right;
	margin-right:50px;
	margin-top:10px;
}
/*Código do Form*/		

	form {
	width:600px;
	height:380px;
			}
	fieldset {
			border:none;
		}
	form fieldset label {
			color:#333333;
			font:11px arial, tahoma, sans-serif;
			display:block;
			width:180px;
			float:left;
			text-align:left;
		}
	form fieldset label.labmensagem {
		width:200px;
		margin-top:2px;
	}
	form fieldset label.labmensagem textarea {
			width:280px;
			height:150px;
			font:11px arial, tahoma, sans-serif;
			padding:3px;
			border:1px solid #333333;
			float:left;
			margin-top:5px;
	}
	form fieldset label input {
			width:150px;
			border:1px solid #333333;
			padding:5px;
		}
	form fieldset input.botao {
			width:50px;
			float:right;
			margin-top:140px;
			margin-left:-100px;
			margin-right:-35px;
			border:1px solid #333333;
			background-color:#F0F0F0;
			color:#000000;
			padding:5px;
			font:10px verdana, arial, tahoma, sans-serif;
			cursor:pointer;
}
form fieldset input.botao2 {
			width:50px;
			float:left;
			margin-top:50px;
			margin-left:-50px;
			margin-right:-35px;
			border:1px solid #333333;
			background-color:#F0F0F0;
			color:#000000;
			padding:5px;
			font:10px verdana, arial, tahoma, sans-serif;
			cursor:pointer;
}

		#contato_interna{
	width:300px;
	height:auto;
	*height:640px; /* hack para o IE 7*/	
	margin-top:10px;
	margin-left:20px;
	float:left;
}
		#forms{
	width:300px;
	height:auto;
	*height:auto; /* hack para o IE 7*/	
	margin-top:0px;
	margin-left:20px;
	float:left;
}

/*Código do Form*/		

	formulario {
	width:350px;
	height:380px;
			}
	fieldset {
			border:none;
		}
	formulario fieldset label {
			color:#333333;
			font:11px arial, tahoma, sans-serif;
			display:block;
			width:180px;
			float:left;
			text-align:left;
		}
	formulario fieldset label.labmensagem {
		width:200px;
		margin-top:2px;
	}
	formulario fieldset label.labmensagem textarea {
			width:280px;
			height:150px;
			font:11px arial, tahoma, sans-serif;
			padding:3px;
			border:1px solid #333333;
			float:left;
			margin-top:5px;
	}
	formulario fieldset label input {
			width:150px;
			border:1px solid #333333;
			padding:5px;
		}
	formulario fieldset input.botao {
			width:50px;
			float:right;
			margin-top:140px;
			margin-left:-100px;
			margin-right:-35px;
			border:1px solid #333333;
			background-color:#F0F0F0;
			color:#000000;
			padding:5px;
			font:10px verdana, arial, tahoma, sans-serif;
			cursor:pointer;
}
formulario fieldset input.botao2 {
			width:50px;
			float:left;
			margin-top:50px;
			margin-left:-50px;
			margin-right:-35px;
			border:1px solid #333333;
			background-color:#F0F0F0;
			color:#000000;
			padding:5px;
			font:10px verdana, arial, tahoma, sans-serif;
			cursor:pointer;
}

#ftp{
	width:780px;
	height:auto; 
	background-color:#FFFFFF;
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
}

#calendario_prova{
	height:auto;
	width:580px;
	float:right;
	margin: 0; padding: 0; /*zera todas as margens e paddings de todos objetos*/
	margin-left:10px;
	margin-right:20px;
	_margin-right:10px; /*hack IE6*/
	margin-top:15px;
}
#calendario_prova_cabecalho{
	height:20px;
	width:550px;
	background-color:#8FD7DE;
	border-left:#189AB1 6px solid;
	vertical-align:middle;
	font-family:verdana;
	font-size:11px;
	padding-top:5px;
	padding-left:10px;
}
#calendario_prova_bimestres{
	height:20px;
	width:550px;
	vertical-align:middle;
	font-family:verdana;
	text-align:center;
	font-size:10px;
	padding-top:5px;
	padding-left:10px;
}
#calendario_prova_disciplinas{
	height:auto;
	width:150px;
	background-color:#F3F3F3;
	font-family:verdana;
	text-align:left;
	font-size:10px;
	padding-top:5px;
	padding-left:0px;
}
#calendario_prova_professores{
	height:auto;
	width:100px;
	float:left;
	margin-top:-115px;
	margin-left:152px;
	_margin-left:80px;
	font-family:verdana;
	text-align:left;
	font-size:10px;
	padding-top:5px;
	padding-left:0px;
}
#calendario_prova_1cham_1sem{
	height:auto;
	width:60px;
	float:left;
	background-color:#F3F3F3;
	margin-top:-115px;
	margin-left:250px;
	_margin-left:5px;
	font-family:verdana;
	text-align:center;
	font-size:10px;
	padding-top:5px;
	padding-left:0px;
}
#calendario_prova_2cham_1sem{
	height:auto;
	width:60px;
	float:left;
	margin-top:-115px;
	margin-left:310px;
	_margin-left:0px;
	font-family:verdana;
	text-align:center;
	font-size:10px;
	padding-top:5px;
	padding-left:0px;
}
#calendario_prova_1cham_2sem{
	height:auto;
	width:60px;
	float:right;
	background-color:#F3F3F3;
	margin-top:-115px;
	margin-right:150px;
	_margin-left:230px;
	font-family:verdana;
	text-align:center;
	font-size:10px;
	padding-top:5px;
	padding-left:0px;
}
#calendario_prova_2cham_2sem{
	height:auto;
	width:60px;
	float:right;
	margin-top:-115px;
	margin-right:90px;
	_margin-left:260px;
	font-family:verdana;
	text-align:center;
	font-size:10px;
	padding-top:5px;
	padding-left:0px;
}
#calendario_prova_substitutiva{
	height:auto;
	width:60px;
	float:right;
	background-color:#F3F3F3;
	margin-top:-115px;
	margin-right:30px;
	_margin-right:-120px;
	font-family:verdana;
	text-align:center;
	font-size:10px;
	padding-top:5px;
	padding-left:0px;
}
#calendario_prova_final{
	height:auto;
	width:60px;
	float:right;
	_float:left;
	margin-top:-115px;
	margin-right:-30px;
	_margin-left:280px;
	font-family:verdana;
	text-align:center;
	font-size:10px;
	padding-top:5px;
	padding-left:0px;
}

#todoform input {
background:#fff; 
/* a cor do fundo dos três campos */

height:20px;

border:1px solid #ccc;
/* uma borda de 1px tracejada e na cor laranja para 
o campo */
}

#todoform select{
background:#fff; 
/* a cor do fundo dos três campos */

height:20px;

border:1px solid #ccc;
/* uma borda de 1px tracejada e na cor laranja para 
o campo */
}

 #todoform input.botao3 {
background:#fff; 
/* a cor do fundo do botão */
height:30px;
color:#000; /* a cor das letras Enviar */
font: bold 13px;
border:2px solid #000;
/* uma borda de 2px solida branca no botão*/
} 
