/*===============================================
   CASOart Styles  v. 2.5
   Alessio Cartocci  [terrafertile  © 2005/06]
===============================================*/


/*  general
-------------*/

html {height: 100%; margin-bottom: .01em;}

body
{	/*font: 100% "Courier New", "Times New Roman", Arial, Geneva, Helvetica, sans-serif;
	font: 100% Arial, Geneva, Helvetica, sans-serif;*/
	font: medium "Trebuchet ms", "Futura", "Gill Sans", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: #f5f5f5 url(../images/filter2.gif) repeat-y;
	padding: 0;
	margin: 0; }

hr {display: none;}
p {padding: 0; margin: 0;}
a {text-decoration: none; color: #000; background-color: inherit;}
a:hover {text-decoration: underline;}
img {border: 0;}
acronym, abbr, dfn, .abbr {border-bottom: #000 1px dashed; cursor: help;}
address {margin-left: 12px;}
form, script, noscript {padding: 0; margin: 0;}

blockquote
{	font-size: .9em;
	font-style: italic;
	margin-bottom: 2em; }

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

.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.relative {position: relative;}
.clear {clear: both; visibility: hidden;}
.none {display: none;}
.upper {text-transform: uppercase;}
.lower {text-transform: lowercase;}
.normalcase {text-transform: none;}
#content p.small {font-size: 90%; font-style: italic;}

.hidden
{	width: 2px;
	height: 0;
	font-size: .1em;
	left: -1000em;
	position: absolute;
	visibility: hidden;
	overflow: hidden; }



/*  layout
-------------*/

#layout
{	/*width: 760px;*/
	min-width: 760px;
	width: 89%;
	padding: 0 0 12px 0;
	margin: auto;
	border-top: #999 1px solid; }

#top
{	/*width: 762px;*/
	min-width: 762px;
	width: 89%;
	font-size: .7em;
	text-align: right;
	padding: 3px 0;
	margin: 0 auto;
	color: #000;
	background-color: #f5f5f5; }

#top li {display: inline;}
#top p {text-align: left;}

#top .vspace
{	padding-right: .5em;
	margin: 0;
	border-right: #ccc 1px solid; }

#top .access
{	font-size: 105%;
	font-weight: bold;
	letter-spacing: .1em;
	padding: 0 .2em;
	float: left; }

#top a.access {color: #ff3300; background-color: inherit;}

#top a.access:hover
{	color: #ffff00;
	text-decoration: none;
	background-color: #000; }

#testata
{	position: relative;
	text-align: left;
	padding-top: 113px; /*padding-top: 7em;*/
	color: #000;
	background-color: #f5f5f5; }

ul#home li.first a, #testata div.logo
{	position: absolute;
	width: 417px;
	height: 95px;
	left: -32px;
	top: 6px;
	z-index: 5;
	background: url(../images/logoN.gif) no-repeat; /*#f5f5f5*/  }

#testata ul.marquee
{	width: 288px;
	height: 60px; /*height: 88px; height: 4.3em;*/
	font-size: .71em;
	position: absolute;
	top: 23px;
	right: 0;
	/*text-align: center;*/
	overflow: auto;
	padding-left: 6px; /*padding-top: 12px;*/
	/*border-top: #bbb 4px solid;*/
	border-bottom: #bbb 4px solid;
	z-index: 20;
	color: #000;
	background-color: #ddd; }

ul#home li a {color: #800; background-color: inherit;}

.large ul#home li.first a, #testata div.logo
{	width: 429px;
	height: 100px;
	color: #000;
	background-color: #f5f5f5; }

/*.large #testata ul.marquee {width: 45%;}*/

#contentbox
{	padding: 0;
	margin: 0 0 0 32px;
	color: #000;
	background-color: #c9c9c9; }

#foot
{	/*width: 762px;*/
	min-width: 762px;
	width: 89%;
	position: relative;
	padding-bottom: 25px;
	margin: 0 auto;
	border-top: #999 1px solid; }

.large #top, .large #layout, .large #foot {width: 99%;}

ul#home ul.marquee li a {margin-bottom: .7em;}

ul#home li.news
{	width: 294px;
	height: 20px;
	position: absolute;
	top: 12px;
	right: 0;
	z-index: 20;
	border-bottom: #bbb 3px solid;}

ul#home li.news a {padding-right: 6px;}


/*  menu + pathbar 
---------------------*/

#menudx
{	width: 9.05em;
	max-width: 220px;
	/*font-weight: bold;
	line-height: 1.1em;*/
	position: absolute;
	top: 113px;	/*top: 7em;*/
	right: 0;
	background: url(../images/menudx.gif) repeat-y; }

.large #menudx {width: 9.5em; max-width: 30%;}
.home #menudx {max-width: 303px;}

#menudx ul
{	color: #c9c9c9;
	text-align: left;
	padding: 6px 0;
	text-transform: lowercase;
	margin-left: 14px;
	background: #555 url(../images/bottomenu.gif) bottom right no-repeat; }

#menudx ul ul
{	font-size: .9em;
	font-weight: normal;
	padding: 0 0 .3em 0;
	margin-left: 0;
	border-left: none; }

#menudx ul.showed
{	position: absolute;
	top: 0;
	right: 100%;
	width: 8.9em;
	max-width: 370px;
	visibility: visible;
	padding: .2em 0 .2em 12px;
	margin: -.2em 0 0 0;
	border: #999 1px solid;
	color: #c9c9c9;
	background: #555 url(../images/menudx.gif) -18px 0 repeat-y; }

#menudx ul.hidden {overflow: visible;}

#menudx li
{	position: relative;
	padding: 1px 0;
	margin: .2em 0; }

#menudx li li
{	padding: 0 0 0 15px;
	margin: .15em 0;
	background: url(../images/selez.gif) no-repeat; }

#menudx li a 
{	color: #fff;
	width: 7.4em;
	text-decoration: none;
	display: block;
	padding-left: 5px;
	border-top: #555556 1px solid;
	border-right: #555556 1px solid;
	border-bottom: #555556 1px solid;
	border-left: none;
	background-color: #555; }

#menudx ul.showed li {padding: 0 0 0 20px; margin: .2em 0 .3em 0;}
#menudx ul.showed li a {width: 8em;}
.large #menudx li a {width: 7em;}
.large #menudx li li a {width: 8.4em;}

#menudx li.selez a, #menudx li.selez a:hover
{	padding: 0;
	color: #fff;
	background-color: inherit;
	border: none; }

#menudx li a:hover, #menudx li a:focus, #menudx li a:active,
#menudx li.selez li a:hover, #menudx li.selez li a:focus, #menudx li.selez li a:active
{	color: #ccc;
	border-color: #ccc;
	background-color: #000; }

#menudx li li a {color: #fff; background-color: inherit;}
#menudx ul.showed li {padding: 0; background: none;}
#menudx li.selez, #menudx li.selez li a {padding: 2px 0 2px 5px;}

#menudx li.selez li a:hover, #menudx li.selez li a:focus
{	width: 89.5%;
	padding: 1px 0 1px 5px;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	border-left: none; }

#menudx li li.selez
{	font-weight: bold;
	color: #f0f0f0;
	background-color: inherit;
	padding-left: 20px; }

#menudx ul.showed li.selez
{	width: 89.5%;
	padding: 1px 0 1px 5px;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	border-left: none; }

#pathbar
{	min-width: 500px;
	position: relative;
	text-transform: lowercase;
	padding: 0 12px;
	margin-right: 9em;
	border-top: #ccc solid 1px;
	border-right: #ccc 1px solid;
	border-bottom: none;
	border-left: #ccc 1px solid;
	color: #000;
	background-color: #f0f0f0; }

.large #pathbar {min-width: 68.6%; margin-right: 9.5em;}
#pathbar * {font-size: .8em;}
#pathbar span.selez {color: #555; background-color: inherit;}
#pathbar em {font-size: .7em;}



/*  content + indice
-----------------------*/

#content
{	min-width: 506px;
	min-height: 500px;
	text-align: left;
	padding: 10px 0 6px 0;
	margin-right: 9em;
	border-top: none;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	border-left: #ccc 1px solid;
	color: #000;
	background-color: #fff; }

.large #content {min-width: 70%; margin-right: 9.5em;}

.home #content
{	width: auto;
	height: 500px;
	border-top: #ccc 1px solid;
	border-right: none;
	border-bottom: none;
	border-left: #ccc 1px solid;
	background-color: transparent; }

.home #content.auto {height: auto;}

#content h2
{	color: #555;
	font-size: 1.9em;
	line-height: 2.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 10px 0 0;
	background-color: #e9e9e9; }

#content h2 span
{	display: block;
	width: 6.5em;
	padding: 0 .5em 0 10px; }

#content h2 span span
{	display: inline;
	width: auto;
	padding: 0; }

#content h3
{	color: #555;
	background-color: inherit;
	font-size: 1.3em;
	text-transform: lowercase;
	margin: .3em 10px .5em 10px;
	border-bottom: #ccc 1px solid; }

#content p, #content address
{	font-size: .95em;
	line-height: 140%;
	margin: 0 12px 1.4em 12px; }

/* per font Arial: line-height: 140%; margin: 0 12px 1.8em 12px; */

#content p:hover, #content p.hover,
#content ul.info:hover, #content ul.infohover,
#content ul.links li a:hover, #content ul.linkshover li a {color: #000; background-color: #f0f0f0; /*#ffccff; #99ccff;*/}

p#firma:hover, p#firma.hover, p#wip:hover, p#wip.hover, p#homevent:hover {color: #000; background-color: inherit;}

p#homevent {margin-top: -12px; margin-bottom: 0; margin-left: 20px;}
p#homevent img {border: #999999 1px solid;}
#content p#homevent:hover {color: #000; background-color: transparent;}

#content h3.homevent
{	font-size: 2.2em;
	margin: 0 10px 0 0;
	width: 6.5em;
	border: none;
	text-transform: none;
	padding: .4em;
	color: #fff;
	background-color: #0000ff; }

#content p#homevent a, #content p#homevent a:hover {border: none; color: #000; background-color: inherit;}

#content img {margin: 5px 8px 1px 13px;}
#content p img {margin: 1px 8px 1px 1px;}
#content p a, #content ul.mail a {border-bottom: 1px solid;}

#content p a:hover, #content ul.mail a:hover
{	text-decoration: none;
	border-bottom-style: dashed;
	color: #000;
	background-color: #ccff99; }

#content img.cover
{	width: 96%;
	height:auto;
	margin-top: 0; }

#content p#firma
{	font-weight: bold;
	text-align: right;
	margin-top: 16px; }

#content ul.links
{	font-size: .8em;
	margin: -1em 0 1em 30px;
	list-style: disc; }

#casolinks
{	margin: 0 25px 1em 25px;
	padding-top: 8px;
	border: #669900 1px dashed;
	color: #000;
	background-color: #f0f0f0; }

#casolinks p {font-size: .8em;}

#casolinks p strong
{	font-size: 1.3em;
	color: #669900;
	background-color: inherit;
	text-transform: lowercase; }

#content ul.mail li {margin-top: 1em;}
#content ul.links li a {color: #000; background-color: #fff;}

#casolinks ul.links {color: #669900; background-color: inherit;}
#casolinks ul.links li a {color: #000; background-color: inherit;}
#casolinks ul.links li a:hover {color: #000; background-color: #ccff99;}

#content ul.thumb, #content ol.thumb {padding: 0; margin: 0 auto 0 15px;}

#content ul.thumb li, #content ol.thumb li {
	float: left;
	max-width: 7em;
	margin: 0 0 -3px 0; }

#content ul.thumb li img, #content ol.thumb li img
{	width: 6.4em;
	height: 6.3em;
	margin: 0; }

#content ul.thumb li img, #content ol.thumb li img {border: #fff .3em solid;}
#content ul.thumb li img:hover, #content ol.thumb li img:hover,
#content ul.thumb li a:focus img, #content ol.thumb li a:focus img {border-color: #ffff00;}

#contentfoot
{	height: 25px;
	position: relative;
	clear: both;
	border-top: none;
	border-right: none;
	border-bottom: #ccc 1px solid;
	border-left: #ccc 1px solid; }

#contentbox #marquee
{	width: 305px;
	height: 73px;
	position: absolute;
	top: 1.3em;
	left: 50%;
	text-align: center;
	padding: 0;
	margin: 12px 0 0 75px; }

.large #contentbox #marquee {right: 3%; width: auto;}
#marquee object {width: 305px; height: 60px; margin-top: 12px;}
.large #marquee object {width: 98%;}

.topsx
{	position: absolute;
	left: -1px;
	top: -1px;
	width: 18px;
	height: 20px;
	background: url(../images/pathsx.gif) no-repeat; }

#content .topsx
{	position: relative;
	background-image: url(../images/homesx.gif);
	display: block;
	margin-top: -10px; }

.bottomdx
{	position: absolute;
	bottom: -1px;
	right: 0;
	background-image: url(../images/bottomdx.gif);
	width: 18px;
	height: 18px; }



/*  random themes
--------------------*/

.random1 {color: #fff; background: #000 url(../images/home/random1.jpg) bottom right;}
.random1 h2 {background: url(../images/home/random1.jpg) repeat-x;}
.random1 #contentfoot {color: #fff; background: #000 url(../images/home/random1.jpg) bottom right;}
.random2 {color: #fff; background: #000 url(../images/home/random2.jpg) bottom right;}
.random2 h2 {background: url(../images/home/random2.jpg) repeat-x;}
.random2 #contentfoot {color: #fff; background: #000 url(../images/home/random2.jpg) bottom right;}
.random3 {color: #fff; background: #000 url(../images/home/random3.jpg) bottom right;}
.random3 h2 {background: url(../images/home/random3.jpg) repeat-x;}
.random3 #contentfoot {color: #fff; background: #000 url(../images/home/random3.jpg) bottom right;}
.random4 {color: #fff; background: #000 url(../images/home/random4.jpg) bottom right;}
.random4 h2 {background: url(../images/home/random4.jpg) repeat-x;}
.random4 #contentfoot {color: #fff; background: #000 url(../images/home/random4.jpg) bottom right;}



/*  sections
---------------*/

/** CASOart **/
#menudx li.casoart, #menudx li.casoart ul, #menudx li.casoart a,
#menudx li.casoart a:hover, #menudx li.casoart a:active {color: #000; background-color: #eeeedd;}
#menudx li.casoart li.selez {color: #555; background-color: inherit;}
#content .casoart h2 span {color: #000; background-color: #eeeedd;}
#testata .casoart {color: #000; background-color: inherit; border-color: #eeeedd;}
#content .casoart ul {list-style: disc; font-size: .95em; margin: -.5em 12px 1em 24px; padding-left: 20px;}
#content .casoart ul li {margin-bottom: .5em;}

/** collettivo **/
#menudx li.collettivo, #menudx li.collettivo ul, #menudx li.collettivo a,
#menudx li.collettivo a:focus, #menudx li.collettivo a:active,
#menudx li.collective, #menudx li.collective ul, #menudx li.collective a,
#menudx li.collective a:focus, #menudx li.collective a:active {color: #fff; background-color: #669900;}
#content .collettivo h2 span , #content .collective h2 span{color: #fff; background-color: #669900;}
#testata .collettivo, #testata .collective {border-color: #669900;}

#content .collettivo h3.scheda,
#content .collective h3.scheda
{	color: #669900;
	font-size: 1.25em;
	font-weight: bold;
	text-align: left;
	background-color: inherit; }

#content ul.collettivo, #content ul.collective {margin: 0 12px 6px 12px;}

#content ul.collettivo li,
#content ul.collective li
{	padding: 0;
	text-transform: lowercase;
	border-top: .2em double #669900;
	border-bottom: .2em double #669900;
	color: #000;
	background: #999900 url(../images/bkg_collettivo1.jpg); }

#content ul.collettivo li a, #content ul.collettivo li span,
#content ul.collective li a, #content ul.collective li span
{	width: 48%;
	color: #669900;
	font-size: 1.15em;
	font-weight: bold;
	padding: 0 9px;
	display: block;
	background-color: #c0e9ff; }

#content ul.collettivo li.bis,
#content ul.collective li.bis
{	border-top: .2em double #00fff9;
	border-bottom: .2em double #00fff9;
	text-align: right;
	color: #000;
	background: #00ffff url(../images/bkg_collettivo2.jpg); }

#content ul.collettivo li.bis a, #content .collettivo li.bis span,
#content ul.collective li.bis a, #content .collective li.bis span
{	width: auto;
	color: #fff;
	margin-left: 46.5%;
	background-color: #669900; }

#content ul.collettivo li a:hover, #content .collettivo li a:focus,
#content ul.collettivo li a:active,
#content ul.collective li a:hover, #content .collective li a:focus,
#content ul.collective li a:active {color: #666; background-color: #c0e9ff; text-decoration: underline;}

#content ul.collettivo li.bis a:hover, #content .collettivo li.bis a:focus,
#content ul.collettivo li.bis a:active,
#content ul.collective li.bis a:hover, #content .collective li.bis a:focus,
#content ul.collective li.bis a:active {color: #00ff00; background-color: #669900;}

/** artzine **/
#menudx li.artzine, #menudx li.artzine ul, #menudx li.artzine a,
#menudx li.artzine a:hover, #menudx li.artzine a:active {color: #000; background-color: #ffff00;}
#menudx li.artzine li.selez {color: #555; background-color: inherit;}
#content .artzine h2 span {color: #000; background-color: #ffff00;}
#testata .artzine {border-color: #ffff00;}

/** compilation + playlist **/
#menudx li.audio, #menudx li.audio ul, #menudx li.audio a,
#menudx li.audio a:focus, #menudx li.audio a:active {color: #fff; background-color: #cc3300;}
#content .audio h2 span {color: #fff; background-color: #cc3300;}
#content .audio h3 {margin-bottom: 1em;}
#testata .audio {border-color: #cc3300;}

ul#mmplaylist {width: 98%; text-transform: lowercase;}

ul#mmplaylist li
{	margin: 0 0 0 12px;
	text-align: right;
	padding: .3em 0 0 .1em;
	clear: left;
	color: #000;
	background-color: #f0f0f0;
	border-top: #ff3300 2px dotted; }

ul#mmplaylist li span, ul#mmplaylist li a {text-align: left; margin-bottom: .7em;}
ul#mmplaylist li span a {text-decoration: underline;}

ul#mmplaylist li a.play, ul#mmplaylist li a.stop
{	color: #555;
	font-size: .75em;
	text-align: right;
	text-decoration: none;
	padding: 0 2px .15em 27px;
	border-top: #ccc 1px solid;
	border-right: none;
	border-bottom: none;
	border-left: #ccc 1px solid;
	background: #fff url(../images/audio.gif) 2px 0px no-repeat; }

ul#mmplaylist li a.play  {color: #fff; background-color: #ff3300;}
ul#mmplaylist li a:hover {text-decoration: underline; color: #000; background-color: #ccc;}
ul#mmplaylist li a.play:hover, ul#mmplaylist li a.stop:hover {color: #000; background-color: #fff;}
ul#mmplaylist li object {width: 0;}

#mmobj {clear: both; height: 2px;}

/** video **/
#menudx li.video {color: #000; background-color: #00ccff;}
#content .video h2 span {color: #000; background-color: #00ccff;}
#testata .video {border-color: #00ccff;}

/** eventi **/
#menudx li.eventi, #menudx li.eventi ul, #menudx li.eventi a,
#menudx li.eventi a:hover, #menudx li.eventi a:active,
#content .eventi h2 span,
#menudx li.events, #menudx li.events ul, #menudx li.events a,
#menudx li.events a:hover, #menudx li.events a:active,
#content .events h2 span {color: #fff; background-color: #0000ff;}
#testata .eventi, #testata .events {border-color: #0000ff;}

/** casoshop **/
#menudx li.casoshop {color: #000; background-color: #ffcc99;}
#content .casoshop h2 span {color: #000; background-color: #ffcc99;}
#testata .casoshop {border-color: #ffcc99;}

/** contatti NO **/
#menudx li.contatti {color: #fff; background-color: #339966;}
#content .contatti h2 span {color: #fff; background-color: #339966;}
#testata .contatti {border-color: #339966;}

/** mappa **/
#menudx li.mappa {color: #000; background-color: #ccc;}
#content .mappa h2 span, #testata .mappa {color: #000; background-color: #ccc;}



/*  work in progress 
----------------------*/

p#wip
{	font-size: 1em;
	font-weight: bold;
	text-align: center; }



/*  messaggi
--------------*/

#avvertenza
{	font-size: .75em;
	padding: 4px;
	margin: 12px 18px;
	color: #000;
	background-color: #f0f0f0;
	border: #ccc 1px solid; }

#avvertenza ul
{	color: #ff3300;
	background-color: inherit;
	list-style: square;
	margin: 8px 0 0 55px; }

#avvertenza li {min-height: 17px;}
#avvertenza li a {color: #ff3300; background-color: inherit;}
#avvertenza img {margin: 0 .4em 0 0; float: left;}
#avvertenza .close {line-height: .7em; text-align: right;}

#avvertenza .close a
{	color: #fff;
	padding: 0 4px;
	margin: 0;
	text-decoration: none;
	background-color: #666; }

#imgavvertenza {float: right; height: 25px; margin-top: -45px;}
#imgavvertenza img {margin: 0 12px;}



/*  documenti
----------------*/
#doc
{	width: 164px;
	font-size: .75em;
	margin-left: 13px;
	padding: 3px 8px;
	color: #000;
	background-color: #f0f0f0;
	border: #ccc 1px solid; }

#doc.align {margin-top: 0;}

#content #doc ul li
{	border-left: #0000ff 6px solid;
	list-style: none;
	padding: 0 0 0 6px;
	margin: .3em 0 0 0; }

#content #doc ul li.reader
{	border-left: none;
	text-align: center;
	padding: .5em 0 0 0;
	font-size: 90%;
	font-style: italic; }

#content #doc ul li.reader a
{	padding: 0;
	border: none;
	color: #000;
	background-color: inherit; }

#content #doc ul li.reader img {border: none; margin-top: .2em;}
#content.dettaglio #doc {margin-bottom: 1em;}



/*  terrafertile 
-------------------*/

#terra
{	font-family: "Times New Roman", Helvetica, sans-serif;
	font-size: .75em;
	letter-spacing: .2em;
	float: right;
	/*color: #555;
	background-color: inherit;*/ }



/*  counter
-------------*/

#counter
{	height: 17px;
	padding: 0;
	overflow: hidden; 
	float: left; }



/* SMiLE :) */