#principal #blog li:first-child {display:block !important}
#principal #blog li {display:none !important}

/* ---------------------------------------------
	IVÁN MAÑERO - Instituto de cirugía plástica
	Julio 2008
	* Ultima Mod.: 3 de Febrero 2009
					- Encuesta
--------------------------------------------- */

* 			{margin:0; padding:0; font-family:Verdana, Arial, sans-serif; outline:none;}
p			{margin-bottom:10px; font-size:12px; line-height:16px; color:#CCC;}
img			{border:none;}
ul, ol		{list-style-type:none;}
body		{background:#2A2A2B url(../images/general/bg.gif) top center repeat-y fixed;margin:0;}
#contenedor	{width:980px; margin:0 auto; height:150px;}

#encabezado	{position:relative; float:left; width:980px; height:140px;}
#principal	{position:relative; float:left; width:980px; background-color:#000;}
#pie 		{position:relative; float:left; width:980px; height:47px; background:url(../images/general/bgpie.jpg) 21px 0 no-repeat;}

h2,
#publicidad h1	{color:#E19C4B; padding:16px 0 0 10px; margin-left:10px; width:320px; height:30px !important; overflow:hidden; font-size:26px; font-weight:normal; font-family:Arial, Verdana, Sans-serif; background:url(../images/home/320x1.png) bottom left no-repeat;}	


/* ENCABEZADO
	- Logo
	- Selección de idioma
	- Formulario de login
	- Navegación principal
--------------------------------------------- */
#encabezado div#logo	{position:absolute; top:0; left:2px; width:320px; height:103px;}
#encabezado div#logo object:hover {cursor:pointer}
#encabezado p			{position:absolute; top:9px; left:360px; width:270px; height:45px; text-indent:-9999px; background:url(../images/general/portal_subtitulo.jpg) top left no-repeat;}
#encabezado #idioma		{position:absolute; top:10px; right:18px; text-align:right; color:#8B8C8E; font-size:12px; line-height:12px;}
	
	#encabezado #idioma h3								{position:relative; float:left; font-size:12px; font-weight:normal;}
	#encabezado #idioma ul								{position:relative; float:left;}
	#encabezado #idioma li								{position:relative; float:left; padding:0 6px; border-right:1px solid #8B8C8E;}
	#encabezado #idioma li:last-child					{border-right:none;}
	#encabezado #idioma a.ws_lang_selected,
	#encabezado #idioma a.ws_lang_selected:hover		{color:#CCC; text-decoration:underline;}
	#encabezado #idioma a.ws_lang_not_selected			{color:#8B8C8E; text-decoration:none;}
	#encabezado #idioma a.ws_lang_not_selected:hover	{text-decoration:underline;}
	
#encabezado #login	{display:none; position:absolute; top:42px; right:18px; width:270px; z-index:100;}
	#encabezado #login h3					{display:none;}
	#encabezado #login a					{font-size:12px; color:#8B8C8E; text-decoration:none;}
	#encabezado #login a:hover				{text-decoration:underline;}
	#encabezado #login ol li				{text-align:right; position:relative; float:left; padding-bottom:4px;}
	#encabezado #login ol li#enviar			{text-align:right; position:absolute; top:24px; right:0;}
	#encabezado #login ol li#registrarse	{width:270px; text-align:right;}
	#encabezado #login label				{position:relative; float:left; display:block; width:80px; padding-right:10px; text-align:right; color:#FFF; font-size:12px; line-height:16px;}
	#encabezado #login input#login3,
	#encabezado #login input#password4		{position:relative; float:left; display:block; width:120px; height:20px; border:none; background-color:#2B2B2D; color:#666;}
	#encabezado #login input#submit			{position:relative; float:left; display:block; border:none; width:54px; height:20px; text-align:center; font-size:12px; line-height:12px; color:#FFF; background-color:#464648;}
	
/* #nav	{position:absolute; width:960px; top:103px; left:21px; height:36px; background:url(../images/nav/nav.jpg) top right;} */
	
#nav		{position:absolute; width:960px; top:103px; left:21px; height:36px;}
#nav li		{position:relative; float:left; display:block; height:36px; overflow:hidden; text-indent:-9999px;}
#nav li a	{display:block; width:100%; height:100%;}
/* resto de estilos relativos a la navegación en es.css */
		
/* PRINCIPAL
	- Animación flash
	- Subnavegación
	- Tags
	- Quicklinks
	- Últimas noticias
	- Publicidad (NUEVO octubre 2008)
	- Galería de imágenes (flash)
	- Links a AMIC y a la Fundación
--------------------------------------------- */
#principal #flashintro 					{position:relative; float:left; display:block; width:594px; height:267px; margin:16px 0 0 21px; background-color:#333; z-index:99;}
	#principal #flashintro a			{position:absolute; top:0; left:0; display:block; width:594px; height:267px; z-index:100;}
	#principal #flashintro div			{position:absolute; top:0; left:0; z-index:99;}
#principal #subnav						{position:absolute; top:15px; left:625px;}
	#principal #subnav li				{display:block; width:342px; height:28px; margin-bottom:2px;}
	#principal #subnav li#subnav-blog	{display:none;}
	/*  resto de estilos relativos a la subnavegación en es.css */

#principal #imi		{position:absolute; top:112px; left:628px; width:350px; height:225px;}
#principal #imi img	{display:block;margin-bottom:10px;}
		
body#inicio div#principal div#tags h2		{font-size:20px; color:#CCC; background:none; border-top:1px solid #EEE; border-bottom:1px solid #CCC; margin:12px 12px 1px 12px !important; padding:8px 0 0 0 !important; height:25px !important;}
body#inicio #principal #tags				{display:none;position:absolute; top:238px; left:625px; width:342px; height:172px;}
body#inicio #principal #tags span			{display:block; padding:5px 12px;}
body#inicio #principal #tags span a			{text-decoration:none;}
body#inicio #principal #tags span a:hover	{text-decoration:underline;}

#principal #quicklinks			{position:absolute; top:294px; left:21px;}
	#principal #quicklinks li#quicklinks-equipo {width:139px; height:134px; margin-bottom:6px; outline:none;}
	#principal #quicklinks li#quicklinks-servicios {width:139px; height:134px; margin-bottom:6px; outline:none;}
	#principal #quicklinks li#quicklinks-faq {width:139px; height:130px; margin-bottom:6px; outline:none;}
	#principal #quicklinks li#quicklinks-newsletter {width:139px; height:118px; margin-bottom:6px; outline:none;}
	#principal #quicklinks li#quicklinks-youtube {width:139px; height:100px; margin-bottom:12px; outline:none;}

	#quicklinks li#quicklinks-tienda a 	{background-image:url(../images/home/banner-newsletter.jpg) !important;}
	#principal #quicklinks li#quicklinks-tienda {width:337px; height:100px; margin-bottom:8px; outline:none;}
	
	#quicklinks li#quicklinks-profesionales a 	{background-image:url(../images/home/banner-profesionales.jpg) !important;}	
	#principal #quicklinks li#quicklinks-profesionales {width:337px; height:100px; margin-bottom:6px; outline:none;}			
	#principal #quicklinks li a	{outline:none;}	
	/* resto de estilos relativos a los quicklinks en es.css */
	
/* Espacio para publicidad  */	
#principal #publi	{width:248px;position:absolute; top:945px; left:369px;}
#principal #publi object {width:241px !important!}
		
#principal #noticias					{position:absolute; top:295px; left:170px; width:447px; height:370px; overflow:hidden;}
	#principal #noticias h2				{width:440px; height:36px;} /* imagen de fondo especificada en es.css */
	#principal #noticias ol				{padding:10px; color:#FFF;}
	#principal #noticias h3				{width:430px;color:#FAB165;font:bold 13px/16px Verdana,sans-serif;padding:5px 70px 15px 0;text-transform:none;}
	#principal #noticias li 			{margin-bottom:12px;}
	#principal #noticias h3 span		{color:#999999;font-size:12px;font-style:oblique;font-weight:normal;}
	#principal #noticias li p			{margin:0;}
	#principal #noticias li img 		{display:block;float:left;margin:4px 11px 7px 0;position:relative;height:90px;width:auto !important;}
	#principal #noticias li p a			{color:#c6b192;}
	#principal #noticias li p a:hover	{color:#c6b192; text-decoration:underline;}
	#principal #noticias center			{padding-top:50px;}
	#principal #noticias center h3		{font-size:14px; line-height:20px; text-transform:uppercase; color:#CCC; padding-bottom:10px;}
	#principal #noticias center p		{font-size:14px; color:#CCC; }
	#principal #noticias div 			{color:#CCCCCC;font-size:12px;line-height:16px;margin-bottom:10px;text-align:justify;}
	
body#inicio #principal #blog				{position:absolute; top:673px; left:170px; width:447px; height:263px !important; background-color:#49474D;}
	#principal #blog h2						{width:340px; height:36px;} /* imagen de fondo especificada en es.css */
#principal #blog span					{display:block; padding:8px 15px 0 13px; font-size:12px; line-height:16px; color:#CCC; text-align:justify;}
#principal #blog span.first-child {overflow:hidden;height:145px;}
.blog-box {overflow:hidden;height:145px;}
		#principal #blog div.blog-link			{padding:0; width:width:419px; height:50px; overflow:hidden; margin-left:13px;}
	#principal #forum div.forum-link		{margin-top:0px; padding:0; width:315px; height:68px; overflow:hidden; margin-left:13px;}
	/* #principal #blog div.blog-link a		{display:block; width:315px; height:50px; background:url(../images/home/blog-banner.jpg) 0 0 no-repeat;} */
	#principal #blog div.blog-link a:hover	{background-position:0 -50px;}
	#principal #forum div.forum-link a:hover	{background-position:0 -68px;}	

#principal #organizaciones		{position:absolute; top:1051px !important; left:625px;}
#principal #organizaciones li	{position:relative; float:left; margin-right:7px;}

/* PIE
	- Copyright (+ link mapa web, diseño por Nakami)
	- Datos de contacto
--------------------------------------------- */
div#pie p#copyright				{position:relative; float:left; margin:12px 0 0 21px;}
	div#pie p#copyright a		{text-decoration:none; color:#FFF;}
	div#pie p#copyright a:hover	{text-decoration:underline;}
#pie p#contacto					{position:relative; float:right; display:block; margin:5px 0 0 0; width:390px; height:30px; text-indent:-9999px;}
	div#pie p#contacto a		{display:block;}
#pie p#telemedicina					{position:relative; float:right; display:block; margin:5px 0 0 0; width:390px; height:30px; text-indent:-9999px;}
	div#pie p#telemedicina a		{display:block;}
#pie p#pidehora				{position:relative; float:right; display:block; margin:5px 0 0 0; width:390px; height:30px; text-indent:-9999px;}
	div#pie p#pidehora a		{display:block;}

/* =ENCUESTA
--------------------------------------------- */
#principal #publicidad						{display:none;position:absolute; top:806px; left:275px; width:340px; padding:0; height:340px; background:url(../images/home/bg_publi_generic.jpg) bottom left no-repeat;}
div#publicidad h1							{position:relative; float:left; clear:both; width:340px; height:45px;}
div#publicidad div#encuesta 				{position:relative; display:none !important;float:left; padding:0 10px 10px 10px; font-size:12px; line-height:16px; color:#CCC; width:310px; overflow-x:hidden;}
div#publicidad div#encuesta * {display:none !important}
div#publicidad div#encuesta h2				{font-family:Arial, sans serif; font-weight:bold; font-size:12px; color:#CCC; padding:8px 0 12px 0; width:310px; margin:0; background:none;}
div#publicidad div#encuesta a				{color:#c6b192;}
div#publicidad div#encuesta a:hover			{color:#c6b192;}
div#publicidad div#encuesta p				{text-align:right;}
div#publicidad div#encuesta ul				{list-style-type:none; margin:0; padding-bottom:5px;}
div#publicidad div#encuesta ul li			{padding-bottom:5px;}
div#publicidad div#encuesta ul li span		{font-weight:bold; color:#CCC;}
div#publicidad div#encuesta .poll_graph 	{display:block; height: 8px; background-color: #c6b192; text-align:left; display:block;	z-index:9999;}
div#publicidad div#encuesta .poll_percent	{display:block; z-index:100; margin:7px 0 12px 0; width:100%; height:8px; background-color:#333333;	font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}

#principal #publicidad span					{position:relative; top:-10px; padding-left:20px; font:12px/14px verdana, sans-serif;}
#principal #publicidad span a				{color:#c6b192;}
#principal #publicidad span a:hover			{color:#c6b192; text-decoration:underline;}


/* =FORUM
--------------------------------------------- */
#principal #forum				{position:absolute; top:605px; left:625px; width:340px; height:437px !important; overflow:hidden; background:url(../images/home/bg-foro.jpg) top left no-repeat;}
#principal #forum h2			{width:340px; height:36px;} /* imagen de fondo especificada en es.css */ 
#principal #forum ol			{padding:10px; color:#FFF;}
#principal #forum ol li h3		{font:13px/16px Verdana, sans-serif; color:#d08941;font-weight:bold;text-indent:20px;background:url(../images/home/icon-topic.jpg) no-repeat;}
#principal #forum li 			{margin-bottom:10px;}
#principal #forum ol li span	{color:#999999; font-weight:normal; font-style:oblique; font-size:12px;}
	
#principal #forum li p			{margin-top:7px;display:block;height:49px;overflow:hidden;}
#principal #forum ol li a		{color:#c6b192;margin-bottom:15px;display:block;font-size:12px;}
#principal #forum li p a:hover	{color:#c6b192; text-decoration:underline;}
#principal #forum center		{padding-top:50px;}
#principal #forum center h3		{font-size:14px; line-height:20px; text-transform:uppercase; color:#CCC; padding-bottom:10px;}
#principal #forum center p		{font-size:14px; color:#CCC; }
	
	
/* =BLOG 
--------------------------------------------- */	
#principal #blog ul			{margin:0 !important; padding:0 !important;}
#principal #blog li 		{padding:0; margin-left:0 !important; list-style-position:outside; list-style-type:none;height:145px;overflow:hidden;}
#principal #blog li h3 		{text-align:left; color:#fab165; font-size:13px; font-weight:bold; padding-left:0 !important; text-indent:0 !important;}	
#principal #blog li span 	{color:#999999 !important; font-weight:normal !important; font-style:oblique !important; font-size:12px !important; padding:0 !important; text-indent:0 !important;}	
#principal #blog li a 		{color:#c6b192;margin-bottom:20px;display:block;}
#principal #blog li p 		{margin-top:5px;display:block;height:50px;overflow:hidden;}


/* Correcciones color de fondo 
--------------------------------------------- */
body#inicio div#principal div#blog,
body#inicio div#principal div#noticias,
body#inicio div#principal div#tags,
body#inicio div#principal div#publicidad,
body#inicio div#principal div#forum			{background-color:#49474D !important;}



/* Contenido nuevo en la Home 19/10/2010 */

#video-home {position:absolute;top:340px;width:342px;left:625px;height:300px;}
.desc-home-news {height:65px;overflow:hidden;}