.container {
        width: 100vw;
         height: 100vh;
        background: white;
         display: flex;
         flex-direction: row;
        justify-content: center;
         align-items: center
     }
     .box {
         width: 600px;
         height: 600px;
         max-width:100vw;
         background: #fff;
     }
     body {
        margin: 0px;
         -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
.input{
  width:90%;
  margin:5%;
  padding:4px;
  
 }
 .tiii{
     background:#195262;
    color:white;
 }
 .btn{
    width:90%;
  margin:5%;
  padding:4px;
  background:#195262;
    color:white;
  
 }
 .pull{
     text-align:right;
     margin:0;
         width:90%;
     padding:0;
 }
 .lougoo{
  position:fixed;
  top:20px;
  padding-left:calc( 50% - 98px);
 }
 
    *{
        margin:0;
        padding:0;
    }
        .header{
            padding-top:2px;
            height:9vh;
            position:fixed;
            top:0;
            width:100vw;
            background:#f67845 ;
            margin:0;
            z-index:999;
        }
        .header div ul li{
            list-style:none;
            display:inline-block;
           position:absolute;
           right:2%;
           top:2vh;
           border:1px solid white;
          border-radius:15%;
           color:white;
           padding: 4px 8px;
           
            
        }
        #top_menu{
      margin-left:-10%;
      position:absolute;
       top:30px;
        }
        .logo{
            margin-left:5px;
            height:60px;
        }
        
 input[type=radio]{
     margin:2%;
 }
 label{
     background:#ccc;
     padding:4px;
     border-radius:10%;
 }
.box div{
    margin:10px;
}
 .sess{

     padding-top:20vh;
     margin:0;
 }

 .bls {
     width:45vw;
     height:60vw; 
     max-width:150px;
     max-height:200px;
       padding-top:0.5%;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:80%;
	font-weight:bold;
    margin-top:2%;
 
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.bls:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}
.bls:active {
	position:relative;
	top:1px;
}
.imgii{
    height:50px;
    margin:15px 0;
}
.desc{
   height:50%; 
   width:100%;
   font-size:80%;
    display:block;
    margin:0;
    padding:0;
}
         footer{
             width:100vw;
            margin:0;
            height:80px;
            position:absolute;
            top:calc( 100% - 60px);
         }
    .ini{
    background-image: -moz-linear-gradient(0deg, #f67845 0%, #fbc362 100%);
  
    background-image: -webkit-linear-gradient(0deg, #f67845 0%, #fbc362 100%);
    background-image: -ms-linear-gradient(0deg, #f67845 0%, #fbc362 100%);
    font-size: 18px;
    font-family: "OpenSans-Semibold";
    color: #fff;
    border-radius: 50px;
    padding: 5px 30px;
    display: inline-block;
    text-transform: uppercase;
    padding-right: 5px;
    text-decoration: none !important;
}

        
        .slider {
	font-family: sans-serif;
	scroll-snap-type: x mandatory;	
	display: flex;
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;

   width:80vw;
   margin:0 auto;
}

.sec {
    margin:10px;
	padding-top: 20vh;
	min-width: 80vw;
	height: 80vh;
	text-align:justify;
	scroll-snap-align: start;
	position: relative;
	top:0;
	
    
}
.perguntas{
   font-size:90%; 
   margin:1%;
}

.respostas{
    font-size:80%; 
    margin:0.5%;
    padding:0.4%;
}
  
  
  .aside{
    width:15%;
    height:100%;
    font-size:18px;
    background:black;
    color:white;
position:fixed;
top:0;
}
    .aside ul{
    
        padding:4% 10%;
        margin:0;
            list-style:none;
       

    }
  .aside ul ul li{
      margin-left:5%;
     
      
    }
 
     .aside ul ul li:hover{
      color:#7B68EE;
     
    }
    .aside ul:hover{
       background:#1C1C1C;
    }
    .aside ul ul{
       display:none;
       
    }
     .aside ul li:hover > ul{
       display:block;
       
    }
 #pdd{
     height:20vh;
 }
  
        .aside a{
         text-decoration:none; 
         color:white;
        }
        .contenido{
            margin-top:18vh;
            margin-left:18vw;
            height:80%;
            width:80%;
          
           
        }