/* -----------------------------------------------------------------------
 
	HSM
	developped_may2009_2mlab.com
	      
----------------------------------------------------------------------- */

/*==============================================================================
								RESET
==============================================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
/*==============================================================================
								Tipografia
==============================================================================*/
body { font-size: 11px; color: #696b70; line-height: 1.5em; text-align: left; font-family: Verdana,Arial, sans-serif; }
h1, h2, h3, h4, h5 { font-family: Verdana,sans-serif; color: #932020; }
h1 { font-size: 22px; margin-bottom: 22px; margin-top: 12px; }
h2 { font-size: 18px; }
h3 { font-size: 12px; font-weight: bold; margin-bottom: 10px; color: #437995; }
/*titoli box*/
h5 { font-size: 10px; font-weight: bold; margin-bottom: 5px; }
/*titoletti tab*/
p { margin: 0px; margin-bottom: 15px; }
b { color: #437995; }

sup { font-size: 9px; }
a:focus, a:hover { color: #437995; text-decoration: none; }
a { color: #696b70; text-decoration: none; }
em { color: #49453b; font-weight: normal; }
li { margin: 3px 15px; list-style-type: square; }
ul { margin: 15px; }
ul ul { margin: 0px 15px; }
table { width: 100%; }
th { font-weight: bold; background: #e6dfc4; }
tr.even td { background: #E5ECF9; }

/*==============================================================================
								FORMS
==============================================================================*/
input, select { padding: 3px 5px; font-size: 9px; width: 200px; color: #696b70; text-align: left; font-family: Verdana,Arial, sans-serif; }
textarea, .textarea { width: 300px; height: 200px; padding: 5px; font-size: 10px; width: 200px; color: #696b70; text-align: left; font-family: Verdana,Arial, sans-serif; }
select { width: 210px; height: 20px; padding-right: 0px; }

input.text:hover, input.text:focus, input.text:active, input.submit:hover, input.submit:focus, input.submit:active, textarea:hover, textarea:focus, textarea:active { border: 1px solid #003263; }
input.submit { width: 310px; padding: 5px; border: 1px solid #666; text-align: center; }
/*Paginazione collection*/
.pager { margin: 10px 0px; width: auto; border-top: 1px dotted #b2afa7; padding-top: 10px; text-align: center; font-size: 12px; }
.pager a { margin: 0px 2px; text-decoration: none; color: #78746d; }
.pager a:hover { color: #003263; }
.pager b { font-weight: normal; color: #2C2C2C; }
/*==============================================================================
								Struttura
===============================================================================*/
body { background: #bcbdc1 url(../img/struttura/bgLoopContent.jpg) repeat-x; }
.menu { height: 111px; margin-bottom: 15px; }
.content { width: 956px; margin: auto; }
.footer { width: 836px; margin: 60px 60px; font-size: 10px; background: url(../img/struttura/bgLoopFooter.jpg); height: 40px; padding-top: 20px; }
.footer b { color: #696b70; }
.footer a { color: #696b70; }
.footer a:hover { color: #932020; }

.padL60 { padding-left: 60px; }
.padR60 { padding-right: 60px; }
.padL20 { padding-left: 20px; }
.padR20 { padding-right: 20px; }
.padL40 { padding-left: 40px; }
.padR40 { padding-right: 40px; }

.marB10 { margin-bottom: 10px; }
.marR10 { margin-right: 10px; }


/*==============================================================================
							HOME
==============================================================================*/
.HomeCont { background: url(../img/struttura/bgTitoliHome.png) no-repeat top; }
.HomeLeft { float: left; width: 238px; padding: 0px 20px 20px 20px; border-right: 1px solid #fff; }
.HomeMid { float: left; width: 237px; padding: 0px 20px 20px 20px; border-left: 1px solid #b0b2ba; border-right: 1px solid #fff; }
.HomeRight { float: left; width: 237px; padding: 0px 20px 20px 20px; border-left: 1px solid #b0b2ba; }


.IntFoto { margin: 30px 0px; clear: both; }

.IntCont { margin-top: 30px; padding: 0px 30px; }
.IntColLeft { width: 142px; background: #dcdde0; padding: 25px; float: left; -moz-border-radius: 5px; border-radius: 5px; }
.IntColRight { width: 551px; padding: 0px 0px 0px 30px; float: left; }

.IntFootColLeft { float: left; width: 150px; padding-top: 20px; }
.IntFootColMid { float: left; width: 277px; text-align: center; }
.IntFootColRight { float: left; width: 124px; padding-top: 11px; }

div.riga, div.riga2 { background: url(../img/struttura/riga.jpg) repeat-x; height: 1px; margin: 0px 0px 10px 0px; }
div.riga2 { margin: 10px 0px 15px 0px; }

.itemSale { cursor: pointer; width: 140px; padding: 20px; height: 150px; margin-right: 10px; margin-bottom: 10px; background: #dcdde0; float: left; border: 2px solid #dcdde0; -moz-border-radius: 5px; border-radius: 5px; }
.itemSale h2 { height: 50px; }
.itemSale:hover { background: #e8e8e8; border: 2px solid #fff; }

.staff { width: 155px; height: 280px; margin-right: 39px; float: left; position: relative; }
.staff img { /*filter:gray;*/ }
.staff h3 { font-size: 11px; color:#6b6c71; margin: 0px; padding: 0px; }
.staff span.rosso { color: #3f4045; }
.staff span.gray { background-color: #000000; position: absolute; top: 0; left: 0; width: 155px; 
                   height: 155px; z-index: 100; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }

.staff:hover span.gray { background-color: Transparent; }
.staff:hover h3 { color: #437995; }
.staff:hover img { filter: none; }
.staff:hover span.rosso { color: #782829; }


/*==============================================================================
								Varie
==============================================================================*/
/*TABLE TARIFFE*/
table.tariffe { width: 100%; font-size: 10px; margin: 15px 0px; background: none; border: 2px solid #cdc5a2; border-right: 1px solid #cdc5a2; }
/*Colori righe pari e dispari*/
table p { margin: 0px; padding: 0px; }
tr.even td { background: #ededea; text-align: center; padding: 10px 0px; border-right: 1px solid #cdc5a2; }
tr.odd td { background: #e6dfc4; text-align: center; padding: 10px 0px; border-right: 1px solid #cdc5a2; }
table.tariffe th { background: #e6dfc4; font-weight: normal; text-align: center; border-bottom: 1px solid #cdc5a2; padding: 10px 0px; }
/*header over e clic*/
th.over, tr.even th.over, tr.odd th.over { background: #dad3b6; }
td.over, tr.even td.over, tr.odd td.over { background: #dad3b6; }

/*IMG*/
.imgBorder { border: 1px solid #b2afa7; }
img.gray { filter: gray; }
.imgFloat { float: right; border: 2px solid #bdb594; margin-left: 15px; margin-bottom: 5px; display: block; }
.clear { clear: both; }


/*ACCORDION*/
.basic { width: 836px; }
.basic .content { background: #ebebed; width: 691px; padding-left: 145px; padding-bottom: 25px; }
.basic .content p { border: none; padding: 10px 10px 10px 0px;  }
.basic .header { cursor: pointer; display: block; padding: 10px 20px; border-bottom: 1px dashed #fff; }
/*.basic .header:hover {background:#ebebed;  }*/
.basic .header.selected { background: #ebebed; border: 0px; }
.basic .header.selected b { color: #992d2e; }






/*============================================================================
								Photogallery
==============================================================================*/

.gallery { background: #dcdde0; padding: 12px 15px 2px 15px; margin-top: 15px; -moz-border-radius: 5px; border-radius: 5px; }
.gallery .pg { float: left; }

.itemGalleria2 { width: 175px; height: 172px; background: #d9dade; float: left; }
.itemGalleria2 p { padding: 10px; margin-bottom: 0px; }

.auto { height: auto;}


/*==============================SIFR====================================*/
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-unloading .sIFR-flash { visibility: hidden !important; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }


/*SCROOL*/
div.scrollable { /* required settings */ position: relative; overflow: hidden; width: 806px; height: 94px; }
div.scrollable div.items { /* this cannot be too large */ width: 20000em; position: absolute; }
div.scrollable div.items div { /*float:left; */ }
/* this makes it possible to add next button beside scrollable */
div.scrollable { float: left; }
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage { display: block; width: 18px; height: 18px; background: url(../img/pagination/left.png) no-repeat; float: left; margin: 43px 10px; cursor: pointer; }
/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position: 0px -18px; }
/* disabled navigational button */
a.disabled { visibility: hidden !important; }
/* next button uses another background image */
a.next, a.nextPage { background-image: url(../img/pagination/right.png); clear: right; }
/*********** navigator ***********/
/* position and dimensions of the navigator */
div.navi { width: 100px; height: 30px; }
/* items inside navigator */
div.navi a { width: 8px; height: 8px; float: left; margin: 3px; background: url(../img/pagination/navigator.png) 0 0 no-repeat; cursor: pointer; }
/* mouseover state */
div.navi a:hover { background-position: 0 -8px; }
/* active state (current page state) */
div.navi a.active { background-position: 0 -16px; }


/*SALE CONGRESSI*/
	
	.sala3D{
		background:#e0dcd6;
		color:#405667;
		padding:10px;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin-top:30px;
		width:465px;
	}	
	.sala3D .pane { position:relative; }
	.sala3D .attrezzatura { position:absolute; top:0px; left:0px; }	

	ul.tabs {
		width: auto; 
		position:relative;
		top:1px;
		list-style: none; 
		margin: 0px; 
		margin-left:10px;
		padding: 0px; 
		width:445px;
		height:22px;
		margin-bottom:-2px;		
	}
	
	ul.tabs li { 
			float: left; 
			text-align: center;
			margin: 0; 
			margin-top:-17px;
			padding:5px 5px 0px 5px;
			list-style-image: none !important; 
			list-style-type: none; 
			cursor: pointer; 
			/*border-right:1px solid #ccc;
			border-left:1px solid #ccc;
			border-bottom:1px solid #ccc;*/
			font-size:11px;
			
		}
		
	ul.tabs li:last-child{border-right:0px}
	ul.tabs li.current {
				background: #fff; 
				border:1px solid #b6b1a8;
				color:#30302f;
				border-bottom:1px solid #fff;
				-webkit-border-top-left-radius: 10px;
				-webkit-border-top-right-radius: 10px;
				-moz-border-radius-topleft: 10px;
				-moz-border-radius-topright: 10px;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
		

				
			}
	ul.tabs li.current a{
			background:#f3f2f1;
			padding:7px 10px;
		-webkit-border-radius: 5px; 
		-moz-border-radius: 5px;
		border-radius: 5px;
						font-weight:bold;

			cursor: pointer !important; 
			/*color: #30302f !important; */
	}
	
	ul.tabs li a { 
		display: block; 
		text-align: center; 
		text-decoration: none; 
		margin: 0px; 
		padding:7px 0px;
/*		&:active { outline: none; }
		&:hover { color: #fff; }
		&.current { 
			cursor: pointer !important; 
			color: #30302f !important; 
		} */
	}
	
	ul.tabs li a:focus,ul.tabs li a:hover{ color: #696B70; text-decoration: none; }
	
	.tabPanel div img{ width:463px; }
	.tabPanel { clear:both; border:1px solid #b6b1a8; background:#fff; overflow:hidden;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; }
	.tabPanel .foot { padding:8px 10px; min-height:42px; }
	.foot .info { float:left; /*width:320px;*/ }
	.foot .switch { float:right; }
	.foot .switch:focus,.foot .switch:hover{ color: #fff; text-decoration: none; }
	
	.foot .numeroposti, .foot .legenda { margin:2px 0px; }
	.foot .legenda ul { float:left; margin:0px; top:0px; font-size:11px; }
	.foot .legenda ul li { display:block; float:left; padding: 0 5px 0 20px; margin:0 0 5px 0; background:url(/App_Themes/hsm/img/segnaposto.png) no-repeat 0 0; }
	.foot .legenda ul .uno { background-position: 0 -1px; }
	.foot .legenda ul .due { background-position: 0 -19px; }
	.foot .legenda ul .tre { background-position: 0 -37px; }
	.foot .legenda ul .quattro { background-position: 0 -55px; }
	
	.switch { display:block; float:left; padding:5px 5px; background:#ccc;		
		-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		-khtml-border-radius: 0.5em;
		border-radius: 0.5em;
		
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 1px 2px 3px rgba(0, 0, 0, 0.2);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);		
				
		background: #005996; /* fallback (Opera) */		
		background: -moz-linear-gradient(top, #6E9DC9, #005996); /* Mozilla: */ 		
		background: -webkit-gradient(linear, left top, left bottom, from(#6E9DC9), to(#005996)); /* Chrome, Safari:*/		
		filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#6E9DC9', EndColorStr='#005996', GradientType=0); /* MSIE */
		
		border: 1px solid #005380;
		color: #FFFFFF;
		cursor: pointer;
		display: inline-block;
		font-weight: bold;		
		outline: medium none;
		padding: 8px 10px 9px;
		text-align: center;
		text-decoration: none;
		text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
		vertical-align: baseline;
		width: auto;
	}
	.switch:active { position: relative; top: 1px; }
	.switch.on { background: -moz-linear-gradient(center top , #005996, #6E9DC9) repeat scroll 0 0 transparent;	 }	

.orderlist li{  padding:9px 23px; cursor:pointer;  list-style: none; display:inline; }