/* Standard */
p{ text-align: justify; }

big, .big{ font-size: 1.1em; }
.small, small{ font-size: 75%; }
.strong{ font-weight: bold; }
.em{ font-style:italic; }
.green{ color: green; }
.red{ color: red; }

.tl{text-align: left;}
.tr{text-align: right;}
.tc{text-align: center;}
.hide{display: none;}
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; }
.margin{margin-left: 10px;}
.black{ color: #000; }

img { vertical-align: middle; }

h1{ font-size: 18px; }
h2{ font-size: 16px; }
h3,h4{ font-size: 14px; }
h4{ font-weight: normal; }

h1, h2, h3, h4, p{
	padding: 2px 0;
	margin: 8px 0;
}
h2, h3, h4{
	border-bottom:1px dotted #CCCCCC;
}
table{
	margin: 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
table thead th, table thead td, legend, .legend, tr.legend td{
	background:url("imagens/table-head.gif") repeat-x scroll center top #E2E2E2;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#333333;
	font-weight:700;
	padding:6px 8px;
}
table tbody td {
	border-right:1px dotted #CCCCCC;
	font-size:93%;
	padding: 3px 6px;
	vertical-align:middle;
	/*white-space: nowrap;*/
}

table tbody tr.even:hover td, table tbody tr.odd:hover td {
	background: #e1e1e1;
}

table tbody tr.odd td{
	background: #f2f2f2;
}

table tbody tr.top{
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-size:75%;
	font-weight:bold;
}

table tfoot td{
	border-top: 1px solid #ccc;
	padding: 2px 4px;
	white-space: nowrap;
	border-right:1px solid #CCCCCC;
}
table tfoot td.legend, tr.legend td{
	background:url("imagens/table-head.gif") repeat-x scroll center top #E2E2E2;
	
	color:#333333;
}
.paginate{
	margin: 5px 0;
}
table tfoot td a{
	text-align: center;
	border: 1px solid #ccc;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	background: url("imagens/button_default.png") repeat-x center 0 #E9E9E9;
	padding: 1px 2px;
}

table tfoot td a:hover, table tfoot td a.paginate_sele{
	background: url("imagens/button_default.png") repeat-x center -24px #E9E9E9;
}

form label {
    display: block;
    font-weight: bold;
    padding: 6px 0 4px;
}
form label.inline{
	display: inline;
	 font-weight: normal;
}

form input, form select, form textarea, form .wysiwyg {
	font-family: segoe ui,Arial,sans-serif;
    background: url(imagens/form.png) repeat-x left top #fff;
    border: 1px solid #D5D5D5;
    color: #333333;
    font-size: 11px;
    padding: 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
form button{
	margin: 6px 0 0 0;
}

legend{
	border:1px solid #CCCCCC;
	margin-right: 5px;
}


/* Estrutura */

div#wrapper{float:left; width:100%}
div#content{margin-left:200px; padding: 10px; }
div#nav{float:left;width:200px; height: 100%; position: absolute;}
div#body{ background: #fff; border: 1px solid #D5D5D5; padding: 5px;}


/* Style */
body{ 
	color: #555;
	font-family: segoe ui,Arial,sans-serif;
	/*font-family: Arial,Helvetica,sans-serif;*/
    font-size: 12px;
	line-height: 15px;
	background: url(imagens/bg_fill.png); 
}
body.body{
	background: url(imagens/nav_bg.png) 0px 0px repeat-y  #F0F0F0; 
	margin-top: -8px;
}
a {
    color: #265b8d;
    text-decoration: none;
}
a img {
	vertical-align: text-bottom;
}

div#nav{color: #888;}
div#content{background: url(imagens/bg.png) 0px 0px no-repeat; min-height: 250px;}

#nav a{
	color: #CCCCCC;
	text-decoration: none;
}
#nav a:hover{
	color: #fff;
}
#nav p{
	margin: 30px 6px 20px;
	line-height: 20px;
}
#nav ul li a{
	text-align: right;
	padding: 5px 15px;
	font-size: 13px;
	display: block;
	color: #AAAAAA;
	
}
#nav ul li a.sele{
	font-weight:bold;
	color: #fff;
	background: url(imagens/nav_simple.png) top right no-repeat;
}
#nav a.nav{
	color: #fff;
	background: url(imagens/nav.png) top right no-repeat;
	font-weight:bold;
	padding: 15px;
}
#nav a.nav.sele{
	background: url(imagens/nav_over.png) top right no-repeat;
	color: #000;
	
}

.button:hover, button:hover{
    background: url("imagens/button_default.png") repeat-x center -24px #E9E9E9;
    border-color: #C8C7C7;
    color: #727070;
}
.button:active , button:active{
    background: url("imagens/button_default.png") repeat-x center -48px #E9E9E9;
    border-color: #C8C7C7;
    color: #4C4545;
}
.button , button {
    background: url("imagens/button_default.png") repeat-x center 0 #E9E9E9;
    border: 1px solid #DADADA;
    color: #8D8B8B;
    /*cursor: default;*/
     font-size: 12px;
    line-height: 6px;
    padding: 2px 3px;
	border: 1px solid #D5D5D5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input.pesquisa {
    background: url("imagens/icons/document-search-result.png") no-repeat scroll 1px 1px #F5F5F5;
    border: 1px solid #CCCCCC;
    padding-left: 20px;
}

.login{
	width: 550px; 
	left: 25%; 
	top: 100px;
	position: relative;
}
.login_logo{
	float:left;
	width: 200px;
	text-align:right;
	padding: 50px 0;
}
.login_box{
	margin-left: 200px; 
	background: #fff; 
	padding: 15px 50px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

ul.lista{
	margin-top: 2px;
}

.lista li{
	border: 1px solid #D5D5D5;
	margin-bottom: 2px;
	padding: 2px;
}
.lista li:hover{
	border: 1px solid #999;
}


.lista dt{
	padding-left: 5px;
	font-weight: bold;
}
.lista dd{
	border: 1px solid #ccc;
	margin: 3px 3px 3px 7px;
	padding: 3px;
}
.lista dd a{
	float: right;
}
.lista dd div{
	border-top: 1px solid #ccc;
}
.lista dd:hover{
	border: 1px solid #999;
}

#acessos{
	background: #ccc;
	color: #000;
	margin: 3px;
	padding: 3px;
	border: 1px solid #000;
}

.turma{
	display: block;
	width: 250px;
	padding: 0 3px;
	cursor: pointer;
	height: 215px;
}

.turma div{
	margin: 6px 6px;
}
.turma table{
	width: 240px;
	
}

.sessao{
	display: block;
	border: 1px solid #ccc;
	margin-bottom: 4px;
	padding: 2px;
}

.sessao div{
	border-top: 1px solid #ccc;
	padding: 4px;
}

.sessao:hover{
	border: 1px solid #999;
}

tr.falta td, .falta{
	color: red;
}


.sumario, div.sumario{
	color: #000;
	background: #eaeaea;
	padding: 10px;
}


.sucesso{
	border: 1px solid green;
	color: green;
	background: #f5f5f5;
	text-align: center;
	padding: 10px;
}

.erro{
	border: 1px solid red;
	color: red;
	background: #f5f5f5;
	text-align: center;
	padding: 10px;
}