.accordion .ui-accordion-header { background-color: #325658; color: white; line-height: 2em }
#cond-accordion > h3 { margin-top: 20px }
#cond-accordion > h3:first-child { margin-top:0 }

/* FASCIONE */
#full-emozionale {
	display:none;
}
/* FASCIONE */

/* INTESTATIONE PAGINA  */
.full-box-intestazione-sezione {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
}
.box-intestazione-sezione {
	clear:both;
	float:left;
	display:block;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:10px;
	margin-bottom:20px;
	padding:0;
}
.box-intestazione-sezione h1 {
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	color:#325658;
	margin-top:0;
	margin-bottom:0;
	margin-left:1%;
	margin-right:1%;
	padding:0 2%;
	line-height:24px;
	font-size:1.84em; /* 24px */
	text-align:center;
}
.box-intestazione-sezione h1:after {
	content:url("../images/baffo-nero-200.png");
    display: block;
    clear: both;
}
#full-box-titolo-sezione-acqua {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	background: rgba(86, 156, 161, 1);
	background: -moz-linear-gradient(top, rgba(86, 156, 161, 1) 0%, rgba(45, 97, 103, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(86, 156, 161, 1)), color-stop(100%, rgba(45, 97, 103, 1)));
	background: -webkit-linear-gradient(top, rgba(86, 156, 161, 1) 0%, rgba(45, 97, 103, 1) 100%);
	background: -o-linear-gradient(top, rgba(86, 156, 161, 1) 0%, rgba(45, 97, 103, 1) 100%);
	background: -ms-linear-gradient(top, rgba(86, 156, 161, 1) 0%, rgba(45, 97, 103, 1) 100%);
	background: linear-gradient(to bottom, rgba(86, 156, 161, 1) 0%, rgba(45, 97, 103, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#325658', endColorstr='rgba(86, 156, 161, 0.7)', GradientType=0 );
}
.wrapper-box-titolo-sezione-acqua {
	clear:both;
	float:left;
	display:block;
	width:94%;
	margin:0 3%;
}
#box-titolo-sezione-acqua {
	clear:both;
	float:left;
	display:inline-block;
	width:90%;
	margin-top: 0;
	margin-bottom:1%;
	margin-left: auto;
	margin-right:auto;
	margin-left:5%;
	margin-right:5%;
	padding:0;
}
#box-titolo-sezione-acqua h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	color:#FFF;
	margin:0.5%;
	padding-top:0%;
	padding-bottom:0%;
	padding-left:auto;
	padding-right:auto;
	font-size:1.53em; /* 20px */
	text-align:center;
}
#box-titolo-sezione-acqua h2:after {
	content:url("../images/baffo-trasparente-150.png");
    display: block;
    clear: both;
}
#box-titolo-sezione-acqua p {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1em; /* 13px */
	color:#FFFFFF;
	margin:2%;
	padding:2%;
	line-height:18px;
	text-align:center;
/* INTESTATIONE PAGINA */
}
/* DETTAGLIO */
#full-box-dettaglio {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;	
}
#wrapper-text-image {
	clear:both;
	float:left;
	display:block;
	width:90%;
	min-height:100px;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:5%;
	padding:0 auto;
	text-align:center;
}
#box-img {
	clear:both;
	float:left;
	display:block;
	width:100%;
	margin-top:0;
	margin-bottom:7%;
	margin-left:0;
	margin-right:0;
	padding:0;
}
#box-img img {
	width: 100%;
    height: auto;
}
.box-testo {
	clear:both;
	float:left;
	display:block;
	width:96%;
	margin-top:0;
	margin-bottom:5%;
	margin-left:2%;
	margin-right:2%;
	padding:0;
}
.box-testo h2 {
	width:99%;
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	color:#666666;
	margin-top:0;
	margin-bottom:0.5%;
	margin-left:0.5%;
	margin-right:0.5%;
	padding-top:0;
	padding-bottom:1.5%;
	padding-left:0.5%;
	padding-right:0.5%;
	line-height:24px;
	font-size:1.53em; /* 20px */
	text-align:center;
}
.box-testo h2:after {
	content:" ";
    display: block;
    clear: both;
}
.box-testo h3, h4, h5 {
	width:99%;
	display:inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	color:#325658;
	margin-top:0;
	margin-bottom:0.5%;
	margin-left:0.5%;
	margin-right:0.5%;
	padding-top:0.2%;
	padding-bottom:0.5%;
	padding-left:0.5%;
	padding-right:0.5%;
	line-height:24px;
	text-align:center;
}

	.box-testo h3 { font-size:20px; font-weight:300;/* 20px */ }
	.box-testo h4 { font-size:19px; font-weight:400;/* 20px */ }
	.box-testo h5 { font-size:18px; font-weight:400;/* 20px */ }

.box-testo h3:after {
	content:url("../images/baffo-nero-200.png");
    display: block;
    clear: both;
}
.box-testo p, .box-testo li, .accordion p, .accordion li {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1em; /* 13px */
	color:#666666;
	margin:0;
	padding:1%;
	line-height:18px;
	text-align:center;
}
/*
.box-testo ul {
	margin-left: 0;
	margin-right:0;
	margin-bottom:1.5%;
	margin-top:0%;
	padding:0;
	list-style-type:none;
	/*list-style-position: inside;* /
}

.box-testo ul li {
	margin: 0;
	padding:0.2%;
	list-style-type:none;
}
*/

.box-testo p a, .box-testo li a, .accordion p a, .accordion li a {
	color:#325658;
	text-decoration:none;
}
.box-testo p a:hover, .box-testo li a:hover, .accordion p a:hover, .accordion li a:hover {
	color:#325658;
	text-decoration:underline;
/* DETTAGLIO */
}

.legalese p, .legalese ul li, .legalese ol li {
	text-align: justify !important
}

/* Layout tablet portrait: da 481 px a 768 px. Eredita stili da: Layout mobile. */
@media only screen and (min-width: 481px ) {
/* FASCIONE */	
#full-emozionale {
	width:100%;
	height:70px;
/*	max-width:1920px;*/
	display:block;
	background-color:#FFF;
	margin:0 auto;
	margin:auto 0;
	padding:0;
	background-image:url(../public/fascioni/emozionale-comunicazione.jpg);
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-attachment:scroll; 
	background-size: cover;
/* FASCIONE */	

/* INTESTATIONE PAGINA  */
}
.box-intestazione-sezione {
	clear:both;
	float:left;
	display:block;
	width:86%;
	margin-left:7%;
	margin-right:7%;
	margin-top:10px;
	margin-bottom:28px;
	padding:0;
}
.box-intestazione-sezione h1 {
	font-size:2.15em; /* 28px */
}
#full-box-titolo-sezione-acqua{
	width:100%;
	margin:0 auto;
	padding:0;
}
.wrapper-box-titolo-sezione-acqua {
	clear:both;
	float:left;
	display:block;
	width:96%;
	margin:0 2%;
	padding:0;
}
#box-titolo-sezione-acqua {
	clear:both;
	float:none;
	display:inline-block;
	width:70%;
	margin-top: 0;
	margin-bottom:1%;
	margin-left: auto;
	margin-right:auto;
	padding:0;
}
#box-titolo-sezione-acqua h2 {
	font-size:1.84em; /* 24px */
	padding-top:0%;
	padding-bottom:1.5%;
	padding-left:auto;
	padding-right:auto;
}
#box-titolo-sezione-acqua p {
	padding:0.5%;
	font-size:1.076em; /* 14px */
/* INTESTATIONE PAGINA */

/* DETTAGLIO */
}
#full-box-dettaglio {
	width:100%;
	margin:0 auto;
	padding:0;
}
#wrapper-text-image {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:2%;
	margin-bottom:3.5%;
	padding:0 auto;
}
#box-img {
	clear:both;
	float:left;
	display:block;
	width:100%;
	margin-top:1%;
	margin-bottom:3%;
	margin-left:0;
	margin-right:0;
	padding:0;
}
.box-testo {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:100px;
	margin:2%;
	padding:0;
}
.box-testo p, .box-testo li {
	font-size:1.076em; /* 14px */
	line-height:22px;
}
.box-testo h2 {
	font-size:1.84em; /* 24px */
	padding-top:0%;
	padding-bottom:1.5%;
	padding-left:auto;
	padding-right:auto;
}
.box-testo h3 {
	font-size:1.84em; /* 24px */
	padding-top:1.5%;
	padding-bottom:1.5%;
/* DETTAGLIO */
}
}
/* Layout landscape: da 769 px a 1024 px max.  Eredita stili da: Layout mobile e Layout tablet portrait */
@media only screen and (min-width: 769px ) {
/* FASCIONE */
#full-emozionale {
	width:100%;
	height:100px;
/*	max-width:1920px;*/
	display:block;
	background-color:#FFF;
	margin:0 auto;
	margin:auto 0;
	padding:0;
/* FASCIONE */
}

/* INTESTATIONE PAGINA  */
.full-box-intestazione-sezione {
	width:100%;
	margin:0 auto;
	padding:0;
}
.box-intestazione-sezione {
	clear:both;
	float:left;
	display:block;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:10px;
	margin-bottom:32px;
	padding:0;
}
.box-intestazione-sezione h1 {
	font-size:2.46em; /* 32px */
}
#full-box-titolo-sezione-acqua {
	width:100%;
	margin:0 auto;
	padding:0;
}
.wrapper-box-titolo-sezione-acqua {
	clear:both;
	float:left;
	display:block;
	width:100%;
	margin:0 auto;
}
#box-titolo-sezione-acqua {
	clear:both;
	float:none;
	display:inline-block;
	width:70%;
	margin-top: 0;
	margin-bottom:1%;
	margin-left: auto;
	margin-right:auto;
	padding:0;
}
#box-titolo-sezione-acqua h2 {
	font-size:2.15em; /* 28px */
	padding-top:0%;
	padding-bottom:1.5%;
	padding-left:auto;
	padding-right:auto;
}
#box-titolo-sezione-acqua p {
	font-size:1.079em; /* 14px */
/* INTESTATIONE PAGINA  */

/* DETTAGLIO */
}
#full-box-dettaglio {
	width:100%;
	margin:0 auto;
	padding:0;
}
#wrapper-text-image {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:2%;
	margin-bottom:2.5%;
	padding:0 auto;
}
#box-img {
	clear:both;
	float:left;
	display:block;
	width:100%;
	min-height:100px;
	margin-top:0;
	margin-bottom:2.5%;
	margin-left:0;
	margin-right:0;
	padding:0;
}
.box-testo {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:100px;
	margin-top:1.5%;
	margin-bottom:1.5%;
	margin-left:2%;
	margin-right:2%;
	padding:0;
}
.box-testo p, .box-testo li, .accordion p, .accordion li {
	font-size:1.15em; /* 15px */
	text-align:center;
}
.box-testo h2 {
	margin-top:0;
	margin-bottom:1%;
	margin-left:auto;
	margin-right:auto;
	font-size:2.15em; /* 28px */
}
.box-testo h3 {
	font-size:2.15em; /* 28px */
/* DETTAGLIO */
}
}
/* Layout desktop: da 1025 px a superiori. Eredita stili da: Layout tablet landscape */
@media only screen and (min-width: 1025px ) {
/* FASCIONE */
#full-emozionale {
	width:100%;
	height:130px;
/*	max-width:1920px;*/
	display:block;
	background-color:#FFF;
	margin:0 auto;
	margin:auto 0;
	padding:0;
/* FASCIONE */
}

/* INTESTATIONE PAGINA */
.full-box-intestazione-sezione {
	width:100%;
	margin:0 auto;
	padding:0;
}
.box-intestazione-sezione {
	clear:both;
	float:left;
	display:block;
	width:70%;
	margin-left:15%;
	margin-right:15%;
	margin-top:10px;
	margin-bottom:32px;
	padding:0;
}
.box-intestazione-sezione h1  {
	font-size:2.76em; /* 36px */
}
#full-box-titolo-sezione-acqua {
	width:100%;
	margin:0 auto;
	padding:0;
}
.wrapper-box-titolo-sezione-acqua {
	clear:both;
	float:left;
	display:block;
	width:100%;
	margin:0 auto;
}
#box-titolo-sezione-acqua {
	clear:both;
	float:none;
	display:inline-block;
	width:70%;
	margin-top: 8px;
	margin-bottom:8px;
	margin-left: auto;
	margin-right:auto;
	padding:0;
}
#box-titolo-sezione-acqua h2 {
	margin: 0 auto;
	font-size:2.15em; /* 28px */
}
#box-titolo-sezione-acqua p {
	font-size:1.15em; /* 15px */
	margin:0;
/* INTESTATIONE PAGINA */

/* DETTAGLIO */
}
#full-box-dettaglio {
	width:100%;
	margin:0 auto;
	padding:0;
}
#wrapper-text-image {
	width:70%;
	margin-left:15%;
	margin-right:15%;
	margin-top:1.5%;
	margin-bottom:1.5%;
	padding:0 auto;
}
#box-img {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:100px;
	margin-top:0;
	margin-bottom:2%;
	margin-left:2%;
	margin-right:2%;
	padding:0;
}
.box-testo {
	clear:both;
	float:left;
	display:block;
	width:96%;
	min-height:100px;
	margin-top:1.5%;
	margin-bottom:1%;
	margin-left:2%;
	margin-right:2%;
	padding:0;
}
.box-testo p, .box-testo li, .accordion p, .accordion li {
	font-size:1.15em; /* 15px */
}
.box-testo h2 {
	margin-top:0;
	margin-bottom:1%;
	margin-left:auto;
	margin-right:auto;
	font-size:2.15em; /* 28px */
}
.box-testo h3 {
	margin: 0 auto;
	font-size:2.15em; /* 28px */
/* DETTAGLIO */
}

	.box-testo h3 { font-size:28px; font-weight:300;/* 20px */ }
	.box-testo h4 { font-size:24px; font-weight:400;/* 20px */ }
	.box-testo h5 { font-size:21px; font-weight:400;/* 20px */ }

}