/* O z-index do div#mask deve ser menor que do div#boxes e do div.window */
        #mask 
        {
            position:absolute;
            z-index:9000;
            background-color: #3E3E3E;
            display:none;
        }

        #boxes .window {
            position:absolute;
            width:700px;
            height:400px;
            display:none;
            z-index:9999;
            padding:5px;
            color: #333333;
            font-family:Arial;
        }

        /* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
        #boxes #videos-apresentacao {
            width:700px;
            height:300px;
            border: #88BAF7 1px solid;
            background-color: #FFFFFF;
        }
        
        #boxes .m_tit
        {
            background-repeat:repeat-x;
            height:30px; line-height:30px;
            color:#333333; font-weight:bold; font-size:13px;
        }
        
        #boxes .m_tit img
        {
             float:left; margin:5px 3px 0 3px;
        }
        
        #boxes .m_area
        {
            text-align:right; font-style:italic;
        }
        
        #boxes a.m_op
        {
            padding:5px 20px 5px 20px;  
            line-height:25px;
            width:110px; display:table-cell;
            color:#333333;
           /* border: #F2F2F2 1px dotted;*/
           
            text-decoration:none;
        }
        
        #boxes a.m_op:hover
        {
            background-image:url('../img/atalhos/m_op.png');
            background-repeat:no-repeat;  
            background-color:#F2F2F2;
            font-weight:bold;
            color:#007DBE;
            border:#CCCCCC 1px solid;
        }
        
        
        #boxes .close img
        {
            border:0;
        }
        
        /* posiciona o link para fechar a janela */
        .close {
            display:block;
            margin:20px 5px 0 0;
            float:right;
        }