@font-face {
    font-display: swap; 
    font-family: 'Mona Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../woff2/mona-sans-v3-latin-regulard6bsvv.woff2') format('woff2'); 
  }
  
  @font-face {
    font-display: swap; 
    font-family: 'Mona Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../woff2/mona-sans-v3-latin-600pnt22r.woff2') format('woff2'); 
  }
  
  @font-face {
    font-display: swap; 
    font-family: 'Mona Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../woff2/mona-sans-v3-latin-700phc0xy.woff2') format('woff2'); 
  }
  
body
{
	color: #202020;
	background: #fff;
    background-image: url('../jpg/upm_bg25_lm5pq4j.jpg');
    background-repeat:no-repeat;
	background-size: cover;
	font-family: "Mona Sans", Arial, sans-serif;
    font-variant-ligatures: none;

}

.header
{
	background-color: transparent;
	color: #fff;
	padding: 12px;
	font-size: 16px;
}



a { 
	color: #fff;
	text-decoration: none; }


.center {
    padding-top:10px;
	
}

.logo
{
	position: relative;
	margin:24px 0px 10px 0px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 124px;
    background-image: url('../svg/upm_logo_RGBd26fqp.svg');
	background-size: 100px;
	height:130px;
	background-position: top center;
}
.logoTitle{
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 25px;
    color: #000;
	font-family: "Mona Sans", Arial, Helvetica, sans-serif;
	font-weight: 700;
    font-size: 18px;
   
}

.infoTxt { width:340px;
    font-size: 14px;
    
    
}

.box {
    background-color: #fff;
    border-radius: 5px;
    padding: 5px 15px 5px 15px;
	
}

.publicBox { 
    width: 50%;
    height:20%;
    background-color:  #008342;
    
}

.loginButton {
	font-size: 14px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    width: 300px;
	height: 40px;
	background-color:  #008342;
    border-radius: 20px;
}


a.buttonLink {
    margin-left:auto;
    margin-right:auto;
	font-size: 14px;
    display: block;
    color: #fff;
    width: 260px;
    text-decoration:none;
    padding:10px;
}

    border-radius: 20px;
}

.panel.login {
    width: 320px;
	
}

.input {
    color: #202020;
    font-size: 12px;
	border: none;
    font-weight:300;
	text-align: center;
}




.input > a, .language a { 
	color: #202020; }

.row > a, .language a {
    color: #202020;
}



.input{
	
    font-size: 12px;
    font-weight:300;
	color: #202020;
	text-align: center;
	padding-top: 4px;
	height: auto;

	
}


input.submit[type=submit] {
	width: 150px;
    font-size: 14px;
    font-weight:300;
	color: #fff;
	background-color:  #008342;
	border-radius: 20px;
	border: none;

	

	
	
}

input[type=text] {
 
    font-weight:300;

	background-color: #eee;
	
	border: none;

	
}
input[type=password] {
 
    font-weight: 300;
	
	background-color: #eee;
	
	border: none;

	
}

input[type=textarea] {
    min-height: 80px !important;
    resize: vertical;
	font-weight: 300;
	
	background-color: #eee;
	
	border: none;
}

textarea {
    min-height: 80px !important;
    resize: vertical;
	font-weight: 300;
	
	background-color: #eee;
	
	border: none;
}

select {
     font-weight: 300;
	color: #999;
	
	background-color: #eee;
	
	

	
}

.group {
    background-color: #fff;
    font-weight: bold;
    margin-top: 10px;
    padding: 5px;
    padding-bottom: 2px;
    width: 300px;
    display: inline-block;
}





@media only screen and (max-width:650px){

   body 
    {
	    background-image: url('../jpg/upm_bg25_sw48cqg.jpg');
    background-repeat:no-repeat;
	background-size: cover;
	color:#202020;
    }
    
    .logo
    {
	    position: relative;
	    margin: 15px 0px 0px 0px;
	    padding-top:12px;
	    padding-left:10px;
	    padding-right:10px;
	    padding-bottom: 170px;
        background-image: url('../svg/upm_logo_RGBd26fqp.svg');
	    background-size: 110px;
	    height:100px;
	    background-position: center center;
    }
    
    .box {
        top: 40%;
        margin-left:auto;
        margin-right:auto;
        padding: 0px;
        display: inline-block;
        vertical-align: middle;
        width: 90%;
		

    }
    .panel.login {
        width:300px;
    }
    
    .logoTitle{
        margin-left:auto;
        margin-right:auto;
        margin-bottom: 15px;
        width:86%;
    }
    .infoTxt { 
        margin-left:auto;
        margin-right:auto;
        width:86%;
    
    }
	
	.row > a, .language1 a {
    color: #202020;
    }


}