/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

html {
	color:#000;
	background:#FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse: collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,ins {
	text-decoration:none;
}
/*
li {
	list-style:none;
}
*/
caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

sup {
	vertical-align:baseline;
}

sub {
	vertical-align:baseline;
}

legend	{
	color:#000;
}

input,button,textarea,select,optgroup,option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}

input,button,textarea,select {
	*font-size:100%;
}

body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}

select,input,button,textarea,button {
	font:99% arial,helvetica,clean,sans-serif;
}

table {
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

body {
	text-align:center;
}

#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
	margin:auto;
	text-align:left;
	width:57.69em;
	*width:56.25em;
}

#doc2 {
	width:73.076em;
	*width:71.25em;
}

#doc3 {
	margin:auto 10px;
	width:auto;
}

#doc4 {
	width:74.923em;
	*width:73.05em;
}

.yui-b {
	position:relative;
}

.yui-b {
	_position:static;
}

#yui-main .yui-b {
	position:static;
}

#yui-main,.yui-g .yui-u .yui-g {
	width:100%;
}

.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main {
	float:right;
	margin-left:-25em;
}

.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main {
	float:left;
	margin-right:-25em;
}

.yui-t1 .yui-b {
	float:left;
	width:12.30769em;
	*width:12.00em;
}

.yui-t1 #yui-main .yui-b {
	margin-left:13.30769em;
	*margin-left:13.05em;
}

.yui-t2 .yui-b {
	float:left;
	width:13.8461em;
	*width:13.50em;
}

.yui-t2 #yui-main .yui-b {
	margin-left:14.8461em;
	*margin-left:14.55em;
}

.yui-t3 .yui-b {
	float:left;
	width:23.0769em;
	*width:22.50em;
}

.yui-t3 #yui-main .yui-b {
	margin-left:24.0769em;
	*margin-left:23.62em;
}

.yui-t4 .yui-b {
	float:right;
	width:13.8456em;
	*width:13.50em;
}

.yui-t4 #yui-main .yui-b {
	margin-right:14.8456em;
	*margin-right:14.55em;
}

.yui-t5 .yui-b {
	float:right;
	width:18.4615em;
	*width:18.00em;
}

.yui-t5 #yui-main .yui-b {
	margin-right:19.4615em;
	*margin-right:19.125em;
}

.yui-t6 .yui-b {
	float:right;
	width:23.0769em;
	*width:22.50em;
}

.yui-t6 #yui-main .yui-b {
	margin-right:24.0769em;
	*margin-right:23.62em;
}

.yui-t7 #yui-main .yui-b {
	display:block;
	margin:0 0 1em 0;
}

#yui-main .yui-b {
	float:none;
	width:auto;
}

.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u {
	float:left;
}

.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u {
	float:right;
}

.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first {
	float:left;
}

.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf {
	width:49.1%;
}

.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u {
	width:32%;
	margin-left:1.99%;
}

.yui-gb .yui-u {
	*margin-left:1.9%;
	*width:31.9%;
}

.yui-gc div.first,.yui-gd .yui-u {
	width:66%;
}

.yui-gd div.first {
	width:32%;
}

.yui-ge div.first,.yui-gf .yui-u {
	width:74.2%;
}

.yui-ge .yui-u,.yui-gf div.first {
	width:24%;
}

.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first {
	margin-left:0;
}

.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u {
	width:49%;
	*width:48.1%;
	*margin-left:0;
}

.yui-g .yui-g .yui-u {
	width:48.1%;
}

.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first {
	*margin-right:0;
	*width:32%;
	_width:31.7%;
}

.yui-g .yui-gc div.first,.yui-gd .yui-g {
	width:66%;
}

.yui-gb .yui-g div.first {
	*margin-right:4%;
	_margin-right:1.3%;
}

.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first {
	*margin-right:0;
}

.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u {
	*margin-left:1.8%;
	_margin-left:4%;
}

.yui-g .yui-gb .yui-u {
	_margin-left:1.0%;
}

.yui-gb .yui-gd .yui-u {
	*width:66%;
	_width:61.2%;
}

.yui-gb .yui-gd div.first {
	*width:31%;
	_width:29.5%;
}

.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u {
	width:32%;
	_float:right;
	margin-right:0;
	_margin-left:0;
}

.yui-gb .yui-gc div.first {
	width:66%;
	*float:left;
	*margin-left:0;
}

.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u {
	margin:0;
}

.yui-gb .yui-gb .yui-u {
	_margin-left:.7%;
}

.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first {
	*margin-left:0;
}

.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u {
	*width:48.1%;
	*margin-left:0;
}

.yui-gb .yui-gd div.first {
	width:32%;
}

.yui-g .yui-gd div.first {
	_width:29.9%;
}

.yui-ge .yui-g {
	width:24%;
}

.yui-gf .yui-g {
	width:74.2%;
}

.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u {
	float:right;
}

.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {
	float:left;
}

.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first {
	*width:24%;
	_width:20%;
}

.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u {
	*width:73.5%;
	_width:65.5%;
}

.yui-ge div.first .yui-gd .yui-u {
	width:65%;
}

.yui-ge div.first .yui-gd div.first {
	width:32%;
}

#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf {
	zoom:1;
}

/***********************************************
*  sitespecific
***********************************************/

html, body {
	height:100%;
	margin:0;
	padding:0;
	font:12px Verdana,Arial,sans-serif;
	line-height:1.63em;
	color:#252525;
	background-color: #EEEEF0;
}

.page-body {
	position: relative;
	margin: 0 auto;
	width: 1030px;
	border: none;
	padding: 0;
	background-color: #EEEEF0;
}

.page-title h1 span {
	text-align: left;
	font-weight: normal;
	font-size: 100%;
	color: #ffffff;
	margin: 5px 0 15px 0;
}

.page-footer {
	position: absolute;
	left: 260px;
	bottom: 20px;
	width: 400px;
	text-align: right;
	margin: 0 auto;
}

.copyright {
	margin: 0 auto;
	top: 0;
	left: 20px;
	font-family: verdana, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #858585;
	font-weight: lighter;
}
/*
.copyright {
	*font-size: 0.9em;
	*line-height: 1.5em;
}
*/
.transpf {
	width: 100%;
	z-index: 30;
}

.transpn {
	width: 100%;
	z-index: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity:.50;
}

.transp2 {
	width: 100%;
	z-index: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity:.25;
}

.transps {
	width: 100%;
	z-index: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity:.75;
}

.fades {
	top: 0;
	width: 100%;
}

a {
	color: #252525;
	text-decoration: none;
}

a:visited {
	color: #252525;
	text-decoration: none;
}

h1 {
	margin:6px 4px 0;
	padding:0;
	color:#252525;
	float:left;
	font-weight:normal;
	font-size:18px;
	line-height:18px;
	letter-spacing:1px;
}

li.nlist li, ol, ul {
	list-style-type: decimal;
	list-style-position: outside;
}

#deepen {
	z-index:3;
	position: absolute;
	width: 900px;
	height: 640px;
	margin-left: -100px;
	left: 14%;
	top: 60px;
/*	animation: css 0s 5s forwards; */
/*	border-style: solid;
	border-width: 1px;
	border-color: #FCFC55; */
	opacity:.80;
    -webkit-animation: cssAnimation 3s forwards; 
    -moz-animation: cssAnimation 3s forwards; 
    animation: cssAnimation 3s forwards;
}
@keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes css { to { visibility: hidden; } }
                    /* visibility / overflow: hidden; */
/*	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	transition 3s ease-out; */
	
#container {
	z-index:4;
	position: absolute;
	width: 800px;
	height: 790px;
	margin-left: -160px;
	top: 5px;
	left: 25%;
	border-style: solid;
	border-color: #FCFC55;
	border-width: 1px;
}

#header {
	position:absolute;
	margin: 0 auto;
	text-align: left;
	top: 185px;
	left: 145px;
	width: 600px;
	height: 28px;
	z-index: 32;
}

#header h3 {
	margin:0;
	padding:0;
	width:170px;
	height:28px;
	float:left;
  /* commented backslash hack v2 \*/
	overflow:hidden;
  /* end hack */
}

#header h3 a {
	display:block;
	width:170px;
	height:28px;
	overflow:hidden;
	padding:35px 0 0 0;
}

#header img {
	position:relative;
	top:-7px;
	left:2px;
}

#superior {
	position:absolute;
	margin: 0 auto;
	width:400px;
	height:55px;
	z-index: 82;
	left: 200px;
	top: 3px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #FCFC55;
	background-color: #FFCC55;
}

/****************************
 * SORTING
****************************/ 
#sorting {
	margin: 0 auto;
	left: 0;
	width:380px;
	height:80px;
	list-style: none;
	margin-top: 4%;
	margin-left: 30px;
	position: relative;
}

ul#sorting li {
	width: 120px;
	display: block;
	float: left;
}

ul#sorting li:hover ul, ul#sorting li.sfhover ul {
	top:auto;
	left:0;
}

/*
*  How the links are represented
*/
ul#sorting li a {
	display:block;
	width: 40px;
	color: #252525;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
	border: none;
}


ul#sorting li ul {
/*
*  The thumbs layout
*/
	padding: 20px 0 0 0;
	width: 320px;
	list-style: none;
	position: absolute;
	left:-999em;
}

ul#sorting li ul li {
	display: inline;
	text-align: left;
	clear: none;
	float: none;
	border:0;
}

ul#sorting li ul li a {
	padding: 3px;
	float: left;
	position: relative;
	display: block;
	width: 100px;
	height: 80px;
}

ul#sorting li ul li a:hover {
	z-index: 50;
}

ul#sorting li ul li a img {
	position:absolute;
	width: 100px;
	height: 80px;
	border: 2px solid #382012;
}

ul#sorting li ul li a:hover img, ul#sorting li a:active img, ul#sorting li a:focus img {
	width: 200px;
	height: 160px;
	left: -30px;
	top: -30px;
	z-index: 40;
	border: 2px solid #382012;
}

#framed {
	position:absolute;
	margin: 0 auto;
	width:600px;
	height:500px;
	left: 55px;
	top: 10px;
	clear: both;
	overflow-x: hidden;
	overflow-y: auto;
	border-style: solid;
	border-width: 1px;
	border-color: #FCFC55;
/*	background-color: #C3CACC; */
	background-color: #EEEEF0;
}

#paspatu {
	position: absolute;
	margin: 0 auto;
	text-align: left;
	width: 580px;
	height:500px;
	padding: 0 8px 0 10;
	overflow-x: hidden;
	overflow-y: auto;
	left: -1px;
	top: 0;
	border: none;
	background-color: #EEEEF0;
}

div.sorted {
	padding: 0 0 0 30px;
	background-color: #EEEEF0;
}

#sigil {
	position:absolute;
	margin: 0 auto;
	width: 115px;
	height: 200px;
	z-index: 79;
	left: 655px;
	top: 64px;
	margin: 0 auto 0 auto;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #FCFC55;
	background-color: #22FF66;
}

#shill {
	position:absolute;
	margin: 0 auto;
	width: 115px;
	height: 200px;
	z-index: 79;
	left: 340px;
	top: 548px;
	margin: 0 auto 0 auto;
	text-align: center;
	border-style: solid;
	border-width: 3px;
	border-color: #FCFC55;
}

#ober {
	position:absolute;
	margin: 0 auto;
	width:300px;
	height:300px;
	z-index:9;
	left: 260px;
	top: 58px;
	border-style: solid;
	border-width: 1px;
	border-color: #FCFC55;
}

#unter {
	position:absolute;
	margin: 0 auto;
	width:300px;
	height:300px;
	z-index:8;
	left: 260px;
	top: 359px;
	border-style: solid;
	border-width: 1px;
	border-color: #FCFC55;
}

#shifts {
	position:absolute;
	margin: 0 auto;
	width: 115px;
	height: 95px;
	z-index: 79;
	left: 144px;
	top: 360px;
	padding: 10px 0 0 0;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #FCFC55;
	background-color: #85CCFF;
	color: #252525;
}

#menu {
  padding:0;
  text-transform:uppercase;
  letter-spacing:2px;
}

#menu li {
  line-height:1.88em;
  list-style:none;
}

#menu li a.active,#menu li a.active:hover {
  color: #CCCC00;
  border-bottom: none;
}

/**********************************
*
*    N E W  NEU  Nuovo
*
**********************************/

#sinistra {
	z-index: 2;
	position: relative;
	margin: 10px;
	width: 100%;
	left: 1%;
	border: none;
/*	border-style: solid;
	border-width: 1px;
	border-color: #FCFC55; */
}

#destra {
	z-index: 3;
	position: relative;
/*	margin: 1px 0 0 0; */
	padding: 0 0 0 30px;
	height: 75px;
	width: 70%;
	left: 17%;
	border-style: solid;
	border-width: 1px;
	border-color: #382012;
	text-align: left;
	overflow-x: hidden;
	overflow-y: scroll;
}

#destra {
	*left: 4%;
}

#inform {
	padding: 2px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.shownpic {
	width: 70%;
	max-height: 40%;
	border-style: solid;
	border-width: 3px;
	border-color: #382012;
}

#inferior {
	position:absolute;
	margin: 0 auto;
	width:500px;
	height:200px;
	z-index:6;
	left: 155px;
	top: 550px;
	border-style: solid;
	border-width: 1px;
	border-color: #FCFC55;
}

#lightbox {
	z-index: 100;
	background-color: #382012;
	padding: 20px 20px 5px 20px;
}

#lightboxDetails {
	padding-top: 5px;
}	

#lightboxCaption {
	float: left;
	color: #FCFC55;
	font-size: 11px;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal;
}

#keyboardMsg {
	float: right;
}

#keyboardMsg a {
	color: #FCFC55;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal;
}

#lightbox img {
	border: none;
} 

#overlay img {
	z-index: 90;
	border: none;
}

/*
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}
*/