/* ------------------------------ GENERALE ------------------------------*/
html, body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	overflow: auto;
	background: #0083F9;
}
ul {
	padding: 0px;
}
li {
	list-style: none;
}
img {
	border: none;
}
a {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	color: #ffd400;
}
a:active {
	color: #ff842e;
}
hr {
	height: 1px;
	width: 75%;
	float: left;
	margin-top: -10px;
	border-width: 0;
	color: #dadada;
	background: #dadada;
}
input:focus{
	outline: none;
}
/*---------------------------- CONTEINER ------------------------------*/
#main {
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-align: center;
}
#content {
	width: 50%;
	min-height: 550px;
	height: auto !important;
	height: 550px;
	font-size: 1.2em;
	background: #006699;
	float: left;
	margin-left: 10%;
	margin-top: 1%;
	padding: 5px;
	border: 1px solid #001326;
	line-height: 1.8em;
	text-align: center;
}
#right-column {
	width: 29%;
	min-height: 550px;
	height: auto !important;
	height: 550px;
	font-size: 1.2em;
	background: #041628;
	float: left;
	margin-left: 1%;
	margin-top: 1%;
	padding: 5px;
	border: 1px solid #006699;
	line-height: 1.4em;
}
#pdf {
	width: 90%;
	height: 760px;
	font-size: 1.2em;
	background: #006699;
	float: left;
	margin-left: 5%;
	margin-top: 1%;
	padding: 10px;
	border: 1px solid #001326;
	line-height: 1.8em;
	text-align: center;
}
/* ------------------------------ PROFILO ------------------------------*/
h1 {
	background: #006699;
}
.style1 {
	border-style: solid;
	border-width: 0px;
}
.style2 {
	border-style: none;
	border-width: medium;
	font-size: small;
}
.style3 {
	border-style: none;
	border-width: medium;
	font-size: 9pt;
	font-weight: lighter;
}
.style4 {
	border-style: none;
	border-width: medium;
	font-size: 12pt;
	font-weight: 600;
	vertical-align: bottom;
	color: #006699;
}
.style5 {
	border-style: none;
	border-width: medium;
	font-size: 12pt;
	font-weight: lighter;
	vertical-align: bottom;
}
.style6 {
	border-style: none;
	border-width: medium;
	font-size: 12pt;
	vertical-align: bottom;
}
/* ------------------------------ CONTATTI ------------------------------*/
.center {
	position: relative;
	margin-left: 23%;
	margin-top: -28%;
	opacity: 0.6;
	z-index: 1;
}
.box {
	height: 400px;
}
.side_mail {
	position: relative;
	width: 50%;
	float: left;
	height: 100%;
	min-height: 400px;
	z-index: 10;
}
.side_phone {
	position: relative;
	width: 50%;
	float: left;
	height: 100%;
	min-height: 400px;
	z-index: 10;
}
.circle {
	position: relative;
	border: solid 3px #ffffff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #DDDDDD;
	width: 350px;
	height: 350px;
	border-radius: 100px;
	cursor: pointer;
	margin-top: 10%;
	z-index: 10;
}
.dx {
	float:left;
	margin-left:70px;
	background-color: rgba(225, 225, 225, 0.6);
	background-image: url("../img/icon_phone.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.sx {
	float:right;
	margin-right:70px;
	background-color: rgba(225, 225, 225, 0.6);
	background-image: url("../img/icon_mail.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.mail_info {
	position: relative;
	width: 300px;
	float: right;
	display: none;
	margin-top: 0px;
	margin-right: -300px;
	z-index: 10;
}
.mail_info p {
	position: relative;
	margin-top: 125px;
	color: #ffffff;
	font-size: 1.5em;
	line-height: 20px;
	padding-left: 20px;
	text-shadow: 3px 0px 20px #000000, 0px -0px 20px #000000, 0px 0px 20px #000000;
	z-index: 10;
}
.phone_info {
	position: relative;
	width: 300px;
	float: left;
	display: none;
	margin-top: 100px;
	margin-left: -300px;
	z-index: 10;
}
.phone_info p {
	position: relative;
	color: #ffffff;
	font-size: 1.3em;
	line-height: 20px;
	text-align: right;
	padding-right: 20px;
	text-shadow: 3px 0px 20px #000000, 0px -0px 20px #000000, 0px 0px 20px #000000;
	z-index: 10;
}