@import "imports/base.css";
@import "imports/menu.css";
@import "imports/list.css";
@import "imports/mobile.css";

#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: #EFEFEF;
}
#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-color: #CCC;
}


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

#logo {
	position: relative;
  margin: 0;
}

#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;
}

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



/* 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 ;
	}
