#test { text-align:center; margin:1em; font-family:Arial, Helvetica, sans-serif;}
#test img { margin-bottom:1em;}
#test h1 { margin:1em 0.5em; color:#999999; font-size:1.4em;}
#test label { display:block; width:120px; float:left; text-align:right; padding-right:0.5em;}
#tester_form { width:300px; margin:auto; border:#CCCCCC 1px solid; }
#previs_mapas { clear:both;}
#ejemplo_compartir h2 { clear:both;}
#ejemplo_compartir  li { list-style-type:none; float:left; padding-right:0.5em; }

element.style  { display:none;}
		/*LOGIN - usuario OJO MAS DATOS EN BASIC.css
		--------------------------------------------------------------------------- */			
		#capa_registro { background: url(../img/fons_web.gif); font-size:0.9em; height:35px;}

		
 
 /*Wrap - contenedor web
--------------------------------------------------------------------------- */
#wrap { width:80em; margin:auto; text-align:left; }
 
	 /*Menu
	--------------------------------------------------------------------------- */
	#menu { width:26.5%; float:left; background:#F9F9F9;}
		#logo {  border-bottom:#00B7CE 1px dashed;}
		
		#menu_lista li { list-style-type:none;}		
		#fotos_bsurfers { border-bottom:#00B7CE 1px dashed;padding:0.5em; text-align: center;}		
		#menu_dos { border-bottom:#00B7CE 1px dashed; }
		#menu_dos li { list-style-type:none; padding:0.2em; font-size:0.9em; }
		#menu_dos ul { padding:1em;}		
		#menu_tres li { list-style-type:none; padding:0.3em 0.5em 0.5em 0.3em; font-size:0.8em; float:left}
		#menu_tres ul { padding:0.5em;}
		#menu_tres {   border-bottom:#00B7CE 1px dashed;  }			
		#banners_home { background:#FFFFFF;  }
			#firefox { padding:1em 0.5em; background:#FFFFFF; }
			#cc {padding:0  0 1em 0.5em; background:#FFFFFF; }
		#twitter_bsurfers { width:244px; font-size:0.8em; margin:0.5em; background:#FFFFFF;}
		#twitter_bsurfers h2{ font-size:1.4em; color:#00C8FF; padding:0.5em;}
		#twitter_bsurfers li { list-style-type:none; padding:0.6em ; border-bottom:#00B7CE 1px solid;	}
			#twitter_bsurfers a:link,
			#twitter_bsurfers a:visited { text-decoration:none; border-bottom:#CCCCCC 1px solid; }
			#twitter_bsurfers a:hover   {  border-bottom:#CCCCCC 1px solid; }
		
		
	 /*Contenido
	--------------------------------------------------------------------------- */
	#contenido { width:73%; float:right; }
	
		#contenido ul { padding:0.5em 0 0.5em 1em; color:#333333;}
		#contenido li { padding:0.3em; list-style-type:none;}
			#migas_de_pan { padding:1em; border-bottom:#00B7CE 1px dashed; font-size:0.9em; color:#FF059C; margin-bottom:1em;}
			#volver { float:right; padding:0.9em; width:100px; text-align:right;}
				#migas_de_pan  a:link,
				#migas_de_pan  a:visited { color:#FF059C; }
				#migas_de_pan  a:hover   { text-decoration:none;}
			
		/*SPOT
		--------------------------------------------------------------------------- */
		#cajas_spots { padding:0.5em; margin-top:1em;  }
			#mapa_comarca    { width:61.3%; float:left; padding:0.3em; border:#00B7CE 1px dashed;}
			#listado_comarca { width:35%; float:left; padding: 0 0.5em;}
			
			.listado_spots     { margin:0.5em 1em; padding:0.5em; border-bottom:#CCCCCC 1px solid;  }
			.titol_spot         {font-size: 1.4em;  font-weight:bold; }
			.listado_spots img { float: left; padding:0.5em;  background:#F0F0F0; margin:0.3em 0.9em 0.3em 0;  }
				.cajaspots_izquierda { width:48%; float:left; }
				.cajaspots_derecha   { width:40%; float:left;}			
			/*Descripcion Spot*/
			#descripcion_spot  { padding-top:1em;   padding-bottom:1em; }
			#descripcion_spot img { height:230px; float:right; background:#F0F0F0; padding:0.5em; height:auto; margin:0 0 0.5em 0.5em;}
				#compartir_enviar { margin:0.5em; border-top:#FF059C 1px dashed; border-bottom:#FF059C 1px dashed; clear:both; height:36px; }
					#compartir    { width:45%; float:left; }
					#compartir li { list-style-type:none; width:16px; float:left; padding:0.3em 0.1em 0 0.3em;}
					#compartir p  { padding: 0.9em 0 0 0.5em; float:left; }					
					#enviar_print { width:29%; float:right; background:url(../img/print_envia.gif) no-repeat; text-align:right;}				
					#enviar_print p {  float:left; padding-left:1.9em; padding-top:1em; font-size:0.9em; }
					
					#compartir_enviar_foto {margin:0.5em; border-top:#FF059C 1px dashed; }
					#compartir_foto    { width:50%; float:left; }
					#compartir_foto li { list-style-type:none; width:16px; float:left; padding:0.3em 0.1em 0 0.3em;}
					#compartir_foto p  { padding: 0.9em 0 0 0.5em; float:left; }	
					#enviar { width:40%; float:right; text-align:right; font-size:1.1em; font-weight:normal;}	
					
					
				#mas_fotos img { padding:0.5em;  background:#F0F0F0; margin:0.4em;}
				#caja_informacio  { clear:both;}
					#informacio_spot { width: 45%; float:left;}
					#utilidades { width: 30%; float:left;}
					#contenido div#utilidades li { padding: 0 0 0.5em 2em ;}
						#utilitat_webcam  { background:url(../img/icon_webcam.gif) no-repeat left top; }
						#utilitat_gps     { background:url(../img/icon_gps.gif) no-repeat left top; }
							#div_datos_gps { padding:0.5em;}
							#div_datos_gps p { font-size:1em;}
						#utilitat_mapa    { background:url(../img/icon_mapa.gif) no-repeat left top; }
						#utilitat_arribar { background:url(../img/icon_arribar.gif) no-repeat left top; }	
													
					#spots_cercanos { width: 20%; float:left;}
				#favor_contra { clear:both;}	
					.favor  { padding-left:2em; background:url(../img/favor.gif) no-repeat left center; }
					.contra { padding-left:2em; background:url(../img/contra.gif) no-repeat left center; }
				
				#caja_playa	 { padding:0.5em; margin:1em 0; background:#FFECFB;}
					.textos_playa { width:24%; float:left; }
					.foto_playa   { width:73%; float: right;  padding:0.5em;}
				#youtube { padding:0.5em; background: #EEF4F7;}
				#visitas_spot { margin:0.3em; color:#333; font-weight:bold ; border-top:#CCCCCC 1px solid; }	
					
			.cajas_bottom { padding:0.5em;  border-bottom:#FF059C 1px dashed;}
			#favoritos { padding:1em 0.5em; margin:0.5em 0;  background: url(../img/add_spots.gif) left center no-repeat; clear:both;}
				#favoritos  p { padding-left:3em;}
				
			#recibir_previs { padding:1em 0.5em; margin:0.5em 0;  background: url(../img/add_spots.gif) left center no-repeat;}
				#recibir_previs p { padding-left:3.5em;}				
			#ayudanos { text-align:center; margin:1em 0;}
			

			
		/*PREVIS
		--------------------------------------------------------------------------- */
		
		.cajas_previs      { padding:1em 0.5em 0.5em 0.5em; border-bottom:#FF059C 1px dashed;}
		.cajas_previs_b    { padding:0 0.5em 0.5em 0.5em; border-bottom:#FF059C 1px dashed;}
		.cajas_previs h4 { font-size:1em; text-align:left;}
		
		#contenido div.cajas_previs_peque { width:21%; float:left;  margin:0.3em; padding:0.5em; text-align:center;}		
		#contenido div.cajas_previs_peque img { padding:1em 0;}
		#contenido div.cajas_previs_peque p { color:#00B7CE; font-weight:bold; font-size:1.2em;}
		
			a.enllas_rosa:link,
			a.enllas_rosa:visited { color:#FFFFFF; font-size:1em; background:#FF059C; display:inline; margin:0; padding:0.1em; text-decoration:none;}
			a.enllas_rosa:hover   { text-decoration:none;color: #FFFFFF; background:#00B7CE;}

			a.enllas_blau:link,
			a.enllas_blau:visited { color:#FFFFFF; font-size:1em; background:#00B7CE; display:inline; margin:0; padding:0.1em; text-decoration:none;}
			a.enllas_blau:hover   { text-decoration:none;color: #FFFFFF; background:#FF059C;}

			a.enllas_petit:link,
			a.enllas_petit:visited { font-size:0.7em; font-weight:normal; text-decoration:none; color:#FF059C;}
			a.enllas_petit:hover   { }
	
		#previs_horas { clear:both;}
			.enlaces_previs  a:link,
			.enlaces_previs  a:visited { border:#00B7CE 1px solid; color:#999999; background:#F9F9F9; padding:0.3em; margin-left:0.2em;text-decoration:none; }
			.enlaces_previs  a:hover   { background:#f6f6f6}
			
		#alertas_horas { clear:both;}
		#cajas_alertas p { display:none;}
			
		#aviso { clear:both; margin:0.5em; color:#666666; background: #F7F7F7; font-size:0.8em; padding:0.3em; border:#f9f9f9 1px solid; }
		#aviso p { font-size:0.9em;}
		.tercio { width:31%; float:left;  padding:0.5em;}
		#recibe_alerta { padding:1em 0 0.5em 0;}
			#previs_webcams { background:url(../img/previs_icons_webcam.gif) no-repeat;}
			#previs_oleaje { background:url(../img/previs_icons_oleaje.gif) no-repeat;}
			#previs_viento { background:url(../img/previs_icons_viento.gif) no-repeat;}
			
		#mapa_nord { width:46%; float:left; padding:0.3em;}
		#mapa_sud { width:46%; float: right; padding:0.3em;}
		#mapa_nord  img {padding:0.3em; border:#00B7CE 1px dashed;}
		#mapa_sud  img {padding:0.3em; border:#00B7CE 1px dashed;}
		
		#utilidades_previs { clear:both;}
		#previs_todas { padding:0.5em; margin:0.5em;}
		#div_previs_todos h3 { font-size:2em;}
		
		.previs_bloque_hora  {  border-top:#cccccc 1px dashed;}
		
		.cajas_dias_previs  {clear:both; margin:0 0.5em; padding:0.3em; } /* border-bottom:#CCCCCC 1px dashed; } */
		.cajas_dias_previs P { padding:0; }
		#contenido div.cajas_dias_previs li { float:left; list-style-type:none; padding:0.1em 0 0.1em 1em;  }

		
		#boton_vertodos { clear:both; padding:0.5em;}
		#previs_bloque_todos { padding:0 1em; }
		#previs_bloque_todos ul { padding:0; margin:0;}
		#previs_bloque_a { width:60%; float:left;   }
			#previs_bloque_a h4 { padding-left:0.7em;}
		#previs_bloque_b {  width:38%; float: right; border-left:#CCCCCC 1px solid; padding:0.5em; height:143px; }
		.proximas_horas { margin:0.5em; border:#cccccc 1px solid; padding:0.5em;}
		#cierra_caja_previs { width:110px; height:30px; float: right; font-size:1.3em; text-align:left;}
		a.cierra_caja_previs {  width:110px; height:30px; background:url(../img/cerrar.gif) no-repeat right; display:block;  }
		.previs_caixas {  margin:0.5em; padding:0.5em; background:#F8F8F8; border-bottom:#CCCCCC 1px dashed;}
		.previs_caixas  h4 { font-size:1.6em;}

			#previs_caixas_webcams         { width:29%; float:left; /*background:url(../img/fons_webcams.gif) no-repeat;*/}
			#previs_caixas_mapas_de_oleaje { width:30%; float:left;/* background:url(../img/fons_oleaje.gif) no-repeat;*/}
			#previs_caixas_mapas_de_viento { width:29%; float: right; /*background:url(../img/fons_vent.gif) no-repeat;*/}
			#previs_caixas_boyas           { clear:both;  margin:0.5em; padding:0.5em; /*background:url(../img/fons-boyas.gif) no-repeat right;*/}
			#previs_caixas_boyas  li { float:left; padding-right:1.2em; }

			.enlace_externo:link,
			.enlace_externo:visited { background:url(../img/external.png) no-repeat right; padding-right:1.5em; }
			.enlace_externo:hover   { text-decoration:underline}
			
			.rojo { color:#CC0000; font-weight:bold;}
		
		/*mapas*/
		#mapas { text-align:center; margin-top:2em;}
		
		
		/*PLAYAS
		--------------------------------------------------------------------------- */
		#ver_playas { padding:1em 0.5em ; border-bottom:#FF059C 1px dashed; margin-bottom:1em;}
		.caja_playa_b	 { padding:0.5em; margin:1em 0; }
		
		/*ZOCO
		--------------------------------------------------------------------------- */
		#menu_zoco { padding:1em 0.5em 0.5em 0.5em; border-bottom:#FF059C 1px dashed;}
		#nube_zoco {color:#00B5CE;}
			#nube_zoco a:link,
			#nube_zoco  a:visited { color:#00B5CE; text-decoration:none; line-height:1.5em;  }
			#nube_zoco  a:hover   { text-decoration:underline; }
			
		#grupo_facebook { background:#FFFFCC; border:#FFCC00 1px solid; font-size:0.9em; margin:3em 1em 0 0; width:40%; float:right; padding:0.5em; }
		.caja_zoco { padding:0.5em; border-bottom:#CCCCCC 1px dashed; border-top:#E6ECEC 1px solid; margin-top:0.5em; background:#F8FAFA;}
		.caja_zoco p { font-size:1.3em; font-weight:normal;}
		.avatar_titulo { width:40px; float:left; padding:0 0.5em;}
			.foto_del_zoco { width:120px; float:right; margin-right:1em;}
			.foto_del_zoco img { padding:0.5em; margin:0.5em; background:#FFFFFF;}
		#limpiar_busqueda { width:40%; float:right; text-align:right; padding-top:0.5em;}
		#limpiar_busqueda p { padding:0; font-size:1em;}
		
		#boton_enviar_flotado { width:40%; float:left;}

			/*.caja_zoco img { float: right; background:#F0F0F0; margin:0.5em0.5em  0.5em  1em ; padding:0.5em;}*/
			.caja_zoco h3  { clear:none;}
		.caja_zoco_fijo { padding:0.5em; border-bottom:#CCCCCC 1px solid;  background:#D1F2F6;}
			.caja_zoco_fijo img { float:left; background:#FFFFFF; margin:0.5em  1em  0.5em  0.5em; padding:0.5em;}
			.caja_zoco_fijo h3  { clear:none;}
		.caja_zoco_detalle { padding:0.5em;}
		.caja_zoco_detalle h3  { clear:none; font-size:25px;}
			#foto_detalle_zoco img { float:left; padding:1em; padding:0.5em;  background:#F0F0F0; margin:0.5em;}
			#responder  { width:120px; height:80px; float:right;  text-align:center;} 
			#escribe_mensaje {  border-bottom:#FF059C 1px dashed; margin-bottom:1.5em; height:50px;}
			.comentario_fecha { font-size:0.9em; font-weight:bold; margin:0.5em; text-align:right; width:250px; float:right;}
			.caja_zoco_respuesta img { float:left; padding:0.5em;}
			.caja_zoco_respuesta h3 { float: left; }
			.caja_zoco_respuesta { margin:0.5em; border-top:#D6C9BA 1px solid; border-bottom:#D6C9BA 1px solid; background:#FFFFEA;}
			.bigfontsize { font-size:1.2em;}

			
		#video { margin:2em; text-align:center;}
		
			a.link_zoco_a:link,
			a.link_zoco_a:visited { font-size:10px; text-decoration:none;  margin-bottom:3em;}
			a.link_zoco_a:hover   { text-decoration:underline}

			a.link_zoco_b:link,
			a.link_zoco_b:visited { font-size:12px; text-decoration:none;  margin-bottom:3em;}
			a.link_zoco_b:hover   { text-decoration:underline}

			a.link_zoco_c:link,
			a.link_zoco_c:visited { font-size:14px; text-decoration:none; font-weight:bold; }
			a.link_zoco_c:hover   { text-decoration:underline}

			a.link_zoco_d:link,
			a.link_zoco_d:visited { font-size:18px; text-decoration:none;  font-weight:bold;  margin-bottom:3em;}
			a.link_zoco_d:hover   { text-decoration:underline}

			a.link_zoco_e:link,
			a.link_zoco_e:visited { font-size:20px; text-decoration:none;  font-weight:bold;  margin-bottom:3em;}
			a.link_zoco_e:hover   { text-decoration:underline}

			a.link_zoco_f:link,
			a.link_zoco_f:visited { font-size:22px; text-decoration:none;  font-weight:bold;  margin-bottom:3em;}
			a.link_zoco_f:hover   { text-decoration:underline}
	
		#contenido div.select_categorias { width:400px; background:#FF0066;}
		.zoco_ultimo_comentario { clear:both; border:#EDF1F1 1px solid; font-size:0.85em; padding-top:0.5em; background:#FFFFFF;}
		
			a.last_comment:link,
			a.last_comment:visited { text-decoration:none; border-bottom:#CCCCCC 1px solid; }
			a.last_comment:hover   {color:#999999; }
			
		
		#paginacion_dos { padding:1em 0.5em; font-size:1.5em;}
		#paginacion_dos   a:link,
		#paginacion_dos   a:visited { border:#FF079F 1px solid; color:#999999; background:#FFECFB; padding: 0 0.3em; text-decoration:none; }
		#paginacion_dos   a:hover   { background:#f6f6f6}
		/*BSURFERS*/
		#bsurfers{ padding:0.5em; margin-top:1em;}
		#bsurfers p { padding:0.2em;}
			#dades_surfer { width:14%; float:left; padding: 0 0.5em;  }
			#user_spots { width:80%; float:left; padding:0 0.5em; border-left:#CCCCCC 1px solid;}
				.my_url { font-size:0.7em; color:#CCCCCC; padding-left:1em;}
				
				.flota_spots { border-bottom:#CCCCCC 1px solid; padding-bottom:0.5em; width:47%; float:left; margin:0.5em;}
				.flota_spots img { float:left; margin-right:1em;}
					#user_spots .flota_spots p { padding:0;}
					.titol_spot { font-weight:bold; font-size:1em;}
					.provincia_spot { font-size:0.8em;}
				
			#quiver { width:48%; float:left; padding:0.5em; }
				#mini_tablas img {padding-left:0.6em; vertical-align:baseline;}
				#mini_quillas img { float:left; padding:0.3em 0.5em 0 0.4em;}
				
			#tipo_y_spot { clear:both; }
				#tipo_surfer { width:52%; float:left; }
				
			.mensaje_datos { border:#CCCCCC 1px solid; font-size:0.9em; width:250px; margin:0.5em; }
			.mensaje_datos p { padding:0.3em;}
			#contenido div#anadir_fotos, #contenido div#anadir_spots { border:#CCCCCC 1px solid; padding:0.5em; margin:1em;}
			#boto_seguent { margin:1em 0; text-align:right;}
			#certifico  p { padding:0; font-size:1em; clear:both;}
			#flota_boton { width:240px; float:right; text-align:right;}
					
/*-----------------------------------------------------------------------
FOTOS*/

.nombre_foto_a { width:48%; float:left; padding-left:1em;}
.nombre_foto_b { width:48%; float:left;  padding-left:1em;}
.cajas_fotos_user { width:90px; border:#CCCCCC 1px solid; float:left; margin:0.6em; padding:0.1em; text-align:center; height:110px;}

#spots_user { clear:both; margin:1em 0;}
.cuarto { width:48%; float:left;  padding-left:1em;}
.cerrar_gran     { width:8%; float:right;}
#contenido div.cerrar_gran img { background:#FFFFFF;}
					

#user_fotos {  padding:0.5em;}
#user_fotos img { padding:0.5em;  background:#F0F0F0; margin:0.9em;}

.caja_mensajes_user { margin:0.5em; border-bottom:#CCCCCC 1px solid;}
.caja_mensajes_user img { float:left; padding:0.5em;}
.ver_mas { padding:0.5em; text-align:right;}

#facebook img { padding:1em 0 1em 1.5em;}

.flickr { text-indent:-9999px;background:url(../img/flickr.gif) no-repeat; width:62px; height:16px;  }

.tube   { text-indent:-9999px;background:url(../img/tube.gif) no-repeat; width:126px; height:25px;  }
#user_youtube  img { padding:0.5em;  background:#F0F0F0; margin:1em;}
				
#fotos_de_usuarios img     { background:#F0F0F0; margin:0.4em; padding:0.5em; float:left;}
#mas_fotos_de_usuarios img { background:#F0F0F0; margin:0.4em; padding:0.5em; float:left;}
#mas_fotos_de_usuarios_spots img { background:#F0F0F0; margin:0.4em; padding:0.5em; float:left;}

#ver_fotos_usuarios { clear:both; padding:0.5em; margin:1em 0;}
#foto_de_usuario { text-align:center; padding:1em 0 0 0;}
#ver_fotos_mes ul { margin:0; padding:0 0 1em 0;}
#ver_fotos_mes li { list-style-type:none; float:left; margin:0; padding: 0 1em 0 0; font-size:1em;}
#contenido div#ver_fotos_spots p #contenido#ver_fotos_mes p { padding:0.5em 0 0 0; clear:both;}

#ver_fotos_mes h3 { padding:0;}

#contenido div#ver_fotos_spots ul, #contenido div#ver_fotos_user ul { margin:0; padding:0 0 1em 0;}
#contenido div#ver_fotos_spots li, #contenido div#ver_fotos_user li { list-style-type:none; float:left; margin:0; padding: 0 1em 0 0; font-size:1em;}

#foto_usuario_left { width:48%; float:left; text-align: left;}
#foto_usuario_right { width:48%; float:right; text-align:right; padding:0.3em 0.5em 0 0;}

#anade_foto_lista { padding:0.3em; text-align:right; border-bottom:#CCCCCC 1px solid;}
#caja_bajofoto { padding:0.3em; text-align:right;  border-top:#CCCCCC 1px solid; margin:1em 0 0 0; }
#caja_bajofoto h3 { padding:0.1em;  }

#esquerra_dreta { height:40px; clear:both; padding-top:1em;}
#foto_anterior { width:50px; float:left;}
#titol-foto { width:590px; float:left; }
#titol-foto h4 { font-size:18px;}
#foto_siguiente { width:50px; float:right;}
.nombre_user { font-size:0.9em; padding:0.5em 0 0 0.5em;}
#desplega_comentario { background:#F4F4F4; margin:1em; padding:0.5em; text-align:left;}
#desplega_comentario p { padding:0.4em 0;}
#desplega_comentario label { width:150px; display:block; float:left; text-align:right; padding-right:0.5em; }
#desplega_comentario input { border:#CCCCCC 1px solid;  }
#boton_enviar_dos input { float:none; width:15%; text-align:left; font-size:2em; border:#CCCCCC 1px solid;; background:#FFFFFF;}
#desplega_comentario textarea { width:660px; border:#CCCCCC 1px solid; margin-bottom:0.5em;}
.caja_comentarios { margin:1em; background:#F4F4F4; border-bottom:#CCCCCC 1px solid;}
.foto_comentario { width:55px; float:left;  text-align:center; padding-top:1em;}
.comment { width:90%; float:right;}
#comentario_foto_de_usuario { text-align:center;}
#comentario_foto_de_usuario h3 { text-align:left;}
#foto_contacto { margin:1em;}
#aviso_fotos { font-size:0.8em;}
#paginacion { padding:0.5em;}
#paginacion   a:link,
#paginacion   a:visited { border:#FF079F 1px solid; color:#999999; background:#FFECFB; padding: 0 0.3em; text-decoration:none; }
#paginacion   a:hover   { background:#f6f6f6}
#fotos_lista_izquierda { width:45%; float:left;}
#fotos_lista_derecha { width:50%; float: right;}
.preview_comentario { border-top:#E6ECEC 1px solid; border-bottom:#E6ECEC 1px solid; background:#F8FAFA; margin:0 0 0.5em 0; font-size:0.85em;}
.data_comentario { font-size:0.9em; padding-left:0.5em;}
#color_mensaje { clear:both; background:#F8FAFA; border-top:#E6ECEC 1px solid; border-bottom:#E6ECEC 1px solid; font-size:1.1em; font-weight:normal; }  

		
		/*FORMULARIOS DE LA WEB
		--------------------------------------------------------------------------- */
		#boton_enviar input{ font-size:2em; margin: 0 0.2em;}
			/*FORMULARIO DE ALTA*/			
			.perfil_rojo  { margin:1em; background:#FFEAEE; border:#CC3300 1px solid; padding:0.5em;}
			.cajas_grises { margin:1em; background: #F7FAFB; border: #CBDCE4 1px solid; padding:0.5em;}
			.cajas_verdes { margin:1em; background: #EAFDCE; border: #99CC33 1px solid; padding:0.5em;}
			.padding_un_em { padding:1em 0;}
			#perfil_feizbuk img  { }
			#soy { border-right:#CCCCCC 1px dashed; border-left:#CCCCCC 1px dashed; padding:0 0.5em;}
			#contenido div#form_alta_usuarios label { float:left;display:block; width:150px; text-align:right; padding-right:0.5em;}
			#contenido div#rss_blog label { float:left;display:block; width:225px; text-align:left; padding-right:0.5em;}
				#contenido div#rss_blog img { padding-left:0.5em; }
			#contenido div#tipo_surfer label { float:left;display:block; width:100px; text-align:right; padding-right:0.5em; }
			/*FORMULARIO RESPUESTA ZOCO*/
			#contenido div#form_mensaje_zoco label { float:left;display:block; width:100px; text-align:right; padding-right:0.5em;}	
			.perfil_rojo_alerta { margin:1em; background:#FFEAEE; border:#CC3300 1px solid; padding:0.5em; width:50%;}
			
			/*FORMULARIO ENVIAR A UN AMIGO*/
			#contenido div#form_enviar_amigo label { float:left;display:block; width:140px; text-align:right; padding-right:0.5em;}	
			
			
		#colaboran {}	
		#porque_registrarse { padding:0.5em; margin:1em;}
			.cajas_registro { margin:0.5em; border:#CCCCCC 1px solid; font-size:1em;}
		
		/*AYUDA
		--------------------------------------------------------------------------- */		
		#ayuda_previs { padding-left:100px; background:url(../img/fons-ayuda-previs.gif) no-repeat;}	
		
			
				
		/*LOGIN
		--------------------------------------------------------------------------- */				
		#registro_home { width:630px; border:#F0F0F0 1px solid; margin:62px 0 0 32px;}
		#cap_login { background:#F0F0F0;}
			#titulo_login   { width:529px; margin:1em 52px;}				
				#titulo_login p { border-bottom:#CCCCCC 1px solid; font-weight:bold; }	
			#login_form { margin:1em 1em 0 1em;}	
				#login_form label { width:222px; float:left; display:block; text-align:right; padding-right:1em;}	
				#login_form input { width:165px;}		
				
			#boton_form, #registro_p_home { margin-left:242px;}
			#registro_p_home { padding-bottom:2em;}
		
		
		/*ACERCA DE BSURF - colaboradores et
		--------------------------------------------------------------------------- */		
		.colabora    { clear:both;  padding:0.5em 0 ; margin: 0.5em; background:#FFFFFF; }
		.colabora  img { float:left; background:#CCCCCC; padding:0.2em; margin:0.2em;}
		
		/*GENERICOS
		--------------------------------------------------------------------------- */			
		.foto_derecha { width: 250px; float:right; background:#CCCCCC; padding:0.5em; margin:0.5em;}
		.foto_izquierda { width: 250px; float:left;  background:#CCCCCC; padding:0.5em; margin:0.5em;}
		.treinta  { width:31%; float:left; padding:0.5em;}
		.cincuenta { width:48%; float:left; padding:0.5em;}



 /*Pie
--------------------------------------------------------------------------- */
#peu { clear:both; text-align:left; width:80em; margin:auto; padding-bottom:3em; }
#peu p { font-size:0.8em;}

.publica { background:#FFEAEE; border:1px solid #CC3300; margin-bottom:1em; padding:0.3em;  clear:both; margin:2em 1em;}	

 /*Hack para las cajas - valida la css - solo ie + Firefox
--------------------------------------------------------------------------- */
/*HACK PARA LAS CAJAS---------------http://www.positioniseverything.net/easyclearing.html--------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.cajas_bottom:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cajas_bottom {display: inline-block;}
/* Hides from IE-mac \*/
* html .cajas_bottom {height: 1%;}
.cajas_bottom {display: block;}
/* End hide from IE-mac */

.cajas_previs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cajas_previs {display: inline-block;}
/* Hides from IE-mac \*/
* html .cajas_previs {height: 1%;}
.cajas_previs {display: block;}
/* End hide from IE-mac */

.cajas_previs_b:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cajas_previs_b {display: inline-block;}
/* Hides from IE-mac \*/
* html .cajas_previs_b {height: 1%;}
.cajas_previs_b {display: block;}
/* End hide from IE-mac */

.caja_zoco:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.caja_zoco {display: inline-block;}
/* Hides from IE-mac \*/
* html .caja_zoco {height: 1%;}
.caja_zoco {display: block;}
/* End hide from IE-mac */

.caja_mensajes_user:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.caja_mensajes_user {display: inline-block;}
/* Hides from IE-mac \*/
* html .caja_mensajes_user {height: 1%;}
.caja_mensajes_user {display: block;}
/* End hide from IE-mac */

.avatar_titulo:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.avatar_titulo {display: inline-block;}
/* Hides from IE-mac \*/
* html .avatar_titulo {height: 1%;}
.avatar_titulo {display: block;}
/* End hide from IE-mac */

.listado_spots:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.listado_spots {display: inline-block;}
/* Hides from IE-mac \*/
* html .listado_spots {height: 1%;}
.listado_spots {display: block;}
/* End hide from IE-mac */

.colabora:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.colabora {display: inline-block;}
/* Hides from IE-mac \*/
* html .colabora {height: 1%;}
.colabora {display: block;}
/* End hide from IE-mac */


.cajas_verdes:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cajas_verdes {display: inline-block;}
/* Hides from IE-mac \*/
* html .cajas_verdes {height: 1%;}
.cajas_verdes {display: block;}
/* End hide from IE-mac */


.cajas_grises:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cajas_grises {display: inline-block;}
/* Hides from IE-mac \*/
* html .cajas_grises {height: 1%;}
.cajas_grises {display: block;}
/* End hide from IE-mac */


.cajas_dias_previs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cajas_dias_previs {display: inline-block;}
/* Hides from IE-mac \*/
* html .cajas_dias_previs {height: 1%;}
.cajas_dias_previs {display: block;}
/* End hide from IE-mac */


.proximas_horas:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.proximas_horas {display: inline-block;}
/* Hides from IE-mac \*/
* html .proximas_horas {height: 1%;}
.proximas_horas {display: block;}
/* End hide from IE-mac */


.previs_caixas:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.previs_caixas {display: inline-block;}
/* Hides from IE-mac \*/
* html .previs_caixas {height: 1%;}
.previs_caixas {display: block;}
/* End hide from IE-mac */


.previs_bloque_hora:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.previs_bloque_hora {display: inline-block;}
/* Hides from IE-mac \*/
* html .previs_bloque_hora {height: 1%;}
.previs_bloque_hora {display: block;}
/* End hide from IE-mac */


.flota_spots:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.flota_spots {display: inline-block;}
/* Hides from IE-mac \*/
* html .flota_spots {height: 1%;}
.flota_spots {display: block;}
/* End hide from IE-mac */


.cajas_forms:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cajas_forms {display: inline-block;}
/* Hides from IE-mac \*/
* html .cajas_forms {height: 1%;}
.cajas_forms {display: block;}
/* End hide from IE-mac */


.listado_spots_inicio:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.listado_spots_inicio {display: inline-block;}
/* Hides from IE-mac \*/
* html .listado_spots_inicio {height: 1%;}
.listado_spots_inicio {display: block;}
/* End hide from IE-mac */


.caja_comentarios:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.caja_comentarios {display: inline-block;}
/* Hides from IE-mac \*/
* html .caja_comentarios {height: 1%;}
.caja_comentarios {display: block;}
/* End hide from IE-mac */