body { margin: 0; font-family: verdana; font-size: 12px; color: #333; background: #e8e8e8 }

a { color: #c33; text-decoration: none; }
	a:hover { text-decoration: underline }

img { border: 0 }
p { margin-top: 0 }
ul { margin: 0 }
h1 { margin: 0 0 5px 0; font-family: georgia; font-size: 22px; font-weight: normal; color: #666; padding-bottom:10px; border-bottom:1px  solid #aaa}
h2 { margin: 0 0 5px 0;  font-size: 16px; font-weight: bold;  color: #666;text-transform: uppercase; padding-bottom:10px; border-bottom:1px solid #aaa}
span.errore { display: block; color: #d00; font-weight: bold; text-transform: uppercase; font-size: 11px }

.wrapper { width: 960px; margin: 0 auto }

/* HEADER */
#header { height: 100px; background: url(../images/bg-header.gif) repeat-x  }
	#logo { margin-top: 30px; float: left; }
	#header form { float: right; margin-top: 60px}
		
/* BRANDING */
#branding { height: 135px; background: url(../images/branding-bg.gif) repeat-x; border-top: 14px solid #a82e30 }
	#sfondoBranding { position: absolute; right: 0px }
	#txtBranding { position: absolute; top: 120px; }
	
/* BARRANAV */
#barranav { height: 26px; background: #a82e30 }
	#barranav a { overflow: hidden; display: block; float: left; width: 158px; height: 20px; padding-top: 6px; font-size: 11px; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; border-right: 1px solid #c26d6f }
		#barranav a:hover { color: #a82e30; background: #fff }
		#barranav a.selected { overflow: hidden; display: block; float: left; width: 158px; height: 20px; padding-top: 6px; color: #c33; font-size: 11px; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; background: #fff; border-right: 1px solid #c26d6f }

/* CONTENT */
#content { background: url(../images/bg-content.gif) repeat-x #E0E0E0 }
	div#bgContent { background: url(../images/img-bg-content.gif) no-repeat left top }
	#content .wrapper { padding: 20px 0; }
	
	/* HOME CONTENT SX */
	#homeContentSx { float: left; width: 595px; padding:0 50px 0 0 }
		#serviziHome { width: 100%; margin-top: 10px }
			#serviziHome .ttl { margin: 0 0 5px 0 ; font-family: arial; font-size: 13px; font-weight:bold; color:#595959; text-transform: uppercase; }
			#serviziHome a { display: block; font-family: arial; color: #666 }
				#serviziHome a:hover { font-family: arial; }
			#serviziHome td { padding: 20px 0px }
				#serviziHome td.dx { padding: 0 15px; text-align: right }
				#serviziHome td.sx { padding: 0 15px;}
			#serviziHome .fotoWrapper { width: 113px }
		
		
	/* HOME CONTENT DX */
	#homeContentDx { float: right; width: 315px; padding-top: 35px }
		.areaLinkHome { width: 277px; height: 73px; background: url(../images/area-link-certificazione.gif) no-repeat; cursor: pointer }
			#logoCert { float:left;  margin: 12px 20px 0 20px }
			.areaLinkHome .freccia { float: left; margin: 20px 20px 0 1px }
			.areaLinkHome p { padding-top: 13px; font-size: 13px; font-weight: normal; color: #333; text-transform: uppercase;}
			#certificazione { padding-top: 10px; font-size: 10px; text-transform: none;  }
		#newsHome { padding-top: 20px}
			.newsHomeElem { margin: 10px 0; }

	/* COL SX */	
	#colSx { float: left; width: 212px; }
	
		/* MENU SX */
		#menuSx { width: 212px; font-family: verdana }
			#menuSx .top { width: 212px; height: 40px; background: url(../images/servizi-gruppo.gif) no-repeat; } 
			#menuSx .body { width: 212px; margin: 0; padding: 1px 0; background: url(../images/menu-sx-center.gif) repeat-y; } 
				#menuSx ul { _margin-left: 40px; #margin-left: 40px; color: #888 }
					ul#navigation { margin-left: -20px; _margin-left: 18px; #margin-left: 18px; list-style-type: none }
						ul#navigation li { padding: 3px 0  }
					ul#navigation a.head { display: block; padding: 0 0 3px 11px; font-size: 13px; font-weight: bold; color: #595959; background: url(../images/freccia-cat.gif) left 5px no-repeat; cursor: pointer }
						ul#navigation a.head:hover { text-decoration: none; color: #c33 }
						ul#navigation a.selected { color: #c33; background: url(../images/freccia-cat-selected.gif) left 5px no-repeat }
						ul#navigation a.current { text-decoration: underline }
			#menuSx .bottom { width: 212px; height: 18px; margin: 0; background: url(../images/menu-sx-down.gif) no-repeat;}
	
	/* CONTENT DX Seconde Pagine*/
	#contentDx { float: right; width: 700px; margin: 0 0 10px 0; }
	
		/* MENU DX*/
		#menuDx { float: right; width: 195px; margin: 0 10px 0 10px; background: url(../images/menu-dx-center.gif) repeat-y; }
			#menuDx .top { width: 195px; height: 6px; background: url(../images/menu-dx-up.gif) no-repeat; }
			#menuDx .body { width: 195px; }
			#menuDx .bottom { width: 277px; height: 6px; background: url(../images/menu-dx-down.gif) no-repeat;}
			#menuDx a { display: block; height: 20px; margin: 10px 0; padding: 5px 0 0 30px; background: url(../images/freccetta-link-area.gif) 1px 0 no-repeat; }
			
		#area { font-family: verdana; line-height: 1.5em; }
			#area img { display: block; margin: 10px 0 }
		
		/* DETTAGLIO SERVIZIO (product) */
		#descShort { }
		#descLong { }
			
	/* TABELLA NEWS */
	#tableNews { width: 700px; }
		#tableNews td { height: 160px; padding: 0 15px; cursor: pointer; background: url(../images/bg-news.gif) no-repeat; }
			#tableNews a { font-weight: bold; text-decoration: underline }
			#tableNews .data { margin-bottom: 5px; font-style: italic }
			#tableNews p { margin-top: 5px }
				#tableNews a:hover { text-decoration: none;}
				
	/* PAGINAZIONE */
	.paginazione { margin: 10px 15px 10px 0; text-align: center }
		a.paging_links:hover { text-decoration: none;  color: #e1001a }
		a.paging_current { text-decoration: none; color: #333; font-weight: bold }

	/* FORM */
	table#form { margin-top: 15px }
		table#form td { padding: 3px 5px }
		#form .label { text-align: right }
	
	/* GOOGLE MAPS*/
	#googleMaps { width: 640px; height: 480px; margin: 15px auto; }
	
/* FOOTER */
#footer { background: #e8e8e8; padding: 15px 0 5px 15px; border-top: 1px solid #fff }
	#footer img { margin: 0 25px 15px 0; vertical-align: middle }
	#footer p { float: right; font-family: arial; font-size: 11px; color: #999  }
		#footer a { color: #999  }



/* GALLERY */
div.content {
	float: left;
	width: 495px;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.ss-controls {
	float: left;
}
div.ss-controls span {
	color: #666666;
	cursor: pointer;
}
div.nav-controls {
	float: right;
}
div.nav-controls a {
	padding: 5px;
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	float: right;
	width: 190px;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
ul.thumbs li a {
	padding: 0px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a {
	background: #88f;
}
ul.thumbs a:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination strong {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #ffc;
	text-decoration: none;
}
div.pagination strong {
	background-color: #acf;
}


/************** js calendar css ****************/
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(../images/jscalendar-menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}