/* CSS Document */

/* --------------------------------
CSS Mapa Cr�ixer en Fam�lia
Creat per Iurisdoc.com - Gener 2013
----------------------------------- */


/* Bubble pop-ups */

/* 01 | BARCELONA INTERIOR ----------------------------------------------------------------------------------------------------------------------------------------------------------- */

.popup-barcelona_interior {
	background: url("/.content/administratiu/css/bck_popup.png") repeat 0 0;
/*	background: #fff; */
	border:		none!important;
	color:		#c1c935;
	font:		normal 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	padding:	20px;
	text-align: left;
	width:		200px;
}

.popup-barcelona_interior a {
	-webkit-transition: opacity 0.5s ease;
	-moz-transition:	opacity 0.5s ease;
	-o-transition: 		opacity 0.5s ease;
	transition:			opacity 0.5s ease;
	background:	#c1c935;
	color:		#fff;
	text-decoration:none;
	font:		normal 12px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	text-align: center;
	padding:    0 5px;
}

.popup-barcelona_interior a:hover {
	opacity:	0.5;
}

.popup-barcelona_interior a.tancar {
	background:	none;
	color:		#c1c935;
	font:		normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	margin:		10px 0 0 0;
	padding:	0;
}

.popup-barcelona_interior p {
	letter-spacing:-0.04em;
	margin:		0;
}

.popup-barcelona_interior p strong {
	display:	inline-block;
	margin:		0 0 20px 0;
}



/* 02 | BARCELONA �REA METROPOLITANA ------------------------------------------------------------------------------------------------------------------------------------------------- */

.popup-barcelona_areametropolitana {
	background: url("/.content/administratiu/css/bck_popup.png") repeat 0 0;
/*	background: #fff; */	
	border:		none!important;
	color:		#d94e50;
	font:		normal 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	padding:	20px;
	text-align: left;
	width:		200px;
}

.popup-barcelona_areametropolitana a {
	-webkit-transition: opacity 0.5s ease;
	-moz-transition:	opacity 0.5s ease;
	-o-transition: 		opacity 0.5s ease;
	transition:			opacity 0.5s ease;
	background:	#d94e50;
	color:		#fff;
	text-decoration:none;
	font:		normal 12px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	text-align: center;
	padding:    0 5px;
}

.popup-barcelona_areametropolitana a:hover {
	opacity:	0.5;
}

.popup-barcelona_areametropolitana a.tancar {
	background:	none;
	color:		#d94e50;
	font:		normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	margin:		10px 0 0 0;
	padding:	0;
}

.popup-barcelona_areametropolitana p {
	letter-spacing:-0.04em;
	margin:		0;
}

.popup-barcelona_areametropolitana p strong {
	display:	inline-block;
	margin:		0 0 20px 0;
}



/* 03 | GIRONA ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.popup-girona {
	background: url("/.content/administratiu/css/bck_popup.png") repeat 0 0;
/*	background: #fff; */
	border:		none!important;
	color:		#f2779b;
	font:		normal 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	padding:	20px;
	text-align: left;
	width:		200px;
}

.popup-girona a {
	-webkit-transition: opacity 0.5s ease;
	-moz-transition:	opacity 0.5s ease;
	-o-transition: 		opacity 0.5s ease;
	transition:			opacity 0.5s ease;
	background:	#f2779b;
	color:		#fff;
	text-decoration:none;
	font:		normal 12px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	text-align: center;
	padding:    0 5px;
}

.popup-girona a:hover {
	opacity:	0.5;
}

.popup-girona a.tancar {
	background:	none;
	color:		#f2779b;
	font:		normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	margin:		10px 0 0 0;
	padding:	0;
}

.popup-girona p {
	letter-spacing:-0.04em;
	margin:		0;
}

.popup-girona p strong {
	display:	inline-block;
	margin:		0 0 20px 0;
}



/* 04 | TARRAGONA -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.popup-tarragona {
	background: url("/.content/administratiu/css/bck_popup.png") repeat 0 0;
/*	background: #fff; */
	border:		none!important;
	color:		#7cbfec;
	font:		normal 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	padding:	20px;
	text-align: left;
	width:		200px;
}

.popup-tarragona a {
	-webkit-transition: opacity 0.5s ease;
	-moz-transition:	opacity 0.5s ease;
	-o-transition: 		opacity 0.5s ease;
	transition:			opacity 0.5s ease;
	background:	#7cbfec;
	color:		#fff;
	text-decoration:none;
	font:		normal 12px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	text-align: center;
	padding:    0 5px;
}

.popup-tarragona a:hover {
	opacity:	0.5;
}

.popup-tarragona a.tancar {
	background:	none;
	color:		#7cbfec;
	font:		normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	margin:		10px 0 0 0;
	padding:	0;
}

.popup-tarragona p {
	letter-spacing:-0.04em;
	margin:		0;
}

.popup-tarragona p strong {
	display:	inline-block;
	margin:		0 0 20px 0;
}



/* 05 | LLEIDA ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.popup-lleida {
	background: url("/.content/administratiu/css/bck_popup.png") repeat 0 0;
/*	background: #fff; */
	border:		none!important;
	color:		#9cc859;
	font:		normal 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	padding:	20px;
	text-align: left;
	width:		200px;
}

.popup-lleida a {
	-webkit-transition: opacity 0.5s ease;
	-moz-transition:	opacity 0.5s ease;
	-o-transition: 		opacity 0.5s ease;
	transition:			opacity 0.5s ease;
	background:	#9cc859;
	color:		#fff;
	text-decoration:none;
	font:		normal 12px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	text-align: center;
	padding:    0 5px;
}

.popup-lleida a:hover {
	opacity:	0.5; 
}

.popup-lleida a.tancar {
	background:	none;
	color:		#9cc859;
	font:		normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	margin:		10px 0 0 0;
	padding:	0;
}

.popup-lleida p {
	letter-spacing:-0.04em;
	margin:		0;
}

.popup-lleida p strong {
	display:	inline-block;
	margin:		0 0 20px 0;
}



/* 06 | TERRES DE L'EBRE ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.popup-terresdelebre {
	background: url("/.content/administratiu/css/bck_popup.png") repeat 0 0;
/*	background: #fff; */
	border:		none!important;
	color:		#f9a93b;
	font:		normal 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	padding:	20px;
	text-align: left;
	width:		200px;
}

.popup-terresdelebre a {
	-webkit-transition: opacity 0.5s ease;
	-moz-transition:	opacity 0.5s ease;
	-o-transition: 		opacity 0.5s ease;
	transition:			opacity 0.5s ease;
	background:	#f9a93b;
	color:		#fff;
	text-decoration:none;
	font:		normal 12px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	text-align: center;
	padding:    0 5px;
}

.popup-terresdelebre a:hover {
	opacity:	0.5;
}

.popup-terresdelebre a.tancar {
	background:	none;
	color:		#f9a93b;
	font:		normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	margin:		10px 0 0 0;
	padding:	0;
}

.popup-terresdelebre p {
	letter-spacing:-0.04em;
	margin:		0;
}

.popup-terresdelebre p strong {
	display:	inline-block;
	margin:		0 0 20px 0;
}



/* CAIXES INFORMACI� ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#info1 {
	margin:		-370px 0 0 60px;
	position: 	absolute;
	z-index:	9999!important;
}

#info2 {
	margin:		-370px 0 0 60px;
	position: 	absolute;
	z-index:	9999!important;
}

#info3 {
	margin:		-370px 0 0 60px;
	position: 	absolute;
	z-index:	9999!important;
}

#info4 {
	margin:		-370px 0 0 60px;
	position: 	absolute;
	z-index:	9999!important;
}

#info5 {
	margin:		-370px 0 0 230px;
	position: 	absolute;
	z-index:	9999!important;
}

#info6 {
	margin:		-370px 0 0 60px;
	position: 	absolute;
	z-index:	9999!important;
}



/* ZONES ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Barcelona 1 */
#zona1 {
	font:		normal 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	height:		83px;
	letter-spacing:-0.04em;
	line-height:18px;
	margin:		-154px 0 0 250px;
	position:	absolute;
	width:		180px;
	z-index:	9999!important;
}

#zona1 p {
	background: #c1c935;
	color:		#fff;
	height:		83px;
	letter-spacing:-0.04em;
	line-height:18px;
	padding:    17px 20px 20px 20px;
	position:	absolute;
	width:		180px;
	z-index:	9999!important;
}

#zona1 strong {
	color: 		#c1c935;
	display:	block;
	font:		bold 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin:		0 0 6px 0;
	text-transform:uppercase;
}



/* Barcelona 2 */
#zona2 {
	font:		normal 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	height:		83px;
	letter-spacing:-0.04em;
	line-height:18px;
	margin:		-152px 0 0 210px;
	position:	absolute;
	width:		180px;
	z-index:	9999!important;
}

#zona2 p {
	background: #d94e50;
	color:		#fff;
	height:		83px;
	letter-spacing:-0.04em;
	line-height:18px;
	padding:    17px 20px 20px 20px;
	position:	absolute;
	width:		220px;
	z-index:	9999!important;
}

#zona2 strong {
	color: 		#d94e50;
	display:	block;
	font:		bold 13px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin:		0 0 6px 0;
	text-transform:uppercase;
	width:		260px;
}



/* Girona */
#zona3 {
	font:		normal 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	height:		83px;
	letter-spacing:-0.04em;
	line-height:18px;
	margin:		-154px 0 0 250px;
	position:	absolute;
	width:		180px;
	z-index:	9999!important;
}

#zona3 p {
	background: #f2779b;
	color:		#fff;
	height:		83px;
	letter-spacing:-0.04em;
	line-height:18px;
	padding:    17px 20px 20px 20px;
	position:	absolute;
	width:		180px;
	z-index:	9999!important;
}

#zona3 strong {
	color: 		#f2608b;
	display:	block;
	font:		bold 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin:		0 0 6px 0;
	text-transform:uppercase;
}



/* Tarragona */
#zona4 {
	font:		14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	height:		83px;
	letter-spacing:-0.04em;
	line-height:18px;
	margin:		-154px 0 0 250px;
	position:	absolute;
	width:		180px;
	z-index:	9999!important;
}

#zona4 p {
	background: #7cbfec;
	color:		#fff;
	height:		83px;
	letter-spacing:-0.04em;
	line-height:18px;
	padding:    17px 20px 20px 20px;
	position:	absolute;
	width:		180px;
	z-index:	9999!important;
}

#zona4 strong {
	color: 		#51b1e6;
	display:	block;
	font:		bold 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin:		0 0 6px 0;
	text-transform:uppercase;
}



/* Lleida */
#zona5 {
	font:		normal 12px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	height:		83px;
	letter-spacing:-0.04em;
	line-height:18px;
	margin:		-154px 0 0 250px;
	position:	absolute;
	width:		180px;
	z-index:	9999!important;
}

#zona5 p {
	background: #9cc859;
	color:		#fff;
	height:		83px;
	letter-spacing:-0.04em;
	line-height:18px;
	padding:    17px 20px 20px 20px;
	position:	absolute;
	width:		180px;
	z-index:	9999!important;
}

#zona5 strong {
	color: 		#81c425;
	display:	block;
	font:		bold 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin:		0 0 6px 0;
	text-transform:uppercase;
}



/* Terres de l'Ebre */
#zona6 {
	font:		normal 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	height:		83px;
	letter-spacing:-0.04em;
	line-height:18px;
	margin:		-154px 0 0 250px;
	position:	absolute;
	width:		180px;
	z-index:	9999!important;
}

#zona6 p {
	background: #f9a93b;
	color:		#fff;
	height:		83px;
	letter-spacing:-0.04em;
	line-height:18px;
	padding:    17px 20px 20px 20px;
	position:	absolute;
	width:		180px;
	z-index:	9999!important;
}

#zona6 strong {
	color: 		#f3910b;
	display:	block;
	font:		bold 14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin:		0 0 6px 0;
	text-transform:uppercase;
}