*	{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 0px; }

body	{ background-color:#eeeeee; margin:0px; }

/****************************************
**     Contenitore generale pagina     **
****************************************/

#contenitore	{ background-color: #ffffff; width: 1100px;  margin: 0px auto; }

/**************************************
**     Testata con logo e social     **
**************************************/

#testata { background: #990033; width: 100%; }

#logo 	{ float: left; margin: 0px 0px 0px 10px; }

/**********************************************
**    Menu superiore tutte pagine interne    **
**********************************************/

#menu				{ padding: 0px; margin: 0px; width: 100%; overflow:hidden; }
#menu ul			{ float: right; margin: 0px; width: 100%; background-color: #000000; border-bottom: 3px #999999 solid; }
#menu ul li			{ display: inline; }
#menu ul li a		{ float: right; padding:10px; text-decoration:none; font-weight:bold; }
#menu a:link		{ color: #E1FBFF; }
#menu a:visited		{ color: #E1FBFF; }
#menu a:active		{ color: #E1FBFF; }
#menu a:hover		{ color: #0099CC; }
#menu a:focus		{ color: #E1FBFF; }

#banner-principale	{ margin: 0px; padding: 0px; }

/**************************************
**    Contenuti per pagine interne   **
**************************************/

#contenuti		{
	border: 1px #000000;
	margin: 0px;
	width: 100%;
	padding: 0px;
}
#contenuti h1	{ padding: 20px 10px 0px 10px; font-size: 200%; font-weight: bold; }
#contenuti h2	{ padding: 20px 10px 0px 10px; font-size: 160%; font-weight: bold; }
#contenuti p	{ padding: 10px 10px 0px 10px; }
#contenuti ul	{ padding: 0px 10px 0px 10px;  list-style-position: inside; list-style-type:square; }
#contenuti form	{ padding: 10px 10px 0px 10px; }

#colonna-sx		{ float: left; width: 420px; height: 700px; margin: 0px; }
#colonna-sx	h1	{ padding: 10px 20px 0px 20px; font-size: 240%; font-weight: bold; font-family:"Courier New", Courier, monospace; }
#colonna-sx	p	{ padding: 10px 20px 0px 20px; font-size: 120%; line-height:18px; font-family:"Courier New", Courier, monospace; }
#colonna-sx ul	{ margin: 20px 0px; }
#colonna-sx li	{ list-style:none; margin: 0px; }
#colonna-sx li	img			{ list-style:none; border: 0px; }
#colonna-sx li a:link		{ padding:2px }
#colonna-sx li a:visited	{ padding:2px }
#colonna-sx li a:active		{ padding:2px }
#colonna-sx li a:hover		{ border: 2px #cccccc dotted; }
#colonna-sx li a:focus		{ padding:2px }

#colonna-dx		{ float: right; width: 680px; height: 700px; margin: 0px; background-color: #333333; }
#colonna-dx-bianco		{ float: right; width: 680px; height: 700px; margin: 0px; background-color: #ffffff; }


#foto-sfondo	{ background-image:url('../risorse/interfaccia/Daniela3_per_sito.jpg'); height: 700px; }

#foto-sfondo2	{ background-image: url('../risorse/interfaccia/carta-a-mano.jpg'); height: 700px; }

#quadratini		{ float: left; width: 66px; margin: 0px; padding: 0px; }
#quadratini img { width: 64px; margin: 0px; padding: 0px; border: 1px #000000 solid; }
#quadratini ul	{ float: left; margin: 0px;	padding: 0px; }
#quadratini li	{ list-style:none; margin: 0px; padding: 0px; text-indent:-20px; }


#elenco-esposizioni		{ width: 614px; margin: 0px; }
#elenco-esposizioni	h1	{ padding: 20px 20px 0px 20px; font-size: 200%; font-weight: bold; color: #ff9900; }
#elenco-esposizioni	p	{
	padding: 20px 20px 0px 20px;
	color: #ffffff;
}
#elenco-esposizioni ul			{ margin: 0px 0px 0px 15px; list-style-type: none; }
#elenco-esposizioni ul li		{ padding: 10px 10px 0px 40px; list-style-position:outside; color: #ffffff; }

#didascalia-quadro 	{ position: absolute; top: 672px; left: 0px; width: 690px; height: 18px; background-color: rgba(51, 51, 51, 1); }
#didascalia-quadro p	{ color: #ffffff; font-size: 14px; line-height: 2px;text-align :center; vertical-align:baseline; }


#didascalia-vendita 	{ position: absolute; top: 640px; left: 0px; width: 400px; height: 50px; }
#didascalia-vendita p	{ color: #ffffff; font-size: 14px; text-align :center; }


/**************************************
**    pie di pagina pagine interne   **
**************************************/

#pie-pagina		{ background-color: #999999; padding: 5px 0px; width: 100%; border-top: 1px #003366 solid; }
#pie-pagina	p	{ text-align: center; margin: 0px; font-weight:500; color: #eec85d; }
#pie-pagina a:link			{ color: #eec85d; }
#pie-pagina a:visited		{ color: #eec85d; }
#pie-pagina a:active		{ color: #eec85d; }
#pie-pagina a:hover		{ color: #eec85d; }
#pie-pagina a:focus		{ color: #eec85d; }


/**********************************
**      stili per home page      **
**********************************/

#sfondo-hp { background-color:black; }

#contenitore-hp	{ background-color: #000000; width: 1100px;  margin: 0px auto; }

#testata-hp { background: #000000; width: 100%; padding-bottom: 10px; border-bottom: 3px #990033 solid; }

#contenuti-hp		{ margin:0px; width: 100%; padding: 10px 0px; }

#menu-hp				{ padding: 0px; margin: 0px; width: 100%; overflow:hidden; }
#menu-hp ul				{ float: right; margin: 0px; width: 100%; background-color: #000000; border-bottom: 3px #999999 solid; padding-top: 10px; border-top: 3px #990033 solid; }
#menu-hp ul li			{ display: inline; }
#menu-hp ul li a		{ float: right; padding:10px; text-decoration:none; font-weight:bold; }
#menu-hp a:link			{ color: #E1FBFF; }
#menu-hp a:visited		{ color: #E1FBFF; }
#menu-hp a:active		{ color: #E1FBFF; }
#menu-hp a:hover		{ color: #0099CC; }
#menu-hp a:focus		{ color: #E1FBFF; }

#pie-pagina-hp		{ background-color: #000000; padding: 5px 0px 50px 0px; width: 100%; border-top: 1px #003366 solid; }
#pie-pagina-hp	p	{ text-align: center; margin: 0px; font-weight:500; color: #eec85d; }
#pie-pagina-hp a:link		{ color: #eec85d; }
#pie-pagina-hp a:visited	{ color: #eec85d; }
#pie-pagina-hp a:active		{ color: #eec85d; }
#pie-pagina-hp a:hover		{ color: #eec85d; }
#pie-pagina-hp a:focus		{ color: #eec85d; }


/**********************************
**      stili per immagini       **
**********************************/

#esposizioni p { text-align:center;
	}
#esposizioni img {
	border: 1px #000000 solid;
	width: 400px;
	margin: 0px;
	padding: 0px;
	position: relative;
}


/*************************************
** stili per immagini a scorrimento **
*************************************/

/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
.jssora05l.jssora05lds      (disabled)
.jssora05r.jssora05rds      (disabled)

*/
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('../risorse/img/a17.png') no-repeat;
    overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
                
/* jssor slider thumbnail navigator skin 01 css */
/*.jssort01-99-66 .p            (normal)
.jssort01-99-66 .p:hover      (normal mouseover)
.jssort01-99-66 .p.pav        (active)
.jssort01-99-66 .p.pdn        (mousedown)
*/
.jssort01-99-66 .p {
    position: absolute;
    top: 0;
    left: 0;    
    width: 99px;    
    height: 66px;
}
.jssort01-99-66 .t {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}
.jssort01-99-66 .w {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.jssort01-99-66 .c {position: absolute; top: 0px; left: 0px; width: 95px; height: 62px; border: #000 2px solid; box-sizing: content-box; background: url('../risorse/img/t01.png') -800px -800px no-repeat; background: none;}
.jssort01-99-66 .pav .c {top: 2px;_top: 0px; left: 2px; left: 0px; width: 95px; height: 62px; border: #000 0px solid;_border: #fff 2px solid; background-position: 50% 50%;}
.jssort01-99-66 .p:hover .c {top: 0px; left: 0px; width: 97px; height: 64px; border: #fff 1px solid; background-position: 50% 50%;}
.jssort01-99-66 .p.pdn .c {background-position: 50% 50%; width: 95px; height: 62px; border: #000 2px solid;}
* html .jssort01-99-66 .c,
* html .jssort01-99-66 .pdn .c, 
* html .jssort01-99-66 .pav .c {    /* ie quirks mode adjust */    width /**/: 99px;    height /**/: 66px;}