/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { background:#070c4d; font-family: Segoe UI, Calibri, Trebuchet MS, Helvetica , Arial, sans-serif; font-size:.8125em; line-height:1.125em; color:#242424;}

body.overflow{ overflow-y:auto; overflow-x:hidden; }

header{ height: 150px; }

.branco{ background-color:white;}

html { min-width:600px; overflow-x: hidden;}
html, body { height:100%;}

section{
	padding: 0 0 20px 0;
}

/* Global Structure ============================================================= */
.container {
	margin: 0px auto;
	position:relative;
	background-color: white;
	font-size:.8125em;
	min-width:1280px;
	height: 71%;
	/*min-height: 100%;*/
	/*overflow:auto;
	/*
	border-right: 100px solid #333;
	border-left: 100px solid #333;*/
}

.containerHeader {
	margin: 0 auto;
	margin-bottom: 50px;
	position: absolute;
	width: 100%;
	font-size:.8125em;
	/*
	border-right: 100px solid #333;
	border-left: 100px solid #333;*/
}

.containerFooter {
	margin: 0 auto;
	position: relative;
	margin-top: 20px;
	
	font-size:.8125em;
}

	/* Header */
	
	header{
		height:180px;
		background: #070c4d;
		background-color: #070c4d;
	}
	
	/*Gallery*/
	#gallery {
		height:496px;

		background:url(../images/geral/img_solicitacao_gallerry-bg.gif) 0 0 repeat-x;
	}
	
	/* Sidebar */
	aside{
		border-bottom: 1px solid gray;
		padding: 5px;
	}
	
			
	/* Footer */
	footer{
		padding:0;
	
	}




/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.bold_r {float:right; font-style:bold;}
.italic { font-style: italic; }

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	/*overflow:hidden;*/
}

/* The inside class provides consistent padding. To be used often! */
.inside{ 
	margin: 0 auto;
	width: 920px;
}

.inside_inicio{
	padding: 30px 200px 30px 200px;
}

.inside p, .inside_inicio p{
	font-size:16px;
}


/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	width: 100%;
	margin-top: -2px;
}

input.button{
	padding: 5px; margin: 5px; width:auto; background: midnightblue; color: white;
}

input.button:hover{
	cursor: pointer;
}

/*----- other -----*/
figure { margin-bottom:18px;}

.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:15px;
}
	.img-box figure { 
		float:left; 
		margin:0 20px 0 0;
		padding:0;
	}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:18px;}
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;
}


.sim_nao { 
         margin-bottom:6px;
         color:red;
         text-decoration:underline;
         font-size:12px;
         cursor: pointer;
}

.img_hand { 
         cursor: pointer;
}


/*----- txt, links, lines, titles -----*/
a {
	color:white;
	text-decoration:none; 
	outline:none;
}

a.black{
	color: black;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

p.black{
	color: black;
	font-weight: 100;
	font-size: 12px;
	max-width: 100px;
}

p.erro{
	color: #e81a1a;
	padding: 10px;
	margin: 20px;
	text-align: center;
}

p.erro img{
	margin-top: -5px;
	margin-right: 5px;
}

p.sucesso{
	color: green;
	padding: 10px;
	margin: 20px;
	text-align: center;
	font-weight: bold;
	
}

p.sucesso img{
	margin-top: -5px;
	margin-right: 5px;
}

h1 {
	font-size:40px;
	line-height:1.2em;
	color:black;
	font-weight:normal;
	margin-top: 20px;
	height: 55px;
	width: 250px;
	padding:6px 0 8px 69px;
	position:absolute;
	left:39px;
	top:6px;
}

h1 span {
	color: gray;
}

.logo{
	height: 55px;
	padding:6px 0 8px 69px;
	position:absolute;
	float: left;
	top:30px;
}


.logo2{
	height: 100px;
	padding:20px 8px 8px 8px;
	position:absolute;
	float: left;
	top:10px;
}


/*
.logo2{
	padding:0px 0px 0px 0px;
	position:absolute;
	float: left;
	top:40px;
}
*/

	h1 a {
		color:#fff;
		text-decoration:none;
	}
	
h2 {
	font-size:18px;
	line-height:1.2em;
	font-weight:100;
	color:#cfcfcf;
	margin-bottom:18px;
}

.cinza{
	color: #212222;
}
	h2 span {
		color:#0462b9;
		font-size: 18px;
	}
	
	h2 span.admin{
		color:#ab2828;
	}
h3 {
	
	font-size:20px;
	margin-bottom:6px;
	display: inline;
	
}
	h3 a { 
		color:#242424;
	}
	h3 a:hover {
		color: #86bee1;
	}

.titulocurso {
	font-size:14px;

}


/*==================boxes====================*/
.body_exception{
	overflow: hidden;
	background-color:white;
	width: 800px;
	margin: 0 auto;
	padding-top: 150px;
}

.white{
	color: white;
}

.white_label{
	color: white;
}

.content{
	margin-top: 50px;
}

.left_sidebar{
	background-color: whitesmoke;
	height: 100%;
	padding: 15px;
	min-width: 200px;
	max-width: 320px;
	position: absolute;
	left: 0;
	margin-top: -10px;
	z-index: 500;
	border-right: 1px solid black;
}


.left_sidebar h2{
	font-size: 30px;
	text-align: center;
	padding: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: -15px;
	margin-top: -15px;
	width: 320px;
	/*background-color: #070c4d;*/
	border-top: 1px solid gray;
}

.left_sidebar h2 span{
	color: black;
	font-style: italic;
}

.left_sidebar img{
	margin-right: 5px;
}

.footer{
	background-color: #070c4d;
	color: #c6c6c6;
	position:absolute;
	z-index: 1000;
   	bottom:0;
   	width:100%;
   	font-weight: 100;
   	font-size: 12px;
   	text-align: center;
   	font-weight: 100;
   	padding: 10px;
}

.footer label{
	position: absolute;
}

.exception_title{
	font-size:40px;
	line-height:1.2em;
	color:black;
	font-weight:normal;
	margin-top: 20px;
	height: 55px;

}

.exception_title span, .exception_description span{
	color: gray;
}

.exception_img{
	float: left;
	margin-top: 40px;
	
}

.exception_description{
	font-size: 20px;
	float: right;
	margin-top: -160px;
	margin-left: 300px;
	text-align: left;
}

.exception_description a{
	margin-top: 30px;
	color: #ffc600;
}

.exception_back a{
	font-size: 20px;
	float: right;
	color: #ffc600;
	margin-left: 300px;
	text-align: left;
}

.main-box {
	background: white;
	width:100%;
}

.contacts {
	padding-bottom:20px;
}
	.contacts li {
		width:100%;
		overflow:hidden;
	}
		.contacts li strong {
			float:left;
			width:95px;
		}


.list1 {
	margin-left:12px;
	padding-bottom:18px;
}
.list1 li {
	background:url(../images/geral/img_solicitacao_arrow1.gif) no-repeat 0 6px;
	padding:0 0 0 12px;
}



/*===== header =====*/
header nav {
	margin-top: 35px;
	margin-left: 270px;
}
		header nav ul li {
			float:left;
		}
		
		header nav ul li a {
			font-size: 12px;
			color:#999;
			line-height:67px;
			text-decoration:none;
			padding-left: 5px;
			padding-right: 5px;
			text-align:center;
			float:left;
   			height: 30px;
		}
		
		header nav ul li p {
			margin-top: -15px;
	
		}
		
		header nav ul li p.login{
			float: right;
		}
		
		header nav ul li a:hover {
			margin-top:0px;
			padding-bottom:50px;
			color: white; 
		}
		
		header nav ul li a.current{
			margin-top:0px;
			padding-bottom:120px;
			color: white;
	   		width: 120px; 
   			height: 30px;
			background-image:url(../images/geral/img_solicitacao_aba_atual.png) ;
			background-repeat:no-repeat;
			background-position: bottom;
		}
		
		.login_info{
			background-color: black;
			border-bottom: 1px solid #696969;
			position: static;
			width: 100%;
			text-align: right;
			color: white;
			padding: 5px;
			float: right;
			text-transform:uppercase;
			height: 15px;
		}
		
		.login_info span{
			color: gray;
		}
		
		.login_info a{
			text-decoration:underline;
			text-transform:none;
		}


/*===== gallery =====*/
.roundabout-holder  { 
	width:850px;
	height:496px;
	margin:0 auto;
}
.roundabout-moveable-item {
   width: 646px;
   height: 416px;
   cursor: pointer;
	 border:3px solid #ccc;
	 border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:3px solid rgba(0, 0, 0, 0.2);
}


/*===== content =====*/
#content_blank {
	padding: 30px;
	margin: 0 auto;
	min-height: 300px;
	max-width: 800px;
	height: 70.2%;
}

#content{
	min-height: 300px;
	max-width: 75%;
	margin-left: 360px;
	/*height: 69.8%;*/
}

#content_relatorio{
	max-width: 900px;
	margin: 20px;
}

.relatorio_titulo{
	padding: 10px;
	background-color: #fff4da;
	border: 2px solid black;
	border-top: none;
	color: black;
	margin-bottom: 10px;
}

	#content img, aside img {
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
	#content img:hover {
		border-color:#bbb;
	}
	
	.msg_inicial{
		text-align: justify;
		font-size: 16px;
		line-height: 30px;
		font-weight: 100;
	}
	
	.saudacao{
		text-indent: 0px;
		font-size: 24px;
		padding-bottom: 30px;
	}
	
	.assinatura{
		text-indent: 0px;
		font-style: italic;
		text-align: right;
		padding-top: 20px;
	}
	
	.msg_inicial p{
		text-indent: 40px;
	}
	

/*--- news list styles ---*/
	.news li {
		overflow:hidden;
		position:relative;
		padding:0 100px 0px 0px;
	}
	
	.news p{
		color:#999;
		margin-left: 30px;
		font-size: 12px;
	}
	
	.news_a{
		color: black;
		font-weight: 100;
		position: absolute;
		margin-top: 50px;
		width: 200px;
		margin:0 auto;
	}
	
	.news_b{
		color: black;
		font-weight: 100;
	}
	
	.news_c{
		color: black;
	}
	
	.news li:last-child {
		padding-bottom:50px;
	}
	
		.news li figure {
			width:128px;
			height:128px;

			position:absolute;
			left:0;
			top:0;
			text-align:center;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
		}
		
		.img_side{
			width:32px;
			height:32px;
			border:none;
			left:0;
			top:-3px;
			text-align:center;
			font-size:10px;
			color:#fff;
			margin-top: -6px;
			text-transform:uppercase;
		}
		
.submenu{
	color: black;
}

.submenu ul{
    padding:0px;
    margin:0px;
    float: left;
    width: 100%;
    background-color: white;
    list-style:none;
    border-bottom: 1px solid black;
}

.submenu ul li { display: inline; padding: 20px; border-left: 1px solid #EDEDED;}

.submenu ul li a {
	margin-right: 20px;
	padding: 20px;
    float:left;
    text-decoration: none;
    color: black;
}



.team-list li {
	width:100%;
	overflow:hidden;
	padding-bottom:43px;
}
.team-list li:last-child {
	padding-bottom:0;
}
	.team-list li figure {
		float:left;
		margin:0 20px 0 0;
		padding:0;
	}

/*===== footer =====*/
/*----- forms -----*/
form { 
	clear:right;
	width:100%;
	
}

form.login{
	width: 300px;
	clear:both;
	padding: 5px;
	font-size: 18px;
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
}

form.login p{
	clear:both;
	padding: 5px;
	padding-left: 0px;
}

form.login label{
	font-weight: 100;
}

form.login input{
	float: right;
}

form.login h2{
	font-size: 32px;
}

form.login button{
	padding: 5px 20px 5px 20px;
	font-size: 14px;
	font-weight: 100;
	background-color: #070c4d;
	color: white;
}

form.login button:hover{
	background-color: white;
	color: black;
}

form.login hr{
	width: 264px;
	margin: 10px;
	margin-left: 0;
}

	form fieldset { 
		margin-top: 5px;
		margin-bottom: 5px;
		border:none;
		float:left;
	}
	
		form .field { 
			clear:both;
			padding: 10px 0px 10px 0px;
		}
		
		/* Deixa atributos de um form na mesma linha */
		form .field_same_line{
			display:inline;
			margin-bottom: 20px;
			margin-top: 20px;
		}
		
			form label { 
				display: block;
				float:left;
				text-align: right;
				line-height:20px;
				padding-bottom:0px;
				font-weight:bold;
				margin-right: 10px;
				/*margin-left: 10px;*/
				margin-top: 2px;
				color: black;
			}
	
			form label.left{
				text-align: right;
				font-weight: normal;
			}
			
			form label.title{
				width: auto;
			}
			
			form label.normal{
				font-weight:normal;
			}

			form label.radio {
				float:left;
				text-align:left;
				margin-bottom: 0px;
				margin-top: 10px;
				width: auto;
				font-weight:normal;
			}
			
			form label.radio_title {
				float:left;
				text-align:left;
				margin-bottom: 0px;
				margin-top: 10px;
				width: auto;
				font-weight:bold;
			}
			
			form input {
				background:white;
				border:1px solid #e5e5e5;
				color:black;
				float:left;
				display: block;
			}
			
			form input:invalid {
				border-color:red;
			}
			
			form input.size{
				padding:1px 0 1px 3px;
				background:none;
				border:1px solid #e5e5e5;
				color:black;
				float:left;
				display: block;
			}
			
			form textarea { 
				border:1px solid #e5e5e5;
	
			}
			form div:last-child {
				/*padding-left:110px;*/
			}
			
			form a{
				color: #f27f02;
				font-size:16px;
				margin-left: 10px;
			}
			
			form button{
				margin-top: 1px;
				background-color:#070c4d;
				border:1px solid #dcdcdc;
				display:inline-block;
				color:white;
				font-family:arial;
				font-size:12px;
				font-weight:normal;
				padding:4px 10px;
				text-decoration:none;
				margin-bottom: 0px;
				float: right;
			}
			
			button.search{
				background-image:url(../images/geral/buscar.png);
				border: none;
				background-repeat: no-repeat;
				background-color: white;
				height: 100%;
			}
			
			button.img{
				background-color: white;
				border: none;
				float: left;
			}
			
			button.img:hover{
				background-color: white;
			}
			
			form button.atualizar{
				background-color: white;
				color: black;
				border: none;
				text-decoration: underline;
			}
			
			form button.atualizar img{
				margin-right: 5px;
				margin-top: -5px;
				
			}
			
			form button:hover {
				background-color:white;
				color: black;
				cursor:pointer;
				cursor: hand;
			}
			
			form button:active {
				position:relative;
				top:1px;
			}
			

.login_input{
	float:none;
	width:200px;
	padding:1px 0 1px 3px;
	background:white;
	height: 20px;
	color:#585858;
	border-color: #585858;
}

.login_box{
	width: 500px;
	height: 300px;
	background-image:url("../images/login/img_solicitacao_login_box.png");
}

.login_area{
	margin-top: 0px;
	float:none;
	width:200px;
	padding:60px 0 1px 3px;
	background:none;
	height: 20px;
	color:#585858;
	border-color: #585858;
}

.blue {
	color: #86bee1;
}

/*==========================================*/

table.menuModulo td{
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	padding-top: 0px;
}

table.menuModulo td img{
	padding-top: 15px;
}

/* Tabela Tipo 1 */
table.tipo1 {
	min-width: 400px;
	border-collapse:collapse;
}

table.tipo1 th {
	font-size: 16px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	overflow: hidden;
	background-color: #ab2828;
	color: white;
	text-align: left;
	padding: 5px;
	padding-left: 10px;
	
}

table.tipo1 th.blue{
	background-color: #3d9cd8;
	color: white;
	font-size: 16px;
	position: inherit;
}

table.tipo1 th.red{
	background-color: #ab2828;
	color: white;
	font-size: 16px;
	position: inherit;
}


table.tipo1 td{
	padding: 10px;
	text-align: left;
	line-height: 20px;
	padding-top: 5px; 
	padding-bottom: 5px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	border-top: 1px solid gainsboro;
	border-right: 1px soild gray;
}

table.tipo1 td.admin{
	line-height: 20px;
	padding-top: 5px; 
	padding-bottom: 5px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	border-top: 1px solid gainsboro;
}

table.tipo1 tr:hover{
	background-color:#c6f2f8;
	color: black;
}

table.tipo1 tr.titulo {
   background-color: #ab2828;
   color: white;
}

table.tipo1 tr.tituloAzul, table.tipo1 tr.tituloAzul th{
	background-color: #3d9cd8;
	color: white;
	font-size: 16px;
}

table.tipo1 tr.titulo td{
	   font-size: 16px;
}

table.tipo1 td.nova{
	background-image:url("../images/geral/img_solicitacao_aberta.gif");
	background-repeat: no-repeat;
}

table.tipo1 td.andamento{
	background-image:url("../images/geral/img_solicitacao_andamento.gif");
	background-repeat: no-repeat;
}

table.tipo1 td.fechado{
	background-image:url("../images/geral/img_solicitacao_fechada.gif");
	background-repeat: no-repeat;
}

table.tipo1 tr.user_disabled{
	color: #e3e3e3;
}

table.tipo1 tr.user_disabled:hover{
	background-color: white;
}
/*==========================================*/
p.vermelho{
	background: none;
	color: red;
}

/* Tabela tipo 2 */

table.tipo2{
	/*margin-left: 20px;*/
	margin-right: 20px;
	min-width: 400px;
	width: 100%;
}

table.tipo2 tr:nth-child(even){
	background-color:#f5fcff;
	border-top: 1px solid gainsboro;
}

table.tipo2 tr:hover{
	background-color:beige;
}

table.tipo2 tr.titulo {
   background-color: white;
}

table.tipo2 tr.titulo:hover {
   background-color: white;
}

table.tipo2 td.img{
	padding: 10px;
	
}

table.tipo2 th{
	text-align: left;
	padding: 5px;
	border-left: 1px solid white;
	background-color: #070c4d;
	color: white;
	text-align: center;
	font-weight: 100;
}


table.tipo2 th.editar{
	background-color: #070C4D;
	width: 20px;
}

table.tipo2 td{
		text-align: left;
		padding: 10px;
		padding-bottom: 2px;
		font-size: 12px;
		border-bottom: 1px solid #e1e1e1; 
}

table.tipo2 td.editar{

}

table.tipo2 img{
	float: left;
}

table.tipo2 td.editar:hover{
}

table.tipo2 form{
	display: inline;
}

table.tipo2 input{
	
}

table.tipo2 button{
	padding-top: 0px;
	margin-top: 0px;
	float: left;
}


table.tipo3 {
}

table.tipo3 td{
	
}

caption{
	/*padding: 10px;
	padding-bottom: 2px;
	margin-right:27px;*/
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	background-color: #0462B9;
	color: white;
	font-size: 18px;
	padding: 10px;
	font-style: italic;
}


/* Tabela cabecalho */

table.cabecalho{
	margin-left: 20px;
	margin-right: 20px;
	width: 100%;
}

table.cabecalho tr:hover{
	background-color:#ffffff;
}

table.cabecalho tr.titulo {
   background-color: white;
}

table.cabecalho tr.titulo:hover {
   background-color: white;
}

table.cabecalho td.img{
	padding: 10px;
	
}

table.cabecalho th{
	text-align: center;
	padding: 10px;
	padding-bottom: 2px;
	border-left: 1px solid white;
	background-color: white;
	color: #070c4d;
}

table.cabecalho th.editar{
	background-color: white;
}

table.cabecalho td{
		text-align: left;
		padding: 10px;
		padding-bottom: 2px;
		font-size: 12px;
		border-bottom: 1px solid #e1e1e1; 
}

table.cabecalho td.editar{
	border: none;
}

table.cabecalho td.editar:hover{
	border: none;
	background-color: white;
}

table.cabecalho input{
}

.com_scroll_relatorios{
	padding: 20px;
}

table.tipo_relatorio{
	/*margin-left: 20px;*/
	min-width: 400px;
	width: 100%;
}

table.tipo_relatorio tr:nth-child(even){
	background-color:#fff4da;
	border-top: 1px solid gainsboro;
}

table.tipo_relatorio tr:hover{
	background-color:beige;
}

table.tipo_relatorio tr.titulo {
   background-color: white;
}

table.tipo_relatorio tr.titulo:hover {
   background-color: white;
}

table.tipo_relatorio td.img{
	padding: 10px;
	
}

table.tipo_relatorio th{
	padding: 5px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	background-color: #ffe5a9;
	color: black;
	text-align: left;
	font-style: italic;
	font-weight: 100;
}


table.tipo_relatorio th.editar{
	background-color: #070C4D;
	width: 20px;
}

table.tipo_relatorio td{
		text-align: left;
		padding: 10px;
		padding-bottom: 2px;
		font-size: 12px;
		border-bottom: 1px solid #e1e1e1; 
}

table.tipo_relatorio td.editar{

}

table.tipo_relatorio img{
	float: left;
}

table.tipo_relatorio td.editar:hover{
}

table.tipo_relatorio form{
	display: inline;
}

table.tipo_relatorio input{
	
}

table.tipo_relatorio button{
	padding-top: 0px;
	margin-top: 0px;
	float: left;
}

/*==========================================*/

.right{ text-align: right;}
.center { text-align: center;}
.left { text-align: left;}
.right_f{ float:right;}

/*=========================================*/

section.videos{
        margin: 0 auto;
        padding: 20px;
        width: 800px;
}

section.videos img{
        padding: 20px;
}

.dica{
	position:absolute;
	margin-left: 70%;
}

.tipo_cadastro{
	padding: 10px 10px 10px 10px;
}

.espacado{
	margin-left: 20px;
}

.absolute{
	color: red;
	text-align: left;
}

/*================BOX de Sugestoes================*/

#info_r{
	height:30px;
	width: 30px;
	float: right;
	padding: 2px;
	background-image:url("/ead/app_ead/view/includes/images/info/img_solicitacao_info.png");
	background-repeat: no-repeat;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}

#info_r:hover{
	background-image:url("/ead/app_ead/view/includes/images/info/img_solicitacao_info_ativo.png");
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}

#ajuda_r{
	height:30px;
	width: 30px;
	float: right;
	padding: 2px;
	background-image:url("/ead/app_ead/view/includes/images/video/img_solicitacao_ajuda.png");
	background-repeat: no-repeat;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}

#ajuda_r:hover{
	background-image:url("/ead/app_ead/view/includes/images/video/img_solicitacao_ajuda_ativo.png");
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}

.box { 
	font-family: Segoe UI, Calibri, Trebuchet MS, Helvetica , Arial, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#242424;
	width: 100%;
	height: 100%;
	background-image:url("../images/sugestao/img_solicitacao_user_box.png");
	background-position: 0px 10px;
	background-repeat:no-repeat;
	background-color:transparent;
}

/*
.box_inside{
	background:white; 
	border: solid 2px black;
	border-collapse:collapse;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-top:none;
	height: 380px;
}

.box_top{
	background-image:url(../images/img_solicitacao_box_top_bg.png); 
	border: solid 2px black;
	border-collapse:collapse;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	height: 40px;
}

#fechar_sugestoes{
	float: right;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	font-size:16px;
	font-weight:bold;
	text-align: center;
	color: white;
	background-color: black;
	border: 2px solid black;
	width: 10px;
	height: 10px;
	border-radius: 100px;
}*/

.sair_box{
	background-image:url("../images/sugestao/img_solicitacao_sair_box.png");
	background-repeat: no-repeat;
	background-position: 535px 0px;
	margin-right: 5px;
	width: 550px;
	height: 24px;
}

.sair_box_report{
	background-image:url("../images/sugestao/img_solicitacao_sair_box.png");
	background-repeat: no-repeat;
	background-position: 910px 2px;
	margin-right: 5px;
	width: 940px;
	height: 24px;
}
.print_box_report{
	/*background-image:url("../images/sugestao/img_solicitacao_sair_box.png");
	background-repeat: no-repeat;
	background-position: 880px 0px;*/
	margin-right: 5px;
	margin-top: 20px;
	width: 940px;
	height: 32px;	
}

.print_box_report img{
	cursor: pointer;
}


.sair_box_videos{
	background-image:url("../images/sugestao/img_solicitacao_sair_box.png");
	background-repeat: no-repeat;
	background-position: 820px 0px;
	height: 24px;
}

.box h2{
	background-image:none;
	color: black;
	padding: 10px;
	font-size: 20px;
	text-align:center;
}

.box span{
	color: black;
}

.dados{
	float: right;
	text-align: left;
	font-size: 20px;
	margin-right: 100px;
	margin-top: 20px;
	padding: 10px;
}

/*================Mascara para clarear fundo================*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:black;
  display:none;
}

/*=================Filtro=======================*/
.filter {
	float:left;
}

.filter hr{
	background-color: #CCC;
	margin-bottom: 15px;
}

small{
	margin-top: -5px;
	font-size: 12px;
	color: gray;
}

ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
	display: inline;
}

.menu_class {
	margin-bottom: -4px;
}

.the_menu {
	display:none;
	width:300px;
	background: white;
	position: absolute;
	text-align: left;
}

.the_menu li {
	background-color: white;
}

.the_menu li a {
	margin-left: 10px;
	color: #595959; 
	text-decoration:none; 
	padding: 10px; 
	display:block;
}

.the_menu li a:hover {
	padding:10px;
	font-weight:bold;
	color: #3d9cd8;
}

.navegadores{
	padding: 0px;
	position: absolute;
	float: right;
	width: 98%;
	bottom: 5px;
	text-align: center;
}

.bigger{
	width: 200px;
}

.table_right{
	width: 350px;
	position: absolute;
	right: 0;
	float: right;
}

/*==== Slide down menu ADMIN ====*/
.clean{
	background: none;
	border: none;
}

.the_menu3 {
	display:none;
	padding: 10px;
	margin-top: 8px;
	text-align: left;
	font-size:.8125em;
	background-color: white;
	position: absolute;
	z-index:550;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

.the_menu3 li {
	background-color: none;
}

.the_menu3 li a {
	margin-left: 0px;
	color: #595959; 
	text-decoration:none; 
	display:block;
}

.the_menu3 li a:hover {
	padding:0px;
	font-weight:bold;
	color: #3d9cd8;
}

.the_menu2 {
	display:none;
	margin-top: 12px;
	padding: 10px;
	text-align: left;
	background-color: white;
	position: absolute;
	z-index:550;
	font-size:.8125em;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

.the_menu4 {
	display:none;
	margin-top: 12px;
	padding: 10px;
	text-align: left;
	background-color: white;
	position: absolute;
	z-index:550;
	font-size:.8125em;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

.the_menu4 li {
	background-color: none;
}

.the_menu4 li a {
	margin-left: 0px;
	color: #595959; 
	text-decoration:none; 
	display:block;
}

.the_menu4 li a:hover {
	padding:0px;
	font-weight:bold;
	color: #3d9cd8;
}

.the_menu5 {
	display:none;
	margin-top: 12px;
	padding: 10px;
	text-align: left;
	background-color: white;
	position: absolute;
	z-index:550;
	font-size:.8125em;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

.the_menu5 li {
	background-color: none;
	z-index:500;
}

.the_menu5 li a {
	margin-left: 0px;
	font-size: 14px;
	font-weight: 100;
	color: #595959; 
	text-decoration:none; 
	display:block;
}

.the_menu5 li a:hover {
	padding:0px;
	font-weight:bold;
	color: #3d9cd8;
}

.the_menu2 li {
	background-color: none;
	z-index:500;
}

.the_menu2 li a {
	margin-left: 0px;
	font-size: 14px;
	font-weight: 100;
	color: #595959; 
	text-decoration:none; 
	display:block;
}

.the_menu2 li a:hover {
	padding:0px;
	font-weight:bold;
	color: #3d9cd8;
}

.com_scroll{
	padding: 7px;
	overflow: auto;
	overflow-x: hidden;
	width: auto;
	min-width: 900px;
	height: 370px;
	margin: 0 auto;
}

.com_scroll_s{
	padding: 7px;
	overflow: auto;
	overflow-x: hidden;
	width: auto;
	min-width: 900px;
	height: 450px;
	margin: 0 auto;
}

.sem_scroll{

}

.yellow{
	background-color: #fae000;
	color: white;
}

.red{
	background-color: #de1313;
	color: white;
}

.blue {
	color: #86bee1;
	color: white;
}

.green{
	background-color: #8bdd34;
	color: white;
}

.gray{
	background-color: gray;
	color: white;
}




.vermelho{
	background-color: #f03838;
	color: white;
}

.branco{
	color: white;
}

.announce{
	margin-top: 10%;
}

.announce h2{
	font-size: 30px;
}

.announce img{
	position: absolute;
}

#sucess_message{
	background:white;
	background-image:url(../images/geral/img_solicitacao_sucesso.png);
	background-repeat:no-repeat;
	background-position: 30px 150px;
	color: black;
	border-color: black;
	font-size: 24px;
	text-align: left;
	height: 100%;
	width: 100%;
}

#sucess_message a{
	color: black;
	text-decoration:underline;
}

#failure_message{
	background:white;
	background-image:url(../images/geral/img_solicitacao_alerta.png);
	background-repeat:no-repeat;
	background-position: 10px 150px;
	color: black;
	border-color: black;
	font-size: 24px;
	text-align: left;
	height: 100%;
	width: 100%;
}

#failure_message a{ 
	color: black;
	text-decoration:underline;
}

#message_text{
	margin-left: 60px;
	margin-right: 10px;
	padding-top: 190px;
	text-align: center;
}

#titulo_sugestoes{
	width: 100%;
	padding: 10px;
	color: white;
	background-color: #3fb5ff;
	text-align: center;
}

#titulo_sugestoes_erro{
	width: 100%;
	padding: 10px;
	color: white;
	background-color: #e73232;
	text-align: center
}

#fechar_sugestoes{
	width: 100%;
	height: 20px;
	padding: 5px;
	color: white;
	font-size: 24px;
	text-align: center;
	background-color: black;
}

#fechar_report{
	/*width: 910px;*/
	height: 20px;
	padding: 5px;
	color: white;
	font-size: 24px;
	text-align: center;
	background-color: black;
}

/* -------- Codigo modal teste  */


  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}

.close{display:block; text-align:right;}


fieldset.solicitacao{
    /*background-color:  #FFFFCC;*/
	background:url(../images/geral/img_solicitacao_boxbg.jpg);
	padding: 10px;
	border: 2px solid black;
	margin: 15px;
	font-size: 12x;
	width: 855px;

}

fieldset label{
	font-weight:bold;
}



.field_solicitacao{
	clear:both;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	font-size: 12x;
	width: 100%;
}


.field_solicitacao label{
	font-size: 14px;
}

.field_solicitacao textarea{
	resize: none;
	font-size: 12x;
	border: 1px solid #e1e1e1; 
}

.field_solicitacao a{
	background-color: #86bee1;
	margin-left: 15px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	cursor: hand;
	float: left;
	margin-top: 0px;
}

.field_solicitacao a.disabled{
	background-color: gray;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	cursor: hand;
	float: left;
	margin: 5px;
	margin-top: 0px;
}

.field_solicitacao a:hover{
	background-color: #256d9a;
}

.second_column{
	margin-left: 300px;
	margin-top: -18px;
}

.third_column{
	margin-left: 600px;
	margin-top: -18px;
}

.protocolo{
	float: right;
	padding: 5px;
	color: black;
	font-size: 16px;
	background-color: #ffde00;
	border: 1px solid gray;
	position: static;
}


.status{
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	padding: 10px;
	color: white;
	background-color: black;
	font-size: 24px;
}

.float_right{
	float: right;
}

.responder{
	width: 100%;
}

.botao_add_user{
	background-image:url(../images/geral/img_solicitacao_add_user2.png);
	height: 50px;
	width: 200px;
	position: relative;
	margin: 10px 0px 10px 0px;
}

.botao_add_user:hover{
	background-image:url(../images/geral/img_solicitacao_add_user_hover2.png);
	cursor: pointer;
	cursor: hand;
}

.legenda{
	margin-top: -60px;
	margin-bottom: 10px;
	margin-left: 470px;
	color: black;
	opacity: 0.5;
}



.legenda td{
	padding: 3px;
	text-align: left;
	padding-left: 10px;
}

.legenda td img{
	padding-top: 0px;
}

.legenda_pendencia{
	margin-bottom: 10px;
	margin-top: -35px;
	margin-left: 580px;
	color: black;
	opacity: 0.5;
}

.legenda_pendencia:hover{
	cursor:crosshair;
	cursor:
}

.legenda_pendencia td{
	padding: 3px;
}



#atualizar_usuario{
	margin-left: 50px;
	margin-top: 20px;
}

.foto_usuario{
	float: right;
}

.foto_usuario img{
	border: 1px solid black;
	height: 80px;
	width: 70px;
	position: absolute;
	right: 20px;
	top: 80px;
}

.foto_usuario a{
	position: absolute;
	right: 0;
	text-align: left;
}

.foto_usuario a:hover{
	cursor:pointer;
	cursor: hand;
}

.table_form_usuario{
	/*margin-left: 40px;
	margin-top: 30px;*/
}

.td_form_usuario_left{
	text-align: right;
	padding: 2px;
}

.td_form_usuario_right{
	padding: 3px;
}

.tr_form_usuario{
	padding: 5px;
}

.tr_form_usuario:hover{
	background-color:#FFC;
}

/* CAPTCHA */

.tr_form_usuario_captcha{
	background-color:#FF6;
	width: 60px;
	height: 40px;
	margin-top: 20px;
}

.td_form_usuario_left_captcha{
	text-align: right;
	padding: 10px;
	
}

.td_form_usuario_right_captcha{
	padding: 10px;
}

table td{
	margin: 5px;
	padding-right: 5px;
}

table td input{
	border: 1px solid black;
	background-color: white;
}

#codeSecure_formPublico{
	height: 25px;
}

table tbody tr td{
	padding: 4px;
}

.bold {
	font-style: bold;
	font-weight: bold;
}

.print {
	border-bottom: 1px dotted black;
}

.print-title {
	margin-top: 10px;
	font-style: bold;
	font-weight: bold;
	font-size: 20px;
	color: black;
	padding: 5px;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:black;
  display:none;
}

.relatorio_disciplina{
	border-bottom: 1px solid gray;
	font-size: 18px;
	font-weight: 100;
}

.video{
	background-image:url(../images/video/play.jpg);
	background-repeat: no-repeat;
	width: 180px;
	height: 132px;
	padding: 200px;
}

ul.relatorio{
	padding: 5px;
	font-size: 12px;
}

ul.relatorio li{
	padding: 5px;
	display: block;
	background-color: #fff4da;
	border-bottom: 1px solid white;
}

ul.relatorio li.subtitle{
	background-color: white;
	border-bottom: 2px solid #070c4d;
	color: black;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
}

ul.relatorio li.subtitle2{
	background-color: #ffe5a9;
	color: black;
}

ul.relatorio li.disabled{
	background-color: #ececec;
	color: black;
}

.disabled{
	background-color: #ececec;
	color: black;
}
}

#avisos_bg{
	width: 100%;
	height: 50px;
	background-color: #ffc600;
}

#avisos{
	margin: 0 auto;
	font-size: 14px;
}

.aviso_title{
	color: red;
	font-weight: bold;
}

.cabecalho{
	text-align: right;
	display: block;
	height: 130px;
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 2px solid black;
}

.cabecalho p{
	padding-top: 45px;
	font-size: 12px;
}

.emissao{
	text-align: right;
	font-size: 12px;
}

/* menu relatorios */
ul.relatorios {
    font-family: Arial, Verdana;
    font-size: 14px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
ul.relatorios li {
    display: block;
    position: relative;
    float: left;
}
li ul.relatorios {
    display: none;
}
ul.relatorios li a {
    display: block;
    text-decoration: none;
    border-top: 1px solid #ffffff;
    padding: 5px 15px 5px 15px;
    background: white;
    color: black;
    margin-left: 2px;
    white-space: nowrap;
}

ul.relatorios li a.title{
	color: black;
	padding: 14px;
	margin-top: -7px;
}

ul.relatorios li a.sub {
	background: white;
	color: black;
	border: 1px solid gray;
	border-top: none;
}

ul.relatorios li.nope {
	background: white;
	color: black;
	border-top: none;
}


ul.relatorios li a.sub_top {
	background: whitesmoke;
	color: black;
	border-top: 1px solid gray;
}

ul.relatorios li a.sub:hover {
	border: none;
	color: white;
	background-color: #3581E4;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}

ul.relatorios li a:hover {
	background: white;
	border-bottom: 3px solid #3581E4;
	color: black;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}

ul.relatorios li a.dont_change:hover{
	background: #0462b9;
	cursor: default;
}

li ul.relatorios{
	text-align: left;
}

li:hover ul.relatorios {
    display: block;
    position: absolute;
}
li:hover li {
    float: none;
    font-size: 11px;
}

li:hover li a:hover {
    background: #3b3b3b;
}

ul.relatorios_sub li{
	background-color: whitesmoke;
}

ul.relatorios_sub li:hover{
	cursor: pointer;
	background-color: gray;
	color: white;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}

form #consultas_opt input{
	margin: 4px auto;
	width: 20px;
	float: none;
	display: inline;
	margin-left: 10px;
}


/* DRAG AND DROP     */
.column{
	width: 200px;
	margin-right:.5%;
	min-height:200px;
	background:#fff;
	margin: 5px;
	padding: 10px;
	border: 2px solid gray;
	float:left;
	margin-right: 15px;
}
.column .dragbox{
	margin:15px 2px  20px;
	background:#fff;
	position:relative;
	border:1px solid #ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.column .dragbox h2{
	margin:0;
	font-size:12px;
	padding:5px;
	background:#f0f0f0;
	color:#000;
	border-bottom:1px solid #eee;
	font-family:Verdana;
	cursor:move;
}
.dragbox-content{
	background:#fff;
	min-height:100px; margin:5px;
	font-family:'Lucida Grande', Verdana; font-size:0.8em; line-height:1.5em;
}
.column  .placeholder{
	background: #f0f0f0;
	border:1px dashed #ddd;
}
.dragbox h2.collapse{
	background:#f0f0f0 url('../images/geral/collapse.png') no-repeat top right;
}
.dragbox h2 .configure{
	font-size:11px; font-weight:normal;
	margin-right:30px; float:right;
}
/* FIM DRAG AND DROP */

.tab{
	margin-top: -20px;
	padding-left:20px;
}

.red_button{
	margin-top: -20px;
	margin-right: -20px;
	font-weight: bold;
	font-size: 16px;
	color: white;
	background-color: crimson;
	border: 1px solid black;
	float: right;
}

.red_button:hover{
	cursor: pointer;
}