#backtop {
	        position: fixed;
            left:auto;right: 20px;top:auto;bottom: 20px;
	        outline: none;
            overflow:hidden;
            color:#fff;
            text-align:center;
            background-color:rgba(49,79,96,0.84);
            height:40px;
            width:40px;
            line-height:40px;
            font-size:14px;
            border-radius:2px;
            cursor:pointer;
            transition:all 0.3s linear;
            z-index:999999;

            opacity:1;
            display:none;
        }
        #backtop:hover {
            background-color:#27CFC3;
        }
        #backtop.mcOut {
            opacity:0;
        }


/* vvvvvvvvvvvvvvvvvvvvVIDEOTUBEvvvvvvvvvvvvvvvvvvvvv */
figure { width: 90%; min-width: 17.5em; margin:0 auto;}
figcaption { font: 120% sans-serif; text-align: center;}
.boxVideo {
    position: relative;
    padding-bottom: 56.25%; 
    padding-top: 25px;
    height: 0;
    margin:0 auto;
}
.boxVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

img{
	max-width:100%;
	height:auto;
}

/*<figure><div class="boxVideo">
<iframe width="420" height="315" src="videotube" frameborder="0" allowfullscreen></iframe>
</div><figcaption>descrição do video</figcaption></figure>*/


/* vvvvvvvvvvvvvvvvvvvvVIDEO HTMLvvvvvvvvvvvvvvvvvvvvv */

figure { width: 90%; min-width: 320px; margin:0 auto;}
figcaption { font: 120% sans-serif; text-align: center;}
video {
    width: 100%;
    height: auto;
}
img{
	max-width:100%;
	height:auto;border:none;
}

a img { 
	border: none;
}
/*<figure><video poster="videos/cover.jpg" controls><source src="video.mp4" type="video/mp4"/></video><figcaption>descrição do video</figcaption></figure>*/

/*MMMMMMMMMMMMMMMMMMENUMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM*/

	
.capa {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
}
.subcapa {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
}
.espadim {
    float: left;
    height: auto;
    width: 34%;
}
.diretores {
    float: left;
    height: auto;
    width: 31%;
}
.ermanos {
    float: left;
    height: auto;
    width: 35%;
}
.abertura {
    background-color: #EFD7D7;
    height: auto;
    width: 100%;
}
	.clearfloat {
    clear: both;
}
/*acima para index*/
/*HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH*/

.cemporcento {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 100%;
    border: 1px solid #000000; text-align: center;
}
.vintequatro {
    float: left;
    height: auto;
    width: 24%;
    border: 1px solid #000;
}
.clearfloat {
    clear: left;
}