﻿/* CSS PAINEL DE CONTROLE - PORTAL DA ESCOLA */

*{
	margin:0px;
	padding:0px;
}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#D6DBED url('IMGS/img_fundo.jpg') repeat-x fixed;
	position:relative;	
	text-align:center;	
}

a{
	text-decoration:none;
	color:#000000;
	margin-top:10px;
	font-size:11px;
	
}

.linkMenu
{
	text-align:justify;
	
	}

a:visited{
	text-decoration:none;
}

a:link{
	text-decoration:none;
}

a:active{
	text-decoration:underline;
}

a:hover{
	text-decoration:underline;
}


h2{
	
}

h3{
	
}

/* DIVS	*/

/* Topo */
#barra_Topo{
	background:#849FDA url('IMGS/barra_topo.jpg') repeat-y;
	width:100%;
	height:24px;
	border-bottom:1px #000000 solid;
	text-align:right;
}

	#img{
		width:830px;
		float:right;
	}

/**/
#menu{
	height:31px;
	background-image:url('IMGS/fundomenu.jpg');
	background-repeat:repeat-y;
	padding-left:4px;
}

#conteudo{
	margin:auto;
	width:783px;
	background-image:url('IMGS/fundo_conteudo.jpg');
	background-repeat:repeat-y;
	text-align:left;	
}

	/*#topo{
		background-image:url('IMGS/Topo.jpg');
		width:783px;
		height:112px;
	}*/
	
	.topo{
		background-image:url('IMGS/Topo.jpg');
		width:783px;
		height:112px;
	}
	.topo_2{
		background-image:url('IMGS/Topo_2.jpg');
		width:783px;
		height:112px;
	}
	
		#login{
			width:195px;
			height:80px;
			float:right;
			margin:23px 30px 0px 0px;
			line-height:15px;
		}
		
		#login strong{
			color:#3558A8;
			font-weight:bold;
			font-size:12px;
		}
		
		.topo_login{
			/*background-image:url('IMGS/Topo_login.jpg');*/
			background-image:url('IMGS/barra_topo_login.jpg');
			width:783px;
			height:112px;
		}
				
		.topo_login_2{
			/*background-image:url('IMGS/Topo_login_2.jpg');*/
			background-image:url('IMGS/barra_topo_login.jpg');
			width:783px;
			height:112px;
		}
		
		.topo_login_3{
			background-image:url('IMGS/barra_topo_login2.jpg');
			width:783px;
			height:112px;
		}
			

	
	#meio{
		background-image:url('IMGS/funco_cont.jpg');
		background-repeat:no-repeat;
		width:783px;
		min-height:435px;		
	}
	
	#rodape{
		background-image:url('IMGS/Rodape_conteudo.jpg');
		width:783px;
		height:28px
	}
	
	#sair{
			float:right;			
			font-weight:bold;
	}
	
	#cont_meio{
	/*min-height:100%;*/
	overflow:auto;
}
	
/**/

/* pagina inicial*/
#col1{
	width:404px;
	/*height:422px;*/
	float:left;
	position:absolute;
	background-image:url('IMGS/caixa_conteudo.jpg');
	background-repeat:no-repeat;
	margin:4px;
	padding:6px;
	overflow:inherit;	
}

#col2{
	float:right;
	/*height:371px;*/
	width:371px;
	padding-right:1px;
	overflow:inherit;	
}

#fundo_branco{
	width:555px;
	background-color:#FFFFFF;
	float:right;
	margin:10px 10px 10px 10px;
	/*padding: 0px 0px 0px 0px;*/
	padding: 5px;
}

#menu_lateral{
	float:left;
	color:#FFFFFF;
	margin:10px 0px 20px 2px;
	font-size:11px;
}

#menu_lateral b{
	color:#FFFFFF;
	padding-left:5px;
	font-size:11px;
}

#menu_lateral a{
	margin:5px;
	color:#C4D9EE;
	margin:2px;
	font-size:11px;
}

#msg{
	background-color:#EEF1F8;
	border:1px #DFEFFF solid;
	margin:10px;
}

/*#msg p{
	line-height:15px;
}

#msg b{
	color:#070C6F;
}*/

#logar{
	width:400px;
	background-color:#EEF1F8;
	/*
	float:left;
	margin-left:180px;
	*/
	padding:10px;
	line-height:20px;
	position:relative;
}

/* CLASS*/

/*CAIXAS HOME ADMINSTRATIVO*/

.caixa{
	margin:5px;
	padding:4px 5px 0px 32px;
/*	background:url('IMGS/caixa.jpg') no-repeat;*/
	width:34em;
	height:59px;
	line-height:14px;
}

.caixa strong{
	color:#000066;
	margin-top:15px;
}

.caixa_administracao{
	margin:5px;
	padding:4px 5px 0px 32px;
	background:url('IMGS/caixa_administracao.jpg') no-repeat;
	width:34em;
	height:56px;
	line-height:14px;
}

.caixa_administracao strong{
	color:#000066;
	margin-top:15px;
}

.caixa_edicao{
	margin:5px;
	padding:4px 5px 0px 32px;
	background:url('IMGS/caixa_edicao.jpg') no-repeat;
	width:32em;
	height:58px;
	line-height:14px;
}

.caixa_edicao strong{
	color:#000066;
	margin-top:15px;
}

.caixa_proposta{
	margin:5px;
	padding:4px 5px 0px 32px;
	background:url('IMGS/caixa_proposta.jpg') no-repeat;
	width:33em;
	height:50px;
	line-height:14px;
}

.caixa_proposta strong{
	color:#000066;
	margin-top:15px;
}

.caixa_visualizar{
	margin:5px;
	padding:4px 5px 0px 32px;
	background:url('IMGS/caixa_visualizar.jpg') no-repeat;
	width:34em;
	height:45px;
	line-height:14px;
}

.caixa_visualizar strong{
	color:#000066;
	margin-top:15px;
}



.caixa_dicas
{
	/*background:url('IMGS/caixa_dicas.png') no-repeat;*/
	margin:5px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding:0px 5px 0px 0px;
	width:376px;
	height:68px;
}

.duvidas
{
	text-align:center;
	font-size:10px;
	height:29px;

}

.link_email
{
	font-weight:bold;
	text-align:center;
	font-size:10px;
    text-decoration:none;
}



.caixa_faq
{
	/*background:url('IMGS/caixa_dicas.png') no-repeat;*/
	margin:0px;
	margin-top:0px;
	margin-left:3px;
	padding:3px 0px 0px 0px;
	width:230px;
	height:52px;
	float:left;
}

.caixa_suporteOnline
{
	float:right;
	width:153px;
	height:39px;
	margin-top:9px;
}



.menu_lat{
	width:183px;
	background: #434f99 url('IMGS/menu_meio.jpg') repeat-y top left; 
	margin:0px 0px 0px 10px;
	/*padding:2px 10px 10px 10px;*/
	line-height:20px;
}

.menu_topo{
	height:6px;
	background: #434f99 url('IMGS/menu_t.jpg') no-repeat top left; 
}

.menu_baixo{
	height:9px;
	background:#434f99 url('IMGS/menu_b.jpg') no-repeat left bottom;
}

.textbox{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*height:20px;*/
	margin:5px;
	border:1px solid #333333;
}

.textForm{
	font-family:Verdana, sans-serif;
	font-size: 0.7em;
	font-weight:bold;
	color:#095676;
	text-align:right;
}

 .bt_form{
	background-color:#0E1877;
	color:#FFFFFF;
	font-size:10pt;
	border:2px solid #45478B;
}

.Titulo{
	margin-bottom: 5px; 
	clear: both; 
	font-family: "Trebuchet MS", sans-serif; 
	color: #00aeef;
    font-size: 1.1em;
 
 }


.SubTitulo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#004059;
	
}

.Busca{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.Alerta{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:Red;
}

.validator
{
	font-size: 10pt;
	color: red;
	font-family: Wingdings;
}

.validatorTexto
{
	font-size: 9pt;
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*********INICIO**********DataGrid*/
.dataGrid
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #000000;
	font-size: 10px;	
	text-decoration:none;	
}
.dgPageItem
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 10px;	
	text-decoration:none;	
}
.dgFooterItem
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 10px;	
	text-decoration:none;
	background-color:#eefbff;
}
.dgEditItem
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 10px;	
	text-decoration:none;
	background-color:#eefbff;
}
.dgSelectedItem
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 10px;	
	text-decoration:none;
	background-color:#eefbff;
}
.dgAltItem
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 10px;	
	text-decoration:none;
	background-color:#eefbff;
}
.dgItem
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 10px;	
	text-decoration:none;
	background-color:#ffffff;	
	border-bottom-width:thin;
		
}
.dgHeaderItem
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 10px;		
	background-color:#dfeff5;
	height:23px;
}

.dgCell
{
	border-bottom-style:solid;
	border-bottom-color:#b2e7fa;
	border-bottom-width:1px;
	height:20px;	
}

.dgCellHeader
{
	border-bottom-style:solid;
	border-bottom-color:#b2e7fa;
	border-bottom-width:medium;
}
.dgMsgTotal
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 10px;		
}


.porto_principal{
	margin:auto;
}

.porto_total{
    background-image:url('IMGS/proposta_principal.jpg');
    width:598px;
    margin:auto;
    
}

.porto_topo{
	background:url('IMGS/proposta_topo.jpg') no-repeat;
	width:598px;
	height:190px;
	float:left;
}

.porto_rodape{
    background:url('IMGS/proposta_rodape.jpg') no-repeat;
    height:15px;
}

/* textos e caixas*/

.porto_titulo{
	margin-left:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	color:#152f83;
}

.porto_itens{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#4b4c4c;

}

.porto_box{
	border:1px solid #152f83;
	/*color:#000000;*/
	width:200px;
}

/*botao excluir*/
.bt_excluir
{
	background:url('IMGS/bt_excluir.png') center left no-repeat;
	margin-left:10px;
	width:17px;
	height:18px;
	font-size:18px;
	margin-top:0px;
	

}


/* -- Partes css Porto Seguro -- */

/* Titulos */
h1 { color: #004059; font-size: 1.8em; font-family: "Trebuchet MS", sans-serif; padding-bottom: 9px; margin-bottom: 13px; background: url('imagens/h1_linha.png') left bottom no-repeat; text-transform: uppercase; }
h3 { clear: both; color: #00aeef; font-size: 1.90em; font-family: "Trebuchet MS", sans-serif; margin: 15px 0 34px; font-weight: normal; text-transform: uppercase; }
h4 { color: #004059; font-size: 1.63em; font-family: "Trebuchet MS", sans-serif; margin-bottom: 9px; }
p.introducao { color: #095676; font-size: 1em; font-family: Verdana, sans-serif; margin-bottom: 20px; }
form fieldset .topo_destaque { display: none; margin: 0 auto 10px; width: 735px; height: 70px; background: #fff; }
form fieldset .topo_destaque.ativo { display: block; }
form fieldset .topo_destaque img { width: 735px; height: 70px; }


/* Textos */
p { color: #095676;
	font-family:Verdana, sans-serif;
	font-size:1em; }

.texto { clear: both; margin: 10px 0; }
.texto h4 { color: #004059; }



/* validacao formularios */
form fieldset ol li { position: relative; }
form fieldset ol li .ajuda { display: none; position: absolute; z-index: 999; top: -20px; left: 50%; }
* html form fieldset ol li .ajuda { left: 12%; }
form fieldset ol li .ajuda.ativo { display: block; } 
form fieldset ol li.validacao label { background: url(../imagens/icones_validacao.png) bottom left no-repeat; }
form fieldset ol li.validacao.erro label { background-position: top left; }


/* Passo 1 */
form fieldset dl { margin-top: 27px; }
form fieldset dl dt { margin-bottom: 12px; clear: both; font-family: "Trebuchet MS", sans-serif; color: #00aeef; font-size: 1.3em; }
form fieldset dl dd  { margin-bottom: 35px; }
form fieldset dl dd ol li p { display: inline; margin-right: 5px; }
form fieldset dl dd ol li label { float: left; padding-left: 15px; width: auto; margin-right: 6px; text-align: left; }
  form fieldset dl dd ol li label.tipo1 { width: 84px; text-align: right; }
  form fieldset dl dd ol li label.tipo2 { width: 160px; text-align: right; }
form fieldset dl dd ol li input { border: 1px #06739e solid; }
form fieldset dl dd ol li label input { border: 0; }
  form fieldset dl dd ol li .ano { width: 88px; }
.passo1 fieldset .dados { clear: both; }
.passo1 fieldset .dados table { float: left; }
p.obs { margin: 15px; width: 240px; }

/* Formularios */
form fieldset { border: 0; margin: 1px; padding: 15px 0 0 10px; clear: both; }
form fieldset ol { list-style: none; clear: both; }
form fieldset ol li { clear: both; margin-bottom: 14px; }
html > body form fieldset ol li { float: left; }
form fieldset ol li label { float: left; width: auto; color: #004059; margin: 5px 0 0 5px; }
  form fieldset ol li label.tipo1 { width: auto; }
  form fieldset ol li label.tipo2 { width: 160px; }
form fieldset input { border: 1px #06739e solid; }
form fieldset label input { border: 0; }
form fieldset ol li ul.radios { display: inline; }
form fieldset ol li ul.radios li { display: inline; clear: none; }
form fieldset ol li ul.radios li label { width: auto; }
form fieldset ol li ul.radios li label input { width: auto; border: 0; }
form fieldset ol li ul.checkbox { margin-top: 20px; clear: both; width: 500px; list-style: none; }
form fieldset ol li ul.checkbox li label { width: auto; text-align: left; }
form fieldset ol li ul.checkbox li label input { width: auto; border: 0; }
form fieldset ol li ul.checkbox li { clear: both; }
form fieldset ol li ul.checkbox.colunas { list-style: none; width: 670px; margin-top: 20px; }
form fieldset ol li ul.checkbox.colunas li { width: 335px; float: left; clear: none; }
form fieldset ol li ul.checkbox.colunas li label { width: auto; display: inline; text-align: left; }
form fieldset ol li ul.checkbox.colunas li input { display: inline; border: 0; }

/* Tabela bordas arredondadas 
table { text-align: center; clear: both; margin-top: 15px; }
table .esquerda,
table .direita { float: none; }
table thead tr th { border-top: 1px #b2e7fa solid; }
  table thead tr th p { margin-top: 8px; padding: 8px; border-width: 0 1px 1px 0; border-color: #b2e7fa; border-style: solid; color: #00aeef; }
table thead tr th.esquerda { padding-top: 1px; border: 0; background: url(../imagens/tabela_superior_esquerda.png) left top no-repeat; }
  table thead tr th.esquerda p { margin-left: 8px; }
table thead tr th.direita { padding-top: 1px; border: 0; background: url(../imagens/tabela_superior_direita.png) right top no-repeat; }
  table thead tr th.direita p { margin-right: 8px; border-right: 0; }

  table tbody tr th { border-width: 0 1px; border-color: #b2e7fa; border-style: solid; font-weight: normal; }
    table tbody tr th p { padding: 8px; border-width: 0 0 1px; border-color: #b2e7fa; border-style: solid; margin-left: 8px; }
  table tbody tr th.esquerda { border: 0; background: url(../imagens/tabela_inferior_esquerda.png) left bottom no-repeat; }
    table tbody tr th.esquerda p { padding: 8px; border-right: 1px #b2e7fa solid; border-bottom: 0; }
  table tbody tr td p { padding: 8px; border-width: 0 1px 1px 0; border-color: #b2e7fa; border-style: solid; }
  table tbody tr td.direita { border-right: 1px #b2e7fa solid; }
    table tbody tr td.direita p { border-right: 0; margin-right: 8px; }
    table tbody tr td.direita.base { border: 0; background: url(../imagens/tabela_inferior_direita.png) right bottom no-repeat; }
    table tbody tr td.miolo { border-bottom: 1px #b2e7fa solid; }
      table tbody tr td.miolo p { border-bottom: 0; }
      table tbody tr td.base p { border-bottom: 0; margin-bottom: 8px; }*/






/* -- css com base no da Porto Seguro, porém mantendo-se estrutura html -- */

.texto {color: #004059; }

/*para * tipo campo de preenchimento obrigatorio */

.obs { color: #095676; font-size: 0.6em; }

/*titulo formulario*/

.titulo_form { margin-bottom: 12px; clear: both; font-family: "Trebuchet MS", sans-serif; color: #00aeef; font-size: 1.3em; }

/*itens formulario*/
.itens_form { float: left; padding-left: 15px; width: auto; margin-right: 6px; text-align: left; font-family: Verdana, sans-serif; color: #095676; font-weight: bold;}

/*para as caixas de preenchimento do usuario*/
.quadro_form {border: 1px #06739e solid; font-size: 0.8em; margin-bottom:8px; }

/* botoes dentro do formulario */

.button_verde { border: 0; font-family:Verdana, sans-serif; font-size: 10px; margin-left: 5px; width: 75px; height: 22px; color: #095676; font-weight: bold; background: url(imagens/botao_verde.png) no-repeat; }
.button_verde:hover { background-position: bottom; }

.button_verde_grande { border: 0; font-family:Verdana, sans-serif; font-size: 10px; margin-left: 5px; width: 375px; height: 22px; color: #095676; font-weight: bold; background: url(imagens/botao_verde_grande.png) no-repeat; }
.button_verde_grande:hover { background-position: bottom; }

/* botoes de finalizacao */

.button_azul { width: 129px; height: 56px; background: url(imagens/botao_azul_continuar.png) left top no-repeat; font-family: "Trebuchet MS", sans-serif; font-size: 1.27em; color: #caef00; text-transform: uppercase; font-weight: bold; }
.button.azul:hover { background-position: left bottom; }
.button_azul2 { width: 199px; height: 56px; background: url(imagens/botao_azul_finalizacao.png) left top no-repeat; font-family: "Trebuchet MS", sans-serif; font-size: 1.27em; color: #caef00; text-transform: uppercase; font-weight: bold; }
.button_azul2:hover { background-position: left bottom; }



/* *************Modal PopUp****************/
.Modal_Pop_Up_Colorido1
	{
		text-align:center;
		/*background-color:#ffffdd;*/
		background-color:#B30101;
		border-width:2px;
		border-style:dotted;
		border-color:#E3E4E6;
		padding: 3px;
	}
	
.modalPopup {
    /*background-color:#ffffdd;*/
    background-color:#EAEFF3;
    border-width:1px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    }
    	
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity:0.7;
}

/* Comunicado provisório */
.comunicado
{
	 z-index:5; 
	 width:180px; 
	 height:182px; 
	 position:fixed;
	 _position:absolute;
	 bottom:5px;
	 background-color:#5063a7;
	 text-align:right;
	 right:5px;
	 margin:auto;
}

.bt_fechar
{
	font-size:11px;
	color:White;
	background:url('../../../venda/img/fechar.jpg') top right no-repeat;
	height:18px;
	width:78px;
	border:0px;
	cursor:pointer;
}

.bt_fechar:hover
{
	background:url('../../../venda/img/fechar_h.jpg') top right no-repeat;
	text-decoration:underline;
}

