/***********************************************************************
************************************************************************
Project:		dei Svaldi - www.deisvaldi.com
Version:		1.0
Last Change:	19/11/2009
Agency:			Web Agency Meta Line - metaline.it
Author:			Matteo Casonato (Wikimaki)
***********************************************************************/
@charset "utf-8";

@import "form.css";
@import "../js/sifr/sifr.css";
@import "../js/colorbox/colorbox.css";

/* RESET
**************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, 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, th, var { font-style: normal; font-weight: normal; }
ol, ul { 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; }
html { font-size: 100%; }
a { outline: none; }
legend { display: none; }
.left { clear: left; float: left; }
.right { clear: right; float: right; }
.center { text-align: center; }
.clear { clear: both; height: 1%; overflow: hidden; }
.hidden { display: none; }

/* STRUTTURA
**************************************************/
body {}
html, body { height: auto; height: 100%; max-height: 100%; min-height: 100%; }

#wrapper { height: 500px; left: 0; margin: -250px 0 0 0; padding-left: 20px; position: absolute; top: 50%; width: 90%; }

/* HEADER
**************************************************/
#header { margin-bottom: 40px; }

/* NAV
**************************************************/
#nav { float: left; width: 210px; }
	#nav ul { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.9em; list-style: none; margin: 0; padding: 0; text-transform: uppercase; }
		#nav ul li { line-height: 140%; list-style-position: outside; }
			#nav ul li a { color: #666; text-decoration: none; }
			#nav ul li a:hover { color: #ccc; }
			#nav ul li ul { margin: 10px 0 10px 10px; }
			#nav a span { text-transform: lowercase; }

/* MAIN
**************************************************/
#main { float: left; width: 350px; }
#events { float: left; width: 350px; }
#press { float: left; width: 500px; }

h1 { position: absolute; right: 0; top: 75px; width: 450px; }
h2 { position: absolute; right: 0; top: 125px; width: 450px; }

/* FOOTER
**************************************************/
#footer { bottom: 5%; left: 2%; position: absolute; }
	#footer a { color: #666; font-weight: normal; }
	#footer .vcard { font-size: 0.7em; line-height: 130%; }
		#footer .vcard .org { font-weight: bold; }
		#footer .vcard .type { font-weight: bold; text-transform: uppercase; }
	#footer ul { font-size: 0.7em; list-style: none; margin: 10px 0 0 0; padding: 0; }
		#footer ul li { line-height: 130%; list-style-position: outside; }

/* TEXT
**************************************************/
body { color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
pre, code, tt { font-family: "Andale Mono", "Lucida console", monospace; }

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

h1 { color: #fff; font-size: 3.4em; text-transform: uppercase; text-align: right; }
h2 { color: #9B0000; font-size: 2em; font-weight: bold; line-height: 140%; margin-bottom: 5px; text-align: right; text-transform: uppercase; }
h3 { color: #2E7AB9; font-size: 0.85em; font-weight: bold; margin: 20px 0 10px 0; text-transform: uppercase; }
h4 {}
h5 {}
h6 {}

p { color: #999; font-size: 0.82em; line-height: 110%; margin: 0 0 10px 0; }
dt, dd, ul, ol { font-size: 0.8em; line-height: 100%; }
dt { font-weight: bold; }

a { color: #9B0000; font-weight: bold; text-decoration: none; }
	a:focus, a:hover { text-decoration: underline; }

ul, ol { list-style-position: inside; }

/* TEMPLATE
**************************************************/
body.nav01 #nav li a.nav01, #nav li a.nav01:hover, body.nav02 #nav li a.nav02, #nav li a:hover.nav02,
body.nav03 #nav li a.nav03, #nav li a.nav03:hover, body.nav04 #nav li a.nav04, #nav li a:hover.nav04,
body.nav05 #nav li a.nav05, #nav li a.nav05:hover, body.nav06 #nav li a.nav06, #nav li a:hover.nav06,
body.nav07 #nav li a.nav07, #nav li a.nav07:hover, body.nav08 #nav li a.nav08, #nav li a:hover.nav08,
body.nav09 #nav li a.nav09, #nav li a.nav09:hover, body.nav10 #nav li a.nav10, #nav li a:hover.nav10,
body.nav02b #nav li a.nav02b, #nav li a.nav02b:hover, body.nav02c #nav li a.nav02c, #nav li a:hover.nav02c,
body.nav02d #nav li a.nav02d, #nav li a.nav02d:hover, body.nav02e #nav li a.nav02e, #nav li a:hover.nav02e,
body.nav03b #nav li a.nav03b, #nav li a.nav03b:hover, body.nav03c #nav li a.nav03c, #nav li a:hover.nav03c,
body.nav03d #nav li a.nav03d, #nav li a.nav03d:hover, body.nav03e #nav li a.nav03e, #nav li a:hover.nav03e { color: #ccc; }

body.nav01 { background: #000 url(images/bck01.jpg) 50% 0 no-repeat; }
body.nav02 { background: #000 url(images/bck02.jpg) 100% 50% no-repeat; } body#tpl1024.nav02 { background-position: 130% 50%; }
	body.nav02b { background: #000 url(images/bck02b.jpg) 100% 50% no-repeat; } body#tpl1024.nav02b { background-position: 200% 30%; }
	body.nav02c { background: #000 url(images/bck02c.jpg) 100% 50% no-repeat; } body#tpl1024.nav02c { background-position: 140% 50%; }
body.nav03 {} body#tpl1024.nav02 {}
	body.nav03b { background: #000 url(images/bck03b.jpg) 100% 50% no-repeat; } body#tpl1024.nav03b { background-position: 130% 50%; }
	body.nav03c { background: #000 url(images/bck03c.jpg) 115% 50% no-repeat; } body#tpl1024.nav03c { background-position: 145% 50%; }
	body.nav03d { background: #E2DED4 url(images/bck03d.jpg) 100% 20% no-repeat; } body#tpl1024.nav03d { background-position: 100% 10%; }
body.nav04 { background: #000 url(images/bck04.jpg) 120% 50% no-repeat; } body#tpl1024.nav04 { background-position: 190% 30%; }
body.nav05 { background: #000 url(images/bck05.jpg) 100% 50% no-repeat; } body#tpl1024.nav05 { background-position: 130% 50%; }
body.nav06 { background: #000 url(images/bck06.jpg) 100% 50% no-repeat; } body#tpl1024.nav06 { background-position: 130% 50%; }
body.nav07 { background: #000 url(images/bck07.jpg) 120% 50% no-repeat; } body#tpl1024.nav07 { background-position: 210% 60%; }

body#tpl1024 #main { font-size: 90%; width: 265px; }
body#tpl1024 #main h1 { top: 100px; }
body#tpl1024 #main h2 { top: 150px; }

body.nav01 #main, body#tpl1024.nav01 #main { font-size: 100%; height: 400px; left: 50%; margin: -200px 0px 0px -400px; overflow: hidden; position: absolute; top: 50%; width: 800px; }
	body.nav01 #main #flashLogo { height: 300px; margin: auto; width: 800px; }
	body.nav01 #main #nav { overflow: hidden; width: 100%; }
		body.nav01 #main #nav ul { margin: 10px auto; text-align: center; width: 100%; }
			body.nav01 #main #nav li { display: inline; margin: 0 5px; }
	body.nav01 #footer { bottom: 5%; margin-left: -250px; left: 50%; position: absolute; text-align: center; width: 500px; }

/* Sezioni Bianche */
body.nav03d, body.nav03d #footer a, body.nav03d p, body.nav03d #nav ul li a { color: #333; }
body.nav03d #nav ul li a:hover, body.nav03d #nav li a.nav03, body.nav03d #nav li a.nav03d, body.nav03d #nav li a:hover.nav03d { color: #666; }

/* COMPONENTI VARI
**************************************************/
#products { top: 260px; left: 230px; position: absolute; z-index: 50; }
	#products .item img { border: 1px solid #777; }

.slide { overflow: hidden; position: relative; }
		.slide .item li { float: left; margin-right: 10px; width: auto; }
			.slide .item li a { display: block; }
	.slideNav a.arrowPrev, .slideNav a.arrowNext { background-repeat: no-repeat; display: inline-block; text-indent: -9999em; }

#products .slide, #products .slide .item { height: 135px; width: 364px; }
	#products .slide .item { float: left; }
	#products .slideNav { position: relative; }
	#products .slideNav a.arrowPrev, #products .slideNav a.arrowNext { background-image: url(images/arrow-products.gif); float: left; height: 21px; width: 11px; }
		#products .slideNav a.arrowPrev { background-position: 0 0; } #products .slideNav a.arrowPrev:hover { background-position: 0 -21px; }
		#products .slideNav a.arrowNext { background-position: 0 -42px; margin-left: 6px; } #products .slideNav a.arrowNext:hover { background-position: 0 -63px; }

.leftright .slide, .leftright .slide .item { height: 310px; width: 450px; }
	.leftright .slide, .leftright .slide .item { float: left; }
	.leftright .slideNav { float: left; margin: 50px 0 0 10px; }
	.leftright .slideNav a.arrowPrev, .leftright .slideNav a.arrowNext { background-image: url(images/arrow-leftright.gif); height: 83px; width: 42px; }
		.leftright .slideNav a.arrowPrev { background-position: 0 0; } .leftright .slideNav a.arrowPrev:hover { background-position: 0 -83px; }
		.leftright .slideNav a.arrowNext { background-position: 0 -166px; } .leftright .slideNav a.arrowNext:hover { background-position: 0 -249px; }

.updown .slide, .updown .slide .item { height: 265px; }
.updown .slide, .updown .slide .item, .updown .slideNav { width: 300px; }
#press .slide, #press .slide .item, #press .slideNav { width: 220px; }
	.updown .slide .item {}
		.updown .item li { margin: 5px; }
		.updown .slide dl {}
			.updown .slide dt { margin-bottom: 5px; }
				.updown .slide dt a { color: #666; text-decoration: none; }
			.updown .slide dd { margin-bottom: 20px; }
	.updown .slideNav { margin-top: 10px; text-align: center; }
	.updown .slideNav a.arrowPrev, .updown .slideNav a.arrowNext { background-image: url(images/arrow-updown.gif); height: 42px; width: 83px; }
		.updown .slideNav a.arrowPrev { background-position: 0 0; } .updown .slideNav a.arrowPrev:hover { background-position: -83px 0; }
		.updown .slideNav a.arrowNext { background-position: -166px 0; } .updown .slideNav a.arrowNext:hover { background-position: -249px 0; }

a.music { background-image: url(images/icon-music.gif); background-position: 100% 0; background-repeat: no-repeat; color: #ccc; display: block; font-size: 10px; height: 16px; padding-top: 4px; position: absolute; right: 20px; text-decoration: none; text-indent: -100px; top: 20px; width: 20px; }
	body.nav03d a.music { background-position: 100% -20px; color: #000; }

span.logo, span.logoWhite { display: inline-block; width: 66px; }

/* MAP
**************************************************/
#map { background: url(images/load.gif) 50% 50% no-repeat #E5E5E5; border: 5px solid #B7D6EE; height: 400px; width: 330px; }
	#map #mapBalloon {}
		#map #mapBalloon small, #map #mapBalloon big { display: block; font-size: 11px; }
		#map #mapBalloon big { padding-top: 8px; }
		#map #mapBalloon strong { font-size: 11px; text-transform: uppercase; }
		#map #mapBalloon form { margin-top: 5px; }
			#map #mapInput { width: 160px; }
			#map #mapSubmit { background: #005DAA; border: none; color: #fff; cursor: pointer; font-size: 0.75em; font-weight: bold; margin-left: 5px; padding: 3px 10px; text-align: center; text-decoration: none; text-transform: uppercase; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }