html{heigth: auto !important; background: #000;}

/* ------------------------------------------------------
	CSS ordinato alfabeticamente	
   ------------------------------------------------------ */

body {
   background: #000 url(../pix/bg-home.jpg) top center no-repeat;
   color: #fff;
   font-size: 62.5%;  /* 16px × 62.5% = 10px */;
   font-family:"Lucida Sans","Lucida Grande","Lucida Sans Unicode", sans-serif, fixed;
   font-style: normal;
   font-weight: normal;
   margin:0;
   padding:0 0 10px 0;
   text-align: center;
   position: relative;
   z-index: 1;
   width: 100%;
}

body.interna {
   background: #000 url(../pix/bg-interna-top.jpg) top center no-repeat;
}   


h1 { font-size: 2em; /* 10px × 2em = 20px */ }
p { 
    font-size: 1.4em; /* 10px × 1.4em = 14px */
    margin: 5px 0;
}
#bd ul li{
	font-size: 1.4em; /* 10px × 1.4em = 14px */
}
#news li{
	font-size: 1em !important;
}

a:link, a:visited {
    text-decoration: underline;
    color: #ef7a0c;
}

a:hover, a:focus, a:active {
    color: #ccc;
}



#custom-doc {
	margin: auto;
	text-align: left;
	width: 990px;
	
}

.home #custom-doc {
	min-height: 700px;
	height: auto !important;
	height: 700px;
	
}


/* ------------------------------------------------------
	intestazione	
   ------------------------------------------------------ */

#hd h1{
    text-align: center; 
    margin: 0 auto;
    width: 310px;
    height: 75px;
}

#hd h1 a{
    background: url(../pix/thegallery.png) 0 0 no-repeat;
    width: 310px;
    height: 75px;
    display: block;
    text-decoration: none;
}



#hd h1 a span{ font-size: 0.6em; color: transparent;}

#logo{
    width: 360px;
    height: 360px;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding-top: 30px;
}


.interna #logo, #logo-f{
    width: 144px;
    height: 144px;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding-top: 20px;
}

/* ------------------------------------------------------
	main menu	
   ------------------------------------------------------ */

#mainmenu{
    margin: 60px auto 40px auto;
    width: 750px;
}

.interna #mainmenu{
    margin: 10px auto 40px auto;
    width: 750px;
}

#mainmenu li{
    display: inline;
    margin: 0 6px
}

#mainmenu li a:link, #mainmenu li a:visited {
    color: #fff;
    padding: 2px;
    text-decoration: none;
    font-size: 1.2em;
    text-align: center;
}

#mainmenu li a:hover, #mainmenu li a:focus, #mainmenu li a:active {
    text-decoration: underline;
    background: #fff;
    color: #ef7a0c;
}

/* ------------------------------------------------------
	corpo	
   ------------------------------------------------------ */
   
.interna #bd{
    min-height: 500px;
}

/*

.interna .yui-main{
    width: 800px;
}
*/

.interna #bd h2.title{
    color: #fff;
    font-family: Georgia,Times,"Times New Roman",serif;
    font-size: 3.3em;
    font-weight: normal;
    margin: 5px 0 15px 0;
}
.interna #bd h2{
    color: #fff;
    font-family: Georgia,Times,"Times New Roman",serif;
    font-size: 2.3em;
    font-weight: normal;
    margin: 5px 0 5px 0;
}
    .interna #bd h2 span{
        color: #ef7a0c;
    }

.interna #bd h3{
    color: #ef7a0c;
    font-size: 1.8em;   
}

.interna #bd #secondarymenu{
       
}
.interna #bd #secondarymenu li{
       
}
.interna #bd #secondarymenu li a{
       color: #fff;
       text-decoration: none;
}

.interna #bd #secondarymenu li a:hover{
       color: #ccc;
       text-decoration: none;
}


.interna #bd #ultatuaggi li a{
       font-size: 2.3em;
}

/* ------------------------------------------------------
	galleria	
   ------------------------------------------------------ */


#gallery{ 
    float: left; 
    width: 220px;
}
	
.gallery_demo{
    width: 220px; 
    margin: 0 auto;
}
.gallery_demo li{
    width: 40px; 
    float: left; 
    height: 40px;
    border: 3px double #111; 
    margin: 0 10px; 
    background: #000;
    display: inline;
}
.gallery_demo li div{
    float: left;
}
.gallery_demo li div .caption{
    font-style: italic; 
    font-size: 0.7em;
}
	
#main_image{
    margin: 0 0 20px 10px; 
    /* height: 438px; */
    width: 530px; 
    float: left;
    display: inline;
}
#main_image img{
    margin-bottom: 10px;
}
	
.nav{
    padding-top: 15px;
    clear: both;
    letter-spacing: 3px;
    text-transform: uppercase;
}


/* ------------------------------------------------------
	interna2	
   ------------------------------------------------------ */
   
   .interna2 .yui-tcustom .yui-b{
        float: left;
        width: 45em;
   }
   
    .interna2 .yui-tcustom #yui-main{
        float: right;
        margin-left: -45em;
   }
   
    .interna2 .yui-tcustom #yui-main .yui-b{
        margin-left: 58em;
   }
   

/* ------------------------------------------------------
	footer	
   ------------------------------------------------------ */


.interna #ft{
     clear: both;
     position: relative;
} 
   
#ft p {
      color: #718492;
      width: 300px;
      margin: auto;
      text-align: center; 
}

.interna #ft p {
      color: #718492;
      width: auto;
      position: relative;	
      top: 110px;
	
}

#tgt{
    color: #718492;
}
.interna #tgt{
    padding-top: 80px;
}


#crediti{
    color: #718492;
    font-size:  1em;
}
#crediti a{
    color: #ccc;
    font-size:  1em;
}


/* ------------------------------------------------------
	classi utili	
   ------------------------------------------------------ */
   
.bir{
    position: relative;
    z-index: 1;
   
}


.bir span{
	position: relative;
    z-index: -1;
}

.right{
	float: right;
}

.left{
	float: left;
}

.clear{
	clear: both;
    line-height: 0;
}


.none{
    display: none;
}

#salta {
	position: absolute;
	left: -99999px;
}


/* ------------------------------------------------------
	priscilla	
   ------------------------------------------------------ */


.table_border {

	margin:0 auto;
	position:relative;
	z-index:1000;
}

/* ------------------------------------------------------
	news	
   ------------------------------------------------------ */



#boxnews{
	width: 300px;
	margin: 10px auto 50px auto;
	border: 1px solid #333;
	padding: 10px 5px;
}


#news li{
	clear: both;
	border-bottom: 1px solid #333;
	border-top: 1px solid #666;
	padding: 5px 5px 15px 5px;
	background: #111;
}

p.news, p.continua, p.created {
		
		margin: 5px 0;
	}
	p.created{
		background: #fff;
		color:#000;
		display:block;
		float:left;
		font-family:'Trebuchet MS',Verdana,sans-serif;
		font-weight:bold;
		height:52px;
		margin:0 15px 0 0;
		padding:0;
		text-align:center;
		width:33px;
		border: 3px double #000;
	}
	.pub-year {
		display:block;
		font-size:8px;
		line-height:8px;
		padding:0 7px;
	}

	.pub-month {
		display:block;
		font-size:10px;
		line-height:15px;
		padding:0 7px;
		margin: 5px 0 0 0;
	}

	.pub-date{
		background: #666;
		color:#000;
		display:block;
		text-align: center;
	}


/* ------------------------------------------------------
	mercurio	
   ------------------------------------------------------ */
#plancia-top{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #111;
	border:1px solid #333333;
	padding:10px;
	width:920px;
}

#carrello{
	margin: 0 0 30px 0;
}

#elenco-prodotti li, #carrello li{
	background: #111;
	border-top: 1px solid #333;
	float: left;
	padding: 20px;
	width: 900px;
}


#elenco-prodotti li:hover, #carrello li:hover{
	background: #222;
	
}

#elenco-prodotti li .desc,  #carrello li .desc{
	margin: 0 0 0 50px;
	width: 70%;
}

.ordina{
	display: block;
	clear: both;
	}

#plancia-bottom{
		margin: 20px 0 0 0;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background: #111;
		border:1px solid #333333;
		padding:10px;
		width:920px;
		float: left;
	}

#stato-checkout{
		margin: 20px 0 0 0;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background: #111;
		border:1px solid #333333;
		padding:10px;
		width:920px;
		clear: both;
	}

#mercurio-title{
	text-align: center;
	background:transparent url(../pix/creditcard_paypal.png) no-repeat scroll left center;	
	margin:5px auto !important;
	padding:15px 0 10px 55px;
	width:25%;
}

#plancia-bottom #paginazione{
	
	margin-left: 600px;
}
		
		
	#paginazione li{
		font-size: 11px;
		list-style: none;
		margin-right: 2px;
	}
	#paginazione a{
		border: solid 1px #333;
		margin-right: 2px;
	}
	
	#paginazione .successivo a,
	#paginazione .precedente a {
		font-weight: bold;
	}
	#paginazione .attivo{
		background: #122233;
		color: #FFFFFF;
		font-weight: bold;
		display: block;
		float: left;
		padding: 4px 6px;
	}
	#paginazione a:link,
	#paginazione a:visited {
		color: #333;
		display: block;
		float: left;
		padding: 3px 6px;
		text-decoration: none;
	}
	#paginazione a:hover{
		border: solid 1px #EF7A0C;
		color: #EF7A0C;
	}
.listaprodotti{
	padding: 15px 0 10px 40px;
	background: url(../pix/bag_white-trans.png) center left no-repeat;
	line-height: 48px;
}

a[href *="javascript:addToCart"], .addtochart { 
	padding: 15px 50px 10px 0;
	background: url(../pix/cart_add-trans.png) center right no-repeat;
	float: right;

}
.removefromchart { 
	padding: 15px 50px 10px 0;
	background: url(../pix/cart_remove-trans.png) center right no-repeat;
	float: right;

}
.schedalink { 
	padding: 15px 0 10px 30px;
	background: url(../pix/system-search-trans.png) center left no-repeat;
	float: left;
}
.tochart { 
	padding: 15px 35px 10px 0;
	background: url(../pix/cart-trans.png) center right no-repeat;
	line-height:48px;
	vertical-align:top;
}
#stato-checkout a[href *="javascript:cartCommand(0, 'update'"], #stato-checkout .chartupdate { 
	padding: 25px 50px 20px 10px;
	background: url(../pix/cartupdate-trans.png) center right no-repeat;
}
#stato-checkout a[href *="javascript:cartCommand(0, 'chartremoveall'"], #stato-checkout .chartremoveall { 
	padding: 25px 80px 20px 10px;
	background: url(../pix/cartremoveall-trans.png) center right no-repeat;
}
#stato-checkout .checkout { 
	padding: 25px 60px 20px 10px;
	background: url(../pix/carrello-button.png) center right no-repeat;
}

.registrami{
	background: url(../pix/user_add_48.png) center right no-repeat;
	font-size:1.4em;
	padding:25px 55px 10px 0;
	text-decoration:none !important;
}

.accedi{
	padding: 25px 55px 10px 0px;
	background: url(../pix/user_48.png) center right no-repeat;
	font-size:1.2em;
}

.nuovaregistrazione{
	padding: 15px 55px 10px 0px;
	background: url(../pix/arrow_right_48.png) center right no-repeat;
	font-size:1.2em;
}










.altridati{
	float: left;
	margin: 0 0 0 50px;
	width: 70%; 
}
#stato-checkout p, #stato-checkout h3, #stato-checkout a{
	padding: 10px;
}

.aggiorna, .svuota{
	margin: 20px 0; 
}

#completaordine{
	width: 100px;
	float: right;
	margin: 0 80px 20px 0;
	
}

#tot{

}
#instruments{
	margin-top: 50px;
}


#actions{
	background: #333;
	border: 1px solid #a39d8f;
	float: left;
	width: 30%;
	margin: 0 0 0 20px;
}
#actions h2{
	text-align: center;
}

/* pannellino 3 step checkout */

#checkoutPanel{
		
}
#checkoutPanel{
	
	padding: 0;
	margin: 0 0 0 20px;

}

#checkoutPanel li{
	margin: 0 15px 0 0;
}

#checkoutPanel .mercurioCOItem span{
	 background: #333;
}
#checkoutPanel .mercurioCOItemSelected span{
	 background: #ccc;
	 color:#000000 !important;
}
#checkoutPanel .mercurioCOItem span, #checkoutPanel .mercurioCOItemSelected span{
    display: block;
    color:#FFFFFF;
    padding: 5px;
   font-size: 2em;
}
#checkoutPanel .mercurioCOItem{
	background: #333;
	color: #fff;
}
#checkoutPanel .mercurioCOItemSelected{
	background: #ccc;
	color: #000;
}

#checkoutPanel .mercurioCOItem, #checkoutPanel .mercurioCOItemSelected{
    	display: block;
	float: left;
	text-transform: uppercase;
    	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:1px solid #CCCCCC;
	padding: 15px;
	}
	
#mercurioCart fieldset{
		/*border: 1px dashed #a39d8f; */
}
.mercurioLogoutMessage{
	margin: 0 auto;
	position:relative;
	top:-104px;
	width: 250px;
}
.mercurioUM{
	background:transparent url(../pix/uomo.png) no-repeat scroll left center;
	padding:15px 0 15px 50px;
}
.mercurioUF{
	background:transparent url(../pix/donna.png) no-repeat scroll left center;
	padding:15px 0 15px 50px;
}
.mercurioPanelHidden{
	display: none;
}

.mercurioRiepilogoOrdine{
	border-top:1px solid #333333;
	width:940px;

}
.mercurioOrdineItem{
	background:#111111 none repeat scroll 0 0;
	border-top:1px solid #333333;
	padding:20px 0;
	width:940px;
}
.mercurioOrdineItemSeparator{
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	clear: both;
}

.mercurioOrdineProdotto {
	padding-left:10px;
	width:940px;
	
}
.mercurioOrdineQuantita, .mercurioOrdineTotalLabel{
	float: left;
	padding-left: 10px;
	font-weight: bold; 
}
.mercurioOrdineCosto, .mercurioOrdineTotalValue{
	float: right;
	padding-right: 10px;
	font-weight: bold;
}
.mercurioOrdineTotal{
	background:#222222 none repeat scroll 0 0;
	border:1px solid #A39D8F;
	height:60px;
	margin:3px 0;
	padding: 5px 0 10px 0;
	width:940px;
	}

.mercurioError{
	background:transparent;
	border-bottom:1px solid #333333;
	color: #930000;
	font-weight: bold;
	margin:1px 0;
	padding:10px 0;
	width:940px;
	font-size: 1.5em;
}

#mercurioMessageDopoAcquisto {
	margin: 20px;
	font-weight: bold;
}
.mercurioPayNow{
	clear: both;
	margin-top: 15px;
	float: right;
	padding-right: 10px;
	padding: 15px 0px 10px 55px;
	background: url(../pix/creditcard_paypal.png) center left no-repeat;
}



#mercurioLogin, #mercurioNewuser{
	background:#222222 none repeat scroll 0 0;
	border:1px solid #A39D8F;
	margin:0;
	width:940px;
	
}
.mercurioFormItem, #mercurioFormCommand, .mercurioFormCommand{
	border-top:1px solid #333333;
	
}


#mercurioFormCommand,.mercurioFormCommand{
	height:50px;
	padding-top:35px;
	text-align:center;
}
.mercurioFormItem{
	padding-top: 10px;
	height: 50px;
}
.mercurioFormItem label{
	display:block;
	font-weight:bold;
	margin-left:20px;
	min-width:9em;
	padding:5px;
	text-align:left;

}
#mercurioUsername, #mercurioPassword, #mercurioPassword2, #mercurioEmail, #mercurioTelefono, #mercurioNome, #mercurioCognome, #mercurioCFPIVA{
	border-color: #333;
	border-style: solid;
	border-width:3px;
	margin-left: 20px;
	padding: 3px 10px;
	min-width: 30%;
}	
	
/* Scheda Prodotto */	
.scheda{
	background: #222222 none repeat scroll 0 0;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
	padding: 10px 10px 40px;
	width: 920px;
}
.scheda h3{
	text-align: center;
}
.scheda .itemprodotto, .scheda .itemprice{

}

.scheda img {
	margin: 0 1em !important;
}


#mercurioMessageDopoAcquisto {
	padding: 25px 0px 20px 60px;
	background: url(../pix/carrello-button.png) center left no-repeat;
	border:1px solid #333;
	color:#405130;
	font-weight:bold;
	margin:20px 0;
	width: 880px;
}

.simple-clear{
	clear:both !important;
}

.arancio{
	 color: #ef7a0c;
}
.azzurro{
	color: #83caff; /* #0084d1 */
}
.destra{
	text-align: right;
}
p.grande{
	font-size: 1.6em;
}