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

    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    /*font-family:Arial, Helvetica, 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;}
a img{border:0;}
a{text-decoration: none;}

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

.destaque_video{ 
    margin:0 auto;
    width: 60%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.2);    
}

.ratio{
    position: relative;
    padding-bottom: 56.25%;    
    width: 100%;
    height: 0;    
}
.media{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;

}

.embed-video{margin:0 auto; max-width: 700px; width: 95%; padding: 10px; background: rgba(255, 255, 255, 0.2);}
.ratio-video{position: relative; padding-bottom: 56.25%; float: left; width: 100%; height: 0;}
.media-video{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: 80%; max-width: 1000px;}
.content-bagattini{display:  block; margin: 0 auto; padding: 60px 0; width: 80%; max-width: 1000px;}
.content-topicos{display:  block; margin: 0 auto; padding: 30px 0; width: 70%; max-width: 1000px;}
.content-depoimentos{display:  block; margin: 0 auto; padding: 30px 0; width: 95%; max-width: 1300px;}
.content-programacao{display:  block; margin: 0 auto; padding: 30px 0; width: 95%; max-width: 1300px;}
.content-palestrante{display:  block; margin: 0 auto; padding: 0; width: 80%; max-width: 1200px;}

.box-40{width: 40%; height: auto; float: left;}
.box-60{width: 60%; height: auto; float: left;}


/*CONTEUDOS*/

/*BACKGROUND*/
.bg-lightbrown{background:#42300e;}
.bg-darkbrown{background:#302208;}
.bg-red{background:#d12121;}
.bg-blue{background:#012f53;}



/*TEXT-COLOR*/
.txt-color-yellow{color:#ffff00;}
.txt-color-white{color:#FFF;}
.txt-color-lightbrown{color:#745210;}
.txt-color-gray{color:#333;}
.txt-color-black{color:#000;}

/*FONT STYLE*/
.fstyle-normal{font-style:normal;}
.fstyle-italic{font-style:italic;}

/*TEXT-TRANSFORME*/
.tt-uppercase{text-transform:uppercase;}

/*BORDER*/
.border-left{border-left:1px #0162aa solid;}
.border-right{border-right:8px #0162aa solid;}

/*MARGINS*/
.margin30-tb{margin:30px 0;}
.margin30-top{margin-top:30px;}
.margin30-bottom{margin-bottom:30px;}
.margin60-tb{margin:60px 0;}
.margin60-top{margin-top:60px;}
.margin60-bottom{margin-bottom:60px;}


/*PADING*/
.padding15-tb{padding:15px 0;}
.padding15-top{padding-top:15px;}
.padding15-bottom{padding-bottom:15px;}
.padding30-tb{padding:30px 0;}
.padding30-top{padding-top:30px;}
.padding30-bottom{padding-bottom:30px;}
.padding60-tb{padding:60px 0;}
.padding60-top{padding-top:60px;}
.padding60-bottom{padding-bottom:60px;}

/*FONT-WEIGHT 300,400,500,700,900*/
.font-weight300{font-weight: 300}
.font-weight400{font-weight: 400}
.font-weight500{font-weight: 500}
.font-weight700{font-weight: 700}
.font-weight900{font-weight: 900}

/*BT*/
.bt{
    display: inline-block;
    cursor: pointer;
    padding: 7px 12px;
    margin-top: 2px;
    background: #888;
    font-size: 0.9em;
    color: #fff;
    text-decoration: none !important;
    text-align: center;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*text-shadow: 1px 1px #555;*/
}
.bt:hover{
    background: #555;
    text-decoration: none !important;
}
.bt-yellow{
    background: #ffc000;      
}
.bt-yellow:hover{
    background: #ffa800 !important;      
}
.bt-green{
    background: #028b56;      
}
.bt-green:hover{
    background: #017447 !important;      
}



@media(max-width: 1050px){
    .box-40{width: 100%;}
    .box-60{width: 100%;}

    .content{width: 95%;}
    .content-topicos{width: 95%;}

}