@charset "UTF-8";
/* CSS Document */

@import url(/css/layout_restyle.css);

body {font: x-small/1.4em Helvetica, Arial, sans-serif;
   	color: #444444;
	font-size/* */:/**/small;
	font-size: /**/small;
	margin:0;
	padding:0}
	
h2, h3, h4, h5 {font-family:Georgia, "Times New Roman", Times, serif;
margin-top:0;
margin-left:16px}

h2 {padding-top:24px;
margin:0 16px}

h3 {color:#992d9d;
font-size:1.6em}

h4, h5 {margin-bottom:6px}

ul {margin:0;
padding:0;
list-style-type:none}

/* home */

.home h2 {width:518px;
height:63px;
margin:0;
padding:20px 0 0 20px;
color:#00417C;
background:url(/img/pari04.gif) no-repeat left top}

	
	
	
	
	
	
/* =============== */
/*    STRUTTURA    */
/* =============== */
	
#container {width:1000px;
position:absolute;
left:50%;
margin-left: -500px;
background:url(/img/header.jpg) no-repeat left top}
	
#content-wrapper, #content {width:1000px}

#content {margin:24px 0 0;
}

#header {width:1000px;
height:140px}

#content-main {width:700px;
float:left}

#content-right {width:auto;
margin:0 0 0 700px}

#content-center {width:500px;
float:right}

#content-left {width:auto;
margin:0 500px 0 0}

div.column-padding {padding:0 16px} /* side padding for elements within content-left, content-right */

#content-center div {padding:0 24px} /* side padding for elements within content-center */

#content-center div div {padding:0} /* resets padding for nested divs within content-center */

#content-cleaner {width:1000px;
height:13px;
line-height:1px;
font-size:xx-small;
background:url(/img/bkgr-roundwhite-bottom.png) no-repeat 200px bottom}

#footer {clear:both;
color:#ffffff;
width:1000px;
padding:15px 0 9px;
margin-top:12px;
background:url(/img/footer2.jpg) no-repeat left top}

/* ----to obtain two-column structure (big on left) instead of three---- */

.two-columns #content {background:url(/img/bkgr-pinkcolumn-700.gif) repeat-y left top}

.two-columns #content-left {display:none}

.two-columns #content-center {width:700px;
margin:0;
background:url(/img/bkgr-roundwhite-700.png) no-repeat left top}

.two-columns #content-center h4 {border:0;
margin-left:0;
padding-left:0}

.two-columns #content-cleaner {background:url(/img/bkgr-roundwhite-bottom-700.png) no-repeat left bottom}

/* ----to invert and have main column on the left (not centered)---- */

.three-inverted #content {background:none}

.three-inverted #content-center {width:500px;
float:left;
background:url(/img/bkgr-roundwhite.png) no-repeat left top}

.three-inverted #content-left {width:auto;
margin:0 0 0 500px}

.three-inverted #content-left .column-padding {padding:0 0 0 16px}

.three-inverted #content-cleaner {background:url(/img/bkgr-roundwhite-bottom.png) no-repeat left bottom}









/* ======================= */
/*          STYLES         */
/* ======================= */

#container {background:url(/img/header.jpg) no-repeat left top}

#content-wrapper {background:url(/img/bkgr-bluetop.png) repeat-x left top}

#content {background:none}

#content-center {background:url(/img/bkgr-roundwhite.png) no-repeat left top}

#content a {color:#78256F}

#content a:hover {color:#CC0000}

#content ul {margin:0 0 16px}

.column h4 {margin-left:0;
padding-top:8px}

.column div ul {margin:0}

#content-left h4, #content-right h4 {border-bottom:1px solid #444444}

#content-left ul li, #content-right ul li {border-bottom:1px solid #aaaaaa;
padding:4px 3px 2px}

.column ul li a, .column ul li a:visited {text-decoration:none}

#content-left ul li a {color:#0A581A;}

#content-left div {padding-bottom:12px}

#content-right a  {color:#125687}

/* home */

.home #content-wrapper {background:url(/img/pari01.jpg) no-repeat right top}




/* -----HEADER----- */
	
#header h1 {width:471px;
	height:123px;
	margin:0;
	padding:0;
	font-size : xx-small;}
	
#header h1 a {
	display: block;
	width: 471px;
	text-decoration: none;
	overflow: hidden;
	padding: 123px 0 0 0;
	height: 0px !important;
	height /**/:123px; /* for IE5/Win only */}
	
	
	
	
/* ----MAINBOX---- */

#mainbox {width:1000px;
background:#d6e3f0;
padding-top:24px}

#mainbox .column {float:left;
padding-top:8px}

#mainbox #mainbox-left {width:200px}
#mainbox #mainbox-center {width:500px;
background:url(/img/bkgr-mainbox.gif) repeat-y -198px 0}
#mainbox #mainbox-right {width:300px;
background:url(/img/bkgr-mainbox.gif) repeat-y -698px 0}

#mainbox p {padding:0 24px;
margin-top:0}

#mainbox a {color:#006600}

#mainbox a:hover {color:#FF6600}

#mainbox-center img {margin:0 24px;
border:1px solid #444444;
float:left}

#mainbox .cleaner {width:1000px;
height:12px;
line-height:12px;
background:url(/img/box-bottom.png) no-repeat left bottom}

/* home */

.home #mainbox {background:#528bbd url(/img/pari01.jpg) no-repeat right -83px}

.home #mainbox .cleaner {background:#528bbd url(/img/pari0203.gif) no-repeat left bottom}

.pari01, .pari02 {float:left;
color:#ffffff;
display:block}

.pari01 {width:538px;
text-align:justify;
background:#528bbd}

.pari02 {width:462px}

#mainbox .pari01 p {padding:12px 16px 0;
margin:0}

#mainbox .pari02 p {padding:36px 20px 0 90px;
font-style:italic;
text-align:right}

#mainbox .pari01 a {color:#FFCC66}

#mainbox .pari01 a:hover {color:#003366}





	
/* ----CONTENT-CENTER---- */

#content-center h4 {color:#444444}

#content-center div {background:none}

#content-center a {color:#78256f}

#content a:hover {color:#FF0000}

#content-center img {border:1px solid #444444}

/* home */

.home #content-center div div {background:none;
padding:0}

/* h3 with purple box */

#content-center h3 {background:url(/img/box-home.png) no-repeat left top;
padding:39px 0 8px 16px;
margin-left:0;
margin-bottom:0;
color:#ffffff}

#content-center h3.top {background:url(/img/box-home.png) no-repeat 0 -23px;
padding:16px 0 8px 16px} /* top class is necessary for 1st h3 at the top of the page */

#content-center div.box  {background:url(/img/box-home-bottom.png) no-repeat left top;
margin:0;
padding:24px 16px 24px} /* box class is necessary following h3 */

/* h3 without the purple box */

.books #content-center h3, .about #content-center h3 {background:none;
padding:0;
margin:16px 0;
color:#69286B}





/* ----FOOTER---- */
	
#footer p {margin-right:100px;
text-align:center}



/* ----OTHER---- */

.cleaner {clear:both}	






/* ================================ */
/*          SPECIFIC PLACES         */
/* ================================ */

/* ---CATALOGUE TABLE--- */

#content-center table#catalogue {}

#content-center table#catalogue tr {background:url(/img/bkgr-catalogue.png) repeat-x left bottom}

#content-center table#catalogue td {padding:8px 0 6px 16px}

#content-center table#catalogue td h4 a {text-decoration:none}


/* ---MAINBOX RIGHT--- */

.books #mainbox-right p {padding-top:24px}

.books #mainbox-right .bookstores {background:url(/img/bookstores.png) no-repeat 17px 5px}
.books #mainbox-right .paripub {background:url(/img/paripub.png) no-repeat 17px 5px}

.books #mainbox-right form {padding-left:24px}


/* ---AUTHORS PHOTO--- */

.authors #content-center img {float:left;
margin-right:18px}