#rodape
{
	text-align: center;	
	margin-top: 20px;	
}

.outer
{
	clear: both;
}

.erro
{
	color: Red;	
}

/* Apenas o espaço de 5px entre caixas*/
.espaco
{
	height: 5px;
	display: block;
}

.espacoInferior
{
	margin-bottom: 10px;
}

/**
 * Erro de validação em formulário
 */
.erroValidacao
{
	display: block;
}

.caixaBusca
{
	text-align:center;
	border:solid 1px #EBEBEB;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #F5F5F5;
}


/**
 * Caixa com preenchimento sem as bordas laterais
 */
.caixaPreenchida
{
	padding: 10px;
}

.caixaPreenchidaTitulo
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:5px;
	padding-top: 5px;
	font-weight: bold;
}

.caixaPreenchidaCorpo
{
	padding: 10px;
}

/**
 * Lista UL
 */
.lista
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.lista li
{
	padding-bottom: 10px;
}

.lista li a
{
	display: block;
}

/**
 * Lista UL
 */
.listaSemBlock
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.listaSemBlock li
{
	padding-bottom: 10px;
}

.listaSemBlock li a
{
	display: inline;
}

/**
 * Foto
 */
.foto
{
	padding: 10px;
	border: solid 1px #D6D6D6;
	margin-top: 10px;
}

/**
 * Cabecalho das aulas
 */
.aulaCabecalho
{
	padding: 10px;
	border: solid 1px #F2F2F2;
	margin-bottom: 10px;
}


/*
 * planilha
 */

.planilhaPequena
{
	margin-right: 10px;
	display:inline;
}
.planilhaTitulo
{
	font-weight: bold;
	margin-bottom: 3px;	
	font-variant: small-caps;
}
.planilhaCabecalho
{
	border-bottom: solid 2px #C8C8C8;
	font-weight: bold;
}
.planilhaWraper
{
	border-bottom: solid 2px #D6D6D6;
	border-right: solid 2px #D6D6D6;
	background: White;
	padding: 3px;
}


/*
 * Filtros
 */
.filtro
{
	padding: 10px;
	border: solid 1px #CFCFCF;
}

.divisaoPontilhada
{
	border-bottom: dotted 1px #CFCFCF;
	padding-top: 5px;
	padding-bottom: 10px;
}


/**
 * Menu de edição
 */

.menuEdicaoLinkSelecionado
{
	text-decoration: none;
	font-weight: bold;
	color: Black;
}

.menuEdicaoLinkNaoSelecionado
{
	text-decoration: none;
	color: #808080;
}

.menuEdicao
{

}

.menuEdicaoEspaco
{
	border-bottom: solid 1px #C0C0C0;
}

.menuEdicaoSelecionado
{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: solid 1px #C0C0C0;
	border-bottom-color: White;
	white-space: nowrap;
	background: White url(../../Imagem/Layout/botaoFundoDegrade.gif)  repeat-x;
}

.menuEdicaoNaoSelecionado
{
	padding: 5px;
	padding-left: 10px; 
	padding-right: 10px; 
	white-space: nowrap;
	border: solid 1px #CFCFCF;
	border-bottom: solid 1px #C0C0C0;
}

/**
 * Configurações de fontes em geral para o sistema
 */

a
{
	color: #0000C6;
}


html
{
	/*width: 100%;*/
}
body, td, th
{
	margin: 0px;
	font-family: arial, verdana, sans-serif;
	font-size: 0.8em;
	color: #484848;
	/*height: 100%;*/
}

input, textarea, select
{
    font-family: arial, verdana, sans-serif;
	font-size: 100%;	
}


/**
 * Caixa com as mensagens de sucesso e erro
 */
.caixaSucesso
{
	border: 1px dotted #7F7F7F;
	margin-top: 0px;
	margin-bottom: 5px; 
	background-color: #F7F7AE;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px
}


/*
 * SuperLinkButton e SuperLink
 */

.botaoDesabilitado
{ 
	height: 14px;
	padding: 3px;
	color: #000000;
	white-space: nowrap;
	text-decoration: none;
	background:#C9C9C9; 
	margin-bottom: 5px;
	border:1px solid #A9A9A9;
}

.botaoVoltar
{
	padding: 4px;	
	height: 14px;
	margin-bottom: 5px;
}

.botao 
{ 
	height: 14px;
	padding: 3px;
	color: #000000;
	white-space: nowrap;
	text-decoration: none;
	background:#E2E2E2; 
	margin-bottom: 5px;
	border-left:1px solid #A9A9A9;
	border-top:1px solid #A9A9A9;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}

:hover.botao
{ 
	padding: 3px;
	border-left:1px solid #333333;
	border-top:1px solid #333333;
	border-right:1px solid #A9A9A9;
	border-bottom:1px solid #A9A9A9;
	background:#F4F4F4; 
}

.botaoExibicao 
{ 
	margin-bottom: 5px;
	height: 14px;
	padding: 3px;
	color: #000000;
	white-space: nowrap;
	text-decoration: none;
	background: #F4F4F4; 
	border: 1px solid #D1D1D1;	
	font-size: 90%;
}

:hover.botaoExibicao
{ 
	padding: 3px;
	border-left:1px solid #333333;
	border-top:1px solid #333333;
	border-right:1px solid #A9A9A9;
	border-bottom:1px solid #A9A9A9;
	background:#E2E2E2; 
}

/**
 * SuperGridView
 */

.dataAgenda
{
	padding: 3px;
	font-size: 80%;
}

.itemAgenda
{
	padding: 7px;	
	border-width: 1px;
	color: White;
}

.fundoAgenda
{
}

/**
 * SuperGridView
 */

.gridPaginacao table
{
	font-size: 180%;
	font-weight: bold;
}

.quantidadeGrid
{
	text-align: right;
	padding: 5px;
    font-size: 90%;
	border-top: dashed 1px #D1D1D1;
}

.resultadoGrid
{
	text-align: right;
	padding: 10px;
    font-size: 110%;
}

.cabecalhoGrid
{
	padding: 3px;
	font-size: 100%;
}

.gridAscendente
{	
	background-position: right;
	background-image: url(../../Imagem/Padrao/Layout/ascendente.gif);
	background-repeat: no-repeat;
}

.gridDescendente
{
	background-position: right;
	background-image: url(../../Imagem/Padrao/Layout/descendente.gif);
	background-repeat: no-repeat;
}

.cabecalhoGrid th
{

		border: solid 1px #D2D2D2;
}


.itemGrid
{
	padding: 10px;	
}



/**
 * Botao de contexto (SuperContextMenu)
 */
.contextoLink
{
	padding: 6px;
	text-decoration: none;
	color: Black;	
}

.contextoGrid
{
	padding: 3px;
	color: Black;
	text-decoration: none;
}

.contextoEdicao 
{ 
	height: 100%;
	padding: 3px;
	color: #000000;
	white-space: nowrap;
	text-decoration: none;
	background:#F4F4F4; 
	border:1px solid #D1D1D1;
	font-size: 90%;	
}

/**
 * Lista de usuários em quadros
 */
.usuarioCabecalho
{
	background: #E8E8E8;
	padding: 4px;
}

.usuarioCorpo
{
	padding: 10px;
	border: solid 1px #E8E8E8;
	text-align: center;
}

/**
 * título normalmente maior e em negrito
 */

.titulo
{
	font-weight: bold;	
	margin-bottom: 4px;
}

.italico
{
	font-style: italic;
}

.textoPequeno
{
	font-size: 80%;
}

.textoQuaseMedio
{
	font-size: 110%;
	font-weight: bold;	
}

.textoMedio
{
	font-size: 120%;
	font-weight: bold;	
}

.textoGrande
{
	font-size: 140%;
	font-weight: bold;	
	margin-right: 8px;
}

.textoEspacado
{
	margin-left: 4px;
	margin-right: 8px;
}
	

/**
 * caixas
 */
.caixaTitulo
{
    padding-left: 10px; 
    font-weight: bold;
    padding-right:5px; 
    padding-top:5px; 
    padding-bottom:5px;
    background-color: #D6D6D6;
}

.caixaCorpo
{
    border: 1px solid #D6D6D6;
    margin-bottom: 10px;
    padding: 10px;
}

.caixaBorda
{
	padding: 10px;
	background-color: #F7F7AE;
	margin-bottom: 10px;
}

.caixa
{
	border-top: 2px solid #D6D6D6;
    border-bottom: 2px solid #D6D6D6;
    margin-bottom: 10px;
    padding: 10px;
}

.caixaAula
{
	padding: 5px;
	margin-bottom: 5px;
}

.caixaFina
{
	background-color: #E2E2E2;
	padding: 3px;	
	margin-top: 1px;
}

.caixaCorpoFina
{
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 2px;
    padding: 5px;
    background-color: White;
    width: 100%;
}

.caixaVazia
{
	padding-top: 4px;
	padding-bottom: 4px;
}

.caixaFixa
{
	padding-left: 10px;
	overflow: auto;
	height: 250px;
}

.caixaFixaGrande
{
	overflow: auto;
	height: 400px;
}

.caixaPequena
{
	background-color: #EAEAF4;
	padding: 2px;
	margin: 1px;
	font-size: 80%;
	float: left;
	width: 90%;
}

.caixaPontilhada 
{
	border: dotted 1px #EAEAF4;
	padding: 4px;	
	margin-top: 4px;	
}

.caixaPontilhadaDireita 
{
	float: right;		
	border:dotted 1px #EAEAF4;
	padding: 6px;	
	margin-bottom: 4px;
}

.caixaDireita 
{
	text-align: right;	
	padding: 6px;		
}

/**
 * layout em colunas da página de instituição
 */
.colunaEsquerda
{
	vertical-align: top;
}

.colunaDireita
{
	padding-left: 10px;
	vertical-align: top;
}

.nomeSala
{
	font-size: 130%;
}

/**
 * Menu do cabeçalho (minha instituicao, sair)
 */
.menuCabecalho
{
	padding-right: 3px;
	padding-left: 3px;
}


/**
 * Divisao em duas colunas sendo a esquerda maior que a direita
 * Utilizada no FaleCom!
 */
.colunaEsquerdaGrande
{
	float: left;
	width: 69%;
}

.colunaDireitaPequena
{
	float: left;
	width: 30%;
}

.menuSelecionado
{
	color: Black;
	text-decoration: none;
}

.menuNaoSelecionado
{
	color: White;
	text-decoration: none;
}

.noTextDecoration
{
	text-decoration: none;
}

/**
 * caixa que separa com margim inferior
 */
.listaEspacada
{
	text-decoration: none;
	margin-bottom: 10px;
}

/**
 * Caixa que descreve a funcionalidade da página
 */
.balao
{
	width: 100%;
}

.balao.nw
{
	vertical-align: top;
	background-image: url(../../Imagem/Padrao/Layout/balao/nw.gif);
	width: 8px;
	height: 8px;
}

.balao.ne
{
	background-image: url(../../Imagem/Padrao/Layout/balao/ne.gif);
	width: 8px;
	height: 8px;
}
	
.balao.n
{
	border-top: solid 1px #D4D0C8;
	background-color: #FFFFD9;
}
.balao.w
{
	border-left: solid 1px #D4D0C8;
	background-color: #FFFFD9;
}

.balao.e
{
	border-right: solid 1px #D4D0C8;
	background-color: #FFFFD9;
}

.balao.s
{
	border-top: solid 1px #D4D0C8;
	width: 50%;
}

.balao.se
{
	background-image: url(../../Imagem/Padrao/Layout/balao/se.gif);
	width: 8px;
	height: 8px;
}

.balao.sw
{
	background-image: url(../../Imagem/Padrao/Layout/balao/sw.gif);
	width: 8px;
	height: 8px;
}

.balao.seta
{
	background-image: url(../../Imagem/Padrao/Layout/balao/seta.gif);
	width: 21px;
	height: 14px;
	
}

.balao.c
{
	width: 100%;
	background-color: #FFFFD9;
}

.balao.cb
{
	background-color: #FFFFD9;
}

/*****/

.erroMensagem
{		
	width: 350px;
	border: 2px dotted #7F7F7F;
	margin-top: 0px;
	margin-bottom: 5px; 
	background-color: #F7F7AE;
	padding: 15px;
}

/**
 * Caixa de TOOLTIP com javascript
 */

#dhtmltooltip
{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer
{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

/**********************************************************
 * Site
 **********************************************************/

/* Formatação do título da página */

.paginaTitulo {
    color: #fff;    
    padding-left: 5px;
    height: 41px;
    vertical-align: middle;
    margin-bottom: 10px;
}

.paginaTitulo .icone
{
    width: 1px;
    padding-left: 5px;
    padding-right: 4px;
}

.paginaTitulo h1, .paginaTitulo h2
{
	color:#FFF;
	display: block;
}

.paginaTitulo .conteudo
{
	color:#FFF;
}

.paginaTitulo .conteudo a
{
	color:#FFF;
}

.paginaTitulo .ajuda
{

    text-align: right;
    width: 30.0%;
    vertical-align:bottom;
}

.paginaTitulo h2
{
	 font-size: 130%;
}

.menuListaSecretaria
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.menuListaSecretaria li
{
	border-bottom: solid 1px #BFBFBF;
} 

.menuListaSecretaria li a
{
	display: block;
	padding: 5px;
	text-decoration: none;
	color: #333333;
	border-top: solid 1px White;	
}

.menuListaSecretaria li a:hover
{
	background-color: #B6CCD7;	
}

.menuAtalho
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:5px;
	padding-top: 5px;
	font-weight: bold;
}

.espacoBrancoSecretaria
{
	height: 10px;
	background-color: White;
}

.textoImagem48
{
	margin-bottom: 10px; 
	padding-left: 50px;	
	padding-top: 8px;
}

.textoImagem32
{
	margin-bottom: 10px; 
	padding-left: 35px;	
	padding-top: 1px;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}


.modalPopup {
	background-color:#ffffff;
	border-width:5px;
	border-style:solid;
	border-color:#333333;
	padding:10px;
	width:600px;
}

/***********************************************************
 * MENU DA AULA
 ***********************************************************/
.aulaMenuLateral
{
	vertical-align: top;
}

.aulaMenuLista
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.aulaMenuLista li
{
	border-bottom: solid 1px #BFBFBF;
} 

.aulaMenuLista li a
{
	display: block;
	padding: 5px;
	text-decoration: none;
	color: #333333;
	border-top: solid 1px White;	
}

.aulaMenuLista li a:hover
{
	background-color: #B6CCD7;	
}

.aulaMenuTitulo
{
	height: 41px;
	line-height: 41px;
	padding-left: 5px;
	font-weight: bold;
}

.aulaMenuAtalho
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:5px;
	padding-top: 5px;
	font-weight: bold;
}

.caixaProdutoInfo
{
    background: url(/Skin/Loja/produtoDetalheFundo.gif) no-repeat; padding: 15px; margin-bottom: 10px
}

.vertical 
{ 
	white-space: nowrap;
    writing-mode: tb-rl;
    filter: flipH flipV;
    font-size: 100%;  
    font-family: Verdana;
}

.verticalPequeno 
{ 
	font-weight: normal;
	white-space: nowrap;
    writing-mode: tb-rl;
    filter: flipH flipV;
    font-size: 75%;  
    font-family: Verdana;
}