/* CSS Parcs i Jardins	*/

/* Fulla d'estils per a les pagines interiors */





/* Redefinicio dels elements de la capcalera del contingut (menu superior i titol) */
	
	.platges #titol h2, .platges #titol h3.titoltop { color: #267195 !important; }

/* -------------------------------------------------------------- */





/* Redefinicio dels elements generics de text */

	.platges #text h3,
	.platges #text h4 { color: #267195 !important; }
	
	.platges #text p strong { color: #267195; }
	
	.platges #text a { color: #28769B; }
	
	.platges #text ul li { background: url("../images/li_quadrat_blau.gif") no-repeat .3em .8em; }
	
	.platges #text ol { color: #28769B; }

/* ------------------ */





/* Modul de l'estat de les platges */

	#text .estat-platja {
		width: 34em;
		overflow: hidden;
		padding-bottom: .5em;
		margin-bottom: 2em;		
	}
	

	#text .estat-index {
		border-bottom: 0;
	}
	
	#text .estat-platja h3, #text .estat-platja h4 {
		margin-top: 0;
		margin-bottom: 0;
		padding: .4em .5em;
		font-size: 1.2em;
		color: #fff !important;
		background-color: #267195;
	}
	
		#text .estat-platja h3 a, #text .estat-platja h4 a {
			padding-right: 2em;
			color: #fff;
			background: url("../images/icona_mes_informacio.gif") no-repeat right center;
			text-decoration: none;
		}
		
			#text .estat-platja h3 a:hover {
				text-decoration: underline;
			}

	#text .estat-platja img.bandera {
		margin: 1em 1.5em;
		float: right;
	}

	#text .estat-platja dl {
		margin: 0 5em 0 0;
		padding: 0;
		font-size: 1.1em;
	}

		#text .estat-platja dl dt {
			font-weight: bold;
			color: #267195;		
			float: left;
			clear: left;
			padding: .4em .5em 0 .5em;
		}

		#text .estat-platja dl dd {
			padding: .4em .5em;
			border-bottom: 1px dotted #999;
		}

			#text .estat-platja dl dd.meduses {
				border: none !important;
			}
			
			#text .estat-platja dl dd.observacions {
				border-top: 1px dotted #999;
				border-bottom: 0;
			}			


#text .estat-platja p.descripcio {
padding:0.5em;
}
#text .estat-platja p.descripcio img {
float:left;
margin:0pt 0.5em 0pt 0pt;
}

#text .primer {
/* padding-top:2.4em !important; */
}

	/* Estil per als paragrafs d'informacio de les fonts */

		#text .font-platja,
		#text .webcam .font-webcam,
		#text .el-temps .font-temps,
		#text .font-platja-inside {
			line-height: 1.1em;		
			font-size: .9em;
			color: #333;
		}

		#text .font-platja {
			margin: 0;
			text-align: right;		
			padding-bottom: .5em;
			clear: left;
		}


		#text .font-platja-inside {
			border-top: 2px solid #2C7EA7 !important;
			margin-top: .5em;
			padding-top: .2em;
			text-align: right;
		}


		#text .webcam .font-webcam {
			margin-top: -2.6em;
			margin-bottom: 1em;
			text-align: right;
		}

		#text .el-temps .font-temps {
			position: absolute;
			border-bottom: none;
			top: -2.7em;
			right: 0;
			text-align: right;
			padding-bottom: .5em;
		}	

/* ------------------------------- */





/* Modul carateristiques i fitxa */

	.platges #text .caracteristiques { background-color: #f3f3f3; }
	.platges #text .caracteristiques dl dt { color: #267195; }
	.platges #text .caracteristiques h3 { background-color: #267195; color: #fff !important; }

	.platges #text .caracteristiques dl dd li {
		background: url("../images/li_quadrat_blau.gif") no-repeat .2em .5em;	
	}	

	.platges #text .caracteristiques dl dd .enllacos li {
		background: url("../images/li_fletxa_seguent_blau.gif") no-repeat .2em .4em;
	}	

	/* Icones per al llistat de serveis de les platges */

		.platges #text .caracteristiques .servei { padding: .5em 0 .5em 2.8em; background: none; }

		.platges #text .caracteristiques .platja-banderablava { background: url("../images/icones_platja/icona_serveis_banderablava.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-lavabos { background: url("../images/icones_platja/icona_serveis_lavabos.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-lavabosadaptats { background: url("../images/icones_platja/icona_serveis_lavabosadaptats.gif") no-repeat left center; padding-left: 4.7em;  }
		.platges #text .caracteristiques .platja-bars { background: url("../images/icones_platja/icona_serveis_bars.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-parasols { background: url("../images/icones_platja/icona_serveis_parasols.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-gandules { background: url("../images/icones_platja/icona_serveis_gandules.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-areesjoc { background: url("../images/icones_platja/icona_serveis_areesjoc.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-areesdiscapacitats { background: url("../images/icones_platja/icona_serveis_areesdiscapacitats.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-urbana { background: url("../images/icones_platja/icona_serveis_urbana.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-salvament { background: url("../images/icones_platja/icona_serveis_salvament.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-informacio { background: url("../images/icones_platja/icona_serveis_informacio.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-restaurants { background: url("../images/icones_platja/icona_serveis_restaurants.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-dutxes { background: url("../images/icones_platja/icona_serveis_dutxes.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-dutxesadaptades { background: url("../images/icones_platja/icona_serveis_dutxesadaptades.gif") no-repeat left center; padding-left: 4.7em;  }
		.platges #text .caracteristiques .platja-biblioplatja { background: url("../images/icones_platja/icona_serveis_biblioplatja.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-gimnas { background: url("../images/icones_platja/icona_serveis_gimnas.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-nudisme { background: url("../images/icones_platja/icona_serveis_nudisme.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-voleibol { background: url("../images/icones_platja/icona_serveis_voleibol.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-basquet { background: url("../images/icones_platja/icona_serveis_basquet.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-skate { background: url("../images/icones_platja/icona_serveis_skate.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-pingpong { background: url("../images/icones_platja/icona_serveis_pingpong.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-aiguapotable { background: url("../images/icones_platja/icona_serveis_aiguapotable.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-creuroja { background: url("../images/icones_platja/icona_serveis_creuroja.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-balicament { background: url("../images/icones_platja/icona_serveis_balicament.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-parkingadaptat { background: url("../images/icones_platja/icona_serveis_parkingadaptat.gif") no-repeat left center; padding-left: 4.7em; }
		.platges #text .caracteristiques .platja-paperera { background: url("../images/icones_platja/icona_serveis_paperera.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-vigilancia { background: url("../images/icones_platja/icona_serveis_vigilancia.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-font { background: url("../images/icones_platja/icona_serveis_font.gif") no-repeat left center; }		
		.platges #text .caracteristiques .platja-parkingbicicletes { background: url("../images/icones_platja/icona_serveis_parkingbicicletes.gif") no-repeat left center; }
		.platges #text .caracteristiques .platja-nodefinit { background: url("../images/icones_platja/icona_serveis_nodefinit.gif") no-repeat left center; }		
		
		.platges #text .caracteristiques .llista-punt {	background: url("../images/li_quadrat_blau.gif") no-repeat .3em .8em; }

	/* -------------------------------- */

	#text .caracteristiques .llegenda li {
		background: none !important;
		padding-left: .4em;
		font-size: .9em;
	}

		#text .caracteristiques .llegenda li a { text-decoration: none !important; color: #555; }

			#text .caracteristiques .llegenda li a:hover { text-decoration: underline !important; }


	#text .caracteristiques strong.llegenda {
		font-size: .9em;
	}



/* -------------------- */




/* Modul carateristiques i fitxa */

	#text .dades {
		width: 17.5em;
        height: 34.3em;
		float: right;
		clear: right;
		background-color: #F3F3F3;
		border-left: 1.8em solid #fff;   
	}
	
		#text .dades h4 {
			margin: 0;
			padding: .4em .5em;
			font-size: 1.2em;
			color: #fff !important;
			background-color: #267195;
		}
        
        #text .dades ul.llegenda {
            margin: 0;
            padding: 1em;
        }
        
            #text .dades ul.llegenda li {
                margin: 0;
                padding: 0 0 0 2.8em;
                line-height: 2.7em;
            }
        
                #text .dades ul.llegenda li.blau-fort { background: url("../images/seccions/platges_dades_blau_fort.gif") no-repeat left center; }
                #text .dades ul.llegenda li.blau-clar { background: url("../images/seccions/platges_dades_blau_clar.gif") no-repeat left center; }
                #text .dades ul.llegenda li.blau-cel { background: url("../images/seccions/platges_dades_blau_cel.gif") no-repeat left center; }
                #text .dades ul.llegenda li.blau { background: url("../images/seccions/platges_dades_blau.gif") no-repeat left center; }
                #text .dades ul.llegenda li.verd { background: url("../images/seccions/platges_dades_verd.gif") no-repeat left center; }
                #text .dades ul.llegenda li.groc { background: url("../images/seccions/platges_dades_groc.gif") no-repeat left center; }
                #text .dades ul.llegenda li.vermell { background: url("../images/seccions/platges_dades_vermell.gif") no-repeat left center; }



        #text .dades p {
            border-top: 1px dotted #999;
            font-size: 1em;
            margin: 0 1em;
            padding: .6em 0;
        }
        
            #text .dades p img {
                vertical-align: middle;
                margin-left: .3em;
            }
        
        #text .dades .llegenda {
        }

/* ----------------------------- */




/* Modul webcam */

	#text .webcam {		
		margin: 0 0 1em 0;
		padding: 1em 1em 0 1em;
		background-color: #f3f3f3;
		float: left;
	}
	
		#text .webcam h3 {
			margin: 0 0 1em 0;
			color: #333 !important;
			font-size: 1.2em;
		}
		
	
		#text .webcam ul {
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		
			#text .webcam ul li {
				margin: .2em .2em .2em .2em;
				padding: 0 0 .5em 0;
				float: left;
				font-size: 1em;				
				background: none;				
			}
			
				#text .webcam ul li.selected img {
					border: 2px solid #267195 !important;
				}
				
				#text .webcam ul li.selected {
					padding-top: 0;
					margin: 0 0 0 0;				
				}						
			
				#text .webcam ul li img {
					display: block;
					width: 9.9em;
				}

/* ----------------------- */





/* Modul galeria d'imatges */

	.platges #text .galeria ul li.selected { border: 2px solid #28769B !important; }

	.platges #text .galeria { background-color: #f3f3f3; }	

	.platges #text .ampliacio { border-bottom: 2px solid #58AAD3; }

/* ----------------------- */





/* Modul mes informacio */

	.platges #text .mes-informacio ul li.document { background: url("../images/li_mes_informacio_document_blau.gif") no-repeat left 1em; }
	.platges #text .mes-informacio ul li.video { background: url("../images/li_mes_informacio_video_blau.gif") no-repeat left 1em; }
	.platges #text .mes-informacio ul li.foto { background: url("../images/li_mes_informacio_foto_blau.gif") no-repeat left 1em; }
	.platges #text .mes-informacio ul li.website { background: url("../images/li_mes_informacio_website_blau.gif") no-repeat left .7em; }

	.platges #text .mes-informacio h3,
	.platges #text .mes-informacio h4 { background-color: #267195; color: #fff !important; }
	.platges #text .mes-informacio ul { border-left: 1px dotted #267195; border-right: 1px dotted #267195;	border-bottom: 1px dotted #267195; }

/* -------------------- */





/* Llistat de platges */

	#llista-platges {
		margin-left: .1em;
		margin-bottom: 1.5em;
		width: 57.4em;
		height: 12em;
		background: url("../images/seccions/platges_localitzacio.gif") no-repeat left top;
		background-color: #267195;
	}
	
		#llista-platges h2 {
			color: #fff;
			display: none;
		}

			#llista-platges dl dt a {
				text-align: center;
				font-weight: bold;
				padding-top: .4em;
				position: absolute;
				z-index: 1;
			}		

			#llista-platges dl dd {
				float: left;
				text-align: center;
				padding-top: 8.4em;
			}

				#llista-platges dl dt,
				#llista-platges dl dd,
				#llista-platges dl dt a {
					color: #fff;
                    line-height: 1.1em;
				}

				#llista-platges #dt-sant-sebastia a 	{ width:   7.4em; left: .2em;  } 
				#llista-platges #dt-barceloneta a			{ width:  7.4em;	left: 7.8em; } 
				#llista-platges #dt-port-olimpic a		{ width: 7.1em; left: 20em; } 
				#llista-platges #dt-nova-icaria a			{ width: 4em; left: 20.1em; } 
				#llista-platges #dt-bogatell a				{ width: 6.5em; left: 24.2em; } 
				#llista-platges #dt-mar-bella a				{ width: 5.6em; left: 30.8em; } 
				#llista-platges #dt-nova-mar-bella a	{ width: 5.7em; left: 36.5em; } 
				#llista-platges #dt-llevant a  				{ width: 4.8em; left: 42.3em; }
				#llista-platges #dt-zona-de-banys-forum a, 
				#llista-platges #dt-zona-de-baņos-forum a, 
				#llista-platges #dt-forum-bathing-area a { width: 5.8em; left: 51.7em; }

				#llista-platges #dd-sant-sebastia 		{ width:    7.4em; }
				#llista-platges #dd-barceloneta 			{ width: 	 7.4em; }
				#llista-platges #dd-port-olimpic 			{ width:  7.1em; }
				#llista-platges #dd-nova-icaria 			{ width:  4em; margin-left: 5.2em; }
				#llista-platges #dd-bogatell 					{ width:  6.5em; }
				#llista-platges #dd-mar-bella 				{ width: 5.6em }
				#llista-platges #dd-nova-mar-bella		{ width:  5.7em; }
				#llista-platges #dd-llevant   				{ width:  4.8em; }
				#llista-platges #dd-zona-de-banys-forum,
				#llista-platges #dd-zona-de-baņos-forum,
				#llista-platges #dd-forum-bathing-area { width:  5.8em; margin-left: 4.9em; }

/* ------------------ */




/* Modul del temps */

	#text .el-temps {
		width: 17.5em;
		float: right;
		background-color: #f3f3f3;
		margin-left: 2em;
		margin-top: 2.4em;
		padding-bottom: 2em;
		position: relative;
	}
	
		#text .el-temps h3 {
			margin: 0;
			padding: .4em .5em;
			font-size: 1.2em;
			color: #fff !important;
			background-color: #E16807;			
		}
		
			#text .el-temps h4,
			#text .el-temps p,
			#text .el-temps p strong {
				color: #333 !important;
			}
			
			#text .el-temps h4,
			#text .el-temps dl dd {
				border-bottom: 1px dotted #999;
			}
			
			
			#text .el-temps h4 {
				margin: 1em .8em 0 .8em;
				padding-bottom: .5em;
			}
				
				
				
			#text .el-temps dl {
				margin: 0 1em;
			}
			
				#text .el-temps dl dt, #text .el-temps dl dd {
					color: #333;
					font-size: 1.1em;
					line-height: 2.5em;
					vertical-align: middle;
				}							
			
				#text .el-temps dl dt {
					float: left;
					clear: left;
					margin-right: .4em;
					font-weight: bold;
				}
				
					#text .el-temps dl .cel {
						line-height: 2.5em;
						padding: .6em 0;
					}
					
						#text .el-temps dl dd img {
							vertical-align: middle;
							margin-bottom: 0;
						}
					
					#text .el-temps dl dt.estret, #text .el-temps dl dd.estret {
						line-height: 1.5em;
						border-bottom: none;
					}

					#text .el-temps dl dd.last {
						padding-bottom: .6em;
						border-bottom: 1px dotted #999;
					}
					
					#text .el-temps dl dd.first, #text .el-temps dl dt.first {
						padding-top: .6em;
					}					
					

				#text .el-temps dl dd {
				}

/* -------------------- */




/* Capcalera seccio bones practiques */

	.platges #titol-top { border-bottom: 3px solid #58AAD3; }	
	.platges #titol-top h2 { color: #fff; background: url("../images/bg_titol_top_platges.gif") no-repeat right top; background-color: #267195; }

/* --------------------------------- */





/* Llista ordenada amb border i separadors entre elements */

	.platges #text ol.separadors {
		border-top: 2px solid #58AAD3;
		border-bottom: 2px solid #58AAD3;
	}

		.platges #text ol.separadors li {
			color: #267195;
		}

/* ------------------------------------------------------ */ 





/* Estils per als planols de localitzacio, llistes dels directoris i llistat d'activitats */
			
	.platges #text .directori {
		border-top: 2px solid #58AAD3;
		border-bottom: 2px solid #58AAD3;	
	}
	
		#text .directori.activitats h4 {
			margin-top: 0;
			margin-bottom: 0;
		}

		#text .directori.activitats p {
			font-size: 1em;
		}

			#text .directori.activitats p.informacio {
				background: url("../images/li_fletxa_seguent_negre.gif") no-repeat left center;
				margin-left: .4em;
				padding-left: 1em;
			}
		
		#text .directori.activitats a {
			text-decoration: underline !important;
			color: #267195 !important;
		}

/* ----------------------------------------------------------------- */