/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.fltrow{ /* filter grid row appearance */
	height:20px;
	background-color:#f4f4f4;
}
.btnflt{ /* button appearance */
	font-size:11px;
	margin:0 2px 0 2px; padding:0 1px 0 1px;
	text-decoration:none; color: #fff;
	background-color:#666;
}
.flt{ /* filter (input) appearance */
	background-color:#f4f4f4; border:1px inset #ccc; 
	margin:0; width:100%;
}
.flt_s{ /* small filter (input) appearance */
	background-color:#f4f4f4; border:1px inset #ccc; 
	margin:0; width:80%;
}
.inf{ /* div containing left, middle and right divs */
	clear:both; width:auto; height:20px; 
	background:#f4f4f4; font-size:11px; 
	margin:0; padding:1px 3px 1px 3px; 
	border:1px solid #ccc;
}
.ldiv{ /* left div */
	float:left; width:30%; position:inherit; 
}
.mdiv{ /* middle div */
	float:left; width:30%; position:inherit; text-align:center; 
}
.rdiv{ /* right div */
	float:right; width:30%; position:inherit; text-align:right; 
}
.loader{ /* loader appearance */
	position:absolute; padding: 15px 0 15px 0;
	margin-top:7%; width:200px; left:40%; 
	z-index:1000; font-size:14px; font-weight:bold;
	border:1px solid #666; background:#f4f4f4; 
	text-align:center; vertical-align:middle;
}
div.mdiv select{ height:20px; }/*paging drop-down list*/
div.inf a{ color:#CC0000; }/*link appearence in .inf div*/
div.inf a:hover{ text-decoration:none; }/*link appearence in .inf div*/
.tot{ font-weight:bold; }/*rows counter*/
.even{ background-color:#fff; }/*row bg alternating color*/
.odd{ background-color:#f4f4f4; }/*row bg alternating color*/

table strong { font-variant:small-caps; }
caption{ margin:10px 0 0 5px; padding:10px; text-align:left; }
pre{ font-size:13px; margin:5px; padding:5px; background-color:#f4f4f4; border:1px solid #ccc; }
.table1 { width:100%; font-size:12px; border:1px solid #ccc; }
th{ background-color:#003366; color:#FFF; padding:2px; border:1px solid #ccc; }
td{ padding:2px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }

h1 {font-size:larger;text-align:center;font-variant:small-caps;
    font-family: "Palatino Linotype", "New Century Schoolbook", "Times New Roman", TimesNR, Times, serif;}
h2 {text-align:center;}
#orario {font-size:small; text-align:center;}
#recapiti {font-size:smaller; text-align:center;}
a {text-decoration:none; color: blue;}
a:hover {color: red;}
a:visited {color: blue;}

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

#elenco li {
 float: left;
/* width: 9em; */
}

#elenco a {
 display: block;
 padding: 0.5em;
 background-color: #00089B;
 color: #FFFFFF;
 text-decoration: none;
}

#elenco a:hover {
 background-color: #CCDDFF;
 color: #000000;
}

#targetArea, #blindArea {
 clear: both;
 padding: 0.5em 1.5em;
 margin-bottom: 2em;
 background: #FFFFFF;
 height: auto;
 overflow: auto;
}

body, div, html, p {font-family: Georgia, 'Times new roman', Times;}
body {background: url('CheruBino.png') center fixed no-repeat;}
code.code {font-family: 'Bitstream vera sans mono', 'Courier New', 'Courier', monospace;}
div.comment {padding: 5px; color: #999999; font-size: 80%;}
div.comment a {color: #6699cc;}
div#body {width: 70%; margin: 5px; padding: 5px;} /* holds non-toc content */
div#toc {position: fixed; top: 60px; left: 73%; z-index: 2; margin-top: 5px; margin-left: 5px; border: 1px solid gray; padding: 5px; background-color: #f6f6f6; width: 23%; overflow: auto; max-height:80%; font-size: 90%;} /* holds content table (toc) */
div#top {font-size: 100%; margin: 5px; padding: 5px;} /* holds all content */
div#titolo {font-size: 140%; text-align:center;}gray
div.monospace {overflow: auto; font-family: 'Bitstream vera sans mono', 'Courier New', 'Courier', monospace;}
div.sub-section {padding-left: 15px;}
div.sub-sub-section {padding-left: 30px;}
h1 {font-size: 160%; margin-top: 5px; margin-bottom: 5px;}
h2 {font-size: 140%; float: left; margin-top: 15px; margin-bottom: 5px;}
h3 {font-size: 120%; float: left; margin-top: 15px; margin-bottom: 5px;}
h4 {font-size: 110%; float: left; margin-top: 15px; margin-bottom: 5px;}
hr {margin-top: 15px; margin-bottom: 5px;}
img {}
input, textarea {font-family: 'Bitstream vera sans mono', 'Courier New', 'Courier', monospace;}
p.subtle {color: gray; padding: 0; padding-top: 80%; margin: 0;}
p.subtle a, p.subtle a:visited {color: #6699cc;}
span.item-no {color: black;}
span.subtle {color: gray; margin: 0; padding:0;}
span.subtle a, span.subtle a:visited {color: #6699cc;}
span.term {font-family: 'Bitstream vera sans mono', 'Courier New', 'Courier', monospace;}
span.toc-item {color: black;}
span.totop {float: right; margin-top: 15px; margin-bottom: 5px;}
span.totop a, span.totop a:visited {color: #6699cc;}
@media screen {

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { background:none !important; padding:0 !important; margin:0 !important; }

/* Make sure the icons are not cut */
a[href^="http:"], a[href^="https:"], a[href^="mailto:"], a[href^="http:"]:visited, 
a[href^="https:"]:visited, a[href$=".pdf"], a[href$=".doc"], a[href$=".rtf"], a[href$=".xls"], a[href$=".rss"], 
a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}

/* External links */
a[href^="http:"]          { background-image: url(img/external.png); padding-right: 14px; } 
a[href^="https:"]          { background-image: url(img/external.png); padding-right: 14px; } 
a[href^="mailto:"]        { background-image: url(img/email.png); }
a[href^="http:"]:visited  { background-image: url(img/visited.png); }
a[href^="https:"]:visited  { background-image: url(img/visited.png); }

/* Files */
a[href$=".pdf"]   { background-image: url(img/pdf.png); }  
a[href$=".doc"]   { background-image: url(img/doc.png); }  
a[href$=".rtf"]   { background-image: url(img/doc.png); }  
a[href$=".xls"]   { background-image: url(img/xls.png); }  
 
/* Misc */
a[href$=".rss"], 
a[href$=".rdf"]   { background-image: url(img/feed.png); }
a[href^="aim:"]   { background-image: url(img/im.png); }
a[href^="arte.unipi.it"] { background:none; padding:0; margin:0; }

}
@media="only screen and (max-device-width: 480px)" {
div#toc {width: 0%; height: 0%; font-size: 0%; display: none;}
div#top {width: 95%; height: 95%;}
div#body {width: 95%; height: 95%;}
}

@media screen,projection { /* fixes for old IE */
* html, * html body {overflow-y: auto!important; height: 100%; margin: 0; padding: 0;}
* html div#body {height: 100%; overflow-y: auto; position: relative;}
* html div#toc {position: absolute;}
}

@media print {
div#toc {width: 0%; height: 0%; font-size: 0%; display: none;}
div#top {width: 95%; height: 95%;}
div#body {width: 95%; height: 95%;}
h2 {page-break-before: always;}
h3 {page-break-after: avoid;}
table {page-break-inside: avoid;}
}