/* Internet Explorer 10 doesn't differentiate device width from viewport width, 
   and thus doesn't properly apply the media queries in Bootstrap's CSS. 
   Normally you'd just add a quick snippet of CSS to fix this:   */

@-ms-viewport       { width: device-width; }


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

body {
	color:#000000;
	font-family: 'Barlow', sans-serif;    /* una volta per tutte */
	font-size: 1.0rem;
	line-height:130%;
	padding: 0px;
	height: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/* text-align: center;  */
	}
/*--------------------------*/
/*   COLORI DI BACKGROUND   */
body {
	background-color:#ffffff;
}
.bg-dark {
	background-color: #183d6f !important;
	color:white;
} 
footer { 
	background-color:#183d6f !important;
}
.footer-prima-parte {
	background-color: #c6c6c6;
	padding-bottom:0.4rem;
	padding-top:0.4rem;
	border-bottom:1px solid #2c2c2c;
}
.footer-seconda-parte{
	background-color: #183d6f;
	border-bottom:1px solid #2c2c2c;
}
.footer-terza-parte{
	background-color: #183d6f;
	border-bottom:1px solid #2c2c2c;
	padding-bottom:1rem;
}
.footer-quarta-parte{
	padding-top: 0.70rem;
	background-color: #183d6f;
}
.sezione-ultime-notizie {
	background-color: #e4e4e4;
	padding-bottom:0.4rem;
	padding-top:0.4rem;
	border-bottom:1px solid #2c2c2c;
	border-top:1px solid #2c2c2c;
}
/*--------------------------*/	

img { 
	/* Boostrap img-responsive class */
	max-width:100%;
	height:auto;
	/* personali */
	border:none;
	padding:0px;
	margin:0px;
	}		  		

/* Bootstrap 4 uses a default font-size of 16px, and its line-height is 1.5 */
/*   1 rem  è pertanto 16 px   */	
	
h1  {
	font-size:2.25rem;		/*  16 x 2.25 = equivale a 36px  */
	font-weight: 400;    
	margin-top: 0px;
	margin-bottom: 0px;
	}	
	
h2  {
 	font-size:2.00rem;		/*  equivale a 32px  */
	font-weight: 400;     
	margin-top: 0px;
	margin-bottom: 0px;
	}	
	
h3  {
	font-size:1.50rem;		/*  equivale a 24px  */
	font-weight: 400;  
	margin-top: 0px;
	margin-bottom: 0px;
	color:#000000;   /*  0e4073  colore blu  */
	}
	
h4  {
	font-size:1.00rem;		/*  equivale a 16px = 1rem */
	font-weight: 400;  
	margin-top: 0px;
	margin-bottom: 0px;
	}		
	
h5  {
	font-size:0.8125rem;	/*  equivale a 13px  */
	font-weight: 400;  
	margin-top: 0px;
	margin-bottom: 0px;
	}		
	
h6  {

	font-size:0.625rem;		/*  equivale a 10px  */
	font-weight: 400;  
	margin-top: 0px;
	margin-bottom: 0px;
	}	

p, input, input-group  {
	font-size:1rem;
}

img.middle { vertical-align: middle; }

.presentazione  
{ 
	padding-top:0.75rem;
	padding-bottom:0rem;
}
.presentazione p {
	padding:2rem;
	margin:0px;
}

section img {
	/*  margin:5px;      eliminato per spostamenti di varie foto */
	border:none;
}	
section a{
	text-decoration:underline;
	text-shadow: 0px 0px 1px #023368;
	color: #0A3B99;           /*  #004B9E;  */
	font-weight:600;
}
section a:hover {
	text-decoration:underline;
	color:red;

}
a{
	text-decoration:underline;
	color: #0A3B99;         
	font-weight:600;
}
a:hover {
	text-decoration:underline;
	color:red;

}
.format-plaintext pre
{
	font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;
	color:black;
	white-space:pre-wrap;
	overflow:hidden
}
@media not all and (min-width: 640px)
{
	.format-plaintext pre{word-wrap:break-word}
}

.spaziapoco {
	padding-bottom:0.70rem;
}	

#interlinea_1 	{
	line-height:1.15rem;
}
	
#foto-presentazione	{
	padding-top:0px;
	margin-top:0px;
	border-bottom:1px solid #214D7B;
}

/* ------------------------ */
/*       RECENSIONI         */
/* ------------------------ */
.profile-pic {
    width: 120px;
    height: 120px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
	
}

.box-testimonial {
	background:#9ed1fc;
	font-size:1.2rem;
	box-shadow: 0px 4px 8px 0px #18568a;
	border: 1px solid #062743;
	border-radius: 10px;
}
.testimonianza {
	font-size:1.1rem;
	padding-left:1rem; 
	padding-right:1rem;
	text-align:justify;
	
}

/* i 728 x 90 hanno aspect ratio = 8.09:1  */
/* i 160 x 600 hanno aspect ratio = 1:3.75 */
/* i 120 x 600 hanno aspect ratio = 1:5 */
/* https://www.dimensions.com/collection/online-advertising  */
.pubbl-468x60 img{            
	width: 100%;
	aspect-ratio: 7.8/1;
}
.pubbl-300x250 img{
	width: 100%;
	aspect-ratio: 1.2/1;
}
.pubbl-160x600 img{
	/*width: 100%;*/
	aspect-ratio: 1/3.75;	
}

/* --------------- COLORI ------------ */
/* SOLO Gradiente per box pubblicitari */
/* ----------------------------------- */
.gradiente-pubblicita {
	background-color: #4763ca; /* For browsers that do not support gradients */
	/* 1° colore : parte scura del gradiente, 2° colore : parte chiarissima del gradiente */
	background: -webkit-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Safari 5.1-6*/
	background: -o-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Opera 11.1-12*/
	background: -moz-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Fx 3.6-15*/
	background: linear-gradient(-90deg, #578cd3, #dbe9fb); /*Standard Firefox*/
}
		
/* --------------- COLORI ------------ */
/*  per la sezione  _ESAMI_DI_STATO    */
/* ----------------------------------- */	
.background-color-esami {background-color: #9c5bc6;}  		/* colore intermedio */
.color-esami-c {color: #999999;}          					/* colore  chiaro */
.color-esami {color: #636363;}            					/* colore intermedio */
.color-esami-s {color: #1a1a1a;}          					/* colore  scuro */
.border-color-esami {
					margin-top:1rem;
					margin-bottom:1rem;
					padding-top:0.5rem;
					padding-bottom:0.5rem;
					border:2px solid #183d6f;}    			/* colore  scuro */
.gradiente-esami {
	background-color: #4763ca; /* For browsers that do not support gradients */
	/* 1° colore : parte scura del gradiente, 2° colore : parte chiarissima del gradiente */
	background: -webkit-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Safari 5.1-6*/
	background: -o-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Opera 11.1-12*/
	background: -moz-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Fx 3.6-15*/
	background: linear-gradient(-90deg, #578cd3, #dbe9fb); /*Standard Firefox*/
}		
/* ----------------------------------- */
/* --------------- COLORI ------------ */
/*  per la sezione  POWERBUILDER       */
/* ----------------------------------- */	
.background-color-powerbuilder {background-color: #3c6cad;}  		/* colore intermedio */
.color-powerbuilder-c {color: #999999;}          					/* colore  chiaro */
.color-powerbuilder {color: #636363;}            					/* colore intermedio */
.color-powerbuilder-s {color: #1a1a1a;}          					/* colore  scuro */
.border-color-powerbuilder {
					margin-top:1rem;
					margin-bottom:1rem;
					padding-top:0.5rem;
					padding-bottom:0.5rem;
					border:2px solid #183d6f;}    			/* colore  scuro */
.gradiente-powerbuilder {
	background-color: #4763ca; /* For browsers that do not support gradients */
	/* 1° colore : parte scura del gradiente, 2° colore : parte chiarissima del gradiente */
	background: -webkit-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Safari 5.1-6*/
	background: -o-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Opera 11.1-12*/
	background: -moz-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Fx 3.6-15*/
	background: linear-gradient(-90deg, #578cd3, #dbe9fb); /*Standard Firefox*/
}					
/* ----------------------------------- */

/* --------------- COLORI ------------ */
/*  per la sezione  TEST HARDWARE      */
/* ----------------------------------- */	
.background-color-hardware {background-color: #d34696;}  		/* colore intermedio */
.color-hardware-c {color: #999999;}          					/* colore  chiaro */
.color-hardware {color: #636363;}            					/* colore intermedio */
.color-hardware-s {color: #1a1a1a;}          					/* colore  scuro */
.border-color-hardware {
					margin-top:1rem;
					margin-bottom:1rem;
					padding-top:0.5rem;
					padding-bottom:0.5rem;
					border:2px solid #183d6f;}    			/* colore  scuro */
}	
.gradiente-hardware {
	background-color: #4763ca; /* For browsers that do not support gradients */
	/* 1° colore : parte scura del gradiente, 2° colore : parte chiarissima del gradiente */
	background: -webkit-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Safari 5.1-6*/
	background: -o-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Opera 11.1-12*/
	background: -moz-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Fx 3.6-15*/
	background: linear-gradient(-90deg, #578cd3, #dbe9fb); /*Standard Firefox*/
}						
/* ----------------------------------- */

/* --------------- COLORI ------------ */
/*  per la sezione  TEST HARDWARE2      */
/* ----------------------------------- */	
.background-color-hardware2 {background-color: #cfab98;}  		/* colore intermedio */
.color-hardware2-c {color: #999999;}          					/* colore  chiaro */
.color-hardware2 {color: #636363;}            					/* colore intermedio */
.color-hardware2-s {color: #1a1a1a;}          					/* colore  scuro */
.border-color-hardware2 {
					margin-top:1rem;
					margin-bottom:1rem;
					padding-top:0.5rem;
					padding-bottom:0.5rem;
					border:2px solid #183d6f;}    			/* colore  scuro */
.gradiente-hardware2 {
	background-color: #4763ca; /* For browsers that do not support gradients */
	/* 1° colore : parte scura del gradiente, 2° colore : parte chiarissima del gradiente */
	background: -webkit-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Safari 5.1-6*/
	background: -o-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Opera 11.1-12*/
	background: -moz-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Fx 3.6-15*/
	background: linear-gradient(-90deg, #578cd3, #dbe9fb); /*Standard Firefox*/
}			
/* ----------------------------------- */


/* --------------- COLORI ------------ */
/*  per la sezione  FREE SOFTWARE      */
/*      e per GUIDE INSTALLAZ SOFTWARE */
/* ----------------------------------- */	
.background-color-software {background-color: #49d290;}  		/* colore intermedio */
.color-software-c {color: #999999;}          					/* colore  chiaro */
.color-software {color: #636363;}            					/* colore intermedio */
.color-software-s {color: #1a1a1a;}          					/* colore  scuro */
.border-color-software {
					margin-top:1rem;
					margin-bottom:1rem;
					padding-top:0.5rem;
					padding-bottom:0.5rem;
					border:2px solid #183d6f;}    			/* colore  scuro */
.gradiente-software {
	background-color: #4763ca; /* For browsers that do not support gradients */
	/* 1° colore : parte scura del gradiente, 2° colore : parte chiarissima del gradiente */
	background: -webkit-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Safari 5.1-6*/
	background: -o-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Opera 11.1-12*/
	background: -moz-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Fx 3.6-15*/
	background: linear-gradient(-90deg, #578cd3, #dbe9fb); /*Standard Firefox*/
}		
/* ----------------------------------- */

/* --------------- COLORI ------------ */
/*  per la sezione  ESERCIZI INFO      */
/* ----------------------------------- */	
.background-color-esercizi {background-color: #f68934;}  		/* colore intermedio */
.color-esercizi-c {color: #999999;}          					/* colore  chiaro ma non troppo*/
.color-esercizi {color: #636363;}            					/* colore intermedio */
.color-esercizi-s {color: #1a1a1a;}          					/* colore  scuro */
.border-color-esercizi {
					margin-top:1rem;
					margin-bottom:1rem;
					padding-top:0.5rem;
					padding-bottom:0.5rem;
					border:2px solid #183d6f;}    			/* colore  scuro */
}	
.gradiente-esercizi {
	background-color: #4763ca; /* For browsers that do not support gradients */
	/* 1° colore : parte scura del gradiente, 2° colore : parte chiarissima del gradiente */
	background: -webkit-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Safari 5.1-6*/
	background: -o-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Opera 11.1-12*/
	background: -moz-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Fx 3.6-15*/
	background: linear-gradient(-90deg, #578cd3, #dbe9fb); /*Standard Firefox*/
}						
/* ----------------------------------- */

/* gradienti con i colori originali salvati */
.gradiente-hardwar {
	background-color: #d34696; /* For browsers that do not support gradients */
	/* 1° colore : parte scura del gradiente, 2° colore : parte chiarissima del gradiente */ 
	background: -webkit-linear-gradient(-90deg, #d34696, #fae1ef); /*Safari 5.1-6*/
	background: -o-linear-gradient(-90deg, #d34696, #fae1ef); /*Opera 11.1-12*/
	background: -moz-linear-gradient(-90deg, #d34696, #fae1ef); /*Fx 3.6-15*/
	background: linear-gradient(-90deg, #d34696, #fae1ef); /*Standard Firefox*/
}
.gradiente-eserciz {
	background-color: #f68934; /* For browsers that do not support gradients */
	/* 1° colore : parte scura del gradiente, 2° colore : parte chiarissima del gradiente */
	background: -webkit-linear-gradient(-90deg, #f68934, #fcf4ee); /*Safari 5.1-6*/
	background: -o-linear-gradient(-90deg, #f68934, #fcf4ee); /*Opera 11.1-12*/
	background: -moz-linear-gradient(-90deg, #f68934, #fcf4ee); /*Fx 3.6-15*/
	background: linear-gradient(-90deg, #f68934, #fcf4ee); /*Standard Firefox*/
}
.gradiente-softwar  {
	background-color: #49d290; /* For browsers that do not support gradients */
	/* 1° colore : parte scura del gradiente, 2° colore : parte chiarissima del gradiente */
	background: -webkit-linear-gradient(-90deg, #49d290, #d4fce9); /*Safari 5.1-6*/
	background: -o-linear-gradient(-90deg, #49d290, #d4fce9); /*Opera 11.1-12*/
	background: -moz-linear-gradient(-90deg, #49d290, #d4fce9); /*Fx 3.6-15*/
	background: linear-gradient(-90deg, #49d290, #d4fce9); /*Standard Firefox*/
}					
.gradiente-hardwar2 {
	background-color: #cfab98; /* For browsers that do not support gradients */
	/* 1° colore : parte scura del gradiente, 2° colore : parte chiarissima del gradiente */
	background: -webkit-linear-gradient(-90deg, #765f52, #fae9e1); /*Safari 5.1-6*/
	background: -o-linear-gradient(-90deg, #765f52, #fae9e1); /*Opera 11.1-12*/
	background: -moz-linear-gradient(-90deg, #765f52, #fae9e1); /*Fx 3.6-15*/
	background: linear-gradient(-90deg, #765f52, #fae9e1); /*Standard Firefox*/
}				
.gradiente-esam {
	background-color: #a04297; /* For browsers that do not support gradients */
	/* 1° colore : parte scura del gradiente, 2° colore : parte chiarissima del gradiente */
	background: -webkit-linear-gradient(-90deg, #a04297, #e6cfe4); /*Safari 5.1-6*/
	background: -o-linear-gradient(-90deg, #a04297, #e6cfe4); /*Opera 11.1-12*/
	background: -moz-linear-gradient(-90deg, #a04297, #e6cfe4); /*Fx 3.6-15*/
	background: linear-gradient(-90deg, #a04297, #e6cfe4); /*Standard*/
}
.gradiente-powerbuilde {
	background-color: #4763ca; /* For browsers that do not support gradients */
	/* 1° colore : parte scura del gradiente, 2° colore : parte chiarissima del gradiente */
	background: -webkit-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Safari 5.1-6*/
	background: -o-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Opera 11.1-12*/
	background: -moz-linear-gradient(-90deg, #578cd3, #dbe9fb); /*Fx 3.6-15*/
	background: linear-gradient(-90deg, #578cd3, #dbe9fb); /*Standard Firefox*/
}					
/* fine dei gradienti originali salvati */



.img-left {
	float: left;  
	padding-right:0.4rem;
}
.img-left img {
	/*  border:3px solid #d7d7d7;  */
}
.img-right {
	float: right; 
	margin-left:1.3rem;
	max-width:25%;
}
.img-right img {
	border:3px solid #d7d7d7;
}

.img-center2 {
	display: block;
	padding-top:0.4rem;
	padding-bottom:0.0rem;
	margin-bottom:0.0rem;
}	
.img-center img {
	margin-left: auto;
	margin-right: auto;
}

.centraverticale  {
margin: 0;
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
}

/*+++++++++++++++++++++*/
/*       MASONRY       */
/*+++++++++++++++++++++*/
.masonry-elemento
{
border: solid 1px gray;
display: block;
float: left;
margin: 10px;
text-align: center;
width: 500px;
}
/*  fine   MASONRY   */


.foto-scatola {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

.foto-scatola img {vertical-align: middle;}

.foto-scatola .foto-barra {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
  padding: 5px;
  padding-left: 20px;
}

.boximmagine {
	display: inline;
    background-color: #ffffff;
	margin-left:1rem;
	padding:0.2rem;
	margin: 0.0rem;
	border: 2px solid darkgrey;
	border-radius:4px;	
	box-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.20);
}
.boximmagine img {
	padding:0.2rem;
	border-radius: 4px;
	-moz-border-radius: 4px; /* firefox */
	-webkit-border-radius: 4px; /* safari, chrome */
}	

.scelte {
	display:block; 
	font-weight:600;
	color:#3366cc;
	font-size:1.2rem;
}



.pictrans {
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.pictrans img{
	width: inherit;
	height: inherit;
}

.pictrans:before {
	display: block;
	background-color: rgb(0, 0, 0);
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.pictrans:after {
	display: block;
	left: -100%;
	padding: /*2% 3%*/25% 3%;
	position: absolute;
	vertical-align:-50%;
	top:0%;
	width: 94%;
	height:100%;
	z-index: 3;
}

.pictrans img {
	border:none;
	display: block;
	z-index: 1;
}

.pictrans:before,
.pictrans:after,
.pictrans img {
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.pictrans:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.pictrans:hover:before {
	opacity: 0.3;
}

.pictrans:hover:after {
	left: 0;
}	

	
/* Colore dell'icona dell'argomento. */	
.fa {
    color: #0e4073;
}

/* Box  colorato per Photo 
.mybox-photo {
    margin-top:15px;
	border-radius:0.6rem;
	border:1px solid #6c6c6c;
	background-color: #e8e8e8;
	padding:0.7rem;
	} */
.my-o {
    padding-top:50px;
		padding-bottom:50px;
}
	
.form-control {
	color:black;
		font-size:1rem;
	font-weight: 400;  /*  Semibold */
}

.btn-black  { 
font-size:0.65rem;
color:black;
}
.btn-white  { 
font-size:0.65rem;
color:white;
}

.btn-blue  { 
/* font-size:1rem;  */
color:#fff;
font-weight:500;
background-color: #007bff;
border: 1px solid darkgrey;
border-top-left-radius:0.6rem;	
border-top-right-radius:0.6rem;
border-bottom-left-radius:0.6rem;
border-bottom-right-radius:0.6rem;
/*  min-width: 3rem;   */
line-height: 0.80rem;
margin: 0.15rem;
}

.btn-grey  { 
/* font-size:1rem;  */
color:#077190;
font-weight:600;
background-color: #e3e3e3;
border: 1px solid darkgrey;
border-top-left-radius:0.5rem;	
border-top-right-radius:0.5rem;
border-bottom-left-radius:0.5rem;
border-bottom-right-radius:0.5rem;
/*  min-width: 3rem;   */
line-height: 1.0rem;
font-size:0.90rem;
padding:0.35rem;
margin: 0.10rem;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #4a4a4a;
}


table{
   margin: 0px auto;
}
.mybox-giorno { 
font-size:1.00rem;
color:black;
}
.color-white 	{
		color:black;
}
.color-green 	{
		color:white;
}


/* Box  colorato per Links  */
.mybox-links {
    padding: 5px;
    font-size: 0.90rem;
	line-height:0.95rem;
	border: 2px solid darkgrey;
	border-top-left-radius:0.6rem;	
	border-top-right-radius:0.6rem;
	border-bottom-left-radius:0.6rem;
	border-bottom-right-radius:0.6rem;
	color: black;
	background-color: lightgrey;
	}

.background-color-bianco {background-color: #ffffff;}	
	
.mybox a {
	text-decoration:none;
	color: #c6c6c6;
	}
.mybox a:hover {
	text-decoration:underline;
	background:transparent;
	}

/* ----------------------------------- */
/* Box ARTICOLO  colorato con ombre    */
/* ----------------------------------- */
.banner-in-mezzo {	
	margin-bottom:0.30rem;
	margin-top:0.30rem;
}
.mybox-articolo {
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.19); 
	text-align: center;
	border:1px solid #2a2a2a;
	border-radius:0.60rem;	
	margin-bottom:0.30rem;
	margin-top:0.50rem;
	float:left;
	width:100%;
	}
		
.background-color-mybox-articolo-title {
	background-color: #0f468a;
}

.mybox-articolo-title {
	border:1px solid #2a2a2a;
	background-color: #e8e8e8;
    color: #2a2a2a;
    padding: 4px;
	border-top-left-radius:0.6rem;
	border-top-right-radius:0.6rem;
}
.mybox-articolo-title a {
	font-size:0.95rem;
	font-weight: 500;          /*  c'era 'bold' cioè 700  ma era troppo evidente */
	text-decoration:underline;
	text-shadow: 0px 0px 1px #023368;
	color: #0a44b0;           /*  #077190;  */
}	

.mybox-articolo-title a:hover {
	color:red;
}
.mybox-articolo-unico a {
	font-size:1.15rem;
}
.mybox-articolo-body {
    color: #000000;
	border:1px solid #2a2a2a;
	padding-right: 0.7rem;
    padding-left: 0.7rem;
	margin: 0.0rem;
    font-size: 1.10rem;
	font-weight: 400;
	line-height:1.30rem;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	border-bottom-left-radius:0.6rem;
	border-bottom-right-radius:0.6rem;	
}
.mybox-articolo-body img {
	padding:6px; 
	border: 2px solid darkgrey; 
	border-radius:5px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.19);
}	

.mybox-articolo-body span {
	padding:0; 
	margin:0;
	font-size: 2.00rem;
	font-weight: 700;
}	
.mybox-articolo-body ul>li {
	padding:0; 
	margin:0;
}			
.mybox-articolo-footer {
    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-articolo h1, h2, h3, h4, h5, h6, p {
	padding:0px; margin:0px;
}

.mybox-articolo h2  {           /* qui ridotto rispetto allo standard boostrap */
	font-size:1.50rem;
	font-weight: 700;  /*  Bold */
}	
	
.mybox-articolo h3  {           /* qui ridotto rispetto allo standard boostrap : size = 14px x 1,7 - circa 24px - 1.7rem   Semibold  */
	font-size:1.10rem;
	font-weight: 600;  /*  Bold */
}
	
.mybox-articolo h4 	{
	font-size: 1.05rem;
	line-height:1.05rem;
}
.mybox-articolo h5 	{
	font-size: 0.9rem;
	line-height:1.0rem;
}
.mybox-articolo a:hover {
	text-decoration:underline;
	background:transparent;
	}		
.mybox-articolo .art-corpo {
	font-size: 1.10rem;
	font-weight: 400;
	line-height:1.30rem;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	text-align: justify;
}
/* ----------------------------------- */

/* ----------------------------------- */
/*    colorazione dei box Blog         */
/*-------------------------------------*/
.blog-salute {
	background: linear-gradient( 90deg, #e2adba, #a94260 );
	font-size:1rem; 
	font-weight: 700;	
}
.blog-scienza {
	background: linear-gradient( 90deg, #3fd3f3, #0d9dbc );
	font-size:1rem; 
	font-weight: 700;	
}

.blog-informatica {
	background: linear-gradient( 90deg, #8aa3f0, #3058db );
	font-size:1rem; 
	font-weight: 700;	
}

.blog-salute-giovani {
	background: linear-gradient( 90deg, #fa969f, #b71b29 );
	font-size:1rem; 
	font-weight: 700;
}

.blog-stili-di-vita {
	background: linear-gradient( 90deg, #f0cb58, #93710a );
	font-size:1rem; 
	font-weight: 700;	
}

.blog-tutorial-test {
	background: linear-gradient( 90deg, #ca9ce4, #9a3fd0 );
	font-size:1rem; 
	font-weight: 700;
}

.blog-tutto {
	background: linear-gradient( 90deg, #d4d4d4, #727273 );
		font-size:1rem; 
	font-weight: 700;
}
.blog-neutro {
	background: linear-gradient( 90deg, #e8eef6, #b3b8c0 );
		font-size:1rem; 
	font-weight: 700;
}



/* ----------------------------------- */
/*                SIDEBAR              */
/* Per barra laterale dx pagine blog   */
.mybox-sidebar {
	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;
	font-size:0.60rem;
	border:1px solid #2a2a2a;
	border-radius:0.40rem;	
	margin-bottom:0.50rem;
	margin-top:0.50rem;
	float:left;
	width:100%;
	}
.mybox-sidebar  a{
	text-decoration:none;
	text-shadow: 0px 0px 1px #023368;
	color: #0a44b0;
}
.mybox-sidebar  a:hover {
	text-decoration:underline;
	color:#052a6f;
}
.mybox-sidebar-title {
	background-color: #e8e8e8;
	border-top-left-radius:0.4rem;	
	border-top-right-radius:0.4rem;
	border-bottom:1px solid #2a2a2a;	
    color: #2a2a2a;
    padding-top: 4px;
	padding-bottom: 4px;
	}
.mybox-sidebar-body {
    background-color: #ffffff;
    color: black;
    padding: 0.5rem;
    font-size: 0.90rem;
	line-height:1.00rem;
	min-height: 2.5rem;
	border-bottom-left-radius:0.6rem;
	border-bottom-right-radius:0.6rem;	
	}	
.mybox-sidebar-info {
    background-color: #ffffff;
    color: black;
    padding: 8px;
	border-top:1px solid #2a2a2a;
    font-size: 0.95rem;
	line-height:0.95rem;
	border-bottom-left-radius:0.6rem;
	border-bottom-right-radius:0.6rem;	
	}
.mybox-sidebar-background-color {
	background-color: #e8e8e8;
}
.mybox-sidebar h1, h2, h3, h4, h5, h6, p {
	padding:0px; margin:0px;
	}
.mybox-sidebar h2  {          
	font-size:1.50rem;
	font-weight: 700;  /*  Bold */
	}		
.mybox-sidebar h3  {      
	font-size:1.10rem;
	font-weight: 600;  /*  Bold */
	}
.mybox-sidebar h4 	{
	font-size: 1.05rem;
	line-height:1.15rem;
}
.mybox-sidebar h5 	{
	font-size: 0.9rem;
	line-height:1.0rem;
}
.mybox-sidebar-body h4, h5, h6 {
	padding:0px; margin:0px;
	}
.mybox-sidebar-body span {
	padding:0; 
	margin:0;
	font-size: 0.85rem;
	font-weight: 700;
	}	
/* ----------------------------------- */	
	
	
.color-blue { color: #214D7B;}
.color-black { color: #000000;}	
.color-white { color: #ffffff;}
.color-studio  { color: #8CA0B5;}
.color-salute2 { color: #091E86;}


.bordo-fine-pagina{
	padding-bottom:35px;
}

/* ------------------------ */
/*      NAVIGATION          */
/* ------------------------ */

/*
.navigation {
	font-size: 1.0rem;                              
	font-weight:400;
	text-decoration:none;
	border-bottom:1px solid grey;
}
nav {
	font-size: 1.0rem;    
}
.navbar {
	padding:0px;
}
.nav-link a:hover{
	text-decoration: underline;
	color: red;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,.9);
}
  .navbar-light .navbar-nav .nav-link {
    color: rgba(255,255,255);
} 
.dropdown-item {
     text-align: center;
} */
.navbar-brand img { 
	height: 60px;
	border: none;
	padding: 0px;
	margin: 0px;
} 
.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,.7);
}
.navbar-nav li {
	padding-right:1.0rem;
}
.nav-item a:hover{
	text-decoration: underline;
	color: red;
}
/*
.nav-item {
	 padding-left:0.8rem; 
	weight:600;
	line-height:1.0rem;
}*/

/* ------------------------ */
/*          HEADER          */
/* ------------------------ */
#header {
	margin-top:0;
}




/* le seguenti def. valgono per ogni cosa nel footer  */
footer h3 {
    font-weight: 700;
}
footer ul li a:hover{
    text-decoration: underline;
}	
footer ul li a,
footer ul li a:visited {
    text-decoration: none;
}	

/* ----------------------------- */
/*            FOOTER             */
footer {
	margin-top:1rem;
	margin-bottom: 10px;
	font-size:0.8rem;
	color: white;
	padding-top: 0rem;            
	padding-bottom: 0.50rem;
	border-top:2px solid #2c2c2c;
	border-bottom:2px solid #2c2c2c;
}
.footer-links {
	padding-bottom: 0.70rem;
	color: white;
	font-size: 0.90rem;  
}
.footer-links a {
	text-decoration:none;
	color:white;
	font-weight: 400;

}
.footer-links a:hover {
	text-decoration:underline; 
	color:red;	
}
/* ------ footer social ------ */
.footer-social {
	padding-top: 0.70rem; 
}
.footer-social img{
	margin: 2px;
	border: none;
	margin-left:auto;
	margin-right:auto;
}	
.footer-social a{
	border: none;
	text-decoration:none;
}	
.footer-social a:hover{
	border: none;
	text-decoration:none;
}	
/* --- footer copyright + counter --- */	
.footer-copyright {
	width:100%;
	color: white;
	font-size:0.85rem;               /* --- FONT SIZE --- */ 
	text-align:center;
}
.footer-counter {
	width:100%;
	padding-top:0.70rem;
	text-align:center;
	padding-bottom:0.70rem;
}	
.footermenu {
	padding:0px;
}
.footermenu li {
	color:#6f6f6f;
}
/* ----------------------------- */


/* ------------------------------------------- */
/*   PERSONALIZZAZIONE DEL CAROUSEL BOOTSTRAP  */
/* ------------------------------------------- */
.carousel-indicators .active{
	background-color:#c2c2c2;
	width:15px;
	height:15px;
	margin:0px;
}
.carousel-indicators{
	bottom: -40px;
}

.carousel-indicators li{
	border: 1px solid #000000;
	width:15px;
	height:15px;
	margin:0px;
	border-radius: 50%;
}
	

.carousel-control .icon-next, 
.carousel-control .icon-prev {
    font-family: serif;
    line-height: 0.8;
}

.carousel-control-next-icon {
    background-image: url("/_pics/arrow-next.png");

}
.carousel-control-prev-icon {
    background-image: url("/_pics/arrow-prev.png");

}
.carousel-control .glyphicon-chevron-prev, 
.carousel-control .glyphicon-chevron-next, 
.carousel-control .icon-next, 
.carousel-control .icon-prev {
    width: 35px;
    height: 35px;
    margin-top: -10px;
    font-size: 30px;
	color:#000000;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: 0px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: 0px;
}
/* --------------------FINE CAROUSEL------------------ */

	
/* ----------- gestione dei dispositivi in Bootstrap 4 -------------- */
/*  col-xs - Column for extra small devices ( da 0px a 575px )
    col-sm - Column for small devices ( da 576px a 767px )
    col-md - Column for medium devices ( da 768px a 991px )
    col-lg - Column for large devices ( da 992px a 1199px )
	col-xl - Column for large devices ( da 1200px  e oltre)
*/
@media (max-width: 575px) /* xs */ 
{
	.text-xs-left { text-align: left; }
    .text-xs-right { text-align: right; }
    .text-xs-center { text-align: center; }
    .text-xs-justify { text-align: justify; }	
}
@media (min-width: 576px) and (max-width: 767px)  /* sm */ 
{
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }	
}
@media (min-width: 768px) and (max-width: 991px)  /* md */ 
{
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }	
}
@media (min-width: 992px) and (max-width: 1199px)  /* lg */
{
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }	 
}
@media (min-width: 1200px)  /* xl */
{
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }	 
}

@media screen and (max-width: 667px) 
{
	.lista-pallini{
		display:none;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 321px) /* da 0px a 320px per Bootstrap è PRIMA parte della taglia EXTRA SMALL che arriva a 767px */
{
	html {
		font-size:14px;
	}
	h1  {  font-size:1.75rem;    /* da 2,60 rem */    }	
	h2  {  font-size:1.50rem;    /* da 2,15 rem */    }
	h3  {  font-size:1.30rem;    /* da 1,70 rem */    }
	h4  {  font-size:1.15rem;    /* da 1,25 rem */    }
	h5  {  font-size:0.90rem;    /* da 1,00 rem */    }
	h6  {  font-size:0.70rem;    /* da 0,85 rem */    }
	.footer_menu {
	padding-bottom: 0.60rem;
	font-size: 0.75rem;                  /* --- FONT SIZE --- */
	}

	.recensioni_box {
	height:300px;
	}
	.recensioni_fotosize {
		width:20%;
	}
	.navbar-brand img { 
	height: 50px;
	}
	.pubblicita {
	 display: none;
	}
 
}

/* 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)  /*  XS = EXTRA SMALL    */
{

	html {
		font-size:14px;
	}
	h1  {  font-size:1.75rem;    /* da 2,60 rem */    }	
	h2  {  font-size:1.50rem;    /* da 2,15 rem */    }
	h3  {  font-size:1.30rem;    /* da 1,70 rem */    }
	h4  {  font-size:1.15rem;    /* da 1,25 rem */    }
	h5  {  font-size:0.90rem;    /* da 1,00 rem */    }
	h6  {  font-size:0.70rem;    /* da 0,85 rem */    }
	.footer_menu {
	padding-bottom: 0.65rem;
	font-size: 0.80rem;                  /* --- FONT SIZE --- */
	}

	.pubblicita {
	 display: none;
	}
 
}


    /* Extra Small Devices, Phones */ 
@media screen and (min-width: 414px) and (max-width: 576px) /*  XS = EXTRA SMALL    */
{ 
	html {
		font-size:14px;
	}
	h1  {  font-size:1.75rem;    /* da 2,60 rem */    }	
	h2  {  font-size:1.50rem;    /* da 2,15 rem */    }
	h3  {  font-size:1.30rem;    /* da 1,70 rem */    }
	h4  {  font-size:1.15rem;    /* da 1,25 rem */    }
	h5  {  font-size:0.90rem;    /* da 1,00 rem */    }
	h6  {  font-size:0.70rem;    /* da 0,85 rem */    }
	.footer_menu {
	padding-bottom: 0.65rem;
	font-size: 0.85rem;                  /* --- FONT SIZE --- */
	}	
	.pubblicita {
		display: none;
	}

 
}
@media screen and (min-width: 576px) and (max-width: 667px) /* SMALL   */
															/*  iPhone 6 landscape · width: 667px */
                                                            /*     Android (Nexus 4) landscape · width: 600px, */
{ 
	html {
		font-size:15px;
	}
	h1  {  font-size:1.75rem;    /* da 2,60 rem */    }	
	h2  {  font-size:1.50rem;    /* da 2,15 rem */    }
	h3  {  font-size:1.30rem;    /* da 1,70 rem */    }
	h4  {  font-size:1.15rem;    /* da 1,25 rem */    }
	h5  {  font-size:0.90rem;    /* da 1,00 rem */    }
	h6  {  font-size:0.70rem;    /* da 0,85 rem */    }


	.footer_menu {
	padding-bottom: 0.50rem;
	font-size: 0.65rem;                  /* --- FONT SIZE --- */
	}
	.recensioni_box {
	height:250px;
	}
	.recensioni_fotosize {
		width:20%;
	}	
	.pubblicita {
		display: none;
	}
 
} 
 
@media screen and (min-width: 667px) and (max-width: 767px) /* SMALL */                                                         /* da 768 a 991 : taglia SMALL (sd / small devices ) */
{ 
	html {
		font-size:16px;
	}
	h1  {  font-size:1.75rem;    /* da 2,60 rem */    }	
	h2  {  font-size:1.50rem;    /* da 2,15 rem */    }
	h3  {  font-size:1.30rem;    /* da 1,70 rem */    }
	h4  {  font-size:1.15rem;    /* da 1,25 rem */    }
	h5  {  font-size:0.90rem;    /* da 1,00 rem */    }
	h6  {  font-size:0.70rem;    /* da 0,85 rem */    }
	

	.footer_menu {
	padding-bottom: 0.50rem;
	font-size: 0.70rem;                  /* --- FONT SIZE --- */
	}
	.recensioni_box {
	height:250px;
	}
	.recensioni_fotosize {
		width:20%;
	}
	.pubblicita {
		display: none;
	}
 
}  
 
 
@media screen and (min-width: 768px) and (max-width : 991px) /* da 768px a 991px per Bootstrap è la taglia SM = SMALL */                                                         
{ 
	
	html {
		font-size:17px;
	}
	
	h1  {  font-size:1.75rem;    /* da 2,60 rem */    }	
	h2  {  font-size:1.50rem;    /* da 2,15 rem */    }
	h3  {  font-size:1.30rem;    /* da 1,70 rem */    }
	h4  {  font-size:1.15rem;    /* da 1,25 rem */    }
	h5  {  font-size:0.90rem;    /* da 1,00 rem */    }
	h6  {  font-size:0.70rem;    /* da 0,85 rem */    }
	
	
	/*  MENU DI NAVIGAZIONE */
	.dropdown-menu > li > a {       /* tutte le voci del sottomenu con  padding di 15px   */		
		padding-left: 0.60rem;
		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: 0.60rem;
	}	
	.navbar-nav > li > a {                 
		padding-left: 0.60rem;
	}
	.recensioni_box {
	height:250px;
	}
	.recensioni_fotosize {
		width:20%;
	}	
} 

/* ------------------------------------ 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:18px;
	}
	h1  {  font-size:1.75rem;    /* da 2,60 rem */    }	
	h2  {  font-size:1.50rem;    /* da 2,15 rem */    }
	h3  {  font-size:1.30rem;    /* da 1,70 rem */    }
	h4  {  font-size:1.15rem;    /* da 1,25 rem */    }
	h5  {  font-size:0.90rem;    /* da 1,00 rem */    }
	h6  {  font-size:0.70rem;    /* da 0,85 rem */    }

	

	/*  MENU DI NAVIGAZIONE */
	.dropdown-menu > li > a {       /* tutte le voci del sottomenu con  padding di 15px   */		
		padding-left: 0.8rem;
		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: 0.8rem;
	}
	.recensioni_box {
		height:230px;
	}
	.navbar-nav li {
		padding-right:0.7rem;
	}
	.nav-item {
		font-size:0.8rem;
	}
	.recensioni_fotosize {
		width:15%;
	}	
}

	
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) 
						/* da 1200px ed oltre  per Bootstrap 4 è la taglia XL = EXTRALARGE */
{
	
	html {
		font-size:18px;
		line-height:1.0;
	}
	h1  {  font-size:2.10rem;    /* da 2,60 rem */    }	
	h2  {  font-size:1.80rem;    /* da 2,15 rem */    }
	h3  {  font-size:1.50rem;    /* da 1,70 rem */    }
	h4  {  font-size:1.30rem;    /* da 1,25 rem */    }
	h5  {  font-size:1.10rem;    /* da 1,00 rem */    }
	h6  {  font-size:0.90rem;    /* da 0,85 rem */    }
	
	.recensioni_box {
		height:230px;
	}
	.recensioni_fotosize {
		max-width: 15%;
	}
	.nav-item {
		font-size:1.0rem;
	}
	

	
}