@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	text-align:center;
	color:#36424f;
	margin:0px;
	font-size:14pt;
}

.container {
	width:1400px;
	text-align:left;
	margin:auto;
}

.header {
	background-color:#2e373c;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:1000000;
}

.header .container {
	position:relative;
}

.header .container .logo {
	position:absolute;
	top:0px;
	left:0px;
	padding:20px 30px;
	background-color:#ffffff;
	display:block;
	box-shadow:0px 2px 5px rgba(0,0,0,0.3);
	border-radius:2px;
}

.header .container .logo img {
	width:70px;
}

.header ul {
	list-style-type:none;
	margin:20px 0px;
	padding:0px;
	float:right;
}

.header ul li {
	display:inline-block;
	margin:0px 10px;
}

.header ul li a {
	display:inline-block;
	padding:10px 15px;
	border-radius:2px;
	text-transform:uppercase;
	color:#ffffff;
	font-size:10.5pt;
}

.header ul li a:hover, .header ul li a.sel {
	background-color:#236d03;
}

.header #menu-mob {
	width:30px;
	height:30px;
	border-radius:2px;
	border:solid 1px #999;
	float:right;
	margin-top:11px;
	cursor:pointer;
	position:relative;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	display:none;
}

.header #menu-mob:hover {
	background-color:rgba(255,255,255,0.1);
}

.header #menu-mob span {
	display:inline-block;
	width:70%;
	height:2px;
	border-radius:10px;
	background-color:#f1f1f1;
	position:absolute;
	top:8px;
	left:15%;
}

.header #menu-mob span:nth-of-type(2) {
	top:14px;
}

.header #menu-mob span:last-child {
	top:20px;
}

.main {
	padding-top:80px;
}

#pp {
	width:100%;
	height:250px;
	position:relative;
	background:url("/immagini/loader.gif") no-repeat center center #ffffff;
}

#pp.load {
	background:#ffffff;
}

#pp .img {
	position:absolute;
	top:0px;
	lef:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:10;
}

#pp .img ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	positin:relative;
}

#pp .img ul li {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	opacity:0;
	filter:alpha(opacity=0);
}

#pp .img ul li img {
	width:100%;
}

#pp .slogan {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:20;
	text-align:center;
	width:100%;
	display:none;
}

#pp .slogan .container {
	margin-bottom:40px;
	text-align:right;
}

#pp .slogan .s1, #pp .slogan .s2 {
	display:inline-block;
	color:#ffffff;
	transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

#pp .slogan .s1 {
	background-color: rgba(0, 0, 0, 0.8);
	font-size: 40pt;
	font-weight: 600;
	padding: 15px 30px 15px 80px;
	text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
	text-transform: uppercase;
}

#pp .slogan .s2 {
	padding:4px 30px 4px 60px;
	background-color:#236d03;
	margin-top:8px;
}

.central {
	padding:50px 0px;
}

.central h1 {
	font-weight:300;
	font-size:30pt;
	text-transform:uppercase;
	margin:0px 0px 40px 0px;
}

.left {
	width:45%;
	float:left;
}

.right {
	width:45%;
	float:right;
}

.photo {
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:center;
}

.photo li {
	border-radius:300px;
	width:175px;
	height:175px;
	overflow:hidden;
	margin:0px 50px;
	display:inline-block;
}

.photo.zoom  li {
	cursor:pointer;
	position:relative;
}

.photo li img {
	width:100%;
}

.photo.zoom  li div {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url("/immagini/zoom-lente.png") no-repeat center center rgba(0,0,0,0.6);
	background-size:40px;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.photo.zoom  li:hover div {
	opacity:1;
	filter:alpha(opacity=100);
}

.info-data {
	padding:60px 0px;
	background-color:#236d03;
}

.info-data h2 {
	color:#ffffff;
	font-size:30pt;
}

.info-data ul {
	list-style-type:none;
	margin:30px 0px 0px 0px;
	padding:0px;
	text-align:center;
}

.info-data ul li {
	display:inline-block;
}

.info-data ul li > div {
	display:inline-block;
	width:190px;
	height:190px;
	border:solid 6px #ffffff;
	background-color:#ffffff;
	border-radius:200px;
	cursor:pointer;
	margin:0px 50px;
	box-sizing:border-box;
	transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	margin-bottom:20px;
}

.info-data ul li:hover > div, .info-data ul li.sel > div {
	background-color:#000000;
}

.info-data ul li > div img {
	width:100%;
}

.info-data ul li span {
	display:block;
	color:#ffffff;
	font-size:20pt;
}

.info-data ul li:hover span, .info-data ul li.sel span {
	color:#000000;
}

.info-data ul li p {
	display:none;
}

.info-data .txt {
	overflow:hidden;
	height:0px;
	color:#000000;
	margin-top:30px;
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
}

.info-data .txt p {
	margin:0px;
	padding:30px 0px;
}

.info-data b {
	color:#ffffff;
}

.rif {
	list-style-type:none;
	margin:40px 0px;
	padding:0px;
	text-align:center;
}

.rif li {
	display:inline-block;
	margin:20px 30px;
	width:260px;
}

.rif li .img {
	width:150px;
	height:150px;
	border-radius:200px;
	background-color:#f7f7f7;
	margin:auto;
	transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.rif li:hover .img {
	background-color:#236d03;
}

.rif li .img img {
	width:100%;
}

.rif li p {
	float:left;
	width:100%;
	font-size:12pt;
}

.categories {
	list-style-type:none;
	margin:30px 0px 0px 0px;
	padding:0px;
}

.categories li {
	margin-bottom:40px;
}

.categories .doc {
	list-style-type:none;
	margin:10px 0px 20px 0px;
	padding:0px;
}

.categories .doc li {
	margin-bottom:5px;
	padding-left:25px;
	background:url("/immagini/doc-pointer.png") no-repeat center left transparent;
}

.news {
	list-style-type:none;
	margin:50px 0px 0px 0px;
	padding:0px;
}

.news li {
	margin-bottom:40px;
}

.news .img {
	float:left;
	width:200px;
}

.news .img img {
	width:100%;
}

.news .text {
	float:right;
	width:1150px;
}

.news .text .data {
	color:#999999;
	font-size:10pt;
}

.news .text h3 {
	color:#236d03;
	font-size:20pt;
	margin:6px 0px;
}

.news .text h4 {
	font-size: 13pt;
	margin: 2px 0 25px;
}

.container.privacy {
	text-align:justify;
}

.footer {
	background-color:#1b2124;
	padding:50px 0px;
}

.footer .container {
	text-align:center;
	font-size:10pt;
	color:#7e7d7d;
}

.footer .container b {
	color:#bab9b9;
}

.footer .container a {
	color:#7e7d7d;
}

.footer .container a:hover {
	color:#236d03;
}

.contact-mod {
	width:50%;
	list-style-type:none;
	margin:30px 0px 0px 0px;
	padding:0px;
}

.contact-mod li {
	margin-bottom:20px;
}

.contact-mod li input, .contact-mod li textarea {
	font-size:15pt;
	border:solid 1px #dedede;
	border-radius:5px;
	width:100%;
	box-sizing:border-box;
	padding:10px 20px;
	transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.contact-mod li input:focus, .contact-mod li textarea:focus {
	border-color:#236d03;
}

.contact-mod li input.btn {
	width:35%;
	display:inline-block;
	margin-right:10px;
	cursor:pointer;
	transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.contact-mod li input.btn:hover {
	background-color:#236d03;
	border-color:#1a4408;
	color:#ffffff;
}

#divGoogleMap {
	width:100%;
	height:500px;
}

#bkg {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:2000000;
	background-color:rgba(0,0,0,0.7);
}

#zoom {
	position:fixed;
	top:0px;
	left:0px;
	width:100px;
	height:100px;
	z-index:2000001;
	background:url("/immagini/loader.gif") no-repeat center center #ffffff;
	border-radius:2px;
	box-shadow:0px 2px 5px rgba(0,0,0,0.5);
}

#zoom div {
	width:100%;
	height:100%;
	overflow:hidden;
	border:solid 2px #ffffff;
	border-radius:2px;
	box-sizing:border-box;
}

#zoom div img {
	opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer;
}

.clear {
	clear:both;
}

input, textarea, button {
	font-family:"Open Sans",sans-serif;
	font-weight:300;
}

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	font-weight:300;
	text-transform:uppercase;
}

a, b {
	color:#236d03;
	text-decoration:none;
	font-weight:300;
	transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

a:hover {
	color:#6d0303;
}

#iubenda-pp {
	z-index:1000000 !important;
}
