/* foglio di stile per istituto tomistico - autore: Stefano Maroni */

/*#####################################################################

stili di base 
body ed elementi layout

#####################################################################*/

body { font:85% Verdana, Arial, sans-serif;
	margin:0;
	padding:0em;
	background:#a80; 
	background-attachment: fixed;
	/*background-image:  url(graph_restyling/ala_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;*/ 
	text-align:center; 
	color:#333;
}

/* l'elemento container include l'intera pagina */
#container {	
	width:100%;
	/*margin:1em auto; border: 4px solid #E5B700;*/
	text-align:left;
	height: 100%;
	background:#fc0; 
	background-image:  url(graph_restyling/ala_bg.gif);
	background-repeat: no-repeat;
	background-position: -40px 88px; 
	
	
	/*background-image: url(graph_restyling/quadrati2.gif);
	background-repeat: no-repeat;background-attachment: scroll;
	background-position: 40em 1em;border: 1px solid #E5B700;*/
}

/* CONTENUTO PRINCIPALE PAGINA */
/* corpo include la la colonna col contenuto della pag
e la colonna col menu */
#corpo { background-image:  none; }

#corpocentro {
	PADDING: 1em;
	FONT-SIZE: 0.9em;
	FLOAT: right;
	MARGIN: 0px;
	WIDTH: 70%;
	border-left:2px dashed #E5B700;
	border-right:1px none #E5B700;
	background-image: url(graph_restyling/bg_trasp.gif);

	/*background: #fff2bf;background: url(graph_restyling/quadrati3.gif) no-repeat right 8px;
background: #ffe680;
	background:#FFDA46;*/
	/*background-image:  url(graph_restyling/bg_trasp_chiaro6.gif);*/
}

#quadratin{
	float:right;
	background-image: url(graph_restyling/quadrati3.gif);
	background-repeat: no-repeat;
	height: 152px;
	width: 106px;
	z-index:200;

}

#corpocol { 
	PADDING-RIGHT: 10px; PADDING-LEFT: 6px; PADDING-BOTTOM: 10px; MARGIN: 0px 75% 0px 0px; COLOR: #333; PADDING-TOP: 2px; HEIGHT: 100%
}
#corpocol .box {font-size:0.7em; COLOR: #000;}
#corpocol .box a:link, #corpocol .box a:active, #corpocol .box a:visited {COLOR: #000; text-decoration:none; display:block}
#corpocol .box a:hover {BACKGROUND: #fc0; color: #000; text-decoration:none; display:block}

#testa{ padding:0.2em; BACKGROUND: #FFDA46; border-bottom: 4px solid #E5B700; }


#piedipagina {
	CLEAR: both; FONT-SIZE: 0.8em; HEIGHT: 31px; TEXT-ALIGN: center; padding-top: 2em; BACKGROUND: #FFDA46; border-top: 4px solid #E5B700;
}

/*  menutrasversale all'interno di top */
.sususu {
float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000000;
}
.sususu a:link, .sususu a:visited, .sususu a:hover, .sususu a:active { color:#000;}

/* ############################## menu di primo livello, orizzontale ######################################### */

#navigauno {PADDING: 0px; MARGIN: 0px; BACKGROUND: #FFDA46; height:1.25em!important; height:auto; width:100%; BORDER-bottom: 4px solid #E5B700;}
#navigauno ul {PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none; }
#navigauno li {PADDING: 0px; DISPLAY: block; FLOAT: left; MARGIN: 0px; WIDTH: auto;}
#navigauno a {
	PADDING-RIGHT: 1em;
	PADDING-LEFT: 1em;
	PADDING-BOTTOM: 2px;
	DISPLAY: block;
	MARGIN: 0px;
	WIDTH: auto;
	COLOR: #333;
	PADDING-TOP: 2px;
	font-size:0.8em;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	BORDER-bottom: 1px none #da0;
	/*BORDER-bottom: 1px solid #da0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFF00;
	border-right-color: #da0;
	border-left-color: #FFFF00;*/
	BACKGROUND: #FFDA46; /*#FFE066;*/
}
#navigauno a:hover {
	BACKGROUND: #800000; color: #fc0; FONT-WEIGHT: bold; /*border-bottom: 1px solid #300000; border-rigth: 1px solid #300000;*/
}
#navigauno a:active {	
}
#navigauno a.active:link {
	FONT-WEIGHT: bold; Z-INDEX: 102; POSITION: relative
}
#navigauno a.active:visited {
	FONT-WEIGHT: bold; Z-INDEX: 102; position: relative
}

#navigauno br {
	CLEAR: both
}



/*############ MENU 2  #################*/
ul.menu2 { margin:0px 1px; padding-left:0px;display:block; list-style-type:none;}
ul.menu2 li a:link, ul.menu2 li a:visited, ul.menu2 li a:active { font-size:0.8em; width:100%; display:block; color: #333; text-decoration:none;}
ul.menu2 li a:hover { BACKGROUND-color: #800000; color: #fc0;} /* colori per l'effetto roll-over */

/* ############################ S U B M E N U  di menu 2 ##############################*/

ul.submenu { list-style:none; margin: 0px 1px; padding-left:0px; }
ul.submenu li a {
	display:block;
	text-decoration:none;
	padding:0 1em 0 1.8em;
	font-weight: normal;
	font:90%;
	height:1em;
	line-height:1em;
}
ul.submenu li { display:inline }
ul.submenu li a:link, ul.submenu li a:visited { color: #666;} 
ul.submenu li a:hover, ul.submenu li a:active { color:#000;}

/* ############### formattazioni varie ##################### */
.titolosezione {
	font-size: 100%;
	font-weight: bold;
	font-variant: small-caps;
	color: #000000;
}
hr {display: none;}
H1 {
	font-size: 1.2em;
	margin-bottom: 3em;
	background-image: url(img/square_tit.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 34px;
	padding-top: 8px;
	padding-bottom: 8px;
}
H2 {font-size: 1.2em; border-bottom: 1px solid #826800;}
h3 {font-size: 1.2em;}

A { color:#000; text-decoration: underline;}
a:link, a:visited, a:active { color:#000; text-decoration: underline;}
a:hover {text-decoration: none; color: #fc0; background:#800000;}
.righino {border-bottom:1px solid #E5B700; margin-bottom:28px;}
.small {font-size: 0.8em;}
ul.menu2 .rientro {
	margin:0px 1px;
	padding-left:5px;
	display:block;
	list-style-type:none;
}
.bordoimg {
	border: 4px solid #826800;
}
.tdbackground {
	background: #fd2;
}
.listaplus {
	list-style-image: url(img/lista.gif);
}
.boxevidenzia {border: 1px solid #826800; padding:8px; background:#FFDA46;}
.testopop{FONT-SIZE: 0.9em;}
.titoloscheda {
	font-size: 1.2em;
	margin-bottom: 3em;
	padding: 8px;
	font-weight:bold;
}