﻿/* ------------------   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; }


/* ERRORE */
	#wrapper #box_errore {position:absolute; display:none; bottom:350px; left:400px; width:300px; height:150px; border:1px solid #f54303; text-align:left; background:#eee;}
	#wrapper #box_errore #div_titolo_errore  {background:#f54303; color:#fff; padding:10px; font-weight:bold;}
	#wrapper #box_errore #div_errore  {color:#f54303; padding:10px; text-align:center; position:relative; top:10px;}
	#wrapper #box_errore #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;}
		#content_prodotti #elenco_prodotti h2 {margin:15px 0;}

	/* scheda 
		#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}

/* ORDINI */
	h4 {margin:15px 0 5px 0;}
	h4#ordina {color:#EE3B03; margin:20px 0 15px 0;}
	table.prezzi {width:100%;}
	table.prezzi tr th {background:#E1E1E1;  border:1px #20272A solid; padding:7px 8px; text-align:center;}
	table.prezzi tr td {color:#20272A; border:1px #20272A solid; padding:7px 8px; text-align:center;}
	table.prezzi tr td.quantita {font-weight:bold;}
	table#scegli_quantita tr th {padding:5px 15px; background:#20272A; color:#fff;}
	table#scegli_quantita tr td {padding:5px 15px;}
	.colonna {width:220px; float:left;}
	.opt_colore {float:left; padding:4px 0;}
	.img_colore {float:left; margin:0 10px 0 0;}
	.img_colore img, .td_colori img {width:28px; height:28px;}
	.colore {float:left; padding:5px 0;}
	#div_carrello {border-top:1px #20272A solid; margin:15px 0; padding:10px 0 0 0;}
	#div_carrello #carrello_aggiungi {text-align:right; float:right; cursor:pointer;}

