@charset "iso-8859-1";

/*
--------------------------------------------------------------
   Theme: ELEGANT
   File: main.css
--------------------------------------------------------------
*/

/* Global settings
--------------------------------------------------*/
* {margin: 0; padding: 0;}
body, html {background: #eee;}
body {margin: 0; padding: 0;}
ul {list-style: none;}

/* Import set of files - !full path!
--------------------------------------------------*/
/*
@import("/design/elegant/layout.css");
@import("/design/elegant/color.css");
@import("/design/elegant/typo.css");
@import("/design/elegant/extra.css");
*/

body {
   color: #444;
   font: .8125em Verdana, Arial, sans-serif;
}

/* Links
--------------------------------------------------*/
a {text-decoration: none; border-bottom: 1px solid #d6d6d6;}
a img {border: none;}
a:link, a:visited {color: rgb(0,77,141);/*border-bottom: 1px dotted rgb(0,77,141);*/}
html body a:hover {color: #000; background-color: rgb(230,240,255);
  border-bottom: 1px solid rgb(0,77,141);}
#quickbar a, #masthead a, #header a, #nav a, #nav2 a, #allnav a, #subnav a, .sidenav, #sidebar a,
#menu a, .banner a, a.button, #main h1 a, .title a:link, .title
a:visited, .byline a:link, .byline a:visited {border-bottom-width: 0; background: none;}
#main h1 a:hover, .title a:hover, .byline a:hover {border-bottom-width: 1px;}

a.image, a.image:hover {border: none; background: none;}

a[href^="http"]:not([href*="fe.infn.it"]):not([href*="unife.it"]):after
{
  margin-left: 3px;
  padding-left: 1px;
  content: url(/images/design/link.gif);
}

a[rel="external"]:after
{
  margin-left: 5px;
  padding-left: 1px;
  content: url(/images/design/new.gif);
}


/* Headings and paragraphs
--------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {font-weight: normal; color: rgb(0,77,141); letter-spacing: 1px;}

h1 {font: 180% Georgia, "Times New Roman", serif; font-weight: bold;
   text-align: center; letter-spacing: 0;}
h2 {font: 180% Georgia, "Times New Roman", serif;
   margin: 1em 0 .6em 0; text-align: right; border-bottom: 2px #ff7f00 solid;}
h3 {font-size: 140%; font-weight: bold; text-transform: uppercase;
   margin: 1em 0 .3em 0;}
h4 {font-size: 140%; font-weight: bold; font-variant: small-caps;
   margin: 1em 0 .4em 0;}
h5 {font-size: 100%; font-weight: bold; text-transform: uppercase;
   letter-spacing: 4px;}
h6 {font-size: 140%; font-weight: bold; font-variant: small-caps;}
   

.title {font-weight: bold; font-variant: small-caps; text-align: center;}
.title span {display: block; font-size: 150%; color: #ff7f00;}

#mainblock p {text-align: left; line-height: 1.8em;
   margin: 0 0 12px;}
   
.note {display: block; margin: 1em; padding: 1em; background-color: #eee; border: 1px solid #ccc; font-size: 80%; color: #666; line-height: 1.2em;}

/* Layout (three columns)
--------------------------------------------------*/
#wrapper { /* Contiene tutte e tre le colonne */
   clear: both;
   margin: 0;
   padding: 0;
   width: 980px;
}
#mainblock {
/* Contiene le due colonne a dx: #content (centro) e #secondary (dx) */
   float: right;
   margin: 0;
   padding: 0 20px;
   width: 740px;
}
#content {
   float: left;
   margin: 0;
   padding: 20px 20px 20px 0;
   width: 540px;
}
#secondary {
   float: left;
   margin: 0;
   padding: 20px 0 20px 20px;
   width: 160px;
}
#sidebar {
   float: left;
   margin: 0;
   padding: 20px 0 20px 20px;
   width: 160px;
}
.clear {clear: both; padding-bottom: 1px; margin-bottom: -1px;}

/* Design (three columns)
--------------------------------------------------*/
#wrapper {background-color: #f4f2e4; background-color: #feeeab;
   background: #eee url(/images/design/bgLeftCol.gif) repeat-y;}
#mainblock {background: #fff url(/images/design/bgTwoCol3.gif) repeat-y;}
#content {}
#secondary {}
#sidebar {}
#secondary, #sidebar {font-size: .8em; line-height: 1.3em;}

#secondary .sysmsg {margin-bottom: 20px;}
#secondary .sysmsg p {line-height: 1.4; margin: 0;}

/* Page Top
--------------------------------------------------*/
#skip {display: none;}

#quickbar {margin: 0; padding: 10px 0 5px 0; width: 100%; background: #eee;
   text-align: right; font-size: 1em;}
#quickbar ul {list-style-type: none; margin-right: 1em;}
#quickbar li {display: inline;}
#quickbar a {margin-left: 10px; padding: 0 1px;
   color: rgb(0,77,141);
   text-decoration: none; font-weight: normal;}
#quickbar a:hover, #quickbar a:focus {color: #ff7f00;
   text-decoration: underline;}
#quickbar a:active {color: #333;}

#masthead {position: absolute; z-index: 10; top: 10px; left: 30px;}
/*#masthead h1 {line-height: 0;} */
#masthead a {display: block;}
#masthead a:hover {}

#leaderboard {margin: 0; padding: 0 0 0 200px; min-width: 800px;
   height: 60px; overflow: hidden;
   background: rgb(186,206,234);
   border: 1px solid rgb(0,77,141); border-width: 1px 0 1px 0;}
#leaderboard h1 {text-align: left; padding-top: 9px;
   font: 18px "Lucida Grande", Verdana, sans-serif;
   text-transform: uppercase;}
#leaderboard h1 span {display: block; font-weight: bold;}

#headbar {margin: 0; padding: 0 0 0 200px; min-width: 800px;}
#headbar {height: 40px; overflow: hidden;
   background: rgb(186,206,234);
   border: 1px solid rgb(0,77,141); border-width: 6px 0 1px 0;}
#headbar h1 {margin: 0; padding: 10px 0; text-align: left;
   font-family: Verdana, sans-serif; font-size: 130%; font-weight: normal;
   font-variant: small-caps; text-transform: uppercase; color: #ff7f00;}
#headbar h1 span {font-weight: bold; color: rgb(0,77,141);}


/* Banners (three sizes) & pict & quicklinks
--------------------------------------------------*/
div.banner {background: #eee; border: 1px solid #999;
   margin-top: 0; margin-bottom: 20px; height: 88px; overflow: hidden;}
#mainblock>div.banner {width: 738px; margin: 20px 0 0;}
#content div.banner {width: 538px;}
#secondary div.banner, #sidebar div.banner {width: 158px; height: 60px;}

#secondary div.pict {margin: 0 0 20px 0; width: 160px;}
.pict img {background: #eee; border: 1px solid #999; width: 158px; height: 158px;}
#secondary .pict p {font-style: italic; font-weight: bold;
   font-family: Georgia, "Times New Roman", serif;
   margin: 3px 0 18px; line-height: 1.2; width: 120px;}
   
#secondary select {width: 160px;}

/* Nav (in alto)
--------------------------------------------------*/
#nav {font-size: 14px; padding-left: 200px;
    margin: 0; border-bottom: 1px solid rgb(0,77,141);
}
#nav ul {list-style: none; margin: 6px 0; padding: 0;}
#nav a {display: inline; color: rgb(0,77,141);}
#nav li {display: inline; margin: 0; padding: 0;}
#nav li a{
    text-decoration: none;
    padding: 0px 6px;}


#nav li a:hover{
    background: none;
    border-bottom: 2px solid #ff7f00;
}

#nav li.on a{
    border-bottom: 0px dashed rgb(0,77,141);
    background: none;
    color: #ff7f00;}
	

/* Nav (in sidebar)
--------------------------------------------------*/

#sidebar {font-size: .8em; line-height: 1.5; }
#sidebar a {}
#sidebar .menu1 {font-size: 13px; margin-bottom: 1em; border-top: 2px solid white; border-bottom: 2px solid white;}
#sidebar ul, #sidebar li {list-style: none;}

#sidebar ul a{
    display: inline;
    color: rgb(0,77,141);
    text-decoration: none;
    padding: 0;
    margin: 0;
	}

#sidebar ul ul a {color: #444;}

#sidebar li a:hover{
    color: #ff7f00;
}

/* Set indenting and spacing */
#sidebar ul ul {margin-left: 12px;}
#sidebar ul li {padding: 3px;}
#sidebar ul ul li {padding: 0; font-size: 11px;}

/* Set selected item's behaviour */
#sidebar li {background: #eee; border: 1px solid #eee;}
#sidebar li.on {background: #f6f6f6; border: 1px solid white;}
#sidebar li.on li {background: #f6f6f6; border: 1px solid #f6f6f6;}
#sidebar li.on li a {color: #444;}
#sidebar li.on a, #sidebar li li a:hover {color: #ff7f00;}
#sidebar li.on li.inner a {padding: 0px 11px; color: rgb(0,77,141); background: #e6e6e6; border: 1px solid #ccc;}


/* Page Bottom
--------------------------------------------------*/
#footer, #copyright {
   clear: both;
   margin: 0;
   padding: 1em;
   font-size: .85em;
   line-height: 1.3em;
}
#footer {
   background: #FBFAF4;
   background: rgb(186,206,234);
   border: 1px solid rgb(0,77,141);
   border-width: 1px 0 6px 0;
}
#copyright {
   padding: 6px 1em;
   background: #eee;
   text-align: right;
}
#footer address {
   font-style: normal;
   padding-left: 200px;
}

/* Tabelle */

table, tr, td, th {color: #434343; font-size: .95em; border: 1px solid #006; border-collapse: collapse;}
td {color: #434343; font-size: 11px; padding: 10px; margin-top:1em;}
th {background: rgb(186,206,234); padding: 10px; color: rgb(0,77,141);}


/* Form, ul, li, dl, dd, dt, code, cite in #content */

#content form#grey {
    margin: 0 0 1em 0;
    padding: 1em;
    background: #eee;
    background: rgb(186,206,234);
    background: rgb(230,240,255);
    border: 1px solid #ccc;
}

#content fieldset {
    display: block;
    padding: 1em 1em 0 1em;
    margin-bottom: 1em;
    color: rgb(0,77,141);
    border: 1px solid #ccc;
}

#content legend {padding: 0 6px; margin: 0; }

#content form p {
    padding: 6px; font-size: 11px; color: rgb(0,77,141);
    border: 1px solid white;
    border-width: 1px 5px;
}

#content label {}

#content ul {margin: 1em 0 1em 3em; list-style-type: disc; color: #222;}
#content li {margin-bottom: 0.5em;}

#content dl {padding: 1em 0 0 0; margin: 0.5em 0 1em 0; border-top: 2px solid rgb(0,77,141); border-bottom: 2px solid rgb(0,77,141);}
#content dt {background-color: #eee; border: 1px dashed #ccc; margin: 0 1em; padding: 2px 3px;}
#content dt a {border: none;}
#content dd {margin: 0 1em 1em 1em; padding: 4px 5px;}

#content code {font-size: 12px;}

cite {color: #999; font-style: normal; font-size: .8em;}

/* Biglietto da Visita in Rubrica */
#pdata {
    width: 400px;
	margin: 20px auto;
	padding: 6px;
	background: rgb(186,206,234);
	border: 1px solid rgb(0,77,141);
}

#pdata h3 {
    color: rgb(0,77,141);
	margin: 0 0 1em 0;
	padding: 0;
	border-bottom: 4px #eee solid;
}

#pdata p {
	margin: 3px 0;
}

#pdata img.photo {
	float: right;
	margin: 6px 6px 0 0;
	width: 100px;
	height: 100px;
	border: 3px dotted #eee;
}



/* IE5.x - Win Hacks
--------------------------------------------------*/

#wrapper {width: 980px; voice-family: "\"}\""; voice-family: inherit; width: 980px;}
#mainblock {width: 780px; voice-family: "\"}\""; voice-family: inherit; width: 740px;}
#content {width: 560px; voice-family: "\"}\""; voice-family: inherit; width: 540px;}
#secondary {width: 180px; voice-family: "\"}\""; voice-family: inherit; width: 160px;}
#sidebar {width: 200px; voice-family: "\"}\""; voice-family: inherit; width: 160px;}