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

    font-family: Arial, 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;}
hr{width:100%; height:1px; border-width:0; background-color:#d1d1d1;}

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

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

.ratio{
    position: relative;
    padding-bottom: 60.25%;
    float: left;
    width: 100%;
    height: 0;
    margin-bottom:30px;
}
.media{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    border: 4px #FFF solid;
}

.destaque_video2{ 
    position:relative;
    margin:0 auto;
    width: 80%;
    height:auto;
    padding: 10px;
    /*background: rgba(255, 255, 255, 0.2);*/
}
.ratio2{
    position: relative;
    padding-bottom: 54.25%;
    float: left;
    width: 100%;
    height: 0;
    margin-bottom:30px;
}
.media2{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    border: 4px #FFF solid;
}


/*CONTEUDOS*/
.container{ width: 100%; height: auto; float:left;}
.content{display:  block; margin: 0 auto; padding: 30px 0; width: 88%; max-width: 1200px;}
.content-valores{display:  block; margin: 0 auto; padding: 30px 0; width: 80%; max-width: 1200px;}
/*CONTEUDOS*/

/*BACKGROUND*/
.bg-blue{background:#00477c;}
.bg-purple{background:#1b0030;}
.bg-red{background:#bb2121;}

/*TEXT-COLOR*/
.txt-color-yellow{color:#ffff00;}
.txt-color-white{color:#FFF;}
.txt-color-blue{color:#00487d;}
.txt-color-gray{color:#494949;}

/*BOX-SHADOW*/
.ts{text-shadow: 2px 2px #000;}

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

/*MARGINS*/
.m120-bottom{margin-bottom: 150px;}
.m-top-bottom{margin:30px 0;}
.m-top{margin-top:20px;}
.m-bottom{margin-bottom:20px;}

/*PADING*/
.padding-top-bottom{padding:10px 0;}
.padding-top{padding-top:15px;}
.padding-bottom{padding-bottom:15px;}
.padding-tb{padding:3px 0;}

@media(max-width: 1100px){
    .content{width: 95%;}
    .destaque_video{width: 80%;}
    
    .m120-bottom{margin-bottom: 75px;}
}

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

}