@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------------------------------
--------------------------------PAGES SETTING---------------------------
----------------------------------------------------------------------*/
.size01 {font-size: 2.4em;}/*title*/
.size02 {font-size: 2em;}/*taglina*/
.size03 {font-size: 1.9em;}/*capitolo*/
.size04 {font-size: 1.3em;}/*titolo capitolo*/
.size05 {font-size: 0.6em;   }/*taglina capitolo*/
.size06 {font-size: 1.2em;}/*strong*/
.size07 {font-size: 0.99em;}/*paragrafo*/
.size08 {font-size: 16px;}/*menù*/

.phone {
	display: none;
}

/* *:not(header) {
	display: none;
}*/

/*----------------------------------------------------------------------
----------------------------------MAIN PAGES----------------------------
----------------------------------------------------------------------*/
header{
	height:			100%;
	background-size: auto;
	background-position: 50%;
	
	}
		
header .head {
	height:			100px;
	top:				0px;
	}

#top-menu {
	height:			100px;
	/*background-color: red;*/
	top:-100px;
	}

.menu-companys{
	height:			100%;
	top: 	calc(50% - 50px);
				-o-calc(50% - 50px);
				-moz-calc(50% - 50px);
				-webkit-calc(50% - 50px);	
}

.menu-companys ul {
	height:			100%;
	width:			330px;
	margin:			auto;
}

.menu-companys ul li {
	width: 						90px;
	height:						60px;
	display:					block;
	list-style:				none;	
	margin-right:			10px;
	padding-top:			20px;
}

.menu-companys ul li:nth-child(3) {
	width:						130px;
	margin-right: 		0px;
}

.menu-companys ul li img{
	width:						100%;
	height:						100%;
}

.handle-menu {
	z-index: 21;
}

.handle-menu img {
	width: 20px;
}

#logo-giotto {
	width: 						87px;
	height:						78px;
	margin: 					auto;
	padding-top:			22px;
	}

#logo-giotto img {
	width:			inherit;
	height:			76px;
}

#bbody {
	width:100%;
	height:50%;
}

#bbody section {
	float:left;
}

.section-01{
	width: 	auto;
}

.section-02{
	width: 22%;	
}

.section-03{
	width: 73%;
	margin-left: 5%;
	/*height: 30px;*/
}


footer {
	width: 95%;
	padding-left: 0px;
}

/*----------------------------------------------------------------------
------------------------------------PAGES-------------------------------
----------------------------------------------------------------------*/
.part-02{
	width: 100%;
	margin-top: 3%;
}

section h1, section p {
	display: block;
}

section h1 {
	width: 100%;
	color: #9b0e17;
}

section p {
	line-height: 170%;
	padding-top: 10%;
}

section .p-first{
	width: 100%;
}

section .part-02:last-child{
	margin-bottom:15%;
}

/*-------------------------------------home-------------------------------*/

#bbody .section-02 h1 {
	/*! width:70%; */
	/*! margin-left: auto; */
	/*! position: absolute; */
	top:50%;
	left:3%;
	/*! color: #d9b971; */
	 font-size: 3.4em;
	/*background-color: rosybrown;*/
}

/*------------------------------------societè-------------------------------*/

/*-----------------------------------edificando-----------------------------*/
.section-03 ul {
	width: 60%;	
	padding: 3%;
}
/*------------------------------------informazioni-------------------------------*/

.colon1 {
		text-align: left;
	}
	
.colon1, .colon2, .colon3 {
		width: 100%
	}
	
.colon3 .associate {
		margin-bottom: 5%;
	}