@charset "UTF-8";
html {
	background-color: #FFFFFF;
}
body {
	width: 100%;
	margin: 30px 0 0 0;
}
div.box {
	width:737px;
    height: 348px;
    overflow: auto;
}
div.box p { margin-top:0
}
img {
  border: none;
}
#contenitore {
	width: 980px;
	margin: 0 auto;
}
#head {
	height: 125px;
	width: 980px;
	position: relative;
	background-image: url(../img/head.png);
	background-repeat: no-repeat;
}
#main {
	height: 364px;
	width: 980px;
	background-image:url(../img/home.jpg);
	background-repeat: no-repeat;
	position: relative;
	float: left;
}
#banda2, #banda4 {
	height: 16px;
	width: 735px;
	position: relative;
	background-repeat: no repeat;
	float: left;
	margin-left: 2px;
}
#banda, #banda3 {
	height: 16px;
	width: 735px;
	position: relative;
	background-repeat: no repeat;
	float: right;
	margin-right: 2px;
}
#banda {
		background-image:url(../img/titolo1.png);
}
#banda2 {
		background-image:url(../img/titolo2.png);
}
#banda3 {
		background-image:url(../img/titolo3.png);
}
#banda4 {
		background-image:url(../img/titolo4.png);
}
#contenuti {
	height: 364px;
	width: 737px;
	background-color: #FFFFFF;
	position: relative;
	float: left;
}
#menu {
    clear: left;
    display: block;
    float: left;
    height: 25px;
    margin: 2px auto 0;
    position: relative;
    width: 980px;
    z-index: 10;
}
#firme {
	height: 730px;
	width: 200px;
	position: relative;
	float: left;
	background-color: #FFFFFF;
}
#opere {
	height: 730px;
	width: 534px;
	position: relative;
	float: left;
	background-color: #FFFFFF;
}
#label {
	height: 364px;
	width: 243px;
	position: relative;
	float: left;
}
#home_puls {
	height: 25px;
	width: 245px;
	position: relative;
	float: right;
	margin-top: 100px;
	text-align: center;
	background-position: bottom;
	background-image: url(../img/home_puls.png);
	background-repeat: no-repeat;
}
#home_puls:hover {
	background-position: top;
}

#foot {
	height: 135px;
	width: 980px;
	position: relative;
	float: left;
	margin-top: 40px;
}

.footer_cookie {
	height: 135px;
	width: 980px;
	margin-top: 40px;
}

#facebook {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 935px;
	top: 320px;
}
#mappa {
	width: 370px;
	height: 205px;
	background-image: url(../img/mappa.jpg);
	display: block;
	position: absolute;
	left: 584px;
	top: 132px;
	border: #0D69AF solid 1px;
	background-repeat:no-repeat;
}
.mezzi {
	font-family: Gaamond;
	color: #000000;
	font-size: 16px;
	line-height: 16px;
	text-align: justify;
	width: 369px;
	height: 80px;
	position: absolute;
	left: 584px;
	top: 45px;
}
.titolo_giallo {
	font-family: Gothic Sans;
	color: #E5C742;
	font-size: 17px;
	line-height: 17px;
	margin-left: 37px;
	margin-top: 50px;
	width: 200px;
}
.titolo_blu {
	font-family: "Century Gothic", "Trebuchet MS", "Arial", "Helvetica", "sans-serif";
	color: #009DDF;
	font-size: 17px;
	line-height: 17px;
	margin-left: 37px;
	margin-top: 50px;
	width: 200px;
}

.titolo_cookie {
	font-family: "Century Gothic", "Trebuchet MS", "Arial", "Helvetica", "sans-serif";
	color: #009DDF;
	font-size: 17px;
	line-height: 17px;
	width: 200px;
}

.titolo_rosso {
	font-family: "Century Gothic", "Trebuchet MS", "Arial", "Helvetica", "sans-serif";
	color: #E53D1C;
	font-size: 17px;
	line-height: 17px;
	margin-left: 37px;
	margin-top: 34px;
	
}
.titolo_verde {
	font-family: "Century Gothic", "Trebuchet MS", "Arial", "Helvetica", "sans-serif";
	color: #2D9D8C;
	font-size: 17px;
	line-height: 17px;
	margin-top: 34px;
	
}
.testo {
	font-family: Garamond;
	color: #000000;
	font-size: 16px;
	line-height: 16px;
	margin-top: 70px;
	margin-left: 37px;
	margin-right: 37px;
	text-align: justify;
	float: left;
	display: block;
}
.grafica_l {
	font-family: Garamond;
	color: #000000;
	font-size: 16px;
	line-height: 16px;
	text-align: justify;
	float: left;
	display: block;
}
.grafica_r {
	font-family: Garamond;
	color: #000000;
	font-size: 16px;
	line-height: 16px;
	text-align: justify;
	float: left;
	display: block;
	margin-left: 80px;
}
.testo1 {
	font-family: Garamond;
	color: #000000;
	font-size: 16px;
	line-height: 16px;
	margin-top: 40px;
	margin-left: 30px;
	margin-right: 30px;
	text-align: justify;
	float: left;
}
.firme {
	font-family: Garamond;
	color: #000000;
	font-size: 16px;
	line-height: 20px;
	margin-top: 35px;
	margin-left: 37px;
	text-align: justify;
	float: left;
	width: 143px;
}
.opere {
	font-family: Garamond;
	color: #000000;
	font-size: 16px;
	line-height: 20px;
	margin-top: 35px;
	margin-right: 37px;
	text-align: justify;
	float: right;
	width: 497px;
}
.italic {
	font-family: Garamond;
	color: #000000;
	font-size: 16px;
	font-style: italic;
	line-height: 20px;
	text-align: justify;
}
.testo-contatti {
	font-family: Garamond;
	color: #000000;
	font-size: 16px;
	line-height: 16px;
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
	text-align: justify;
	float: left;
}
.bold {
	font-family: Garamond;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	text-align: justify;
}
.dida {
	font-family: Garamond;
	color: #000000;
	font-size: 16px;
	font-style: italic;
	line-height: 14px;
	text-align: right;
	width: 425px;
	position: absolute;
	left: 276px;
	top: 54px;
	height: 72px;
}
.dida_firma {
	font-family: Garamond;
	color: #000000;
	font-size: 16px;
	line-height: 28px;
	text-align: right;
	font-style: normal;
}
.leksis_foot {
	font-family: Garamond;
	color: #7F7D7D;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	text-align: center;
	position: relative;
	margin-top: 10px;
}
.strillo_foot {
	font-family: Garamond;
	color: #7F7D7D;
	font-size: 15px;
	line-height: 17px;
	text-align: center;
	position: relative;
	margin-top: 10px;
}
.sedi_foot {
	font-family: Garamond;
	color: #7F7D7D;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	position: relative;
	margin-top: 10px;
}
.bottoni a, bottoni:active a, bottoni:visited a {
	font-family: "Century Gothic", "Trebuchet MS", "Arial", "Helvetica", "sans-serif";
	color: #FFFFFF;
	font-size: 15px;
	line-height: 15px;
	margin-left: 95px;
	text-decoration: none;
}
.bottoni:hover a {
	font-weight: bold;
}
.home a, home:active a, home:visited a {
	font-family: "Century Gothic", "Trebuchet MS", "Arial", "Helvetica", "sans-serif";
	color: #009DDF;
	font-size: 15px;
	line-height: 15px;
	text-decoration: none;
	margin-left: 10px;
}
.home:hover a {
	font-weight: bold;
}
.mail a, mail:active a, mail:visited a {
	color: #7F7D7D;
	font-size: 16px;
	line-height: 16px;
	text-decoration: none;
}
.mail:hover a {
	font-weight: bold;
}
.servizi a, servizi:active a, servizi:visited a {
	font-family: "Century Gothic", "Trebuchet MS", "Arial", "Helvetica", "sans-serif";
	color: #FFFFFF;
	font-size: 15px;
	line-height: 15px;
	text-decoration: none;
}
ul {
	font-family: "Century Gothic", "Trebuchet MS", "Arial", "Helvetica", "sans-serif";
	font-size:15px;
    display: inline;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
}
ul a {
	color: inherit;
    display: inline-block;
    text-decoration: none;
    width: 100%;
}
ul li {
    cursor: pointer;
    display: inline-block;
    height: 22px;
    margin-right: -4px;
    padding: 0;
    position: relative;
    text-align: center;
    transition: all 0.2s ease 0s;
    width: 243px;
	color: #FFF;
}
ul li.portfolio {
	background-color: #E53D1C;
}
ul li.chi {
	background-color: #E5C742;
}
ul li.servizi {
	background-color: #009DDF;
}
ul li.contatti {
	background-color: #2D9D8C;
}
ul li.portfolio:hover {
	background-color: #B2341B;
}
ul li.chi:hover {
	background-color: #C9AB2F;
}
ul li.servizi:hover {
	background-color: #326D92;
}
ul li.contatti:hover {
	background-color: #169150;
}
.servizi, .portfolio
{ border-right: 1px solid #fff;
  border-left: 1px solid #fff;}

.chi
{ border-right: 1px solid #fff;
  width: 244px;}
.contatti
{ border-left: 1px solid #fff;
  width: 244px;}

ul li ul {
  padding: 0;
  position: absolute;
  top: 22px;
  left: 0;
  width: 150px;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul li ul li { 
  background-color: inherit;
  display: block; 
  color: #fff;
}

ul li.servizi ul {
	background-color: #009DDF;
}
ul li.servizi ul li:hover {
	background-color: #326D92;
}
ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

.cookie{
    width: 100%;
    background-color: #FFFFFF;
}

.footer_cookie_title{
	font-family: Garamond;
    color: #7F7D7D;
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

.footer_cookie_body{
font-family: Garamond;
    color: #7F7D7D;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    margin-top: 10px;
}

.footer_cookie_bottom{
	font-family: Garamond;
    color: #7F7D7D;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    margin-top: 10px;
	}

	.privacy{
		font-family: Garamond;
		color: #000;
		}