@import url('v2_header.css');
@import url('v2_subcontenido.css');
@import url('v2_footer.css');
@import url('v2_areaprensa.css');
@import url('v2_servicios.css');
@import url('v2_ayd.css');
/* @import url('v2_processing.css'); */


/* -------------------------------------------------
	IVÁN MAÑERO - Instituto de cirugía plástica
	v2 Remodelaciones internas abril 2010
------------------------------------------------- */

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

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


/* =CONTENIDO
--------------------------------------------- */
#contenido					{position:relative; float:left; margin:16px 0 12px 0;}
#contenido #imagen-seccion	{position:relative; float:left; clear:right; margin-bottom:10px;}
#contenido #texto			{position:relative; float:left; clear:both; margin:0 0 12px 0; width:628px; padding:0 27px 30px 27px; background:#39393b; font-size:12px; line-height:16px; color:#CCC; text-align:justify;}
#contenido #texto h1		{position:relative; float:left; clear:both; color:#E19C4B; padding:16px 0 0 27px; margin:0 0 18px -27px; width:681px; height:30px; overflow:hidden; font-size:26px; font-weight:normal; font-family:Arial, Verdana, Sans-serif; background:url(../images/general/titulos_bg.gif) bottom left no-repeat;}	
#contenido #texto h2		{font:14px/28px arial, verdana, sans-serif; color:#C0A891; text-transform:uppercase; padding:6px 0 12px 20px;}

#contenido #texto ul#subnav-contenido		{padding:10px 0 0 30px; list-style-type:disc; color:#C0A891;}
#contenido #texto ul#subnav-contenido li	{display:list-item;}

body#lopd #contenido #texto a			{color:#C0A891; text-decoration:none;}
body#lopd #contenido #texto a:hover		{color:#C0A891; text-decoration:underline;}

body#equipo #contenido #texto a			{color:#C0A891; text-decoration:none;}
body#equipo #contenido #texto a:hover	{color:#C0A891; text-decoration:underline;}

body#contacto #contenido #texto a		{color:#999; text-decoration:none;}
body#contacto #contenido #texto a:hover	{color:#999; text-decoration:underline;}
body#contacto #contenido #texto h3		{margin-bottom:10px;}

body#telemedicina #contenido #texto a		{color:#999; text-decoration:none;}
body#telemedicina #contenido #texto a:hover	{color:#999; text-decoration:underline;}
body#telemedicina #contenido #texto h3		{margin-bottom:10px;}

body#pidehora #contenido #texto a		{color:#999; text-decoration:none;}
body#pidehora #contenido #texto a:hover	{color:#999; text-decoration:underline;}
body#pidehora #contenido #texto h3		{margin-bottom:10px;}


/* =INSTALACIONES
--------------------------------------------- */
body#instalaciones #contenido ul#galeria		{margin:15px 0 0 -2px; padding-top:15px; background:url(../images/general/linea.gif) top left no-repeat; width:660px; overflow-x:hidden;}
body#instalaciones #contenido ul#galeria li	{position:relative; float:left; margin:0 11px 9px 0;}
body#instalaciones #contenido div#imagen-seccion	{position:absolute; top:-385px; left:0; width:682px; height:373px; overflow:hidden;}
body#instalaciones #contenido div#texto			{margin-top:385px;}

/* =CONTACTO
--------------------------------------------- */
#contacto-intro	{position:relative; float:left; clear:both; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #5E5E5E;}
#contacto-datos	{position:relative; float:left; padding-right:25px; margin-top:10px; width:200px; background:url(../images/secciones/contacto-bg.gif) top right repeat-y; display:inline;}
	
#contacto-formulario	{position:relative; float:left; margin-top:10px; margin-left:-1px; background:url(../images/secciones/contacto-bg.gif) top left repeat-y; display:inline;}
	#contacto-formulario ol		{position:relative; float:right; padding:5px 0 20px 30px; }
	#contacto-formulario li		{position:relative; float:left; clear:both; margin-bottom:8px; color:#cccccc; width:370px;}
	#contacto-formulario label	{position:relative; float:left; width:170px; display:block; text-align:left;}
	#contacto-formulario input	{position:relative; float:left; border:none; width:199px; padding:2px 0; background-color:#616060; font-size:12px; line-height:16px; color:#CCC;}
	body#contacto #texto #contacto-formulario input#newsletter,
	body#contacto #texto #contacto-formulario input#lopd	{width:20px; background-color:transparent;}
	#contacto-formulario textarea	{position:relative; float:left; clear:both; margin-top:5px; border:none; background-color:#616060; width:370px; height:145px; overflow:auto; font-size:12px; line-height:16px; color:#CCC;}
	#contacto-formulario li#enviar input	{position:relative; float:right; width:54px; height:25px; background:url(../images/secciones/contacto-enviar.gif) 0 2px no-repeat; cursor:pointer;}
	/* Estilos especiales (campo oculto, mensajes de error y éxito) */
	body#contacto #texto #contacto-formulario div#special,
	body#contacto #texto #contacto-formulario div#special label,
	body#contacto #texto #contacto-formulario div#special input		{display:none;}
	body#contacto #texto #contacto-formulario div.message			{display:none;}
	body#contacto #texto #contacto-formulario div.message div#alert	{margin-left:30px; margin-bottom:10px; color:#FAB165;}
				
	/* Esconder mapa para imprimir */
	div#mapa-imprimir	{position:absolute; top:0; left:0; width:682px; height:305px; display:none;}
	
/* =TELEMEDICINA
--------------------------------------------- */
#telemedicina-intro	{position:relative; float:left; clear:both; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #5E5E5E;}
#telemedicina-datos	{position:relative; float:left; padding-right:25px; margin-top:10px; width:200px; background:url(../images/secciones/contacto-bg.gif) top right repeat-y; display:inline;}
	
#telemedicina-formulario	{position:relative; float:left; margin-top:10px; margin-left:-1px; background:url(../images/secciones/contacto-bg.gif) top left repeat-y; display:inline;}
	#telemedicina-formulario ol		{position:relative; float:right; padding:5px 0 20px 30px; }
	#telemedicina-formulario li		{position:relative; float:left; clear:both; margin-bottom:8px; color:#cccccc; width:370px;}
	#telemedicina-formulario label	{position:relative; float:left; width:170px; display:block; text-align:left;}
	#telemedicina-formulario input	{position:relative; float:left; border:none; width:199px; padding:2px 0; background-color:#616060; font-size:12px; line-height:16px; color:#CCC;}
	body#telemedicina #texto #telemedicina-formulario input#newsletter,
	body#telemedicina #texto #telemedicina-formulario input#lopd	{width:20px; background-color:transparent;}
	#telemedicina-formulario textarea	{position:relative; float:left; clear:both; margin-top:5px; border:none; background-color:#616060; width:370px; height:145px; overflow:auto; font-size:12px; line-height:16px; color:#CCC;}
	#telemedicina-formulario li#enviar input	{position:relative; float:right; width:54px; height:25px; background:url(../images/secciones/contacto-enviar.gif) 0 2px no-repeat; cursor:pointer;}
	/* Estilos especiales (campo oculto, mensajes de error y éxito) */
	body#telemedicina #texto #telemedicina-formulario div#special,
	body#telemedicina #texto #telemedicina-formulario div#special label,
	body#telemedicina #texto #telemedicina-formulario div#special input		{display:none;}
	body#telemedicina #texto #telemedicina-formulario div.message			{display:none;}
	body#telemedicina #texto #telemedicina-formulario div.message div#alert	{margin-left:30px; margin-bottom:10px; color:#FAB165;}
				
	/* Esconder mapa para imprimir */
	div#mapa-imprimir	{position:absolute; top:0; left:0; width:682px; height:305px; display:none;}
	
/* =PIDEHORA
--------------------------------------------- */
#pidehora-intro	{position:relative; float:left; clear:both; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #5E5E5E;}
#pidehora-datos	{position:relative; float:left; padding-right:25px; margin-top:10px; width:200px; background:url(../images/secciones/contacto-bg.gif) top right repeat-y; display:inline;}
	
#pidehora-formulario	{position:relative; float:left; margin-top:10px; margin-left:-1px; background:url(../images/secciones/contacto-bg.gif) top left repeat-y; display:inline;}
	#pidehora-formulario ol		{position:relative; float:right; padding:5px 0 20px 30px; }
	#pidehora-formulario li		{position:relative; float:left; clear:both; margin-bottom:8px; color:#cccccc; width:370px;}
	#pidehora-formulario label	{position:relative; float:left; width:170px; display:block; text-align:left;}
	#pidehora-formulario input	{position:relative; float:left; border:none; width:199px; padding:2px 0; background-color:#616060; font-size:12px; line-height:16px; color:#CCC;}
	body#pidehora #texto #pidehora-formulario input#newsletter,
	body#pidehora #texto #pidehora-formulario input#lopd	{width:20px; background-color:transparent;}
	#pidehora-formulario textarea	{position:relative; float:left; clear:both; margin-top:5px; border:none; background-color:#616060; width:370px; height:145px; overflow:auto; font-size:12px; line-height:16px; color:#CCC;}
	#pidehora-formulario li#enviar input	{position:relative; float:right; width:54px; height:25px; background:url(../images/secciones/contacto-enviar.gif) 0 2px no-repeat; cursor:pointer;}
	/* Estilos especiales (campo oculto, mensajes de error y éxito) */
	body#pidehora #texto #pidehora-formulario div#special,
	body#pidehora #texto #pidehora-formulario div#special label,
	body#pidehora #texto #pidehora-formulario div#special input		{display:none;}
	body#pidehora #texto #pidehora-formulario div.message			{display:none;}
	body#pidehora #texto #pidehora-formulario div.message div#alert	{margin-left:30px; margin-bottom:10px; color:#FAB165;}
				
	/* Esconder mapa para imprimir */
	div#mapa-imprimir	{position:absolute; top:0; left:0; width:682px; height:305px; display:none;}

/* =IM MAGAZINE
--------------------------------------------- */
body#imimagazine #contenido ul.dossier-mediabox						{position:relative; float:left; clear:both; width:620px;}
body#imimagazine #contenido ul.dossier-mediabox li a				{color:#c0a891;}
body#imimagazine #contenido ul.dossier-mediabox li a:hover			{color:#c0a891; text-decoration:underline;}
body#imimagazine #contenido #texto span[style="font-weight: bold;"]	{color: #FAB165;}
body#imimagazine #contenido #texto div	{position:relative; float:left; clear:both; width:627px;}

/* Archivo anteriores */
	body#imimagazine #contenido #texto div#archivo_imimagazine						{position:relative; float:left; clear:both; width:700px; display:none;}
	body#imimagazine #contenido #texto div#archivo_imimagazine div.archivo-item		{position:relative; float:left; clear:both; display:block; width:610px;}
	body#imimagazine #contenido #texto div#archivo_imimagazine div.archivo-item h2	{position:absolute; top:0; left:0; width:60px; font-weight:normal; font-size:16px; line-height:60px; text-transform:uppercase; color:#c0a891;}
	body#imimagazine #contenido #texto div#archivo_imimagazine ul.dossier-mediabox 		{position:relative; float:left; display:inline; clear:right; top:-10px; left:0; padding-left:70px; width:555px; background:url(../images/general/linea.gif) bottom left no-repeat;}
	body#imimagazine #contenido #texto div#archivo_imimagazine ul.dossier-mediabox li	{position:relative; float:left; width:50px; height:68px; overflow:hidden; font-size:14px; line-height:14px;}

/* Formulario */
	body#imimagazine #contenido #texto div#formulario_imimagazine	{position:relative; float:left; clear:both; width:700px; margin-left:-27px; padding-left:27px; padding-top:15px; margin-top:15px; background:url(../images/general/v2_separador.gif) top left no-repeat;}
	
	body#imimagazine #contenido #texto div#ayudanos_texto		{position:relative; float:left; clear:none; padding-right:25px; margin-top:10px; width:200px;}
	
	body#imimagazine #contenido #texto div#ayudanos_formulario	{position:relative; float:left; clear:none; width:430px; background:url(../images/secciones/contacto-bg.gif) top left repeat-y;}
		#ayudanos_formulario ol		{position:relative; float:left; width:370px; padding:5px 0 20px 30px; }
		div#ayudanos_formulario li	{position:relative; float:left; clear:both; display:block; margin-bottom:8px; color:#cccccc; width:370px;}
		#ayudanos_formulario li a	{color:#c0a891;}
		#ayudanos_formulario li a:hover	{color:#c0a891; text-decoration:underline;}
		#ayudanos_formulario label	{position:relative; float:left; width:170px; display:block; text-align:left;}
		#ayudanos_formulario input	{position:relative; float:left; border:none; width:199px; padding:2px 0; background-color:#616060; font-size:12px; line-height:16px; color:#CCC;}
		body#imimagazine #texto #ayudanos_formulario input#newsletter,
		body#imimagazine #texto #ayudanos_formulario input#lopd	{width:20px; background-color:transparent;}
		#ayudanos_formulario textarea	{position:relative; float:left; clear:both; margin-top:5px; border:none; background-color:#616060; width:370px; height:145px; overflow:auto; font-size:12px; line-height:16px; color:#CCC;}
		div#ayudanos_formulario li#benviar				{position:relative; float:left; display:block; clear:both; width:370px;}
		div#ayudanos_formulario li#benviar input#enviar	{position:relative; float:right; width:54px; height:25px; background:url(../images/secciones/contacto-enviar.gif) 0 2px no-repeat; cursor:pointer;}
		/* Estilos especiales (campo oculto, mensajes de error y éxito) */
		body#imimagazine #texto #ayudanos_formulario div#special,
		body#imimagazine #texto #ayudanos_formulario div#special label,
		body#imimagazine #texto #ayudanos_formulario div#special input		{display:none;}
		
		#texto div#formulario_imimagazine div.message				{position:relative; float:left; clear:none; display:none; width:370px; overflow-x:hidden;}
		#texto div#formulario_imimagazine div.message div#alert		{position:relative; float:left; clear:none; margin-left:30px; margin-bottom:10px; color:#FAB165; width:370px; overflow-x:hidden;}
	
		body#imimagazine #texto a#ayudanos_but	{display:block; width:180px; height:30px; text-indent:-9999px; position:absolute; z-index:999; top:12px; right:30px;}

/* =MAPA WEB
--------------------------------------------- */
ul#sitemap						{list-style-position:inside; padding:20px 0; position:relative; float:left; clear:both;}
ul#sitemap li					{padding-bottom:3px; position:relative; float:left; clear:both;}
ul#sitemap li.sitemap1			{background-color:#2A2A2B; position:relative; float:left; clear:both; border-bottom:3px solid #393938; display:block; width:590px; padding:3px 20px; list-style-type:none; text-transform:uppercase;}
ul#sitemap li.sitemap1 a		{color:#c6b192; text-decoration:none;}
ul#sitemap li.sitemap1 a:hover	{color:#c6b192; text-decoration:underline;}
ul#sitemap li.sitemap2			{margin-left:20px; position:relative; float:left; clear:both; width:570px;}
ul#sitemap li.sitemap3			{margin-left:40px; position:relative; float:left; clear:both; width:550px;}
ul#sitemap li.sitemap4			{margin-left:60px; position:relative; float:left; clear:both; width:530px;}
ul#sitemap li.sitemap5			{margin-left:80px; position:relative; float:left; clear:both; width:510px;}
ul#sitemap li.sitemap2 a		{color:#FFF; text-decoration:none;}
ul#sitemap li.sitemap3 a,
ul#sitemap li.sitemap4 a,
ul#sitemap li.sitemap5 a		{color:#999; text-decoration:none;}
ul#sitemap li.sitemap2 a:hover	{color:#FFF; text-decoration:underline;}
ul#sitemap li.sitemap3 a:hover,
ul#sitemap li.sitemap4 a:hover,
ul#sitemap li.sitemap5 a:hover	{color:#999; text-decoration:underline;}

/* =SUSCRIPCION NEWSLETTER
--------------------------------------------- */
body#newsletter div#tags	{display:none;}
#newsl-formulario	{position:relative; float:left; margin-top:10px; margin-left:-1px; display:inline;}
		#newsl-formulario ol		{position:relative; float:right; padding:5px 0 20px 30px; }
		#newsl-formulario li		{position:relative; float:left; clear:both; margin-bottom:8px; color:#cccccc; width:370px;}
		#newsl-formulario li a	{color:#c0a891;}
		#newsl-formulario li a:hover	{color:#c0a891; text-decoration:underline;}
		#newsl-formulario label	{position:relative; float:left; width:170px; display:block; text-align:left;}
		#newsl-formulario input	{position:relative; float:left; border:none; width:199px; padding:2px 0; background-color:#616060; font-size:12px; line-height:16px; color:#CCC;}
		body#newsletter #texto #newsl-formulario input#lopd	{width:20px; background-color:transparent;}
		#newsl-formulario textarea	{position:relative; float:left; clear:both; margin-top:5px; border:none; background-color:#616060; width:370px; height:145px; overflow:auto; font-size:12px; line-height:16px; color:#CCC;}
		#newsl-formulario li#enviar input	{position:relative; float:right; width:54px; height:25px; background:url(../images/secciones/contacto-enviar.gif) 0 2px no-repeat; cursor:pointer;}
		/* Estilos especiales (campo oculto, mensajes de error y éxito) */
		body#newsletter #texto #newsl-formulario div#special,
		body#newsletter #texto #newsl-formulario div#special label,
		body#newsletter #texto #newsl-formulario div#special input		{display:none;}
		
		body#newsletter #texto #newsl-formulario div.message				{display:none;}
		body#newsletter #texto #newsl-formulario div.message div#alert		{margin-left:30px; margin-bottom:10px; color:#FAB165;}
	
body#newsletter div.separador	{width:660px; height:30px; overflow:hidden; margin-left:-25px;}
body#newsletter div#paginacion {position:relative; float:left; width:640px; padding:20px 0 10px 0; text-align:center;}
body#newsletter div#paginacion a		{color:#c0a891; text-decoration:none;}
body#newsletter div#paginacion a:hover	{color:#c0a891; text-decoration:underline;}

body#newsletter div#newsletter_archivo	{position:relative; float:left; display:block;}
body#newsletter div#newsletter_archivo div	{position:relative; float:left; display:block; width:640px; text-align:center;}
body#newsletter div#newsletter_archivo div#pie_newsletter	{display:block; background-color:#313134; margin:5px 0 0 20px; width:600px; line-height:20px; padding:5px 0;}
body#newsletter div#newsletter_archivo div#pie_newsletter a	{color:#c0a891;}

/* =ENCUESTA SUGERENCIAS
--------------------------------------------- */
#encuesta_formulario	{position:relative; float:left; margin-top:10px; margin-left:-1px; display:inline;}
	#encuesta_formulario ol		{position:relative; float:right; padding:5px 0 20px 30px; }
	#encuesta_formulario li		{position:relative; float:left; clear:both; margin-bottom:8px; color:#cccccc; width:370px;}
	#encuesta_formulario li a	{color:#c0a891;}
	#encuesta_formulario li a:hover	{color:#c0a891; text-decoration:underline;}
	#encuesta_formulario label	{position:relative; float:left; width:170px; display:block; text-align:left;}
	#encuesta_formulario input	{position:relative; float:left; border:none; width:199px; padding:2px 0; background-color:#616060; font-size:12px; line-height:16px; color:#CCC;}
	body#encuesta #texto #encuesta_formulario input#newsletter,
	body#encuesta #texto #encuesta_formulario input#lopd	{width:20px; background-color:transparent;}
	#encuesta_formulario textarea	{position:relative; float:left; clear:both; margin-top:5px; border:none; background-color:#616060; width:370px; height:145px; overflow:auto; font-size:12px; line-height:16px; color:#CCC;}
	#encuesta_formulario li#enviar input	{position:relative; float:right; width:54px; height:25px; background:url(../images/secciones/contacto-enviar.gif) 0 2px no-repeat; cursor:pointer;}
	/* Estilos especiales (campo oculto, mensajes de error y éxito) */
	body#encuesta #texto #encuesta_formulario div#special,
	body#encuesta #texto #encuesta_formulario div#special label,
	body#encuesta #texto #encuesta_formulario div#special input		{display:none;}
	body#encuesta #texto #encuesta_formulario div.message			{display:none;}
	body#encuesta #texto #encuesta_formulario div.message div#alert	{margin-left:30px; margin-bottom:10px; color:#FAB165;}
	
/* =PREGUNTAS FRECUENTES
--------------------------------------------- */
body#faq #contenido #texto h2				{font-weight:normal; font-size:12px; color:#b1b1b1; line-height:16px; padding-bottom:10px; text-decoration:underline; cursor:pointer;text-transform:uppercase;}
body#faq #contenido #texto h2.menuheader	{color:#c0a891;}

body#faq #texto a			{color:#999; text-decoration:none;}
body#faq #texto ul			{padding-bottom:15px;}
body#faq #texto a:hover		{color:#CCC; text-decoration:underline;}
body#faq #texto div.servicios-intro	{padding-bottom:12px;}
body#faq ul.categoryitems	{padding-bottom:15px;}


/* =TAGS
--------------------------------------------- */
	#tagresults li	{padding-bottom:10px;}
	#tagresults h4	{font-size:12px; color:#FFF;}
	#tagresults h4 a	{color:#FFF;}
	#tagresults a	{color:#DEDEDE; text-decoration:underline;}
	#tagresults a:hover	{color:#999; text-decoration:underline;}
	#tagresults p.abstract	{margin:0;}
	
	
/* =ANTES Y DESPUES
--------------------------------------------- */
body#antesydespues #contenido #texto h1	{text-indent:0;}
body#antesydespues #subcontenido #subnav	{margin-top:0px;}
	body#antesydespues #subcontenido span		{position:absolute; top:0; left:0; width:246px; height:8px; z-index:100; background:url(../images/secciones/subnav-top2.jpg) top left no-repeat;}
		body#antesydespues #subcontenido #subnav-ayd		{position:relative; float:left; clear:both; margin-top:7px; margin-bottom:8px; padding-bottom:3px; background:url(../images/secciones/subnav-bottom2.jpg) bottom left no-repeat;}
div#ayd_fotos	{position:relative; float:left; display:block;}
div#ayd_fotos ul	{position:relative; float:left; clear:both; width:700px; padding-top:12px; padding-bottom:8px;}
div#ayd_fotos ul li	{width:300px; overflow-x:hidden; position:relative; float:left; clear:none; margin-right:15px;}
div#ayd_fotos ul li img	{margin-bottom:5px;}
div#ayd_fotos div.separador	{width:660px; height:10px; overflow:hidden; margin-left:-25px;}

body#antesydespues div#paginacion {position:relative; float:left; width:660px; padding:10px 0; text-align:center;}
body#antesydespues div#paginacion a		{color:#c0a891; text-decoration:none;}
body#antesydespues div#paginacion a:hover	{color:#c0a891; text-decoration:underline;}