@charset "utf-8";
/* CSS Document */

html, body {
	margin:0;
	padding:0;
	height:100%;
}
body {
	text-align:center;
	background-color:#c1bcb1;
}
/* stile predefinito */
body, td, p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

form {
	margin:0;
	padding:0;
}

#container {
	position:relative;
	width:610px;
	margin: 0 auto;
	height:100%;
	text-align:left;
	background-color: #ffffff;
	background-image:url(000sfo.gif);
	background-position: right;
	background-repeat:repeat-y;
}
body > div#container {
	height:auto;
	min-height:100%;
}
#content {
	margin: 0;
	padding: 0;
	width: 338px;
	padding-left: 86px;
	padding-top: 29px;
}
.content2 {
	width:300px;
}
.content2, .content2 p {
	font-family:Arial, Helvetica, sans-serif;
}
.content2 p {
	margin-top:0;
}

img.mappa {
	border:1px solid #000000;
	margin-bottom:10px;
}


div.box1 {
	float:left;
}
div.box1 img {
	margin-bottom:12px;
	margin-right:12px;
}

div.box2 {
	float:left;
}



#header {
	width:610px;
	height:316px;
	background-image:url(000header.gif);
}
#nav {
	position:absolute;
	top:113px;
	left:84px;
	width:526px;
	height:23px;
	cursor: default;
}

#footer {
	height: 20px;
}

/* La colonna destra */
#extra {
	position: absolute;
	top:316px;
	left:436px;
	width:174px;
	background-image: url(000scoglierascialandro.jpg);
	background-repeat: no-repeat;
	background-position: 0 29px;
	padding-top:286px;
}
/* Il box a destra della foto di copertina della pagina */
#extra3 {
	position:absolute;
	top: 136px;
	left: 436px;
	width: 174px;
	height: 180px;
}
/* Foto di copertina */
#extra2 {
	position:absolute;
	top: 136px;
	left: 84px;
	width: 352px;
	height: 180px;
	background-image:url(000fotocop.jpg);
	background-color:#CCCCCC;
}

/* Menu del carrello */
#navcar {
	position:absolute;
	left: -144px;
	top: 285px;
	width: 179px;
	height:31px;
	background-image:url(001menu_top.gif);
	background-repeat:no-repeat;

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	font-weight: bold;

}


#navcar-middle {
	background-image:url(001menu_middle.gif);
	background-repeat:repeat-y;
	margin-top:31px;
	padding-top:4px;
	padding-left:16px;
}
#navcar-bottom {
	width: 179px;
	height: 20px;
	background-image:url(001menu_bottom.gif);
}
/* STILI */
h1 {
	font-family:"Arial narrow", Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	/*	text-indent:-36px; */
	text-align:left;
	color: #050301;
	border-top: 1px solid #c1bcb1;
	border-bottom: 1px solid #c1bcb1;
	padding:0;
	margin: 0 0 20px 0;
}


a {
	color: #990000;
	text-decoration: none;

}
a:hover {
	text-decoration: underline;
}



/* STILI PER IL MENU DI NAVIGAZIONE */
 #nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#ffffff;
	text-align:center;
	padding-top: 3px;
}
#nav ul li {
	display: inline;
	padding: 0 12px 0 12px;
}
#nav a {
	color:#ffffff;
	text-decoration: none;
}
#nav a:hover {
	color: #ffff00;
	text-decoration:none;
}
#nav a:hover, #nav a.liv1_on, #nav a.liv1_on:link, #nav a.liv1_on:visited  {
	color:#FFFF00;
}


/* STILI PER IL MENU DEL CARRELLO */


#navcar a {
	color:#333333;
	text-decoration:none;
}

#navcar a:hover {
	color: #ff0000;
	text-decoration:none;
}

#navcar a.rep_selected {
	color: #ff0000;
	cursor: default;
}


.navcar-sep {
	height:1px;
	width:146px;
	font-size:1px;
	margin:20px 0 20px 0;
	background-color:#FF9900;
	border-bottom:1px solid #CCCCCC;
}


/* Stili per i pulsanti "carrello", "ordine" e "pagamento" */

#infocar {
	font-size:13px;
	font-weight:bold;
	margin-left:10px;
	padding-bottom:8px;
	text-indent: 22px;
	color:#ff0000;
	line-height:22px;
}

#infocar a#carpuls_carrello {
	display:block;
	background-image:url(001ico_carrello.gif);
	background-repeat: no-repeat;
	color:#333333;
}

#infocar a#carpuls_ordine {
	display:block;
	background-image:url(001ico_ordine.gif);
	background-repeat: no-repeat;
	color:#333333;
}

#infocar a#carpuls_spedizione {
	display:block;
	background-image:url(001ico_spedizione.gif);
	background-repeat: no-repeat;
	color:#333333;
}
#infocar a:hover, a.sel_on, #infocar a.sel_on:link, #infocar a.sel_on:visited {
	color:#ff0000 !important;
	text-decoration:none !important;
}

td.titoloarticolo, div.titoloarticolo {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
}


.codicearticolo {
	font-size:10px;
	font-weight:normal;
}


.testopiccolo {
	font-size: 9px;
}



.inputricerca {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #990000;
	background-image: url(sfondo.gif);
	border: 1px solid #990000;
}

.aaa select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #990000;
	background-color: #E9E9E9;
	border: 1px solid #990000;
}


/* Il "form" con l'elenco degli articoli */
#itemsform table {
	width:100%;
}


/* <div> "esterno" che nell'elenco contiene il singolo articolo */
.articolo {
/*	border: 1px solid #685F4E; */
	border-bottom: 1px solid #c1bcb1;
	margin-bottom:30px;
	padding-bottom:30px;
}

/* <div> "interno" che nell'elenco contiene il singolo articolo:
"escamotage" per ovviare alla diversità di visualizzazione tra
I.E. e Firefox (vedi caso analogo spiegato in stili.css */
.articolo-padding {
/*	border: 1px solid #FF0000; */
	text-align:left;
	width:94%;
	/* Oltre a spaziare in basso il contenuto dell'articolo rispetto al "div esterno" '.articolo', evita
	che si formi una striscia marrone tra l'area dei contenuti e la barra di stato di Firefox: basterebbe
	impostare padding- bottom ad un solo pixel */
	padding-bottom:10px;
}

.articolo h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin:0;
	padding:12px 0 0 0;
}
.articolo h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	margin-top: 0;
	padding-top:0;
}

.fotoarticolo {
	margin: 4px 0 0 0;
}


 input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #990000;
	background-image: url(sfondo.gif);
	border: 1px solid #990000;
}

 textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #990000;
	background-image: url(sfondo.gif);
	border: 1px solid #990000;
}



.barra_fase {
	padding:4px 0 4px 0;
	text-align:right;
	font-size:10px;
	font-weight:bold;
}
.barra_fase span {
	color: #990000;	
}

.barra_fase a{
	color: #000000;
}
.barra_fase a:hover{
	color: #990000;
	text-decoration: none;
}



.tabellaogin, .tabellalogin tr {
	width:100% !important;
}


.tabellalogin table {
	width:100% !important;
	padding:1px;
}


.tabellalogin td {
	text-align:left;
}


.tabellalogin hr {
	margin: 24px 0 24px 0;
	color: #c1bcb1;
	background-color :#c1bcb1;
	height:1px;
}

.tabellalogin input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #990000;
	background-image: url(sfondo.gif);
	border: 1px solid #990000;
}

.tabellalogin textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #990000;
	background-image: url(sfondo.gif);
	border: 1px solid #990000;
}
.bordototale {
	border: 1px solid #990000;
}



.vetrina {
	border: 1px solid #685f4e;
	padding:8px;
	
}



/* altri stili */
.fotorighe {
	margin:0;
	padding: 10px 0 10px 0;
	border-top: 1px solid #c1bcb1;
	border-bottom: 1px solid #c1bcb1;
	margin-bottom:10px;
}

.mgdx {
	margin-right: 10px;
}

.clear {
	clear:both;
}

.partitaiva {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	position:absolute;
	top:2px;
	right:4px;
	color:#555555;
	display:none;
}