#tudo_course{padding: 0 100px;}
#topo_course{
	/*background-image:url(/course/library/images/bg-top.png);*/
	background-repeat: repeat-x;
}

img{max-width: 100%; height: auto;}

.bg{ background-color:#ffffff} /* aqui tinha uma imagem com o logo*/

a {color: #cb5018; text-decoration: none;}
	a :hover {
		text-decoration: none;
		color: #cb5018;
	}

.h2 {
	text-transform: none;
	font-size: 1.5em;
	font-family: "Lato", sans-serif;
	font-weight: 900;
}

.h3{text-transform: none; font-size: 1.5em; color: #000000; font-weight: normal; margin-bottom: 30px; font-family: Montserrat,"Helvetica Neue", Helvetica,Arial, sans-serif;}

.font16 {
	font-size: 16px;
	text-decoration: none;
	font-family: "Lato", sans-serif;
	font-weight:400;
}

.color-blue {
	color: #cb5018 !important;
}
.color-yellow{ color:#F0E079 !important;}
.color-black{ color:#333333 !important;}
.color-red{ color:#861E1F;}
.adds{ width: 100%;}
.adds p{border:1px solid #000000; padding:10px; border-radius:5px; width: 20%; text-align:center; margin-top: 20px; margin-right: 10px; float:left;}

.iframe-video{border:1px solid #CCC; background:#000; padding:5px; margin-top:20px; min-height:480px; width:99%}

/*iframe{ width:100%; height: 700px; overflow:auto; border:0;}*/

#topo_course .detalhe_topo{
	margin:0 auto;
	width:90%;
	padding-top:15px;
}

#bar-nav-fixed{position:fixed; padding:150px 0 30px 0; width:100%; height:260px; z-index:999; BACKGROUND:#FFFFFF}

#conteudo_course{
	padding-top: 30px !important;
	padding-bottom:100px;
	margin:0 !important;
	
	/*width:90%;*/
	/*height: 100%;*/
	text-align:left;
}

#conteudo_course-demo{
	padding-top: 320px;
	padding-bottom:100px;
	margin:0 auto;
	width:67%;
	/*height: 100%;*/
	
	/*text-align:left;*/
}

#conteudo_login{
	padding-top:110px;
	padding-bottom:100px;
	margin:0 auto;
	/*width:90%;*/
	/*height: 100%;*/
	min-height:803px;
	text-align:left;
}

#rodape_course {
	text-align: center;
	font-size: 0.8em;
	margin-top:50px;
	color: #ccc;
	border-top: 1px solid #cb5018;
}

.barra-btn-voltar{display:inline; float:right; padding-bottom:5px; font-size: 1em;}

#rodape_course a {text-decoration:none; color:#333;}
#rodape_course a:hover {text-decoration:underline;}

.logo-financiador-position{padding-bottom:10px; height: 60px;}

.esq{float:left; text-align:left;}
.dir{float:right; text-align:left;}
.dir2{float:right; text-align:right;}

.bt-bb{border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; padding:15px 0}

i{margin-right:5px; margin-left:5px;}

.fwb{font-weight:bold !important;}
.fwn{font-weight:normal !important;}
.f-s8{font-size: 0.8em !important;}
.f-s9{font-size: 0.9em !important;}
.f-s16{font-size: 16px !important;}
.f-s1_1em{font-size:1.1em !important;}

.time-estimated{font-weight:normal; line-height:40px; color:#cb5018 !important;}

.limpar { clear:both;}

.separador{ border-bottom:1px solid #ffffff;}
.separador1{ border-bottom:1px solid #ffffff;}

.separadorblue {
	border-bottom: 1px solid #cb5018;
}
.separadorbluec {
	border-bottom: 1px solid #cb5018;
}
.separador2{ border-bottom:1px solid #f1f1f1;}

.m0{margin:0 !important;}
.m20{margin:20px !important;}
.mt{margin-top:20px !important;}
.mt1{margin-top:10px !important;}
.mt3{margin-top:30px !important;}
.mb3{margin-bottom:30px !important;}
.mb{margin-bottom:10px !important;}
.mb2{margin-bottom:20px !important;}
.mb-mt{margin-top:20px; margin-bottom:20px;}

figcaption{font-size:10px; max-width:200px}
embed{height:600px; width: 100%;}

.pb-pt{margin-top:20px; margin-bottom:20px;}
.p0{padding:0 !important;}
.pt3{padding-top:30px !important;}
.pt1{padding-top:10px !important;}
.p1{padding:10px !important;}
.pl2{padding-left:20px!important;}
.pt2{padding-top:20px !important;}
.ptb{padding:10px 0 !important;}
.pb{padding-bottom: 10px !important;}
.pb2{padding-bottom: 20px !important;}

.pr1{padding-right: 10px !important;}
.pl1{padding-left: 10px !important;}
.pl2{padding-left: 20px !important;}

.tdn{ text-decoration: none !important;}



.table-documents{width:800px; border-right:1px solid #f1f1f1; padding:10px; margin-top:10px; margin-bottom:10px;}

.table-documents-selected{max-width:330px;  margin-top:20px;}

.texto4 {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	text-transform: none;
	font-size: 4.3em;
	line-height: 0.8em !important;
	color: #cb5018;
	font-weight: 300;
}
.text4_1{padding:20px 0; font-size:1.0em;}

#menuCrouseTop ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menuCrouseTop li {
	float: left;
	color: #cb5018;
	font-size: 14px;
	border: 2px solid #cb5018;
	min-width:80px;

	border-radius:5px;
	margin:2px;
}


#menuCrouseTop li a {
    display: block;         
    width: 100%;
    height: 100%;
    padding: 10px;     
    text-decoration: none;
}

#menuCrouseTop li:hover {
    background-color: #f4f4f4;
    color: #ffffff;
}



#menuCrouseTop a:hover{color:#333; text-decoration: none;}

#menuCrouseTop p{font-size: 12px;}

#menuCrouseTopDir {margin: 5px 10px; font-size: 0.8em;}

#menuCrouseTopDir p {margin-top:10px; font-size:0.9em}

	#menuCrouseTopDir a {
		font-size: 0.9em;
		color: #cb5018;
		border: 1px solid #cb5018;
		padding: 5px;
		border-radius: 3px;
		margin: 0 5px 0 5px;
		text-decoration: none;
	}

#menuCrouseTopDir a:hover{
	color:#333; text-decoration: none;
}

#menuadmin{	background-color: #cccccc !important;
}

/* sala de aula*/

#Course_menu{
	background-color: #fbfbfb;
	width: 20%;
	max-width:200px;
	border:1px solid #f4f4f4;
	border-radius:10px;
	float: left;
	min-height:500px;
}

#Course_Content{
	background-color: #fbfbfb;
	max-width:75%;
	float:left;
	text-align:left;
	margin-left:10px;
	padding:10px;
	min-height:500px;
	border:1px solid #f4f4f4;
	border-radius:10px
}




/* Session Documents for download*/
#SessionDocs {
	border:1px solid #f4f4f4; padding:10px; background:#fbfbfb;
} 


#SessionDocs ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
} 

#SessionDocs li {
	padding-top:5px;
	padding-bottom:20px;} 

#SessionDocs li:hover {
	background-color: #FFFFFB;
} 

/* ------------- */

/* Session Fotos and html share movies*/

#SessionsFotosMovies  {
	border:1px solid #f4f4f4; padding:10px; background:#fbfbfb;
}

#SessionsFotosMovies ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
} 

#SessionsFotosMovies li {
	padding-top:5px;
	padding-bottom:20px;} 

#SessionsFotosMovies li:hover {
	background-color: #FFFFFB;
} 

/* ------------- */


/* Session tasks*/
#SessionsTask  {
	background-color:#DDDCCE !important;
	padding:10px;}

#SessionsTask ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
} 

#SessionsTask li {
	padding-top:5px;
	padding-bottom:20px;} 

#SessionsTask li:hover {
} 

#SessionsTask textarea {
	width:90%;
} 
 
/* ------------- */

/* Session SessionsActivities*/
#SessionsActivities  {
	background-color:#a8e8ea;
	padding:10px;
}

#SessionsActivities ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
} 

#SessionsActivities li {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a2e4e5;
} 


#SessionsActivities textarea {
	width:90%;
} 
 
/* ------------- */

/*login e-course*/

.tit-login {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-weight: bold;
	font-size: 2em;
	color: #333333 !important;
	padding-bottom: 15px;
	font-weight: normal;
	border-bottom: 1px solid #cb5018;
}

/*demo*/

.tit-login-sborder{font-size: 2.5em; padding-bottom:15px; font-weight: normal; margin-bottom:0;}
.linha {
	height: 1px;
	background: #cb5018;
}

/*****/


.bg-white{ background:#ffffff;}

/*formularios  ******************** */

.out-forms_course{width:100%; padding:20px; background: #f4f4f4;}
#forms_course {width:90%; margin:0 auto;}

	#forms_course select {
		padding: 8px;
		border: 1px solid #CCC;
		font-family: "Lato", sans-serif;
		font-weight: 400;
	}

#forms_course input[type=text], input[type=email], textarea, select, input[type=password], input[type=text], input[type=number], input[type=time], #foms_course input[type=date], input[type=tel], input[type=url], input[type=date] {padding:8px; color:#666; border:1px solid #dddddd; font-size:1.0em;}

input[type=text], input[type=date]{width:100%;}
input[type=email], input[type=password], input[type=number]{width:50%;}

.out-forms_course input[type=email], input[type=password], input[type=number]{width:50%;}

input[type=number]{width: 48%; margin-bottom:20px;}

#forms_course input[type=submit], input[type=reset], input[type=button] {
	padding: 8px 25px;
	background: #cb5018;
	text-transform: none;
	font-weight: normal;
	color: #ffffff;
	letter-spacing: 1px;
	border-style: none;
	cursor: pointer;
	border-radius: 5px;
	font-size: 	14px;
}

input[type=submit], input[type="file"] {
	padding: 8px;
	background: #cb5018;
	text-transform: none;
	font-weight: normal;
	color: #ffffff;
	letter-spacing: 1px;
	border-style: none;
	cursor: pointer;
	border-radius: 5px;
}

#forms_course input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {  
background:#999;}



.campoForm{padding:0 0 20px 0; font-weight: normal;}
label{font-weight: normal}

.exemplo{font-size:12px; color:#ccc;}

#form-search{margin-top:0; width:100%; background:#f1f1f1; padding:20px}
#form-search input[type=text]{width:50%}
#form-search input[type=number]{width:25%; margin-left:10px;}

.campoForm input[type=number], input[type=time], input[type=date]{padding:8px; color:#666; border:1px solid #dddddd; font-size:1.1em; width:50%;}

.campoForm input[type=text]{padding:8px; color:#666; border:1px solid #dddddd; font-size:1.1em; width:100%;}

.campoForm textarea{width:100%; height:250px;}

.campoForm select{width:50%;}

select{width:100%;}

.sub-unit input[type=text]{ width:10%;}

.botaolink{	padding:8px; background:#d8ab51; color:#fff; border-style:none;cursor: pointer;}

.fancybox-system-divin{font-size:14px; font-style: italic; background:#f7f7f7; padding:10px;}

#apagar {font-size:1.3em; max-width:600px; border:1px solid #f4f4f4; padding:50px; text-align:center; margin:0 auto; background-color: #FFF5F0;}

.block-fieldset{background:#f1f1f1; width:50%; padding:20px;}

.block-fieldset-progress{width:100%;}

#apagar a{ padding:8px; background:#d8ab51; color:#ffffff !important; border-style:none;cursor: pointer;}

#apagar a:hover{background:#333; }

/*.botaolink2{padding:5px;  background:#d09b2c; color:#fff; border-style:none;cursor: pointer;
border-radius:5px;
font-size:12px;
}
.botaolink2:hover{ color:#fff;}

.botaolink2:hover{
	background:#ab8b48;}
*/

.botaodownload{padding:5px;  background:#d09b2c; color:#fff !important; border-style:none;cursor: pointer; border-radius:5px; font-size:12px;}

.botaodownload:hover{ background:#e0bd7a; color:#fff; text-decoration:none !important;}

.botaolink3 {
	padding: 10px;
	color: #fff;
	border: 1px solid #cb5018;
	cursor: pointer;
	border-radius: 3px;
	font-size: 16px;
}

.botaolink3:hover{text-decoration:none;}

.botaomais {
	color: #cb5018;
	font-size: 20px;
	margin-right: 4px;
}

.modulo7{padding:10px; border:1px solid #f1f1f1; margin: 0 0 10px 0;}

/* fim fomularios*/
/* área de gestão de conteudos*/

#conteudo_gestao{
	margin-left: 0;
    font-size:16px;
	margin-bottom:50px;
}

#conteudo_gestao_detalhe a{color:#d09b2c; font-size:0.9em;}
#conteudo_gestao_detalhe a:hover{ color:#333333;}

#conteudo_gestao textarea{ width:80%}

#users-course ul {list-style:none; margin-top:15px;}
#users-course li {padding:5px; margin:10px 0 !important; border:1px solid #f1f1f1; width: 20%;}

/* fim área gestao conteudos*/

/* janela de conteudos do curso*/

/*coluna do menu*/
#CourseContent_col1{
	width:24.0%;
	min-width:220px;
	border-right:1px solid #f4f4f4;
	float:left;
	margin-bottom:10px;
	}

/*coluna conteudeo*/
#CourseContent_col2{
width:76.0%;

padding-left:10px;
margin-bottom:10px;
float:right;
line-height:1.8em;
}

	#CourseContent_col2 a {
		color: #cb5018
	}
#CourseContent_col2 a:hover{ text-decoration:underline;}

#CourseContent_col2 h3{
color:#6B6B6B; font-size:1.1em;}

.div_alert {
	color: #6B6B6B;
	border: 1px solid #cb5018;
	font-size: 1.1em;
	padding: 10px;
}




/*outras zonas do site*/
/*#col_01_login{float:left; width:35%; margin-right:15%;}
#col_02_login{float:left; width:45%}*/

#col_01{float:left; width:45%; margin-right:5%; margin-bottom:40px;}

#col_02{float:left; width:45%;}

/*  .....    */

/* --botao indice - sessões -*/
.botaoindice {
	border-bottom: 1px solid #dddddd;
	color: #cb5018;
	font-size: 1.01em;
	padding: 15px 0;
	margin: 0;
	margin-right: 10px;
}

.botaoindice_selected {
	padding: 4px 4px 4px 20px;
	border: 1px solid #dddddd;
	color: #FFF;
	border-radius:0 10px 0 10px;
	background-color: #8cc63f;
}

/* glo. bibliog. teste*/
.botaoindice2{
	border-bottom: 1px solid #f1f1f1;
	padding: 15px;
	
}

.botaoindice2:hover {
	border: 1px solid #dddddd;
	color: #FFF;
	border-radius:0 10px 0 10px;
	background-color: #EAC964;
}

.botaoindice_selected2 {
	padding: 4px 4px 4px 20px;
	border: 1px solid #dddddd;
	color: #FFF;
	border-radius:0 10px 0 10px;
	background-color: #EAC964;
}

.balao1{
	font-size:1.0em !important; color:#666666; padding: 20px 0;
}

.balao-modulo7{
	margin-top:20px;
	padding-top:10px; padding-left:10px;
	border-top: 1px solid #f1f1f1;
	font-size:0.9em;
	}

.resultado_teste_intermedio {
	padding: 20px;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	border: 1px solid #f4f4f4;
	border-radius: 20px;
	background-color: #FFFFF0;
	font-size: 1.0em;
}

table {
	width: 100%;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	overflow-x: auto;
	border: 1px solid #f1f1f1;
	margin-top: 10px;
}

table th{padding:10px; background:#f1f1f1;}
table td{padding:10px; border-bottom: 1px solid #f1f1f1;}

	
/*mensagens a informar*/

/* formatar mensagens de formulário*/
form.form_form label.error,label.error{
	color:red;
	padding-left:10px;
	font-size:12px;
}

input.error{border:2px solid red;}
select.error{border:2px solid red;}

/* ----------- -------------- */
	
.h30{ height:30px}	
.aceite{ color:#090}
.pendente{ color:#FC0}
.lengenda1 {
	font-size: 0.6em;
	font-family: "Lato", sans-serif;
	font-weight: 400;
}
.infotemposessao{font-size:0.8em; color:#F60}
.infotempototal{ font-size:0.8em; color:#F60}

/*----------------*/

.styled-select {
   height: 29px;
   overflow: hidden;
   width: 40px;
}

.styled-select select {
   background: #333333;
   border: none;
   font-size: 1.0em;
   height: 29px;
   padding: 4px; /* If you add too much padding here, the options won't show in IE */
   width: 60px;
}

/* -------------------- Rounded Corners */

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #3b8ec2;}
.yellow  { background-color: #eec111; }
.black   { background-color: #000; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #fff; }
.yellow select  { color: #000; }
.black select   { color: #fff; }


/* /////////////////////////// */

/* Clica expande */
.DivAberto {
  display: block;
}

.DivFechado {
  display: none;
}
/* fim Clica expande */

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}

.profile-mobile{visibility:hidden !important; display:none;} 

/*media queries*/

/* #Tablet (portrait and Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 901px) and (max-width: 1277px) {
	
	#tudo_course{padding: 0 !important;}
	#bar-nav-fixed{padding:80px 30px 30px 30px; height:170px;}
	
	.dir{clear:right !important; }
	
	#menuCrouseTopDir{display: none;}
	#CourseContent_col2 {width:73%;}
	

	.profile-mobile{ visibility: visible !important; display: block;} 
	
}


/* #Tablet (portrait and Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 900px) {
	
	#tudo_course{padding: 0 !important;}
	#bar-nav-fixed{padding:80px 30px 30px 30px; height:170px;}
	
	.dir{clear:right !important; }
	
	#menuCrouseTopDir{display: none;}
	#CourseContent_col2 {width:67%; }
	

	.profile-mobile{ visibility: visible !important; display: block;} 
	
}



/*  #Mobile (Portrait and landscape) apartir de 320 px
----------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 767px) {
	
	#tudo_course{padding: 0 !important;}
	
	.bg{background: url(../library/images/login.jpg)-160px 20px repeat;}
	
	#bar-nav-fixed{ position:relative; padding: 60px 10px !important; margin:0; height:215px;}
	
	#menuCrouseTop li {
     width: 50% !important;
	 font-size: 12px;
	 border-top:1px solid #03AFB6;
	 border-bottom:0px solid #03AFB6;
	 border-left:0px solid #03AFB6;
	 padding: 5px;}
	
	#menuCrouseTop li:last-child {
  	 border-right:0px solid #03AFB6;
	 border-bottom:1px solid #03AFB6;
	 width: 100% !important;}
	
	#conteudo_course{
	 padding-top: 0px;
	 padding-bottom:100px;}
	
	#conteudo_login{
	padding-top:50px;}
	
	.dir{clear:right !important; }
	
	#menuCrouseTopDir{ display: none;}
	
	.profile-mobile{ visibility: visible !important; display: block;} 
	
	#CourseContent_col1 {width:100%; border:0px solid #f4f4f4;}
	#CourseContent_col2 {width:100%;}
	
	#col_01{width:100%; margin:0; border-right:0px solid #f1f1f1;}
	
	#col_02{width:100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom:1px solid #a8e8ea;}
	#col_01_login{ width:100%}
	#col_02_login{width:100%}

	.coluna1{ width:100%}
	.coluna2{ width:100%}
	
	#menuCrouseTopDir{margin:10px 0;}
	#menuCrouseTopDir p {margin-top:3px; margin-bottom:0;}
	
	.block-fieldset{width:100%;}
	#users-course li {width:100%;}
	
	.table-documents{width:100%; border-right:0px solid #f1f1f1; }
	.table-documents-selected{width:100%; padding:10px;}
	
	input[type=email], input[type=password], input[type=number]{width:100%;}

	.out-forms_course input[type=email], input[type=password], input[type=number]{width:100%;}

	input[type=number]{width: 100%;}
	
	embed{height:300px !important;}
	
	.iframe-video{margin-top:10px; min-height:250px;}
	
	.mt{margin-top:10px !important;}
	.h3{margin-bottom: 20px !important;}
	.dir2{clear:both; text-align: left;}
	
	.dir{clear:both; text-align: left;}
	table{ width: 100% !important; overflow-x:auto !important;}
	
	.barra-btn-voltar{display:block; float:none; padding-top:15px; font-size: 0.8em;}
	.out-forms_course input[type=email], input[type=password], input[type=number]{width:100%;}

input[type=number]{width: 100%; margin-bottom:10px;}

}


.fieldset-sticky {
    position: sticky;
    top: 20px;                 /* distância ao topo */
    z-index: 1000;
    background: #ffffff;
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 20px;

    /* opcional – melhora a leitura quando fica fixa */
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.fieldset-sticky .p1 {
    margin: 0;
    font-size: 1.1em;
}