body{
margin:0px;
padding:0px;
font-size: 62,5%; /* = 10px = 0.625em */
font-family: 'Oswald', sans-serif;
background-color:#fff;
color:#333333;
}


#wrapper{
width:100%;
margin:0px auto;
padding:0px; 
      
}
#container{

width:100%;
margin:0px auto;
overflow:hidden;
border: 0px solid #BA0419;

}
 #todo{
width:98%;
height:100px;
 float:left; 
font-size:0.9em;
 margin:10px 10px 20px 10px; 
 padding:3px; 
 border:0px solid #fafafa; 
 text-align: left;
}

#col_up{
width:98%;
float:left;
margin: 0px 0px 20px 0px;
padding:10px;
border-bottom: 0px solid #2B52A3;
text-align: left;
color:#18307a; 
font-size:1.0em;
box-shadow: 0px 18px 12px -16px rgba(0,0,0,0.5);
background-color:#fff;

}
#col_up img{
float:left;
width:180px;
margin-right:10px;
margin-bottom:10px;
}
.logout{
display:none;
}
.logoutmo{
width:55px;
position: absolute;
  top: 10px;
  right: 5px;
  	font-weight: bold; 
	text-align:right;
	font-size:0.9em;
	color: #fff;
	text-transform:uppercase;
	padding:10px ;
	margin:5px 0px 0px 0px;
		text-decoration:none;
			 background: url('https://www.corsifad.info/images/logout.png');
 background-repeat: no-repeat;
 background-position: 8px center;
background-color: #C4DD4A;

}

p.titlexl
{color:#ea03e7;  text-align:center;font-size:1.5em;
}	

h1{
font-size: 1.5em;
color:#2D69B3;
font-weight: bold; 
text-align: center;
padding-top:50px;
}
h4{
text-align: center;
color:#607EB8;
	font-size:1.6em;
	line-height:1.1em;
	font-weight:normal;
	text-align:center;
font-family: 'Oswald', sans-serif;

}
h2{
font-size: 1.5em;
color:#fff;
font-weight: bold; 
text-align: center;
padding-top:50px;


}

#pagina{
width:99%;
margin: 0 auto;
padding: 0px;
text-align: left;
font-size: 1.0em;
border: 0px solid #B7B9BA;
}

.cerchio {
float:left;
border-radius: 50%;
font-size:1.4em;
text-align: center;
line-height: 1.8em;
padding: 5px;
margin: 15px 20px 30px 5px;
box-shadow: -10px 0 10px -10px rgba(0,0,0,0.6);
background-color:#607EB8;
}
.cerchio{
width: 40px;
height: 40px;
background-color:#607EB8;
color:#fff;
}
.boxcorso {
width: 98%;
min-height:200px;
float:left;
font-size: 1.0em;
color:#636363;
margin-top:30px;
margin-bottom:10px;
padding:10px ;
border: 0px solid #165B00;
background-color:#f5f5f5;
font-weight: normal; 
text-align: left;
box-shadow: 0px 18px 12px -16px rgba(0,0,0,0.5);
}
.basecorso{
float:right;
width: 95%;
	display:block;
text-align:left;	
font-size:1.0em;
color:#5E5350;
	border-top:1px solid #D7D7D7;  
	border-bottom:0px solid #DC10CD;  
	margin:15px 10px 15px 0px;
	padding:5px;
}
p.boxtesto_nome{
	font-size:1.6em;
text-align:left;
	color:#607EB8;
	text-decoration:none;
	font-weight:normal;
}

.buttonAdd {
	
float:right;
	text-transform:uppercase;
	text-decoration: none;
	color:#fff;
	border:none;
	text-transform:uppercase;
	cursor:pointer;
	min-width:130px;
	text-align:center;
	font-size:1.1em;
	background:#DC10CD;
	padding: 10px 0px 10px 10px;
	margin: 10px 0px 10px 10px;
font-weight:bold;
font-family: 'Oswald', sans-serif;
}

/*login*/
.buttonp {
	
float:left;
	text-transform:uppercase;
	text-decoration: none;
	color:#636363;
	border:none;
	text-transform:uppercase;
	cursor:pointer;
	width:90%;
	text-align:center;
	font-size:1.1em;
        padding:5px 10px 5px 10px;
	margin: 10px 0px 10px 10px;
font-weight:bold;
font-family: 'Oswald', sans-serif;
}
.verde{
	background:#D8E988;			
}	
.fucsia{
		background:#DC10CD;
			
				
}

.frame{
width:100%;
margin: 0 auto;
float:left;
text-align:center;
padding:5px;
font-size: 1.0em;
color:#636363;
} 

form#reg{width:250px; 
 min-height:330px;
    margin: 0 auto;
    padding: 20px;
	background-color:#fff; 
	border: 0px solid #607EB8;
    box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6);
    color:#5B4F49;
       clear: both;

    } 

        input.login{
        display: inline;
        width: 90%;
        height:35px;
        margin-top:10px;
padding:5px 10px 5px 10px;
        color:#636363;
        font-size:1.2em;
font-family: 'Oswald', sans-serif;
     	 background: url('https://www.corsifad.info/images/busta.png');
 background-repeat: no-repeat;
 background-position: 95% 35%;
background-color:#F3F1E9; 
   border: 0px solid #D8E988;

    }
            input.loginp{
        display: inline;
        width: 90%;
        height:35px;
        margin-top:10px;
        padding:5px 10px 5px 10px;
        color:#636363;
        font-size:1.2em;
font-family: 'Oswald', sans-serif;
             background: url('https://www.corsifad.info/images/security-512.png');
 background-repeat: no-repeat;
 background-position: 95% 35%;

     	background-color:#F3F1E9; 
   border: 0px solid #D8E988;

    }
        input.loginc{
        display: inline;
        width: 90%;
        height:35px;
        margin-top:10px;
padding:5px 10px 5px 10px;
        color:#636363;
        font-size:1.2em;
font-family: 'Oswald', sans-serif;
     	 background: url('https://www.corsifad.info/images/cc.png');
 background-repeat: no-repeat;
 background-position: 95% 35%;
background-color:#F3F1E9; 
   border: 0px solid #D8E988;

    }
            input.loginn{
        display: inline;
        width: 90%;
        height:35px;
        margin-top:10px;
padding:5px 10px 5px 10px;
        color:#636363;
        font-size:1.2em;
font-family: 'Oswald', sans-serif;
     	 background: url('https://www.corsifad.info/images/icon-person.png');
 background-repeat: no-repeat;
 background-position: 95% 35%;
background-color:#F3F1E9; 
   border: 0px solid #D8E988;

    }