html {
	margin:0px;
	padding:0px;
}

body {
	color: #484747;  /*   colore di tutto il testo GRIGIO SCURO */
	/* background:   #f0edf7;   modo1  */   
	background:      #fafafa;  /*   modo2  */
	height: 100%;
	font-family: 'Roboto', Verdana, Arial, sans-serif;
}

a 	{
	color: #0f468a;	
	text-decoration: none;
	font-weight:500;
	}

a:focus, a:hover 	
{
	text-decoration: underline;
	font-weight:500;
	}

.ombra-testo {
	text-shadow: 2px 2px 2px #031882;
}
h1  {             /* boostrap : size = 14px x 2,6 - circa 36px     Semibold  */
	font-size:2.6rem;
	font-weight: 700;    /*  Bold */
	margin-top: 0px;
	margin-bottom: 0px;
	
	color:#223175;
	}	
	
h2  {               /* boostrap : size = 14px x 2,15 - circa 30px     Semibold  */
	font-size:2.15rem;
	font-weight: 700;    /*  Bold */
	margin-top: 0px;
	margin-bottom: 0px;
	}	
	
h3  {           /* boostrap : size = 14px x 1,7 - circa 24px - 1.7rem   Semibold  */
	font-size:1.7rem;
	font-weight: 700;  /*  Bold */
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
h4  {          /* boostrap : size = 14px x 1,25 - circa 15,5px     Semibold  */
	font-size:1.25rem;
	font-weight: 500;  /*  Semibold */
	margin-top: 0px;
	margin-bottom: 0px;
	}		
	
h5  {             /* boostrap : size standard = 14px   -  Semibold */
	font-size:1rem;
	font-weight: 500;  /*  Semibold */
	margin-top: 0px;
	margin-bottom: 0px;
	}		
	
h6  {             /* boostrap : size standard = 14px x 0,85 - circa 12px     Semibold */
	font-size:0.85rem;
	color:#214D7B;   
	font-weight: 400;  /*  Regular */
	margin-top: 0px;
	margin-bottom: 0px;
	}	


header {
	background-color: #e8eff7;
}
footer {
	background-color: #ebebeb;
}

.navbar {
	background-color: #ebebeb; 
	border-bottom:1px solid #214D7B;
	border-top:1px solid #214D7B;
	margin-bottom:0px;
}
.navbar-brand {
	font-size: 1.7rem;
}

/* dimensione e colore delle voci della barra principale  */
.navbar-default .navbar-nav > li > a    
{
	font-size: 1.0rem;
	color:#223175;
}

/* cosa succede andando sopra alle voci della barra principale  */
.navbar-default .navbar-nav > li > a:hover    
{
    background-color: #0f468a;
	color:white;
    text-decoration:underline;
}

/* dimensione, colore e spaziatura delle voci dei sottomenu dropdown  */
.dropdown-menu > li > a {
	font-size: 1.0rem;
	color:#223175; 
	line-height: 20px;
}

/* dimensione, colore e spaziatura delle voci dei sottomenu dropdown  */
.dropdown-header  {
	font-size: 1.0rem;
	color:#484747;    /* grigio scuro */
	padding-top:0px;  /* distanza dalla linea di separazione */
	padding-left:10px;
}

/* cosa succede andando sopra alle voci dei sottomenu dropdown  */
.dropdown-menu > li > a:hover {
    background-color: #0f468a;
	color:white;
    text-decoration:underline;
}

/* cosa succede andando sopra alle voci del menu espanso (collapsed) da hamburger  */
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #0f468a;
	color:white;
    text-decoration:underline;
}


/* dimensione, colore e spaziatura delle voci dei sottomenu espansi (collapsed) da hamburger  */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	font-size: 1.0rem;
	color:#223175; 
	line-height: 20px;
}
	
	*/

.videostile 	
{
	border-bottom:5px solid #214D7B;
	border-top:5px solid #214D7B;
	border-left:5px solid #214D7B;
	border-right:5px solid #214D7B;
	}


.btn-alto {
	height:50px;
}

.colore-blu {
	color:#223175;
}
.colore-rosso {
	color:red;
	font-weight: 700;  /*  Semibold */
}
.colore-grigio {
	color:#484747;
}

.foto-a-sinistra {
	float: left; 
	padding-right:0.4rem;	
}
.foto-a-destra {
	float: right; 
}
.foto-al-centro {
	display: block;
}
.foto-al-centro img {
	margin-left: auto;
	margin-right: auto;
}
.foto-con-bordo img {
	border:3px solid #223175;
	border-radius: 10px;
}
.mybox-listanews {
	border-radius:0.6rem;
	border:1px solid #223175;
	padding:0.4rem;	
	margin:0.4rem;
}
	
.mybox-news {
	border-radius:0.6rem;
	border:1px solid #223175;
	background-color: #e8eff7;
	padding:0.4rem;	
	font-size:0.70rem;
	line-height:0.70rem;
	margin:0.4rem;
}
.mybox-news h5{
	font-size:0.85rem;
	font-weight: 700;  /*  Semibold */
	margin-top: 0px;
	margin-bottom: 0px;
	line-height:0.75rem;
}

.mybox-pubbli {
	border-radius:0.6rem;
	border:1px solid #223175;
	padding:0.3rem;	
	font-size: 0.9rem;
	margin:0.4rem;          /* e' l'interspazio tra i box */
	line-height:1.1rem;
	font-weight: 500;  /*  Semibold */
}
.mybox-pubbli h5{
	padding: 0px;
	font-size: 1.1rem;
}
.mybox-pubbli a{
	padding-bottom: 0px;
	margin-bottom: 0px;
}	
.mybox-pubbli-titolo{
	font-size:1.20rem;
	font-weight: 700;  /*  Semibold */
}
.mybox-pubbli-data{
	font-size:0.90rem;
	font-weight: 500;  /*  Semibold */
	padding-right: 0.5rem;
	font-style: italic;
}
.mybox-biblio {
	border-radius:0.6rem;
	border:1px solid #223175;
	padding:0.4rem;	
	font-size:0.75rem;
	margin:0.4rem;
}
/* Box  colorato con ombre    */
.mybox-biblio {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: center;
	border:1px solid #c6c6c6;
	border-radius:0.60rem;	
	margin-bottom:0.70rem;
	margin-top:0.20rem;
		
	float:left;
	width:100%;
	}
.background-color-mybox-biblio-title {
	background-color: #0f468a;
}

.mybox-biblio-title {
	border-bottom:1px solid #c6c6c6;
	border-top-left-radius:0.6rem;	
	border-top-right-radius:0.6rem;	
    color: white;
    padding: 4px;
	}
.mybox-biblio-body {
    background-color: #ffffff;
    color: black;
    padding: 8px;
    font-size: 0.95rem;
	line-height:1.25rem;
	border-bottom-left-radius:0.6rem;
	border-bottom-right-radius:0.6rem;	
	}
.mybox-biblio-info {
    background-color: #ffffff;
    color: black;
    padding: 8px;
    font-size: 0.95rem;
	line-height:0.95rem;
	border-bottom-left-radius:0.6rem;
	border-bottom-right-radius:0.6rem;	
	}
.mybox-biblio a {
	text-decoration:none;
	color: white;
	}
.mybox-biblio a:hover {
	text-decoration:underline;
	}
.mybox-biblio h1, h2, h3, h4, h5, h6, p {
	padding:0px; margin:0px;
	}
.mybox-biblio h3  {           /* qui ridotto rispetto allo standard boostrap : size = 14px x 1,7 - circa 24px - 1.7rem   Semibold  */
	font-size:1.20rem;
	font-weight: 700;  /*  Bold */
	}
	
.mybox-biblio h4 	{
	font-size: 1.05rem;
	line-height:1.15rem;
}
.mybox-biblio h5 	{
	font-size: 0.9rem;
	line-height:1.0rem;
}
.mybox-biblio-body h4, h5, h6 {
	padding:4px; margin:0px;
	}
.mybox-biblio-body span {
	padding:0; 
	margin:0;
	font-size: 0.85rem;
	font-weight: 700;
	}	
	





/* ------------------------ */
/*   HEADER E FOOTER        */
/* ------------------------ */
#header {
	border-top:1px solid #214D7B;
	margin-top:0.5rem;
}


#footer {
	border-bottom:1px solid #214D7B;
	border-top:1px solid #214D7B;
	margin-bottom:0.5rem;
}

/* ----------- gestione dei dispositivi -------------- */
/*
    col-xs - Column for extra small devices (smartphones, lower than 768px)
    col-sm - Column for small devices (tablets, 768px and up)
    col-md - Column for medium devices (desktops, 992px and up)
    col-lg - Column for large devices (large desktops, 1200px and up)
*/


/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) /* da 0px a 320px per Bootstrap è parte della taglia EXTRA SMALL che arriva a 767px */
{
    html {
		font-size:15px;
	}
	body {
		font-size: 0.80rem;
	}
	
	h3  {          
	font-size:1.5rem;
	}
	
	.footer_sopra {
		font-size:0.75rem;
	}
	.footer_centro {
		font-size:0.60rem;
		line-height:1.20rem;
	}
	.footer_sotto {
		font-size:0.55rem;
	}	

	footer ul li {
        /*   padding: 5px;   */
    }
  
	
}

/* iPhone 5 portrait,   iPhone 4  (320 portrait)
   Samsung Galaxy Note, Samsung Galaxy S3, Samsung Galaxy S4, Nexus 5   (360 portrait)
   iPhone 6 portrait   (375 portrais)
   Nexus 4 portrait    (384 portrait)
   iPhone 6 plus/plump portrait  (414 portrais) 
 */
@media only screen and (min-width : 321px) and (max-width : 414px)  /* altra parte della taglia  XS = EXTRA SMALL    */
{

	html {
		font-size:14px;
	}
	body {
		font-size: 1.0rem;
	}

	.footer_sopra {
		font-size:0.75rem;
	}
	.footer_centro {
		font-size:0.60rem;
		line-height:1.20rem;
	}
	.footer_sotto {
		font-size:0.55rem;
	}	
}



    /* Extra Small Devices, Phones */ 
@media screen and (min-width: 415px) and (max-width: 479px) /* altra parte della taglia  XS = EXTRA SMALL    */
{ 
	html {
		font-size:14px;
	}
	body {
		font-size: 1.0rem;
	}
	#messaggio-fnomceo {
		font-size: 0.6rem;
	}
	.footer_sopra {
		font-size:0.75rem;
	}
	.footer_centro {
		font-size:0.60rem;
		line-height:1.20rem;
	}
	.footer_sotto {
		font-size:0.55rem;
	}	

} 

@media screen and (min-width: 481px) and (max-width: 668px) /* altra parte della taglia  XS = EXTRA SMALL    */
															/*  iPhone 6 landscape · width: 667px */
                                                            /*     Android (Nexus 4) landscape · width: 600px, */
{ 
	html {
		font-size:14px;
	}
	body {
		font-size: 1.0rem;
	}
	.footer_sopra {
		font-size:0.65rem;
	}
	.footer_centro {
		font-size:0.60rem;
		line-height:1.20rem;
	}
	.footer_sotto {
		font-size:0.55rem;
	}	


} 
 
@media screen and (min-width: 668px) and (max-width: 767px) /* ultima parte della taglia  XS = EXTRA SMALL */                                                         /* da 768 a 991 : taglia SMALL (sd / small devices ) */
{ 
	html {
		font-size:14px;
	}
	body {
		font-size: 1.0rem;
	}
	.footer_sopra {
		font-size:0.65rem;
	}
	.footer_centro {
		font-size:0.60rem;
		line-height:1.20rem;
	}
	.footer_sotto {
		font-size:0.55rem;
	}	

}  
 

 
@media screen and (min-width: 768px) and (max-width : 991px) /* da 768px a 991px per Bootstrap è la taglia SM = SMALL */                                                         
{ 
	html {
		font-size:15px;
	}
	body {
		font-size: 1.0rem;
	}
	
	/*  MENU DI NAVIGAZIONE */
	.navbar ul li {
		font-size:15px;	
	}
	.dropdown-menu li:first-child > a {    /* mentre la 'prima voce' della barra principale va allontanata da sinistra
	                                   la 'prima voce' del sottomenu  NO.  Dunque solo padding di 15px   */
		padding-left: 15px;
	}	
	.nav > li > a {
    padding-left: 6px;
	}
	
	.footer_sopra {
		font-size:0.75rem;
	}
	.footer_centro {
		font-size:0.60rem;
		line-height:1.20rem;
	}
	.footer_sotto {
		font-size:0.55rem;
	}	

	
} 

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px)  and (max-width : 1199px) 
						/* da 992px a 1199px per Bootstrap è la taglia MD = MEDIUM */ 
                        /*  qui rientrano anche tutti i tablets da 1024 in landscape */
{
	html {
		font-size:16px;
	}
	body {
		font-size: 1.0rem;
	}

		/*  MENU DI NAVIGAZIONE */
	
	.dropdown-menu > li > a {       /* tutte le voci del sottomenu con  padding di 15px   */		
		padding-left: 15px;
		float:left;
		display:inline-block;
	}
	.dropdown-menu li:first-child > a {    /* mentre la 'prima voce' della barra principale va allontanata da sinistra
	                                   la 'prima voce' del sottomenu  NO.  Dunque solo padding di 15px   */
		padding-left: 15px;
	}	
	.footer_sopra {
		font-size:0.75rem;
	}
	.footer_centro {
		font-size:0.60rem;
		line-height:1.20rem;
	}
	.footer_sotto {
		font-size:0.55rem;
	}	

}

	
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) 
						/* da 1200px ed oltre  per Bootstrap è la taglia LG = LARGE */
{
	html {
		font-size:18px;
	}
	body {
		font-size: 1.0rem;
	}

	.dropdown-menu > li > a {       /* tutte le voci del sottomenu con  padding di 15px   */		
		padding-left: 15px;
	}
	.dropdown-menu li:first-child > a {    /* mentre la 'prima voce' della barra principale va allontanata da sinistra
                                  la 'prima voce' del sottomenu  NO.  Dunque solo padding di 15px   */
		padding-left: 15px;
	}	

	.footer_sopra {
		font-size:0.75rem;
	}
	.footer_centro {
		font-size:0.60rem;
		line-height:1.20rem;
	}
	.footer_sotto {
		font-size:0.55rem;
	}	
	.footer_sopra_logo {	
	}

	.footer_sopra_links {	
	}

}