/* ====================================================================================================

		RESET
   
   ==================================================================================================== */
/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
      
   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html
   
--------------------------------------------------------------
   ================================================== */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers
   ================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* ====================================================================================================

		TYPOGRAPHY
   
   ==================================================================================================== */
/* --------------------------------------------------------------
   
   Set default typography based on Blueprint
   
--------------------------------------------------------------
   ================================================== */
/* Text elements
 * -----------------------------------------------------------
 */
p { margin: 2.5rem 0;line-height:2.6rem; }
ul { margin: 0 0 1.8rem 3.2remm }
ol { margin: 0 0 1.8rem 3.2rem }
ul { list-style: disc; list-style-position: inside; }
ol { list-style-type: decimal }
ol ol { list-style: upper-alpha }
ol ol ol { list-style: lower-roman }
ol ol ol ol { list-style: lower-alpha }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0 }
dl { margin: 0 2.2rem }
dt { font-weight: bold }
dd { margin-bottom: 1.8rem }
strong { font-weight: bold }
cite, em, i { font-style: italic }
blockquote { margin: 0 4.4rem }
blockquote em, blockquote i, blockquote cite { font-style: normal }
pre { font: 11px Monaco, monospace; line-height: 1.8rem; margin-bottom: 1.8rem; }
code { font: 1.1rem Monaco, monospace }
abbr, acronym { border-bottom: 1px dotted #333; cursor: help; }
ins { text-decoration: none }
sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; }
sup { bottom: 1ex; font-size: smaller; }
sub { top: .5ex }
a { color: #003377;text-decoration: none; }
a:hover { color: #333333; }
span { color: #000 }
/** Pullquotes
 * -------------------------------------------------------------- 
 */
blockquote.left { float: left; margin-left: 0; margin-right: 2rem; text-align: right; width: 33%; }
blockquote.right { float: right; margin-left: 2rem; margin-right: 0; text-align: left; width: 33%; }
/**
 * 
 * Adapt the following for use in your Child Themes when using
 * different font-sizes and line-heights
 * 
 * body, input, textarea {
 *     font: --px Arial,sans-serif;
 *     line-height:--px;
 * }
 * p, ul, ol, dd, pre {
 *     margin-bottom:--px;
 * }
 * pre, code {
 *     font:--px Monaco, monospace;
 *     line-height:--px;
 * }
 * 
 * All other styles can be overridden--or ignored!--in Child Theme stylesheets
 */


/* ====================================================================================================

		FRAMEWORK W3B
   
   ==================================================================================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both }
.clearfix { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }
.allclear { clear: both }
.col10 { width: 10% }
.col20 { width: 20% }
.col30 { width: 30% }
.col40 { width: 40% }
.col50 { width: 50% }
.col60 { width: 60% }
.col70 { width: 70% }
.col80 { width: 80% }
.col90 { width: 90% }
.col100 { width: 100% }

.col33 { width: 33.3333% }
.col65 { width: 65% }
.col55 { width: 55% }
.col45 { width: 45% }
.col25 { width: 25% }
.col16 { width: 16.6% }
.col10, .col20, .col30, .col40, .col50, .col60, .col70, .col80, .col90, .col100, .col45, .col33, 
.col25, .col65, .col55, .col16 { float: left; display: block; position: relative; }
.margin-auto{margin-left: auto !important;margin-right: auto !important; float: none !important;}
img { /*display: inline-block;*/ display: block; margin: 0; max-height: 100%; max-width: 100%; padding: 0; position: relative; width: auto; height: auto; }
img.align-left, .align-left { float: left; margin: 0 1rem 0.5rem 0; }
img.align-right, .align-right { float: right; margin: 0 0 0.5rem 1rem; }
img.align-middle, .align-middle { text-align: center; margin: 1rem auto; }
img.full-width { clear: both; display: block; width: 100%; height: auto; margin: 0 0 1rem 0; }
a.block { width: 100%; height: 100%; display: block; }
.alignleft { text-align: left }
.alignright { text-align: right }
.aligncenter { text-align: center }
.alignjustify { text-align: justify }
.spacer, .wrapper.spacer { margin:3rem auto;}
span { color: #00aeef; }
h1 { font-size: 3.9rem; margin: 1rem 0 1rem 0; line-height: 130%; }
h2 { font-weight: 300; color: #090909; font-size: 3.5rem; margin: 1rem 0 2rem; line-height: 130%; }
h3 { font-size: 1.95rem; margin: 1rem 0 1rem 0; line-height: 130%; color: #2c3e50; font-weight: 300; }
h4 { font-size: 1.9rem; margin: 1rem 0 1rem 0; }
.wrapper.products h4{text-align: center; font-size: 2.0rem;font-weight: 600; color: #ef8c07;}
h5 { font-size: 1.6rem; margin: 1rem 0 1rem 0; }
h6 { font-size: 1.4rem; margin: 1rem 0 0.5rem 0; }
img.style1 { border: solid 1px #FFFFFF; -moz-box-shadow: 0px 5px 5px #a1a4a9; -webkit-box-shadow: 0px 5px 5px #a1a4a9; box-shadow: 0px 5px 5px #a1a4a9; }
@media screen and (max-width: 600px) { 
	.small-col100 {width: 100% !important;}
	.small-col70 {width: 70% !important;}
}
@media screen and (max-width: 320px) { 
	.xsmall-col80 {width: 100% !important;}
	.xsmall-col100 {width: 100% !important;}
}



/* ====================================================================================================

		LAYOUT.CSS
   
   ==================================================================================================== */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a { transition: background-color 0.5s ease, -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }
html, body { margin: 0; padding: 0; color: #343434; background: #FFF repeat-x 0 0; text-align: left; height: 100%; font-weight: 400; font: normal 62.5%/150% 'Ubuntu', Verdana, Arial, serif; }
body {font-size:14px;/*font-size:1.4rem*/;overflow-x:hidden }
/* wrapcontent  */
.wrapper {width:120rem;margin:0px auto;padding:2rem;position:relative;}
.clearfix::before, .clearfix::after {
    content: " ";
    display: table;
}
.clearfix::after {
  clear: both;
}
.hide{opacity:0}
.hidden {display: none;}

.prevent-scroll {overflow: hidden;pointer-events: }
body.prevent-scroll::after {
	content: "";
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,0.5);
	z-index: 10;
	pointer-events: all
}



/* HEADER
   ==================================================
   ================================================== */
/*#header {height:10rem;background:#FFF;position:fixed;top:0;left:0;z-index:999;}*/
#header {height:10rem;background:#FFF;position:relative;}
/*#header .spacer {margin-top:8rem;}*/
#logo {max-width:200px;}
#header hr { border: 0; height: 6px; background: #1e2a4e; background-image: linear-gradient(to right, #fff, #1e2a4e, #fff );}
#header .social {position:absolute;top:40px;left:226px;}
#homepage #header #fondazionesanzeno {display:none;}
#homepage #content {margin-top: 0;}
body > p:first-child {display: none !important;}
/*.wrap-fondazione {position:absolute;top:0;left:50%;transform: translate(-50%, 0);width:424px;}*/

.wrap-fondazione {
	position: relative;
	margin: auto;
}
.wrap-fondazione span {
	color: #000;
	margin: 1rem 1rem 0.5rem 0;
	vertical-align: middle;
}
.wrap-fondazione a {
	display: inline-block;
	vertical-align: middle;
}


#wrapper-header {
	position: fixed;
	width: 100%;
	background-color: #fff;
	z-index: 999;
	height: 10rem;
}
#fondazionesanzeno {
	margin-top: 10rem;
}

/* CONTENT
   ==================================================
   ================================================== */
#sidebar {background:#0000;}
#page {padding:2rem;margin-bottom:4rem;background:#e2e6e9;-webkit-box-shadow: inset 10px 0px 35px -23px rgba(0,0,0,0.75);
-moz-box-shadow: inset 10px 0px 35px -23px rgba(0,0,0,0.75);
box-shadow: inset 10px 0px 35px -23px rgba(0,0,0,0.75);}
/* #content, .wrap-pagina {margin-top:110px;}*/
#content, .wrap-pagina {margin-top:60px;}
#content h3 {background:#1e2a4e;color:#FFF;font-size:1.4rem;padding:1rem 2rem;display:block;position:relative;}
#content h3.focus {background:#e75617;}
#content h3.website {background:#9d9d9d;}
#content h3.evidenced {background:#ef7628;}
#content h3.flag-right {margin-left:-10px;}
#content h3.flag-left {margin-right:-10px;}
#content h3.flag-left:after {
position:absolute;
content:'';
top:38px;
right:0;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #111833 transparent transparent transparent;
line-height: 0px;
_border-color: #111833 #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#content h3.flag-right:after, #content h3.evidenced.flag-right:after {
border-color: transparent #e75617 transparent transparent;
_border-color: #000000 #e75617 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#content h3.focus.flag-right:after {
border-color: transparent #dc390c transparent transparent;
_border-color: #000000 #dc390c #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#content h3.website.flag-right:after {
border-color: transparent #696969 transparent transparent;
_border-color: #000000 #696969 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#content h3.flag-right:after {
position:absolute;
content:'';
top:38px;
left:0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 0;
border-color: transparent #111833 transparent transparent;
line-height: 0px;
_border-color: #000000 #111833 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#content p {color:#808080;}

   
/* FOOTER
   ==================================================
   ================================================== */
#footer {clear:both;background:#e2e6e9;font-size:1.3rem;}
#footer p {margin:4rem 0 0 0;}
#footer img {max-width:150px;margin-top:36px;}
#footer span {font-weight:500;color:#1e2a4e;}
#footer .list-page span {display:block;margin:1rem 0;}
#footer ul {margin:0;padding:0;}
#footer ul li {list-style-type:none;}
#footer ul li a {color:#808080;}
#footer ul li a:hover {color:#282828;}
#footer hr {width:100%;background:#9d9d9d;border:0;height:1px;}
#footer .social {position:absolute;top:40px;right:0;}


/* ADDCLASS
   ==================================================
   ================================================== */

.article {background:#FFF;padding:0 1rem;display:block;float:left;width:100%;}
.article ul {list-style-type:none;}
.article ul li {border-bottom:1px solid #C6C6C6;padding:1rem 0;}

#content .focus .article p {color:#282828;}
.focus .article {padding:2rem;margin-bottom:4rem;}
.textcolum {background:#FFF;}
.firt-title {margin-top:0;}
.focus .firt-title {margin-bottom:0;}
.message span {font-weight:500;color:#1e2a4e;font-size:2rem;}
.message.spacer {margin-top:0;}
.social a.icon-facebook span, #footer .social a.icon-facebook span {color:#465994;}

a.readmore {font-weight:500;color:#1e2a4e;display:block;position:relative;padding-left:2rem;margin:2rem auto;}
a.readmore:hover {color:#282828;}
a.readmore:before {content:'\E5C8';font-family: 'Material Icons';position:absolute;top:0px;left:0;color:#292929;font-size:18px;}
   
.list-loghi-home img {max-width:180px;max-height:90px;margin:1rem auto;}  
.list-loghi-home span {color:#000;font-size:1rem;line-height:100%;}

/* Formattazione pagine interne */
/*.wrap-pagina {background:#FF0000;}
.wrap-pagina .wrapper {background:#FFF;}*/
#pagina hr {border: 0; height: 1px; background: #9d9d9d;}
#pagina h2 {font-size:3rem;background:#e2e6e9;padding:1rem;}
#pagina h3 {font-weight:500;}
.capitolo {border:solid 1px #9d9d9d;padding:2rem;}
.capitolo p, .capitolo li {
	 margin: 1em 0 0 0;
    padding-left: 1.45em;
    text-indent: 0;
    list-style-position: inside;
    list-style-type: none;
    background-image: url(../immagini/dot_0.gif);
    background-repeat: no-repeat;
    background-position: 0 0.375em;
}
.torna {text-align:right;}
.torna a {color:#282828;}
.torna a:hover {text-decoration:underline;}
#toc {background:#e2e6e9;padding:1rem 2rem;border:solid 4px #dce0e3;margin:1rem 0;}
#toc h2 {font-size:1.5rem;font-weight:500;}
#toc .N {
	padding-left: 1.5em;
	background: url(../immagini/dot_0.gif) no-repeat left center;
	font-weight:bold;
	margin:0.5rem auto;
}
#toc p {margin:0;}
#toc .NN {
	margin:0.5rem auto;
	padding-left: 3em;
	background-image: url(../immagini/dot_00.gif);
	background-repeat: no-repeat;
	background-position: 2em 0.3em;
}
#toc .N a, #toc .NN a {color:#282828;}
#toc .N a:hover, #toc .NN a:hover {color:#2aafe8;}

#toc .NNN {
	padding-left: 4.5em;
	background-image: url(../immagini/dot_000.gif);
	background-repeat: no-repeat;
	background-position: 3.5em 0.3em;
}
 
/* Accordion styles */
.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  background:#1e2a4e;
  overflow: hidden;
}
.tab2 {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  background:#e75617;
  overflow: hidden;
}
.tab a, .tab2 a {display:block;color:#FFF;text-decoration:none;}
.tab:hover {
  background:#111833;
}
.tab input, #sidebar input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab label, #sidebar label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  line-height: 3;
  cursor: pointer;
}
.tab-content{
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 800ms;
  -o-transition: max-height 800ms;
  transition: max-height 800ms;
  background:#e2e6e9;
}
.tab-content ul {margin:2rem 1rem;list-style:none;}
.tab-content ul li {position:relative;padding-left:4rem;background:#FFF;margin:1rem auto;}
.tab-content ul li:after {content:'\E5C8';font-family: 'Material Icons';position:absolute;top:10px;left:10px;color:#292929;font-size:18px;}
.tab-content ul li a {padding:1rem 0;display:block;color:#1e2a4e;}
.tab-content ul li a:hover {color:#ef7628;}

/* :checked */
.tab input:checked ~ .tab-content, #sidebar input:checked ~ .tab-content{
  max-height: 100rem;
}

.tab.already-open .tab-content {
	max-height: 100rem;
} 

.tab.already-open input:checked ~ .tab-content {
	max-height: 0rem !important;
}

/* Icon */
.tab label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all 800ms ease-in;
  -o-transition: all 800ms ease-in;
  transition: all 800ms ease-inn;
}
.tab input[type=checkbox] + label.link::after {
  content: '';
}
.tab input[type=checkbox] + label::after {
  content: "+";
}
.tab.only-link input[type=checkbox] + label::after {
  content: ">";
}
.tab input[type=radio] + label::after {
  content: "\25BC";
}
.tab input[type=checkbox]:checked + label::after, tab.already-open label::after{
  transform: rotate(315deg);
}
.tab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

.tab.already-open input:checked ~ label::after {
	transform: rotate(0deg) !important;
}
/* fine Accordion styles */


/* MENU
   ==================================================
   ================================================== */
#mm { padding: 0; margin: 0 auto; /*width: 50rem;*/ position: absolute; top:42px;right:10px;}
#mm li { list-style-type: none; display: inline-block; margin-right: -0.4rem; position: relative;}
#mm li.active { color: #658f27 }
#mm li a { text-decoration:none;color:#fff;background:#1e2a4e;font-weight:500;line-height:3rem;padding:1rem 0.8vw;margin-left:4px;text-transform:uppercase;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
#mm li a:hover {background:#ef7628;}
#mmmobile {padding:0;margin:0 auto;position:absolute;top:45px;right:0;z-index:50;}
#mmmobile { display: none; margin-right:2rem; }
#mmmobile li { list-style-type: none; display: inline-block; margin-right: -0.4rem; position: relative; }
#mmmobile li a:before {content:'\E5D2';font-family: 'Material Icons';font-size:36px;color:#282828;}
.prevent-scroll #mmmobile li a:before {display:none;}
.prevent-scroll #mmmobile li a:after {content:'\E5CD';font-family: 'Material Icons';font-size:36px;color:#282828;}
/*#mm li a:hover{color:#5d9fcf;}
#mm li a.active.bt {line-height:2rem!important;margin:auto 0;color:#FFFFFF;margin-left:1rem;}
#mm li a.active:hover {color:#ffffff;border:none;background:#ff2336;}
#mm li a.active.bt span {
	transition: transform 300ms ease-out;
	display:inline-block;
	color:#FFF;
}
#mm li a.active.bt:hover span {transform: translate(200px, 0);}
#mm li a.active.bt:hover:after {
	content: "\f109";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FFF;
    font-size: 28px;
    padding-right: 0.5em;
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-30%, -50%);
	z-index:10;
}*/


/* ====================================================================================================

		MEDIA QUERIES
   
   ==================================================================================================== */
@media screen and (max-width: 1280px) {
	.wrapper {width: 100rem;}
	.list-loghi-home .col25 {width:50%;}
	.list-loghi-home img {max-width:100%;}
} 
@media screen and (max-width: 1024px) { 
	.wrapper {width: 100%;padding: 2.0rem;}
}
@media screen and (max-width: 970px) {
}
/* 800
   ================================================== */
@media screen and (max-width: 800px) { 
	#sidebar.col30, #wrap-page {width:100%;}
	#mmmobile { display: block }
	#mm {display:none;}
}
/* 768
   ================================================== */
@media screen and (max-width: 768px) { 
}
/* 640
   ================================================== */
@media screen and (max-width: 640px) { 
	#page .col50, #colum-home > div {width:100%;}
	#footer .col25 {width:50%;margin-bottom:2rem;}
}
/* 480
   ================================================== */
@media screen and (max-width: 480px) { 
	.list-loghi-home .col25 {width:100%;}
}

/* 360
   ================================================== */
@media screen and (max-width: 360px) { 
}