/** 
 * Surtido 2009
 *  
 * 432.WEB.SRTD
 * version	1.0, revision 2009/07/15 (phil)
 * 
 * autor	runroom (laia) (phil)
 * copyright	2009 by runroom
 * 
 * color	#f2f2f2;	fondo
 * color	#0c0;		enlace menu
 * color	#090;		enlace idioma/footer
 * color	#666;		idioma seleccionado
 * color	#999;		texto footer / info extra (fechas, etc.), Titulo sidebar
 * color	#333;		texto h2/h3
 * color	#fdfde9;	fondo grupo hover (en la home)
 * 
 */ 

/* Undo browser defaults (see http://tantek.com/log/2004/09.html#d06t2354)
-----------------------------------------------------------------------------*/
	:link,:visited { text-decoration: none; }
	h1,h2,h3,h4,h5,h6,pre,code,p,li,td { font-size: 1em; }
	ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,legend,label { margin: 0; padding: 0; }
	a img,:link img,:visited img,:hover img { border: none; }
	:focus { outline: none }
	fieldset { border: none; }

/* Elementos HTML
-----------------------------------------------------------------------------*/
	body { font: 100%/1.4em Arial, sans-serif; color: #000; text-align: center; background: #f2f2f2; }

	h1 { /* ver Estructura > cabecera */ }
	h2 { color: #000; font-size: 0.75em; text-shadow: #fff 1px 1px 1px; }
		#que_es_svg h2 {margin-top:15px;}
	h3 { color: #999; font-size: 0.75em; letter-spacing: 0.1em; text-transform: uppercase; text-shadow: #fff 1px 1px 1px; }
		#sidebar h3 { margin: 0 20px 14px 10px; padding-bottom: 1px; border-bottom: 1px dotted #000; line-height:16px;}

	h4 { color: #000; font-size: 0.75em; text-shadow: #fff 1px 1px 1px; }
		h4.interno { margin-top: 18px; }

	h5 { font-size: 0.75em; }
	h6 { color: #999; font-size: 0.75em; font-weight: normal; line-height: 1.5em; }

	p, li, td, th { font-size: 0.75em; line-height: 1.50em; }
	ul li ul li, ol li p, td p, th p { font-size: 1em; }

 	table { table-layout: auto; width: 100%; border-collapse: collapse; }
		th {}
		td {}

	a:link { color: #0c0; }
	a:visited { color: #0c0; }
	a:hover { color: #000; text-decoration: underline; }
	a:active { color: #0c0; }
	a.selected { color: #000; }

/* Estructura
-----------------------------------------------------------------------------*/
	#contenedor { text-align: left; margin: 0 auto; width: 960px; }
/* menu idiomas */
		#idiomes { height: 25px; list-style: none; text-align: right; margin: 2px 9px 0 0; }
			#idiomes li { padding-left: 10px; display: inline; font-size: 0.75em; }
			#idiomes li.angles { color: #090; }
				#idiomes a { color: #090; }
				#idiomes a.selected { color: #666; }
	#cabecera { background: #fff; overflow: hidden; }
/* logo surtido */
		h1 { float: left; width: 190px; height: 99px; }
			h1 a { display: block; width: 190px; height: 99px; background: url("imgs/surtido_sprites.png") 0 0 no-repeat; }
			h1 span { position: absolute; left: -9999px; }
/* menu principal */
		#menu_sup { margin-top: 72px; float: left; height: 26px; list-style: none; border-bottom: 1px solid #000; }
			#menu_sup li { display: block; float: left; width: auto; font-weight: bold; margin: 0 -1px 0 0; border: 1px dotted #000; } /*  padding: 4px 10px; */
				#menu_sup li.selected { margin-top: -2px; border-bottom: 3px solid #fff; }
				#menu_sup li.selected a { color: #000; }
				#menu_sup a { display: block; padding: 4px 10px; }
				#menu_sup a:hover { text-decoration: none; background: #f2f2f2; }

/* contiene sidebar, main, banners */
	#contenido { clear: both; padding: 54px 0 63px 0; background: #fff; overflow: hidden; }

/* barra lateral */
	#sidebar { float: left; width: 190px; }
		.menu { list-style: none; margin: 0 0 27px 20px; line-height: 1.5em; }
		.foto_esq {padding-left:10px;}

/* contenido central */
	#main { float: left; width: 539px; border-right: 1px dotted #000; }
		#main p { margin-right: 80px; }
		#main h3 { margin-top: 18px; }
		#main h3:first-child { margin-top: 0; }

/**/
	#banners { float: left; width: 200px; margin-left: 20px; }
/**/
	#footer { padding: 5px 10px; margin-bottom: 27px; color: #999; }
		#networks { float: left; width: 43%; }
		#copyright { float: right; text-align: right; width: 56%; }

		#footer a { color: #090; }
			#desarollo { padding-left: 0; background: none; }
			#rss { padding: 0 5px 0 15px; background: url("imgs/surtido_sprites.png") -1px -105px no-repeat; }
			#facebook { padding-left: 20px; background: url("imgs/surtido_sprites.png") 3px -135px no-repeat; }
			#flickr { padding-left: 18px; background: url("imgs/surtido_sprites.png") 4px -165px no-repeat; }
			#cor { padding-left: 20px; background: url("imgs/surtido_sprites.png") 4px -194px no-repeat; }
			#rr { padding-left: 13px; background: url("imgs/surtido_sprites.png") 4px -251px no-repeat; }


/* HOME
-----------------------------------------------------------------------------*/
	#main.home { width: 729px; }
	#main.home p { margin-right: 20px; }
		.home_item { margin: 0 9px 45px 0; font-size: 0.75em; line-height: 1.5em; }
			.home_item h4 { font-size: 1em; }
			.home_item .data { float: left; width: 180px; }
			.home_item .linia { margin: 0 10px; }


			.home_item a { display: block; padding: 10px 9px; }
			.home_item a:link, .home_item a:visited { text-decoration: none; color: #000; }
			.home_item a:hover, .home_item a:active { background: #ccffcc; }

			.home_item a .leermas { margin-left: 10px; color: #0c0; }

			.home_item:first-child a { padding-top: 0; }


/* PARTICIPANTES
-----------------------------------------------------------------------------*/
	#main.participantes { padding-top: 23px; }
		#main.participantes p { margin-right: 0px; }
	.un_participante { clear: both; width: 460px; position: relative; padding-bottom: 27px; overflow: hidden; }
		.un_participante h4 { margin-left: 240px; border-top: 1px dotted #000; }
		.un_participante img { width: 220px; height: 216px; float: left; margin-right: 20px; }
		.un_participante .volver_arriba { position: absolute; bottom: 0; right: 0; }

/* CONTACTO
-----------------------------------------------------------------------------*/
	#formulari_contact { width: 460px; margin-top: 18px; padding-bottom: 27px; background: #f2f2f2; border-bottom: 1px dotted #000; }
		label { display: block; font-size: 1em; color: #333; }
		#formulari_contact #obligatoris { font-family: Arial; padding-top: 25px; margin-bottom: 30px; font-size: 12px; color:#999; margin-left: 15px; }
		.form { padding: 9px 20px; }
			.bot_estudi { float: left; width: 8em; }
			.bot_disenador { float: left; width: 10em; }

		.textarea_class, .input_class { width: 400px; }

		/* aņadir miembros de estudio */
		.div_otro_miembro { margin-left: 20px; }
			.oculto_div_otro_miembro { display: none; margin-left: 20px; margin-top: 30px; }
			.oculto_div_otro_miembro2 { display: none; margin-left: 0px; margin-top: 30px; }
			.div_otro_miembro .input_class, .oculto_div_otro_miembro .input_class { width: 380px; }

			/* labels anadir mas miembros */
			.div_otro_miembro label, .oculto_div_otro_miembro label { color: #666; }

			/* enlace "anadir otro miembro */
			.otro_miembro { margin-left: 40px; padding-bottom: 30px; }
	

/* PUBLICACIONES
-----------------------------------------------------------------------------*/
	#main.full { width: 719px; padding-left: 10px; }
		#main.full p { margin-right: 20px; }
		.publi { float: left; width: 110px; margin-right: 10px; padding-bottom: 36px; }
		.data, .fecha { color: #999; }

		.publi a:link, .publi a:visited { display: block; padding: 5px; text-decoration: none; background: url("imgs/surtido_sprites.png") 3px -339px no-repeat; }
		.publi a:hover, .publi a:active { background-color: #ccffcc; }


/* GALERIA VIRTUAL
-----------------------------------------------------------------------------*/
	.svg .linia { margin-bottom: 9px; }
	.lanzar { margin: 37px 0 9px 0; font-weight: bold; }
	/* icono slideshow */
	.lanzar a { padding-left: 20px; background: url("imgs/surtido_sprites.png") -2px -224px no-repeat; }

/* VENTANA MODAL */
	#trama { display: none; z-index: 5; position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; background: url("imgs/trama.png") center center no-repeat; }
		#ventana_modal { display: none; z-index: 10; position: fixed; width: 960px; height: 660px; top: 0; left: 50%; margin: 0 auto auto -480px; }

		#cerrar { display: block; width: 50px; height: 45px; position: absolute; top: 27px; right: 0px; z-index: 20; }
			#cerrar span { position: absolute; left: -9999px; }

	/* #trama { display: none; z-index: 5; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url("imgs/trama.png"); } */
	/* #ventana_modal { display: none; z-index: 10; position: absolute; width: 940px; height: 670px; top: 0; left: 50%; margin: 0 auto auto -470px; background: #fff; } */




/* MISCELANEA
-----------------------------------------------------------------------------*/
	.clear { clear: both; }

	.volver_arriba { text-align: right; }
	.volver_arriba a { padding-left: 10px; background: url("imgs/surtido_sprites.png") 0 -311px no-repeat; }

	.linia { margin: 0 20px 36px 0; border-bottom: 1px dotted #000; }
	.resultat_ok { width: 420px; margin-top: 18px; padding: 9px 20px; background: #cfc; border-top: 1px dotted #000; }

	/* .oculto { display: none; clear: both; font-size: 11px; color: red; } */

	.oculto { display: none; margin-left:20px; clear: both; font-size: 11px; color: red; }
	/*#no_nom.oculto, #no_email.oculto, #web.oculto, #no_msg.oculto, #wrong_mail.oculto { clear: both; font-size: 11px; color: red; }*/

/* -----------------------------------------------------------------------------
*
* BLOG
*
* -----------------------------------------------------------------------------*/
	#contenedor.blog { margin-top: 27px; }

	#main.blog p { margin-right: 0; }

	.post { padding-bottom: 12px; margin: 0 80px 45px 0; border-bottom: 1px dotted #000; }
		.text { margin-bottom: 36px; }
			.text p { margin-bottom: 9px; }
			.text img { margin-bottom: 5px; }

/* social bookmarking icons */
	.icons { padding: 18px 0; }
	.icons a { display: block; float: left; margin-right: 10px; width: 16px; height: 18px; background: url("imgs/surtido_sprites.png") no-repeat; }
		.icons a span { position: absolute; left: -9999px; }
		.icons a.face { background-position: -1px -893px; }
		.icons a.deli { background-position: -27px -893px; }
		.icons a.meneame { background-position: -131px -893px; }
		.icons a.digg { background-position: -52px -893px; }
		.icons a.tumb { background-position: -79px -893px; }
		.icons a.stum { background-position: -105px -893px; }

/* commentarios */
	#comments { padding-bottom: 18px; }
	#commentlist li { list-style: none; padding-bottom: 12px; margin: 0 80px 45px 0; border-bottom: 1px dotted #000; }
	#postcomment { position: absolute; left: -9999px; }
	/* formulario para escribir un comentario */
	#comment-form-fs { width: 460px; padding: 9px 0 27px 0; margin-bottom: 36px; background: #f2f2f2; border-bottom: 1px dotted #000; }
		#comment-form-fs p { padding: 9px 20px; }
		#comment-form-fs textarea, #comment-form-fs input[type="text"] { width: 400px; }
	
	/* navegacion entre posts */
	.anterior a, .siguiente a { display: block; width: 440px; height: 27px; line-height: 27px; }
	.anterior a { padding-left: 20px; background: #f2f2f2 url("imgs/surtido_sprites.png") 5px -533px no-repeat; border-bottom: 1px solid #fff; }
	.siguiente { text-align: right; }
	.siguiente a { padding-right: 20px; background: #f2f2f2 url("imgs/surtido_sprites.png") 442px -274px no-repeat; border-top: 1px solid #fff; }

/* nube de etiquetas */
	.wp-tag-cloud { list-style: none; margin: 0 0 27px 20px; line-height: 1.5em; }