/*
--------------------------------------------------------------------
 Arquivo:			layout.css
 Autor:				Ronaldo Lisot
 E-mail:			lisot@feevale.br
 Data da Criação:	06/06/2005
 Última Alteração:	
 E-mail:			
 Alterado em:		
 Descrição:			Arquivo responsável pela formatação e
 					posicionamento dos elementos.
--------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------
 Página
--------------------------------------------------------------------
*/
html, body, a, address, div, form, h1, h2, h3, img, li, ul {
	padding: 0px;
	border: 0px;
	margin:0px;
}

body {	
	background: url('../img/bg.gif');
	color: #464646;
	text-align: center;
	margin: 20px auto;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:70%;
	font-family:Tahoma, Arial, Helvetica, sans-serif
}

a {
	color: #464646;
}

a:active, a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h2, h3 {
	display: none;
	font-size: 110%;
	color: #6d6d6d;
}

p {
	margin: 4px 0px;
}

/*
--------------------------------------------------------------------
 Configuração do Esqueleto
--------------------------------------------------------------------
*/

#divCentral {
	background: #efefef;
	text-align: left;
	width: 740px;
    width: 750px; /* Hack que corrige largura para o IE */
	padding: 4px;
	margin: 0px auto;
}

#divSite {
	background: #ffffff;
	padding: 4px 4px 0px 4px;
	border: 1px solid #bbbbbb;	
}

#divQuebra {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 4px; 
}

/*
--------------------------------------------------------------------
 Cabecalho - Fundo
--------------------------------------------------------------------
*/

#divCabecalho {
	background: #F8F8F8 url('../img/cab_bg.gif') repeat-x;
	width: 100%;
	border: 1px solid #bbbbbb;
	margin-bottom: 20px;
	padding-top:26px;
}

/*
--------------------------------------------------------------------
 Cabecalho - Barra e Logotipo
--------------------------------------------------------------------
*/

#divCabecalho h1 {
	background: url('../img/cab_titulo_bg_3.gif') repeat-x;
	height: 62px;
}

#divCabecalho h1 a span {
	display: none;
}

#divCabecalho h1 a {
	position: absolute;
	background: url('../img/cab_logo_novo.gif') no-repeat;
	width: 191px;
	height: 42px;
	margin: 12px;
}


/*
--------------------------------------------------------------------
 Cabecalho - Menu
--------------------------------------------------------------------
*/

#divCabecalho ul {
	padding: 2px;
}	

#divCabecalho li {
	display: inline;
	position: relative;
	z-index: 9;
	background: #f8f8f8;
	padding: 3px;
	border: 1px solid #f8f8f8;
	text-align : right;		
}

#divCabecalho li a {
	text-decoration: none;
	padding: 0px 4px;
	line-height: 21px;
	text-align : right;		
}

#divCabecalho li a:hover {
	z-index: 15;	
	border: 1px solid #bbbbbb;
	text-align : right;	
}

/*
----------------------------------
	Div Conteúdo
----------------------------------
*/

#divConteudo {	
	width: 95%; 
	min-height:350px;
	height: auto !important;
	height: 350px;	
}
#divConteudo table {
	border-collapse: collapse;
	line-height: normal;
}
#divConteudo th{
	background:#E1E9F9;	
	color: #000000;
}
#divConteudo td, th {
	background:#FFFFFF;
	/*border:0px solid #E5E4E8; */
	padding: 1px 5px;
	font-family:Arial;
	font-size:11px;
	text-align: left;
}
#divConteudo ul {
	margin:15px;
	list-style: square;
}
#divConteudo li{
	margin:3px 3px 3px 15px;
}
#divConteudo h2{
	margin: 5px 10px;
	display: block;
	border-bottom:1px solid #A4AFC5;
	padding-bottom: 6px;
}
#divConteudo h3{	
	display: block;
	font-size: 100%;
	border: 0px none;
	margin-bottom:10px
}
#divConteudo h3 span{
	font-size: 110%;
	color: #000000;
	padding-left:5px; 
}
.tblDados{
	float: left;	
	margin-right: 12px;
}

#divBusca{
	float: left;
	padding: 3px 25px;
}
#divBusca fieldset{
	margin:0px;
}

#lblTotal{
	float: right;
	background: #D7D7D7;
	border: 1px solid #bbbbbb;
	margin: 10px 0px 0px;
	padding: 3px 5px;
	font-weight: bold;
	color: #000000;
}

/*
--------------------------------------------------------------------
 Caixa do Aviso
--------------------------------------------------------------------
*/

#divAviso {
	width:2000px;
	background: #fafafa;
	padding: 10px;
	border: 1px solid #bbbbbb;
}
#divAviso h2 {
	display: block;
	margin: 10px 0px!important;
}

#fdAviso {
	text-align: left;
	background: #FFFFFF;
	width:320px;
	padding: 10px;
	border: 1px solid #bbbbbb;
}

#fdAvisoNew {
	text-align: left;
	background: #FFFFFF;
	width: 290px;
	padding: 5px;
	border: 1px solid #bbbbbb;
}
/*
--------------------------------------------------------------------
 Caixa do Login
--------------------------------------------------------------------
*/
#divExtensao{
	width: 300px;
	padding: 10px;
	border: 1px solid #bbbbbb;
}

#lnkExtensaoCursos{
	text-align: left;
	margin-left: -10px;
	color: #000080;	
	font: normal bold normal 70% Tahoma, Arial, Helvetica, sans-serif;
}

#divPeriodo{
	position: relative;
}
	
#divCaixa {
	float: left;
	width: 350px;
}
	
#divLogin, #divTutorial{
	width:320px;
	background: #fafafa;
	padding: 10px;
	border: 1px solid #bbbbbb;
	text-align: center;
	margin-bottom: 50px;
	/*align: center;*/
}
#divLogin h2 {
	display: block;
	margin: 10px 0px!important;
}
/*
--------------------------------------------------------------------
 Rodapé
--------------------------------------------------------------------
*/

#divRodape {
	float: left;
	background: #F8F8F8;
	width: 98%;
	height: 30px;
	padding: 8px;
	border: 1px solid #bbbbbb
}

#divRodape address {
	font: 100% Tahoma, Arial, Helvetica, sans-serif;
}

#divRodape address b.txtCampusI {
	padding-right: 5px;
}

/*
--------------------------------------------------------------------
 Formulários
--------------------------------------------------------------------
*/
.sublinha{
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #79B83F;
	}
form {
	display: inline;
}

input {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #464646;
	border: 1px solid #888888;
}

input.btnPadrao {	
	background: #f8f8f8;
	border: solid 1px #888888;
	border-top-color: #D1CFD1;
	border-left-color: #D1CFD1;
	margin: 10px 0px 0px;	
	width:100px;
}

select {
	font-size: 1em;	
	background: #fafafa;
	color: #464646;
}
select.linha{	
	background:#E1E9F9;	
}
fieldset{
	padding: 15px;
	margin:10px;
	border:1px solid #A4AFC5;
}
legend{
	margin-bottom:15px;
	font-weight: bold;
}

.checkbox{
	border:0px none;
}

select {
	font-size: 1em;	
	background: #fafafa;
	color: #464646;
}
select.linha{	
	background:#E1E9F9;	
}
fieldset{
	padding: 15px;
	margin:10px;
	border:1px solid #A4AFC5;
}
legend{
	margin-bottom:15px;
	font-weight: bold;
}

.checkbox{
	border:0px none;
}

#divSenhas
{
	text-align: center;
	width: 300px;
}
#divLabel0, #divLabel1, #divLabel2
{
	width : 150px;
	padding : 0;
	margin : 0;
	float : left;
	display : inline;
}
#divLabel3, #divLabel4, #divLabel5
{
	width : 150px;
	padding : 0;
	margin : 0;
	float : left;
	display : inline;
}

#txtValorCurso{
	text-align: right;
	border: 0px;
	background: #ffffff; 
}

#lnkGravar, #lnkAlterar{
	text-decoration: underline;
	font: normal normal normal 80% Tahoma, Arial, Helvetica, sans-serif;
	color: #BBBCBC;
}

#lnkAlterarOculto{
	display: none; 
}
/*
--------------------------------------------------------------------
 Botoes para Imprensa e outras listas
--------------------------------------------------------------------
*/
#divBotoes 
{
	padding : 14px 8px 6px 8px;
}

#divBotoes a 
{
	text-decoration : none;
	padding : 6px 8px;
	margin-right : 4px;
}

#divBotoes a:hover {
	color: #000000;
}

.lnkBotoes {
	background: #f8f8f8 url('../img/lista_bt_bg_padrao.gif') repeat-x center;
	color: #6d6d6d;
	border: 1px solid #e0e0e0;
	text-align : center;
}

.lnkLista01 {
	border-left:1px solid #e0e0e0; 
	border-right:1px solid #e0e0e0; 
	border-top:1px solid #e0e0e0; 
	background:url('../img/lista_bt_bg_01.gif') repeat-x center; 
	color: #000000;
	border-bottom: 1px solid #ffffff;
	text-align : center;
}

.lnkLista02 {
	border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background:url('../img/lista_bt_bg_01.gif') repeat-x center; color: #000000;
	border-bottom: 1px solid #ffffff;
	text-align : center;
}

.lnkLista03 {
	border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background:url('../img/lista_bt_bg_01.gif') repeat-x center; color: #000000;
	border-bottom: 1px solid #ffffff;
	text-align : center;
}

.lnkLista04 {
	border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background:url('../img/lista_bt_bg_01.gif') repeat-x center; color: #000000;
	border-bottom: 1px solid #ffffff;
	text-align : center;
}
.lnkLista05 {
	border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background:url('../img/lista_bt_bg_01.gif') repeat-x center; color: #000000;
	border-bottom: 1px solid #ffffff;
	text-align : center;
}
.lnkLista06 {
	border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background:url('../img/lista_bt_bg_01.gif') repeat-x center; color: #000000;
	border-bottom: 1px solid #ffffff;
	text-align : center;
}
.lnkLista07 {
	border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background:url('../img/lista_bt_bg_01.gif') repeat-x center; color: #000000;
	border-bottom: 1px solid #ffffff;
	text-align : center;
}
.lnkLista08 {
	border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background:url('../img/lista_bt_bg_01.gif') repeat-x center; color: #000000;
	border-bottom: 1px solid #ffffff;
	text-align : center;
}
.lnkLista09 {
	border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background:url('../img/lista_bt_bg_01.gif') repeat-x center; color: #000000;
	border-bottom: 1px solid #ffffff;
	text-align : center;
}
.lnkLista10 {
	border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background:url('../img/lista_bt_bg_01.gif') repeat-x center; color: #000000;
	border-bottom: 1px solid #ffffff;
	text-align : center;
}

#lnkLista01:hover {
	background: url('../img/lista_bt_bg_01.gif') repeat-x center;
}

#lnkLista02:hover {
	background: url('../img/lista_bt_bg_01.gif') repeat-x center;
}

#lnkLista03:hover {
	background: url('../img/lista_bt_bg_01.gif') repeat-x center;
}

#lnkLista04:hover {
	background: url('../img/lista_bt_bg_01.gif') repeat-x center;
}
#lnkLista05:hover {
	background: url('../img/lista_bt_bg_01.gif') repeat-x center;
}
#lnkLista06:hover {
	background: url('../img/lista_bt_bg_01.gif') repeat-x center;
}
#lnkLista07:hover {
	background: url('../img/lista_bt_bg_01.gif') repeat-x center;
}
#lnkLista08:hover {
	background: url('../img/lista_bt_bg_01.gif') repeat-x center;
}
#lnkLista09:hover {
	background: url('../img/lista_bt_bg_01.gif') repeat-x center;
}
#lnkLista10:hover {
	background: url('../img/lista_bt_bg_01.gif') repeat-x center;
}
/*
--------------------------------------------------------------------
 Imprensa - Camadas escondidas
--------------------------------------------------------------------
*/

#divDados, #divDescontos, #divPlanilha, #divLiberaInscricao {
	display: none;
}

/*
--------------------------------------------------------------------
 Caixa Tipo 02 (caixas centrais)
--------------------------------------------------------------------
*/

.divCaixa02 {
	float: left;
	width: 402px;
	margin-bottom: 4px;
}

.divCaixa02 h2 {
	display: block;
	background: url('../img/caixa02_titulo_bg.gif') repeat-x left center;
	color: #ffffff;
	padding: 8px
}

.divCaixa02 h3 {
	display: block; 
	padding-bottom: 6px;
	border-bottom: 1px solid #e0e0e0;
}

/*
--------------------------------------------------------------------
 Caixa Tipo 03 (listas)
--------------------------------------------------------------------
*/

.divCaixa03 {
	margin: 0px 0px 8px;
}

.divCaixa03 ul {
	list-style: none;
	border-bottom: 1px solid #E0E0E0;
	margin: 0px 8px;
}

.divCaixa03 li {
	border-top: 1px solid #e0e0e0;
	padding-bottom: 1px;
}

.divCaixa03 li a {
	display: block;
	background: url('../img/marcador.gif') no-repeat left top;
	color: #6d6d6d;
	text-decoration: none;
	line-height: 24px;
	padding-left: 17px
}

.divCaixa03 li a:hover {
	color: #000000;
	text-decoration: none;
}
#divConteudo h2 (linha 190)

#tblAutorizacao 
{
	width: 400px;
	margin-top: 10px;
}
#tblAutorizacao td
{
	width: 50%;
	border-top : 1px dotted #000000;
}

#tblAutorizacaoBotoes td
{
	width: 50%;
	border-top : 1px dotted #000000;
}

clsAutorizacao 
{
	width: 400px;
	margin-top: 10px;
}
clsAutorizacao td
{
	width: 50%;
	border-top : 1px dotted #000000;
}

.shadow
{
    position:absolute;
    float:left;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background:rgba(64, 64, 64, 0.35);
    z-index:9999 
}

.box-dialog
{
  width:500px;
  height:auto;
  padding:15px 7px 7px 7px;
  background:#FFF; 
  border:1px solid #CCC; 
  margin: 20% auto; 
  box-shadow:5px 6px 10px rgba(0,0,0, .5); 
  -moz-box-shadow:5px 6px 10px rgba(0,0,0, .5);
  -webkit-box-shadow:5px 6px 10px rgba(0,0,0, .5)
}
.dialog-text
{
    text-align:justify;
    margin-top: 30px;
}

.dialog-text p
{
    margin: 15px 15px 10px 20px;
}

#btnClose
{
    cursor: pointer;
    right: 16px;
    top: 16px;
    float:right;
}