@charset "UTF-8";
/* CSS Document */
.cabeçalho
{
	color: #d8d8c0 ;
	background-color: #48788f;
	font-weight:lighter ;
	font-stretch: expanded ;
	padding-top : 80px;
	padding-left:86px;
	text-shadow: 2px 2px 4px black ;
	width : 100%;
	height: 76px ;
	margin-top: -30px;
	margin-left : -10px;
	position:relative ;
	display : inline-block;
	top:0px ;
	left:0px ;
}

.logo
{
	background-color:#48788f;
	width: 64px ;
	height:64px ;
	position : relative ;
	display : inline-block;
	margin-top:-118px ;
	left:0px;
	z-index:5;
}
body
{
	background-color:#303030;
	background-image:url();
	background-repeat:no-repeat;
	background-attachment:scroll;
	
}
.main_div
{
	overflow-x:hidden;
	overflow-y:scroll;
}
.fundo_menu
{
	color : #d8d8c0;
	background-color:#c0c0a8;
	width : 100% ;
	height : 44px ;
	position:relative ;
	padding-left:86px;
	margin-left : -10px;
	margin-top: -45px;
	/*top:102px;
	left:0%;*/
}
.ilustracao
{
	width:100%;
	position:relative;
	display : inline-block;
	margin-right:auto;
	margin-left:auto;
	margin-top : -60px;
	/*top:-125;
	left:0%;
	right:0%;*/
	z-index:-1;
}
.menu_principal
{
	color : #d8d8c0;
	background-color:#60a890;
	text-shadow: 2px 2px 4px black ;
	font-style:normal;
	text-align:center;
	font-weight: lighter;
	width : 65% ;
	height : 44px ;
	vertical-align:top;
	position:relative ;
	margin-right:auto;
	margin-left:auto;
	margin-top: -64px;
	/*top:102px;
	left:15%;
	right:15%;*/
}
a:link {color:#d8d8c0;
		text-decoration:none;}      /* unvisited link */
a:visited {color:#d8d8c0;
	text-decoration:none;}  /* visited link */
a:hover {color:#d8d8c0;
	text-decoration:none;}  /* mouse over link */
a:active {color:#d8d8c0;
	text-decoration:none;}  /* selected link */
.cadastrados
{
	color: #d8d8c0 ;
	background-color: #48788f;
	font-weight:lighter ;
	font-stretch:expanded;
	padding-left: 8%;
	padding-top: 1% ;
	text-shadow: 2px 2px 4px black ;
	width : 100%;
	height: 10% ;
	position:relative ;
	top:110% ;
	left:0% ;
	border-style:groove;
	border-width:1px;
	border-color:#487888;
}
.fundo_escuro
{
	background-color:#303030;
	width : 100%;
	height: auto ;
	position:relative ;
	display : inline-block;
	top:120% ;
	left:0% ;
}
.fundo_rodape
{
	background-color:#c0c0a8;
	padding-top : 80px;
	padding-bottom : 150px;
	padding-left:86px;
	width : 100%;
	margin-bottom: -30px;
	margin-left : -10px;
	/*height: 30% ;*/
	position:relative ;
	display : inline-block;
	bottom : -0px;
}
.logos_da_faculdade_alto
{
	height: 10% ;
	width:auto;
	position:relative ;
	display : inline-block;
	bottom:-500px ;
	left:70% ;
}
.fundo_rodape_alto
{
	background-color:#c0c0a8;
	width : 100%;
	height: 30% ;
	position:relative ;
	display : inline-block;
	bottom : -650px;
}
.fundo_rodape_video_page
{
	background-color:#c0c0a8;
	width : 100%;
	height: 30% ;
	position:relative ;
	display : inline-block;
	bottom : -650px;
}
.logos_da_faculdade_video_page
{
	height: 10% ;
	width:auto;
	position:relative ;
	display : inline-block;
	/*bottom:-500px ;
	left:70% ;*/
}
.logos_da_faculdade
{
	height: 10% ;
	width:auto;
	position:relative ;
	display : inline-block;
	margin-top: -200px;
	/*bottom:-550px ;
	left:70% ;*/
}
.formulario_de_login_pg_inicial
{
	height: 100% ;
	width:30%;
	background-color:#48788f;
	position:relative ;
	top:140% ;
	left:15% ;
}
.formData
{
	padding-left:5%;
	padding-top:5%;
	padding-bottom:5%;
}
.formField
{
	height: 10% ;
	width:80%;
	font-size:30px;
}
.margens
{
	width : 130%;
	height: 100% ;
	position:relative ;
	top:120% ;
	left:0% ;
}
.esquerda
{
	background-color: #60a890;
	width : 10%;
	position: relative;
	top: 0%;
	left: 1px;
	height: 100%;
}
video
{
	position : relative ;
	width:100%;
	/*top : 250px; 
	left : 25% ;*/
}
.VideolessonTitle
{
	color: #d8d8c0 ;
	width:100%;
	text-align:center;
	position:relative;
	/*top:200px;*/
	
}
.VideoLessonDescription
{
	color: #d8d8c0 ;
	width:70%;
	height:auto;
	overflow:scroll;
	text-align:center;
	position:relative;
	/*top : 350px;*/
	margin-right:auto;
	margin-left:auto;
}
.video_link_box
{
	overflow : scroll ;
	background-color: #4f4b4b;
	vertical-align:center;
	display: inline-block;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 0.5%;
	padding-left: 0.5%;
	padding-right: 0.5%;
	padding-top:0.5%;
	padding-bottom:0.5%;
	width:30%;
	height : 200px;
}
.video_link_text
{
	display:block;
	vertical-align:middle;
	color: #d8d8c0 ;
	float:middle;
	height:10%;
}
.video_link_image
{
	vertical-align:middle;
	display : inline ;
	
}
.videoSelectionWindow
{
	width: 100%;
	height : 100%;
	position : relative ;
	overflow : scroll;
}
.videoSelectionWindow_outter
{
	width: 100%;
	height : 90%;
	position : relative ;
	/*right : 20% ;
	left : 20% ;
	top : 215px;*/
	overflow : hidden;
	/*border-style:groove;
	border-width:5px;
	border-color:#48788f;*/
}
.textopadrao
{
	position:relative;
	top:230px;
	color: #d8d8c0 ;
	text-align:left;
	text-shadow: 2px 2px 4px black ;
	font-weight:lighter ;
}
.titulo_padrao_de_escolha_de_video
{
	color: #d8d8c0 ;
	background-color: #48788f;
	text-align:left;
	text-shadow: 2px 2px 4px black ;
	font-weight:lighter ;
	margin-top:-5px;
	font-size:1.5em;
}
.titulo_padrao_de_escolha_de_video_sm
{
	color: #d8d8c0 ;
	background-color: #48788f;
	text-align:left;
	text-shadow: 2px 2px 4px black ;
	font-weight:lighter ;
	margin-top:-5px;
	font-size:1.2em;
}
.texto_menu_lateral
{
	color: #d8d8c0 ;
	background-color: #48788f;
	text-align:left;
	text-shadow: 2px 2px 4px black ;
	font-weight:lighter ;
	margin-top:1px;
	font-size:1.5em;
	width:100%;
}
.menu_lateral
{
	position:relative;
	/*top:215px;
	float:left;*/
	width:90%;
	/*border-style:groove;
	border-width:5px;
	border-color:#48788f;*/
}
.menu_lateral_video
{
	position:relative;
	/*top:330px;*/
	float:left;
	width:17%;
	border-style:groove;
	border-width:5px;
	border-color:#48788f;
}
.video_link_box_small
{
	overflow : auto ;
	background-color: #4f4b4b;
	vertical-align:center;
	display: block;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 0.5%;
	padding-left: 0.5%;
	padding-right: 0.5%;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	width:98%;
}
.video_link_text_small
{
	display:inline-block;
	vertical-align:middle;
	color: #d8d8c0 ;
	margin-right : auto;
	margin-left:auto;
}
.sugeridos
{
	/*top:215px;
	float:right;*/
	position:relative;
	/*right:0%;*/
	width:90%;
	overflow:scroll;
	border-style:groove;
	border-width:5px;
	border-color:#48788f;
	height :500px;	
}
.sugeridos_video
{
	/*top:330px;
	float:right;*/
	position:relative;
	/*right:0%;*/
	width:17%;
	overflow:scroll;
	border-style:groove;
	border-width:5px;
	border-color:#48788f;
	height :70%;	
}
.displayimage
{
	position : relative ;
	width:100%;
}
/*SEARCH BAR CONFIGS*/
	#newsearch{
		float:right;
		z-index:5;
		background-color:#48788f;
		padding-right:10px;
		padding-top:4px;
		padding-bottom:4px;
		padding-left:20px;
		margin-top: -24px;
		position:relative;
		right:-75px;
		width: 290px;
		padding-right:86px;
		/*top:-74px;
		right:-10px;*/
	}
	.textinput{
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		border:1px solid #0076a3; border-right:0px;
		border-top-left-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;
	}
	.button {
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #48788f; border-right:0px;
		background: #48788f;
		background: -webkit-gradient(linear, left top, left bottom, from(#48788f), to(#0078a5));
		background: -moz-linear-gradient(top,  #00adee,  #0078a5);
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
	}
	.button:hover {
		text-decoration: none;
		background: #007ead;
		background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
		background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	}
	/* Fixes submit button height problem in Firefox */
	.button::-moz-focus-inner {
	  border: 0;
	}
	.clear{
		clear:both;
	}
/*EQUIPE DO PROJETO*/
.titulo_padrao_da_equipe
{
	color: #d8d8c0 ;
	background-color: #48788f;
	text-align:left;
	text-shadow: 2px 2px 4px black ;
	font-weight:lighter ;
	margin-top:-5px;
	font-size:1.5em;
}
.equipeSelectionWindow
{
	width: 95%;
	height : 100%;
	position : relative ;
	overflow : scroll;
	overflow-x : hidden ;
	border-style:groove;
	border-width:5px;
	border-color:#48788f;
	overflow-x: hidden;
}
.team_member
{
	background-color: #4f4b4b;
	vertical-align:center;
	display: block;
	overflow : hidden ;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 5px;
	width:100%;
	height:140px;
}
.member_name
{
	text-shadow: 2px 2px 4px black ;
	font-size:20px;
	color: #d8d8c0 ;
	position:relative;
	padding-right:20px;
}
.member_lattes
{
	font-size:15px;
	color: #d8d8c0 ;
	width:auto;
	position:relative;
	padding-right:20px;
}
.member_curriculum_download
{
	font-size:13px;
	color: #d8d8c0 ;
	position:relative;
	padding-right:20px;
}
.team_member_text
{
	display:inline-block;
	position:relative;
	left: 30px;
	bottom:30px;
}
.member_pic
{
	display: inline-block;
	position:relative;
	top:5px;
}
.materialSelectionWindow
{
	width: 95%;
	height : 100%;
	position : relative ;
	overflow : scroll;
	overflow-x : hidden ;
	border-style:groove;
	border-width:5px;
	border-color:#48788f;
	overflow-x: hide;
}
.material_didatico_objeto
{
	background-color: #4f4b4b;
	vertical-align:center;
	display: block;
	overflow : hidden ;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 5px;
	width:100%;
	height:140px;
}
.loginForm
{
	width : 400px;
	height : 116px;
	background-color: #d8d8c0 ;
	background-image:url(minhaufmg.gif);
	background-repeat:no-repeat;
}
.imageSlidingPannel
{
	height:180px;
	overflow-x:scroll;
	overflow-y:hidden;
	margin-top:20px;
	position:relative;
	/*position:relative;*/
	
}
.innerImageSlidingPannel
{
	width:640px;
	height:180px;
	overflow:scroll;
	white-space:nowrap;	
	position:relative;
}
.sliderImg
{
	display:inline-block;
	margin-right:10px;
	position:relative;
}
.imageViewCanvas
{	
	position:relative;

}
.imageViewWindow
{
	width: 100%;
	height : auto;
	position : relative ;
	overflow:hidden;
}
.imagelessonTitle
{
	color: #d8d8c0 ;
	width:100%;
	text-align:center;
	position:relative;
	
}
table
{
	width:100%;
	/*border:1px solid;
	border-color: white;*/
}
/*td,tr
{
	border:1px solid;
	border-color: white;
}*/
.td_sides
{
	width:20%;
	vertical-align:top;
	
}
.td_center
{
	width:58%;
	vertical-align:top;
}
.center_site_row
{
	background-color:#303030;
	border:0px solid;
}
.Invisible_
{
	position:fixed;
}
._transparent_
{
	border:0px solid;
}