/***********************************************************************
************************************************************************
Project:		Master Sourcing - mastersourcing.eu
Version:		2.0
Last Change:	26/02/2009
Agency:			Web Agency Meta Line - metaline.it
Author:			Matteo Casonato (Wikimaki)
***********************************************************************/

@import "reset.css";
@import "type.css";
@import "form.css";
@import "maps.css";

body { background: #CAD6DD; border: 0; margin: 0; padding: 0; }

/* Blocchi Principali
-------------------------------------------------------------- */
#container, #head, #spot, #page, #base, #foot { clear: both; margin: auto; width: auto; }
	#head, #page, #foot, #spot .content, #base .content { margin: auto; position: relative; width: 960px; }

	#head { background: #fff url(images/acqua-up.png) no-repeat 20% 0; height: 96px; }
	#spot { background-color: #99B1BE; }
		#spot .content { background: #567687 url(images/onda-spot.png) no-repeat 100% 0; height: 145px; z-index: 40; }
	#page { background: #fff url(images/acqua-down.png) no-repeat 100% 100%; clear: both; height: 1%; overflow: hidden; }
	#base { background-color: #99B1BE; clear: both; color: #fff; height: 129px; }
		#base .content { background-color: #567687; }
	#foot { background-color: #fff; height: 20px; }

/* Blocchi Principali
-------------------------------------------------------------- */
#head ul { list-style: none; right: 20px; margin: 0; padding: 0; position: absolute; top: 40px; }
	#head li { font-size: 1.1em; float: left; margin-right: 15px; }
		#head a { color: #567687; display: block; padding: 4px 6px; text-decoration: none; }
		#head a:hover, #head a.active, body.nav01 #head li.nav01 a,
		body.nav02 #head li.nav02 a, body.nav03 #head li.nav03 a { background: #567687; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#head .logo { left: 20px; position: absolute; top: 28px; }

#spot .photo { left: 0; position: absolute; top: 0; z-index: 50; }
#spot .bubble { right: 20px; position: absolute; top: 33px; z-index: 80; }
#spot .slogan { left: 218px; position: absolute; top: 48px; z-index: 50; }

#page .colA { float: right; padding: 20px 0 45px 0; width: 730px; }
#page .colB { background:url(images/bck-page.png) no-repeat 0 0; float: left; padding: 20px 0 100px 0; width: 216px; }
	#page .colB ul { margin: 0 0 0 10px; padding: 0; width: 180px; }
	#page .colB ul ul { margin: 5px 0; padding: 0; width: auto; }
		#page .colB li { background: url(images/bck-menu.gif) repeat-x 0 0; clear: both; display: block; float: left; line-height: 120%; margin: 0; padding: 3px 0 0 0; width: 100%; }
		#page .colB ul ul li { background: none; margin: 0; padding: 2px 0 2px 20px; }
		#page .colB a { background: url(images/icon-menu.gif) no-repeat 3px 5px; color: #435D6A; display: block; padding: 2px 0 2px 18px; text-decoration: none; }
		body.nav01a #page a.nav01a, body.nav01b #page a.nav01b, body.nav01c #page a.nav01c, body.nav02a #page a.nav02a,
		body.nav03a #page a.nav03a, body.nav03b #page a.nav03b { background-color: #C3D1D8; }
		#page .colB a:hover, body.nav02b #page a.nav02b, body.nav02c #page a.nav02c, body.nav02d #page a.nav02d,
		body.nav02e #page a.nav02e, body.nav02f #page a.nav02f, body.nav02g #page a.nav02g, body.nav02h #page a.nav02h,
		body.nav02i #page a.nav02i, body.nav02l #page a.nav02l, body.nav02m #page a.nav02m, body.nav02n #page a.nav02n { color: #648EB4 }
		
#base a { color: #fff; font-weight: normal; }
#base .menu { background: url(images/onda-base.png) no-repeat 0 50%; font-size: 0.8em; height: 1%; overflow: hidden; padding: 12px 0; }
	#base ul { color: #fff; float: left; margin: 0 20px 0 0; padding: 0; }
		#base strong { display: block; margin-bottom: 4px; }
		#base .colA { float: left; padding-left: 250px; }
		#base .colB { float: left; margin-left: 30px; }
	#base .logo { position: absolute; right: 15px; top: 28px; }
#base .info { background-color: #354852; border-bottom: 6px solid #435D6A; clear: both; font-size: 0.6em; padding: 6px 15px; }

#foot .bubble { left: 25px; position: absolute; top: -192px; z-index: 50; }

/* Componenti Vari
-------------------------------------------------------------- */
.imageHome { position: absolute; right: 20px; top: 100px; }

.boxDX { clear: right; float: right; margin-left: 20px; padding: 100px 15px 0 0; width: 206px; }
	.boxDX dl { font-size: 0.8em; margin-bottom: 20px; }

.rW { clear: right; float: right; height: 50px; }

.gallery { height: 1%; overflow: hidden; }
	.gallery dl { margin: 12px 6px; float: left; width: 166px; }
		.gallery dt { }
			.gallery dt a { background: #EDEBEC; display: block; margin: 0 2px; padding: 5px; }
		.gallery dd a { background: #EDEBEC url(images/icon-plus.gif) no-repeat 95% 3px; color: #567687; display: block; margin: 0 2px; padding: 2px 20px 2px 5px; }
		.gallery dd.pdf a { background: #EDEBEC url(images/icon-info.gif) no-repeat 95% 3px; color: #567687; display: block; font-size: 0.8em; margin: 0 2px; padding: 2px 20px 2px 5px; text-transform: uppercase; }
		.gallery dd.end { background: url(images/bck-gallery.png) no-repeat 50% 100%; padding-bottom: 9px; }

.catalogo { background: url(images/bck-catalogo.jpg) no-repeat 0 100%; height: 480px; position: relative; }
	.catalogo .catalogoBox { position: absolute; right: 20px; top: 20px; width: 448px; }
		.catalogoBox div { font-size: 0.8em; float: left; margin: 4px; text-align: center; }
		.catalogoBox div.empty { border: #fff; height: 100px; width: 100px; }
			.catalogoBox div a { background-image: url(../prodotti/catalogo.png); background-repeat: no-repeat; color: #425A68; display: block; height: 100px; text-decoration: none; text-indent: -9999em; width: 100px; }
			.catalogoBox div.btn01 a { background-position: 0 0; }
			.catalogoBox div.btn02 a { background-position: 0 -200px; }
			.catalogoBox div.btn03 a { background-position: 0 -400px; }
			.catalogoBox div.btn04 a { background-position: 0 -600px; }
			.catalogoBox div.btn05 a { background-position: 0 -800px; }
			.catalogoBox div.btn06 a { background-position: 0 -1000px; }
			.catalogoBox div.btn07 a { background-position: 0 -1200px; }
			.catalogoBox div.btn08 a { background-position: 0 -1400px; }
			.catalogoBox div.btn09 a { background-position: 0 -1600px; }
			.catalogoBox div.btn10 a { background-position: 0 -1800px; }
			.catalogoBox div.btn11 a { background-position: 0 -2000px; }
			.catalogoBox div.btn01 a:hover { background-position: 0 -100px; }
			.catalogoBox div.btn02 a:hover { background-position: 0 -300px; }
			.catalogoBox div.btn03 a:hover { background-position: 0 -500px; }
			.catalogoBox div.btn04 a:hover { background-position: 0 -700px; }
			.catalogoBox div.btn05 a:hover { background-position: 0 -900px; }
			.catalogoBox div.btn06 a:hover { background-position: 0 -1100px; }
			.catalogoBox div.btn07 a:hover { background-position: 0 -1300px; }
			.catalogoBox div.btn08 a:hover { background-position: 0 -1500px; }
			.catalogoBox div.btn09 a:hover { background-position: 0 -1700px; }
			.catalogoBox div.btn10 a:hover { background-position: 0 -1900px; }
			.catalogoBox div.btn11 a:hover { background-position: 0 -2100px; }