*, *:before, *:after{
    margin: 0;
    padding: 0;
    outline: 0;

    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-size: 1em;

    line-height: 1.5;
    letter-spacing: 0em;
    vertical-align: middle;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.clear{clear: both;}
.fontzero{font-size: 0em;}
img{max-width: 100%; border: 0; vertical-align: middle;}
a img{border:0;}
a{text-decoration: none;}

/*===== MEDIAS =====*/
object,
embed,
video,
iframe,
iframe['style']{
    max-width: 100%;
    height: auto;
}

.destaque_video{ 
    position:relative;
    margin:0 auto;
    width: 80%;
    height:auto;
    padding: 10px;    
}

.ratio{
    position: relative;
    padding-bottom: 46.25%;
    width: 80%;
    margin:0 auto;
    height: 0;

}

.media{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
}

/*===== CONTEUDOS =====*/
.container{ width: 100%; height: auto; float:left;}
.content{display:  block; margin: 0 auto; padding: 30px 0; width: 85%; max-width: 1200px;}
.content-palestrante{display:  block; margin: 0 auto; padding:0; width: 85%; max-width: 1200px;}
.content-aulas{display:  block; margin: 0 auto; padding:0; width: 95%; max-width: 1200px;}

/*===== box =====*/
.box50{width: 50%; float: left;}

/*===== BACKGROUND =====*/

.bg-red{background:#580000;}
.bg-gray{background:#333;}

/* ==== img icon ==== */
.icon-15{width: 15px; vertical-align: baseline; margin-left: 5px;}
.icon-20{width: 20px; vertical-align: baseline; margin-left: 5px;}



/*===== BODER =====*/
.border-left{border-left:1px #e2a001 solid;}

/*===== MARGINS =====*/
.m-top-bottom{margin:5% 0;}
.m-top{margin-top:2%;}
.m-bottom{margin-bottom:5%;}

/*===== PADDING =====*/
.padding-top-bottom{padding:2% 0;}
.padding-top{padding-top:5%;}
.padding-bottom{padding-bottom:5%;}
.padding-tb{padding:5% 0;}

@media(max-width: 1180px){
    .content-aulas{width: 100%;}
    .box50{width: 100%;}
}

@media(max-width: 1110px){
    .content-aulas{width: 80%;}
}
@media(max-width: 900px){
    .content-palestrante{width: 98%;}
    .content{width: 98%;}
}

@media(max-width: 745px){
    .content-aulas{width: 98%;}
}