/***********************************************************************
************************************************************************
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: #0C364E url(images/bck.jpg) no-repeat 30% 0; }

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

	#container { border-top: 8px solid #244F79; }
		#head { }
		#spot { }
		#page { height: 1%; margin: 30px auto; overflow: hidden; }
		#base { }
		#foot { background: #0B2F44; }

#tplHome {}
	#tplHome #head { height: 155px; }
	#tplHome #page { color: #fff; }
	#tplHome #page .colA { float: left; width: 730px; }
	#tplHome #page .colB { float: right; width: 220px; }
		#tplHome #page .colB ul { color: #fff;  list-style-type: none; margin: 50px 0 0 0; padding: 0; }

#tplPage {}
	#tplPage #head { height: 140px; }
	#tplPage #page { color: #333; }
	#tplPage #page .colA { background: #EAEAEA; border: 6px solid #244F79; float: left; padding: 15px; width: 630px; }
	#tplPage #page .colB { float: right; width: 250px; }
		#tplPage #page .colB ul { list-style-type: none; margin: 30px 0 0 0; padding: 0; }
		#tplPage #page .colB ul li { margin: 2px 0; }

/* Blocchi Principali
-------------------------------------------------------------- */
#head ul { list-style-type: none; margin: 0; padding: 0; position: absolute; }
	#head li { float: left; margin: 0 2px; text-transform: uppercase; }
	#head a { color: #fff; text-decoration: none; }
#head .navTop { background: #244F79; padding: 8px 14px; right: 0; top: 0; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; }
	#head .navTop a { padding: 4px 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
	#head .navTop a:hover, body.nav02 .navTop li.nav02a a, body.nav04b .navTop li.nav04b a,
	body.nav04c .navTop li.nav04c a, body.nav04d .navTop li.nav04d a { background: #0B3955; }
#head .nav { right: 0; top: 80px; }
	#head .nav li { font-size: 1.2em; margin-left: 20px; }
	body.nav01 #head .nav a:hover, body.nav01 #head li.nav01 a, body.nav02 #head li.nav02 a, body.nav03 #head li.nav03 a,
	body.nav04 #head li.nav04 a, body.nav05 #head li.nav05 a { color: #7BAAD9; }
#head .logo { color: #fff; font-size: 0.8em; font-weight: bold; left: 0; position: absolute; text-align: right; top: 45px; width: 305px; }

#spot { background-color: #223D68; background-repeat: no-repeat; color: #fff; border-color: #244F79; border-style: solid none; border-width: 5px; height: 300px; }
	#spot span { display: block; font-size: 0.8em; left: 100px; position: absolute; text-align: right; top: 128px; width: 230px; }
	#spot strong { color: #FFCC00; }

#foot .content { padding: 15px 0; }
	#foot .content, #foot .content a { color: #fff; }

/* Componenti Vari
-------------------------------------------------------------- */
#subNav ul a { background: #244F79; color: #fff; display: inline-block; padding: 4px 10px; text-decoration: none; width: 100%; }
	#subNav ul a:hover, body.a #subNav li.a a, body.b #subNav li.b a, body.c #subNav li.c a, body.d #subNav li.d a, body.e #subNav li.e a,
	body.f #subNav li.f a, body.g #subNav li.g a, body.h #subNav li.h a, body.i #subNav li.i a { background: #EAEAEA; color: #244F79; }
#subNav dl { color: #fff; margin-top: 30px; }
	#subNav dt { background: url(images/bck-contact.png) no-repeat 50% 0; font-size: 0.9em; margin-bottom: 10px; padding: 7px; text-align: center; }
	#subNav dd { padding: 0 10px; }

.gallery { height: 1%; overflow: hidden; }
	.gallery div { background: #fff; border: 5px solid #C9C9C9; display: inline; float: left; margin: 8px; padding: 6px; width: 276px; }
		.gallery .image, .gallery img { float: left; }
		.gallery dl { float: right; width: 166px; } .gallery dl, .gallery dl dt a { color: #666; text-decoration: none; }
			.gallery dl dt { font-size: 1.2em; font-weight: bold; margin-bottom: 8px; }
			.gallery dl dd { font-size: 0.85em; line-height: 120%; }
			.gallery dl dd.pdf { margin-top: 8px; }
				.gallery dl dd.pdf a, p.pdf a { background: url(images/icon-pdf.gif) no-repeat 0 50%; padding: 5px 0 5px 24px; }

.colorChange { float: right; height: 250px; margin-left: 15px; position: relative; width: 310px; }
	.colorChange ul { margin: 0; padding: 0; position: absolute; right: 0; top: 0; width: 110px; }
	.colorChange li { float: left; list-style-type: none; margin: 5px; }
	.colorChange .colorImage div { display: none; }
	.colorChange .colorImage div.active { display: block; }
		.colorChange .colorImage div p { display: block; font-weight: bold; left: 10px; position: absolute; top: 220px; }

.photos { clear: both; height: 1%; overflow: hidden; }
	.photos a { background: #fff; border-bottom: 1px solid #D6CECE; border-right: 1px solid #D6CECE; display: inline-block; float: left; margin: 6px; padding: 5px; position: relative; }
	.photos a:hover { background: #E8E8E8; }
		.photos a img { float: left; }

ul.vantaggi { height: 1%; margin: 30px 0; overflow: hidden; padding: 0; }
	ul.vantaggi li { display: inline; float: left; margin: 0 20px; }