@charset "utf-8";
/* CSS Document */
/********************************
RASTRO
*********************************/
ul#rastro{
	overflow:auto;
	height:20px;
	clear:both;
	margin-bottom:0px;
}

	ul#rastro li{float:left; margin-right:3px;}
	ul#rastro li, ul#rastro li a{color:#a6a6a6;font-size:0.70em;}
	ul#rastro li.separador{ font-size:0.5em; }
	ul#rastro li a{font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
	ul#rastro li a.secActual{ color:#666666; font-size:0.8em; font-weight:bold; text-decoration:underline;}
	
/********************************
BANNER MEDICO
*********************************/

#banner-medico {
	width:490px;
	height: 236px;
	background:url(../img/banner_medico.png) repeat-y top;
	cursor: pointer;
}

/********************************
CAJA BUSCADOR CAJA NARANJA
*********************************/
#buscadorCajaNaranja,#buscadorCajaNaranja02{
	width:470px;
	background:url(../img/fondo_past1.gif) repeat-y top #ce1800;
	padding:10px; padding-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:0px;
}

#buscadorCajaNaranja fieldset ol li{
	margin:0;
}

#buscadorCajaNaranja02{
	width:470px;
	background:url(../img/fondo_past1.gif) repeat-y top #ce1800;
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	#buscadorCajaNaranja ul{
		width:470px;
		height:35px;
		list-style:none;
	}
	#buscadorCajaNaranja ul.pest li{
		display:block!important; display:inline;
		float:left;
		width:205px; height:27px;
		padding:8px 0 0 30px;
	}
		#buscadorCajaNaranja ul.pest li a{
			font-size:15px; color:#FFFFFF; text-decoration:none;
			cursor:pointer;
		}
		#buscadorCajaNaranja ul.pest li a:hover{ text-decoration:underline;}
		#buscadorCajaNaranja ul.pest li.select, .caja_naranja ul.pest li.select{ background:url(../img/past1_pest.jpg) no-repeat top;}


	#buscadorCajaNaranja #cajaNaranjaEspecialistaBox, #buscadorCajaNaranja #cajaNaranjaClinicaBox, #buscadorCajaNaranja02 #cajaNaranjaClinicaBox02{
		position:relative;
		width:420px;
		background-color:#FFFFFF;
		padding:25px; padding-bottom:10px;
		font-size:15px;
	}	
		#buscadorCajaNaranja #cajaNaranjaClinicaBox	{display:none;}
		#buscadorCajaNaranja #cajaNaranjaEspecialistaBox fieldset, #buscadorCajaNaranja #cajaNaranjaClinicaBox fieldset, #buscadorCajaNaranja02 #cajaNaranjaClinicaBox02 fieldset{border:none;}
		#buscadorCajaNaranja form#buscadorEspecialistas, #buscadorCajaNaranja form#cajaNaranjaClinicaBox{
			display:block;
			margin-top:15px;
		}
		
		#buscadorCajaNaranja select, #buscadorCajaNaranja02 select{
			width:200px; height:19px;
			font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4c6077;
			padding-top:2px; padding-top:3px\d; margin-bottom:10px;
		}
		
		#buscadorCajaNaranja input, #buscadorCajaNaranja02 input{
			float:none;
			width:265px; height:25px;
			font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#4c6077;
			padding-top:10px; padding-left:7px; margin-top:10px;
			padding:0; margin:0;
		}
		#buscadorCajaNaranja ol li{
			height:34px;
			clear:both;
			overflow:auto;
		}
		#buscadorCajaNaranja ol li.corta{
			height:25px;
			overflow:hidden;
		}
		#buscadorCajaNaranja input#buscadorNombre, #buscadorCajaNaranja02 input#buscadorNombre{ float:left; }
		#contenido_contenedor #columna1 p.nameEjemplo{
			float:right;
			display:inline;
			height:12px;
			font-size:10px; line-height:12px; text-align:right;
			padding:3px;
		}
		
	#buscadorCajaNaranja p.nota{
		float:left;
		font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4c6077;
	}
	#buscadorCajaNaranja .btnGris/*, #profesionalPaso03 .btnGris, #centroPaso04 .btnGris*/{
		position:absolute; bottom:20px; right:30px;
	}
/********************************
OPINIONES
*********************************/
#boxOpiniones{width:490px; background-color:#FFFFFF;}
	#boxOpiniones h3{
		width:480px; height:22px;
		font-size:15px; font-weight:normal;
		padding:13px 0 0 10px;
		border-bottom:1px solid #CCCCCC;
	}
	#boxOpiniones .boxOpinion{
		position:relative;
		width:480px; /*height:125px;*/
		background:url(../img/box_opinion_elemento_fondo.gif) no-repeat bottom;
		margin:0 auto; padding-bottom:15px;
		overflow:auto;
	}
		#boxOpiniones .boxOpinion p.usuario{
			font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px;color:#a6a6a6;
			float:right;
			padding-top:3px;
		}
			#boxOpiniones .boxOpinion p.usuario span{font-family:"Lucida Sans Unicode", Arial, Helvetica; font-size:11px;color:#ff9600;}			
		#boxOpiniones .boxOpinion a.opinionTgt{
			font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#666666; font-weight:bold; text-decoration:none;
			padding:0; margin:0;
			padding-top:5px;
		}			
		#boxOpiniones .boxOpinion a{
			display:block;
			width:300px;
			font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:black; font-weight:bold; text-decoration:none;
			padding-top:20px; 
			margin-bottom:0px;
		}
		#boxOpiniones .boxOpinion .opinionBloqueadaA{
			padding-top: 0px !important;
			width: auto !important;
			font-weight: normal !important;
			text-decoration: underline;
			font-size: 12px !important;
			display: inline;
			font-family:Arial, Helvetica, sans-serif !important;
		}
		#boxOpiniones .boxOpinion .opinionBloqueadaP{
			margin-right: 70px !important;
		}		
		#boxOpiniones .boxOpinion a.home{
			padding-top:0;
			margin-bottom:10px;
		}
		#boxOpiniones .boxOpinion a:hover{ text-decoration:underline;}		
		#boxOpiniones .boxOpinion p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; margin-bottom:10px;}		
		#boxOpiniones .boxOpinion ul li{
			font-size:10px; font-weight:bold; color:#6b6b6b;
			float:left;
			margin-right:8px;
		}		
		#boxOpiniones .boxOpinion img.avatar{
			position:absolute; top:30px; right:15px;
			width:48px; height:56px;
			border:1px solid #CCCCCC;
		}		
		#boxOpiniones .boxOpinion a.darOpinion{
			display:inline;
			float:right;
			width:140px;
			font-size:10px; color:#858585; font-weight:normal;
			margin:0 10px 0 0; padding:0;
		}		
		#boxOpiniones  a.verOpiniones{
			float:right;
			font-size:11px; color:#6b6b6b; text-decoration:none;
			margin-right:5px; margin-top:15px; margin-bottom:20px;
		}		
		#boxOpiniones  a.verOpiniones:hover{text-decoration:underline;}		
		#boxOpiniones  a.addOpinion{
			float:left;
			font-size:11px; color:#6b6b6b; text-decoration:none;
			margin-left:5px; margin-top:15px; margin-bottom:20px;
		}		
		#boxOpiniones  a.addOpinion:hover{text-decoration:underline;}		
/********************************
LOS MÁS VOTADOS
*********************************/
#losMasVotados{
	width:476px;
	padding:7px;
	padding-top:0;
	background-color:#a6a6a6;
}
	span#cabeceraMedicos{
		width:175px; height:22px;
		background-image:url(../img/box_mas_votados_cabecera_medicos.gif);
		float:left;
		padding:15px 0 0 70px; margin-left:-7px;
		display:inline;
		font-size:12px;	font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	}	
	span#cabeceraCentros{
		width:185px; height:22px;
		background-image:url(../img/box_mas_votados_cabecera_centros.gif);
		float:right;
		padding:15px 0 0 60px; margin-right:-7px;
		display:inline;
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;	
	}		
	#losMasVotados #votadosContent{
		background-color:#FFFFFF;
		height:190px;
		
		border:1px solid #dfdfdf; border-top:none;
		clear:both;
	}
		#losMasVotados #votadosContent ul{
			width:220px;
			font-size:1px;
			margin:15px 5px;
		}
			#losMasVotados #votadosContent ul li{
				font-size:09px;
				height:28px;
				margin-bottom:20px;
				overflow:auto;
			}
			#losMasVotados #votadosContent ul li a.usuario, #losMasVotados #votadosContent ul li a.elementoVotado{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ff9600; font-weight:bold; text-decoration:none;}
			#losMasVotados #votadosContent ul li a.elementoVotado{color:#8d8d8d;}
			#losMasVotados #votadosContent span.valoracionEstaticaLittle{
				float:right; 
				margin-top:4px;
			}
			#losMasVotados #votadosContent a#leerMas{
				font-size:11px; font-weight:normal;
				float:right;
				margin-right:5px; padding-right:15px;
				background:url(../img/box_mas_votados_icono_leer_mas.gif) no-repeat right;
			}
			
/********************************
SEO HOME
********************************/
#seoHome{
	width:476px;
	padding:7px;
	padding-top:0;
	background-color:#a6a6a6;
}
	#seoHome span#cabeceraMedicosSeo{
		width:420px; height:22px;
		background-image:url(../img/box_mas_votados_cabecera_medicos.gif);
		/*float:left;*/
		padding:15px 0 0 70px; margin-left:-7px;
		display:block;
		font-size:12px;	font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	}	
	div.cajaEspecialidadesSeo {
		padding: 15px;
		background: #FFF;
	}
	div.cajaEspecialidadesSeo table td { width: 33%; }
	div.cajaEspecialidadesSeo table td a { font-size: 12px; }
	
	#seoHome span#cabeceraCentrosSeo{
		width:416px; height:22px;
		background-image:url(../img/box_mas_votados_cabecera_centros.gif);
		/*float:right;*/
		padding:15px 0 0 60px; margin-right:-7px;
		display:block;
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;	
	}		
	



/********************************
BOTONES
*********************************/
span#valoracionEstatica{
	display:block;
	height:16px;
	background-image:url(../img/icono_valoracion.gif);
	background-repeat:no-repeat;
	font-size:11px; font-weight:bold;
	padding-left:80px;margin-bottom:10px;
	color:#666666;
}

span#valoracionEstaticaDentroProCli{
	display:in-line;
	height:16px;
	background-image:url(../img/icono_valoracion.gif);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:bold;
	padding-left:80px;
	color:#666666;
	width: 0px;
}

span#valoracionEstaticaDestacado{
	display:block;
	height:16px;
	background-image:url(../img/icono_valoracion_destacado.gif);
	background-repeat:no-repeat;
	font-size:11px; font-weight:bold;
	padding-left:80px;margin-bottom:10px;
	color:#666666;
}

span.c00{ background-position:0 0;}
span.c01{ background-position:0 -16px;}
span.c02{ background-position:0 -32px;}
span.c03{ background-position:0 -48px;}
span.c04{ background-position:0 -64px;}
span.c05{ background-position:0 -80px;}
span.valoracionEstaticaLittle{
	display:block;
	width:80px;height:10px;
	background-image:url(../img/icono_valoracion_little.gif);
	background-repeat:no-repeat;
	font-size:9px; font-weight:bold; color:#6b6b6b;
	padding-top:8px;
}
span.valoracionEstaticaLittleDentroProCli{
	display:inline-block;
	width:60px;height:10px;
	background-image:url(../img/icono_valoracion_little.gif);
	background-repeat:no-repeat;
	font-size:9px; font-weight:bold; color:#6b6b6b;
	padding-top:0px;
}
span.l00{ background-position:0 0;}
span.l01{ background-position:-80px 0;}
span.l02{ background-position:-160px 0;}
span.l03{ background-position:-240px 0;}
span.l04{ background-position:-320px 0;}
span.l05{ background-position:-400px 0;}

span.l00ProCli{ background-position:0 0;}
span.l01ProCli{ background-position:-95px 0;}
span.l02ProCli{ background-position:-175px 0;}
span.l03ProCli{ background-position:-255px 0;}
span.l04ProCli{ background-position:-335px 0;}
span.l05ProCli{ background-position:-415px 0;}
a#botonBuscar{
	display:block;
	width:105px; height:31px;
	background:url(../img/btn_135_gris.gif) no-repeat top;
	font-size:17px; font-weight:bold; color:#FFFFFF;text-decoration:none;
	padding-top:7px; padding-left:30px;
	font-size:11px;
}
a#botonBuscar:hover{background-position:bottom;}

.btnFake{
	display:block;
	width:105px; height:34px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#fff; font-weight:bold;
	background:url(../img/btn_der.gif) no-repeat 0 0;
	border:none;
	outline:none;
	cursor:pointer;
}

button.btnFake::-moz-focus-inner { border: 0; }
/********************************
BANNERS
*********************************/
.banner300x250{
	width:300px; height:264px;
	background-color:#d8d8d8;
}
	.banner300x250 h2{
		width:300px; height:14px;
		background:url(../img/banner_300x250_cabecera.gif) no-repeat top;
		text-indent:-999em;
	}	
.banner286x80{
	width:300px; height:80px;
	background-color:#d8d8d8;
}
	.banner286x80 h2{
		width:14px; height:80px;
		background:url(../img/banner_286_80_cabecera.gif) no-repeat top;
		text-indent:-999em;
		float:right;
	}	
.banner160x600{
	width:160px; height:614px;
	background-color:#d8d8d8;
}
	.banner160x600 h2{
		width:160px; height:14px;
		background:url(../img/banner_160x600_cabecera.gif) no-repeat top;
		text-indent:-999em;
	}
.banner728x90{
	width:728px; height:90px;
	background-color:#d8d8d8;
}
	.banner728x90 h2{
		width:14px; height:90px;
		background:url(../img/banner_728x90_cabecera.gif) no-repeat top;
		text-indent:-999em;
		float:right;
	}	
/********************************
BOTON
*********************************/
.btnNaranja{
	display:block;
	height:34px;
	background:transparent url(../img/boton_der.gif) no-repeat right top;
	padding:0 30px 0 0;
	text-decoration:none;
	display:inline;
}
.btnNaranja:hover{ background-position:right bottom;}

	.btnNaranja span{
		display:block;
		float:left;
		height:26px;
		background:url(../img/boton_izq.gif) no-repeat;
		padding:8px 5px 0 15px;
		font-size:13px; font-weight:bold; color:#FFFFFF;
		cursor:pointer;
	}	
.btnNaranja02{
	display:block;
	height:34px;
	background: url(../img/boton_naranja_izq_izq.gif) no-repeat left top;
	padding:0 0 0 30px;
	text-decoration:none;
	display:inline;
}
.btnNaranja02:hover{ background-position:left bottom;}
	.btnNaranja02 span{
		display:block;
		float:left;
		height:26px;
		background:url(../img/boton_naranja_izq_der.gif) no-repeat right;
		padding:8px 15px 0 5px;
		font-size:13px; font-weight:bold; color:#FFFFFF;
		cursor:pointer;
	}	
.btnGris{
	display:block;
	height:34px;
	background:transparent url(../img/boton_gris_der.gif) no-repeat right top;
	padding:0 30px 0 0;
	text-decoration:none;
	display:inline;
}
.btnGris:hover{ background-position:right bottom;}
	.btnGris span{
		display:block;
		float:left;
		height:26px;
		background:url(../img/boton_gris_izq.gif) no-repeat;
		padding:8px 5px 0 15px;
		font-size:13px; font-weight:bold; color:#FFFFFF;
	}	
/********************************
CAJA LATERALES
*********************************/
.boxLateral{
	width:300px; height:126px;
	background:url(../img/box_lateral_fondo.gif) no-repeat 0 0;
	margin-bottom:12px;
}
	.boxLateral h4{
		color:#FFFFFF;
		height:24px;
		font-size:15px;
		padding-left:15px; padding-top:4px;	
	}
	.boxLateral p{
		position:relative;
		width:260px; height:87px;
		background-color:#FFFFFF;
		margin:0 auto; padding:5px 12px 0 12px;
		font-size:11px; color:#5c5c5c;
	}	
	.boxLateral .btnNaranja{
		position:absolute; bottom:3px; right:5px;	
	}
	

	/* ENCUESTAS */
	.boxEncuesta{
		position:relative;
		width:300px;
		background:url(../img/box_encuesta_tile.gif) repeat-y 0 0;
		overflow:visible; overflow:auto\9;
	}
		.boxEncuesta h4{
			height:40px;
			font-size:15px;color:#FFFFFF;
			padding-left:15px; padding-top:4px;	
			background:url(../img/box_encuesta_cabecera.gif) no-repeat 0 0;
		}
		.boxEncuesta img{
			display:block;
		}
		.boxEncuesta .pie{
			position:absolute; bottom:0; left:0;
			background:url(../img/box_encuesta_footer.gif) no-repeat 0 0;			
		}	
	
/********************************
PAGINADOR
*********************************/
ul.paginador{
	width:280px;
	margin:0 auto;
	overflow:auto;
}
ul.paginador li{
	display:inline;
	font-size:11px; color:#f96500;
	margin-left:5px;
}
ul.paginador li a{color:#565656; text-decoration:none;}
ul.paginador li a:hover{color:#d70d00;}
ul.paginador li a.select{ color:#f96500;}
/********************************
HR SEPARADOR
*********************************/
.hr{
	clear:both;
	width:485px; height:3px;
	margin:10px auto;
	background:url(../img/hr_tile.gif) repeat-x left top;
}
/********************************
NUBE
*********************************/
.nube{
	position:relative;
	width:300px;
}
	.nube p{
		width:300px; height:270px;
		margin:10px auto;
		font-family:Arial, Helvetica, sans-serif; line-height:1.5em;
		overflow:hidden;
	}	
	.nube h3{
		font-size:15px; height:24px; font-weight:normal;
		border-bottom:1px solid #CCCCCC;
	}	
	.nube a{text-decoration:none; color:#515b62;}
	.nube a:hover{text-decoration:underline; color:#ee0000;}

	.nube a.em01{font-size:0.6em;}
	.nube a.em02{font-size:0.9em;}	
	.nube a.em03{font-size:1.2em;}
	.nube a.em04{font-size:1.5em; color:#ff9700;}
	.nube a.em05{font-size:1.8em; color:#ff9700;}	
/********************************
ENLACES RELACIONADOS
*********************************/
ul.enlacesRelacionados{list-style:disc;}
	ul.enlacesRelacionados li a{font-size:11px; color:#858585; text-decoration:none;}
	ul.enlacesRelacionados li a:hover{text-decoration:underline; color:#ee0000;}	
/********************************
PASOS FORMULARIO
*********************************/
/* PROFESIONAL */
#pasos{
	position:relative;
	width:491px; height:39px;
	margin:0 auto;	
}
	#pasos a{
		position:absolute; top:0;
		display:block;
		background-image:url(../img/formulario_pasos.gif);
		background-repeat:no-repeat;
		text-indent:-999em;
		cursor:pointer;
	}
		#pasos .paso01Off{
			width:85px; height:39px;
			left:0;
			background-position:top left;
			z-index:40;
		}
		#pasos .paso01On{
			width:85px; height:39px;
			left:0;
			background-position:bottom left;
			z-index:40;
		}
		#pasos .paso02Off{
			width:111px; height:39px;
			left:73px;
			background-position:-85px 0;
			z-index:30;
		}
		#pasos .paso02On{
			width:111px; height:39px;
			left:73px;
			background-position:-85px bottom;
			z-index:30;
		}
		#pasos .paso03Off{
			width:101px; height:39px;
			left:172px;
			background-position:-196px 0;
			z-index:20;
		}
		#pasos .paso03On{
			width:101px; height:39px;
			left:172px;
			background-position:-196px bottom;
			z-index:20;
		}
		#pasos .paso04Off{
			width:132px; height:39px;
			left:261px;
			background-position:-297px 0;
			z-index:10;
		}
		#pasos .paso04On{
			width:132px; height:39px;
			left:261px;
			background-position:-297px bottom;
			z-index:10;
		}
		#pasos .paso05Off{
			width:108px; height:39px;
			left:382px;
			background-position:-429px 0;
			z-index:1;
		}
		#pasos .paso05On{
			width:108px; height:39px;
			left:382px;
			background-position:-429px bottom;
			z-index:1;
		}

/* PASO LIGHTBOX 01 */		
#pasosLightbox{
	position:relative;
	width:500px; height:39px;
	margin:0 auto;	
}
	#pasosLightbox a{
		position:absolute; top:0;
		display:block;
		background-image:url(../img/formulario_pasos03.gif);
		background-repeat:no-repeat;
		text-indent:-999em;
		cursor:pointer;
	}
		#pasosLightbox .paso01Off{
			width:172px; height:39px;
			left:0;
			background-position:top left;
			z-index:40;
		}
		#pasosLightbox .paso01On{
			width:172px; height:39px;
			left:0;
			background-position:bottom left;
			z-index:40;
		}
		#pasosLightbox .paso02Off{
			width:172px; height:39px;
			left:162px;
			background-position:-172px 0;
			z-index:30;
		}
		#pasosLightbox .paso02On{
			width:172px; height:39px;
			left:162px;
			background-position:-172px bottom;
			z-index:30;
		}
		#pasosLightbox .paso03Off{
			width:172px; height:39px
			left:326px;
			background-position:-346px 0;
			z-index:20;
		}
		#pasosLightbox .paso03On{
			width:172px; height:39px;
			left:326px;
			background-position:-346px bottom;
			z-index:20;
		}

/* CENTROS */
#pasosCentros{
	position:relative;
	width:491px; height:39px;
	margin:0 auto;
}
#pasosCentros a{
		position:absolute; top:0;
		display:block;
		background-image:url(../img/formulario_pasos02.gif);
		background-repeat:no-repeat;
		text-indent:-999em;
		cursor:pointer;
	}
		#pasosCentros .paso01Off{
			width:72px; height:39px;
			left:0;
			background-position:top left;
			z-index:40;
		}
		#pasosCentros .paso01On{
			width:72px; height:39px;
			left:0;
			background-position:bottom left;
			z-index:40;
		}
		#pasosCentros .paso02Off{
			width:133px; height:39px;
			left:60px;
			background-position:-72px 0;
			z-index:30;
		}
		#pasosCentros .paso02On{
			width:133px; height:39px;
			left:60px;
			background-position:-72px bottom;
			z-index:30;
		}
		#pasosCentros .paso03Off{
			width:94px; height:39px;
			left:181px;
			background-position:-205px 0;
			z-index:20;
		}
		#pasosCentros .paso03On{
			width:94px; height:39px;
			left:181px;
			background-position:-205px bottom;
			z-index:20;
		}
		#pasosCentros .paso04Off{
			width:127px; height:39px;
			left:263px;
			background-position:-299px 0;
			z-index:10;
		}
		#pasosCentros .paso04On{
			width:127px; height:39px;
			left:263px;
			background-position:-299px bottom;
			z-index:10;
		}
		#pasosCentros .paso05Off{
			width:112px; height:39px;
			left:378px;
			background-position:-426px 0;
			z-index:1;
		}
		#pasosCentros .paso05On{
			width:112px; height:39px;
			left:378px;
			background-position:-426px bottom;
			z-index:1;
		}
