/* GENERAL DEFINITIONS STARTS */

* { margin: 0; padding: 0; }
body { background: url(../images/default/details/fondo_total.jpg) repeat-x top rgb(228,238,243); font:12px Arial, Helvetica, sans-serif; color: #666; }
img { border:0 none; }
a { text-decoration:none; }
input { border:0 none; }
ul { list-style:none; }
fieldset { border:0 none; }

.clear { clear: both; }

#Top, #PageContent, #Footer { width:792px; margin:0 auto; }

/* .......................................... TOP CONTAINER .......................................... */

#MainContainer {  }

/* ........................................... TOP STARTS ........................................... */

#Top { margin-top:3px; width:766px; background: url(../images/default/banner/as_oftalmologica_cr.jpg) no-repeat 162px 23px; }
.Logo { display:block; width:156px; height:128px; float:left; }
.Banner { width:606px; float:left; }	

/* ____________ FORM REGISTRO ____________ */

form.Registro { width:229px; height:65px; margin:14px 0 7px 377px; position:relative; color:#fff; 
background:url(../images/default/banner/acceso_rep.jpg) repeat-x; }

.Posicion_Izq { position:absolute; top:0; left:0 }
.Posicion_Der { position:absolute; top:0; right:0 }
*html .Posicion_Der { right:-1px; }

form.Registro fieldset { display:block; height:19px; line-height:19px; margin:0 0 0 14px; border:0 none;  }
form.Registro fieldset.center { text-align:center; margin:0 0 4px 0; }
form.Registro fieldset.right { text-align:right; width:140px; }
form.Registro fieldset input { width:85px; height:14px; padding:0 0 0 2px; background:rgb(228,235,243); font-size:11px; color:#006699; }
form.Registro .InputBoton { display:block; width:57px; height:23px; color:#fff; position:absolute; bottom:12px; right:14px; background:url(../images/default/banner/acceso_entrar.jpg) no-repeat; }
form.Registro .InputBoton:hover { background: url(../images/default/banner/acceso_entrar_encima.jpg) no-repeat; }

/* ____________ FORM REGISTRO ____________ */

ul.MenuPrincipal { display:block; width:492px; float:right; }
*html ul.MenuPrincipal { width:497px; }
ul.MenuPrincipal li { width:114px; height:35px; float:left; margin:0 4px 0 5px; }
ul.MenuPrincipal li a { display:block; width:114px; height:35px; padding:8px 0 0 0; font-size:15px; color:#999; text-align:center; background:url(../images/default/menu/menu_up.gif) no-repeat; outline:none; }
ul.MenuPrincipal li a:hover { padding:7px 0 0 0; background:url(../images/default/menu/menu_over.gif) no-repeat; color:#fff; }

/* ____________ BIENVENIDA ____________ */

.Bienvenida { width:739px; background:url(../images/default/bienvenidos/bienvenidos_repetir_vert.jpg) repeat-y center; }
.Titulo { height:37px; position:relative; background: rgb(228,238,243); }
.Titulo h2 { display:block;  width:156px; height:23px; padding:14px 0 0 0; font-size:18px; font-weight:normal; text-align:center; background:url(../images/default/bienvenidos/bienvenidos_pestana.jpg) no-repeat center center; }

.TapaGoteras { display:block; width:18px; height:18px; position:absolute; bottom:-11px; right:0; }
*html .TapaGoteras { bottom:-12px; right:-1px; }
.Bienvenida p { width:683px; padding:9px 21px 0; margin:0 auto; min-height:42px; background: url(../images/default/bienvenidos/bienvenidos_repetir_horiz.jpg) bottom	 repeat-x ; }
*html .Bienvenida p { height:42px; }

/* ........................................ MAIN PAGE STARTS ........................................ */

#PageContent { }
#CenterContent { padding:7px 0; background:url(../images/default/details/principal_esq_1.gif) no-repeat top left #fff; }

/* ____________ MODULO 1 ____________ */

#Modulo_01 { margin:0 7px; padding:15px 0 13px 18px; position:relative; background:url(../images/default/details/fondo_gradiente.jpg) no-repeat 0 0;  }

ul.MenuVertical { display:block; width:226px; padding:12px 0 0 0; float:left; background:url(../images/default/details/cabecera.jpg) repeat-x top #fff;  }
ul.MenuVertical li { display:block;  }
ul.MenuVertical li a { display:block; height:24px; padding:5px 0 0 9px; color:#006699; border-bottom:1px dashed #999; font-size:15px; outline:none; 
					   background:url(../images/default/menu/manu_bullet.gif) no-repeat 205px 13px; }
ul.MenuVertical li a:hover { border-right:4px solid #006699;
							 background:url(../images/default/menu/manu_bullet_encima.gif) no-repeat 205px 13px rgb(245,245,245);  }

.esquina { position:absolute; top:-7px; right:-7px; }

	*html  .esquina { right:0px; } /* IE */
	*html ul.MenuVertical { position:relative; z-index:1; } /* IE */


/* ____________ SEPARACION ____________ */

	.Separacion { height:12px; background: url(../images/default/details/principal_esq_4.gif) no-repeat right bottom #fff; }
					 
		*html .BannerEventos { position:relative; z-index:1; } /* IE */
	
.EventosFlash { width:467px; height:181px; margin:0 auto; background:url(../images/index/actividades_banner.jpg) no-repeat 0 0; text-align:left; position:relative; }	
.EventosFlash h1 { display:block; width:350px; height:30px; margin:0 0 0 20px; padding:15px 0 0 0; font-size:21px; color:#006699; font-weight:normal; text-align:left; }	
.EventosFlash p { display:block; width:350px; height:80px; margin:0 0 5px 20px;  text-align:left; clear:left; }
.EventosFlash a { display:block; width:114px; height:20px; margin:0 0 0 36px; padding:10px 0 0 0; color:#666; text-align:center; position:absolute; left:0px; bottom:20px; }
.EventosFlash a:hover { color:#069 ; }
.EventosFlash img { display:block; border:9px solid #fff; float:right; position:relative; top:-10px; z-index:10; }

	
	.Pestana { height:19px; background:url(../images/default/details/raya.gif) repeat-x; margin:13px 0 0 0; clear:both; }
	.Pestana h3, 
	.Pestana span { display:block; width:90px; height:19px; font-size:11px; float:left;  text-align:center; color:#069; line-height:18px; background:rgb(228,236,243); }
	.Pestana h3 { margin:0 0 0 24px; }
	.Pestana span { border-left:1px solid #fff; width:19px; }
	.Pestana img { margin:4px; }
	
	/* ____________ MODULOS ____________ */
	
	#Modulo_02, #Modulo_03, #Modulo_04 { display:none;  }

		/* ____________ MODULO 2 ____________ */
		
		.subir { display:block; width:19px; height:19px; background:rgb(228,236,243); float:right; margin:0 3px 0 0; }
		#mostrar { display:block; width:19px; height:19px; background:rgb(228,236,243); float:right; margin:0 21px 0 0;  }
		#mostrar:hover, .subir:hover { background:#069; }
		
		#mostrarLeft { display:block; width:19px; height:19px; background:rgb(228,236,243); float:right; margin:0;  }
		#mostrarLeft:hover, .subir:hover { background:#069; }
		
		
		
		
		

		/* ____________ MODULO 3 ____________ */
		
		.subir2 { display:block; width:19px; height:19px; background:rgb(228,236,243); float:right; margin:0 3px 0 0; }
		#mostrar2 { display:block; width:19px; height:19px; background:rgb(228,236,243); float:right; margin:0 21px 0 0;  }
		#mostrar2:hover, .subir2:hover { background:#069; }
	
		#mostrar2Left { display:block; width:19px; height:19px; background:rgb(228,236,243); float:right; margin:0;  }
		#mostrar2Left:hover, .subir2:hover { background:#069; }
		
		
		/* ____________ MODULO 3 ____________ */
		
		.subir3 { display:block; width:19px; height:19px; background:rgb(228,236,243); float:right; margin:0 3px 0 0; }
		#mostrar3 { display:block; width:19px; height:19px; background:rgb(228,236,243); float:right; margin:0 21px 0 0;  }
		#mostrar3:hover, .subir3:hover { background:#069; }
		
		#mostrar3Left { display:block; width:19px; height:19px; background:rgb(228,236,243); float:right; margin:0;  }
		#mostrar3Left:hover, .subir3:hover { background:#069; }		
	
	/* ____________ BUSCAR ____________ */
	
	.buscar { display:block; height:161px; margin:0 22px; color:#fff; 
	background:url(../images/index/buscar_bg.jpg) repeat-x top;}
	
	.buscar h4 { display:block; height:38px; font-size:12px; font-weight:normal; line-height:33px; }
	.buscar input {  height:22px; width:197px; float:left; padding:2px 0 0 6px; }
	.buscar input.InputBoton { width:88px; height:24px; color:#fff; padding:0; cursor:pointer; 
	background:url(../images/default/forms/buscar_boton.jpg) repeat-x top;  }
	.buscar input.InputBoton:hover {  background:url(../images/default/forms/buscar_boton_hover.jpg) repeat-x top; }
	
	.buscarAqui { width:315px; float:left; padding:50px 0 0 77px; 
	background:url(../images/default/forms/icono_pregunta.jpg) no-repeat 10px 46px; }
	.buscar img { display:block; float:left; }
	
	.Nota { display:block; float:left; height:55px; margin:70px 0 0 12px; }
	.Nota p { width:169px; text-align:center; float:left; padding:5px 0 0 0; }
	
	/* ____________ CONSULTA ____________ */
	
	.borde { width:747px; border:1px solid #ccc; margin:23px auto 0; }
	.Consulta { width:731px; height:191px; margin:8px auto; border-bottom:6px solid #069; 
	background:url(../images/index/consulta_bg.jpg) repeat-x top; }
	
	.Consulta input {  width:188px; height:20px; margin:0 0 5px 0; padding:4px 0 0 6px; background:rgb(240,240,240); display:block; }
	.Consulta .comment { width:351px; margin:13px 0 0 0; }
	.Consulta textarea { border:0 none; width:341px; height:67px; margin:0 0 5px 0; padding:4px 0 0 6px; background:rgb(240,240,240); display:block; }

	.bot_contact { width:550px; text-align:right; padding:0 30px 0 0; }
	.Consulta input.InputBotonContact { width:89px; height:27px; text-align:center; float:right; font:bold 12px Arial; padding:0; color:#666; cursor:pointer;
	 background:url(../images/default/forms/contact.jpg) no-repeat 0 0; }
	.Consulta input.InputBotonContact:hover { color:#fff; font-weight:normal; background:url(../images/default/forms/contact_hover.jpg) no-repeat 0 0; }
	
	.Datos { width:206px; display:block; padding:13px 0 0 18px; }
	.Datos fieldset { width:206px; }
	
	.Consulta fieldset { font-size:15px; float:left; }
	.Consulta h4 { display:block; width:480px; height:45px; padding:0 0 0 72px; font-size:15px; font-weight:normal; float:left; color:#fff; background:url(../images/default/forms/icono_chat.jpg) no-repeat 0 0; line-height:42px; }
	.doctor2 { display:block; float:right; margin:8px 0 0 0; }
	
	/* ____________ secciones ____________ */
	
	.Secciones { margin:22px 17px 0; }
	.Secciones img { float:left; }
	.Secciones p {  float:left; }
		.Link { width:362px; float:left; margin:0 0 30px 0; }
		.Link span { font-size:21px; float:left; }
		.Link .push { text-decoration:underline; font-size:11px; color:#999; display:block; width:69px; clear:left; outline:none; cursor:pointer; }
		.Link .pushBlack { text-decoration:underline; font-size:11px; color:#FFF; display:block; width:69px; clear:left; outline:none; cursor:pointer; }
		.Link .push:hover { color:#000; }
		
			.galeria { background:url(../images/default/secciones/galeria_repeat.gif) repeat-x;  color:#fff;}
				.galeria span { font-size:21px; float:left; }
				.galeria img { vertical-align:sub; }
				.galeria p { margin:30px 0 0 15px; }
				
			.foro { background:url(../images/default/secciones/foro_repeat.gif) repeat-x; }
				.foro p { margin:30px 0 0 15px; }
			
			.patologias { background: url(../images/default/secciones/patologias_repeat.jpg) repeat-x;  }
			
			.directorio { background:rgb(255,255,219); margin:0 }
				.patologias p, .directorio p { width:225px; float:left; font-size:12px; line-height:14px; margin:11px 0 0 }
				.patologias span, .directorio span { color:#996; position:relative; top:-3px; }
				
				.Secciones .Sec_right { float:right; }
				
				.diferencia { background:url(../images/default/secciones/foro_repeat.gif) repeat-x; margin-right:5px; }
				.linkinter { background:url(../images/default/secciones/galeria_repeat.gif) repeat-x;  color:#fff; margin:0 11px 0 0; }				
				
				

/* ........................................ BOTTOM PAGE STARTS ........................................ */

	#Bottom { height:91px; margin:14px 0 0 0; padding:15px 0 0 32px; position: relative; background:url(../images/default/pie/pie_repetir_horiz.jpg) repeat-x rgb(0,54,58); }
	.botoEqui_1 { position:absolute; top:0; left:0; }
	.botoEqui_2 { position:absolute; top:0; right:0; }
	.botoEqui_3 { position:absolute; bottom:0; left:0; }
	.botoEqui_4 { position:absolute; bottom:0; right:0; }
	
	#Bottom p { display:block; width:267px; margin:17px 48px 0 0; font-size:11px; color:#fff; float:left; }
	#Bottom a { color:#fff; outline:none; }
	#Bottom a:hover { text-decoration:underline; }
	#Bottom img { display:block; float:left }
	
/* ........................................ FOOTER PAGE STARTS ........................................ */

	#Footer { height:10px; }
	

.InfoText{
float:left;
width:275px;
margin-top:-10px;
}

.InfoImages{
float:left;
margin: 10px 5px 0 0;
border:5px solid #069;
}

.BulletDisplay{
list-style-type:circle;
}