body
{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	background-color: rgba(240, 240, 240, 0.15);
	font-size:1.6em;
	margin:0;
}
.titolo
{
	margin:5px 0px;
	font-size:20px;
	text-align:center;
}
/*
a:hover{
	font-size:16px !important;
	}
	*/
.logologin
{
	width:80%;
	max-width:400px;
	margin:0px 0px 10px 0px;
}

.contenitoreForm
{
	margin: 90px auto 10px;
	padding:90px 1% 1% 1%;
	width: 400px;
	/*
	border: 1px solid rgb(239, 237, 225);
	*/
	background-color: rgba(255, 255, 255, 0.5);
	border-radius:10px;
	position:relative;
}
.row
{
	text-align:center;
}
.row input.text {
    background-color: #efefef;
    border: 1px solid #ccc;
	margin:10px 1%;
	padding:1%;
    color: #333;
    display: block;
	float:none;
    width: 88%;
	/*
	font-size:18px;
	*/
	-webkit-appearance: none;
 	-webkit-border-radius: 0;
	font-weight:300;
}

input.button
{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	background-image:none;
	width:98%!important;
	color:#FFF;
	background-color:rgb(45,39,84);
	font-size:18px;
	text-transform:uppercase;
	margin:10px 0%;
	-webkit-appearance: none;
 	-webkit-border-radius: 0;
}
#back
{
	display:none;
	visibility:hidden;
	position:fixed;
}
#cerchiologin
{
	width:160px;
	height:160px;
	border-radius:100%;
	color:#FFF;
	text-transform:uppercase;
	font-size:1.1em;
	background-color:rgb(45,39,84);
	border:4px solid#e7ecfd;
	position:absolute;
	top:-80px;
	left:116px;
}
#registrati
{
	width:98%;
	color:#FFF;
	text-transform:uppercase;
	font-size:1.1em;
	background-color:rgb(45,39,84);
	border:4px solid#e7ecfd;
	padding:3px 0px;
}
#cerchiologin td
{
	height:160px;
}
#username
{
	font-family: 'Lato', sans-serif!important;
	font-weight:300!important;
	background-image:url(/grafiche/user.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:34px;
}
#pwd
{
	font-family: 'Lato', sans-serif!important;
	font-weight:300!important;
	background-image:url(/grafiche/lock.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:34px;
}


@media (max-width: 500px) {
.contenitoreForm
{
	width:400px;!important;
}
#cerchiologin
{
	left:px;
}
#loginContainer
{
	width:98%!important;
}
.logofooter
{
	width:100%!important;
}
}

@media (max-width: 400px) {
.contenitoreForm
{
	width:300px;!important;
}
#cerchiologin
{
	left:66px;
}
#loginContainer
{
	width:98%!important;
}
.logofooter
{
	width:100%!important;
}
}