/* ------ CUSTOM STYLES --------*/

/* --- FONTS --- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:700italic,400,300,700);

/* --- CUSTOM ICONS ---*/
@font-face {
    font-family: 'cartoprint-icons';
    src:url('../fonts/cartoprint-icons.eot?naeif1');
    src:url('../fonts/cartoprint-icons.eot?#iefixnaeif1') format('embedded-opentype'),
        url('../fonts/cartoprint-icons.ttf?naeif1') format('truetype'),
        url('../fonts/cartoprint-icons.woff?naeif1') format('woff'),
        url('../fonts/cartoprint-icons.svg?naeif1#cartoprint-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}


.desktop-contact{
    display: inline-block;
}
.mobile-contact{
    display: none;
}

.pi-simple-menu > li > .pi-submenu {
    left: 0px;
}

.pi-simple-menu a {
	line-height:
}

.bannerHomeLink {
    font-size: 14px; color: #003361!important; font-weight: 800; letter-spacing: 1px; line-height: 40px; padding: 4px 8px; background:#ffffff; border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
.bannerHomeLink:hover {background:#dddddd;}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    width:auto!important;
    height:auto!important;
    max-width: 600px;
    max-height: 500px;
    -ms-interpolation-mode: bicubic;
}

.overflowX {overflow-x:auto;}

.pi-submenu-white li > a {
    color: #808082!important;
}
.pi-section-white .pi-simple-menu > li:hover {
    color: #005caf;
}
.pi-section-white .pi-simple-menu > li:hover > a {
    color: #005caf;
}
.pi-submenu-white li:hover > a {
    color: #005caf;
}
.pi-section-white a:hover {
    color: #005caf;
}
.pi-submenu-white li:hover {
    background: #f8fafa;
    color: #005caf;
}
.pi-submenu-white.pi-has-border, .pi-submenu-white.pi-has-border .pi-submenu {
    border-color: #003361;
}

.cartoprint-icon {
    font-family: 'cartoprint-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cartoprint-coppetta:before {
    content: "\e600";
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  padding: 0;
  margin: 20px 0 15px;
  font-family: 'Open Sans Condensed', sans-serif;
  line-height: 100%;
  font-weight: 700;
  letter-spacing: 0;
}
h1.pi-has-border, .h1.pi-has-border, h2.pi-has-border, .h2.pi-has-border, h3.pi-has-border, .h3.pi-has-border, h4.pi-has-border, .h4.pi-has-border, h5.pi-has-border, .h5.pi-has-border, h6.pi-has-border, .h6.pi-has-border {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.color-base {
    color:#003362!important;
}

.tp-bullets {
    bottom: 10px !important;
}

.pi-padding-top-8 {
  padding-top: 8px !important;
}

/*--- COLORS ---*/
.blu-light-bg {
    background-color:#e3e8ec!important;
}
.pi-scroll-top-arrow:hover {
    border-color: rgba(0, 51, 97, 0.8);
    background: rgba(0, 51, 97, 0.8);
    color: #ffffff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.pi-section-white .form-control:focus {
    background: #ffffff;
    border-color: #003361;
    border-top-color: #003361;
    color: #939fa4;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}

/*--- BUTTONS ---*/
.btn {
  display: inline-block;
  padding: 9px 12px 9px;
  border: 1px solid transparent;
  line-height: 18px;
  vertical-align: middle;
  text-align: left;
  outline: none;
  cursor: pointer;
  white-space: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-family: 'Open Sans Condensed', sans-serif;
}
.pi-btn-dark-blu {
  background: #003361;
  border: 1px solid #0e487c;
  color: #fff !important;
  -webkit-box-shadow: inset 0 1px 0 #276399;
  -moz-box-shadow: inset 0 1px 0 #276399;
  box-shadow: inset 0 1px 0 #276399;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.widthPercent {width:100%;}
.pi-text-center {
  text-align: center!important;
}

body {
font-family: 'Open Sans', sans-serif;
}
#mainMenu .pi-row-lg .pi-full-height > li > a {
  line-height: 20px;
  margin:7px 0px;
}

#mainMenu {
    background: rgb(128, 128, 130); /* The Fallback */
    background: rgba(128, 128, 130); 
    color:#fff;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:700;
    text-transform:uppercase;
    position:static;
}
#mainMenu a {
    color:#fff;
}
#mainMenu a:hover {
    color:#808082;
    background:#fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#mainMenu .pi-section {
    position:static;
}
   
.pi-header-row-fixed .pi-header-sticky {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1002;
}

.pi-header-row-fixed .pi-header {
  padding-bottom: 0px;
}

.pi-header {
  position: fixed;
  width:100%;
  z-index: 1001;
}

#logoAndLanguage .pi-row-sm .pi-full-height > li > a {
  line-height: 86px;
}
#logoAndLanguage .pi-row-reduced .pi-row-sm  .pi-full-height > li > a {
  line-height: 49px!important;
}
.pi-row-sm .pi-row-block-logo img {
  max-height: 90px;
}
.pi-header-rows-fixed .pi-row-reduced img, .pi-header-row-fixed .pi-row-reduced img {
    max-height: 70px;
}


/*---- ICONE HOME ----*/
.cartoprint-coppetta:before {
    content: none;
}
#isotope .pi-caption-icon img {
    width: 68px;
    margin: 10px 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.pi-caption-icon {
    width: 80px;
    height: 80px;
}

/*---- BANNER HOME ----*/
.tp-banner-container {
    margin-top:80px;
    position:relative;
}
.tp-banner ul.bannerHome .tp-caption {
    max-width:300px;
    font-family: 'Open Sans Condensed', sans-serif;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px!important;
}
#slogan {
    position:absolute;
    bottom:0;
    left:0;
    z-index:900;
    width:100%;
    background: rgb(17, 17, 17); /* The Fallback */
    background: rgba(17, 17, 17, 0.4);
    color:#fff;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:700;
    text-transform:uppercase;
}
#slogan h3 {
    margin:0 0 5px 0;
}
#slogan .titleUnderline {
    width:20%;
    height:4px;
    border-top:1px solid #fff;
    display:inline-block;
    margin-top:-30px;
}
/*---- MASONRY ----*/
.isotope-item {
    margin:0px;
}
#isotope .pi-col-sm-3 {
    padding-left:4px;
    padding-right:4px;
}
#isotope .pi-col-sm-4 {
    padding-left: 4px;
    padding-right: 4px;
}
#isotope .pi-img-w {
  margin-bottom: 8px;
  position: relative;
}

#isotope .pi-caption-icon {
    background: rgba(255, 255, 255, 1);
    color: #4290d8;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

#isotope  .cartoprint-icon:before {
    width:100%;
    text-align:center;
    line-height:60px;
}

/*---- TOP IMAGE ----*/
.top-image {
margin-top:80px;
height:300px;
background-repeat:no-repeat;
background-color:#fff;
background-position:center center;
background-size:100%;
}
h2:after {
    width: 194px!important;
    left: 50%!important;
    margin: 0 0 0 -97px;
    height: 5px!important;
    background: #4c7090;
}
h3:after {
    width: 154px!important;
    left: 50%!important;
    margin: -10px 0 0 -77px;
    height: 3px!important;
    background: #4c7090!important;
}

/*---- PRODUCTS ----*/
#isotopeProducts.pi-gallery-small-margins .pi-img-w {
    background:url(../img_external/products/tab_bg.jpg) center center no-repeat;
    background-size:cover;
    height:208px;
}
#isotopeProducts .pi-overlay-slide {
    color:#99999b;
    background:#fff;
}
#isotopeProducts .isotope-item.isotope-active .pi-overlay-slide {
    color:#fff;
    background:#003361;
    width: 99%;
    margin: 0px auto;
}
#isotopeProducts .isotope-item.isotope-active .pi-overlay-slide h6 a {
    color:#fff;
    display:block;
    padding:20px;
}
#isotopeProducts .isotope-item:hover .pi-overlay-slide {
    color:#fff;
    background:#003361;
}
#isotopeProducts .isotope-item:hover .pi-overlay-slide h6 a {
    color:#fff;
}
#isotopeProducts .pi-overlay-slide h6 a {
    color:#99999b;
    display:block;
    padding:20px;
}
.pi-overlay-slide h1, .pi-overlay-slide h2, .pi-overlay-slide h3, .pi-overlay-slide h4, .pi-overlay-slide h5, .pi-overlay-slide h6 {
    margin-bottom: 0px;
}
#isotopeProducts .pi-overlay-slide {
    padding:0px 0px 20px 0px!important;
    width: 99%;
    margin: 0px auto;
}
#isotopeProducts .isotope-item {
    padding:0;
	/*stili per centrare thumb prodotti*/
	float:none;
	display:inline-block;
	margin-left:-3px;
	position:static!important;
	left:auto!important;
	top:auto!important;
	transform: translate3d(0px, 0px, 0px)!important;
}
@media (min-width: 1120px){
	.pi-gallery.pi-gallery-small-margins {
		margin-left: -10px;
		margin-right: -10px;
		text-align:center!important;
	}
}
#isotopeProducts .pi-overlay-slide h6 {
    font-size:18px;
}
#isotopeProducts .pi-gallery .pi-gallery-item img {
    width: auto;
}
#isotopeProducts .pi-img-w img {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: auto;
}
.pi-accordion .pi-accordion-content {
    width:1000px;
}
.productThumb {
    display:inline-block;
    vertical-align:top;
    width: 86px;
    min-height: 65px;
    padding: 10px;
    border: 1px solid #003361;
    line-height: 14px;
}
.productThumb:hover {
    background:#dfe8f1;
}
.productThumb.active {
    background:#dfe8f1;
}
.productThumb a {
    font-size:12px;
    text-decoration:none;
}
.productThumb:hover a img, .productThumb.active  a img {
    border: 0px solid #c8d6e3;
    margin-bottom:4px;
}

.productThumb a img {
    border: 4px solid #fff;
    margin-bottom:4px;
}
.productThumb span {
    display:block;
    vertical-align:top;
    text-align:center;
}
.productThumb span.cartoprint-icon {
    padding:10px;
    height:50px;
    vertical-align:bottom;
    /*display:table-cell;*/
    display:none;
    
}
.productThumb span.cartoprint-icon.small {
    font-size:130%;
}
.productThumb span.cartoprint-icon.medium {
    font-size:170%;
}
.productThumb span.cartoprint-icon.big {
    font-size:230%;
}
#productTable td { text-align:center; }

#isotopeRelatedProducts.pi-gallery-small-margins .pi-img-w {
    background:url(../img_external/products/tab_bg.jpg) center center no-repeat;
    background-size:cover;
    /* height:160px; */
}
#isotopeRelatedProducts .pi-overlay-slide {
    color:#003361;
    background: rgba(255, 255, 255, 0.7); 
}
#isotopeRelatedProducts .isotope-item.isotope-active .pi-overlay-slide {
    color:#003361;
    background: rgba(255, 255, 255, 0.7); 
}
#isotopeRelatedProducts .isotope-item.isotope-active .pi-overlay-slide h6 a {
    color:#003361;
}
#isotopeRelatedProducts .isotope-item:hover .pi-overlay-slide {
    color:#003361;
    background: rgba(255, 255, 255, 1); 
}
#isotopeRelatedProducts .isotope-item:hover .pi-overlay-slide h6 a {
    color:#003361;
}
#isotopeRelatedProducts .pi-overlay-slide h6 a {
    color:#003361;
    padding:20px!important;
    display:block;
    height:60px;
}
#isotopeRelatedProducts .pi-overlay-slide {
    padding:0px!important;
}
#isotopeRelatedProducts .isotope-item {
    padding:0;
}
#isotopeRelatedProducts .pi-overlay-slide h6 {
    font-size:18px;
}

/*--- MEGAMENU ---*/

#megaMenu {/*background: rgba(255, 255, 255, 0.9);*/padding: 0 40px!important;}
#megaMenu .pi-list-icons-right-open li:after {
    content: "";
}

.megaMenuContainer {
    display: inline-block;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
}
#utilityMenu {/*background: rgba(255, 255, 255, 0.9);*/padding: 0 40px!important;margin-top:-3px;}
.utilityMenuContainer {background: rgba(128, 128, 130, 0.9);display: inline-block;width: 100%;}

#megaMenu a {
    color:#808082;
    font-family: 'Open Sans Condensed', sans-serif;
}
#megaMenu span {
    display:inline-block;
    vertical-align:middle;
    width:70%;
    overflow:hidden;
}
#utilityMenu span {
    width:auto;
}
#megaMenu .megamenu-thumb {
    display:inline-block;
    vertical-align:middle;
    width:60px;
    height:60px;
    overflow:hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right:10px;
}
#megaMenu .megamenu-thumb img {

    min-height:60px;
}

#utilityMenu a { margin:4px 0px!important; padding:9px 0px; }

#utilityMenu a:hover {
  color: #fff;
  background: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.pi-list-menu a {
    padding: 0px;
    line-height: 1.4em;
}



/*--- MEDIA QUERIES ---*/
@media (max-width: 1024px) {
    .pi-img-overlay {
        -webkit-backface-visibility: visible;
        display: block;
        position: absolute !important;
        /*top: 0;*/
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        opacity: 1;
        padding: 30px;
        text-align: left;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }
}
@media (max-width: 767px) and (orientation:portrait) {
    .pi-img-overlay {
        /*top: 0;*/
    }
}
@media (max-width: 767px) {
    .pi-img-overlay {
        /*top: 0;*/
    }
    .desktop-contact{
        display: none;
    }
    .mobile-contact{
        display: inline-block;
    }
}
@media (max-width: 320px) {
    #isotopeProducts .pi-overlay-slide h6 {
    font-size: 14px;
    }
}
@media (max-width: 768px) {
    #slogan h3, #slogan .h3 {
    font-size: 16px;
    line-height: 1.2em;
    margin-bottom: 0px;
    padding:0 10px;
}
    .tp-banner ul.bannerHome .tp-caption {
        font-size:30px!important;
        line-height:30px!important;
        width:60%!important;
        max-width:94%!important;
        text-shadow: 2px 2px 0px rgba(70, 70, 70, 0.85);
        top:80px!important;
    }
    #mainMenu {
    background: rgb(128, 128, 130);
    background: rgba(128, 128, 130, 0.3);
    color: #fff;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    position: static;
}
    #slogan .pi-section {
        padding:10px;
        padding-top:10px!important;
        padding-bottom:10px!important;
    }
    .piCaptions .pi-section {
    padding: 20px 20px 30px;
    }
    #isotopeRelatedProducts .isotope-item {
    padding:0;
    width: 100%;
    }
    .pi-gallery .pi-gallery-item img {
    width: auto;
	display: none!important;
    }
	#isotopeRelatedProducts.pi-gallery .pi-gallery-item img {
    width: auto;
	display: block!important;
	margin: 0 auto;
    }
    .pi-img-w img {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: auto;
    }
    .cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    width: auto!important;
    height: auto!important;
    max-width: 370px;
    max-height: 500px;
    -ms-interpolation-mode: bicubic;
    }
    #cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
    display:none!important;
}

}
@media (max-width: 767px) {
    .pi-row-lg .pi-btn {
    margin-top: 10px;
    margin-bottom: 10px;
    }
    #isotopeProducts .isotope-item {width:100%;}
    .top-image {
    margin-top: 0px;
    height: 100px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center center;
    background-size: cover;
    }
    #logoAndLanguage .pi-row-sm .pi-full-height > li > a {
    line-height: 26px;
    }
    .pi-header {
    position: relative;
    width: 100%;
    z-index: 1001;
    }
    .pi-section-menu-mobile-w {
    position: absolute!important;
    }
    .tp-banner-container {
    margin-top: 0px;
    position: relative;
    }
    #slogan {
    position: static;
    bottom: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    background: rgb(17, 17, 17);
    background: rgba(17, 17, 17, 0.4);
    color: #fff;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    }
    .tp-bullets {
    display:none !important;
    }
    .tparrows {
    display:none !important;
    }
    #isotopeProducts.pi-gallery-small-margins .pi-img-w {
    height: 55px;
    }
    #isotopeProducts .pi-overlay-slide {
    /*padding: 4px!important;*/
    bottom:-20px!important;
    }
}
@media (max-width: 375px) {
    .cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    width: auto!important;
    height: auto!important;
    max-width: 270px;
    max-height: 400px;
    -ms-interpolation-mode: bicubic;
    }
    #cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
    display:none!important;
    }
    .tp-banner ul.bannerHome .tp-caption {
        font-size:24px!important;
        line-height:28px!important;
        width:90%!important;
        max-width:90%!important;
        text-shadow: 2px 2px 0px rgba(70, 70, 70, 0.85);
        top:10px!important;
    }
    .bannerHomeLink {font-size:12px;}
}

#pi-main-mobile-menu ul li ul li a {
    text-transform:none;
    line-height:20px;
    font-weight:100;
    padding-top:4px;
    padding-bottom:10px;
}

/*-- ACCRODION PRODUCTS --*/

#productAccordion.pi-accordion .pi-accordion-title {
    margin-top:0;
}
#productAccordion.pi-accordion .pi-accordion-title a {
    padding: 9px 12px 9px 20px;
    line-height:18px;
    font-size:16px;
}
#productAccordion.pi-accordion .pi-accordion-title .pi-accordion-toggle {
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
    font-weight: normal;
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    border-color: none;
    border:0px;
    border-top:0px;
    border-top-color: none;
    background: none;
    color: #fff;
    -webkit-box-shadow: inset 0 0px 0 #f8fafa;
    -moz-box-shadow: inset 0 0px 0 #f8fafa;
    box-shadow: inset 0 0px 0 #f8fafa;
}
.pi-section-white a {
    color: #003361;
}
.pi-section-white a:focus {
    outline:none;
}

.pi-error-container p {
    color: #ff0000;
    font-weight: bold;
}

.pi-img-overlay.pi-img-overlay-darker {
    background: rgba(24, 28, 32, 0.4);
}

.pi-icon-left {
    margin-right: 10px;
}

@media (max-width: 1216px) {
    #megaMenu, #utilityMenu {/*background: rgba(255, 255, 255, 0.9);*/padding: 0px!important;}
}

/*TIMELINE---------------------------------------------------------------*/
.sociales {
    text-align: center;
    margin-bottom: 20px;
}

    #timeline {
        width: 100%!important;
        height: 520px;
        overflow: hidden;
        margin: 20px auto;
        position: relative;
        background: url('../img/timeline/dot.gif') left 22px repeat-x;
    }
        #dates {
            /* width: 1000px; */
			width: 100%!important;
            height: 80px;
            overflow: hidden;
            margin-bottom:40px;
            margin-top:0px;
            padding-left:0px;
        }
            #dates li {
                list-style: none;
                float: left;
                /* width: 125px; */
				width: 12.5%;
                height: 50px;
                font-size: 24px;
                text-align: center;
                background: url('../img/timeline/biggerdot.png') center 10px no-repeat;
            }
            #dates li.selected {
                list-style: none;
                float: left;
                /* width: 125px; */
				width: 12.5%;
                height: 50px;
                font-size: 24px;
                text-align: center;
                background: url('../img/timeline/biggerdot_active.png') center 10px no-repeat;
            }
                #dates a {
                    line-height: 38px;
                    padding-bottom: 10px;
                    font-family: 'Open Sans Condensed', sans-serif;
                    font-weight: 700;
                    font-size: 24px;
                    color:#d9dde0;
                    padding-top:40px;
                    display:block;
                    outline:none;
                }
                #dates .selected {
                    font-size: 24px;
                    color:#002859;
                    text-decoration:none;
                }
        
            #issues {
                /* width: 1000px; 
				width: 100%!important; */
                /*height: 350px;*/
                overflow: hidden;
            }   
            #issues li {
                /* width: 1000px; */
				/* width: 1030px!important; */
				    width: 1100px;
				/* height: 350px; */
				list-style: none;
				float: left;
				margin-top: 10px;
            }
			#issues li p{
				width:90%;
			}
            #timeline h6 {
                font-size:16px;
            }
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 30%;, height: auto; float:left; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
                /* #issues li.selected img {
                    -webkit-transform: scale(1.1,1.1);
                    -moz-transform: scale(1.1,1.1);
                    -o-transform: scale(1.1,1.1);
                    -ms-transform: scale(1.1,1.1);
                    transform: scale(1.1,1.1);
                } */
                /* #issues li img {
                    float: left;
                    margin: 10px 70px 10px 30px;
                    background: transparent;
                    border:1px solid #ccc;
                } */
                #issues li h1 {
                    color: #002859;
                    font-size: 24px;
                    margin: 0px 0;
                }
                #issues li p {
                    font-size: 14px;
                    margin-right: 70px;
                    font-weight: normal;
                    line-height: 22px;
					white-space: normal;
                }
	@media (min-width: 1024px) {
		#issues li {text-align:center;text-align:center;}
		#issues li img {display:inline-block;vertical-align:top;float:none;}
		#issues li div.txtContainer {display:inline-block;vertical-align:top;max-width:55%;text-align:left;}
		#issues li div.txtContainer h6 {display:inline-block;vertical-align:top;}
		#issues li div.txtContainer p {display:inline-block;vertical-align:top;}
	}
                
    @media (max-width: 768px) {
        #issues li h1, #issues li h6 {
            width: 80%;
        }
        #issues li p {
            font-size: 14px;
            margin-right: 70px;
            font-weight: normal;
            line-height: 22px;
            width: 80%;
        }
        #timeline {
        width: 100%;
        height: 550px;
        overflow: hidden;
        margin: 20px auto;
        position: relative;
        background: url('../img/timeline/dot.gif') left 22px repeat-x;
        padding-top:0px;
        }
        /* #issues li img {
                    float: left;
                    margin: 10px 40px 10px 30px;
                    background: transparent;
                    border:1px solid #ccc;
                    width: 40%;
                    height: auto;
                    display: block;
                } */
        /* #issues li.selected img {
            -webkit-transform: scale(1.1,1.1);
            -moz-transform: scale(1.1,1.1);
            -o-transform: scale(1.1,1.1);
            -ms-transform: scale(1.1,1.1);
            transform: scale(1.1,1.1);
            width: 30%;
            height: auto;
            display: block;
        } */
        #issues {
                /*width: 100%!important;
                height: 350px;*/
                overflow: hidden;
            }   
            #issues li {
                /*width: 42%;
                height: 350px;*/
                list-style: none;
                float: left;
            }
		#dates .selected {
			font-size: 14px;
			color: #002859;
			text-decoration: none;
		}
		#dates a {
			line-height: 38px;
			padding-bottom: 10px;
			font-family: 'Open Sans Condensed', sans-serif;
			font-weight: 700;
			font-size: 14px;
			color: #d9dde0;
			padding-top: 40px;
			display: block;
			outline: none;
		}
    }
    @media (max-width: 667px) and (orientation: landscape) {
        #issues li h1, #issues li h6 {
            width: 70%;
        }
        #issues li p {
            font-size: 14px;
            margin-right: 70px;
            font-weight: normal;
            line-height: 22px;
            width: 70%;
        }
        #timeline {
        width: 100%;
        height: 550px;
        overflow: hidden;
        margin: 20px auto;
        position: relative;
        background: url('../img/timeline/dot.gif') left 22px repeat-x;
        }
       

        #issues {
                /*width: 100%!important;
                height: 350px;*/
                overflow: hidden;
            }   
            #issues li {
                /*width: 42%;
                height: 350px;*/
                list-style: none;
                float: left;
            }
    }
    @media (max-width: 568px) and (orientation: landscape) {
        #issues li h1, #issues li h6 {
            width: 60%;
        }
        #issues li p {
            font-size: 14px;
            margin-right: 70px;
            font-weight: normal;
            line-height: 22px;
            width: 60%;
        }
        #timeline {
        width: 100%;
        height: 550px;
        overflow: hidden;
        margin: 20px auto;
        position: relative;
        background: url('../img/timeline/dot.gif') left 22px repeat-x;
        }
        #issues {
                /*width: 100%!important;
                height: 350px;*/
                overflow: hidden;
            }   
            #issues li {
                /*width: 42%;
                height: 350px;*/
                list-style: none;
                float: left;
            }
    }
    
    @media (max-width: 600px) and (orientation: portrait) {
        #issues li h1, #issues li h6 {
            width: 80%;
        }
        #issues li h1{
            margin-top:40px;
        }
        /* #issues li.selected img {
            -webkit-transform: scale(1.1,1.1);
            -moz-transform: scale(1.1,1.1);
            -o-transform: scale(1.1,1.1);
            -ms-transform: scale(1.1,1.1);
            transform: scale(1.1,1.1);
            width: 50%;
            height: auto;
            display: block;
            float: none;
        } */
        #issues li p {
            font-size: 14px;
            margin-right: 70px;
            font-weight: normal;
            line-height: 22px;
            width: 80%;
        }
        #timeline {
        width: 100%;
        height: 750px;
        overflow: hidden;
        margin: 20px auto;
        position: relative;
        background: url('../img/timeline/dot.gif') left 22px repeat-x;
        }
    }
    @media (max-width: 480px) and (orientation: landscape) {
        #issues li h1, #issues li h6 {
            width: 50%;
        }
        #issues li p {
            font-size: 14px;
            margin-right: 70px;
            font-weight: normal;
            line-height: 22px;
            width: 50%;
        }
        #timeline {
        width: 100%;
        height: 550px;
        overflow: hidden;
        margin: 20px auto;
        position: relative;
        background: url('../img/timeline/dot.gif') left 22px repeat-x;
        }
       
        
        #issues {
                /*width: 100%!important;
                height: 350px;*/
                overflow: hidden;
            }   
            #issues li {
                /*width: 42%;
                height: 350px;*/
                list-style: none;
                float: left;
            }
    }
    
    @media (max-width: 414px) and (orientation:portrait) {
        #issues li h1, #issues li h6 {
            width: 44%;
        }
        /* #issues li.selected img {
            -webkit-transform: scale(1.1,1.1);
            -moz-transform: scale(1.1,1.1);
            -o-transform: scale(1.1,1.1);
            -ms-transform: scale(1.1,1.1);
            transform: scale(1.1,1.1);
            width: 34%;
            height: auto;
            display: block;
            float: none;
        } */
        #issues li p {
            font-size: 14px;
            margin-right: 70px;
            font-weight: normal;
            line-height: 22px;
            width: 44%;
        }
    }
    @media (max-width: 375px) {
        #issues li h1, #issues li h6 {
            width: 37%;
        }
        /* #issues li.selected img {
            -webkit-transform: scale(1.1,1.1);
            -moz-transform: scale(1.1,1.1);
            -o-transform: scale(1.1,1.1);
            -ms-transform: scale(1.1,1.1);
            transform: scale(1.1,1.1);
            width: 30%;
            height: auto;
            display: block;
            float: none;
        } */
        #issues li p {
            font-size: 14px;
            margin-right: 70px;
            font-weight: normal;
            line-height: 22px;
            width: 37%;
        }
    }
    @media (max-width: 360px) {
        #issues li h1, #issues li h6 {
            width: 37%;
        }
        #issues li p {
            font-size: 14px;
            margin-right: 70px;
            font-weight: normal;
            line-height: 22px;
            width: 37%;
        }
    }
    @media (max-width: 320px) {
        #issues li h1, #issues li h6 {
            width: 33%;
        }

        #issues li p {
            font-size: 14px;
            margin-right: 70px;
            font-weight: normal;
            line-height: 22px;
            width: 33%;
        }
    }
                
        
        
        #grad_left,
        #grad_right {
            width: 100px;
            height: 350px;
//          position: absolute; // luca: commentato perche' altrimenti non funziona il "click" sulla prima data della timeline (toglie l'atrributo <a>)
            top: 0;
        }
        /*
            #grad_left {
                left: 0;
                background: url('../img/timeline/grad_left.png') repeat-y;
            }
            #grad_right {
                right: 0;
                background: url('../img/timeline/grad_right.png') repeat-y;
            }
        */
        #next,
        #prev {
            position: absolute;
            top: 0;
            font-size: 70px;
            top: 170px;
            width: 22px;
            height: 38px;
            background-position: 0 0;
            background-repeat: no-repeat;
            text-indent: -9999px;
            overflow: hidden;
        }
            #next:hover,
            #prev:hover {
                background-position: 0 -76px;
            }
            #next {
                right: 0;
                background-image: url('../img/timeline/next.png');
            }
            #prev {
                left: 0;
                background-image: url('../img/timeline/prev.png');
            }
                #next.disabled,
                #prev.disabled {
                    opacity: 0.2;
                }
				
		 @media (max-width: 1100px) {
			#issues li p{
				width:80%;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 30%;, height: auto; float:left; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
		}
		@media (max-width: 1070px) {
			#issues li p{
				width:74%;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 30%;, height: auto; float:left; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
		}
		@media (max-width: 1047px) {
			#issues li p{
				width:74%;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 30%;, height: auto; float:left; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
		}
		@media (max-width: 980px) {
			#issues li p{
				width:72%;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 30%;, height: auto; float:left; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
		}
		
		@media (max-width: 889px) {
			#issues li p{
				width:67%;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 30%;, height: auto; float:left; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
		}
		@media (max-width: 820px) {
			#issues li p{
				width:63%;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 30%;, height: auto; float:left; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
		}
		@media (max-width: 810px) {
			#issues li p{
				width:60%;
				padding:20px;
			}
			#issues li h6{
				width:60%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 20%; height: auto; float:left; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 772px) {
			#issues li p{
				width:60%;
				padding:20px;
			}
			#issues li h6{
				width:60%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:55%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 768px) { /* ipad portrait*/
			#issues li p{
				width:60%;
				padding:20px;
			}
			#issues li h6{
				width:60%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:59%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 734px) {
			#issues li p{
				width:60%;
				padding:20px;
			}
			#issues li h6{
				width:60%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:52%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 700px) {
			#issues li p{
				width:50%;
				padding:20px;
			}
			#issues li h6{
				width:50%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:48%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 650px) {
			#issues li p{
				width:44%;
				padding:20px;
			}
			#issues li h6{
				width:44%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:44%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 607px) {
			#issues li p{
				width:44%;
				padding:20px;
			}
			#issues li h6{
				width:44%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:40%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-device-width: 600px) {
			#issues li p{
				width:45%;
				padding:20px;
			}
			#issues li h6{
				width:45%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:44%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 568px) {
			#issues li p{
				width:42%;
				padding:20px;
			}
			#issues li h6{
				width:42%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:40%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 563px) {
			#issues li p{
				width:40%;
				padding:20px;
			}
			#issues li h6{
				width:40%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:38%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 540px) {
			#issues li p{
				width:38%;
				padding:20px;
			}
			#issues li h6{
				width:38%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:34%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 494px) {
			#issues li p{
				width:36%;
				padding:20px;
			}
			#issues li h6{
				width:36%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:32%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		
		@media (max-width: 475px) {
			#issues li p{
				width:34%;
				padding:20px;
			}
			#issues li h6{
				width:34%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:30%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 452px) {
			#issues li p{
				width:32%;
				padding:20px;
			}
			#issues li h6{
				width:32%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:28%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 435px) {
			#issues li p{
				width:30%;
				padding:20px;
			}
			#issues li h6{
				width:30%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:26%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 420px) {
			#issues li p{
				width:28%;
				padding:20px;
			}
			#issues li h6{
				width:28%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:24%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-device-width: 414px) {
			#issues li p{
				width:32%;
				padding:20px;
			}
			#issues li h6{
				width:32%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:27%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-device-width: 412px) {
			#issues li p{
				width:32%;
				padding:20px;
			}
			#issues li h6{
				width:32%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:27%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 410px) {
			#issues li p{
				width:26%;
				padding:20px;
			}
			#issues li h6{
				width:26%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:22%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 380px) {
			#issues li p{
				width:24%;
				padding:20px;
			}
			#issues li h6{
				width:24%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:20%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-device-width: 375px) {
			#issues li p{
				width:28%;
				padding:20px;
			}
			#issues li h6{
				width:28%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:24%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-device-width: 360px) {
			#issues li p{
				width:24%;
				padding:20px;
			}
			#issues li h6{
				width:24%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:23%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 338px) {
			#issues li p{
				width:18%;
				padding:20px;
			}
			#issues li h6{
				width:18%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:18%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-device-width: 320px) {
			#issues li p{
				width:24%;
				padding:20px;
			}
			#issues li h6{
				width:24%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:19%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 316px) {
			#issues li p{
				width:20%;
				padding:20px;
			}
			#issues li h6{
				width:20%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:16%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		
		
		
		
		
		
		
		@media (max-width: 736px) and (orientation:landscape) { /* iphone 6 plus landscape*/
			#issues li p{
				width:55%;
				padding:20px;
			}
			#issues li h6{
				width:55%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:56%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 690px) and (orientation:landscape) { /* nexus 6 landscape*/
			#issues li p{
				width:55%;
				padding:20px;
			}
			#issues li h6{
				width:55%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:53%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 667px) and (orientation:landscape) { /* iphone 6 landscape*/
			#issues li p{
				width:55%;
				padding:20px;
			}
			#issues li h6{
				width:55%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:50%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 640px) and (orientation:landscape) { /* iphone 4 landscape*/
			#issues li p{
				width:50%;
				padding:20px;
			}
			#issues li h6{
				width:50%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:48%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 598px) and (orientation:landscape) { /* nexus 5 landscape*/
			#issues li p{
				width:44%;
				padding:20px;
			}
			#issues li h6{
				width:44%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:44%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 568px) and (orientation:landscape) { /* iphone 5 landscape*/
			#issues li p{
				width:48%;
				padding:20px;
			}
			#issues li h6{
				width:50%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:41%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
		@media (max-width: 494px) and (orientation:landscape) { /* iphone 4 landscape*/
			#issues li p{
				width:38%;
				padding:20px;
			}
			#issues li h6{
				width:38%;
				padding:20px;
			}
			.thumbStoria, .thumbStoria2 {
				/* width:405px;
				height:350px; */
				
				max-width: 100%; width:33%; height: auto; float:none; border:1px solid #ddd; margin-top:0px!important; margin-right:20px; margin-left:20px;
			}
			#timeline {
				height: auto;
			}
		}
/*END TIMELINE---------------------------------------------------------------*/


@media (min-width: 767px) {
	.tp-banner {
		margin-top:123px;
	}
}