.reveal-modal-bg {  /*visibility: hidden; fundo*/
    position: fixed;
    height: 100%;
    width: 100%;
    background: url(/0/img/modal-bg.png)\9;
    background: #3c3c3c;
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
    opacity:0.65;
    -moz-opacity: 0.65;
    filter: alpha(opacity=65);
}

.reveal-modal {
    /*visibility: hidden; contentor peq*/
    display: none;
    top:20%;
    left:50%;
    margin-left: -350px;
    width: 711px;
    background: #ffffff;
    position: absolute;
    z-index: 1001;
    padding: 0px 45px 40px;
}

.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {

}
.reveal-modalpatrocinadores {
    /*visibility: hidden; contentor peq*/
    display: none;
    top:20%;
    left:50%;
    margin-left: -350px;
    width: 700px;
    background: #ffffff;
    position: absolute;
    z-index: 1001;
    padding: 0px 45px 40px;
}

.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {

}

a.close-modal {
    font-size: 1.2em;
    position absolute;
    margin-top: -2px;
    right: 0;
    color: #000000;
    cursor: pointer;
    margin-left: 730px;

    /*        padding: 10px;*/
    /*        background: #fff;*/

}

/*
*/





/* ///// html a usar para cada modal ///////

<div id="nome_do_id" class="reveal-modal">
    <a class="close-reveal-modal close-modal">X</a>
</div>

*/
/* tablet 940 (vertical ipad) */
@media screen and (max-width: 940px) {

}
/* Mobile 568 (horizontal iphone5) */
@media screen and (max-width: 568px) {


}
.label-energia {

}