/*
 definizione dei posizionamenti dei div di pagina
*/

#sottoTestata { text-align: right;margin: 2px 0 0 0;}
.social { width: 24px; margin:0 8px;}
.langs { width: 32px; margin:0 8px; border: 2px solid #FBF5EE;padding:1px}
#menuTop A { text-decoration: none;}
#menuTop {
	position: fixed; top:0; left:0; z-index: 1000;
	width: 100%; margin:0 auto;
	text-align: right;
	padding: 6px 6px 0 0;
	background-color: #B78E71;
}
#socialIcons {
	width: 80%; max-width: 1024px;
	margin: 0 auto;
}

#testata {
	margin: 2px auto ;
	margin-top: 20px;
	position: relative;
	padding: 0;
	width : 80% ;
	text-align: left;
	background: url('/images/oldprocessione_opt.jpg') right top  no-repeat;
	background-size: 96% 100%;
}


#testata A {padding:0; text-decoration: none;}

#logo {
	position: relative;
  margin: 0 0 0 10%;
	display: block;
	border-bottom: 4px solid #B78E71;
}
#logo IMG {
	width: 25%;
	max-width: 300px;
	min-width: 110px;
}
#rosone {
	position: absolute;
	left:-15%;
}
#rosone_hidden {
	visibility: hidden;
	margin:-2px;
}
#sanmauro {
	position: absolute;
	right: 20px; bottom: 0;
	height: 90%;
	max-height: 200px;
}
#caption {
	position: absolute;
	width: 50%;
	min-width: 260px;
	right: 15%; bottom:5%;
	text-align:right;
	line-height: 1em;
	color:#800;
}
#caption IMG {
	width: 70%;
}
#caption_sagradi {
	margin: 0 20% 2% 0;
	padding: 0 80px 0 0;
}

#container {
	margin: 0em auto;
	width: 80%;
	position: relative;
	}

* {
box-sizing: border-box;
}

html, body {
	margin: 0 auto;
	padding: 0;
}
body {
	max-width: 1280px;
}

HTML, BODY {
	font: 18px Verdana,Arial,sans-serif ;
	text-align : center ;
	color : #600000;
	background-color : #FBF5EE ; /* #F7ECDF; */
	line-height: 1.4em;
}

/* CORPO */

#corpo {
	PADDING: 0px 0em 1em 5%;
	MARGIN: 0px 0px 0px 9em;
	text-align : left ;
	min-height: 10em;
	height: auto !important;
	height: 10em;
	border: 1px none red;
}

#corpo #titolo {
	font-size : 1.3em ;
	font-weight : bold ;
	border-bottom : 1px solid #AD7B57;
}
#corpo #autore {
	font-size : 0.9em ;
	font-weight : bold ;
	text-align : right ;
}



#corpo UL, #testata UL {
	list-style: none ;
}
/* SPALLA SX */

#spallaSx {
	position : absolute ;
	PADDING : 0em;
	left: 2%; top: 2em;
	width: 10em;
	text-align : left ;
	font-size : 0.9em ;
	}

div#spallaSx UL {
	margin : 0px 0px 0px 0px ;
	padding : 0px ;
}

div#spallaSx UL LI {
	margin : 2px 0px 12px 0px ;
	padding : 0px ;
	list-style : none ;
	display : block ;
	vertical-align : middle ;
	background: no-repeat url("/images/icona_off.gif") ;

/*		border-bottom : 2px solid #AD7B57;
	border-left : 2px solid #AD7B57; /* #B78E71 */
/*	background-color : #F1DFD1 ; -- */
}

div#spallaSx UL LI A {
	display : block ;
	padding : 0px 0px 0px 40px ;
	vertical-align : bottom ;
	font-weight : bold;
	color : #A12E31 ;
	text-decoration : none ;

}

div#spallaSx UL LI A SPAN {

}

div#spallaSx UL LI A:hover, div#spallaSx UL LI A:active {
	background: no-repeat url("/images/icona_on.gif") ;
}
div#spallaSx UL LI A:hover{color: #B78E71;}


div#spallaSx UL.submenu {
	padding : 0em ;
	display : none ;
	margin  : -5px 0px 5px 0px ;
	list-style : none outside none ;
}

div#spallaSx UL.submenu LI {
	list-style : none outside none ;
	padding : 0em ;
	margin : 0em ;
}

div#spallaSx UL.submenu LI A:hover, div#spallaSx UL.submenu LI A:active {
	list-style : none outside none ;
}

#sponsor {
	display : none ;
	visibility: hidden ;
}

H1 {
	border-bottom : 2px solid #AD7B57;
	margin : 0px ;
	padding : 0px 0px 0px 6px ;
	font-size : 1.6em ;
	line-height: 1.2em;
}

H2 {
	font-size : 1.2em ;
}

HR.invisible {
	display : none ;
}

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

A:visited {
	color : #782428 ;
}
A {
	padding : 1px 3px 1px 3px ;
	color : #782428 ;
}
A:hover {
	text-decoration: none ;
}

IMG { border : 0px none ;}
.didascalia { font-size: 0.8em;}
.alignright { text-align: right;}
div#footer {
	margin: 0px auto ;
	width : 100% ;
	font-size : 0.8em ;
	clear : both ;
	border-top : 2px solid #AD7B57;
}
div#footer HR {
	color : #800000 ;
	height : 1px ;
}

div#spallaDx {
	POSITION: absolute;
	PADDING : 0em;
	RIGHT: 0px; TOP: 15px;
	WIDTH: 150px ;
	MARGIN: 0px 0px 0px 0px ;
	text-align : center ;
	}


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

@media (max-width: 640px) {
	.noneOnSmallest {display: none !important}
	.toggledOff { display: none; }
	#caption {right: 2%;}
	#menuIcon {display:block !important; position: absolute; left:10px}
	#spallaSx {
		position: fixed;
		top:2.1em; left:10px;
		text-align : center;
		z-index: 2000;
	}

	div#spallaSx UL LI {
		border: 1px solid #B78E71;
		margin:0; padding:0;
		list-style : none ;
		display : block ;
		text-align: center;
		vertical-align : middle ;
		background: none ;
	}
	div#spallaSx UL LI A {
		background: #AD7B57 none !important;
		color:#FFF !important;
		padding: 2%;
	}
	div#spallaSx UL LI A:hover, div#spallaSx UL LI A:active {
		background: #AD7B57 none !important;
	}

	div#corpo {
		padding: 0; margin: 0 !important;
	}
}