@charset "utf-8";
/*
*
* Secult - Secretaria Municipal de Educação, Cultura, Esporte e Lazer
* Html / Css @autor Elton Sacramento - elton18augusto@gmail.com
* Layout     @autor Gabriel Vaz - 
*
*/

/* Browser Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input,hr,a {margin:0; padding:0;}
pre,code,address,caption,cite,em,th {font-size:1em; font-weight:normal; font-style:normal;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td{vertical-align:top;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

body{
	background:url(../../img/sistemaestruturado/bg-site.gif) repeat-x #FFF;
	/*background:url(../img/bg-site.gif) repeat-x #FFF;*/
	}

/* Estrutura */
.site{
	width:950px;
	padding:0 10px 0 40px;
	margin:auto;
	font-family:'Source Sans Pro', sans-serif;
}

.topo{
	height:90px;
	position:relative;
}

.corpo{
	width:100%;
	float: left;
	margin-top:25px;
}

/* Topo */
.topo h1{
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	left:0;
	top:15px;
	position:absolute;
}

.topo img{
	position:absolute;
	right:0;
	top:10px;
}

/* Corpo */
.corpo p{
	font-size:14px;
        text-align: justify;
}

.corpo div.cont-input{
	width:auto;
	border-left:3px solid #3485C2;
	margin:0 10px 30px 0; 
	position:relative;
	float:left;
}

	.corpo div.cont-input i{
		position:absolute;
		left:6px;
		top:4px;
		font-size:16px;
		color:#B3B3B3;
	}

.corpo div.cont-submit{
	width:68px;
	position:relative; 
	float:left;
}

	.corpo div.cont-submit i{
		position:absolute;
		right:6px;
		top:3px;
		font-size:16px;
		color:#FFF;
	}

.corpo div.cont-file{
	width:100px;
	height:34px;
	position:relative;
	float:left;
}

	.corpo div.cont-file i{
		position:absolute;
		left:20px;
		top:10px;
		font-size:16px;
		color:#FFF;
	}
.corpo div.cont-salvar{
	width:100px;
	height:34px;
	position:relative;
	float:left;
}

	.corpo div.cont-salvar i{
		position:absolute;
		left:20px;
		top:10px;
		font-size:16px;
		color:#FFF;
	}

.corpo div.cont-imprimir{
	width:180px;
	margin:20px 10px 0 0;
	position:relative;
	float:left;
}

.corpo div.cont-alterar{
	width:130px;
	float:left;
	position:relative;
	margin-top:20px;
}

	.corpo div.cont-imprimir i, .corpo div.cont-alterar i{
		position:absolute;
		left:10px;
		top:10px;
		font-size:17px;
		color:#FFF;
	}

	.corpo form input[type=text], .corpo form input[type=password]{
		width:120px;
		font-size:16px;
		border:1px solid #EAEAEA;
		border-left:0;
		padding:2px 2px 2px 26px;
		color:#B3B3B3;
	}

	.corpo form button, .corpo form input[type=submit]{
		width:68px;
		font-size:15px;
		padding:3px 14px 3px 4px;
		background:#0066B2;
		color:#FFF;
		cursor:pointer;
		margin:0;
		border:0;
	}

		.corpo form div.cont-salvar  input[type=submit]{
			width:120px;
			background:#1b7d00;
			padding:10px 20px 10px 35px;
			font-size:17px;
		}

		 .corpo form div.cont-imprimir .bt-imprimir{
			width:334px; 
			background:#1b7d00;
			padding:10px 10px 10px 30px;
			font-size:17px;
		}

		.corpo form div.cont-alterar .bt-alterar{
			width:150px;
			background:#BC0000;
			padding:10px 10px 10px 30px;
			font-size:17px;
		}

	.corpo form div{
		width:100%;
		display:table;
	}

	.corpo form h6, .popup div form h6{
		font-size:16px;
		font-weight:normal;
		margin:20px 0 10px 0;
	}

		.corpo form span, .popup div form span{
			font-size:12px;
			font-weight:bold;
			color:#FFF;
			padding:4px 6px 4px 6px;
			background:#0066B2;
		}

		.corpo form label, .popup div form label{
                        width:98%;
			font-size:12px;
			margin:0 0 5px 5px;
                        display:inline-block;
                        vertical-align: top;
                        text-align: justify;
                        
		}

	.corpo form i.icon-check{
		font-size:26px;
		color:#0066B2;
	}

.dados-diretor-escola{
        width:100%;
	position:relative;
        float:left;
        margin-bottom:40px;
}

.dados-diretor-escola i{
	font-size:40px;
	color:#0066B2;
	float:left;
	margin-right:10px;
}

.dados-diretor-escola span{
	font-size:16px;
	font-weight:bold;
	color:#000;
	display:block;
    float:left;
}

.cont-sair{
	width:60px;
	float: left;
	position:relative;
    margin-left:30px;
}

	.cont-sair i.icon-off{
		font-size:16px;
		color:#FFF;
		position:absolute;
		left:10px;
		top:10px;
	}

	.cont-sair .bt-sair{
		width:75px;
		height:34px;
		color:#FFF;
		font-size:17px;
		background:#BC0000;
		border:0;
		cursor:pointer;
		padding-left:35px;
	}

.corpo form .cont-pesquisa{
	width:100%;
	float:left;
	margin:15px 0 35px 0;
}

	.corpo form .cont-pesquisa .pesquisa{
		width:140px;
		position:relative;
		background:none;
		padding:0;
		float: left;
		
	}

	.corpo form .cont-pesquisa input[type=text]{
		width:120px;
		font-size:13px;
		background:#E6E6E6;
		color:#333;
		border:0;
		padding:3px 20px 3px 3px;
	}

	.corpo form .cont-pesquisa i{
		color:#333;
		font-size:15px;
		position:absolute;
		right:0px;
		top:3px;
	}

	.corpo form .cont-pesquisa select{
		width:160px;
		margin-left:20px;
		font-size:13px;
		float: left;
	}

.corpo form .cont-resultado{
	width:100%;
	float:left;
}

.corpo form .cont-resultado span{
	width:100%;
	font-size:12px;
	font-weight:bold;
	color:#000;
	margin-bottom:10px;
	float: left;
	background:none;
	padding:0;
}

.corpo form .cont-resultado table thead{
	font-size:14px;
	font-weight:bold;
}

.corpo form .cont-resultado table tbody{
	font-size:14px;
}

	.corpo form .cont-resultado table tr{
		border-bottom:2px solid #CCC;
	}

.corpo form .cont-resultado table tbody i.icon-ok{
	color:#009245;
	font-size:14px;
}

.corpo form .cont-resultado table tbody i.icon-remove{
	color:#FF0000;
	font-size:14px;
}
.corpo form .cont-resultado table tbody i.icon-remove-circle{
color: #FFBA00;
font-size: 14px;
}
/* Gráficos */
.corpo div.box-pizza, .corpo div.box-graficos{
	width:305px;
	height:244px;
	border:1px solid #0095FF;
	float:left;
	margin-bottom:20px;
        padding-bottom:10px;
}

	.corpo div.box-graficos{
		width:188px;
		margin-left:16px;
	}

	.corpo div.box-pizza h1, .corpo div.box-graficos h1{
		width:98.4%;
		font-size:13px;
		background:#0095FF;
		padding:4px 2px 4px 3px;
                margin-bottom:10px;
		color:#FFF;
	}

		.corpo div.box-graficos h1{
			width:98.3%;
		}

		.corpo div.box-pizza h1 i, .corpo div.box-graficos i{
			margin-right:4px;
		}

	.corpo div.box-graficos span{
		background:none;
		color:#333;
		font-size:11px;
		margin:5px 0 0 0;
		float: left;
		padding-bottom:2px;
	}

	.corpo div.box-graficos span i{
		font-size:13px;
		color:#7F7F7F;
	}

	.corpo div.box-graficos table{
		width:160px;
		
		float:left;
		display:table;
		margin-left:6px;
		font-size:12px;
		color:#000;
	}

	.corpo div.box-graficos table tr td{
		padding:4px 0;
                
	}

		.corpo div.box-graficos table tr td.azul-escuro{
			background:#0051B2;
		}

		.corpo div.box-graficos table tr td.azul-claro{
			background:#007CFF;
		}

		.corpo div.box-graficos table tr td.azul-medio{
			background:#0054C1;
		}

.bt-excel{
	width:116px;
	position:relative;
	margin-left:20px;
}

.bt-excel button.bt-file{
	width:210px;
	padding-left:25px;
	float: left;
	background:#008F00;
	cursor:pointer;
	display:block;
}

	.corpo form .bt-excel i.icon-file{
		position:absolute;
		left:6px;
		top:3px;
		color:#FFF;
	}
        /* Popup */
.popup{
	width:100%;
	height:100%;
	z-index:99;
	position:absolute;
	left:0;
	top:0;
}

	.popup div.cont-popup{
		width:450px;
		height:350px;
		margin:auto;
		position:absolute;
		left:50%;
		top:50%;
		margin:-144px 0 0 -245px;
		padding:20px 20px 20px 20px;
		background:#FFF;
		-webkit-box-shadow: 0px 0px 14px rgba(46, 46, 50, 0.5);
		-moz-box-shadow:    0px 0px 14px rgba(46, 46, 50, 0.5);
		box-shadow:         0px 0px 14px rgba(46, 46, 50, 0.5);
		font-family:'Source Sans Pro', sans-serif;
		position:relative;
	}

		.popup div h1{
			font-size:16px;
			font-weight:bold;
			color:#333;
		}

		.popup div i.icon-check{
			font-size:26px;
			color:#0066B2;
			float:left;
			margin-right:5px;
		}

		.popup div i.icon-remove-sign{
			font-size:22px;
			color:#FF0000;
			position:absolute;
			right:10px;
			top:10px;
			text-decoration:none;
		}
.corpo form div.alerta-home{
	width:480px;
        /*
	background:#FFFFAC;*/
        background:#FFFF7D;
        
            
        padding:12px 12px 12px 35px;
	position:relative;
	margin:0px 400px 30px 0;
	float:left;
}

	.corpo form div.alerta-home i.icon-warning-sign{
		position:absolute;
		left:12px;
		top:16px;
		font-size:14px;
		/*color:#333;*/
		color:#717171;
	}

	.corpo form div.alerta-home h1{
		font-size:16px;
		font-weight:200;
		/*color:#333;*/
                color:#000;
		margin-bottom:5px;
	}

	.corpo form div.alerta-home h2{
		font-size:11px;
		color:#555;
	}

		.corpo form div.alerta-home h2 a{
			color:#0066B2;
		}