@import url("reset.css");
* { margin:0; padding:0; }
html { height:100%; }
body { background-color:#e2e0d4; height:100%; }
div { overflow:hidden; zoom:1; }
fieldset { border:0; }
body, input, textarea, select { font-family:georgia,arial,serif; color:black; font-weight:normal; font-size:0.8em; line-height:1.15em; }

/*in_line*/
input, select { vertical-align:middle; font-weight:normal; }
img { border:0; vertical-align:top; text-align:left; }

.clear { clear:both; }

.fl { float:left; }
.fr { float:right; }
.ar { text-align:right; }

.pos { position:absolute; margin-top:0; padding:0 }

/*image replacement*/
.ir { position:relative; display:block; }
.ir em { position:absolute; width:100%; height:100%; top:0px; left:0px; display:block; background-repeat:no-repeat; }

/* IDs */

#intro { background:transparent url(images/intro-header.jpg) top center no-repeat; }

	#intro .heading { height:169px; }
	#intro .store { background:transparent url(images/intro-store.jpg) top center no-repeat; height:486px; }
	#intro .message { background-color:#000; line-height:30px; height:30px; margin-top:367px; text-align:center; }
	#intro .message a { color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; }
	#intro .footer { text-align:center; margin-top:20px; background:transparent url(images/footer-stemma-transp.png) center 50px no-repeat; padding-bottom:106px; height:44px; }

#header { height:116px; background:#e2e0d4 url(images/header.jpg) top center no-repeat; }

#header h1 a { display:block; width:400px; height:116px; text-indent:-999em; margin:0 auto; }

#menu-top, #menu-bottom { height:32px; background:url(images/bg-menu.gif) top left repeat-x; text-align:center; }
#menu-wrap { width:900px; height:32px; margin:0 auto; }

	.menu-sep-top { background:url(images/menu-sep-top.gif) center 0 no-repeat; width:13px; height:32px; padding:0 7px; float:left; }
	.menu-sep-bottom { background:url(images/menu-sep-bottom.gif) center 0 no-repeat; width:13px; height:32px; padding:0 7px; float:left; }

	/* top */
	a#menu-homepage,
	a#menu-in-primo-piano,
	a#menu-brand,
	a#menu-podium-fidelity-card,
	a#menu-fashion-store,
	/* bottom */
	a#menu-oltre-podium,
	a#menu-social-network,
	a#menu-advertising,
	a#menu-agenda-ed-eventi,
	a#menu-area-clienti { padding:0 7px; height:32px; text-indent:-999em; float:left; }

	/* top */
	a#menu-homepage { background:url(images/menu-homepage.gif) center 0 no-repeat; width:100px; }
	a#menu-in-primo-piano { background:url(images/menu-in-primo-piano.gif) center 0 no-repeat; width:140px; }
	a#menu-brand { background:url(images/menu-brand.gif) center 0 no-repeat; width:63px; }
	a#menu-podium-fidelity-card { background:url(images/menu-podium-fidelity-card.gif) center 0 no-repeat; width:211px; }
	a#menu-fashion-store { background:url(images/menu-fashion-store.gif) center 0 no-repeat; width:140px; }
	/* bottom */
	a#menu-oltre-podium { background:url(images/menu-oltre-podium.gif) center 0 no-repeat; width:134px; }
	a#menu-social-network { background:url(images/menu-social-network.gif) center 0 no-repeat; width:158px; }
	a#menu-advertising { background:url(images/menu-advertising.gif) center 0 no-repeat; width:121px; }
	a#menu-agenda-ed-eventi { background:url(images/menu-agenda-ed-eventi.gif) center 0 no-repeat; width:174px; }
	a#menu-area-clienti { background:url(images/menu-area-clienti.gif) center 0 no-repeat; width:124px; }

	a#menu-homepage:hover, a#menu-homepage:focus, a#menu-homepage.selected,
	a#menu-in-primo-piano:hover, a#menu-in-primo-piano:focus, a#menu-in-primo-piano.selected,
	a#menu-brand:hover, a#menu-brand:focus, a#menu-brand.selected,
	a#menu-podium-fidelity-card:hover, a#menu-podium-fidelity-card:focus, a#menu-podium-fidelity-card.selected,
	a#menu-fashion-store:hover, a#menu-fashion-store:focus, a#menu-fashion-store.selected,
	a#menu-oltre-podium:hover, a#menu-oltre-podium:focus, a#menu-oltre-podium.selected,
	a#menu-social-network:hover, a#menu-social-network:focus, a#menu-social-network.selected,
	a#menu-advertising:hover, a#menu-advertising:focus, a#menu-advertising.selected,
	a#menu-agenda-ed-eventi:hover, a#menu-agenda-ed-eventi:focus, a#menu-agenda-ed-eventi.selected,
	a#menu-area-clienti:hover, a#menu-area-clienti:focus, a#menu-area-clienti.selected	
	{ background-position: center -32px; }

#content { height:524px; background:#e2e0d4 url(images/bg-content.png) top center no-repeat; }
#content-wrap { width:812px; margin:0 auto; height:100%; }

/* homepage */
	#homepage .left { width:460px; padding-top:40px; padding-left:30px; float:left; }

		h1#style-philosophy-for-very-podium-people { width:411px; height:30px; }
		h1#style-philosophy-for-very-podium-people em { background-image:url(images/homepage_style-philosophy-for-very-podium-people.gif); }

		#homepage .mceText p { color:#000; margin:1em 0; text-align:justify; line-height:1.4em; }

		h1#iscrizione-podium-newsletter { width:298px; height:30px; }
		h1#iscrizione-podium-newsletter em { background-image:url(images/homepage_iscrizione-podium-newsletter.gif); }

		#homepage input[type="text"] { width:190px; background-color:#d5d3ca; border:1px solid #d5d3ca; font-size:1.0em; font-family:Georgia,serif; }
		#homepage .shade { background:url(images/homepage_shadegray1x10.gif) top left repeat-x; width:192px; height:10px; margin-top:2px; }

		#response-dlg { margin-top:10px; text-align:center; line-height:1.4em; color:#000; }

	#homepage .right { width:295px; padding-top:88px; float:right; }

		#homepage .big { background-color:#fff; width:267px; height:292px; padding:8px; margin-bottom:20px; margin-right:12px; float:left; }
		#homepage a.thumb { position:relative; display:block; border:1px solid #fff; width:45px; height:50px; margin-right:12px; float:left; }
		#homepage a.thumb div { position:absolute; width:100%; height:100%; top:0px; left:0px; background:url(images/a50-100x100.png) top left no-repeat; }
		#homepage a.hover div, #homepage a.selected div { display:none; }

/* in primo piano */
	#in-primo-piano .left { width:420px; padding-top:20px; padding-left:30px; float:left; }

		/* lui / lei buttons */
		a#per-lui,
		a#per-lei { height:52px; text-indent:-999em; float:left; }

		a#per-lui { background:url(images/primopiano_per-lui.gif) center 0 no-repeat; width:130px; }
		a#per-lei { background:url(images/primopiano_per-lei.gif) center 0 no-repeat; width:130px; }

		a#per-lui:hover, a#per-lui:focus, a#per-lui.selected,
		a#per-lei:hover, a#per-lei:focus, a#per-lei.selected { background-position: center -52px; }

		/* thumbs */
		#in-primo-piano a.thumb { position:relative; display:block; background-color:#fff; width:45px; height:50px; padding:2px; margin-right:15px; margin-bottom:15px; float:left; }
		#in-primo-piano a.thumb div { position:absolute; width:100%; height:100%; top:0px; left:0px; background:url(images/a50-100x100.png) top left no-repeat; }
		#in-primo-piano a.hover div, #in-primo-piano a.selected div { display:none; }

		#in-primo-piano .pagebar { width:306px; }
		#in-primo-piano .pagebar .prev { width:80px; text-align:left; height:12px; float:left; }
		#in-primo-piano .pagebar .pages { width:146px; text-align:center; float:left; }
		#in-primo-piano .pagebar .pages a { color:#000; text-decoration:none; }
		#in-primo-piano .pagebar .pages span { color:#8b8a83; text-decoration:none; }
		#in-primo-piano .pagebar .next { width:80px; text-align:right; height:12px; float:right; }

	#in-primo-piano .right { width:283px; padding-top:80px; margin-right:30px; float:right; }

		#in-primo-piano .big { background-color:#fff; width:267px; height:292px; padding:8px; /* margin-bottom:20px; float:left;*/ }

		#in-primo-piano .right h2 { height:30px; float:left; }
		#in-primo-piano .right a.thickbox { font-size:1em; line-height:30px; font-weight:normal; color:#8b8a83; text-decoration:none; float:right; }

		#in-primo-piano .right h3 { height:40px; line-height:40px; font-size:1.4em; text-align:right; }

	#form-comment { width:200px; margin:0 auto; }
	#form-comment textarea { width:99%; height:100px; }

/* brand */
	#brand .left { width:420px; padding-top:110px; padding-left:30px; float:left; }

		/* thumbs */
		#brand a.thumb { position:relative; display:block; background-color:#fff; width:65px; height:59px; margin-right:15px; margin-bottom:13px; float:left; }

		#brand .pagebar { width:306px; }
		#brand .pagebar .prev { width:80px; text-align:left; height:12px; float:left; }
		#brand .pagebar .pages { width:146px; text-align:center; float:left; }
		#brand .pagebar .pages a { color:#000; text-decoration:none; }
		#brand .pagebar .pages span { color:#8b8a83; text-decoration:none; }
		#brand .pagebar .next { width:80px; text-align:right; height:12px; float:right; }

	#brand .right { width:346px; padding-top:110px; margin-right:10px; float:right; }

		#brand .big { background-color:#fff; width:346px; height:312px; }

/* podium-fidelity-card */
	#podium-fidelity-card .left { width:760px; padding-top:30px; padding-left:30px; float:left; }

		h1#perche-scegliere-la-fidelity-card { width:347px; height:34px; }
		h1#perche-scegliere-la-fidelity-card em { background-image:url(images/podiumfidelitycard_perche-scegliere.gif); }

		#podium-fidelity-card .mceText p { color:#000; font-size:0.9em; margin:1em 0; line-height:1.6em; text-align:justify; }

		h1#si-vorrei-la-fidelity-card { width:259px; height:32px; }
		h1#si-vorrei-la-fidelity-card em { background-image:url(images/podiumfidelitycard_si-vorrei.gif); }
		
		#podium-fidelity-card a.popup { display:block; background:url(images/ic_info2_36x36.png) top left no-repeat; margin-top:5px; padding-left:40px; line-height:36px; height:36px; color:#000; font-weight:bold; text-decoration:none; }

		#form-fidelity { background-color:#e1dfd5; }
		#form-fidelity input.field { border:1px solid #a0a0a0; font-size:90%; width:170px; padding:0.15em; color:black; }
		#form-fidelity textarea.text { border:1px solid #a0a0a0; font-size:90%; width:170px; height:60px; padding:0.15em; color:gray; }
		#form-fidelity select { border:1px solid #a0a0a0; font-size:90%; padding:0.15em; color:black; }
		#form-fidelity p { font-size:90%; margin:1em 0; }
		#form-fidelity a { color:#760000; font-weight:bold; text-decoration:none; }

		#form-fidelity p { font-weight:bold; font-size:90%; margin:1em 0; overflow:hidden; zoom:1; }
		#form-fidelity p label { float:left; width:200px; }

	#podium-fidelity-card .right { width:340px; padding-top:110px; float:right; }

/* fashion-store */
	#fashion-store .left { width:380px; padding-left:20px; padding-top:70px; float:left; }

	#fashion-store .right { width:348px; padding-top:70px; padding-right:16px; padding-bottom:5px; text-align:center; float:right; }

	#fashion-store .mceText { /*padding-top:10px; */padding-bottom:5px; }
	#fashion-store .mceText p { margin:1em 0;  }

	#fashion-store .mceText a, #fashion-store .right a { color:#000; font-weight:bold; }

/* oltre-podium */

	#oltre-podium .mceText { padding:20px 20px 0 20px; }
	#oltre-podium .mceText p { color:#000; font-size:0.9em; line-height:2.0em; }

/* social-network */

	#social-network .mceText { padding:20px 20px 0 20px; }
	#social-network .mceText p { color:#000; font-size:0.9em; line-height:1.6em; text-align:justify; }

/* advertising */

	#advertising .wrap { margin-top:120px; margin-left:20px; }
		/* thumbs */
		#advertising a.thumb { position:relative; display:block; background-color:#fff; width:65px; height:60px; margin-right:15px; margin-bottom:13px; float:left; }
		#advertising a.thumb div { position:absolute; width:100%; height:100%; top:0px; left:0px; background:url(images/a50-100x100.png) top left no-repeat; }
		#advertising a.hover div, #advertising a.selected div { display:none; }

		#advertising .pagebar { width:306px; }
		#advertising .pagebar .prev { width:80px; text-align:left; height:12px; float:left; }
		#advertising .pagebar .pages { width:146px; text-align:center; float:left; }
		#advertising .pagebar .pages a { color:#000; text-decoration:none; }
		#advertising .pagebar .pages span { color:#8b8a83; text-decoration:none; }
		#advertising .pagebar .next { width:80px; text-align:right; height:12px; float:right; }

/* agenda-ed-eventi */

	#agenda-ed-eventi .left { width:250px; padding-top:110px; padding-left:40px; float:left; }

		#agenda-ed-eventi .specialDate { cursor:default; }
		#agenda-ed-eventi .specialDate a { background-color:#000; }


	#agenda-ed-eventi .right { width:450px; margin-top:110px; height:300px; overflow:auto; float:right; }

		#agenda-ed-eventi .event { margin-bottom:10px; }
		#agenda-ed-eventi .event-pic { width:100px; height:100px; padding:5px; margin-right:10px; background-color:#fff; float:left; }
		#agenda-ed-eventi .mceText p { line-height:1.4em; font-size:0.9em;  }

/* area-clienti */

	#area-clienti form { width:189px; height:210px; margin:143px auto 0 auto;  background:url(images/areaclienti_bg.jpg) top left no-repeat; }
	#area-clienti input.username,
	#area-clienti input.password { width:174px; height:21px; line-height:21px; background-color:#e1dfd5; border:1px solid #000; font-size:1.2em; }
	#area-clienti input.username { margin:66px auto 0 auto; }
	#area-clienti input.password { margin:36px auto 0 auto; }
	#area-clienti input.submit { width:92px; height:35px; margin:8px auto 0 auto; display:block; }

	#area-clienti .links { text-align:center; padding-top:2em; line-height:4em; }
	#area-clienti .links a { text-decoration:underline; color:#000; font-weight:bold; }

	.tb-form { background-color:#e1dfd5; }
	.tb-form input.field { border:1px solid #a0a0a0; font-size:90%; width:170px; padding:0.15em; color:black; }
	.tb-form textarea.text { border:1px solid #a0a0a0; font-size:90%; width:170px; height:60px; padding:0.15em; color:gray; }
	.tb-form select { border:1px solid #a0a0a0; font-size:90%; padding:0.15em; color:black; }
	.tb-form p { font-weight:bold; font-size:90%; margin:1em 0; overflow:hidden; zoom:1; }
	.tb-form p label { float:left; width:200px; }

	/* _user */

	#area-clienti .wrap { text-align:center; margin-top:100px; }
	#area-clienti .wrap p { line-height:2em;  }
	#area-clienti a { text-decoration:none; color:#777671; font-weight:bold;  }

/* --- other --- */

/* info */

	#info { padding-top:50px; text-align:center; line-height:1.4em; }

#footer { height:117px; background:url(images/bg-footer.gif) top left repeat-x; }
#footer-stemma { width:500px; height:27px; line-height:27px; margin:0 auto; padding-top:90px; background:url(images/footer-stemma.png) top center no-repeat; text-align:center; font-weight:bold; }

#lime { text-align:center; font-size:0.8em; }
#lime a { color:#000; font-weight:bold; text-align:center; }
