@charset "utf-8";
/* Narrattiva (GreySkin) CSS Document */

/* DEFOULTS */
* {
	/* good pratice defaults */
	padding:0;
	margin:0;
	border:none;
	/* projects defaults */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.clearfloat { 
	/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

BODY {
	text-align:center; /* IE5 fix: centra il wrapper / gli elementi */
	/* projects defaults */
	background-color:#FFFFFF;
}

A         {	text-decoration:none; color:#CC0000; font-weight:bold; }
A:visited { text-decoration:none; color:#CC0000; font-weight:bold; }
A:link    {	text-decoration:none;	color:#CC0000; font-weight:bold; }
A:hover   { text-decoration:none;	color:#000000; font-weight:bold; }

.iLogo { color:#CC0000; }

/* DEBUG */
.pippo {
	background:#00FFFF;
}

/* MAIN SECTIONS */
#wrapperUp, #wrapperDown {
	width:818px; /* 850 -16 -16 */
	margin-left:auto;
	margin-right:auto;
	padding-left:16px;
	padding-right:16px;
	/* IE5 Fix: risitema il testo al centro */
	text-align:justify; 
}

#wrapperUp {
	margin-top:10px;
	padding-bottom:2px;
	margin-bottom:0px;
	background:url(../graph/bkg/bkg_wrapperUp.jpg) top left repeat-y;
}

#wrapperDown {
	margin-bottom:10px;
	background:url(../graph/bkg/bkg_wrapperDown.jpg) top left repeat-y;
}

/* MOVIE, LOGO e BOX CALENDAR*/
#wrapperUp #logo {
	position:relative;
	top:15px;
	left:27px;
	width:523px;
	height:40px;
	background:url(../graph/tagline.gif) top right no-repeat;
}

#wrapperUp #logo A {
	width:288px;
	height:40px;
	display:block;
	background:url(../graph/logo.gif) top left no-repeat;
}

#wrapperUp #movie {
	width:816px; /* 818 -2 di margin left */
	margin-left:2px;
}

#wrapperUp #movie .clickArea {
	width:625px;
	height:144px;
	display:block;
	float:left;
}

#wrapperUp #calendar {
	width: 189px;
	height:167px;
	margin-right:1px;
	margin-bottom:1px;
	float:right;
	/* Fix IEx: double margin bug */
	display:inline;
	background:#00FF00;
}

/* Separazione MENU e CONTENT*/
#wrapperDown #content {
	width:625px;
	margin-left:2px;
	float:left;
	/* Fix IEx: double margin bug */
	display:inline;
}

#wrapperDown #pods {
	width:187px;
	margin-right:2px;
	float:right;
	/* Fix IEx: double margin bug */
	display:inline;
}

/* ELEMENTI DEL CONTENT */
#wrapperDown #content #pList,
#wrapperDown #content #news,
#wrapperDown #content #footer {
	width:625px;
	margin-bottom:2px;
	background:url(../graph/bkg/bkg_section.gif) top left repeat-y;
}

/* TITOLI VERTICALI */
#vTitle {
	width:25px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}

.tUltime   			{ height:145px;	background:url(../graph/title/section/ultime_uscite.gif) top center no-repeat; }
.tCatalogo 			{ height:91px; background:url(../graph/title/section/catalogo.gif) top center no-repeat; } 
.tNews     			{ height:44px;	background:url(../graph/title/section/news.gif) top center no-repeat; }
.tCopy     			{ height:25px;	background:url(../graph/title/section/copy.gif) top center no-repeat; }
.tDoveComprare  { height:145px;	background:url(../graph/title/section/dovecomprare.gif) top center no-repeat; }
.tDistributori  { height:134px;	background:url(../graph/title/section/distributori.gif) top center no-repeat; }
.tCosa				  { height:291px;	background:url(../graph/title/section/cosa.gif) top center no-repeat; }
.tInfo				  { height:202px;	background:url(../graph/title/section/info.gif) top center no-repeat; }
.tBuy					  { height:224px;	background:url(../graph/title/section/buy.gif) top center no-repeat; }
.tDownloads			{ height:436px;	background:url(../graph/title/section/downloads.gif) top center no-repeat; }
.tLucca			    { height:256px;	background:url(../graph/title/section/lucca.gif) top center no-repeat; }

/* LISTA NEWS */
#newsList {
	width:598px;
	float:right;
	list-style-type:none;
}

#newsList LI {
	background:url(../graph/bkg/bkg_text.jpg) repeat-x top;
	padding-top:20px;
}

#newsList LI #pic {
	width:180px;
	margin-left:10px;
	float:left;
	text-align:center;
	/* Fix IEx: double margin bug */
	display:inline;
}

#newsList LI #text {
	float:right;
	width:387px;
	text-align:justify;
	margin-right:10px;
	padding-bottom:10px;
	/* Fix IEx: double margin bug */
	display:inline;
}

#newsList LI #text.noPic {
	width:577px;
}

/* Formattazione del testo */
#newsList LI #text H1 {
	font-size:18px; 
	font-weight:bold; 
	margin-bottom:5px; 
}

#newsList LI #text H2 {
	font-size:12px; 
	font-weight:normal;
	margin-bottom:5px; 
}

#newsList LI #text P {
	margin-bottom:5px;
}

#newsList LI #text #copy {
	margin-bottom:5px;
	text-align:center;
	font-size:10px;
	color:#666666;
}

#newsList LI #text #refDates {
	margin-top:5px;
	padding-top:5px;
	border-top:thin #999999 dotted;
	margin-bottom:10px;
	font-size:10px;
	color:#666666;
}


/* Lista caratteristiche */
#newsList LI #text UL {
	list-style-type:none;
	margin-top:15px;
	margin-bottom:15px;
}

#newsList LI #text LI {
	margin:0px;
	margin-bottom:6px;
	padding:0px;
	padding-bottom:6px;
	background:none;
	border-bottom:thin #999999 dotted;
	text-align:left;
}

#newsList LI #text LI H3 {
	float:left;
	width:120px;
}

#newsList LI #text LI .data {
	width:265px;
	float:right;
	margin-left:2px;
}

#newsList LI #text #info {
	margin-left:5px;
	margin-right:5px;
	margin-bottom:15px;
}

#newsList LI #text #info .price {
	float:left;
	padding:8px;
	text-align:center;
	font-size:14px;
	line-height:8px;
	font-weight:bold;
	color:#FFFFFF;
	background:#ADAEB5;
}

#newsList LI #text #info .buy {
	float:right; 
}

#newsList LI #text #info .buy A {
	display:block;
	padding:8px;
	text-align:center;
	font-size:14px;
	line-height:8px;
	font-weight:bold;
	color:#FFFFFF;
	background:#CC0000;
}

#newsList LI #text #info .buy A:hover {
	background:#000000;
}


/* LISTA PRODOTTI */
#wrapperDown #content #pList #itemWrapper {
	width:600px;
	float:left;
	background:url(../graph/bkg/bkg_ListItem.jpg) top left repeat;
}

#item {
	width:118px;
	height:176px;
	margin-left:2px;
	margin-top:2px;
	background: url(../graph/bkg/bkg_item.jpg) bottom repeat-x;
	float:left;
	/* Fix IEx: double margin bug */
	display:inline;
}

#item.firstLine {
	/* negli item della prima linea sopprime lo spazio sopra */
	margin-top:0px;
}

#item H1 {
	height:25px;
	padding-top:3px;
	padding-bottom:5px;
	padding-left:8px;
	padding-right:8px;
	text-align:center;
}

#item H1 A { 
	font-size:10px;
}

#item #pic { 
	margin-bottom:3px; 
}

#item #pic A {
	width:118px;
	height:121px;
	display:block;
}

#item #info {
	width:108px;
	height:13px;
	margin-left:5px;
}

#item #info .price {
	float:left;
	padding:3px;
	text-align:center;
	font-size:9px;
	line-height:8px;
	font-weight:bold;
	color:#FFFFFF;
	background:#ADAEB5;
}

#item #info .buy { 
	float:right; 
}

#item #info .buy A {
	display:block;
	padding:3px;
	text-align:center;
	font-size:9px;
	line-height:8px;
	font-weight:bold;
	color:#FFFFFF;
	background:#CC0000;
}

#item #info .buy A:hover {
	background:#000000;
}

/* FOOTER */
#wrapperDown #content #footer {
	margin-bottom:0px;
}

#wrapperDown #content #footer #text {
	width:598px;
	margin-left:2px;
	padding-top:7px;
	padding-bottom:5px;
	float:left;
	background:url(../graph/bkg/bkg_text.jpg) top left repeat-x;
	text-align:center;
	font-size:9px;
}

#wrapperDown #content #footer #text A {
	font-size:9px;
	text-decoration:none;
	font-weight:bold;
}

#wrapperDown #content #footer #text A:hover {
	font-size:9px;
	text-decoration:none;
	font-weight:bold;
	color:#CC0000;
}

/* TABELLA per prenotazione eventi */
#timeTable {}

#timeTable THEAD {}

#timeTable THEAD TD {
	background:#000000;
	color:#FFFFFF;
	padding:3px;
	text-align:center;
}

#timeTable TD {
	font-size:smaller;
	background:#CCCCCC;
	padding:3px;
}


/* RULER (inizio e fine pagina) */
#wrapperUp .hLine,
#wrapperDown .hLine {
	width:818px;
	height:5px;
	/* IEx Fix: altrimenti non accetta altezze minori */
	line-height:2px; 
	font-size:2px; 
}

#wrapperUp .hLine { background:url(../graph/h_lineUp.gif) top left no-repeat; }
#wrapperDown .hLine {	background:url(../graph/h_lineDown.gif) top left no-repeat; }

