/*
 personalizations for the template
 - basic colors
 - block positioning
*/


.centeredWidth {
    max-width: 980px;
    margin: 0 auto;
    padding:0 10px 0 10px;
}
.invisible {display:none}

HTML, BODY {
    font: 16px "PT Sans", "Rock Salt", Ranga, Unlock;
    background-color : #F8F8FE; 
    min-width: 290px; 
    line-height: 1.4em; 
}
BODY {
  background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {
  color: #244168;
}
h1 {
  border-bottom: 2px solid #244168;
  text-shadow: 2px 2px 1px lightgray; 
  margin: 0 0 1rem 0;
}
h2 {
  border-bottom: 1px solid #5b7291;
  margin: 0 0 1rem 0;
  width:50%;
}
.profilePicture   {
    border-radius: 50%;
    float:right; padding:2px; 
    margin:0 1em 0 0.5em;
    border: 2px double #244168;
    width: 25%;

    box-shadow: 5px 5px 10px gray;
}

HR.red {
	color : #244168;
	height: 1px ;
}

A:visited {
	color : #002f5a;
}
A {
	padding : 1px 3px 1px 3px ;
}
P A {
	text-decoration: underline;
}
A:hover {
	text-decoration: none ;
	color: #0060b7;
}

IMG { border : 0px none ;}
.didascalia { font-size: 0.8em;}
.alignright { text-align: right;}

@media (max-width: 1025px) {
	html { font-size: 1em;width: 100;}
	body { width : 100%; margin: 0 auto;}
	video { width: 90%; margin: auto;}
	#spallaSx { left: 2%; }
	#container {
		width: 92% !important;
		margin:0 auto;
	}
	#testata {
		width: 96% !important;
		margin-left: 4%;
	}
	#menuTopIcons {
		width: 96%;
	}
	#caption {right: 14%}
}

@media (max-width: 640px) {
	.noneOnSmallest {display: none !important}
	
	div#main {
		padding: 0 10px 0 4px; margin: 0 !important;
	}
}