@charset "UTF-8";
/* CSS Document */

/* Associazione Culturale OLTRE I PORTICI ultima revisione: 02 luglio 2008 */

/* ATTENZIONE: LE MODIFICHE EFFFETTUATE AVRANNO RICADUTA SU TUTTE LE PAGINE DEL SITO */
/* INSERIRE EVENTUALI MODIFICHE IN FONDO OPPURE IN stileoltre.css COLLEGATO A TUTTE LE PAGINE MA VUOTO */


/* CSS reset for browser consistency */

html, body, p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
	margin: 0;
	padding: 0;
}

fieldset, img {
	margin: 0;
	padding: 0;
	border: 0;
}

ol, ul {
	list-style:	none;
}

a {
	outline: 0;
}

h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
}

/* end CSS reset */

html {
	text-align:center;
	}

.citazione {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-style: italic;
}

	
body {
	width:698px;
	margin-left:auto;
	margin-right:auto;
	background:url("../img/bgBody.png");
	background-repeat:repeat-x;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}
	
#page {
	width:698px;
	text-align:left;
	margin-top:20px;
	}
	
#header {
	width:698px;
	height:16px;
	background-image:url("../img/bgContainerTop.png");
	}
	
/* IE 6 only */
* html #header {
	background-image:url("../img/bgContainerTop.gif");
}
	
#main {
	width:698px;
	clear: both;
	}
	
#content{
	height:auto !important;
	min-height:560px;
	width:698px;
	background:url("../img/bgContainerMiddle.png");
	background-repeat:repeat-y;
	}
	
#contentLeft {
	width:141px;
	height:505px;
	float:left;	
	}
	
#menu {
	width:125px;
	height:505px;
	margin:0 0 0 16px;
	text-align:center;
	}
	
#contentRight {
	width:557px;
	margin-left:141px;
	}
	
/* IE 6 only */
* html #contentRight {
	width:550px;
	margin-left:141px;
}

#logoOIP {
	width:297px;
	height:87px;
	background:url("../img/titPaginaTop.png") no-repeat;
	margin:0 0 0 15px;
	}
	
#titoloPagina {
	margin:20px 0 0 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	}
	
#testoPagina {
	padding:10px 25px 10px 15px;
	line-height:1.5;
	}
	
#footer{
	width:698;
	height:18px;
	background:url("../img/bgContainerDown.png");
	}

/* IE 6 only */
* html #footer {
	background-image:url("../img/bgContainerDown.gif");
}
	
#pedice{
	margin-top:5px;
	font-size:10px;
	color:#999999;
	text-align:center;
	line-height:1.5;
	}

	
/* VOCI DEL MENU */

#home {
	width:70px;
	margin: 150px 0 0 35px;
	background-color:#FCC93A;
	text-align:center;
	}
	
#catalogo {
	width:80px;
	margin: 25px 0 0 20px;
	background-color:#FFC13E;
	text-align:center;
	}
	
#chisiamo {
	width:75px;
	margin: 30px 0 0 10px;
	background-color:#fead44;
	text-align:center;
	}
	
#contatti {
	width:80px;
	margin: 30px 0 0 25px;
	background-color:#fe9641;
	text-align:center;
	}
	
#editoria {
	width:85px;
	margin: 30px 0 0 35px;
	background-color:#f28948;
	text-align:center;
	}
	
#multimediali {
	width:90px;
	margin: 25px 0 0 17px;
	background-color:#dd6c42;
	text-align:center;
	}
	
#scuola {
	width:85px;
	margin: 25px 0 0 5px;
	background-color:#dc6336;
	text-align:center;
	}
	
#giornale {
	width:95px;
	margin: 25px 0 0 20px;
	background-color:#dc5b2b;
	text-align:center;
	}
	
/* FORMATTAZIONE TESTI E LINK */

#pedice a, #pedice a:link, #pedice a:visited {
	text-decoration:none;
	color:#999999;
	}
	
#pedice a:hover {
	text-decoration:underline;
	color:#FF9900;
	}
	
a, a:link, a:visited {
	text-decoration:none;
	color:#FF9900;
	}
	
a:hover {
	text-decoration:underline;
	color:#FF9900;
	}
	
.testomenu {
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	}
	
.note {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7e7e7e;
	margin:20px 0 0 0;
	padding:5px 0 0 5px;
	border-top:solid #CCCCCC 1px;
	}
	
.testomenu a, .testomenu a:link, .testomenu a:visited {
	text-decoration:none;
	color:#333333;
	}
	
.testomenu a:hover {
	color:#000000;
	}
	
a, a:link, a:visited {
	text-decoration:none;
	color:#FF9900;
	}
	
a:hover {
	text-decoration:underline;
	color:#FF9900;
	}
 
