﻿/* CSS PAINEL DE CONTROLE - PORTAL DA ESCOLA */

*{
	margin:0px;
	padding:0px;
}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#B5DBE3 url('IMGS/img_fundo.jpg') repeat-x fixed;
	position:relative;
	text-align:center;	
}

a{
	text-decoration:none;
	color:#095676;
	margin-top:10px;
	font-size:11px;
}

a:visited{
	text-decoration:none;
}

a:link{
	text-decoration:none;
}

a:active{
	text-decoration:underline;
}

a:hover{
	text-decoration:underline;
}

p{
	color:#095676;
	margin: 15px 15px 0px 10px;
}

h1{
	color:#004059;
	font-size:1.3em;
	font-weight:bolder;
}

h2{
	
}

h3{
	
}

/* DIVS	*/

/* Topo */
#barra_Topo{
	background:#005496 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:10px;
	background-image:url('IMGS/fundomenu.jpg');
	background-repeat:repeat-y;
}

#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');*/
		background-image:url('IMGS/Topo.jpg');
		width:783px;
		height:112px;
	}
	
		#login{
			width:190px;
			height:80px;
			float:right;
			margin:20px 20px 0px 20px;
			line-height:15px;
		}
		
		#login strong{
			color:#005496;
			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;
		}
		

	
	#meio{
		background-image:url('IMGS/funco_cont.jpg');
		background-repeat:no-repeat;
		width:783px;
		min-height:450px;
	}
	
	#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('../imagens/caixa_conteudo.jpg');
	background-repeat:no-repeat;
	margin:4px;
	padding:6px;	
}

#col2{
	float:right;
	height:371px;
	width:371px;
	padding-right:1px;
	
}

#fundo_branco{
	width:550px;
	background-color:#FFFFFF;
	float:right;
	margin-right:15px;
	padding-right:10px;
	margin-top:10px;
	padding-left: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:#EAF4F6;
	border:1px #DFEFFF solid;
	margin:10px;
}

.msg p{
	line-height:15px;
}

.msg b{
	color:#095676;
}

#logar{
	/*width:400px;*/
	background-color:#E7EBF5;
	/*
	float:left;
	margin-left:250px;
	*/
	padding:15px;
	line-height:20px;
	position:relative;
	margin-top:20px;
}

/* CLASS*/
.caixa{
	margin:5px;
	padding:4px 5px 0px 0px;
	background:url('../imagens/caixa.jpg') no-repeat;
	width:372px;
	height:81px;
	line-height:14px;
}

.caixa strong{
	color:#005496;
	margin-top:15px;
}

.menu_lat{
	width:183px;
	background: #003366 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: #003366 url('IMGS/menu_t.jpg') no-repeat top left; 
}

.menu_baixo{
	height:9px;
	background:#003366 url('IMGS/menu_b.jpg') no-repeat left bottom;
}

.textbox
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*height:20px;*/
	/*margin:3px;*/
	margin-bottom:8px;
	border:1px solid #06739E;

}
.textForm{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bolder;
	color:#095676;
}

.bt_form{
	background-color:#0E1877;
	color:#FFFFFF;
	font-size:10pt;
	border:2px solid #005496;
}

.Titulo{
	font-family:"Trebuchet MS",sans-serif;
	font-size:1.1em;
	margin-bottom:5px;
	color:#00AEEF;
}


.SubTitulo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#06739E;
}

.Busca{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#004059;
}

.Alerta{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#095676;
}

.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:#E7E1CB;*/
	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;		
}


/*botoes verdes*/
/* 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(IMGS/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(IMGS/botao_verde_grande.png) no-repeat; }
.button_verde_grande:hover { background-position: bottom; }

/*maior titulo*/
.titulo1
{
	background:transparent url(IMGS/h1_linha.png) no-repeat scroll left bottom;
	color:#004059;
	font-family:"Trebuchet MS",sans-serif;
	font-size:1.8em;
	margin-bottom:13px;
	padding-bottom:9px;
	text-transform:uppercase;
	font-weight:bold;
}


/* 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; }


	




