#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:#986b2d; text-decoration:none;}
a :hover{ text-decoration: none; color:#c18837;}

.h2{text-transform: none; font-size:1.5em; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;}

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

.font16{font-size:16px; text-decoration: none; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial, sans-serif;}

.color-blue{ color:#986b2d !important;}
.color-yellow{ color:#F0E079 !important;}
.color-black{ color:#333333 !important;}
.color-red{ color:#861E1F;}
.adds{ width: 100%;}
.adds p{border:1px solid #986b2d; 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: 270px;
	padding-bottom:100px;
	margin:0 auto;
	/*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{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 20px 100px 0 100px;
  font-size:0.8em;
  color: #ccc;
  border-top: 1px solid #986b2d;
}

.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:#C18837 !important;}

.limpar { clear:both;}

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

.separadorblue{ border-bottom:1px solid #986b2d;}
.separadorbluec{ border-bottom:1px solid #986b2d;}
.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:60%; border-right:1px solid #f1f1f1; padding:10px; margin-top:10px; margin-bottom:10px;}

.table-documents-selected{width:28%; padding:10px;}

.texto4{text-transform:none; font-size:2.3em; color:#986b2d; font-weight: normal;}
.text4_1{padding:20px 0; font-size:1.0em;}

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

#menuCrouseTop li {
    float: left;
	color: #986b2d;
	font-size: 14px;
	border-top:2px solid #986b2d;
	border-bottom:2px solid #986b2d;
	border-left:2px solid #986b2d;
	padding: 10px;
}

#menuCrouseTop li:last-child {
  	border-right:2px solid #986b2d;
} 

#menuCrouseTop a{
	color:#986b2d;
}

#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:#986b2d; border:1px solid #986b2d; 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-size: 2em; color:#333333; padding-bottom:15px; font-weight: normal; border-bottom:1px solid #986b2d;}

/*demo*/

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

/*****/


.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: calibri; }

#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.1em;}

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:#986b2d; text-transform:none; font-weight:normal; color:#ffffff; letter-spacing:1px; border-style:none; cursor: pointer; border-radius:5px; font-size: 20px;}

input[type=submit], input[type="file"]{padding:8px; background:#986b2d; 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 #986b2d;
	cursor: pointer;
	border-radius:3px;
	font-size:16px;
}

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

.botaomais{color:#986b2d; 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:#986b2d}
#CourseContent_col2 a:hover{ text-decoration:underline;}

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

.div_alert{
color:#6B6B6B; border:1px solid #986b2d; 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: #986b2d;
	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:'allerregular';
	border: 1px solid #f4f4f4;
	border-radius:20px;
	background-color: #FFFFF0;
	font-size:1.0em;
}

table{width:100%; font-family: Montserrat,"Helvetica Neue", Helvetica,Arial, sans-serif; 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:'allerregular'}
.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;}

}