﻿/* ------------------   STRUTTURA  ---------------------- */

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#252d30;
	background:url(/images/sf_pagina.gif) repeat-x;
}
#frase {
	color:#acadad;
	font-size:7pt;
	margin:20px 0 0 13px;
}
#wrapper, .container {
	position:relative;
	margin:0 auto;
	width:980px;
	text-align:left;	
}
img.png,div, h1, h2, h3, h4, h5, h6, a, li {behavior: url(/css/iepngfix.htc);}

#hide {
	position:absolute;
	left:0;
	bottom:10px;
	color:#fff;
	background:#fff;
}
#hide a {
	color:#fff;
	background:#fff;
}
#hide a:hover {
	color:#fff;
	background:#fff;
}

/* ------------   TOP  ---------------- */

#home #sfondo {
	display:none;
}
#azienda #sfondo,
#prodotti #sfondo,
#contatti #sfondo,
#link #sfondo {
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:244px;
	background:url(/images/sf_top-2.gif) repeat-x;
}
#top {
	position:relative;
	height:244px;
	background:url(/images/sf_top.gif) repeat-x;
}
#azienda #top,
#prodotti #top,
#contatti #top,
#link #top {
	width:550px;
	background:url(/images/sf_top.gif) repeat-x;
}
#top #logo {
	position:relative;
	width:245px;
	height:244px;
	background:url(/images/sf_h1.gif);
}
#azienda #top #logo,
#prodotti #top #logo,
#contatti #top #logo,
#link #top #logo {
	background:url(/images/sf_h1-2.gif);
}
#top h1 a, #top h2, #top #logo_bic {
	position:absolute;
	display:block;
	text-indent:-9999px;
}
#top h1 a {
	top:192px;
	left:13px;
	width:181px;
	height:42px;
	background:url(/assets/images/Pedrotti_logo.png);
}
#top h2 {
	top:136px;
	left:13px;
	width:131px;
	height:32px;
	background:url(/assets/images/slogan.png);
}
#top #slogan {
	position:absolute;
	top:0;
	left:520px;
	width:262px;
	height:244px;
	background:url(/images/postit-home.jpg);
}
#azienda #top #slogan,
#prodotti #top #slogan,
#contatti #top #slogan,
#link #top #slogan {
	background:url(/images/postit.jpg);
}
#top #logo_bic {
	top:66px;
	left:13px;
}

/* ---   menu  --- */

ul#menu {
	position:absolute;
	left:264px;
	top:115px;
	z-index:10;
}
ul#menu li {
	margin:10px 0 0 0;
}
ul#menu li a {
	display:block;
	text-indent:-9999px;
	font-size:5px;
	cursor:pointer;
}
ul#menu li a#nav1,
ul#menu li a#nav1s {
	width:64px;
	height:16px;
	background:url(/images/menu/nav1.gif);
}
ul#menu li a#nav1s {
	background:url(/images/menu/nav1-select.gif);
}
ul#menu li a#nav2,
ul#menu li a#nav2s {
	width:63px;
	height:19px;
	background:url(/images/menu/nav2.gif);
}
ul#menu li a#nav2s {
	background:url(/images/menu/nav2-select.gif);
}
ul#menu li a#nav3,
ul#menu li a#nav3s {
	width:60px;
	height:16px;
	background:url(/images/menu/nav3.gif);
}
ul#menu li a#nav3s {
	background:url(/images/menu/nav3-select.gif);
}
ul#menu li a#nav4,
ul#menu li a#nav4s {
	width:31px;
	height:15px;
	background:url(/images/menu/nav4.gif);
}
ul#menu li a#nav4s {
	background:url(/images/menu/nav4-select.gif);
}

/* ---   menu  --- */

/* ------------   Fine TOP  ---------------- */

/* ------------   CONTENT  ---------------- */

#content {
	position:relative;
	margin:40px 0 0 0;
}
#content h3 {
	font-size:12pt;
	margin:0 0 10px 0;
}
#content #testo {
	float:left;
	width:466px;
	padding:35px 0 0 13px;
}
#content p {
}
#column_left {
}
#column_right {
}

/* ---   CARATTERISTICHE pagine  --- */

/* ---   home  --- */

#home #content {
	margin:-225px 0 0 0;
}
#home #content #penna {
	width:975px;
	height:388px;
	background:url(/images/Penna-home.png);
}
#home #content #richiesta_informazioni {
	position:absolute;
	top:-19px;
	right:-8px;
	width:261px;
	height:511px;
	background:url(/images/sf_richiestainfo.png);
	z-index:3;
}
#home #content #elementi_richiesta {
	position:absolute;
	top:250px;
	right:0;
	width:226px;
	z-index:5;
}
#home #content #elementi_richiesta h5 {
	text-indent:-9999px;
	width:170px;
	height:31px;
	background:url(/images/h5-05.gif);
	margin:0 0 17px 0;
}
#home #content #elementi_richiesta .campo {
	width:207px;
	height:28px;
	background:url(/images/sf_campo.gif);
	margin:0 0 12px 0;
}
#home #content #elementi_richiesta #campo_richiesta {
	width:201px;
	height:59px;
	background:url(/images/sf_campo-richiesta.gif);
	margin:0 0 12px 0;
	padding:3px;
}
#home #content #elementi_richiesta .campo .input_text {
	background:none;
	width:193px;
	height:18px;
	padding:5px 5px 3px 5px;
	color:#fff;
	opacity: 0.65;
	filter:alpha(opacity=65);
	font-size:8pt;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
}
#home #content #elementi_richiesta #campo_richiesta .input_area {
	background:none;
	width:194px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	opacity: 0.65;
	filter:alpha(opacity=65);
	color:#fff;
	background:#e83a06;
	border:0;
	padding:0 3px;
	scrollbar-base-color: #e83a06;
	scrollbar-face-color: #e83a06;
	scrollbar-highlight-color:#e83a06;
	scrollbar-3dlight-color:#e83a06;
	scrollbar-shadow-color:#e83a06;
	scrollbar-darkshadow-color:#e83a06;
}
#home #content #elementi_richiesta a#invia {
	float:right;
	text-indent:-9999px;
	display:block;
	width:25px;
	height:9px;
	background:url(/images/invia.gif) no-repeat;
	font-size:2px;
	margin:0 20px 0 0;
}
#home #bottom {
	margin:135px 0 0 0;
}

/* ---   Fine home  --- */

/* ---   prodotti  --- */

#content #testo #sidebar_prodotti {
	float:left;
	width:233px;
	margin:0 0 20px 0;
}
#content #testo #sidebar_prodotti ul li h3 {
	margin:0 0 7px 10px;
}
#content #testo #sidebar_prodotti ul li h3 a {
	font-size:12pt;
	letter-spacing:-1px;
}
#content #testo #sidebar_prodotti ul li ul {
	margin:0 0 0 30px;
}
#content #testo #sidebar_prodotti ul li.categorie {
	border-bottom:1px solid #bbbbbb;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
}
#content #testo #sidebar_prodotti ul li.select {
	background: url(/images/sf_categoria_selezionata.png) repeat-x bottom;
}
#content #testo #sidebar_prodotti ul li ul li {
	margin:3px 0;
	font-size:9pt;
	letter-spacing:-1px;
}
#content #testo #sidebar_prodotti ul li ul li.selezionato {
	color:#ef3c03;
}
#content #testo #content_prodotti {
	float:right;
	width:475px;
}
#content #testo #content_prodotti ul {
	height:42px;
}
#content #testo #content_prodotti ul li {
	float:left;
	display:block;
	height:32px;
	font-size:11pt;
	padding:0 10px;
}
#content #testo #content_prodotti ul li.selezionato {
	background:url(/images/sf_voce_selezionata.png) repeat-x bottom;
	height:30px;
	border-top:1px solid #bbbbbb;
	border-right:1px #bbb solid;
	padding:12px 10px 0 10px;
	letter-spacing:-1px;
}
#content #testo #content_prodotti ul li a {	
	display:block;
	height:30px;
	padding:12px 0 0 0;
	letter-spacing:-1px;
}
#content #testo #content_prodotti #elenco_prodotti {
	position:relative;
	background:#fff;
	padding:10px 0 0 10px;
	width:465px;
}
#content #testo #content_prodotti #elenco_prodotti #percorso_prodotti {
	position:relative;
	border-bottom:1px solid #dfdfdf;
	padding:0 0 3px 0;
	font-size:9pt;
	width:450px;
}

/* ---   Fine prodotti  --- */

/* ---   Fine CARATTERISTICHE pagine  --- */

#azienda #content #elementi_richiesta,
#prodotti #content #elementi_richiesta,
#link #content #elementi_richiesta {
	float:right;
	width:226px;
	z-index:5;
}
#azienda #content #elementi_richiesta h5,
#prodotti #content #elementi_richiesta h5,
#link #content #elementi_richiesta h5 {
	text-indent:-9999px;
	width:170px;
	height:31px;
	background:url(/images/h5-05-2.gif);
	margin:0 0 17px 0;
}
#azienda #content #elementi_richiesta .campo,
#prodotti #content #elementi_richiesta .campo,
#link #content #elementi_richiesta .campo {
	width:207px;
	height:28px;
	background:url(/images/sf_campo-2.gif);
	margin:0 0 12px 0;
}
#azienda #content #elementi_richiesta #campo_richiesta,
#prodotti #content #elementi_richiesta #campo_richiesta,
#link #content #elementi_richiesta #campo_richiesta {
	width:201px;
	background:url(/images/sf_campo-2-richiesta.gif);
	margin:0 0 12px 0;
	color:#252d30;
	height:59px;
	padding:3px;
}
#azienda #content #elementi_richiesta #campo_richiesta .input_area,
#prodotti #content #elementi_richiesta #campo_richiesta .input_area,
#link #content #elementi_richiesta #campo_richiesta .input_area {
	background:none;
	opacity: 0.65;
	filter:alpha(opacity=65);
	width:194px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#252d30;
	background:#c6c6c6;
	border:0;
	padding:0 3px;
	scrollbar-base-color: #c6c6c6;
	scrollbar-face-color: #c6c6c6;
	scrollbar-highlight-color:#c6c6c6;
	scrollbar-3dlight-color:#c6c6c6;
	scrollbar-shadow-color:#c6c6c6;
	scrollbar-darkshadow-color:#c6c6c6;
}
#azienda #content #elementi_richiesta .campo .input_text,
#prodotti #content #elementi_richiesta .campo .input_text,
#link #content #elementi_richiesta .campo .input_text {
	background:none;
	width:193px;
	height:18px;
	padding:5px 5px 3px 5px;
	color:#252d30;
	opacity: 0.65;
	filter:alpha(opacity=65);
	font-size:8pt;
	border:0;
}
#azienda #content #elementi_richiesta a#invia,
#prodotti #content #elementi_richiesta a#invia,
#link #content #elementi_richiesta a#invia {
	float:right;
	text-indent:-9999px;
	display:block;
	width:25px;
	height:9px;
	background:url(/images/invia-2.gif) no-repeat;
	font-size:2px;
	margin:0 20px 0 0;
}
#azienda #content #penna {
	position:absolute;
	top:-250px;
	left:450px;
	width:339px;
	height:493px;
	background:url(/images/Penna.png);
}
#contatti #content #penna {
	position:absolute;
	top:-150px;
	right:0;
	width:339px;
	height:493px;
	background:url(/images/Penna.png);
}
#prodotti #testo,
#contatti #testo,
#link #testo {
	width:710px;
}
#prodotti #testo {
	padding:0 0 0 13px;
}

#link #content ul {
	width:275px;
	float:left;
	margin:0 20px 0 0;
}
#link #content ul li {
	list-style-type:none;
	margin:0 0 15px 0;
	border:3px solid #fff;
	width:275px;
}
#link #content ul#loghi_aziendali li,
#link #content ul#loghi_aziendali li a,
#link #content ul#loghi_aziendali2 li,
#link #content ul#loghi_aziendali2 li a {
	width:275px;
	height:57px;
	text-indent:-9999px;
}
#link #content ul#loghi_aziendali li a,
#link #content ul#loghi_aziendali2 li a {
	display:block;
}
#link #content ul#loghi_aziendali li#tp_it {
	background:url(/assets/images/Tecnoprogress-ciano_logo.gif);
}
#link #content ul#loghi_aziendali li#tp_net {
	background:url(/assets/images/Tecnoprogress-arancio_logo.gif);
}
#link #content ul#loghi_aziendali li#pedrotti {
	background:url(/assets/images/Pedrottispumanti_logo.gif);
}
#link #content ul#loghi_aziendali li#pedrotti2 {
	background:url(/assets/images/Pedrottibarbara_logo.gif);
}
	

/* ------------   Fine CONTENT  ---------------- */

/* ------------   BOTTOM  ---------------- */

#bottom {
	height:156px;
	margin:60px 0 0 0;
}
#bottom ul li {
	float:left;
	width:208px;
	border-right:1px solid #dfdfdf;
	margin:0;
	padding:0 18px;
	height:156px;
}
#bottom ul li.last {
	border:0;
}
#bottom ul li h5 {
	display:block;
	text-indent:-9999px;
	height:32px;
}
#bottom ul li h5#h5-01 {
	width:123px;
	background:url(/images/h5-01.gif);
	margin:0 0 10px 0;
}
#bottom ul li h5#h5-02 {
	width:86px;
	background:url(/images/h5-02.gif);
}
#bottom ul li h5#h5-03 {
	width:170px;
	background:url(/images/h5-03.gif);
}
#bottom ul li h5#h5-04 {
	width:158px;
	height:29px;
	background:url(/images/h5-04.gif);
}
#bottom ul li#galleria_prodotti {cursor:pointer;}

#bottom ul li#galleria_prodotti img {
	margin:5px;
}

	

/* ------------   Fine BOTTOM  ---------------- */

/* ------------------   TITOLI  ---------------------- */

p.evidenza {
	font-size:11pt;
	margin:0 0 15px 0;
}
.sottotitolo {
}
.testo_piccolo {
}

/* ------------------   Fine TITOLI  ---------------------- */

/* ------------------   CARATTERISTICHE GENERICHE  ---------------------- */

h1,h2,h3,h4,h5,h6,h7,ul,li,p,img {
	margin:0;
	padding:0;
	border:0;
}
ul li {list-style-type:none;}
a {color:#252d30;text-decoration:none;}
a:hover {
	color:#ef3c03;
}
.clear {clear:both;}
.right {float:right;}
.left {float:left;}

/* ------------------   Fine CARATTERISTICHE GENERICHE  ---------------------- */

/* FORM */
	#formcontatti {
		position:relative;
		margin:0;
		padding:0;
		width:680px;
		font-size:8pt;
	}
		
	#formconferma {
		position:relative;
		margin:0;
		padding:0;
		height:250px;
		width:600px;
	}
	.input_text {
		width:300px;
		padding:2px;
		height:15px;
		border:1px solid #9e9f9f;
	}
	.input_area {
		height:60px;
		font-size:8pt;
		width:300px;
		border:1px solid #9e9f9f;
	}
	.contatti {
		float:left;
		width:300px;
		margin:0 40px 0 0;
		padding:0;
	}
	#box_errore {
		position:absolute;
		display:none;
		width:300px;
		left:300px;
		top:400px;
		height:150px;
		border:1px solid #9e9f9f;
		text-align:left;
		background:#fff;
		z-index:10;
		}
	#div_titolo_errore {
		background:#f54303;
		color:#fff;
		padding:10px;
		}
	#div_errore {
		color:#000;
		padding:10px;
		text-align:center;
		position:relative;
		top:10px;
		}
	#bottone_errore {
		position:relative;
		top:30px;
		}
/* fine FORM */	

/* ------------------------ concept by ------------------------ */

#concept {
	position:relative;
	font-size:9px;
	text-align:right;
}
#concept p {
	margin:0;
	padding:0;
}
#concept a.linktp {
	font-size:9px;
	font-family: Verdana;
	color:#fff;
	font-weight:bold;
	font-stretch:expanded;
	text-decoration: none;
}
#concept a.linktp:hover {
	color:#E97D00;   
}

/* ------------------------ Fine concept by ------------------------ */

/* div */
	#wrapper #content .div_450 {width:450px; margin:0 auto;}

/* PRODOTTI */
	/* vetrina */
		#bottom .box_prodotto_vetrina {position:relative;color:#272f32;padding:10px;font-weight:bold;background:#f0f0f0;margin:10px 0; width:190px;}
		#bottom .box_prodotto_vetrina a {float:left;color:#ef3c03; width:135px;line-height:13px; background:#fff; padding:0 0 10px 0; text-transform:lowercase; font-size:11pt; line-height:15px; letter-spacing:-1px;} 
		#bottom .box_prodotto_vetrina a .offerta {color:#272f32;font-size:8pt;letter-spacing:0;}
		#bottom .box_prodotto_vetrina a:hover {color:#666;} 
		#bottom .box_prodotto_vetrina .immagine_prodotto {width:50px;float:right;text-align:center;margin:0;background:#fff;}
		#bottom .box_prodotto_vetrina a.more {font-weight:normal; display:block; float:none; font-size:9pt; letter-spacing:0; width:190px; background:#fff; margin:5px 0 0 0; padding:0;}
		#bottom .box_prodotto_vetrina #prodotto_vetrina {width:190px;}
	/* elenco */
		#content_prodotti #elenco_prodotti {width:475px;}
		#content_prodotti #elenco_prodotti .box_prodotto {border-bottom:1px #eee solid; padding:15px 10px 15px 0; line-height:12pt;}
		#content_prodotti #elenco_prodotti .box_prodotto .immagine_prodotto {float:left;text-align:center;margin:0 10px 0 0;}

	/* scheda */
		#content_prodotti #elenco_prodotti h2 {margin:15px 0;}
		#content_prodotti #elenco_prodotti #immagini_prodotto {margin:15px 0; text-align:center;}
		#content_prodotti #elenco_prodotti #immagini_prodotto img {margin:15px 10px;}
		#content_prodotti #elenco_prodotti #immagini_prodotto img.immagine {padding:10px 15px; border:1px #fff solid; cursor:pointer;}
		#content_prodotti #elenco_prodotti #immagini_prodotto img.immagine:hover {border:1px #F54303 solid; background:#eee}
		#content_prodotti #elenco_prodotti #fondo {border-top:1px #eee solid; padding:5px 0;}
		#content_prodotti #elenco_prodotti #fondo #richiesta_informazioni {float:right; width:130px;background:#eee; padding:5px;; text-align:right}
		#content_prodotti #elenco_prodotti #fondo #indietro {float:left; width:55px; padding:5px;background:#eee;}	
		#content_prodotti #elenco_prodotti #fondo a:link, #elenco_prodotti #fondo a:visited {color:#F54303; font-weight:bold;}
		#content_prodotti #elenco_prodotti #fondo a:hover {color:#666}
	
	/* carrello */
		#carrello {margin:15px 0; width:195px; border:1px #666 solid; padding:5px; background:#eee}
		#carrello h3 {text-align:center}
		#carrello .prodotto_carrello {border-bottom:1px #666 dotted; padding:5px 0; margin:5px 0}
		#carrello .prodotto_carrello .immagine_carrello {width:40px; margin:0 5px 0 0; float:left; text-align:center;}

/* ORDINI */
	/* riepilogo */
	
		#wrapper #content #content_prodotti table#riepilogo {font-size:8pt; margin:15px auto; width:100%}
		#wrapper #content #content_prodotti table#riepilogo tr th {padding:5px 8px;font-weight:bold;background:#999;border:1px #999 solid;color:#fff;}
		#wrapper #content #content_prodotti table#riepilogo tr td {border:1px dotted #E0DFCA;padding:2px 8px;}
		#wrapper #content #content_prodotti #totali {text-align:right; line-height:15pt; margin:0 5px;}
		#wrapper #content #content_prodotti #totali .totale {color:#F54303; font-weight:bold}
		#wrapper #content #content_prodotti #riepilogo p {margin:15px 0}
		#wrapper #content #content_prodotti #riepilogo #logo {height:20px; width:452px}
		#wrapper #content #content_prodotti #riepilogo .input_text {width:100%}
		#wrapper #content #content_prodotti #riepilogo .input_area {width:100%}
#wrapper #content .bottoni {margin:15px auto;}
#wrapper #content .bottone, .bottone	{font-size:10px; color:#F14203; width:90px; height:25px;}
#wrapper #content .allineamento_cnt {text-align:center}
#wrapper #content .allineamento_dx {text-align:right}