/* Stiluri pentru Geolocatie */
#infodesk {
	display: block;
	position: absolute;
	width: 246px;
	right: 0;
	margin-right: -8px;
	top: 100px;
	background: none;
	z-index: 999999;
	font-size: 11px; 
	color: #666;
	}

	a#hideshow,
	a#hideshow:link,
	a#hideshow:visited {
		float: left;
		display: inline;
		position: absolute;
		left: 0;
		margin-top: 55px;
		width: 24px;
		height: 60px;
		background: transparent url('../images/fundal-hideshow-infodesk.png') 0 0 repeat-y;
		border: 1px solid #fff;
		font-size: 28px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		text-align: center;
		line-height: 54px;

		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-top-left: 4px;
		-webkit-border-bottom-left: 4px;
		}
	a#hideshow:focus,
	a#hideshow:hover {
		background-position: -30px 0;

		box-shadow: -1px 1px 2px #fff;
		-moz-box-shadow: -1px 1px 2px #fff;
		-webkit-box-shadow: -1px 1px 2px #fff;
		}

	#infodesk #content-infodesk {
		float: right;
		display: inline;
		width: 180px;
		height: auto;
		right: 0;
		/*margin-right: -8px;*/
		padding: 20px 15px 20px 25px;
		background: #fff;
		
		border: 1px solid #7EB842;
		border: 1px solid #BEDF99;
		/*border: 1px solid #D9EFC2;
		border: 1px solid #D8DFD1;*/
		border-right: 1px solid #fff;
		
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-bottomleft: 8px;
		-webkit-border-top-left: 8px;
		-webkit-border-bottom-left: 8px;
		
		box-shadow: -1px 1px 1px #999;
		-moz-box-shadow: -1px 1px 1px #999;
		-webkit-box-shadow: -1px 1px 1px #999;
		}
	
		#infodesk #content-infodesk #status {
			width: 190px;
			height: 300px;
			margin-top: 5px;
			right: 0;
			margin-right: 0;
			overflow: auto;
			}
			#infodesk #content-infodesk #status .eveniment {
				float: left;
				display: inline;
				width: 150px;
				padding: 10px 10px 10px 0;
				margin: 0;
				background: #fff;
				border-bottom: 1px solid #f0f0f0;
				font-size: 9px;
				}
			#infodesk #content-infodesk #status .fresh {
				display: none;
				}
				#infodesk #content-infodesk #status .eveniment a,
				#infodesk #content-infodesk #status .eveniment a:link,
				#infodesk #content-infodesk #status .eveniment a:visited {
					float: left;
					display: inline;
					padding: 0 0 5px;
					font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
					font-size: 12px;
					font-weight: bold;
					color: #355F0C;
					line-height: 110%;
					}
				#infodesk #content-infodesk #status .eveniment a:hover,
				#infodesk #content-infodesk #status .eveniment a:focus {
					color: #69976B;
					text-decoration: underline;
					}
				#infodesk #content-infodesk #status .eveniment p.pret {
					float: left;
					display: inline;
					margin-top: 0;
					padding-bottom: 3px;
					}
					#infodesk #content-infodesk #status .eveniment p.pret span.fancyPrice {
						float: left;
						display: inline;
						font-family: Arial,sans-serif;
						font-size: 18px;
						font-weight: bold;
						text-align: left;
						color: #999;
						}
					#infodesk #content-infodesk #status .eveniment p.pret .fancyCurrency {
						float: left;
						display: inline;
						font-family: Arial,sans-serif;
						font-size: 10px;
						font-weight: normal;
						padding-left: 2px;
						color: #999;
						}
				#infodesk #content-infodesk #status .eveniment a.pozaProdus,
				#infodesk #content-infodesk #status .eveniment a.pozaProdus:link,
				#infodesk #content-infodesk #status .eveniment a.pozaProdus:visited {
					float: left;
					display: inline;
					width: 140px;
					height: 140px;
					margin: 0;
					padding: 5px;
					background: none repeat scroll 0 0 #F5FFDF;
					border: 1px solid #CCCCCC;
					text-decoration: none;

					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					}
				#infodesk #content-infodesk #status .eveniment a.pozaProdus:hover,
				#infodesk #content-infodesk #status .eveniment a.pozaProdus:focus {
					background: #97CB50 none repeat scroll 0 0;
					}
				#infodesk #content-infodesk #status .eveniment img {
							float: left;
							display: inline;
							width: 140px;
							height: 140px;
							margin: 0;
							border: none;
							text-decoration: none;
							}

	#infodesk h3 {
		margin: 0;
		padding: 0;
		font-family: Arial,sans-serif;
		font-size: 19px;
		font-style: normal;
		font-weight: normal;
		line-height: 110%;
		color: #A68A33;
		}
	#infodesk p {
		margin-bottom: 0;
		}

/* Harta propriu-zisa */
div#harta-interactiva {
	display: block; 
	width: 100%; 
	height: 600px;
	margin: 0;
	top: 0;
	left: 0;
	}
	div#harta-interactiva div.locatieNoua {
		position: absolute;
		zoom:1;
		width: 160px;
		height: auto;
		padding: 0;
		border: none;
		}
		div#harta-interactiva div.contentLocatie {
			float: left;
			display: inline;
			position: relative; zoom:1;
			width: 100%;
			height: auto;
			padding: 10px 15px;
			background-color: #fcfcfc;
			border: 1px solid #D8DFD1;

			border-radius: 8px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;

			box-shadow: 1px 1px 2px #999;
			-moz-box-shadow: 1px 1px 2px #999;
			-webkit-box-shadow: 1px 1px 2px #999;
			}
		.pinpointer {
			float: left;
			display: inline;
			width: 200px;
			height: 40px;
			background: transparent url('../images/pinpointer.png') no-repeat;
			}
			div#harta-interactiva .gmnoprint div.infowindow-html {
				width: 160px;
				height: 100%;
				}
			div#harta-interactiva h4.titlu-locatie,
			div#harta-interactiva .gmnoprint div.infowindow-html h4.titlu-locatie {
				width: 150px;
				margin: 0;
				padding: 0;
				font-family: Arial,sans-serif;
				font-size: 14px;
				font-style: normal;
				font-weight: normal;
				line-height: 100%;
				color: #A68A33;
				}
			div#harta-interactiva p.text-locatie,
			div#harta-interactiva .gmnoprint div.infowindow-html p.text-locatie {
				width: 150px;
				margin: 0 0 5px;
				padding: 0;
				font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
				font-size: 10px;
				color: #666;
				}

			div#harta-interactiva div.locatieNoua div.contentLocatie ul,
			div#harta-interactiva .gmnoprint div.infowindow-html ul {
				display: block;
				width: 150px;
				margin: 0;
				padding: 0;
				}
				div#harta-interactiva div.locatieNoua div.contentLocatie ul li,
				div#harta-interactiva .gmnoprint div.infowindow-html ul li {
					float: left;
					display: inline;
					width: 150px;
					padding: 1px 3px;
					list-style: none;
					}
					div#harta-interactiva div.locatieNoua div.contentLocatie ul li img.geo-imagineProdus,
					div#harta-interactiva .gmnoprint div.infowindow-html ul li img {
						float: left;
						display: inline;
						width: 40px;
						height: 40px;
						border: none;
						text-decoration: none;
						margin-right: 5px;
						}
					div#harta-interactiva div.locatieNoua div.contentLocatie ul li a,
					div#harta-interactiva div.locatieNoua div.contentLocatie ul li a:link,
					div#harta-interactiva div.locatieNoua div.contentLocatie ul li a:visited,
					div#harta-interactiva .gmnoprint div.infowindow-html ul li a,
					div#harta-interactiva .gmnoprint div.infowindow-html ul li a:link,
					div#harta-interactiva .gmnoprint div.infowindow-html ul li a:visited {
						float: left;
						display: inline;
						width: 100px;
						border: none;
						font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
						font-size: 10px;
						font-weight: bold;
						color: #355F0C;
						text-decoration: none;
						line-height: 130%;
						}
					div#harta-interactiva div.locatieNoua div.contentLocatie ul li a:hover,
					div#harta-interactiva div.locatieNoua div.contentLocatie ul li a:focus,
					div#harta-interactiva .gmnoprint div.infowindow-html ul li a:hover,
					div#harta-interactiva .gmnoprint div.infowindow-html ul li a:focus {
						color: #69976B;
						text-decoration: underline;
						}

.clearfloat {
	clear: both;
	}