@font-face {

    font-family: "Rockwell";
    src: url(rockwell-extra-bold.ttf);
    
    }   

*{font-family: "Rockwell";}

body, html{
	height: calc(100vh - 50px)
	}

.vacio {

    color: #F9F315;
    background: red;
    font-size: 20px;
    font-weight: bolder; 
    padding: 5px;
}

.estilo1 {
    background-image:url(../img/certificado.jpg); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
    
  } 

.estilo2 {
    background-image:url(../img/img1.jpg);    
    background-size: cover; 
    background-attachment: fixed;   
    height: auto;    
    
  }  

.estilo3{

	margin-top: 20px;
	width: 21%;
	height: 190px;
    padding-left: 100px !important;
}

.titulo{
	
	color: black !important;
	font-weight: bold;
	font-style: italic;
	text-shadow: -5px -5px 5px #9ED5D4;
	text-align: center;
	margin-top: 20px;

}

.borde {
	border: 2px !important; 
	height: 100px !important; 
	border-color: #101B81 !important;
}

   /* color por default */
    .input-field input[type]:not([readonly]),
    .input-field input[type]:focus:not([readonly]){
        border-bottom: 1px solid #A8E5E3;
        box-shadow: 0 1px 0 0 #101B81;
    }
    .input-field input[type]:not([readonly]),
    .input-field input[type]:focus{
        border-bottom: 1px solid red;
        box-shadow: 0 1px 0 0 #9e9e9e;
    }

    /* color por default */
    .input-field input[type]:focus:not([readonly])+label{
        color: #1a237e;
    }

    /* color modo incorrecto */
    .input-field input[type].error,
    .input-field input[type].error:focus{
        border-bottom: 1px solid red;
        box-shadow: 0 1px 0 0 red;
    }

    /* color modo incorrecto */
    .input-field input[type].error+label,
    .input-field input[type].error:focus+label,
    .input-field input[type].error~.helper-text::after,
    .input-field input[type].error:focus~.helper-text::after{
        color: red;
    }

    /* color modo correcto */
    .input-field input[type].correcto,
    .input-field input[type].correcto:focus{
        border-bottom: 1px solid red;
        box-shadow: 0 1px 0 0 #101B81;
    }

    /* color modo correcto */
    .input-field input[type].correcto+label,
    .input-field input[type].correcto:focus+label,
    .input-field input[type].correcto~.helper-text::after,
    .input-field input[type].correcto:focus~.helper-text::after{
        color: black;
        font-weight: bold;
		font-style: italic;
		font-size: 18px;
    }

   .select-wrapper input.select-dropdown {

    	color: #1A237E;
    	font-weight: bold;
    	font-size: 18px;
		font-style: italic;
    	border-bottom: 1px solid red;
        box-shadow: 0 1px 0 0 #101B81;

    }   

    .select-dropdown li.disabled > span {

    	color: #1A237E !important;
        font-weight: bold;
    	background: #B7B7B7 !important;

    }

  .card-panel{

  	background-image:url(../img/img2.jpg);  	
    background-color: #0000;
    background-size: cover;
    background-attachment: fixed;   
    height: auto;
  }	
	
	footer{
	height: 50px;
	background-color: black;
	color: white;
	text-align: right !important;
	padding-right: 10px;
	}


    .maestra{

        font-weight: bolder;        
        font-size: 48px;
        padding-left: 30px !important; 
        padding-top: 160px !important; 
        position: fixed;
    }


    .alumno{        

        font-size: 48px;        
        padding-top: 420px !important;
        position: fixed;      
    }

    .grado{  
   
        font-size: 48px;        
        padding-top: 580px !important; 
        position: fixed;     
    }