/***********************************************************************
************************************************************************
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: #557E97;*/ background-color:#AD2624; border: 0; margin: 0; padding: 0; }

/* Blocchi Principali
-------------------------------------------------------------- */
#container { margin: auto; width: 986px; }
	#head, #spot, #page, #base, #foot { position: relative; }
	#spot, #page, #base { -webkit-border-radius: 6px; -moz-border-radius: 6px; }
	
	#head { height: 150px; }
	#spot { background: #30546D; margin-bottom: 10px; }
	#page { background-color: #F0F0F0; height: 1%; overflow: hidden; }
	#base { background: #F0F0F0; height: 1%; margin-top: 10px; overflow: hidden; }
	#foot { height: 1%; margin: 20px auto; overflow: hidden; }

/* Blocchi Principali
-------------------------------------------------------------- */
#head .logo { left: 0; position: absolute; top: 60px; }
#head .slogan { color: #fff; font-size: 1.4em; position: absolute; right: 0; text-align: right; top: 100px; }
#head ul { list-style: none; left: 0; margin: 0; padding: 0; position: absolute; top: 20px; width: 100%; }
	#head li { font-size: 1.1em; float: left; margin-right: 15px; }
	#head li.lang { float: right; margin: 0 0 0 5px; }
	#head li.lang  img{ border:1px solid #999; }
		#head a { background: #AD2624; color: #fff; display: block; padding: 4px 6px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
		#head a:hover, #head a.active,
		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, body.nav06 #head li.nav06 a, 
		body.nav07 #head li.nav07 a, body.nav08 #head li.nav08 a {  -webkit-border-radius: 3px; -moz-border-radius: 3px; color:yellow; }

#foot .col { color: #fff; float: left; font-size: 0.7em; margin-right: 18px; }
#foot .colLast { float: right; margin: 0; }
	#foot ul { font-size: 1em; list-style: none; margin: 0; padding: 0; }
		#foot li { float: left; margin-left: 10px; }
	#foot a { color: #fff; text-decoration: none; }
	#foot a:hover { text-decoration: underline; }

#spot .slide, #spot .item { height: 250px; overflow: hidden; }
	#spot dl { color: #fff; position: absolute; right: 15px; top: 65px; width: 400px; z-index: 5; }
		#spot dt { font-size: 1.4em; margin-bottom: 15px; }
		#spot dd a { color: #fff; text-decoration: none; }
	#spot .item { position: absolute; width: 100%; z-index: 1; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
	#spot .spot01 { background: url(images/spot-01.jpg) no-repeat; z-index: 10; }
	#spot .spot02 { background: url(images/spot-02.jpg) no-repeat; }
	#spot .spot03 { background: url(images/spot-03.jpg) no-repeat; }
	#spot .spot04 { background: url(images/spot-04.jpg) no-repeat; }
	#spot .spot05 { background: url(images/spot-05.jpg) no-repeat; }
		#spot .pages { right: 15px; position: absolute; bottom: 15px; z-index: 5; }
			#spot .pages a { background: url(images/btn-spot.gif) no-repeat; display: block; float: left; height: 12px; margin: 0 3px; overflow: hidden; text-indent: -1999px; width: 12px; }
			#spot .pages a:hover { background-position: 0 -12px; }
			#spot .pages a.activeSlide { background-position: 0 -24px; }

body#tplHome #page {}
	body#tplHome #page .colA { float: left; margin: 10px; width: 680px; }
		body#tplHome #page .colA .title { margin: 0 0 5px 0; padding-top: 10px; }
	body#tplHome #page .colB {  background: url(images/bck-boxHome.png) 0 100% no-repeat #DED8D7; float: right; margin: 10px; width: 260px; }
		body#tplHome #page .colB .title { margin: 0 0 5px 0; padding: 10px 10px 0 10px; }
		body#tplHome #page .colB p { margin-bottom: 0; padding: 0 10px; }
		body#tplHome #page .colB a.link { background: url(images/btn-link.png) 0 0 no-repeat; color: #fff; display: block; padding: 6px 0; margin: 100px auto 20px auto; text-align: center; width: 216px; font-size:12px;}
			body#tplHome #page .colB a.link:hover { text-decoration: none; }

body#tplPage #page { background-image: url(images/bckPage.gif); background-position: 100% 0; background-repeat: repeat-y; }
	body#tplPage #page .colA { float: left; margin: 10px; width: 680px; }
		body#tplPage #page .colLeft { background: url(images/hrY.gif) 100% 0 repeat-y; padding-right: 15px; float: left; width: 435px; }
		body#tplPage #page .colRight { float: right; width: 215px; }
	body#tplPage #page .colB { float: right; margin: 10px; width: 260px; }
		body#tplPage #page .colB dl { color: #fff; font-size: 0.8em; }
		body#tplPage #page .colB dt { font-weight: bold; margin: 10px 0; }
		body#tplPage #page .colB a { color: #B3DCF5; border-bottom: 1px solid #3F6485; display: block; font-weight: normal; padding: 8px 0 8px 15px; text-decoration: none; }
		body#tplPage #page .colB a:hover, body#tplPage #page .colB a.active,
		body.nav02a .nav02a a, body.nav02b .nav02b a, body.nav02c .nav02c a, body.nav02d .nav02d a, body.nav02e .nav02e a,
		body.nav03a .nav03a a, body.nav03b .nav03b a, body.nav03c .nav03c a, body.nav03d .nav03d a, body.nav03e .nav03e a,
		body.nav04a .nav04a a, body.nav04b .nav04b a, body.nav04c .nav04c a, body.nav04d .nav04d a, body.nav04e .nav04e a,
		body.nav05a .nav05a a, body.nav05b .nav05b a, body.nav05c .nav05c a, body.nav05d .nav05d a, body.nav05e .nav05e a,
		body.nav06a .nav06a a, body.nav06b .nav06b a, body.nav06c .nav06c a, body.nav06d .nav06d a, body.nav06e .nav06e a { background: #23364C; }
		
		body .nav03g a { background: #692033; }

#base .colA { float: left; margin: 10px; width: 680px; }
	#base .carousel { position: relative; }
		#base .slide { height: 130px; margin: auto; overflow: hidden; width: 600px; }
		#base a.arrow { background: url(images/btn-carousel.png) no-repeat; display: block; height: 28px; overflow: hidden; position: absolute; text-indent: -9999px; top: 60px; width: 29px; }
			#base a.prev { background-position: 0 0; left: 5px; }
			#base a.next { background-position: 0 -56px; right: 5px; }
				#base a.prev:hover { background-position: 0 -28px; }
				#base a.next:hover { background-position: 0 -84px; }
		#base .item { height: 130px; overflow: hidden; width: 604px; }
			#base .image { }
				#base .image img { margin: 0 8px; }
#base .colB { background: #557E97; float: right; margin: 10px; width: 260px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
	#base form { color: #fff; }
		#base form fieldset { clear: both; padding: 10px; margin: 0; }
			#base form .title { font-size: 1em; font-weight: bold; margin-bottom: 10px; }
			#base form p { color: #fff; font-size: 0.8em; }
			#base form dl { margin: 5px 0; padding: 0; }
			#base form dt { float: left; width: 70px; }
			#base form input { background: #F0F0F0; border: 1px solid #4E7287; padding: 3px; }
			#base form input#submit { background: url(images/btnAccess.gif) 0 0 no-repeat; border: none; color: #fff; cursor: pointer; height: 21px; text-indent: -9999px; width: 21px;}
			.buttons input#submit { margin:0 0 0 76px;}

/* Componenti Vari
-------------------------------------------------------------- */
dl.gallery { clear: both; margin-bottom: 15px; width: 211px; }
	dl.gallery dd { color: #545454; font-size: 0.75em; margin-top: 5px; }
	dl.gallery dd ul { font-size: 1em; margin: 10px 0; }
.showGallery { height: 230px; position: relative; }
	.paging { font-size: 0.8em; position: absolute; text-align: center; top: 234px; width: 210px; z-index: 10; }
		.paging a { background: #fff; border: 1px solid #D6CECE; color: #999; display: inline-block; text-align: center; width: 20px; }
		.paging a.activeSlide { background: #E8E8E8; }

.boxInfo { background: #E5E3E4; border: 1px solid #fff; margin: 15px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
	.boxInfo .boxInfoText { border: 1px solid #D6CECE; height: 1%; overflow: hidden; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
	.boxInfo a.img { float: left; margin-right: 10px; }

.img { background: #fff; border-bottom: 1px solid #D6CECE; border-right: 1px solid #D6CECE; display: inline-block; padding: 5px; position: relative; }
.img:hover { background: #E8E8E8; }
	.img img { float: left; }

ul.buttonList li { float: left; margin: 30px 0; }
.btn { display: block; text-indent: -9999px; }
	body.it .btnFornitori { background: url(images/btn-fornitori-IT.png) 0 0 no-repeat; height: 120px; width: 320px; }
	body.it .btnSpedizionieri { background: url(images/btn-spedizionieri-IT.png) 0 0 no-repeat; height: 120px; width: 320px; }
	body.en .btnFornitori { background: url(images/btn-fornitori-EN.png) 0 0 no-repeat; height: 120px; width: 320px; }
	body.en .btnSpedizionieri { background: url(images/btn-spedizionieri-EN.png) 0 0 no-repeat; height: 120px; width: 320px; }
	
/* area riservata clienti */
	.container { background: #fff url(images/bck-gray.gif) repeat-x 0 100%; border: 1px solid #c7c7c7; float: left; margin: 0 5px 0 0; width: 400px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
	.container .content { height: 320px; padding: 15px; position: relative; }
		.container .font { font-size: 0.8em; }	
		form .field { margin: 5px 0; position: relative; }
		form .field div { background: #e1e1e1; float: left; margin-bottom: 10px; text-align: center; }
			input.textfield { background: #fff; border: 1px solid #ccc; font-weight: normal; margin: 4px; padding: 5px 3px; width: 192px; }
			
		.btnac { display: block; border: none; color: #fff; font-weight: bold; margin:5px 0 20px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 200px; font-size:18px;}
			input.btnBlue { background: url(images/btn-blue.png) no-repeat 0 0; height: 40px; margin-left: 114px; cursor:hand;}
			
		label { display: block; float: left; font-weight: bold; padding-top: 4px; width: 110px; }
		
		a#leftmenu1, a#leftmenu2, a#leftmenu3, a#leftmenu4 {
 display:block;width:142px;height:134px;margin:2px 22px 2px 2px;font-size:15px;color:#000066;font-weight:bold;font-family:Arial;text-decoration:none;padding:6px 0 0 9px;float:left;
}
a#leftmenu1 { background:url(/images/leftmenu1.jpg) left top no-repeat; }
a#leftmenu2 { background:url(/images/leftmenu2.jpg) left top no-repeat; }
a#leftmenu3 { background:url(/images/leftmenu3.jpg) left top no-repeat; }
a#leftmenu4 { background:url(/images/leftmenu4.jpg) left top no-repeat; margin:2px;}