/*------------------------<menu-top>------------------------------*/

#menu-top {
	clear: both;
	background: url(../img/menu.gif) right no-repeat;
	width: 800px;
	height: 40px;
}

#opciones {
	margin: 0;
	padding: 0;
	height: 40px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#opciones li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#opciones a {
	float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:40px; /* for IE5/Win Only */
}

#opciones a:hover {
	background-position: 0 -40px;
}

#opciones a:active, #opciones a.selected {
	background-position: 0 -80px;
}

#opcion-inicio a {
	width: 50px;
	background: url(../img/opcion-inicio.gif) top left no-repeat;
}

#opcion-miopia a {
	width: 56px;
	background: url(../img/opcion-miopia.gif) top left no-repeat;
}

#opcion-hipermetropia a {
	width: 112px;
	background: url(../img/opcion-hipermetropia.gif) top left no-repeat;
}

#opcion-astigmatismo a {
	width: 94px;
	background: url(../img/opcion-astigmatismo.gif) top left no-repeat;
}

#opcion-presbicia a {
	width: 82px;
	background: url(../img/opcion-presbicia.gif) top left no-repeat;
}

#opcion-catarata a {
	width: 62px;
	background: url(../img/opcion-catarata.gif) top left no-repeat;
}

#opcion-queratocono a {
	width: 98px;
	background: url(../img/opcion-queratocono.gif) top left no-repeat;
}

#opcion-oculoplastica a {
	width: 104px;
	background: url(../img/opcion-oculoplastica.gif) top left no-repeat;
}

#opcion-estrabismos a {
	width: 88px;
	background: url(../img/opcion-estrabismos.gif) top left no-repeat;
}

#opcion-retina a {
	width: 54px;
	background: url(../img/opcion-retina.gif) top left no-repeat;
}
/*------------------------</menu-top>------------------------------*/

/*------------------------<menu-principal>------------------------------*/

/* Root = Horizontal, Secondary = Vertical */
ul#menu-principal {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 800px; /*For KHTML*/
  list-style: none;
  height: 30px;
  background: #1C64B2;  
}

ul#menu-principal li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 30px;
}

ul#menu-principal ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 250px;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
}

ul#menu-principal ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#menu-principal a {
  border: 1px solid #2E70B8;
  border-right-color: #265594;
  border-bottom-color: #265594;
  padding: 7px 9px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #1C64B2;
  color: #fcfcfc;
  font: bold 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}


/* Root Menu Hover Persistence */
ul#menu-principal a:hover,
ul#menu-principal li:hover a,
ul#menu-principal li.iehover a {
  background: #2E70B8;
  color: #FFFFCC;
}

/* 2nd Menu */
ul#menu-principal li:hover li a,
ul#menu-principal li.iehover li a {
  float: none;
  background: #2E70B8;
  color: #fcfcfc;
}

/* 2nd Menu Hover Persistence */
ul#menu-principal li:hover li a:hover,
ul#menu-principal li:hover li:hover a,
ul#menu-principal li.iehover li a:hover,
ul#menu-principal li.iehover li.iehover a {
  background: #C9E2FB;
  color: #1C64B2;
}

/* 3rd Menu */
ul#menu-principal li:hover li:hover li a,
ul#menu-principal li.iehover li.iehover li a {
  background: #2E70B8;
  color: #fcfcfc;
}

/* 3rd Menu Hover Persistence */
ul#menu-principal li:hover li:hover li a:hover,
ul#menu-principal li:hover li:hover li:hover a,
ul#menu-principal li.iehover li.iehover li a:hover,
ul#menu-principal li.iehover li.iehover li.iehover a {
  background: #C9E2FB;
  color: #1C64B2;
}

/* 4th Menu */
ul#menu-principal li:hover li:hover li:hover li a,
ul#menu-principal li.iehover li.iehover li.iehover li a {
  background: #2E70B8;
  color: #fcfcfc;
}

/* 4th Menu Hover */
ul#menu-principal li:hover li:hover li:hover li a:hover,
ul#menu-principal li.iehover li.iehover li.iehover li a:hover {
  background: #C9E2FB;
  color: #1C64B2;
}

ul#menu-principal ul ul,
ul#menu-principal ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 250px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu-principal li:hover ul ul,
ul#menu-principal li:hover ul ul ul,
ul#menu-principal li.iehover ul ul,
ul#menu-principal li.iehover ul ul ul {
  display: none;
}

ul#menu-principal li:hover ul,
ul#menu-principal ul li:hover ul,
ul#menu-principal ul ul li:hover ul,
ul#menu-principal li.iehover ul,
ul#menu-principal ul li.iehover ul,
ul#menu-principal ul ul li.iehover ul {
  display: block;
}

/*------------------------</menu-principal>------------------------------*/

/*------------------------<links>------------------------------*/
#contenido a:link, #contenido a:visited {
	color: #265594;
	text-decoration: underline;
}

#contenido a:hover, #contenido a:active {
	color: #990000;
	text-decoration: underline;
}

/*------------------------</links>------------------------------*/


/*------------------------<old-css>------------------------------*/
/* HTML ELEMENTS 
****************************************
*/
body{
	margin : 0 auto;
	/*text-align: center;*/
	background: #246494 url(../imagenes/body-back.gif) repeat-y 50% 0;
}
h2{
   /*font-family: "Times New Roman", Times, serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
   margin-left: 10px;
   color : #333;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #042351;*/
	color: #333;
	text-align: justify;
	padding: 12px;
}


/* DIVS AND SHIT, LAYOUT 
*********************************************/
#blefa img{
	padding:6px;
	background: #F4F4F4;
	border: 1px solid #B0B0B0;
	margin:10px;
	float: left;
}

#doctopics img{
    float:left;
	padding:6px;
	background: #F4F4F4;
	border: 1px solid #B0B0B0;
	margin:10px;
}
#container {
  margin: 0 auto;
  width: 800px;
  
  }
#navegacion{
	width: 800px;
	text-align: left;
	padding: 0;
	margin: 0;
	
}
#navegacion img{
	border: none;
	vertical-align: top;
}
#contenido{
	width: 553px;
	height:606px;
	background-image: url(../imagenes/watermark2.jpg);
	background-repeat: no-repeat;
	background-color: #B3EAFF;
	float:left;
	text-align: justify;	
	}
#formita{
	padding: 0 0 0 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#tablaformita{
	padding: 0 0 0 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#quicker{
   margin-left: 5%;
}
#enfermedades li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	list-style: circle;
	color: #333;
	margin-bottom: 10px;
}
#fotografias img{

	padding:6px;
	background: #F4F4F4;
	border: 1px solid #B0B0B0;
	margin:10px;
}
#derecha{
   width:247px;
	height:400px;
	background-image: url(../imagenes/ubicacion.gif);
	/*background-image: url(imagenes/back_forma.gif);*/
	background-color: #9FD8F6;
	float:left;
	
}
#derecha form {
	text-align: right;
	margin: 10px 5px 0 0;
	}
#derecha input{
	margin: 0 0 3px 0;
}
#pie{
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 70%;
color: #026792;
padding: 0 10px 10px 0;
}
/* CLASSES AND SHIT
******************************************/
.headingForma{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}


/*------------------------</old-css>------------------------------*/