/* ---------------------------------------------
	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;}
#pie 		{position:relative; float:left; width:980px; height:47px; background:url(../images/general/bgpie.jpg) 21px 0 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 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%; text-indent:-9999px;}
	/* 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:116px;}
#principal #imi img	{margin-left:-3px;}
		
body#inicio #principal #tags			{position:absolute; top:238px; left:625px; width:342px; height:172px;}
body#inicio #principal #tags div			{padding:5px 12px; }
body#inicio #principal #tags div a		{text-decoration:none;}
body#inicio #principal #tags div a:hover	{text-decoration:underline;}

#principal #quicklinks	{position:absolute; top:294px; left:21px;}
	#principal #quicklinks li	{width:241px; height:92px; margin-bottom:2px; outline:none;}
	#principal #quicklinks li a	{outline:none;}	
	/* resto de estilos relativos a los quicklinks en es.css */
		
#principal #noticias	{position:absolute; top:853px; left:625px; width:340px; height:165px; overflow:hidden; background:url(../images/home/bg_noticias.jpg) top left no-repeat;}
	#principal #noticias h2		{width:340px; height:36px; text-indent:-9999px;} /* imagen de fondo especificada en es.css */
	#principal #noticias ol		{padding:10px; color:#FFF;}
	#principal #noticias h3		{font:12px/16px Verdana, sans-serif; color:#CCC;}
	#principal #noticias li 		{margin-bottom:12px;}
	#principal #noticias h3 span	{color:#FFF;}
	#principal #noticias li p		{margin:0;}
	#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; }
	
body#inicio #principal #blog		{position:absolute; top:418px; left:625px; width:342px; height:425px !important; background:url(../images/home/bg_blog.jpg) bottom left no-repeat !important;}
	#principal #blog h2		{width:340px; height:36px; text-indent:-9999px;} /* imagen de fondo especificada en es.css */
	#principal #blog div	{padding:8px 15px 13px 13px; font-size:12px; line-height:16px; color:#CCC; text-align:justify;}
	#principal #blog div.blog-link			{padding:0; width:315px; height:50px; overflow:hidden; margin-left:13px;}
	#principal #forum div.forum-link			{padding:0; width:315px; height:50px; overflow:hidden; margin-left:13px;}
	/* #principal #blog div.blog-link a		{display:block; width:315px; height:50px; text-indent:-9999px; background:url(../images/home/blog-banner.jpg) 0 0 no-repeat;} */
	#principal #blog div.blog-link a:hover	{background-position:0 -50px;}

#principal #organizaciones	{position:absolute; top:1025px !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						{position:absolute; top:780px; 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; text-indent:-9999px;}
div#publicidad div#encuesta 				{position:relative; float:left; padding:0 10px 10px 10px; font-size:12px; line-height:16px; color:#CCC;}
div#publicidad div#encuesta h2				{font-family:Arial, sans serif; font-weight:bold; font-size:12px; color:#CCC; padding-bottom:10px;}
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:294px; left:275px; width:340px; height:470px; overflow:hidden; background:url(../images/home/bg-foro.jpg) top left no-repeat;}
	#principal #forum h2		{width:340px; height:36px; text-indent:-9999px;} /* 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:12px;}
	#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:65px;overflow:hidden;}
	#principal #forum ol li a			{color:#c6b192;margin-bottom:30px;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; }
	
	
	
	
#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;}
#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:65px;overflow:hidden;}