.testing-home { width:295px;}



.display { display:none;} 
 
 /*Wrap - contenedor web
--------------------------------------------------------------------------- */
#wrap { width:1010px; margin:auto; text-align:left; }

/*Genericos
--------------------------------------------------------------------------- */
	#volver { width:50px; float:right;}
	#migas_de_pan { width:800px; float:left; font-size:11px;}
	#compartir_enviar { clear:both; padding-top:1em; }
	#compartir_enviar { margin:1em 0; 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; font-size:10px; }					
		#enviar_print { width:14%; 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; font-size:10px;}
		.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;}
		
		
		/*CAbecera
		--------------------------------------------------------------------------- */	
		#capa_registro {  font-size:0.9em;  width:48%; float:left; padding-top:5px; height:24px;}
		#capa_registro  p { padding:0;}
		#capa_registro ul {  margin-left:0.5em;}
		#capa_registro li { float:left; padding: 0 1.2em 0 0; list-style-type:none; }
			#capa_registro a:link,
			#capa_registro a:visited {  text-decoration:none;  font-weight:bold; color:#FFFFFF;}
			#capa_registro a:hover   { text-decoration:underline;}			
		#recibeboletin {  padding-top:3px; width:300px; float:left;}
			#recibeboletin a {  font-size:11px; color: #FFF; text-decoration:none; padding-top:13px; position:absolute;  }		
		
		#cabecera { height:144px; clear:both; border-bottom:#CCC 1px solid;} 
			#cabecera-a { width:272px; float:left; }
				#logo { width:80px; float:left; padding:28px 0 0 0; }
				#social { padding-top:60px; width:150px; float:left;}
					#social li { padding: 0 0 0 0.3em;}
				#buscador-google { clear:both;padding:15px 0 5px 0;}		
					#buscador-google input { margin-bottom:5px;}
					#buscador-google #q { width:133px; padding-right:4px; background:none; }		
						.buscador #cse-search-results iframe { height:1050px;}
			#cabecera-b { width:738px; float:left; padding-top:33px; text-align:right;}		
		
		 /*Menu
		--------------------------------------------------------------------------- */	
			#menu { background:#F9F9F9; height:67px; border-bottom:#00B7CE 1px solid; clear:both;}
				#menu_lista { width:700px; float:left; padding-top:11px;}
					#menu_lista li { list-style-type:none; float:left; }
						#menu_lista ul ul { display:none;}
				#menu-options { width:213px; float:right; }
					#menu-options li, #social li {list-style-type:none;  font-size:0.9em; float:left;}
					#menu_dos  {  margin-top:12px; }
				#like-fb { width:270px; float:right;}


		 /*Home
		--------------------------------------------------------------------------- */
		.home #contenido {  width:100%;  }
		#contenido { clear:both; margin-top:10px; width:880px; float:left;  }
			#contenido-left { width:440px; float:left; margin-right:10px; }
				#foto-portada { background:#E8E8E8; padding:5px 0; text-align:center;}
				#lateral-portada { width:130px; float:left; padding:15px 0;}
				
				#fotos-user-home { margin-top:10px; width:300px; float:right;}
					#fotos-user-home li { float:left; }   
					#fotos-user-home p { font-weight:bold; text-align:right; padding:10px; clear:both;}   
					#fotos-user-home img {  padding:5px; background:#E8E8E8; margin:0.3em;}   
						#fotos-user-home  #absoluta { position:absolute; text-align:right; width:390px; padding-top:0.8em;}
				#comentarios-fotos-home { clear:both;}
					#comentarios-fotos-home li { padding:0.3em; }
				.listado-spots-home { width:16.5%; float:left;}
					p.titol-spot a { font-size:14px; padding:0 0 0 5px; }
					.listado-spots-home p.titol-spot {margin-bottom:10px;}
					.listado-spots-home img { padding:0.5em;  background:#F0F0F0; margin:0.3em 0.9em 0.3em 0;  }
					p.poblacion-comarca-home { font-size:11px; padding:5px 0;} 
				
			#contenido-center-right { width:560px; float:left;}
				#contenido-center { width:250px; float:left; margin-right:10px; }
					#previsiones-home { background:#E8E8E8; padding:5px ; margin-bottom:3px; width:290px;}
						#previsiones-home ul {  padding:5px; background: url(../img/fons-previ.jpg) no-repeat; }
						#previsiones-home li { font-size:16px; padding:3px 0 5px 50px; height:32px; }
						#previsiones-home a { display:inline-block; background:#FFF; padding:2px 3px; margin:3px 6px 0 0; text-decoration:none; font-size:13px; }
							#todas-previs p { padding:0; margin:0; text-align:right;margin-bottom:1em;}
					#caja-zoco-home { clear:both; padding-top:3px;}
					#comentarios-zoco-home, #mensajes-zoco-home, #spots-home, #twitter-bsurfers  { margin-top:10px;}
						#comentarios-zoco-home img, #mensajes-zoco-home img  { float:left; padding-right:10px;}
						#comentarios-zoco-home h3, #mensajes-zoco-home h3     { display:block; border-bottom:#CCC 1px dotted; font-size:13px; margin:5px 0;}
						#comentarios-zoco-home h3 a, #mensajes-zoco-home h3 a { text-decoration:none;}
				#contenido-right { width:300px; float:right; }
				#contenido-right h2 { text-align:right }
				#spots-home, #home-bajo { clear:both;}
				#videos-home { clear:both;}
					.videos-home-caixa { width:50%; float:left;}
					.videos-home-caixa object { margin-bottom:10px;}
			#peu-home  {margin-top:20px; clear:both; border-top:#CCC 1px solid;}
				#siguenos-home-down  { width:330px; float: left;}
					#siguenos-home-down li  { float:left; padding:0 0.4em;}
					#siguenos-home-down p  {  padding-bottom:10px;}
				#difunde { width:330px; float: left;}
					#difunde {  margin:1em 0.5em 0.5em 0.5em;  width:150px; float:right; }
					#cc_home   {  margin: 0.5em;  width:100px; float:right;}
		
		/*Zoco listado
		---------------------------------------------------------------------------*/
		#menu_zoco { background:#D7D7D7; padding:5px; margin-top:25px;}
		#titol-zoco h2 { padding:5px 0; font-size:20px; color:#FD079A;}
			.sub-cat { font-size:20px; color:#666; }
			.fecha-zoco { font-size:11px; font-weight:bold; color: #000; padding:7px 0;}
		#menu-nube { width:200px; float:left;}
			#menu-nube li { padding:1px 0;}
			#menu-nube li a { text-decoration:none;}
			#menu-nube  h3 { font-weight:bold;}
		#publi-zoco { padding-top:20px;}
		#escribe_mensaje { width:680px; float:left;}
		#menu-zoco-cat ul  ul { border-bottom:#CCC 1px dashed; padding-bottom:4px; margin-bottom:4px; width:90%; }
		.separa { padding:0 0.5em;}
		#caja_zoco { width:680px; float:right;}
			#caja_zoco h2 { font-size:20px;}
		.caja_zoco { border-bottom: #CCC 1px solid;  padding:10px 0; }
		.avatar_titulo { width:45px; float:left;}
		.foto_texto_zoco { clear:both; padding-top:10px;}
		.foto_texto_zoco img { float: left; padding-right:10px;}
		p.texto_zoco  { font-size:14px;}
		.zoco_ultimo_comentario { clear:both; font-size:11px; padding-top:10px; border-top:#CCC 1px dotted;}
		#resultados-categoria { width:33%; float:left;}
		#resultados-buscador { width:33%; float:left;}
		#resultados-clear { width:33%; float:left;}
		#publica-box {  margin-top:5px; }
			#paginacion_dos { padding:1em 0.5em; font-size:1.5em;}
				#paginacion_dos p { }
				#paginacion_dos li { width:30px; float:left; margin: 0 0 5px 5px; }
				#paginacion_dos   a:link,
				#paginacion_dos   a:visited { border:#CCC 1px solid; color:#999999; background:#E5E5E5; padding: 0 0.3em; text-decoration:none;  width:30px;}
				#paginacion_dos   a:hover   { background:#C5C5C5;}	
				
		.caja_zoco_fijo { background:#FFC; padding:5px;}
		.destacado { font-size:10px; position:absolute; color:#666; margin-left:620px; }

		/*Zoco detalle
		---------------------------------------------------------------------------*/
		#publicado-por { clear:both; font-size:10px; margin:10px 0;}
		.caja_zoco_detalle {clear:both; }
			.caja_zoco_detalle h1 { font-size:26px;}
		#simula-huno { display:none; }
		#color_mensaje p { font-size:16px; padding:10px 0; line-height:150%;}
		#color_mensaje  #video { margin:1em 0 2em 0;}
		#foto_detalle_zoco   { clear:both;  }
		#foto_detalle_zoco img  { float:left; margin:1em 1em 1em 0; padding:0.5em; background:#CCC; }
		.ver_mas, #responder a.editar{  height:16px; background:#CCC; padding:7px; float:left; margin-right:1em;}
		.ver_mas{ width:81px;}
		.video-zoco { text-align:center;}
		#responder a.editar { width:45px;}
		.caja_zoco_respuesta {  background:#FFFFEA ;border-bottom:1px solid #D6C9BA; border-top:1px solid #D6C9BA; margin:0.5em 0; font-size:14px;
							 width:680px; float:right;}	
		.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; }
		  #tool-box { margin-top:1em; border-top:#CCC 1px solid;  width:680px; float:right;}
		  .avatar { font-size:11px; padding-top:10px;}
		  .response { clear:both; padding-bottom:15px; padding-left:0.5em;}
		  #responder-msa { width:156px; height:35px; background:url(../img/bot-responder.jpg) no-repeat; padding:5px 0 ; float:left; text-align:center;}
		 	#spot #responder-msa { padding-top:-1em; }
		  #responder-msa a,  #responder-msb a { font-size:16px; text-decoration:none;}
		  #responder-msb { width:156px; height:35px; background:url(../img/bot-editar.jpg) no-repeat; padding:5px 0 ; float:right;  text-align:center;}
		  
		/*FORMULARIOS DE LA WEB
		---------------------------------------------------------------------------*/ 
		#boton_enviar input{ font-size:2em; margin: 0 0.2em;}
			/*FORMULARIO DE ALTA	*/	
			.perfil_rojo  { margin:1em 0; background:#FFEAEE; border:#CC3300 1px solid; padding:0.5em;}
			.cajas_grises { margin:1em 0; background: #F7FAFB; border: #CBDCE4 1px solid; padding:0.5em;}
			.cajas_verdes { margin:1em 0; background: #EAFDCE; border: #99CC33 1px solid; padding:0.5em;}
			.padding_un_em { padding:1em 0;}
			#soy { border-right:#CCCCCC 1px dashed; border-left:#CCCCCC 1px dashed; padding:0 0.5em;}
			#contenido div#form_alta_usuarios p {font-size:1.2em;padding: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%;}
			#datos_personales h3 { border-bottom:#CCC 1px solid; margin-bottom:10px; font-size:16px;}
			
			/*FORMULARIO ENVIAR A UN AMIGO*/
			#contenido div#form_enviar_amigo label { float:left;display:block; width:140px; text-align:right; padding-right:0.5em;}	
			
		#porque_registrarse { padding:0.5em 0; margin:1em 0;}
		#porque_registrarse li { line-height:1.6em;}
			.cajas_registro { margin:0.5em; border:#CCCCCC 1px solid; font-size:1em;}
		.baja { border-top:1px solid #CC3300; margin:2em 0; text-align:right;}
			
		 /*Previsiones
		---------------------------------------------------------------------------*/
		#previsiones-box { margin-top:15px;}
		#previsiones-box #div_cuadro_previsiones { width:675px; float:left; }	
		#previsiones-box #previs_bloque_todos { width:200px; float:left; }		
			#previs_bloque_todos #previs_bloque_a p.ampliada-now { font-weight:bold; font-size:10px; margin-top:23px;}
		#previsiones-box .cajas_previs_peque { width:115px; float:left;  margin:0.3em; padding:0.5em; text-align:center;}		
			#previsiones-box .cajas_previs_peque h4 { height:36px; border-bottom:#CCC 1px solid }		
			#contenido div.cajas_dias_previs  { clear:both;  padding:7px  0; margin-top:7px; }
			#contenido div.cajas_dias_previs p { padding:0.3em 0;  }
			#contenido div.cajas_dias_previs li { float:left; list-style-type:none; padding:0.3em ;  }
		#publi-webcams { border-top:#CCC 1px solid;}
			#publi-webcams, #webcam-bs-mapas-js, #isobaras-meteocat { clear:both; padding-top:15px;}	
			#publi-trescientos { width:300px; float:left;}
				#banners-p-bs { float: right; margin-right: 20px; width: 300px;}
				#banners-p-bs-a, #banners-p-bs-b, #banners-p-bs-c { width:300px; height:50px; display:block; text-indent:-9999px; background:url(../img/banners-p-bs.gif) no-repeat;}
				#banners-p-bs-a { background-position:0 0;}
				#banners-p-bs-b { background-position:0 -50px;}
				#banners-p-bs-c { background-position:0 -100px;}
			#lista-webcams {width: 570px; float:right;}
			#lista-webcams img { padding-left:5px; padding-bottom:10px;}
			.menu-previs-peu { padding:40px 0 10px 0;}
			.menu-previs-peu img { padding:0 10px  0 0;}
			.webcams-box h2 { clear:both;}
			.webcams-box .lista-webcams { float:none !important; }
			.webcam-box {border-bottom:#CCC 1px solid;}
			.webcams-box .webcams-barcelona {width:100% !important; }
			.webcams-box .webcams-flota {width:548px !important; float:left!important; }
			.webcams-box .banners-webcams {width:332px !important; float:left!important; }
			.webcams-flota-dos { clear:both;}
			#menu-webcam-lista    { padding:10px 0 15px 0;}
			#menu-webcam-lista ul { padding-top:10px; padding-left:40px; height: 25px;}
			ul.ul-webcams {background: url(../img/webcam-icon.gif) no-repeat left center;}
			ul.ul-oleaje {background: url(../img/wave-icon.gif) no-repeat left center;}
			#menu-webcam-lista li { float:left;}
			#menu-webcam-lista a  { font-size:14px; padding-right:15px;}
			.retitulo { text-align:left; font-size:20px; font-weight:bold; display:block; clear:both; padding-right: 8px; padding-left: 334px;}
			
			
			.webcams-box .lista-webcams li	{margin: 0 7px 0 0;  display:inline-block; padding-bottom:10px;}
			
				#lista-webcams  li { display:inline-block; margin-left:13px; padding-bottom:10px; }
			#webcam-bs, #mapa-js, #img-isobaras, #img-meteocat { width:50%; float:left;}
				#webcam-bs, #img-isobaras {  float:left;}
				#mapa-js, #img-meteocat {  float:right;}
					#img-inm-marco { background: url(http://w3.puertos.es/externo/clima/Predolas/Mapas/Bal/anhs.gif) no-repeat; height:301px;background-position:-50px -110px; border:#F0F0F0 5px solid;}
					#img-meteocat-marco { background: url(http://www.meteo.cat/servmet/prediccio/ctermini/cat/img/avui.jpg) no-repeat; height:301px;background-position:-40px -75px; border:#F0F0F0 5px solid;}
					#img-webcam-marco {  border:#F0F0F0 5px solid;}	
					#img-isos-marco { background: url(http://www.aemet.es/imagenes_d/eltiempo/prediccion/modelos_num/hirlam/ww_i1x0w206.gif) no-repeat; height:301px;background-position:-60px -13px; border:#F0F0F0 5px solid;}
			#webcam-bs img, #img-isobaras img, #mapa-js img, #img-metocat img { background:#F0F0F0;}
				#webcam-bs img, #img-isobaras img { margin-right:10px;}
				a#sinanima { width:176px; height:36px; display:block; text-indent:-9999px; background:url(../img/sinanima.jpg) no-repeat; margin-top:15px;}
				a#irwebcam { width:176px; height:36px; display:block; text-indent:-9999px; background:url(../img/sinanima.jpg) no-repeat; margin-top:15px; }
				#ir-a-webcam {position:absolute; z-index:1000; width:176px; height:36px;}
				#img-webcam-marco object { position:relative; z-index:-1;}
			
			#utilidades_previs { margin-top:15px;}
		
			#utilidades_previs h4    { background:#F0F0F0; padding-left:12px;}
			#utilidades_previs ul    { padding:12px 0 12px 12px;}
			#utilidades_previs li    { padding:2px 0; }
			#utilidades_previs li  a {  font-size:14px; margin-right:10px; text-decoration:none;}
			
			
			#previs-otras-provincias { border-top:#CCC 1px solid; margin-top:10px;}
				#previs-otras-provincias h3 { font-size:18px;}
				.otras-provincias { border-bottom:#CCC 1px dotted; font-size:16px; padding:5px 10px; margin:0 0 10px 0; }
					.otras-provincias  select { font-size:14px; }
					.otras-provincias  label { width:125px; float:left;}
			
			.previsiones-box { margin-top:30px;  }
			.previs_caixas { }
			#previs_caixas_webcams { width:49%; float:left; background:url(../img/caixa-previs-1.jpg) no-repeat right top;}
			#previs_caixas_mapas_de_viento {width:49%; float:right; background:url(../img/caixa-previs-3.jpg) no-repeat right top;}
			
			#previs_caixas_mapas_de_oleaje {width:49%; float:right; background:url(../img/caixa-previs-2.jpg) no-repeat right top;}
			#boton-volver-previs {width:49%; float:right;}
			#previs_caixas_boyas {width:49%; float:left; background:url(../img/caixa-previs-4.jpg) no-repeat right top; height: 183px;}			
			a#volver-previs { background:url(../img/volver-previs.jpg) no-repeat; width:147px; height:51px; display:block; text-indent:-9999px;}			
						
						
						
				

			#mapas { text-align:center;}
			
		 /*Previsión ampliada
		---------------------------------------------------------------------------*/			
		.cajas_previs_peque { width:150px; float:left;  margin:0.3em; padding:0.5em; text-align:center;}		
		.cajas_previs_peque img { padding:1em 0;}
		.cajas_previs_peque .text-b-previs, .cajas_previs_peque .text-p-previs { font-size:1.2em; font-weight:bold;}
			.cajas_previs_peque .text-p-previs { padding-top:33px;}
				.cajas_previs_peque .text-p-previs span { font-size:1.6em;}
		 .previs_bloque_hora { clear:both;}
		 .previs_bloque_hora h3{ clear:both; font-weight:bold;}
			
		 /*Lista de Spots
		---------------------------------------------------------------------------*/		
		#mapa_comarca {  padding:5px; background:#F0F0F0;}
		#listado_comarca { clear:both;}
			#listado_comarca h2 { clear:both;}
			#listado_comarca li { float:left; padding:5px 5px 5px 0;}
		#cajas_spots {  padding-top:20px; width:750px; float:right;}
			#listado_comarca li { font-size:14px; padding-top:6px;}
		.listado_spots {  width:48%; float:left; margin:5px; height:120px;}
			.listado_spots img { float:left; background:#F0F0F0; padding:5px; margin:5px;}
		 /*Spots
		---------------------------------------------------------------------------*/	
		#spot h1 { padding-bottom:10px;}
			#favoritos { clear:both;}
		#descripcion_spot  { padding:10px 0; border-bottom:#CCC 1px solid; margin-bottom:1em;}
			#descripcion_spot img { background:#F0F0F0; padding:5px; margin:5px 2px 5px 0; }
				#foto-spot-box { width:360px; float:right; margin: 0 14px 0 20px; }
				#mas_fotos p { padding-left:7px;}
			#mes_informacio_spot, #utilidades, #informacio_spot { width:33%; float:left;}
			#mes_informacio_spot li, #utilidades li, #informacio_spot  li { padding:0.2em 0.5em;}
		#caja_informacio, #caja-fotos-spot, #caja-fb-video { clear:both;  margin-bottom:1em;  border-bottom:#CCC 1px solid;padding-bottom:1em;}
			#fotos_de_usuarios img 	 { background:#F0F0F0; padding:5px; margin:5px; }
			#fotos_de_usuarios li { display:inline-block;}
		#youtube { width:365px; float:left;}
		#caja_playa  { width:425px; float:left;}
			#caja_playa  img 	 { background:#F0F0F0; padding:5px; margin:5px 5px 5px 0; float:left; }
			#caja_playa   li { padding:0.2em 0.5em;}
		#vista-barra { clear:both;}
		#visitas_spot { width:40%; float:right; text-align:right; }
		#barra-favoritos { width:40%; float:left;}
		#vista-barra { margin:10px 0; background:#E2E2E2; padding:10px; -moz-border-radius: 10px; border-radius: 10px; }
		.add-spoter { padding-left:10px;}
		#publispots  {border-bottom:1px solid #CCCCCC; margin-bottom:1em;text-align:center; }
		#publispots h2 { text-align:left;}
		#publispots img { padding:10px 0 20px 0;}
		#spot .caja_zoco_respuesta { width:100%; float:none;}
		#publica-foto-spot { display:inline-block; width:134px; height:36px; text-indent:-9999px; background:url(../img/nueva-foto2.jpg) no-repeat; }
			#p-a { width:140px; float:left;}
			#p-b { width:410px; float:left; font-size:16px; padding:8px 0 0 8px;}
			#p-c { width:255px; float:right; text-align:right; font-size:14px; padding:8px 0 0 8px;}
		#publica-mensaje-spot { position:absolute; width:200px; height:50px;}		
		
		 /*Playas
		---------------------------------------------------------------------------*/		
		#foto_playa_ficha { width:530px; float:left;}
			#foto_playa_ficha  img 	 { background:#F0F0F0; padding:5px; margin:5px 0; }
		.textos-playa { width:265px; float:right; font-size:14px;}
		.textos-playa-dentro { clear:both; margin:0.5em 0;}
			.textos-playa-dentro li, #lista-playas li { float:left; padding:0 5px; }
		 /*Fotos de los usuarios
		---------------------------------------------------------------------------*/
		#mas_fotos_de_usuarios { width:670px; float:left; margin:0 auto 0; padding-top:10px;}
			#mas_fotos_de_usuarios  img 	 { background:#F0F0F0; padding:5px; margin:5px 0; }
			#previews-user { clear:both;  margin:5px 0;}
		#fotos_lista_izquierda { width:200px; float:right; padding-top:15px;}
		#anade_foto_lista { margin-bottom:1em;}
		#ejemplo-para-las-listas{ clear:both;}
		#tamano-selects-fotos select { width:190px;}
		.select-anos { clear:both; padding:5px 0;}
		#tamano-selects-fotos h4 { width:48px; float:left; }
		#tamano-selects-fotos .sel_fotos_meses { width:90px;}
			#paginacion { padding:1em 0.5em; font-size:1em;}
			#paginacion   a:link,
			#paginacion   a:visited { border:#CCC 1px solid; color:#999999; background:#E5E5E5; padding: 0.1em 0.3em; text-decoration:none; margin-top:1em; }
			#paginacion  a:hover   { background:#C5C5C5;}
			#foto-user-gran { clear:both;}
				#foto-user-gran-pic  	 { background:#F0F0F0; padding:5px; float:left; margin-right:10px; }
			#like-face { margin:10px 0;}
			#foto-sola #like-face { clear:both; padding-top:10px;}
			#subida-por { font-size:10px; padding-left:5px; clear:both; }
			#foto-sola { width:680px; float:left;}
			#esquerra_dreta { width:190px; float:left; }
				#foto_anterior { width:50px; float:left;}
				#foto_siguiente { width:50px; float:left;}
				#accions-mas { padding:5px 0 0 7px;}
				#accion-buscador {border-top:#CCC 1px solid; margin-top:10px; padding-top:7px; padding-left:5px;}
					#accion-buscador select { width:180px;}
		#deja-comentario-foto { margin-top:15px; width:300PX; float:left; }
			#deja-comentario-foto img 	 { background:#F0F0F0; padding:5px;  }
		#comentario_foto_de_usuario {width:490px; float:right; padding:5px 0;}
		#desplega_comentario { background:#F4F4F4; margin:1em; padding:0.5em; text-align:right; }
			#desplega_comentario p { padding:0.4em 0;}
			#desplega_comentario label { width:100px; display:block; float:left; text-align:right; padding-right:0.5em; }
			#desplega_comentario input { border:#CCCCCC 1px solid; width: 318px;  }	
			#desplega_comentario  textarea { border:#CCCCCC 1px solid; width: 100%;  }	
				
			#previews-user img { background:#F0F0F0; padding:5px; margin:5px; }
		#comentarios-foto-user { clear:both;}
			.fecha-coment { font-size:10px; text-align:right;}
			.foto_comentario { width:55px; float:left;  text-align:center; }
			.caja_comentarios { border-bottom:#CCC 1px solid; margin-bottom:10px; padding-bottom:5px;}
			.comentario-user { clear:both; font-size:14px; padding:5px 0 0 15px;}
			#boton_enviar_dos input { float:none; width:20%; text-align:left; font-size:1.8em; border:#CCCCCC 1px solid;; background:#FFFFFF;}
			
		#caja_bajofoto { clear:both;}
		
		/*WEBCAM
		---------------------------------------------------------------------------	*/		
		#other-days { clear:both; padding:10px 0;}
		#webcam-left { width:300px; float:left;}
			#webcam-left li {width:59px;  float:left;  display:block;}
			#webcam-left  p { width:16px; height:20px; display:inline-block;}
		#webcam-right { width:565px; float:right;}
		#webcam-right  img { background:#F0F0F0; padding:5px; }
		#publi-webcam { padding-top:9px; clear:both; }
		
		a#cam-a, a#cam-b, a#cam-c, a#cam-d, a#cam-e, a#cam-f, a#cam-g, a#cam-h, a#cam-i, a#cam-j, a#cam-k, a#cam-l, a#cam-m, a#cam-n, a#cam-o 
		{ width:55px; display:block; height:23px; background:url(../img/cam.jpg) no-repeat; text-align:center; text-decoration:none; padding-top:5px;} 
		
		a#cam-a:hover, a#cam-b:hover, a#cam-c:hover, a#cam-d:hover, a#cam-e:hover, a#cam-f:hover, a#cam-g:hover, a#cam-h:hover, a#cam-i:hover, a#cam-j:hover, a#cam-k:hover, a#cam-l:hover, a#cam-m:hover, a#cam-n:hover, a#cam-o:hover  { background-position:0 -30px;}	
		
		a#cam-a-a, a#cam-a-b, a#cam-a-c, a#cam-b-a, a#cam-b-b, a#cam-b-c, a#cam-c-a, a#cam-c-b, a#cam-c-c, a#cam-d-a, a#cam-d-b, a#cam-d-c, a#cam-e-a, a#cam-e-b, a#cam-e-c, a#cam-f-a, a#cam-f-b, a#cam-f-c, a#cam-g-a, a#cam-g-b, a#cam-g-c, a#cam-h-a, a#cam-h-b, a#cam-h-c, a#cam-i-a, a#cam-i-b, a#cam-i-c, a#cam-j-a, a#cam-j-b, a#cam-j-c, a#cam-k-a, a#cam-k-b, a#cam-k-c, a#cam-l-a, a#cam-l-b, a#cam-l-c, a#cam-m-a, a#cam-m-b, a#cam-m-c, a#cam-n-a, a#cam-n-b, a#cam-n-c,  a#cam-o-a, a#cam-o-b, a#cam-o-c {  text-indent:-9999px; display:block; background:url(../img/bullet.jpg) no-repeat; height:16px; }
		
		a#cam-a-a:hover, a#cam-a-b:hover, a#cam-a-c:hover, a#cam-b-a:hover, a#cam-b-b:hover, a#cam-b-c:hover, a#cam-c-a:hover, a#cam-c-b:hover, a#cam-c-c:hover, a#cam-d-a:hover, a#cam-d-b:hover, a#cam-d-c:hover, a#cam-e-a:hover, a#cam-e-b:hover, a#cam-e-c:hover, a#cam-f-a:hover, a#cam-f-b:hover, a#cam-f-c:hover, a#cam-g-a:hover, a#cam-g-b:hover, a#cam-g-c:hover, a#cam-h-a:hover, a#cam-h-b:hover, a#cam-h-c:hover, a#cam-i-a:hover, a#cam-i-b:hover, a#cam-i-c:hover, a#cam-j-a:hover, a#cam-j-b:hover, a#cam-j-c:hover, a#cam-k-a:hover, a#cam-k-b:hover, a#cam-k-c:hover, a#cam-l-a:hover, a#cam-l-b:hover, a#cam-l-c:hover, a#cam-m-a:hover, a#cam-m-b:hover, a#cam-m-c:hover, a#cam-n-a:hover, a#cam-n-b:hover, a#cam-n-c:hover,  a#cam-o-a:hover, a#cam-o-b:hover, a#cam-o-c:hover
		{ background-position:0 -16px;}	

		/*LOGIN
		---------------------------------------------------------------------------	*/			
		#registro_home { width:630px; border:#F0F0F0 1px solid; margin:auto; text-align:center; margin-top:3em;}
		#cap_login { background:#F0F0F0; text-align:left; padding-left:5px;}
			#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; text-align:left;}	
				#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; text-align:left;}
			#registro_p_home { padding-bottom:2em;}
			
			a.enllas_petit:link,
			a.enllas_petit:visited { font-size:0.7em; font-weight:normal; text-decoration:none; color:#FF059C;}
			a.enllas_petit:hover   { }
			
		/*Intranet
		---------------------------------------------------------------------------	*/	
		#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; padding:0.5em;  background:#F0F0F0;}
					#user_spots .flota_spots p { padding:0;}
					.provincia_spot { font-size:0.8em;}
		#user_fotografias { clear:both; margin-top:1em; }
			#mas_fotos_de_usuarios_user  img { padding:0.5em;  background:#F0F0F0; margin:0.5em 0.3em;}

			
		#zoco_en_user li { padding:0.3em;}
		
		/*BSURFERS Spots
		---------------------------------------------------------------------------	*/	
.listado_spots_user { clear:both; margin:5px 0; padding:5px; border-bottom:#CCC 1px solid;}
			.cajaspots_izquierda_user { width:40%; float:left;  }
				.cajaspots_izquierda_user img { float:left; padding:0.5em;  background:#F0F0F0; margin-right:10px;}
				.cajaspots_izquierda_user p { padding:0.3em 0; }
			.cajaspots_derecha_user   { width:40%; float:left; }
			.cerrar_gran     { width:8%; float:right;}


		/*BSURFERS fotos	
		---------------------------------------------------------------------------	*/	
		#contenido div#anadir_fotos, #contenido div#anadir_spots { border:#CCCCCC 1px solid; padding:0.5em; margin:1em;}
		#flota_boton { width:240px; position:absolute; margin:22px 0 0 639px;}
		.nombre_foto_a { width:48%; float:left; padding-left:1em;}
		.nombre_foto_b { width:48%; float:left;  padding-left:1em;}
		.cuarto { width:48%; float:left;  padding-left:1em;}
		#boto_seguent { margin:1em 0; text-align:right;}
		.cajas_fotos_user { border-bottom:#CCCCCC 1px solid; margin:0.6em; padding:0.5em;  }
		.cajas_fotos_user  img {  padding:0.5em;  background:#F0F0F0;  }
		#contiene-embed { margin-top:15px; }
			#mostrar-embed { width:250px; float:left;}
			#copiar-embed { width:610px; float:right;}
				#copiar-embed p { font-size:10px; border:#CCC 1px solid; padding:5px;}
				
			#foto-sola #comentarios-facebook { clear:both; padding:10px 0;}

		
/*LECTOR DE RSS EN BLOGS.php	*/
.contenido-blog { width:23%; float:left; height:120px; border-bottom:#CCC 1px solid; margin:15px 15px 0 0;}
.contenido-blog h2 { font-size:14px;}
.contenido-blog h2 img  { display:none;}
.contenido-blog h2 a    { text-decoration:none;}
.caja-blog { margin:10px;}
.fecha-post { font-size:10px;}
.blog-name span { font-weight:bold;}
.normas-basicas { padding-top:15px;}
.normas-basicas img { float:left; margin-right:15px;}
.normas-basicas p, .diccionario-surf p   { font-size:14px; padding:10px 0; border-bottom:#CCC 1px dotted;}
.diccionario-surf span { font-weight:bold; padding-right:10px;}


#inbox-box h2 { clear:both; padding-top:25px;}
.caja-directorio, #menu-inbox li, #menu-inbox-principiantes li { width:220px; float:left;  padding-top:15px;}
a#inbox-a, a#inbox-b, a#inbox-c, a#inbox-d, a#inbox-e, a#inbox-f, a#inbox-g, a#inbox-h, a#inbox-i, a#inbox-j, a#inbox-k, a#inbox-l, a#inbox-m
{ width:200px; height:120px; display:block; text-indent:-9999px; background:url(../img/inbox-a.jpg) no-repeat;}
a#inbox-a { background:url(../img/inbox-a.jpg) no-repeat;}
a#inbox-b { background:url(../img/inbox-b.jpg) no-repeat;}
a#inbox-c { background:url(../img/inbox-c.jpg) no-repeat;}
a#inbox-d { background:url(../img/inbox-d.jpg) no-repeat;}
a#inbox-e { background:url(../img/inbox-e.jpg) no-repeat;}
a#inbox-f { background:url(../img/inbox-f.jpg) no-repeat;}
a#inbox-g { background:url(../img/inbox-g.jpg) no-repeat;}
a#inbox-h { background:url(../img/inbox-h.jpg) no-repeat;}
a#inbox-i { background:url(../img/inbox-i.jpg) no-repeat;}
a#inbox-j { background:url(../img/inbox-j.jpg) no-repeat;}
a#inbox-k { background:url(../img/inbox-k.jpg) no-repeat;}
a#inbox-l { background:url(../img/inbox-l.jpg) no-repeat;}
a#inbox-m { background:url(../img/inbox-m.jpg) no-repeat;}



/*Pie
---------------------------------------------------------------------------*/
#peu { width:130px; float:right; text-align:right; padding-top:10px;}
#peu-final { clear:both;  width:800px; padding:1.5em 0; font-size:11px; }
#banner-uno { margin-bottom:20px;}



 /*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 */