body {font-family: verdana, arial, sans-serif; font-size:1em;
 text-align:center;background: #ffffff;}
 #header {margin: 0 auto 0 auto;width: 755px;
	padding: 0;
	border: 0px solid #fff;height: 285px; no-repeat center top;
}

.container {text-align:left; position:relative;background:#fff url(images/bannerRef.jpg) no-repeat left top; margin:10px auto; padding:10px; border:0px solid #000;}
.menu {font-family: arial, sans-serif; width:131px; height:217px; position:absolute; margin: 66px 0px 0px -2px; font-size:11px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:120px; height:30px; border:1px solid #ffffff;/*#AA8114;*/ border-width:1px 1px 0 0; background:transparent  url(images/opaque.png); line-height:29px; font-size:11px; padding-left:10px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/*p { text-align: center; }
p a { color: #666; text-decoration: none; font: 11px/1.5 tahoma, arial, verdana, sans-serif; }
p a em { font-style: normal; border-bottom: 1px solid #999; }
p a:hover em { color: #333; border-bottom: 0; }*/

div#leftcolumn {position:absolute; left:0px; top:265px; width:150px; padding:.5em 0 0 0; margin:22px 0 0 0px;}/*posicionamiento de la columna izquierda*/
div#leftcolumn ul {border:0; margin: 12px 20px 12px 1.25em; padding:0; list-style-type:none;}
div#leftcolumn li {border-bottom:2px dotted #960; margin:0; padding:.3em 0; text-indent:.5em}
div#leftcolumn li:first-child {border-top:2px dotted #960;}					
div#leftcolumn a {text-decoration:none; color:#AA8114;}
div#leftcolumn a:hover {color:#960;}
* html div#leftcolumn ul {border-top:2px dotted #AA8114;} /*A hack for Internet Explorer for Windows only*/							
						
 div#subnav {width:100%;  /* makes the div fill its container - usually body */
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-size:1em;  /* sets the font size of all links */
					text-align:left; /* centers the ul elements in the div */
					background-color:#fdfdfd; /* sets the background color of the div */
					}
 div#subnav ul {margin:2px 0;} /* vertical spacing between the lists */
 div#subnav li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:#F90; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#A84; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#subnav li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#subnav ul li a {text-decoration:none; /* removes the underlining off the links */
 							 color:#AA8114; /* the color of the links */
							 }
 div#subnav ul li a:hover {text-decoration:underline;} /* underlines the links when hovered */
 div#subnav ul.fineprint li {color:#CCC;} /* color for copyright and vert dividers on last row */
 div#subnav ul.fineprint li a {color:#CCC;} /* had to explicitly color these or they inherit white from div#footer li */
 div#subnav ul.fineprint li a:hover {color:#E92;} /* turns bottom row white when hovered */

div#content {background: transparent;}						
div#content {
	/*margin:0px 183px 0px 125px;*/
	margin: 0 177px 0 125px;
	padding: 0 1em;
}/*margenes presentados de este forma son top, right, bottom, left; en el sentido de las agujas de reloj*/ 
div#content h1{font-size:1.25em; color: #AA8114; text-align: center;} /*título en el téxto; su tamaño equivale al 100% del tamaño asignado inicialmente*/
div#content h2{font-size:1.1em; color: #AA8114; text-align: left;}
div#content p {margin-top:0; margin-bottom=.5em; text-align: justify; font-size:.8em; color:#333}	/*el cuerpo de texto, párrafo; 80% del tamaño de referencia*/
div#content li {font-size:.75em;} /*el texto de las listas en el párrafo; 75% del tamaño de referencia*/
div#content img {border: 1px solid #AA8114;}
div#content div#mainimage {width:185; float:left; margin:0 4px 4px 0;}
div#content div#conceptimage {width:400; float:left; margin:0 4px 4px 0;}
div#content blockquote {width: 250px; float:right; font-size:.7em; border-top: 3px dotted #960; border-bottom:2px dotted #960; margin:0 10px; padding: 6px 10px;}
div#content blockquote p {margin:0;font-style:italic;}
div#content a {color:#C60; text-decoration:none;}
div#content a:hover {color: #960; text-decoration:underline;}

div#rightcolumn {position:absolute; width:156px; top:265px; left:0px; margin:20px 15px 0 622px; padding:1em  0;}/*posicionamiento de la columna derecha*/
div#rightcolumn h3 {text-align:center; font-size:.9em; color:#960; margin-bottom:0; padding-top:3px; border-top:2px dotted #960;}
div#rightcolumn h4 {text-align:right; font-size:.7em; color:#960; margin-bottom:0; padding-bottom:23px; padding-left:3px; /*border-top:2px dotted #960;*/}
div#rightcolumn p {font-size:.8em;}/*párrafo de la columna izquierda; 75% del tamaño de referencia*/
div#rightcolumn img {border:none;}
div#rightcolumn div#newslinks ul {list-style-type:none; font-size:.7em; margin-left:0; padding-left: 10px; margin:0 6px 0 0;}
div#rightcolumn a {color: #AA8114; text-decoration:none;}
div#rightcolumn a:hover {color: #AA8114; text-decoration:underline;}
div#rightcolumn li.morelink {font-style:italic;}

 div#footer {width:120%;  /* makes the div fill its container - usually body */
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-size:.8em;  /* sets the font size of all links */
					text-align:center;  /* centers the ul elements in the div */
					margin: 0 0 0 -60px;
					background-color:#fdfdfd; /* sets the background color of the div */
					}
 div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:F90; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#A84; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 							 color:#AA8114; /* the color of the links */
							 }
 div#footer ul li a:hover {text-decoration:underline;} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#CCC;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#CCC;} /* had to explicitly color these or they inherit white from div#footer li */
 div#footer ul.fineprint li a:hover {color:#E92;} /* turns bottom row white when hovered */
 
/* Design 6 */
table.Design6 {
    border-spacing: 0px;
/*    border-collapse: collapse; */
    background: #FFF;
    border: 0.1em 0.1em 0em 0.1em solid #E9E9F3;
}
table.Design6 th {
    text-align: left;
    font-weight: normal;
    font-size: 0.6em;
    padding: 0.1em 0.1em;
    border: 0px;
    border-bottom: 1px solid #E9E9F3;
}
table.Design6 td {
    text-align: right;
    font-size: 0.6em;
    border: 0px;
    border-bottom: 1px solid #E9E9F3;
    border-left: 1px solid #E9E9F3;
    padding: 0.1em 0.1em 0em 0.1em;
}
table.Design6 thead th {
    text-align: center;
    font-weight: bold;
    color: #AA8114;
    border-left: 1px solid #9999AA;
}
table.Design6 th.Corner {
    text-align: center;
    border-left: 0px;
    padding: 0.5em 0.1em 0.5em 0.1em;
}
table.Design6 tr.Odd {
    background: #DDD;
}

.thumbnail{
position: relative;
z-index: 0;
}.thumbnail:hover{
background-color: transparent;
z-index: 50;
}.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 50px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -480px; /*position where enlarged image should offset horizontally */
}

}