/*!
 * Start Bootstrap - Small Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 10px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
	
}

.navbar-fixed-top .nav {
    padding: 15px 0;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

footer {
    padding: 30px 0;
	
	
}



@media(min-width:768px) {
    body {
        padding-top: 10px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
}

.menu_istituzionale{
	text-align:right;
	font-family:'EB Garamond', serif;
	font-size:15px;
	margin-top:10px;
	margin-right:-15px!important
}
.menu_istituzionale li{
	list-style:none;
	margin-bottom:7px
}
.menu_istituzionale li a{
	color: #000000;
	text-decoration:none
}
.menu_istituzionale li a:hover{
	color: #DCDCDC;
	text-decoration:none
}
.menu_istituzionale li a.active{
	color: #DCDCDC;
	text-decoration:none
}

#menu_img{
	margin-left:-30px;
	margin-bottom:40px;
	margin-right:-30px!important
}

#menu_img .col-md-2{width:20%; padding-right:0}
#menu_img .col-md-2 {padding-right:15px}
#menu_img  .latest{}
#menu_img .col-md-2 {border-left:1px solid #CECECE;}
#menu_img .first {border-left:none; margin-top:-4px}

.img_news{
	float:left;
	padding-left:0

}
.testo_news{
	background:#FFF;
}

#slideshow .flexslider{
	
}

#slideshow{
	margin-left:-5px;
	padding-right:8px;
	padding-left:3px;
}

#slideshow .titolo_news p{
	font-family:'EB Garamond', serif;
	text-align:left;
	font-size:28px;
	text-transform:uppercase;
	
		line-height:28px
	
}
.agenda .col-md-9{
	font-family:'EB Garamond', serif;
	text-align: justify;
	font-size:15px;
	
		line-height:20px;
		padding-top:10px
}
#slideshow .testo_news {

float:left;
padding-top:10px;
padding-right:0px;

}




#slideshow .corpo_news{
	
		  font-family:'EB Garamond', serif;
	text-align:justify;
	font-size:15px;
	text-transform:uppercase;
	
}

#slideshow .luogo_news, .data_news{
	margin-top:20px;
	margin-bottom:-20px;
	font-family:'EB Garamond', serif;
	font-size:15px;
	text-transform:uppercase;
}
@media(max-width:1199px) {
	#slideshow .titolo_news p{
	font-family:'EB Garamond', serif;
	text-align:left;
	font-size:20px;
	text-transform:uppercase;
	
		line-height:20px
	
}
#slideshow .corpo_news{
	
		  font-family:'EB Garamond', serif;
	text-align:justify;
	font-size:10px;
	text-transform:uppercase;
	
}

.social{
	position:absolute;
	right:20px!important;
	width:250px;
	margin-top:20px
}
}
@media(max-width:799px) {
	#slideshow .testo_news {

float:left;
padding-top:10px;
padding-right:20px;
min-height:200px
}
.social{
	position:absolute;
	right:0px;
	margin-top:20px!important;
	width:150px;	
}
.social .col-md-2{
	width:50px;
	
	
}
footer #loghi .logo img{
max-height:110px;
	max-width:170px;
}
footer #loghi .logo {
	max-height:110px;
	max-width:200px;
	float:left
			
}
}

.agenda{
	background:#FFF;
	margin-left:0px;
	margin-right:0px;
	padding-top:10px;
	margin-bottom:2px;
	padding-left:0px;
	padding-right:0px;
	border-top:1px solid #cecece
}
.agenda:hover{
	background:#e5e5e5;
	cursor:pointer

}


.agenda .sinistra, .agenda .sinistra div{
	padding:0px;
	margin:0px	;
	font-family:'EB Garamond', serif;
}

.agenda .sinistra .luogo{
	font-family:'EB Garamond', serif;
	padding-left:30px;
	text-align:right	
}

.agenda .sinistra .titolo{
		font-family:'EB Garamond', serif;
	text-align: left;
	font-size:20px;
	
		line-height:26px;
		padding-top:10px	
}

.agenda .testo_breve{
	font-family:'EB Garamond', serif;
	padding-left:80px;
	padding-right:50px;
		
}

footer  {
	margin-left:0px;
	margin-right:0px;
	margin-top:30px;
	padding-top:00px
	
}

footer .row {
	margin-left:-25px;
	margin-right:-15px;
	margin-top:0;
	padding-top:0px
}
footer .row .col-lg-12 {

	margin-top:10px;
	
}




.social .icon{
	margin-left:15px;
	padding-top:0px
}



.end{
	background:#666666;
	margin-top:10px;
	padding-left:-10px;
	width:100%;
	min-height:40px;
	margin-bottom:-40px

}

@media(max-width:799px) {
		footer #loghi {
		
}
	footer #loghi .col-md-3{
		float:left	;
			
}
	
footer .social {
	clear:left;
	text-align:center
}
.social .icon{
	margin-left:5px;
	padding-top:0px
}

}

@media (max-width:800px){

#slideshow .titolo_news p{
	font-family:'EB Garamond', serif;
	text-align:left;
	font-size:20px;
	text-transform:uppercase;
	
		line-height:20px
	
}
}

@media (max-width:767px){

.menu_istituzionale{
	display:none
}
#menu_img{
	display:none
}
.navbar-brand {
    float: left;
    height: auto;
    
    font-size: 18px;
    line-height: 20px;
	margin-bottom:-100px
}
.navbar-collapse
{
	margin-top:40px
}

.sinistra .data{
	text-align:left!important;
	padding-left:0px;
	float:left;
	margin-right:20px!important
}
.sinista .luogo{
	text-align:right!important;
	padding-left:30px;
	margin-left:130px
}

.agenda .testo_breve{
	font-family:'EB Garamond', serif;
	padding-left:10px;
		
}
.navbar-nav li{
	border-bottom:1px solid #C7C7C7	
}
.navbar-nav {
	border-top:none	
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
}
}
@media (min-width:768px){
.navbar-nav{
	display:none	
}

}

.titolo_pagina{
	font-family:'EB Garamond', serif;
	font-size:30px;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:0px;
	
}
.titolo_pagina1{
	font-family:'EB Garamond', serif;
	font-size:35px;
	margin-top:-10px!important;
	margin-right:10px;
	margin-bottom:-10px!important;
	
}
.titolo_pagina2{
	font-family:'EB Garamond', serif;
	font-size:25px;
	margin-top:-10px!important;
	margin-right:10px;
	margin-bottom:5px;
	
}
.intestazione{
	font-family:'EB Garamond', serif;
	margin-top:0px;
	margin-bottom:0px!important;
	padding:0!important
}
.intestazione h1{
	font-family:'EB Garamond', serif;
	font-size:50px;
	margin-top:0px;
	margin-bottom:-20px!important;
	padding:0!important
}
#itinerari .intestazione2{
	margin-top:0px;
	margin-bottom:0px!important;
	padding:0!important
}
.intestazione p{
	font-family:'EB Garamond', serif;
	font-size:18px;
	margin-top:0px;
	margin-bottom:-10px!important;
	padding:0!important
}
#torre_pirelli{
	border-top:1px solid #000000;
	margin-top:-20px;
	padding-top:20px;
	
}
#milano_capitale, #itinerari{
	border-top:1px solid #000000;
	margin-top:-20px;
	padding-top:20px;
	
}
#itinerari .col-md-12{
	padding:0
}

#architetture_dautore{
	border-top:1px solid #000000;
	margin-top:-20px;
	padding-top:20px;
	
}
.immagine_Articolo{
	padding:0!important;
	margin-top:30px	
}
.immagine_Articolo2{
	padding:0!important;
	margin-top:0px	
}

.testo_Articolo{
	margin-top:20px;
	font-family:'EB Garamond', serif;
	font-size:16px;
	text-align: justify;
	padding:0px;
-webkit-hyphens: auto!important;
     -moz-hyphens: auto!important;
          hyphens: auto!important;
}
#milano_capitale .testo_Articolo, #architetture_dautore .testo_Articolo{
	margin-top:-10px;
	font-family:'EB Garamond', serif;
	font-size:16px;
	text-align: justify;
	padding:0px;
-webkit-hyphens: auto!important;
     -moz-hyphens: auto!important;
          hyphens: auto!important;
}

 #milano_capitale .testo_Articolo .piccolo{
	margin-top:-10px;
	font-family:'EB Garamond', serif;
	font-size:14px;
	text-align: justify;
	padding:0px;
-webkit-hyphens: auto!important;
     -moz-hyphens: auto!important;
          hyphens: auto!important;
}
.firma{	
margin-top:20px;
	font-family:'EB Garamond', serif;
text-align:right;
}
.verde{
	background:#666;
	min-height:10px;
	padding:0	
}


#logo .col-md-9, .informazioni, .informazioni div, .scuole div{
	padding:0
}

.informazioni {
	margin-top:20px;
	font-family:'EB Garamond', serif;
	font-size:20px;
	text-align:left;
	padding:0px;
-webkit-hyphens: auto!important;
     -moz-hyphens: auto!important;
          hyphens: auto!important;
}
.scuole {
	margin-top:20px;
	margin-bottom:-20px;
	font-family:'EB Garamond', serif;
	font-size:14px;
	text-align:left;
	padding:0px;
-webkit-hyphens: auto!important;
     -moz-hyphens: auto!important;
          hyphens: auto!important;
}
#torre_pirelli .informazioni h3{
	margin-top:10px;
	font-family:'EB Garamond', serif;
	font-size:23px;
	text-align:left;
	font-style:italic
}
#milano_capitale .informazioni h3, #architetture_dautore .informazioni h3{
	margin-top:0px;
	font-family:'EB Garamond', serif;
	font-size:29px;
	text-align:left;
}
.informazioni .col-md-4 p{
	font-family:'EB Garamond', serif;
	font-size:14px;
	text-align:left;
	
}
.scuole  p{
	font-family:'EB Garamond', serif;
	font-size:15px;
	text-align:left;
	
}
.scuole h3{
	margin-top:5px;
	font-family:'EB Garamond', serif;
	font-size:21px;
	text-align:left;
	font-style:italic
}

.orario, .attivita, .soggetti{
	font-family:'EB Garamond', serif;
	font-size:20px;
	margin-bottom:10px
}
.programma p{
	font-family:'EB Garamond', serif;
	font-size:17px!important;
}

.red{
	color:#fe3f3f
}

#architetture_dautore .informazioni .itinerari h2, #torre_pirelli .informazioni .itinerari h2{
	margin-top:5px;
	font-family:'EB Garamond', serif;
	font-size:20px;
	text-align:left;
	font-style:italic
}
#architetture_dautore .informazioni .itinerari, #torre_pirelli .informazioni .itinerari {
border-top:1px solid #EEE	;
cursor:pointer
}
#architetture_dautore .informazioni .itinerari:hover, #torre_pirelli .informazioni .itinerari:hover {
background: #EEE	
}
.scuole .sposta{
	padding-left:20px	
}

@media (max-width:799px){
	.navbar-brand {
		margin-left:-15px
}
.orario, .attivita, .soggetti{
	display:none
}
.social{
	
}

.social .icon{
	float:right!important
}
}

@media (max-width:678px){
.social{
	position:absolute;
	right:10px!important;
	margin-top:20px!important;
	width:150px;	
}
.social .col-md-2{
	width:50px;
	
	
}
footer #loghi .logo img{
max-height:110px;
	max-width:170px;
}
footer #loghi .logo {
	max-height:110px;
	max-width:200px;
	float:left
			
}


}
@media (max-width:798px){

#itinerari .intestazione2 {
		float:left;
		margin-top:20px
}
#itinerari .verde {
	display:none
}
.ui-accordion .ui-accordion-icons {
    padding-left: 10px!important;
    text-align: left;
}
#Accordion1 img{
	max-width:100px;
	float:left	
}
#Accordion1 h3 a{
	font-size:18px!important	
}
#Accordion1 .col-md-12 div{
	width:100%	!important;
	padding:0px	!important;
}
#slideshow .testo_news {
    float: left;
    padding-top: 10px;
    padding-right: 20px;
    min-height: 250px;
}
footer #loghi .logo img{
max-height:110px;
	max-width:140px;
}
footer #loghi .logo {
	max-height:110px;
	max-width:150px;
	float:left
			
}
}

@media (max-width:599px){
.social{
	position:absolute;
	right:10px!important;
	margin-top:20px!important;
	width:150px;	
}
.social .col-md-2{
	width:50px;
	
	
}
footer #loghi .logo img{
max-height:110px;
	max-width:140px;
}
footer #loghi .logo {
	max-height:110px;
	max-width:150px;
	float:left
			
}

}
@media (max-width:543px){
.social{
	position:absolute;
	right:15px!important;
	margin-top:0px!important;
	width:100px;	
}
.social .col-md-2{
	width:10px;

}
.social .icon img{
	width:20px;
	height:20px;
	margin-right:3px
}
footer #loghi .logo img{
max-height:64px!important;

}
footer #loghi .logo {
	max-height:33px;
	
	float:left
			
}

}
@media (max-width:489px){
footer #loghi .logo img{
max-height:33px!important;

}
footer #loghi .logo {
	max-height:33px;
	
	float:left
			
}
#itinerari .col-md-3 img{
	float:none!important;
	margin:5px auto!important;
	text-align:center!important
}
.social{
	position:absolute;
	right:15px!important;
	margin-top:0px!important;
	width:100px;	
}
.social .col-md-2{
	width:10px;

}
.social .icon img{
	width:20px;
	height:20px;
	margin-right:3px
}
}
@media (max-width:469px){
.social{
	position:absolute;
	right:15px!important;
	margin-top:0px!important;
	width:100px;	
}
.social .col-md-2{
	width:10px;

}
.social .icon img{
	width:20px;
	height:20px;
	margin-right:3px
}
footer #loghi .logo img{
max-height:44px!important;

}
footer #loghi .logo {
	max-height:40px;
	
	float:left
			
}
}
@media (max-width:435px){
footer #loghi .logo img{
max-height:33px!important;

}
footer #loghi .logo {
	max-height:30px;
	
	float:left
			
}
}

@media (max-width:590px){

#slideshow{
	margin-top:-5%	
}
}
@media (max-width:408px){
	
.alfabeto {
   
}
	.navbar {
    position: relative;
    min-height: 80px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.agenda .testo_breve {
    font-family: "EB Garamond",serif;
    padding-left: 0px;
    padding-right: 0px;
}
.calendario{
	display:none
}
.img_news {
    float: left;
    padding-left: 0px;
	padding-right: 0px;
}
.close-overlay {
    position: absolute;
    right: 1%;
    top: 0%!important;
    font-size: 20px!important;
    cursor: pointer;
}
.dettaglio .luogo {
    font-family: "EB Garamond",serif;
    font-size: 15px;
    float: left!important;
    text-align: left!important;
	width:60%
}
.dettaglio .data {
    font-family: "EB Garamond",serif;
    font-size: 15px;
	float: left!important;
	width:40%
}
footer .col-md-2 img{
	
}
footer .col-md-2 {
	
}
#slideshow{
	margin-top:-8%	
}

}

.alfabeto{
	font-family:'EB Garamond', serif;
	font-size:70px;
	text-align:right;
	margin-top:-20px

}

.info{
	margin-top:10px
}


.bold{
	font-family:'EB Garamond', serif;
	font-style:italic;
	font-weight:bold;
font-size:20px;
}
h3 .fa-circle-thin{
	display:inline
}

h3 .fa-circle{
	display:none
}
.ui-state-active .fa-circle-thin{
	display:none	
}
.ui-state-active .fa-circle{
	display:inline	
}

#scroll{
	max-height:400px;
	overflow:scroll	
}


#content-4 .col-md-9{
	height:auto
}


.it {
	padding:0
}
.content{
	overflow: auto;
	position: relative;
padding-top:20px;
	width: 840px;
	max-width: 100%;
	height: 400px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	
}

.dettaglio{
	background: #cecece	
}
 .dettaglio div, .popup, .popup2{
	padding:0;
	
}
.popup2{
	margin-top:10px;
	font-family:'EB Garamond', serif;
}


.dettaglio .titolo{
	font-family:'EB Garamond', serif;
	font-size:23px;
}
.dettaglio .luogo{
	font-family:'EB Garamond', serif;
	font-size:15px;
	float:right;
	text-align:right
}

.dettaglio .data{
	font-family:'EB Garamond', serif;
	font-size:15px;

}

.calendario{
	font-family:'EB Garamond', serif;
	font-size:20px;
	float:right;
	margin-top:15px	;
	margin-right:20px;
	width:70px;
	line-height:20px
}
.giorno{
	background:#c1dd62;
	padding-top:5px!important;
	color:#FFFFFF;
	text-align:center
}
.mese{
	background:#FFF	;
	padding:0 !important;
	text-align:center
}

#prehome h1{
	font-family:'EB Garamond', serif;
	font-size:30px;
	
	line-height:25px;
	margin-bottom:20px;
	
}
#prehome p{
	font-family:'EB Garamond', serif;
	font-size:18px;
	
	line-height: normal;
	margin-bottom:10px;
	text-align:justify
}

footer #loghi .logo img{
	max-height:110px;
	width:auto
			
}
footer #loghi .logo {
	max-height:110px;
	width:auto
			
}
footer #loghi .logo {
	border-right:1px solid #242021		
}
footer #loghi .ultimo {
	border-right:none;

}

.social{
	position:absolute;
	right:50px;
	margin-top:30px
}

.programma a{
	font-size:20px}
	
.chisiamo, .chisiamo div{
	padding-left:0px	
}

.chisiamo h1{
	font-size:19px;
	font-weight:bold;
	margin-bottom:0px
	
}

.curatore p{
	font-family:'EB Garamond', serif;
	font-size:16px;
	text-align: justify;
	padding:0px;
-webkit-hyphens: auto!important;
     -moz-hyphens: auto!important;
          hyphens: auto!important;
}

.curatore, .curatore div{
	padding-left:0px	;
    padding-right:0px	
}

.curatore .foto{
	float:left!important
}
.curatore .foto img{
	max-width:200px;
	height:auto
}

.curatore {
	min-height:500px	
}

#content-4 h3 a{
	font-size:18px!important;
	
}
#content-4 h3 {
	margin-top:10px
}
iframe {
	border:none	
}

@media screen and (min-width: 768px) {
	
	#myModal .modal-dialog  {width:90%;}
	#myModal1 .modal-dialog  {width:90%;}
	#myModal2 .modal-dialog  {width:90%;}
	#myModal3 .modal-dialog  {width:90%;}
	#myModal4 .modal-dialog  {width:90%;}

}
.newsletter{
	font-weight:bold	
}