@charset "utf-8";
/* CSS Document */
.Login-box{position:absolute;right:-150px; z-index: 101; width: 310px; border:1px solid #e5e5e5; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.3);
box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.3); background:#FFFFFF; padding:5px;}
#three_box {
  height:auto;
  width:180px;
  float:right;
}
.close-login{position: absolute; top:-8px; right:-8px; z-index: 10; cursor:pointer; display: block; line-height:25px; width:25px; text-align:center; background:#EEEEEE;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.25);
box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.25);}

a{ text-decoration: none; }

.clearfix:after,
form:after {
	entry: ".";
	display: entry;
	height: 0;
	clear: both;
	visibility: hidden;
}

.container_box{ 
	margin-right: 1px;
	padding-top:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#FFFFFF;
	height:185px;
	
	-webkit-box-shadow: -5px -1px 10px -5px rgba(86, 86, 86, 0.3);
	box-shadow: -5px -1px 10px -5px rgba(86, 86, 86, 0.3);}
	
.container_box:first-child{
  border-right:0;
}


#entry {
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.title_login {
	color: #7E7E7E;
	font: bold 15px Helvetica, Arial, sans-serif;
	padding: 5px 0 0;
}
.sub_title_login{line-height:1.2em; font-size:13px;}
.sub_title_login span{color:#CE791A; font-weight: bold;}

#entry form { margin: 0 5px; position: relative }
#entry form input[type="text"],
#entry form input[type="password"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #c8c8c8;
	color: #777777;
	font:13px 'Open Sans', sans-serif;
	margin: 0 5px 8px 5px;
	padding: 4px 8px;
	width: 120px;
}

#entry form input[type="text"]:focus,
#entry form input[type="password"]:focus {
	border: 1px solid #e8921a; 
	outline: none;
	color: #777777;

}

#entry form input[type="submit"] { /*bottone login */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
  	background: #5B5E65;
	border: 1px solid #4d565d;
	color: #ffffff;
	font: 11px Helvetica, Arial, sans-serif;
	height: 24px;
	margin: 8px auto;
	position: relative;
	width: 85px;
}
#entry form input[type="submit"]:hover {
	background: #313640; /*verde */
}

.text_content{
	  border-top:#CCCCCC 1px solid;
	  color:#666666;
  	  padding: 4px 8px;
	  width:140px;
	  margin: 0 auto;
	  font-size:11px;
	  line-height:14px;
	  text-align:center;
}

@media only all and (min-width:768px) {
#three_box {
	height:auto;
	width:auto;
	float:right;
	position:relative;

}
a{ text-decoration: none; }

.clearfix:after,
form:after {
	entry: ".";
	display: entry;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.container_box{ 
	border-left:#cccccc solid 1px;
	border-radius:0 0 3px 3px;
	float:left;
	height:190px;
	margin:0;
	padding:2px 4px;
	
	-webkit-box-shadow: 2px 0px 0 -3px rgba(86, 86, 86, 0.3);
	box-shadow: 2px 0px 0 -3px rgba(86, 86, 86, 0.3);}
	

.container_box:first-child{
	border-left:0;
}

#entry {
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.title_login {
	color: #7E7E7E;
	font-:bold 15px 'Open Sans', sans-serif ;
	padding: 8px 0 3px;
}

#entry form { margin: 4px 5px; position: relative; }

#entry form input[type="text"],
#entry form input[type="password"] {
	font:12px 'Open Sans', sans-serif;
	margin: 5px;
	padding: 5px 8px;
	width: 120px;
	color: #777777;
}

#entry form input[type="text"]:focus,			
#entry form input[type="password"]:focus {
	border: 1px solid #e8921a; 
	outline: none;
	color: #777777;

}

#entry form input[type="submit"] { 		/*button login */
	height: 24px;
	margin: 8px auto;
	position: relative;
	width: 85px;
	/*line-height:24px;*/
}

#entry form input[type="submit"]:hover {
	background: #313640;
}

.text_content{
	font: 10px 'Open Sans', sans-serif;
  	padding: 8px 8px;
	width:120px;
 	margin: 0 auto;
}
}