/* STILE GRIGLIA PRICIPALE delle pagina registrazione */
.pagecontainerreg{
	display: grid;
	grid-template-columns: [inz-col] 100% [fin-col];
	grid-template-rows: [inz-rig] 50px [rig-2] auto [rig-4] 40px [fin-rig];
	grid-template-areas: 
    "headerreg"
    "contenutoreg"
    "footerreg";
	grid-gap: 0px 0px;
	margin:0;
	background-image: radial-gradient(circle farthest-side at center, #6FD2D8, #3576C4);
}

.headerreg{
	grid-area:headerreg;
	text-align:center;
}

.contenutoreg{
	grid-area:contenutoreg;
	background:none;
}

.footerreg {
	grid-area:footerreg;
	text-align:center;
}

.testofooterreg {
  font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	color: #ffffff;
}
      

/* STILE pagina registrazione */
.boxreg{
    width:65%;
    height:auto;
    padding:0% 0;
    margin: 5% auto;
}

.logoreg{
    float:left;
	width:100px;
	height:100px;
}

a.homereg {
    color:#ffffff;
    text-decoration:none;
    font-size:14pt;
    font-style:normal;
	font-family: 'Open Sans', sans-serif;
    padding:0.5% 0;
    margin: auto 0;
}

form#formreg{
    width:92%;
    margin:0 auto;
    background:#ffffff;
    font-family:'Open Sans', sans-serif;
	font-size: 10pt;
    padding:4%;
}
 

.selectreg{
    float:left;
    width:21%;
    margin:2% 2%;
    box-sizing: box-border;
}

select.reg{
    width:100%;
    height:40px;
    font-family:'Open Sans', sans-serif;
    color:#3576C4;
    font-size: 10pt;
    border:1px solid #000000;
    box-sizing:box-border;
    margin:5px auto;
}

.inputreg{
    float:left;
    width:33%;
    margin:2% 2%;
    box-sizing: box-border;
}

.inputreg2{
    float:left;
    width:8.5%;
    margin:2% 2%;
    box-sizing: box-border;
}



input.areareg[type="text"], input.areareg[type="email"], input.areareg[type="password"]{
	width:99%;
	height:37px;
	font-family:'Open Sans', sans-serif;
	font-style:italic;
	color:#3576C4;
	font-size:10pt;
	border-width:0px;
	border:1px solid #000000;
	box-sizing:box-border;
	margin:5px auto;
	padding-left:2%;
}

input.areareg[type="text"]:focus, input.arealogin[type="email"]:focus, input.arealogin[type="password"]:focus{
    outline:none;
}
 
 input.areareg2[type="text"]{
	width:99%;
	height:37px;
	font-family:'Open Sans', sans-serif;
	font-style:italic;
	color:#3576C4;
	font-size:10pt;
	border-width:0px;
	border:1px solid #000000;
	box-sizing:box-border;
	margin:5px auto;
	padding-left:8%;
}

input.register[type="checkbox"]{
	float:left;
	width:25px;
	height:25px;
	margin:1% 2%;
}

button.area_reg{
	display:block;
	width:40%;
	height:50px;
	margin:0 auto;
	background:#3576C4;
	border:0px solid rgb(159,171,176);
	border-radius:3px;
	text-align: center;
	font-family:'Open Sans', sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: rgb(255,255,255);
	cursor:pointer;
}

button.area_reg:hover{
	background:#5682D0;	
}