@import url(//fonts.googleapis.com/css?family=Cuprum:400,700);
@import url(//code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css);

ul, li, p{ margin:0; padding:0; list-style: none; }


.container					{	margin:0; }
.dropdowncontrol			{	height: 20px; line-height: 20px; }
.checkboxContainer			{	border-left:20px solid #fff; height: 20px; line-height: 20px; font-weight:bold; font-style:italic;	}
.css-header					{	border-left-color: #EEE; background-color: #EEE; text-transform: uppercase; font-size: 14px; }
.css-comics					{	border-left-color: #6DC8BF;	 }
.css-games					{	border-left-color: #FDB94D;	 }
.css-junior					{	border-left-color: #CAD12C;	 }
.css-japan-palace			{	border-left-color: #F9ED1A;	 }
.css-music-cosplay			{	border-left-color: #DF9296;	 }
.css-movie					{	border-left-color: #AE4C62;	 }
.css-pro					{	border-left-color: #8DC63F;	 }
.css-info					{	border-left-color: #333333;	 }
.css-sala-incontri			{	border-left-color: #2E6947;	 }
.css-punto-accredito		{	border-left-color: #73276E;	 }
.css-punto-shop				{	border-left-color: #CBC5C0;	 }
.css-mostre					{	border-left-color: #296EB7;	 }
.css-party					{	border-left-color: #333333;	 }
.css-parcheggi-espositori	{	border-left-color: #CC6600;	 }
.css-parcheggi-visitatori	{	border-left-color: #00548C;	 }



.contBaloon h1{ font-size: 20px; margin: 0; padding: 0; margin-bottom: 10px; }
.contBaloon img{ border: 0; }



html { height: 100% }
body { font-family:  'Cuprum', Arial,sans-serif; height: 100%; font-size: 13px; margin: 0; padding: 0; color:#666; }

select, input{ font-family:  'Cuprum', Arial,sans-serif; }

#wrapper{ position: absolute; top:0; left:0; width: 100%; height: 100%; overflow: hidden; }

#logo{ position: absolute; top:0; left:0; width: 220px; height: 200px; z-index: 10; }
#logo img{ display: block; border:0; }

#map_canvas { position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 5; }

#colSx{ position: absolute; top:0; left: -190px; z-index: 10; width: 190px; height: 100%; background: #FFF url('../../img/bg-colonna.jpg') bottom center repeat-y; }

#colSx .toggleColSx{ position: absolute; top:0; right:-25px; width: 25px; height:25px; background: #EEE url('../../img/arrow-25x25.png') center center no-repeat; color:#000; z-index: 10; text-decoration: none; text-align: center; }
#colSx .toggleColSx.open{ background-position: 0 0; }
#colSx .toggleColSx.close{ background-position: 0 -25px; }

#colSx .closeColSx{ position: absolute; top:0; right:0; width: 25px; height:25px; background: #EEE url('../../img/arrow-close-25x25.png') center center no-repeat; color:#000; z-index: 10; text-decoration: none; text-align: center; }


#colSx .toggleColSxSearch{ position: absolute; top:0; right:-30px; width: 30px; height:95px; background: #333 url('../../img/arrow-search-25x95.png') top left no-repeat; color:#000; z-index: 10; text-decoration: none; text-align: center; }


#colSx .toggleColSxSearchBig{ position: absolute; top:0; right:-30px; width: 30px; height:190px; background: #333 url('../../img/arrow-search-25x190.png') top left no-repeat; color:#000; z-index: 10; text-decoration: none; text-align: center; }


#colSx .toggleColSxPdf{ position: absolute; top:95px; right:-30px; width: 30px; height:95px; background: #333 url('../../img/arrow-pdf-25x95.png') top left no-repeat; color:#000; z-index: 10; text-decoration: none; text-align: center; }



#colSx .title{ font-size: 16px; height: 25px; line-height: 25px; border-bottom:1px solid #eee; padding-left:5px; font-weight: bold; background-color: #fff; }
#colSx .title2{ font-size: 14px; font-weight: bold; margin-bottom: 5px; }
#colSx .inside{ padding:5px; background-color: #fff; }
#colSx .boxRicerca{ margin-bottom: 20px; margin-top: 15px; }
#colSx .boxRicerca input{ padding: 5px 10px; border: 1px solid #ccc; -webkit-border-radius: 5px; border-radius: 5px;  }
#colSx .boxCome{ margin-bottom: 20px; }
#colSx .boxCome ul li input{ background: #eee;}
#colSx .boxCome ul li{ display: block; padding: 5px; background-color: #EEE; margin-bottom: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-weight: bold; font-style: italic; font-size: 13px; }
#colSx #btnCerca{ width: 40%; font-size: 12px; font-style: italic; border:1px solid #ccc; background-color: #EEE; margin-bottom: 20px; padding:5px 0; cursor: pointer; -webkit-border-radius: 5px; border-radius: 5px; }
#colSx #btnCerca:hover{ background-color: #CCC; }
#colSx #btnReset{ width: 40%; font-size: 12px; font-style: italic; border:1px solid #ccc; background-color: #FFF; margin-bottom: 20px; padding:5px 0; cursor: pointer; -webkit-border-radius: 5px; border-radius: 5px; }
#colSx #btnReset:hover{ background-color: #CCC; }
#colSx .boxRisultati{ }

#results{ border: 1px solid #eee; height:500px; overflow: auto; }
#results ul li a{ display: block; padding: 10px; color: #333; text-decoration: none; padding-right: 25px; }
#results ul li a:hover{ background:#333 url('../../img/arrow-risultati-1.png') center right no-repeat; color:#FFF; }
#results ul li a.noImg:hover{ background-color: #eee; background-image: none; color: #333; }
#results ul li:nth-child(even) { background: #EEE; }
#results ul li:nth-child(odd) { background: #FFF; }


#listaPDF ul li a{ display: block; padding: 3px 5px; color: #FFF; margin: 0px; text-decoration: none; background:#333 url('../../img/download.png') 5px 6px  no-repeat; padding-left: 20px; border-left: 10px solid #333; line-height: 12px; }
#listaPDF ul li a span{ font-size: 11px; font-style: italic; color: #CCC; }
#listaPDF ul li a:hover{ background-color: #555; }

#listaPDF .css-comics		{	border-left-color: #6DC8BF;	 }
#listaPDF .css-games		{	border-left-color: #FDB94D;	 }
#listaPDF .css-junior		{	border-left-color: #CAD12C;	 }
#listaPDF .css-japan-palace	{	border-left-color: #F9ED1A;	 }
#listaPDF .css-music-cosplay{	border-left-color: #DF9296;	 }
#listaPDF .css-movies		{	border-left-color: #AE4C62;	 }


#colDx{ position: absolute; top:0; right: 0; width: 190px; height: 100%; background: #FFF url('../../img/bg-colonna.jpg') bottom center repeat-y; overflow: auto; }

.toggleColDx{ position: fixed; top:0; right:0; width: 25px; height:25px; background: #EEE url('../../img/arrow-25x25.png') 0 0 no-repeat; color:#000; z-index: 10; text-decoration: none; text-align: center; }
.toggleColDx.open{ background-position: 0 -25px; }
.toggleColDx.close{ background-position: 0 0; }

#mainMenu{  /*padding-bottom:5px; background: #FFF url('../../img/bg-menu.jpg') bottom center repeat-x; */ }
#mainMenu ul li a{ display: block; text-decoration: none; color: #333; font-weight: bold; padding: 4px 10px; padding-left: 30px; font-size: 12px; }
#mainMenu .layer_group_item { border-left-color: #333; background-image: url('../../img/arrow-menu-title-1.png'); background-repeat: no-repeat; background-color: #333; color: #FFF; text-transform: uppercase; font-size: 12px; }
#mainMenu .layer_group_item:hover{ background-color: #555; }
#mainMenu .layer_group_item.open{ background-position: 0px -3px; }
#mainMenu .layer_group_item.close{ background-position: 0px -33px; }
#mainMenu .layer_group_item.ieGroup.open{ background-position: 10px 0px; }
#mainMenu .layer_group_item.ieGroup.close{ background-position: 10px -32px; }


#mainMenu .layer_group_item.css-header{ border-left: 10px solid #DDD;  }
#mainMenu .layer_item{ border-left: 10px solid #DDD; background-image: url('../../img/checkbox_no.png'); background-position: 7px 5px; background-repeat: no-repeat; }
#mainMenu .layer_item.ie{ background-position: 17px 5px; }
#mainMenu .layer_item.active{ background-image: url('../../img/checkbox_yes.png'); }
#mainMenu .layer_item.css-comics,
#mainMenu .layer_group_item.css-header-comics		{	border-left-color: #6DC8BF;	 }
#mainMenu .layer_item.css-games,
#mainMenu .layer_group_item.css-header-games		{	border-left-color: #FDB94D;	 }
#mainMenu .layer_item.css-junior,
#mainMenu .layer_group_item.css-header-junior		{	border-left-color: #CAD12C;	 }
#mainMenu .layer_item.css-japan-palace,
#mainMenu .layer_group_item.css-header-japan-palace	{	border-left-color: #F9ED1A;	 }
#mainMenu .layer_item.css-music-cosplay,
#mainMenu .layer_group_item.css-header-music-cosplay{	border-left-color: #DF9296;	 }
#mainMenu .layer_item.css-movies,
#mainMenu .layer_group_item.css-header-movies		{	border-left-color: #AE4C62;	 }
#mainMenu .layer_item.css-pro,
#mainMenu .layer_group_item.css-header-pro			{	border-left-color: #8DC63F;	 }
#mainMenu .layer_item.css-info,
#mainMenu .layer_group_item.css-header-info			{	border-left-color: #333333;	 }
#mainMenu .layer_item.css-sala-incontri,
#mainMenu .layer_group_item.css-header-sala-incontri{	border-left-color: #2E6947;	 }
#mainMenu .layer_item.css-punto-accredito,
#mainMenu .layer_group_item.css-header-punto-accredito	{	border-left-color: #73276E;	 }
#mainMenu .layer_item.css-punto-shop,
#mainMenu .layer_group_item.css-header-punto-shop	{	border-left-color: #CBC5C0;	 }
#mainMenu .layer_item.css-mostre,
#mainMenu .layer_group_item.css-header-mostre		{	border-left-color: #296EB7;	 }
#mainMenu .layer_item.css-party,
#mainMenu .layer_group_item.css-header-party		{	border-left-color: #333333;	 }
#mainMenu .layer_item.css-muf,
#mainMenu .layer_group_item.css-header-muf			{	border-left-color: #FFFFFF;	 }
#mainMenu .layer_item.css-biglietterie,
#mainMenu .layer_group_item.css-header-biglietterie	{	border-left-color: #E42129;	 }
#mainMenu .layer_item.css-eventi-collaterali,
#mainMenu .layer_group_item.css-header-eventi-collaterali	{	border-left-color: #FFF5B6;	 }
#mainMenu .layer_item.css-protezione-civile,
#mainMenu .layer_group_item.css-header-protezione-civile	{	border-left-color: #FF3366;	 }
#mainMenu .layer_group_item.css-header-parcheggi-espositori	{	border-left-color: #CC6600;	 }
#mainMenu .layer_group_item.css-header-parcheggi-visitatori	{	border-left-color: #00548C;	 }

#mainMenu ul.layer_subgroup li{ background: #FFF url('../../img/bg-menu-item.jpg') bottom left repeat-x; }



#contRouteBtn{ border-bottom: 3px solid #B3B2A5; }
#contRouteBtn img{ display: block; }

#boxPercorsi{ position: absolute; top: 50px; right: 250px; width: 300px; z-index: 50; margin-left: -150px; background-color: #FFF; color:#333; -webkit-box-shadow:  0px 0px 50px 0px rgba(0, 0, 0, 1); box-shadow:  0px 0px 50px 0px rgba(0, 0, 0, 1); }
#boxPercorsi .inside{ padding: 15px; padding-top: 0; }
#boxPercorsi .close{ position: absolute; top:0; right:0; width: 25px; height:25px; background: #EEE url('../../img/arrow-close-dark-25x25.png') center center no-repeat; color:#000; z-index: 10; text-decoration: none; text-align: center; }
#boxPercorsi input{ padding: 3px; border: 1px solid #CCC; width: 212px; }
#boxPercorsi select{ padding: 2px; border: 1px solid #CCC; width: 220px; }
#boxPercorsi select optgroup{ background-color: #eee; }
#boxPercorsi p{ margin-bottom: 5px; margin-top: 10px; font-weight: bold; font-size: 14px; }
#boxPercorsi .small{ font-size: 12px; line-height: 11px; }
#boxPercorsi h1{ margin: 0; padding: 0; background-color: #333; padding: 5px 15px; font-size: 14px; font-style: italic; cursor: move; color: #fff; }
#boxPercorsi .calcolaPercorso{ position: relative; font-size: 15px; font-style: italic; border:1px solid #ccc; background-color: #EEE; padding:5px 0; cursor: pointer; -webkit-border-radius: 5px; border-radius: 5px; color: #333; text-decoration: none; padding: 10px; margin-top: 15px; display: block; text-align: center; }

#loadingPercorso{ display: none; position: absolute; top:12px; right:30px; }


#boxPercorsi .btnReset { font-size: 15px; font-style: italic; border:1px solid #ccc; background-color: #EEE; padding:5px 0; cursor: pointer; -webkit-border-radius: 5px; border-radius: 5px; color: #333; text-decoration: none;  margin-top: 5px; display: block; text-align: center; }
#boxPercorsi a.switchOrigine{ float: right; background: #fff url('../../img/switch.png') center center no-repeat; background-color: #EEE; border: 1px solid #CCC; width: 40px; height: 22px; position: relative; top: 2px; }

#boxPercorsi #contInputOrigine{ display:none; }
#boxPercorsi #contSelectOrigine{ display:block; }

#boxPercorsi #dettaglioPercorso{ display: none; position: relative; font-size: 12px; font-weight:normal; border-top: 1px solid #ccc; background-color: #fff; height: 150px; overflow: auto; }
#boxPercorsi #dettaglioPercorso .titolo{ margin: 0; padding: 0; padding: 5px 15px; background-color: #EEE; }
#boxPercorsi #dettaglioPercorso li{ padding: 5px 10px; border-left: 5px solid #FFF; border-bottom: 1px solid #CCC; }
#boxPercorsi #dettaglioPercorso li:hover{ border-left: 5px solid #666; border-bottom: 1px solid #666; }
#boxPercorsi #dettaglioPercorso .closeDettaglio{ position: absolute; top:0; right:0; width: 25px; height:25px; background: #EEE url('../../img/arrow-close-25x25.png') center center no-repeat; color:#000; z-index: 10; text-decoration: none; text-align: center; }


/* GDdropDown */

	.container{
	  /* width: 85px; */
          width: 200px;
	  z-index: 1; 
	  margin: 5px;
	  cursor: pointer;
	  text-align: left;
	  z-index: 0;
	  padding: 5px;
	}
	.dropDownControl{
		direction: ltr; 
		overflow-x: hidden; 
		overflow-y: hidden; 
		text-align: left; 
		position: relative; 
		font-family: Arial, sans-serif; 
		-webkit-user-select: none; 
		font-size: 13px; 
		padding-top: 1px; 
		padding-right: 6px; 
		padding-bottom: 1px; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 1px; 
		border-top-style: solid; 
		border-right-style: solid; 
		border-bottom-style: solid; 
		border-left-style: solid; 
		border-top-color: rgb(113, 123, 135); 
		border-right-color: rgb(113, 123, 135); 
		border-bottom-color: rgb(113, 123, 135); 
		border-left-color: rgb(113, 123, 135); 
		border-image: initial; 
		-webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px; 
		box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px; 
		color: rgb(0, 0, 0); 
		padding-left: 6px; 
		font-weight: bold; 
		background-image: initial; 
		background-attachment: initial; 
		background-origin: initial; 
		background-clip: initial; 
		background-color: rgb(255, 255, 255); 
		background-position: initial initial; 
		background-repeat: initial initial; 	
		z-index: 2;
	}	
	
	.dropDownArrow{
		-webkit-user-select: none; 
		border-width: 0px; 
		border-style: initial; 
		border-color: initial; 
		border-image: initial; 
		padding: 0px; 
		margin-right: 0px; 
		margin-bottom: 0px; 
		margin-left: 0px; 
 		position: absolute; 
		right: 6px; 
		top: 50%;
		margin-top: -2px; 
		width: 7px; 
		height: 4px; 
	}
	
	.dropDownOptionsDiv{
		background-color: white; 
		z-index: 0; /*need this to make the box look cool, but this stops the hover and title from working on items in the box! */ 
		padding-top: 2px; 
		border-right-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 1px; 
		border-right-style: solid; 
		border-bottom-style: solid; 
		border-left-style: solid; 
		border-right-color: rgb(113, 123, 135); 
		border-bottom-color: rgb(113, 123, 135); 
		border-left-color: rgb(113, 123, 135); 
		border-image: initial; 
		border-top-width: 0px; 
		border-top-style: initial; 
		border-top-color: initial; 
		-webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px; 
		box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px; 
		position: relative; 
		text-align: left; 
		display: block;
	}
	
	.dropDownItemDiv{
		font-family: Arial, sans-serif; 
		-webkit-user-select: none; 
		font-size: 13px; 
		padding-top: 2px; 
		padding-right: 5px; 
		padding-bottom: 3px; 
		padding-left: 5px; 
		background-color: rgb(255, 255, 255); 
		color: black; 
		/*font-weight: bold;*/		
	}
	.dropDownItemDiv:hover, .checkboxContainer:hover{
		background-color: rgb(235, 235, 235);				
	}
	.dropDownControl:hover, .button:hover{
		background: -webkit-linear-gradient(top,rgb(255,255,255),rgb(230,230,230));
	}
	.separatorDiv{
		margin-top: 1px; 
		margin-right: 0px; 
		margin-bottom: 1px; 
		margin-left: 0px; 
		border-top-width: 1px; 
		border-top-style: solid; 
		border-top-color: rgb(235, 235, 235); 
	}
	.checkboxContainer{
		font-family: Arial, sans-serif; 
		-webkit-user-select: none; 
		font-size: 11px; 
		padding-top: 1px; 
		padding-bottom: 3px; 
		padding-left: 5px; 
		direction: ltr; 
		text-align: left; 
		background-color: rgb(255, 255, 255); 
		white-space: nowrap; 
		padding-right: 8px; 
		color: rgb(0, 0, 0); 
	}		
	.checkboxSpan{
		box-sizing: border-box; 
		position: relative; 
		line-height: 0; 
		font-size: 0px; 
		margin-top: 0px; 
		margin-right: 5px; 
		margin-bottom: 0px; 
		margin-left: 0px; 
		display: inline-block; 
		background-color: rgb(255, 255, 255); 
		border-width: 1px; 
		border-style: solid; 
		border-color: initial; 
		border-image: initial; 
		border-top-left-radius: 1px; 
		border-top-right-radius: 1px; 
		border-bottom-right-radius: 1px; 
		border-bottom-left-radius: 1px; 
		width: 13px; 
		height: 13px; 
		vertical-align: middle; 
		-webkit-box-shadow: none; 
		box-shadow: none; 
		border-color: rgb(198, 198, 198); 		
	}

	
	.blankDiv{
		position: absolute; 
		left: 1px; 
		top: -2px; 
		width: 13px; 
		height: 11px; 
		overflow-x: hidden; 
		overflow-y: hidden; 
		display: none; /*when = block -> this is the "check" symbol*/ 
	}
		
	.blankImg{
		position: absolute; 
		left: -52px; 
		top: -44px; 
		-webkit-user-select: none; 
		border-width: 0px; 
		border-style: initial; 
		border-color: initial; 
		border-image: initial; 
		padding: 0px; 
		margin: 0px; 
		-webkit-user-drag: none; 
		width: 68px; 
		height: 67px; 
	}
	
	.checkboxLabel{
		vertical-align: middle; 
		cursor: pointer;
	}
      .button{
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        text-align: center;
        position: relative;
        font-family: Arial, sans-serif;
        font-size: 13px;
		font-weight:bold;
        box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px;
        -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px;
        color: #000;
        border: 1px solid #717B87;
        background-color: #fff; 
        margin: 5px;
        padding: 1px 6px;
        overflow: hidden;
      }    

      .button-selected {
        font-weight: bold;
      }