body{ /*background:#fff url(/admin/public/img/sfondo.jpg) repeat-x top;*/ margin:0 auto 0 auto; /*font-size: 11px; font-family: Arial;*/ color:#333; line-height:16px; text-align:center; }

/* STILI FORMATTAZIONE GENERICI */
#fascia h1, #fascia h2, #fascia h3, #fascia h4	{ margin:0; padding:0; }
h1{font: bold 20px arial; line-height:22px; padding-bottom:8px;}
h2{ color:#999; font: italic 20px arial}

h5{color:#c74b1b; text-decoration:underline; font-weight:bold; font-size:12px; padding:0 0 5px 0; margin:0}
p{margin:0px; padding:5px 0 0 0;}
img			{ border:0; display:block; }
.bianco{color:#fff;}
.red{color:#df0303}
.bold{font-weight:bold;}
.big{font-size:14px; padding-top:11px; font-weight:bold;}

a{ color:#c74b1b; text-decoration:underline;}
a:hover{ color:#fa4600; text-decoration:underline;}

/*CONTAINER*/
#container{
	margin:0 auto 0 auto;
	width:770px;
}
#container td{ vertical-align:top; }
#sfum-sx{ width:15px; vertical-align:top;}
#sfum-dx{ width:15px; vertical-align:top;}


/****************** TOP MENU SERVIZIO ****************************/
#top{ width:770px;  background:#fff}
#top .logo{ width:281px; height:81px;}
#top .menu-servizio{ width:104px; padding:6px 0 0 6px; border-left:1px solid #d1d6d9; text-align:left;}
#top .menu-servizio img{ display:block; padding-top:15px;}
#top .menu-servizio a{ color:#b6b6b6; text-decoration:none}
#top .menu-servizio a:hover{ color:#c74b1b; text-decoration:none}


/****************** FASCIA HEADER ****************************/
#fascia{ width:770px; }
#header{ width:490px;  background:url(/admin/public/img/sfondo-header.jpg) no-repeat;  height:147px; color:#fff; font-size:12px; font-weight:bold; text-align:right;}
#header a{color:white; text-decoration:underline}
#header a:hover{color:#03295e; text-decoration:underline}


/****************** MENU ****************************/
#box-menu{ width:280px; background:url(/admin/public/img/sfondo-box-menu.jpg) no-repeat; height:147px;}
#box-menu ul{ margin:0; padding: 40px 0 0 0; list-style:none;}
#box-menu ul li{ width:280px;}


/****************** CORPO HOME ****************************/
#corpo-pagina{ width:490px; background:#fff url(/admin/public/img/sfondo-pagine.jpg) top no-repeat; vertical-align:top; text-align: left;}
#contenuto {margin: 10px 24px;}
#margini{ width:450px; margin:20px 15px;}
#margini img{ float:left; border:5px solid #EDEDED;}
#margini .descrizione{ float:left; width:190px; background:#EFEFEF; padding:6px 10px; line-height:14px; color:#c74b1b; font-size:14px; border-top:1px solid #fff; border-bottom:1px solid #e3e3e3}
#margini .descrizione a{ color:#c74b1b; font-size:14px; text-decoration:none}
#margini .descrizione a:hover{ color:#484848; font-size:14px; text-decoration:none}


/****************** RICERCA ****************************/
#colonna-sinistra{ width:280px; vertical-align:top; background:white;}
.ricerca{ padding:5px 15px 5px 15px; display:block; font-size:16px; font-weight:bold; color:#c74b1b; text-align:left; margin:0 auto}
.tipologia{ width:215px; background:#f2f2f2; color:#666; padding:2px 15px; border-bottom:2px solid #fff; text-align:left; font-style:italic;  margin:0 auto; letter-spacing:1px;}


/****************** RISULTATO RICERCA COLONNA SX ****************************/
.riepilogo{ margin: 0 auto; width:245px; color:#666; padding:5px 0 0 0; border-bottom:2px solid #fff; text-align:left; font-style: italic;}
.box-risultati{ width:245px; background:#f2f2f2; color:#666; padding:0; border-bottom:2px solid #fff; text-align:left;  margin:0 auto; /*height: 200px*/}
.box-risultati img{ padding:3px; border:1px solid #afafaf; margin: 0 5px 0 0; float:left}
.box-risultati li { width:100%; padding:0; margin:0;}
.riga{clear:both; display:block; padding:5px 12px 5px 12px;}
.luogo-data{ font-size:11px; font-style:italic; color:#999;}
.nome a{ color:#c74b1b; text-decoration:underline; font-weight:bold; font-size:12px;}
.nome a:hover{ color:#fa4600; text-decoration:underline; font-weight:bold; font-size:12px;}
.descrizione{ padding-top:4px; line-height:14px; font-size:11px; color:#666;}
#scorri-ricerca{ background:#ddd; width:245px; height:20px; line-height:20px; vertical-align:middle; text-align:center; margin:0 auto 25px auto;}
#scorri-ricerca a{ text-decoration:none; color:#333;}
#scorri-ricerca a:hover{ text-decoration:none; color:#fa4600;}
.avanti{ background:#bcbfbf; width:20px; text-align:center; vertical-align:middle}
.indietro{ background:#bcbfbf; width:20px;  text-align:center; vertical-align:middle}

/****************** RISULTATO RICERCA COLONNA DX ****************************/
#box-pagina{ width:490px; padding:0; border-bottom:2px solid #fff; text-align:center;  margin:0 auto;}
#box-menu ul{ margin:0; padding:0; list-style:none;}
#box-pagina ul li { width:100%; padding:0; margin:0;}
#scorri-pagina{ background:#ddd; width:490px; height:20px; line-height:20px; vertical-align:middle; text-align:center; margin:0 auto 25px auto;}
#scorri-pagina a{ text-decoration:none; color:#333;}
#scorri-pagina a:hover{ text-decoration:none; color:#fa4600;}

/****************** FOOTER ****************************/
#footer{ width:770px;}
#footer img { float:left; }
#footer .webproject{ width:154px; border-top: 1px solid #ededed; font-size: 11px; padding:6px 0 0 126px;}
#footer .piede{ width:490px; border-top: 5px solid #ededed; font-size: 12px;}
#footer a{ color:#666; text-decoration:none;}
#footer a:hover{ color:#c74b1b; text-decoration:none;}
	

/******************** PRODOTTO - JQuery **************************************/
    .wrapper {
      text-align: left;
    }


		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}


		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			width:490px;
			position: relative;
			margin: 10px 0;
		}

		/* These 2 lines specify style applied while slider is loading */
		.svw {width: 50px; height: 20px; background: #fff; overflow: hidden;}
		.svw ul {position: relative; left: -999em;}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			/*border: 5px solid #39c;*/ /* this is the border. should have the same value for the links */
			margin: auto;
			width: 460px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			/*height: 460px;*/
			clear: both;
      padding: 10px 10px;
			/*background: #fff;*/
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 460px;
			list-style-type: none;
			-moz-user-select: none; /* Stops the panels from highlighting/selecting, which I found problematic in Firefox. Also stops the CSS from validating though. Oh well. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			width: 460px; /* Also specified in  .stripViewer  above */
			height: 100%;
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			/*margin: auto;*/
      width: 480px;
      margin: auto;
      text-align: center;
      
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
      margin: 0 auto;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 20px;
			background: #dddddd;/*#c6e3ff;*/
			color: #000;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav a:hover {
			background: #bcbfbf;/*#9cf;*/
		}
		
		.stripNav a.current {
			background: #bcbfbf;/*#39c;*/
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: -10px;/*230px;*/
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("/admin/public/img/left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("/admin/public/img/right.gif") no-repeat center;
		}