/* images-shop */

/*_____________________ INIZIO BODY __________________*/

body {
	margin:0 auto;
	padding:0;
	color: #330000;
	font-weight: normal;
	text-align: left;
	font-family : arial, helvetica, tahoma, verdana, sans-serif
} 

	#sfondo{
	background:#fff url(../img/sfondo.jpg) 0 0 repeat fixed;
	background-position:top;
	background-color:#fff;
	height:100%;
	overflow:hidden
	} 

	a:link {color: #0000FF; text-decoration: underline}
	a:visited {color: #006666; text-decoration: underline}
	a:hover {color: #000000; text-decoration: none}
	a:active {color: #FF0000; text-decoration: none}

	#contenuti {
	margin:0px auto;
	padding:0;
	width: 700px;
	height:100%; /* aggiunto per prova */
	border: 0px solid #000;
  	font-size: 80%
	}

/*_____________________ FINE BODY __________________*/


/*_____________________ INIZIO BOX FISSO __________________*/

div#box2 {
position:fixed;
top:10px;
left:10px;
width:260px;
padding:5px;
background:#fff;
border:2px solid #f00
}

/*_____________________ FINE BOX FISSO __________________*/


/*_____________________ Inizio testi centro BR RS GR  __________________*/


.titolo { 
font-family : times new roman; 
font-size : 26px; 
font-style : normal; 
font-weight : bold; 
font-variant : normal; 
color : #2b0303;  
text-align : center; 
text-decoration: none
} 

.sotto-titolo { 
font-family : times new roman; 
font-size : 18px; 
font-style : normal; 
font-weight : bold; 
font-variant : normal; 
color : #2b0303;  
text-align : center; 
text-decoration: none
} 

.titolo-minore { 
font-family : times new roman; 
font-size : 16px; 
font-style : normal; 
font-weight : bold; 
font-variant : normal; 
color : #2b0303;  
text-align : center; 
text-decoration: none
} 

.testograndecen-br { 
font-family : times new roman; 
font-size : 16px; 
font-style : normal; 
font-weight : bold; 
font-variant : normal; 
color : #2b0303;  
text-align : center; 
text-decoration: none
}

.testocentro-br { 
font-family : arial, helvetica, tahoma, verdana, sans-serif; 
font-size : 14px; 
font-style : normal; 
font-weight : normal; 
font-variant : normal; 
color : #2b0303;  
text-align : center; 
text-decoration: none
}

.testocentro-rs { 
font-family : arial, helvetica, tahoma, verdana, sans-serif; 
font-size : 14px; 
font-style : normal; 
font-weight : bold; 
font-variant : normal; 
color : #ff0000;  
text-align : center; 
text-decoration: none
} 

.testocenter-gr { 
font-family : arial, helvetica, tahoma, verdana, sans-serif; 
font-size : 12px; 
font-style : normal; 
font-weight : normal; 
font-variant : normal; 
color : #666;  
text-align : center; 
text-decoration: none
}

.testofooter { 
font-family : arial, helvetica, tahoma, verdana, sans-serif; 
font-size : 12px; 
font-style : normal; 
font-weight : normal; 
font-variant : normal; 
color : #666666;  
text-align : center; 
text-decoration: none
}

/*_____________________ Inizio testi sinistri BR RS NE BR/GI  __________________*/

.txtbigsin-br { 
font-family : arial, helvetica, tahoma, verdana, sans-serif; 
font-size : 20px; 
font-style : normal; 
font-weight : bold; 
font-variant : normal; 
color : #2b0303;  
text-align : left; 
text-decoration: none
}

.testograndesin-br { 
font-family : arial, helvetica, tahoma, verdana, sans-serif; 
font-size : 18px; 
font-style : normal; 
font-weight : bold; 
font-variant : normal; 
color : #2b0303;  
text-align : left; 
text-decoration: none
} 

.txtsinbold-br { 
font-family : arial, helvetica, tahoma, verdana, sans-serif; 
font-size : 16px; 
font-style : normal; 
font-weight : bold; 
font-variant : normal; 
color : #2b0303;  
text-align : left; 
text-decoration: none
}

.testosinistro-br { 
font-family : arial, helvetica, tahoma, verdana, sans-serif; 
font-size : 14px; 
font-style : normal; 
font-weight : normal; 
font-variant : normal; 
color : #2b0303;  
text-align : left; 
text-decoration: none
}

.testograndesin-rs { 
font-family : times new roman; 
font-size : 16px; 
font-style : normal; 
font-weight : bold; 
font-variant : normal; 
color : #ff0000;  
text-align : left; 
text-decoration: none
} 

.testosin-p { 
font-family : arial, helvetica, tahoma, verdana, sans-serif; 
font-size : 12px; 
font-style : normal; 
font-weight : normal; 
font-variant : normal; 
color : #000;  
text-align : left; 
text-decoration: none
}

.testosinistro-br-gi { 
font-family : arial, helvetica, tahoma, verdana, sans-serif; 
font-size : 14px; 
font-style : normal; 
font-weight : normal; 
font-variant : normal; 
color : #2b0303;
background-color:#ff6;
text-align : left; 
text-decoration: none
}

/*_____________________ Inizio testi link  __________________*/


.link { 
font-family : arial, helvetica, tahoma, verdana, sans-serif; 
font-size : 12px; 
font-style : normal; 
font-weight : normal; 
font-variant : normal; 
color : #0000FF;  
text-align : center; 
text-decoration: none;
line-height: normal
} 

.link a:link { color: #000000; text-decoration: underline}
.link a:visited { color: #666666; text-decoration: underline}
.link a:hover { color: #FF0000; text-decoration: none}
.link a:active { color: #FF0000; text-decoration: none}

/*_____________________ Fine testi */


/*_____________________ inizio bottone di marmo allineato al centro */

/* http://www.html.it/articoli/bottoni-con-rollover-flessibili-1/ */

	div.button-d{
	float: center;
	width: 100%;
	margin: 0em 0 /* 1.5em 0 */
	}

	a.button-d{
	float: center;
	height: 35px;
	padding-left: 0px; /* sposta il margine sinistro  18 */
    font: bold 100%/35px Arial,sans-serif;
    background: url(../img/bottonemarmo.png) no-repeat top center; /* background: url(../img/bottone2.png) no-repeat top left; */
    font-size : 14px;
	text-decoration: none;
	color: #00f /* verde= #3f3  blu= #00f */
	}

	a.button-d span{
	display:block;
	padding-right: 18px; /* 18 */
    background: url(../img/bottonemarmo.png) no-repeat top center /* background: url(../img/bottone2.png) no-repeat top right */
 /* background: url(../img/bottone2.png) no-repeat top right */
 /* background: url(../img/bottone2.png) no-repeat top right */
	}

	a.button-d:hover{
	background-position: bottom center; /*left*/
	color: #3f3 /* verde= #3f3  blu= #00f */
	}
	
	a.button-d:hover span{
	background-position: bottom center /* background-position: bottom right */
	}
	
/*_____________________ fine bottone di marmo allineato al centro */


/* TOLTO QUI BOTTONE bottvint ALLINEATO AL CENTRO  */


/*_____________________ Inizio ombra banner con angolo sollevato (non usato) */

div.pic{float:left; margin: 0px;padding:0 0 30px 0;
    background: url(../img/ombrabanner.png) no-repeat bottom center}

div.pic img{display: block;border: 1px solid;
    border-color: #CCC #CCC #AAA #CCC;
    padding: 5px;background: #f6f6f6} 

/*_____________________ Fine ombra banner */


/*_____________________ Inizio ombra immagine */

img{
border: solid 1px #FFF; 
margin: 4px;
 box-shadow: 2px 2px 6px #333; 
 -webkit-box-shadow: 2px 2px 6px #333; 
 -khtml-box-shadow: 2px 2px 6px #333; 
 -moz-box-shadow: 2px 2px 6px #333;}

/*_____________________ Fine ombra immagine */


/*_____________________ Inizio immagine senza ombra */

.img-no-ombra{
border: none;
 box-shadow: none; 
 -webkit-box-shadow: none; 
 -khtml-box-shadow: none; 
 -moz-box-shadow: none;}
}

/*_____________________ Fine immagine senza ombra */


/*_____________________ Disposizione del testo rispetto all'immagine */

img.middle { display:inline;vertical-align:middle }  /* il testo è allineato con il centro dell'immagine */
img.float { float:left;margin:.5em }  /* il testo si dispone sul lato destro dell'immagine */
img.proporzionale { width:20% }  /* MANTIENE LA PROPORZIONE SECONDO LA FINESTRA */

/* ----------------------- */


/*_____________________ INIZIO IMG ESTERNA FISSA IN ALTO A SINISTRA __________________*/

#img-sn {
background:url('../img/xxx.jpg') no-repeat bottom left; /* richiamo dell'immagine a sinistra */
width:100%; 						/* lunghezza dell'immagine */
height:232px; 						/* altezza dell'immagine */
position:fixed;						/* immagine posizionata fissa */
top:10px;						/* in alto nello schermo a 10 px dall'inizio */
z-index:10;						/* valore per rendere l'immagine sopra ad ogni altra cosa */
}														

/* ATTENZIONE il valore height deve essere quello dell'immagine, altrimenti se ci sono dei link sopra non funzionano */

/*_____________________ FINE IMG ESTERNA FISSA IN ALTO A SINISTRA __________________*/


/*_____________________ INIZIO IMG ESTERNA FISSA IN BASSO AL CENTRO __________________*/

#img-cn {
background:url('../img/xxx.jpg') no-repeat bottom center; 		/* richiamo dell'immagine al centro */
width:100%; 													/* lunghezza dell'immagine */
height:232px; 													/* altezza dell'immagine */
position:fixed;													/* immagine posizionata fissa */
bottom:0px;														/* in basso nello schermo a 0 px dall'inizio */
z-index:10;														/* valore per rendere l'immagine sopra ad ogni altra cosa */
}														

/* ATTENZIONE il valore height deve essere quello dell'immagine, altrimenti se ci sono dei link sopra non funzionano */

/*_____________________ FINE IMG ESTERNA FISSA IN BASSO AL CENTRO __________________*/