*{
            margin: 0;
            padding: 0;
         }
        body{
            font-family: arial, helvetica, sans-serif;
            font-size: 19px;
        }

        .menu{
            list-style:none;
            border:1px solid #c0c0c0;
            float:left;
        }
        .menu li{
            position:relative;
            float:right;
            border-right:1px solid #c0c0c0;
        }

        .menu li a{
            color:red; 
            text-decoration:none; 
            padding:5px 10px; 
            display:block;
        }

        .menu li a:hover{
            background:#333;
            color:#C10B36;
            -moz-box-shadow:0 3px 10px 0 #CCC;
            -webkit-box-shadow:0 3px 10px 0 #ccc;
            text-shadow:0px 0px 5px #fff;
        }
        .menu li  ul{
            position:absolute;
            top:42px; /*Posicionamento do sub-menu para cima ou p baixo*/
            left:0;
            background-color:#000; /*Fundo do sub-menu*/
            display:none;
        } 

        .menu li:hover ul, .menu li.over ul{
            display:block;
        }

        .menu li ul li{
            border:1px solid #c0c0c0;
            display:block;
            width:200px; /*Largura do sub-menu*/
        }

        .main{
    width: 100vw;
    height: 90vh;
    border: 3px solid #000;
}

        iframe{      
        display: block;
        width: 100vw;  
        height: 90vh;    
        border: none; 
        background: #000;
    }