/****************************************************************************************************************************
   AUTORE   : 	Stefano Rettondini
   WEBSITE  :	www.aprint.it
   TEMPLATE :	contiene i tasti scelta (link: preventivo e ordine online!) e gli elementi dei tasti scelta nella homepage.
   DATA	    :	rev.2 04/04/2008 	
 ****************************************************************************************************************************/

/* contenitore dei tasti collegamento ai preventivi */
.scelte_home {
	position: relative;
	top: 0px;
	left: 18px;
 	width: 880px;
	height: 237px;
	/* border: 1px dotted; */
} 

/*****************************************************************************
   AREA + BOTTONE DI SCELTA STAMPA DIGITALE COLORI
 *****************************************************************************/
/* set the image to use and establish the lower-right position */ 
.cssbox_dg_col, .cssbox_body_dg_col, .cssbox_head_dg_col, .cssbox_head_dg_col h1 {
	background: transparent url(../images/bg_box.png) no-repeat bottom right;
} 

.cssbox_dg_col { 
	position: absolute;
	top: 3px; /* sposta verticalmente la serie di tasti */
	left: 4px; /* sposta orizzontalmente la serie di tasti */
	width: 212px !important; /* intended total box width - padding-right(next) */
	width: 215px; /* IE Win = width - padding */
	padding-right: 3px; /* the gap on the right edge of the image (not content padding) */
	margin: 0px auto; /* use to position the box */
	/* border: 1px dotted; */
} 

/* set the top-right image */
.cssbox_head_dg_col { 
	background-position: top right;
	margin-right: -3px; /* pull the right image over on top of border */
 	padding-right: 25px; /* right-image-gap + right-inside padding */
	/* border: 1px dotted; */
}

/* set the top-left image */
.cssbox_head_dg_col h1 { 
	font: 230%/1em Impact, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	letter-spacing: -1px; 
	/**/
	background-position: top left;
	margin: 0px; /* reset main site styles */
	border: 0px; /* ditto */
	padding: 18px 0px 5px 30px; /* padding-left = image gap + interior padding ... no padding-right */ 
 	height: auto !important;
	height: 1%; /* IE Holly Hack */
} 

/* set the lower-left corner image */
.cssbox_body_dg_col { 
	background-position: bottom left;
	margin-right: 20px; /* interior-padding right */
	padding: 5px 0px 15px 26px; /* mirror .cssbox_head right/left */
	/* border: 1px dotted; */
}
 
/*****************************************************************************
   AREA + BOTTONE DI SCELTA STAMPA DIGITALE BIANCO NERO
 *****************************************************************************/
/* set the image to use and establish the lower-right position */ 
.cssbox_dg_bn, .cssbox_body_dg_bn, .cssbox_head_dg_bn, .cssbox_head_dg_bn h1 {
	background: transparent url(../images/bg_box.png) no-repeat bottom right;
} 

.cssbox_dg_bn { 
	position: absolute;
	top: 3px; /* sposta verticalmente la serie di tasti */
	left: 223px; /* sposta orizzontalmente la serie di tasti */
	width: 212px !important; /* intended total box width - padding-right(next) */
	width: 215px; /* IE Win = width - padding */
	padding-right: 3px; /* the gap on the right edge of the image (not content padding) */
	margin: 0px auto; /* use to position the box */
	/* border: 1px dotted; */
} 

/* set the top-right image */
.cssbox_head_dg_bn { 
	background-position: top right;
	margin-right: -3px; /* pull the right image over on top of border */
 	padding-right: 25px; /* right-image-gap + right-inside padding */
	/* border: 1px dotted; */
}

/* set the top-left image */
.cssbox_head_dg_bn h1 { 
	font: 230%/1em Impact, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	letter-spacing: -1px; 
	/**/
	background-position: top left;
	margin: 0px; /* reset main site styles */
	border: 0px; /* ditto */
	padding: 18px 0px 5px 30px; /* padding-left = image gap + interior padding ... no padding-right */ 
 	height: auto !important;
	height: 1%; /* IE Holly Hack */
} 

/* set the lower-left corner image */
.cssbox_body_dg_bn { 
	background-position: bottom left;
	margin-right: 20px; /* interior-padding right */
	padding: 5px 0px 15px 26px; /* mirror .cssbox_head right/left */
	/* border: 1px dotted; */
}
 
/*****************************************************************************
   AREA + BOTTONE DI SCELTA STAMPA GRANDE FORMATO
 *****************************************************************************/
/* set the image to use and establish the lower-right position */ 
.cssbox_gf, .cssbox_body_gf, .cssbox_head_gf, .cssbox_head_gf h1 {
	background: transparent url(../images/bg_box.png) no-repeat bottom right;
} 

.cssbox_gf { 
	position: absolute;
	top: 3px; /* sposta verticalmente la serie di tasti */
	left: 443px; /* sposta orizzontalmente la serie di tasti */
	width: 212px !important; /* intended total box width - padding-right(next) */
	width: 215px; /* IE Win = width - padding */
	padding-right: 3px; /* the gap on the right edge of the image (not content padding) */
	margin: 0px auto; /* use to position the box */
	/* border: 1px dotted; */
} 

/* set the top-right image */
.cssbox_head_gf { 
	background-position: top right;
	margin-right: -3px; /* pull the right image over on top of border */
 	padding-right: 25px; /* right-image-gap + right-inside padding */
	/* border: 1px dotted; */
}

/* set the top-left image */
.cssbox_head_gf h1 { 
	font: 230%/1em Impact, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	letter-spacing: -1px; 
	/**/
	background-position: top left;
	margin: 0px; /* reset main site styles */
	border: 0px; /* ditto */
	padding: 18px 0px 5px 30px; /* padding-left = image gap + interior padding ... no padding-right */ 
 	height: auto !important;
	height: 1%; /* IE Holly Hack */
} 

/* set the lower-left corner image */
.cssbox_body_gf { 
	background-position: bottom left;
	margin-right: 20px; /* interior-padding right */
	padding: 5px 0px 15px 26px; /* mirror .cssbox_head right/left */
	/* border: 1px dotted; */
}

/*****************************************************************************
   AREA + BOTTONE DI SCELTA CORRIERE-SPEDIZIONI
 *****************************************************************************/
/* set the image to use and establish the lower-right position */ 
.cssbox_corriere, .cssbox_body_corriere, .cssbox_head_corriere, .cssbox_head_corriere h1 {
	background: transparent url(../images/bg_box.png) no-repeat bottom right;
} 

.cssbox_corriere { 
	position: absolute;
	top: 3px; /* sposta verticalmente la serie di tasti */
	left: 664px; /* sposta orizzontalmente la serie di tasti */
	width: 212px !important; /* intended total box width - padding-right(next) */
	width: 215px; /* IE Win = width - padding */
	padding-right: 3px; /* the gap on the right edge of the image (not content padding) */
	margin: 0px auto; /* use to position the box */
	/* border: 1px dotted; */
} 

/* set the top-right image */
.cssbox_head_corriere { 
	background-position: top right;
	margin-right: -3px; /* pull the right image over on top of border */
 	padding-right: 25px; /* right-image-gap + right-inside padding */
	/* border: 1px dotted; */
}

/* set the top-left image */
.cssbox_head_corriere h1 { 
	font: 230%/1em Impact, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	letter-spacing: -1px; 
	/**/
	background-position: top left;
	margin: 0px; /* reset main site styles */
	border: 0px; /* ditto */
	padding: 18px 0px 5px 30px; /* padding-left = image gap + interior padding ... no padding-right */ 
 	height: auto !important;
	height: 1%; /* IE Holly Hack */
} 

/* set the lower-left corner image */
.cssbox_body_corriere { 
	background-position: bottom left;
	margin-right: 20px; /* interior-padding right */
	padding: 5px 0px 15px 26px; /* mirror .cssbox_head right/left */
	/* border: 1px dotted; */
}
 
 
/*****************************************************************************
   LAYOUT - TESTI e IMMAGINI DEI BOTTONI
 *****************************************************************************/
/* testo nel bottone stampa digitale colori */
#testo_digitale_colori {
	position: relative;
	top: 0px; left: 0px;
	width: 169px; /* larghezza area testo */
	text-align: left;
	padding-bottom: 38px; /* lunghezza del tasto */
	z-index: 4;
}
/* immagine nel bottone stampa digitale colori */
#img_stampa_digitale_colori {
	position: absolute;
	top: 118px; left: 39px;
	height: 97px;
	width: 151px;
	margin: 0px;
	z-index: 2;
}

/* testo nell'area stampa digitale bn */
#testo_digitale_bn {
	position: relative;
	top: 0px; left: 0px;
	width: 169px; /* larghezza area testo */
	text-align: left;
	padding-bottom: 54px; /* lunghezza del tasto */
	z-index: 4;
}
/* immagine nel bottone stampa digitale bn */
#img_stampa_digitale_bianconero {
	position: absolute;
	top: 122px; left: 48px;
	height: 96px;
	width: 151px;
	margin: 0px;
	z-index: 2;
}

/* immagine nel bottone stampa grande formato */
#img_stampa_grande_formato {
	position: absolute;
	top: 116px; left: 59px;
	height: 105px;
	width: 137px;
	margin: 0px;
	z-index: 2;
}
/* testo nell'area grande formato */
#testo_grande_formato {
	position: relative;
	top: 0px; left: 0px;
	width: 169px; /* larghezza area testo */
	text-align: left;
	padding-bottom: 54px; /* lunghezza del tasto */
	z-index: 4;
}

/* testo nell'area corriere-spedizioni */
#testo_corriere {
	position: relative;
	top: 0px; left: 0px;
	width: 169px; /* larghezza area testo */
	text-align: left;
	padding-bottom: 52px; /* lunghezza del tasto */
	z-index: 4;
}
/* immagine nel bottone corriere-spedizioni */
#img_corriere_consegna_rapida {
	position: absolute;
	top: 116px; left: 53px;
	height: 102px;
	width: 142px;
	margin: 0px;
	z-index: 2;
}

/*****************************************************************************
   IMPOSTAZIONI BOTTONE - "Preventivo & Ordine on-line!"
 *****************************************************************************/
/* sfondo e testo "preventivo & ordine on-line!" */
.sfondo_bottone_preventivo_ordine {
	position: relative;
	top: -6px; left: -4px;
	z-index: 3;
	width: 169px;
	height: 24px;
	background: transparent url(../images/bg_preventivo_ordine.gif) no-repeat center center;
	/* border: 1px dotted; */
}

.bottone_preventivo_ordine {
	font: 95%/1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #000000; 
	text-decoration: none;
	padding-top: 8px;
}

.bottone_preventivo_ordine a, .bottone_preventivo_ordine a:link, .bottone_preventivo_ordine a:visited {
	text-decoration: none;
	color: #000000; 
}

.bottone_preventivo_ordine a:hover {
	color: #CC0000;
}