/*MAIN SETTINGS*/

html,body {
	margin:0;
	padding:0;
	height:100%;
	font: 100%;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	color: #58585b;
	background-color:#f0f0f0;
}

#main-container {
	min-height:100%;
	position:absolute;
	width:100%;
	min-height:100%;
}

#body-container {
	padding-bottom:230px;
}



/* GENERAL SETTINGS */
*, *::before, *::after {
    box-sizing: border-box;
}

a {
	text-decoration:none;
	outline:none;
}

img {
	border:0;
}

p {
	padding:0;
	margin:0 0 20px 0;
}

hr {
	padding:0;
	margin:0 0 20px 0;
	border:0;
	border-bottom:solid 1px #ccc;
}

ul {
	padding:0;
	margin:0 0 20px 0;
}

li {
	display:inline;
}

strong {
	font-weight:700;
}

h1, h2, h3, h4 ,h5, h6 {
	margin:0 0 40px 0;
	padding:0;
}

.text-center {
	text-align:center;
}

.mb0 {
	margin-bottom:0 !important;
}


	
	
/* HEADER */
header {
	background-color:#dcf7ee;
	height:300px;
	width:100%;
	position:relative;
	border-bottom:1px solid #ccc;
}

header .logo {
    height: 120px;
    left: 80px;
    margin-top: -60px;
    position: absolute;
    top: 50%;
    width: auto;
}

header span {
    color: #58585b;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
	font-size:1.3em;
	font-weight:300;
    width: 100%;
}

header .faces {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}


/* FOOTER */
footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:230px;
	background-color:#fff;
	color:#58585b;
	z-index:50;
	border-top:solid 1px #ccc;
	font-size:0.8em;
}

footer .center {
	margin:0 auto;
	width:1200px;
	font-size:0.8em;
	text-align:center;
	padding-top:40px;
}

footer img.logo {
	height:40px;
	margin-bottom:20px;
	display:inline-block;
}

footer .center .signature {
	display:inline-block;
	margin:0;
	font-size:0.8em;
	opacity: 0.5;
}

footer .center .signature:hover {
	opacity: 1;
}

footer .center .signature img {
	width:50px;
}


/* CONTAINERS */
.central {
	margin:0 auto;
	width:1200px;
}

.day-night {
	position: relative;
    width: 100%;
	background-color: #fff;
	padding-top:40px;
}

.day-night .central{
	overflow:hidden;
}

.day-night .description {
	width:100%;
	border-bottom: 1px solid #ebebeb;
    float: left;
    margin-bottom: 60px;
}

.day-night .language{
	position:absolute;
	right: 0px;
	top:0px;
	height:40px;
	line-height:40px;
	background-color: rgba(255, 255, 255, 0.5);
	font-size: 0.8em;
	padding: 0 10px;
}

.day-night .language a{
	display:inline-block;
	margin:0 10px;
	color: #999;
}

.day-night .language a.active{
	text-decoration:underline;
}

.internal-clocks {
	position: relative;
    width: 100%;
	padding-top:40px;
}

.internal-clocks .central{
	overflow:hidden;
}

.col {
	width:44%;
	margin:0 3% 20px;
}

.col.left {
	float:left;
}

.col.right {
	float:right;
}

.col.full {
	float:left;
	width:100%;
	margin:0;
}

.col h1 {
	font-weight:300;
	text-transform:uppercase;
	font-size:1.8em;
}

.col p {
	text-align:justify;
	margin-bottom:40px;
}

.col img.circle {
	width:250px;
	height:250px;
	margin-bottom:40px;
	display:inline-block;
	border-radius:125px;
}

.col img.content {
	width:100%;
	margin-bottom:20px;
	display:inline-block;
	border-radius:10px;
}

.prodotti-list {
	width:100%;
	position:relative;
	display:inline-block;
	background-color: #fff;
    border-top: 1px solid #ebebeb;
	padding-top:30px;
}

.prodotti-list .central{
	overflow:hidden;
}

.prodotti-list h1 {
	font-weight:300;
	width:100%;
	float:left;
	margin:20px 0;
	font-size:1.8em;
	text-transform:uppercase;
	text-align:center;
}

.prodotti-list h4 {
	font-weight:normal;
	width:100%;
	float:left;
	margin:20px 0;
	font-size:1.2em;
	text-transform:uppercase;
	text-align:center;
}

.prodotti-list a {
	text-align:center;
	display:block;
	width:100%;
	color: #58585b;
	padding:0 10px;
	width:25%;
	float:left;
	margin-bottom:40px;
}

.prodotti-list a:hover {
	opacity:0.6;
}

.prodotti-list a img{
	width:80%;
	display:inline-block;
}

.prodotti-list a h2{
	font-weight:900;
	font-size:0.9em;
	margin-bottom:10px;
}

.prodotti-list a p{
	font-size:0.8em;
}



/* RESPONSIVE */
@media only screen and (max-width: 1280px) {
	/*footer*/
	footer .center{
		width:96%;
		margin:0 2%;
	}
	
	/* general-containers */
	.central{
		width:94%;
		margin:0 3%;
	}
	
	/* HEADER */
	header .logo {
		margin-top:0;
		top: 50px;
		left:50px;
	}
	
	header span {
		position:absolute;
		bottom:50px;
		left:50px;
		width:60%;
		margin-top:0;
		text-align:left;
		top:auto;
		line-height:normal;
	}
}


@media only screen and (max-width: 992px) {
	#body-container .container{
		width:100%;
		margin:0 0;
		display:inline-block;
	}
	
	.display-mobile {
	    display: block !important;
	}
	
	/* HEADER */
	header {
		height:250px;
	}
	
	/* HEADER */
	header .logo {
		margin-top:0;
		top: 40px;
		left:40px;
		height:100px;
	}
	
	header span {
		bottom:40px;
		left:40px;
		width:60%;
		font-size:1em;
	}
	
	.col img.circle {
		width:200px;
		height:200px;
		border-radius:100px;
	}
	
	.prodotti-list a {
		width:50%;
	}
	
}


@media only screen and (max-width: 768px) {
	body {
		min-width:320px;
	}
	
	#body-container {
	}
	
	.display-responsive {
		display:none;
	}
	
	/* HEADER */
	header {
		height:200px;
	}
	
	header .logo {
		top: 30px;
		left:30px;
		height:80px;
	}
	
	header span {
		bottom:30px;
		left:30px;
		width:60%;
		font-size:0.8em;
	}
	
	/* CONTENTS */
	.col {
		width:100%;
		margin:0 0% 40px;
	}
	
	.col h1 {
		font-size:1.4em;
	}
	
	.col img.circle {
		width:150px;
		height:150px;
		border-radius:75px;
	}
}

@media only screen and (max-width: 580px) {
	header .faces {
		display:none;
	}
	
	header .logo {
		height: auto;
		left: 50%;
		margin-left:-75px;
		top: 40px;
		width: 150px;
	}
	
	header span {
		text-align: center;
		width: 90%;
		left:5%;
		bottom:0;
	}
}