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


/* -------- Pag Calendari  --------------- */

div#sfondoCal{
	margin:15px;
	border:solid #C1272D 1px;
	background:url(img/sfondo_puntini.png) repeat-y top center; 
	height:880px;
}
div#sfondoCal #titolo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#C00;
	height:32px;
	background: url(img/sfondo_titoli_righine.png) no-repeat top left;
	padding-left: 26px;
	line-height:32px;
}

div#sfondoVari{
	margin:15px;
	border:solid #C1272D 1px;
	background:url(img/sfondo_puntini.png) repeat-y top center; 
	height:870px;
}
div#sfondoVari #titolo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#C00;
	height:32px;
	background: url(img/sfondo_titoli_righine.png) no-repeat top left;
	padding-left: 26px;
	line-height:32px;
}


div#sfondoMultip{
	margin:15px;
	border:solid #C1272D 1px;
	background:url(img/sfondo_puntini.png) repeat-y top center; 
	height:820px;
}
div#sfondoMultip #titolo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#C00;
	height:32px;
	background: url(img/sfondo_titoli_righine.png) no-repeat top left;
	padding-left: 26px;
	line-height:32px;
}

.Visualizzatore {
  width: 433px;
  position: absolute;
  margin-left:0px;
}

.Visualizzatore .wrapper {
	width: 353px; /* .Visualizzatore width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	min-height: 464px;
	position: absolute;
	top: -1px;
	/*margin: 0 40px;*/
  margin-left:25px;
	margin-right:50px;
	left: 1px;
}

/*.Visualizzatore ul a img {
  border: 1px solid #900;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}*/

.Visualizzatore .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  /*position: absolute;*/
  top: 0;
}

.Visualizzatore ul li {
  /*display:block;*/
  float:left;
  padding-top: 25px;
  padding-left: 20px;
  height: auto;
  width: 350px;
}

.Visualizzatore ul li a img {
  display:block;
}

.Visualizzatore .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(img/arrow1.png) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 200px;
  cursor: pointer;
}

.Visualizzatore .forward {
  background-position: 0 0;
  right: 20px;
}

.Visualizzatore .back {
  background-position: 0 -72px;
  left: 20px;
}

.Visualizzatore .forward:hover {
  background-position: 0 -36px;
  right: 20px;
}

.Visualizzatore .back:hover {
  background-position: 0 -108px;
  left: 20px;
}


.altriProd_testo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #036;
	text-decoration:none;
}
.altriProd_testo a, .altriProd_testo a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #036;
	text-decoration:none;
}
.altriProd_testo a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #39C;
	text-decoration:none;
}

#VisualizzatoreOrizz .Visualizzatore {
  width: 433px;
  position: absolute;
  margin-left:0px;
}

#VisualizzatoreOrizz {
	position:relative;
	width:433px;
	height:300px;
	z-index:1;
	left: 20px;
	top: 20px;
	background:url(img/box_visualizzatore_mousepad.png) no-repeat top center;
}
#VisualizzatoreOrizz .Visualizzatore .wrapper {
	width: 353px; /* .Visualizzatore width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	min-height: 254px;
	position: absolute;
	top: -1px;
	/*margin: 0 40px;*/
  margin-left:25px;
	margin-right:50px;
	left: 1px;
}

/*.Visualizzatore ul a img {
  border: 1px solid #900;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}*/

#VisualizzatoreOrizz .Visualizzatore .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  /*position: absolute;*/
  top: 0;
}

#VisualizzatoreOrizz .Visualizzatore ul li {
  /*display:block;*/
  float:left;
  padding-top: 25px;
  padding-left: 20px;
  height: auto;
  width: 350px;
}

#VisualizzatoreOrizz .Visualizzatore ul li a img {
  display:block;
}

#VisualizzatoreOrizz .Visualizzatore .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(img/arrow1.png) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 100px;
  cursor: pointer;
}

#VisualizzatoreOrizz .Visualizzatore .forward {
  background-position: 0 0;
  right: 20px;
}

#VisualizzatoreOrizz .Visualizzatore .back {
  background-position: 0 -72px;
  left: 20px;
}

#VisualizzatoreOrizz .Visualizzatore .forward:hover {
  background-position: 0 -36px;
  right: 20px;
}

#VisualizzatoreOrizz .Visualizzatore .back:hover {
  background-position: 0 -108px;
  left: 20px;
}

/* -------- Fine Pag Calendari  --------------- */



/* ----------------- Pag Natale  --------------- */

div#sfondoNatale{
	margin:15px;
	border:solid #999 1px;
	background:url(img/sf_pag_natale.png) no-repeat top center; 
	height: auto;
	display:block;
}
div#sfondoNatale #group1 {
	position:relative;
	width:960px;
	height:840px;
	z-index:1;
	left: 10px;
	top: -11px;
	background:url(img/palline.png) no-repeat top right;
}

div#sfondoNatale #group2 {
	position:relative;
	width:970px;
	height:370px;
	z-index:1;
	left: 20px;
	top: -60px;
}

div#sfondoNatale #group2 #sx{
	position:relative;
	float:left;
	width:170px;
	left:-10px;
	top:30px;
	height:360px;
	}
	
div#sfondoNatale #group2 #dx{
	position:relative;
	float:right;
	width:770px;
	right:10px;
	}
	

	
div#sfondoNatale #group3 {
	position:relative;
	width:960px;
	height:280px;
	z-index:1;
	left: 20px;
	top: -40px;
}

div#sfondoNatale #group3 #sx{
	position:relative;
	float:left;
	width:700px;
	left:-20px;
	}
	
div#sfondoNatale #group3 #dx{
	position:relative;
	top:-10px;
	float:right;
	width:220px;
	right:20px;
	}
	

/* ----------------- Fine Pag Natale  --------------- */