* {border:0; padding: 0; margin:0}
body{ font-family: Georgia, "Times New Roman", Times, serif;color: #000000; background: url(zubiab.jpg) no-repeat 370px 80px; font-size:100%; }
#pagina {width:990px; border: #000 1px solid;background-color: #fff }
#logos {float: left; border-top: #000080 1px solid; width: 100%;padding-top:0.1em; padding-left:0.5em;}
.tituloeco {vertical-align: super; font-size:2em; padding-left:1.8em; font-style:oblique}
h1 {font-size:2.5em;border-bottom:#999999 1px dotted; font-weight:normal}
h2 {font-size:1.6em;margin-top:1em; font-weight:normal}
a {color:#993300; text-decoration:none}
a:hover{color:#666666; text-decoration:line-through}
p {margin-bottom:0.5em; line-height:1.2em}
.separar { clear:both; border-bottom:#999999 1px dotted}
#izq {width: 33%; margin-left: 0.9em; float: left; margin-right: 1.5em}
.izq_titu {font-size: 2.5em}
.izq_subtitu {font-size:2em; margin-top:1em; padding-bottom: 0.6em; border-bottom:#999999 1px dotted}
.izq_texto {text-align:justify; padding-top:0.5em}
.izq_letracapi {font-size:4em; float: left; margin-right:0.1em; line-height:1em}
#centro {width: 33%; padding-top: 2em; text-align: justify; float: left}
#dere {float:right; width: 24%;padding-top:1em; text-align:justify; padding-right:1em}
.dere_diploma { background-image:url(../../best/ateneo_primero1885_ico.jpg); background-repeat:no-repeat; background-position:bottom; height:240px; width:235px; border:#999999 1px solid; margin-top:1.5em}
.dere_iconos {float:left; margin-right:0.1em}
#pie {border-bottom:#999999 1px solid; padding-bottom: 1em; margin-bottom:1.5em; text-align: center; padding-top:0.5em}
/* menu superior */
#menusuperior {
	PADDING-RIGHT: 1%; PADDING-LEFT: 1%; BACKGROUND-color: #e1e1e1; PADDING-BOTTOM: 0.2em; PADDING-TOP: 0.2em;   TEXT-ALIGN: center; width: 97%; BORDER-BOTTOM: #000 0.1em solid; BORDER-top: #000 0.1em solid; color: #000
}
#nav-menusuperior {
	MARGIN-TOP: 0px; FLOAT: right; FONT: 95% Tahoma, Arial, Verdana, Helvetica, sans-serif; WIDTH: 100%; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none; BACKGROUND: #0272c6
}
#nav-menusuperior UL {
	PADDING-RIGHT: 1%; PADDING-LEFT: 1%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav-menusuperior LI {
	PADDING-RIGHT: 0.5%; PADDING-LEFT: 0.5%; FONT-WEIGHT: normal; FLOAT: left; PADDING-BOTTOM: 0%; MARGIN: 0% ; COLOR: #fff; PADDING-TOP: 0%; TEXT-ALIGN: center; BACKGROUND: #0272c6
}
.inactivo{
	PADDING-RIGHT: 0.4em; PADDING-LEFT: 0.5em; FONT-WEIGHT: normal; FLOAT: left; PADDING-BOTTOM: 0%; MARGIN: 0% ; COLOR: #0272c6; PADDING-TOP: 0%; TEXT-ALIGN: center; BACKGROUND-color: #fff; FONT-size:  105%; font-family:Georgia, Times New Roman, Times, serif; 
}
#nav-menusuperior LI A {
	FLOAT: left; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none; BACKGROUND: #0272c6
}
#nav-menusuperior LI A {
	FLOAT: none
}
#nav-menusuperior LI A:link {
	FLOAT: left; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none; BACKGROUND: #0272c6
}
#nav-menusuperior LI A:visited {FLOAT: left; COLOR: #fff; TEXT-DECORATION: none; BACKGROUND: #0272c6
}
#nav-menusuperior LI A:hover {
	TEXT-DECORATION: underline
}
.atajos
  {	color:#cc0000;BACKGROUND-COLOR: #e6cb74; font-size:110%}
  
 /*
----------------------------------------------------------------------------
CLEARING OF FLOATS
----------------------------------------------------------------------------
*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
.clearfix{
display:inline-table
}
/* Hides from IE-mac \*/
* html .clearfix{
height:1%
}
.clearfix{
display:block
}
/* End hide from IE-mac */

/**************************************************************************
MUESTRARIO IMAGENES
**************************************************************************/

#lightbox{
position:absolute;
top:10px;
left:1px;
width:100%;
z-index:1000;
text-align:center;
line-height:0px
}

#lightbox a images{
border:0 !important; 
}
#outerImageContainer{
position:relative;
background-color:#FFF;
width:250px;
height:250px;
margin:0 auto; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid
}
#imageContainer{
padding:1px
}
#loading{
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0px;
border:0 !important
}
#hoverNav{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10
}
#imageContainer>#hoverNav{
left:0
}

#imageDataContainer{
font-size:10px;
background-color:#FFF;
margin:0 auto;
line-height:1.2em; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid
}
#imageData{
padding:0 10px
}
#imageData #imageDetails{
width:70%;
float:left;
font-size:1.2em;
text-align:left;
line-height:1.2em
}
#imageData #caption{
line-height:1.2em
}
#imageData #numberDisplay{
display:block;
clear:left;
padding-bottom:1.0em;
margin-top:.5em;
padding-top:.5em;
border-top:1px solid #000;
font-weight:900;
color:#a1a1a1
}
#imageData #bottomNavClose{
width:66px;
float:right;
border:0 !important; 
}
#overlay{
position:absolute;
top:0;
left:50px;
z-index:90;
width:100%;
margin:0 !important;
height:500px;
background-color:#e1e1e1 
}
.entry img{
border:1px solid #000;
padding:3px;
margin:10px 0 10px 5px;
float:left;
clear:left;
margin-right:0.3em
}