html,
body
	{
	height:100%;
	margin:0;
	font-size:0.15in;
	line-height:0.15in;
	font-family:sans-serif;
	}

a
	{
	text-decoration:none;
	color:#000;
	}

form
	{
	margin:0;
	}

.bold
	{
	font-weight:bold;
	}

.hidden
	{
	display:none;
	}

/* impostazioni degli elementi del layout */

#surface
	{
	width:100%;
	height:100%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	}

#header
	{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
	z-index:1000;
	box-shadow:0 0 0 #000;
	transition:box-shadow 0.1s;
	/* la height deve essere impostata in ogni pagina */
	}

#footer
	{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	overflow:hidden;
	z-index:1000;
	box-shadow:0 0 0 #000;
	transition:box-shadow 0.1s;
	height:0.7in;
	}

#main
	{
	background-color:#FFF;
	position:absolute;
	left:0;
	width:100%;
	overflow:auto;
	z-index:0;
	bottom:0.7in;
	/* il top deve essere impostato in ogni pagina, uguale alla height di header */
	}

/* ombreggiature nel caso di scrolling */

#header.shadow,
#footer.shadow
	{
	box-shadow:0 0 0.2in #555;
	}

/* pulsanti nel footer */

a.button
	{
	text-decoration:none;
	color:#FFF;
	font-size:90%;
	font-weight:bold;
	display:block;
	text-align:center;
	padding:0.1in 3% 0 3%;
	height:0.7in;
	float:left;
	box-sizing:border-box;
	border-left:1px solid #fff;
	border-bottom: 1px solid #fff;
	}

a.button0
	{
	text-decoration:none;
	color:#FFF;
	font-size:90%;
	font-weight:bold;
	display:block;
	text-align:center;
	padding:0.1in 3% 0 3%;
	height:0.7in;
	float:left;
	box-sizing:border-box;
	/*border-left:1px solid #fff;
	border-bottom: 1px solid #fff;*/
	}

a.button:first-child
	{
	border-left:none;
	}
a.button img
	{
	height:0.3in;
	}
#footer a.button:active
	{
	}
a.button.count-1
	{
	width:100%;
	}
a.button.count-2
	{
	width:50%;
	}
a.button.count-3
	{
	width:33.3%;
	}
a.button.count-4
	{
	width:25%;
	}

/* campi di input */

input,
select
	{
	font-family:sans-serif;
	font-size:100%;
	line-height:120%;
	color:#303030;
	border:1px solid #d0d0d0;
	transition:border 0.2s;
	outline:none;
	height:0.25in;
	padding:0;
	margin:0 0 0.03in 0;
	}
input:focus,
select:focus
	{
	border:1px solid #000;
	}

/* immagine di attesa */

#wait-img
	{
	position:absolute;
	z-index:999999;
	left:50%;
	top:50%;
	width:34px;
	height:34px;
	padding:10px;
	background-color:#FFF;
	border:1px solid #0e3b1e;
	border-radius:5px;
	margin-left:-28px;
	margin-top:-28px;
	display:none;
	}

/* header con titolo */

#title
	{
	font-size:200%;
	line-height:100%;
	font-weight:bold;
	}
#title > img
	{
	float:left;
	height:0.8in;
	margin:0.1in 0.3in 0 0.1in;
	}
#title > div
	{
	padding-top:0.2in;
	}

/* header con barre */

#barra
	{
	font-size:120%;
	font-weight:bold;
	color:#fff;
	text-align:left;
	padding-left:0.05in;
	}
#barra img
	{
	float:right;
	height:0.3in;
	padding:0.05in;
	border-left:1px solid #fff;
	}
#barra-0
	{
	border-top:1px solid #fff;
	}
#barra-1
	{
	}
#barra-2
	{
	}
#barra-3
	{
	}

/* elenco articoli */

ul.articles
	{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:80%;
	line-height:100%;
	color:#404040;
	}
ul.articles .article
	{
	border-bottom:1px solid #d0d0d0;
	padding:0.1in 0.05in;
	overflow:hidden;
	clear:both;
	}
ul.articles .article.qta /* li con qta non vuota */
	{
	background-color:#ffd;
	}
ul.articles .col-img
	{
	float:left;
	width:0.8in; /* 25% */
	}
ul.articles .col-img img
	{
	width:0.7in;
	}
ul.articles .col-art
	{
	float:left;
	width:100%;
	}
ul.articles .col-art.col-art-pho
	{
	width:calc(100% - 0.8in); /* 75% */
	}
ul.articles .col-art .des-art
	{
	clear:both;
	}
ul.articles .col-art .des-art .new-art,
ul.articles .col-art .des-art .pro-art
	{
	float:right;
	width:0.3in;
	height:0.3in;
	}
ul.articles .col-art .lst-dat
	{
	clear:both;
	margin-top:0.05in;
	color:#808080;
	line-height:120%;
	}
ul.articles .col-art .prz-qta
	{
	clear:both;
	margin-top:0.05in;
	color:#808080;
	overflow:hidden;
	}
ul.articles .col-art .prz-qta .prz
	{
	color:#0053d0;
	}
ul.articles .col-art .prz-qta .pro
	{
	margin:0.05in 0 0 0;
	color:#090;
	line-height:120%;
	}
ul.articles .col-art .prz-qta .qta
	{
	float:right;
	white-space:nowrap;
	margin-top:0.1in;
	}
ul.articles .col-art .prz-qta .qta input
	{
	width:0.5in;
	margin:0;
	color:#0053d0;
	font-weight:bold;
	text-align:right;
	}
ul.articles .col-art .prz-qta .qta select
	{
	width:0.5in;
	height:0.27in;
	margin:0;
	color:#0053d0;
	background-color:#e9e9e9;
	font-weight:bold;
	}
ul.articles .col-art .prz-qta .qta img
	{
	vertical-align:middle;
	margin-left:0.1in;
	height:0.3in;
	}
ul.articles .col-art .art-not
	{
	clear:both;
	color:#808080;
	}
ul.articles .col-art .art-not input
	{
	width:100%;
	margin:0;
	color:#0053D0;
	}

/* tabella con info */

table.info
	{
	margin:0.2in auto;
	}
table.info td
	{
	text-align:left;
	}
table.info tr td[colspan="2"]
	{
	text-align:center;
	padding:0.1in 0;
	}
table.info td:first-child
	{
	text-align:right;
	padding-right:0.1in;
	}

/* elenco testate ordini */

ul.orders
	{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:80%;
	line-height:100%;
	color:#404040;
	}

ul.orders .order
	{
	border-bottom:1px solid #D0D0D0;
	overflow:hidden;
	clear:both;
	}

ul.orders .order a
	{
	display:block;
	padding:0.1in 0.05in;
	}
ul.orders .order a:active
	{
	background-color:#FF0;
	}
ul.orders .order a .stat-ord
	{
	float:right;
	width:0.8in;
	padding:0px 0px 0.1in 0.1in;
	border-left:1px solid #000;
	margin:0px 0px 0.1in 0.1in;
	color:#808080;
	}
ul.orders .order a .stat-ord .st-w
	{
	color:#0053D0;
	}
ul.orders .order a .stat-ord .st-s
	{
	color:#E79403;
	}
ul.orders .order a .stat-ord .st-b
	{
	color:#BA0000;
	}
ul.orders .order a .stat-ord .st-e
	{
	color:#090;
	}
ul.orders .order .data-ord
	{
	color:#000;
	padding-bottom:0.05in;
	}
ul.orders .order a .cons-ord
	{
	color:#808080;
	padding:0.05in 0;
	}
ul.orders .order a .note-ord
	{
	color:#808080;
	padding-top:0.05in;
	}
ul.orders .order a .note-ord span
	{
	color:#0053D0;
	}

/* elenco dettagli ordini */

ul.details
	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	color: #404040;
	font-size: 100%;
	}

ul.details .detail
	{
	border-top: 1px solid #D0D0D0;
	padding: 0.1in 0.05in;
	overflow: hidden;
	clear: both;
	background-color:#FFD;
	}

ul.details .detail .art-pho
	{
	float: left;
	width: 0.8in;
	}
ul.details .detail .art-pho img
	{
	width: 0.7in;
	}

ul.details .detail .art-des
	{
	width: 100%;
	}
ul.details .detail .art-des.pho
	{
	width: calc(100% - 0.8in);
	float: left;
	}
ul.details .detail .art-des .art
	{
	clear: both;
	}
ul.details .detail .art-des .qta
	{
	clear: both;
	color: #808080;
	overflow: hidden;
	margin-top: 0.05in;
	text-align: right;
	white-space: nowrap;
	}
ul.details .detail .art-des .nte
	{
	clear: both;
	color: #808080;
	overflow: hidden;
	margin-top: 0.1in;
	}

/* pulsanti per cambio pagina */

a.page
	{
	display: block;
	text-align: center;
	border-bottom: 1px solid #d0d0d0;
	line-height: 0;
	}
a.page img
	{
	height: 0.3in;
	padding: 0.05in;
	border: none;
	}
td
	{
	font-size:80%;
	color:#808080;
	}

td.buttonc {
    color: #fff;
    font-size: 75%;
    font-weight: bold;
    text-align: center;
	font-family: sans-serif;
	background-color: #1f5da6;
	background-image: linear-gradient(#1f5da6, #1f5da6);
}

td.footer
	{
	background-color: #1f5da6;
	background-image: linear-gradient(#1f5da6, #1f5da6);
	}

/*a.button.count-4 {
    width: 20%;
}*/

a.white
	{
	color:#FFFFFF;
	}

.labelb { 
	color:#808080; 
	font-family: sans-serif; 
	/*font-weight:bold; */
	text-decoration:none; 
	font-size: 78%; 
	}

.labelbn { 
	color:#404040; 
	font-family: sans-serif; 
	font-weight:bold; 
	text-decoration:none; 
	font-size: 78%; 
	}

.label85 { 
	color:#404040; 
	font-family: sans-serif; 
	font-weight:bold; 
	text-decoration:none; 
	font-size: 85%; 
	}

.intxt { width:100%; }

#header
	{
	background-color: #1f5da6;
	}

#footer
	{
	background-color: #1f5da6;
	background-image: linear-gradient(#1f5da6, #1f5da6);
	}

#title
	{
	color: #1f5da6;
	}

#barra-0
	{
	background-color: #E65C5C;
	}
#barra-1
	{
	background-color: #EF8383;
	}
#barra-2
	{
	background-color: #F09393;
	}
#barra-3
	{
	background-color: #F5A3A3;
	}

#buttons
	{
	background-color: #1f5da6;
	background-image: linear-gradient(#1f5da6, #1f5da6);
	}

/* Modifiche grafiche alle classi dei tasti di navigazione*/
.count-2
    {
    width:50%;
    }
.count-1
    {
    width:100%;
    }