@font-face {
  font-family: gothan;
  src: url(gothan.ttf);
}
	a{
	    cursor: pointer;

	    
	}	#contem{
		
		
		
     font-family: gothan;
     color:#444;
		width:80vw;
		height:40vh;
	}
	#contem-1{
			background: url('../img/tema-1.png');
			background-size:50%;
					background-repeat:no-repeat;
	
		
	}
		#contem-p{
			background: url('../img/plural.png');
			background-size:30%;
					background-repeat:no-repeat;
					background-position:10% 10%;

	 line-height: 4.5;
		
	}
	#contem-2{
			background: url('../img/tema.png');
			background-size:41%;
					background-repeat:no-repeat;
	
		
	}
	.coluna-d{

		width: 40vw;
        height: 35vw;
	
	
	padding:0px;
	margin:0px;
	float:left;
		
	}
	.coluna-e{
		
		width: 45vw;
        height:25vw;

	padding:0px;
	margin:0px;
	float:left;
		
	}
		.coluna-e1{
		
		width: 30vw;
        height:25vw;

	padding:0px;
	margin:0px;
	float:left;
		
	}
	.coluna-de{

	

	margin:0px;
	float:left;
		
	}
	
	.coluna-ee{
		
		width: 60vw;
        height:80%;
padding:1vw 2vw 0px 4vw;
	margin:0px;
	float:left;

		
	}
		.coluna-dp{

		width: 30vw;
        height: 100%;


	margin:0px;
	float:left;
		
	}
	
	.coluna-ep{
		
		width: 50vw;
        height:100%;
padding:1vw 2vw 0px 4vw;
	margin:0px;
	float:left;

		
	}
	.btn1{
		 background:url('../img/fundo.png');
		 background-repeat: no-repeat;
		 background-size:60vw 6vw;
		 position:relative;
		 top:-10vw;
		 width:60vw;
		 height:12.5vw;
   padding-top:1vw;
		margin:20vw 0px 0px 0px;
	
		
	}
	.lle{
	    border-radius:20px;
	    padding:10px;
	}

	
	#msg-f{
	    position:fixed;
	    bottom:1vw;
	    right:4vw;
	    width: 2.5vw;
	    padding:0px;
	    margin:0px;
	    transition: all 0.3s;
	 
	   
	    
	}
	#msg-a{
	    position:fixed;
	    bottom:1vw;
	    right: 2.5vw;
	    transition: all 0.5s;
	    background:white;
	    width:22vw;
	    height:23vw;
	    border-radius:0.5vw 0.5vw 0px 0px;
	    border:1px solid #00AFEF;
	     padding:0.5vw;
	    text-align:justify;
	     transition: all 0.5s;
	       
	}
	#texto-msg{
	    	    background-color:#00AFEF;
	    	       border-radius:0.5vw 0.5vw 0px 0px;
	    	       text-align:center;
	    	       color:white;
	    	       font-size:1.2vw;
	    	       padding:0.5vw;
	    	       margin-bottom:1vw;
	    	       
	    	       
	}

	    

	.input-l{
	    background-color:#00AFEF;
	     margin:0px;
	     color:white;
	    width:3vw;
	    height:1.7vw;
	    margin-left:0.5vw;
	    font-size:0.8vw;
	    padding:0.1vw;
	     font-family:micross;
	}
	
	#li-e{
	text-align:center;
color:white;
background-color:#CA373C;
font-size:0.8vw;
	  height: 3vw;
	margin:0px;
padding:0.2vw 0.3vw 0.5vw 0.3vw;
	
}
#li-e:hover{
font-size:0.9vw;
background-color:#Ccc;

	
}
#ef, #pv , #em, #et{

    background:rgba(255,255,255,0.9);
    	
}



#alunos{
    background:url('../images/alunos.png') no-repeat;
    background-size:60%;
    width:80vw;
    height:20vw;
    
}
.contein {
    position:fixed;
  top:8vh;
  left:2vw;
         width: 95vw;
         height: 90vh;
         background: rgba(0,0,0,0);
         display: flex;
         flex-direction: row;
         justify-content: center;
         align-items: center;
         z-index:9998;
     }
 
    
#propaganda{
      font-family: gothan;
  font-size:22px;
    color:white;
  
     background:url('../images/fundo.png');
     background-size:auto 120%;
     max-width:90vw;
      max-height:90vh;
    width:648px;
    height:600px;
    z-index:9999;
    text-align:center;
    border:white solid 4px;
}
#img_matri{
    width:100%;
    margin:0;
}
#porvaon{
    background:url('../images/provaon.png');
     background-size:auto 100%;
    
    
}
#prop-titulo{
    font-size:30px;
    color:#fee16d;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 1);
    margin:1%;
     font-family: gothan;
}
#propaganda input{
    padding:4px;
   
    margin:1%;
    color:black;
   
    
}
#propaganda select{
    padding:4px;
    width:80%;
    margin:1%;
    color:black;
     font-family: gothan;
}
#fechep{
    position:relative;
    right:1%;
    top:1%;
    text-align:right;
    margin:2%;
    color:red;
}
#concurso{
     font-family: gothan;
     color:#444;
      
}
#concurso p{
    margin:1%;
    
}
  #texxto{
    font-family: gothan;
     color:#333;
              
            }
            
    #texxto p{

            margin-left:12%;  
            }