@charset "utf-8";
/* CSS Document */
body{
	/*font-family: 'Ubuntu', sans-serif;
	font-family: 'Barlow', sans-serif;
    font-family: 'Barlow Condensed', sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
	font-size: 18px;
	color: #666;
    /*font-style: normal;*/
	background-color:#000;
    
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cedce7+0,596a72+100;Grey+3D+%231 */
/*background: #cedce7; /* Old browsers */
/*background: -moz-linear-gradient(-90deg,  #cedce7 0%, #596a72 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(-90deg,  #cedce7 0%,#596a72 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(180deg,  #cedce7 0%,#596a72 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
@media print {
  #carousel, #footer, #copyright, #barratop, #patrocinio{
  display: none;
  }
}
/*height:100%;
margin: 0;
}
.wrapper {
min-height: 100%;
margin-bottom: 0px;
}
html{
height:100%;
}*/
p{
	font-weight: 500;
}
.container{
	padding: 0px;
}
.row{
	margin: 10px;
}
a{
	color:#0088cc;
	text-decoration: none;
}
a:hover{
	color:#ec6f25;
	text-decoration: none;
}
hr{
	background-color:#CCC;
	color:#FFF;
}
h1, h2, h4, h5, h6{
	color:#C00;
	font-weight: 700;
}
h3{
	color:#C00;
	font-weight: 700;
}
.sombra{	
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
	border-radius: 20px; /*canto redondo*/
}
.btn-snc{
	background-color:#1db3ac;
	color: white;
}
.btn-snc:hover{
	background-color:#00918c;
}
.form-control{
	background-color:#F5F5F5;
}
ol{
	font-weight: normal;
}
ul{
	font-weight: normal;
}
.squaredTwo {
  width: 22px;
  height: 22px;
  position: relative;
  margin: 0px;
    }
.squaredTwo2 {
  width: 22px;
  height: 22px;
  position: relative;
  margin: 10px auto;
    }
#email:valid, #cpf:valid, #cep:valid, #senha:valid, #resumo:valid {background:#a3d69a;} 
#email:invalid, #cpf:invalid, #cep:invalid, #senha:invalid, #resumo:invalid  {background:#f1dacb;}   

:disabled {
    color: #fff;
	border: 0px;
	text-decoration: none;	
	background-color:#F5F5F5;
}
.alerta{
	color:#F00;
	font-weight: 700;
	vertical-align:middle;
}
.aviso{
  padding: 20px;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  color:#FFF;
  background-color: #C00;
  font-size:16px;
  font-weight:700;
  text-align:center;
}
/*--------------------------------------------------------------
# CAROUSEL
--------------------------------------------------------------*/
#carousel{
	margin-top: -24px;
}
#carousel .carousel-inner{/*tamanho da janela original* height: 412px;*/
	height: 100%;
	margin: 0 auto;
}
#carousel .carousel-caption {
	padding:10px;
	width:700px;
	z-index:10;
	color:#fff;
	text-align:center;
	top:80%;
	/*left:27%;*/
	bottom:auto;
	-webkit-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	transform:translate(0, -50%);	
	background: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
#carousel .carousel-caption {
	padding:30px;
	width:100%;
	z-index:10;
	color:#fff;
	text-align:center;
	top:196%;
	left:0px;
	bottom:auto;
	background-color: #25272b;
}
}
/*--------------------------------------------------------------
# BARRA TOP
--------------------------------------------------------------*/
#barratop {
	margin-top: -38px;
	margin-bottom: -10px;
	font-size: 1rem;
	font-weight: 300;
    background-color: #2D60C5;
    color: #FFF;
}
#barratop .row{
	line-height: 30px;
}
#barratop .link{
	color:#FFF;
}
/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
#barratop {
	display: none;
}
}
/*--------------------------------------------------------------
# BARRA BOTTOM
--------------------------------------------------------------*/
#barrabottom {
	margin: 0px;
	background-color: #333333;
	margin-top: -24px;
	/*padding-top: 16px !important;*/
}
#barrabottom .row{
	line-height: 30px;
}
/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
#barrabottom {
	display: none;
}
}
/*--------------------------------------------------------------
# BARRA LOG
--------------------------------------------------------------*/
#barralog {
	margin: 0px;
	background-color: #C00;
	margin-top: 0px;
	margin-bottom: -5px;
	color:#FFF;
	/*padding-top: 16px !important;*/
}
/*--------------------------------------------------------------
# MENU
--------------------------------------------------------------*/

#menu {/*#0d1020*/
	background-color:#333;
	font-weight:bold;	
}
#menu .nav-link{
	padding:20px;
	color: #FFF;
}
#menu .nav-item :hover{
	background-color:#C00;
	color:#FFF;	
}
#menu .dropdown-menu a:hover{
	background-color: #C00 !important;
	/*font-weight:bold;*/
	color:#FFF;
}
/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
#menu {
	margin-top: -24px;
}
#menu .nav-link{
	border-bottom: solid 1px #f4f4f4;
}
#menu .nav-item :hover{
	border-bottom: solid 1px #FFF;	
}
}

/*--------------------------------------------------------------
# EQUIPE
--------------------------------------------------------------*/

.box1{
	background-color:#666;
	color:#000;
  padding: 50px 20px;
  margin-top: 35px;
  margin-bottom: 25px;
	text-align:center;
	/*margin: 10px;*/
}

/*--------------------------------------------------------------
# RODAPÉ
--------------------------------------------------------------*/

footer{
	background-color:#333;
	padding-top: 20px;
	color:#FFF;
	
	/*position:absolute;
    bottom:0px;
	width: 100%;*/
}
.footer-links{
	padding-top: 20px;
	color:#C00;
}

/*--------------------------------------------------------------
# MODAL LOGIN
--------------------------------------------------------------*/

.modal-dialog {
    width: 340px;
}
.modal-footer {
    height: 170px;
    margin: 0;
}
.modal-footer .btn {
    font-weight: bold;
}
.modal-footer .progress {
    display: none;
    height: 32px;
    margin: 0;
}
.input-group-addon {
    color: #fff;
    background: #3276B1;
}
/*.modal-footer {   border-top: 0px; }*/

/*--------------------------------------------------------------
#BOX DAS AULAS
----------------------------------------------------------------*/
@media screen and (max-width: 1920px) {

.btn-warning{
	background-color:#ec6f25;
	border: 0px;
}
.btn-warning hover{
	background-color:#f79359;
} 
    
    
}

.palestrantes{
	margin-top: -50px;
  	border-radius: 50%;
	width: 60%;
	align-content: center;
	border: solid #C6C6C6 6px;
}
.linkAula{
	color: #FFF;
	text-decoration: none;
}
.linkAula hover{
	color: #FFC300;
	text-decoration: none;
}
.numero{
	/*font-family: 'Oswald', sans-serif;*/
	font-weight: 700;
	font-size:36px; 
	color:#FFC300;
}
.box-aulas{
	padding: 15px;
  	height: 300px;
	margin:5 0 30 0;
	border-radius: 50px 15px 50px 15px;
	border: solid #FFC300 2px;
	
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7391d6+0,20156b+100 */
/*background: rgb(115,145,214); /* Old browsers */
/*background: -moz-linear-gradient(top, rgb(115,145,214) 0%, rgb(32,21,107) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, rgb(115,145,214) 0%,rgb(32,21,107) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, rgb(115,145,214) 0%,rgb(32,21,107) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7391d6', endColorstr='#20156b',GradientType=0 ); /* IE6-9 */
}
.overlay
{
   opacity: 100%;
}
.overlay2
{
	opacity: 0.0;
}
.box-aulas:hover .overlay {
    border-radius: 50px 15px 50px 15px;
	padding: 15px;
	margin: -20px;
	height: 304px;
    border: solid #FFF 6px;    
    opacity: 100%;
}

/*--------------------------------------------------------------
#PAGINA DO VIDEO
----------------------------------------------------------------*/

/*Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.*/
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/*Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.*/
 
audio:not([controls]) {
    display: none;
    height: 0;
}
 
/*Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.*/
 
[hidden] {
    display: none;
}

/*--------------------------------------------------------------
#VIDEO RESPONSIVO
----------------------------------------------------------------*/

.responsive-video {
position: relative;
/*padding-bottom: 56.25%;*/
padding-top: 60px; overflow: hidden;
padding-top: 28.1%;
padding-bottom: 28.15%;
border-radius: 10px;

-webkit-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75);
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px;
}

/*--------------------------------------------------------------
#VIDEOS ADICIONAIS
----------------------------------------------------------------*/
.video-regulamento{
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 0px;
	padding-top: 0px;
	float:right; 
}

@media (max-width: 767.98px) { 
	.video-regulamento{
	padding-bottom: 30px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	float:right; 
}
}
/* ====================================================================== */
/* TABLE - TABELA*/
/* ====================================================================== */
table{
	font-size:14px;
}
thead{
	color:#000;
}
tbody{
    font-size: 1rem;
}
th h4, h5{
	text-align:center;
	color: #000;
}
td{
 border-bottom: 1px solid #FFF;
 vertical-align: text-bottom;
}
.hora{
	font-weight: 400;
    color:#000;
}
.med{
	font-weight: 400;
	font-style: italic;
    color:#000;
	/*color: rgba(0, 0, 0, 0.0);/*opacidade*/
}
.aula{
	color:#000;
}
.cabecalho{background-color: #006cb8FF; font-weight: bold; color:#000;}
.intervalo{background-color: #ec8d1ccc; font-weight: bold;}
.simposio{background-color: #ec8d1c99; font-weight: bold;}
.modulo{background-color: #006cb866; font-weight: bold;}
.destaque{background-color: #ec8d1c66; font-weight: bold;}
.disabled{background-color: transparent;}