<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 
#BANNER: 6;
#BACKGROUND: #FFFBDF;
#BOX: #FFFFF0;
#BORDER: #CDC4AC;
#TEXTCOLOR: #333;
#EMPHASIS: #000070;
#CODE: #007000;
#LINK: #891111;
El texto mide 638px, como la foto.
*/

body  {
  font-family: Optima,sans-serif;
  font-size: 1.5em;
  color: #333;
  background: #FFFBDF;/* #FFFBDF; */
}

/* Banner and basic navigation bar common to all pages */

#encl {
  position: relative;
  width: 840px; /* h2 area 175 + .section 475 + .sidenote 190 */
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

#banner {
  position: relative;
  width: 638px;
  height: 98px;
  padding: 5px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #CDC4AC;
  background: #FFFFF0;
}

#bannerimg {
  width: 638px;
  height: 98px;
  background: url(http://www.uv.es/olalgon/publico/img/Banner_tree.jpg);

}


#title {
  position: absolute;
  bottom: 12px;
  right: 12px; /* 4 + 190 */
  font-size: 1.2em;
  font-family: Times;
  color: #FFFFF0;
}

#menu {
  position: relative;
  width: 358px; /* 370 - 2 border - 5*2 padding */
  left: 0px; /* 650 - 370 */
  padding: 5px;
  margin: 5px 0px 25px 0px;
  border: 1px solid #CDC4AC;
  font-size: 13px;
  text-align: center;
  background: #FFFFF0;
}

#menu a, #menu a:visited {
  color: black;
}

#menu h1 {
  display: block;
  position: absolute;
  top: 0px;
  left: 368px; /* Referred to the content box of .section, so 1 border + 5 padding, no padding for absolute */
  width: 280px; /* 650 - 370, no border, no padding */
  height: 28px;
  font-size: 1.7em;
  font-family: Times;
  font-weight: normal;
  text-align: right;
  letter-spacing: -1px; 
  margin: 0px 0px -28px 0px;
}

#menu h1 span {
  position: relative;
  padding: 0px 4px 0px 3px;
  background: #FFFFF0;
  border: 1px solid #CDC4AC;
}

#footer {
  position: relative;
  top: 30px;
  width: 650px;
  height: 32px;
  padding: 0;
  margin: 5px 0px 0px 0px;
}

hr    {
      border: 0;
      width: 150px;
      color: #CDC4AC;
      background-color: #333;
      height: 1px;
      text-align: right;
      margin-left: auto;
      margin-right: auto
      }

/* Particular elements needed in different pages */


.abstract {
  width: 463px; /* With 1+1 borders and 5+5 padding, requires 475px */
  position: relative;
  font-size: 0.5em;
  left: 175px;
  margin: 15px 0px 15px 0px;
  padding: 10px 5px 5px 5px;
  border: 1px solid #CDC4AC;
  background: #FFFFF0;
}

.abstract2 {
  width: 463px; /* With 1+1 borders and 5+5 padding, requires 475px */
  position: relative;
  font-size: 0.5em;
  left: 175px;
  margin: 15px 0px 15px 0px;
  padding: 10px 5px 5px 5px;
  border: 1px solid #CDC4AC;
  background: #FFFFF0;
}

.abstract2 ul  {padding:0px 0px 0px 30px; margin:0; list-style-type: disc; border:0; width:130px; }
.abstract2 ul li {padding: 0px 0px 0px 0px; margin:0; list-style-type: disc; width:130px; }

.abstract2 ul li ul {list-style-type: none; padding: 5px 5px 5px 10px; margin:1px 20px 0px 3px; width:125px; }

.abstract2 ul li ul li {list-style-image: url(http://www.uv.es/olalgon/publico/img/black-hyphen.gif); padding: 0; margin:0px; width:125px; }





.mysidenote {
  width: 150px;
  position: absolute;
  top: 0px;
  left: -176px; 
  padding: 10px 5px 10px 5px;
  margin: 0;
  border: 1px dotted #CDC4AC;
  background: #FFEBCD ;   
  }


.mysidenote h3 {
  padding: 5px;   
  text-align:center; 
  color:black;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0px 1px 0px;
}

.mysidenote ul {
  position: relative;
  left: 0px;
  top: 0px;
  font-size: 10px;
  margin: 0px 0px 0px 0px;
  padding: 3px;
 }

.mysidenote ul li {
  line-height:12px; 	
  list-style-type: disc;
  margin: 0px 0px 0px 22px;
  padding: 5px 0px 5px 10px;
}

.mysidenote ul li a,  .mysidenote ul li a:visited {
display:inline; 
text-align:center; 
text-decoration:underline; 
width:135px; 
line-height:12px; 
font-size:10px;
}




/* mynote has a hidden box with more text */

.mynote {position: relative;width:145px;float:left; }
.mynote h2 {text-align:left;}
.mynote h3 {text-align:center; color:black;font-size:1.1em; padding:0px 0px 0px 15px; margin:0px 0px 0px 15px;}

.mynote ul  {padding:0px 0px 0px 30px; margin:0; list-style-type: disc; border:0; width:100px; }
.mynote ul li {padding: 0px 0px 0px 0px; margin:0; list-style-type: disc; width:100px; }

.mynote ul li ul {list-style-type: none; padding: 5px 5px 5px 10px; margin:1px 20px 0px 3px; width:95px; }

.mynote ul li ul li {list-style-image: url(http://www.uv.es/olalgon/publico/img/black-hyphen.gif); padding: 0; margin:0px; width:95px; }

a.hid {color: black; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none; color: black;}
a.hid:active, a.hid:focus {background:#FFEBCD;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block;color:black; width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}

/* End of mynote */


.centralbars{text-align:left;
  margin:5px 0px 0px 0px; 
  vertical-align:middle; 
  width:425px; 
  position: relative;
  top:-1.0em;
  left: 6.0em;
}


.definition {
  width: 420px;
  top:-0.5em;
  position: relative;
  left: 25px;
  padding: 15px 0px 0px 0px;
}


/* This puts a maximum of 3 pics per line. Each pic is seen as an "inline element". */

#gallery{text-align:center}
#gallery p{display:inline} /* El ancho por defecto está determinado por su contenido */
#gallery span{
  margin:0 5px 5px 5px; 
  vertical-align:top; 
  width:125px; 
  display:table-cell; 
  display:inline-table;   display:inline-block
} 

#gallery p img{margin-bottom:5px}
#gallery img {
  width:120px;
  height:120px;   
  border:0;
}

/* This defines several-line elements within a main line.*/

.defbox{text-align:left}
.defbox p{display:inline} /* El ancho por defecto está determinado por su contenido */
.defbox span{
  margin:0px 0px 0px 0px; 
  vertical-align:middle; 
  width:425px; 
  position: relative;
  left: -1.0em;
  display:table-cell; 
  display:inline-table;   display:inline-block;
} 









/* Home page */


#centralpart{ 
  position: relative;
  top: 30px;
  left:169px;
  width: 480px;
  left:0;
  margin: 0;
  padding: 0;
  border: 0;
}

#centralimg {
position:relative;
  left:169px;
  width: 479px;
  height: 315px;
 background: url(http://www.uv.es/olalgon/publico/img/ex-home.jpg);
}

/* background: url(img/hopper-corn-hill.jpg); */

#centralpart a,  #centralpart a:visited {
color: black; 
font-size:1em;
}


#leftbox {
  position: absolute;
  top: 0px;
  left: 0px; 
  width: 150px; /* h2 area 175 + .section 475 + .sidenote 190 */
  margin: 0px;
  padding: 0px;
}


.leftnote {
  width: 150px; 
  height: 293px; 
  position: relative;
  left: 0px;
  font-size: 0.5em;
  margin: 0px 0px 0px 0px;;
  padding: 5px 1px 5px 1px;
  border: 1px dotted #CDC4AC;
 background: url(http://www.uv.es/olalgon/publico/img/2jirafas.jpg); /* background: #FFEBCD;*/
}

#clockma {
  position: absolute;
  top: 130px;
  left: 700px; 
  width: 100px; /* h2 area 175 + .section 475 + .sidenote 190 */
  margin: 0px;
  padding: 0px;
  font-size: 0.5em;
  line-height:1.2em;
  text-align:center; 
}

#clockto {
  position: absolute;
  top: 130px;
  left: 820px; 
  width: 100px; /* h2 area 175 + .section 475 + .sidenote 190 */
  margin: 0px;
  padding: 0px;
  font-size: 0.5em;
  line-height:1.2em;
  text-align:center; 
}


/* rightnotes */

#rightside {
  position: absolute;
  top: 0px;
  left: 655px; 
  width: 250px; /* h2 area 175 + .section 475 + .sidenote 190 */
  margin: 0px;
  padding: 0px;
}


.rightnote {
  width: 250px; 
  position: relative;
  left: 0px;
  font-size: 0.25em;
  margin: 0px 0px 8px 0px;;
  padding: 10px 5px 10px 5px;
  border: 1px dotted #CDC4AC;
 background: #FFFFF0; /*  background: #FFFFFD; #FFEBCD */
}


.myrightnote {position: relative;width:245px;float:left; }
.myrightnote h2 {text-align:left;}
.myrightnote h3 {text-align:center; color:black;}


#rightpics {
  width: 250px; 
  height: 270px;
  position: absolute;
  top: 225px;
  left: 0px;
  padding: 10px 5px 5px 5px;
  border: 1px solid #CDC4AC;
 background: #FFFFF0; /*  background: #FFFFFD; #FFEBCD */
}

/* This puts up to 2 pics per line. Each pic is seen as an "inline element". */

#homepics{text-align:center}
#homepics p{display:inline} /* El ancho por defecto está determinado por su contenido */
#homepics span{
  margin:5px 5px 5px 5px; 
  vertical-align:top; 
  width:110px; 
  display:table-cell; 
  display:inline-table;   
  display:inline-block
} 

#homepics p img{margin-bottom:5px}
#homepics img {
  width:105px;
  height:105px;   
  border:0;
  border-style: none;
}



#fakebanner {
  position: relative;
  width: 250px;
  height: 98px;
  padding: 5px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #CDC4AC;
  background: #FFFFF0;
}

#fakebannerimg {
  width: 250px;
  height: 98px;
  background: url(http://www.uv.es/olalgon/publico/img/gjo.jpg);
}


#fakehome {
  position: relative;
  width: 59px;
  height: 29px;
  padding: 0px;
  margin: 5px 0px 25px 0px;
  border: none; /* 1px solid #CDC4AC; */
  background: #FFFFF0;
}

#fakehomeimg {
  width: 59px;
  height: 29px;
  background: url(http://www.uv.es/olalgon/publico/img/Home-Arial.png);
}





/* End of rightnote */





#tablelinks table{
margin: 5px 10px 5px 0px;
padding: 10px 5px 10px 0px;
}

#tablelinks dl{
margin: 0;
padding: 0;
border:1px solid #CDC4AC;
border-width: 0px 1px 0px 0px;
}



#tablelinks td{
margin: 0;
padding: 5px 5px 5px 5px;
}

#tablelinks dt{
padding: 5px 5px 10px 5px;
text-align:left; 
color:black; 
line-height:2.0em; 
font-size:1.0em;
}

#tablelinks dd{
position:relative;
top:-1.0em;
left:-2.0em;
}

#tablelinks a, #tablelinks a:visited{
text-align:left; 
text-decoration:none; 
color:blue; 
border:0;
width:95px;
background:#FFFFF0; 
line-height:1.2em; 
font-size:0.8em;
}


#tablelinks a:hover{
color:black; 
background:#b3ab79;
}

#tablepapers table{
margin: 5px 0px 5px 0px;
padding: 10px 0px 10px 0px;
}


#tablepapers dd{
position:relative;
left:-2.0em;
}

#tablepapers a, #tablepapers a:visited{
text-align:left; 
text-decoration:none; 
color:black; 
border:0;
width:440px;
background:#FFFFF0; 
line-height:1.9em; 
font-size:0.8em;
}

#tablepapers a:hover{
font-size:0.8em;
color:black; 
background:#b3ab79;
padding: 0px 0px 0px 5px;
}

/* set up the overall width of the menu div, the font and the margins with a relative position*/

.menu2 {
position:absolute;
left:169px;
top:-31px;
width:480px; 
margin:0; 
font-family: verdana, arial, sans-serif; 
z-index:90;
}

/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu2 ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}

/* float the list so that the items are in a line */
.menu2 ul li {
float:left; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* style the links to be 95px wide by 30px high with a top and right border 1px solid white. Set background color and font size. */

.menu2 ul li a,  .menu2 ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:95px; 
color:#000; 
border:1px solid #fff;
border-width:1px 1px 1px 0px;
background:#c9c9a7; 
line-height:30px; 
font-size:11px;
}

/* make the dropdown ul invisible */
.menu2 ul li ul {
display: none;
}

/* set the background and foreground color of the main menu li on hover */
.menu2 ul li:hover a {
color:#fff; 
background:#b3ab79;
}

/* make the sub menu ul visible and position it beneath the first list item */
.menu2 ul li:hover ul {
text-align:left;
display:block; 
position:absolute; 
top:30px; 
left:0; 
}

/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
.menu2 ul li:hover ul li {
background:#FFFFF0; 
color:#000;
padding:1px;
width:475px;
height:315px;
border:1px solid #CDC4AC;
}

/* style the paragraph font height*/
.menu2 ul li:hover ul li p {
font-size:0.9em;
} 

/* Container with the elements to be displayed within the ul li ul list */
.menu2 ul li:hover ul li span{
 margin:0px 0px 0px 0px; 
 padding: 0px 0px 0px 0px;
/*  vertical-align:left; */
  width:425px; 
  position: relative;
  left: 6.0em;
} 


/*float the image left with padding and no border 
.menu2 ul li:hover ul li img {
float:left; 
padding:0px 0px 0px 0; 
border:0;
} */




/*  Definiciones menores  */


p {
  font-size: 12px;
  margin: 5px 0px 5px 0px;
}

ul {
  font-size: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
 }

ul li {
  margin: 5px 0px 5px 22px;
  padding: 5px 0px 5px 22px;
  list-style-type: none;
}

ol {
  font-size: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

ol li {
  margin: 5px 0px 5px 22px;
  padding: 5px 0px 5px 22px;
}

em {
  font-style: normal;
  color: #000070;
}


h3 {
  font-size: 14px;
  font-weight: normal;
   /* color: #000070; */
  margin: 5px 0px 1px 0px;
}

h4 {
  font-size: 12px;
  font-weight: normal;
  margin: 1px 0px -4px 0px; /* 1 - 5 = -4 */
}

h5 {
  font-size: 12px;
  font-weight: normal;
  color: #333;
  margin-top: -8px;
  margin-bottom: 8px
}

small {
      font-size: 10px;
      font-weight: normal;
      margin-top: 0px;
      margin-bottom: 0px
      }


table {
  margin: 0px 0px 0px 0px;
  border-spacing: 0px 5px;
}

td {
  font-size: 12px;
  text-align: left;
  vertical-align: top;
  padding: 0px;
}

td p {
  margin: 0px 0px 5px 0px;
}

th {
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  padding: 0px 4px 0px 0px;
}

a  {text-decoration: none}

a:link    {color: blue;}
a:visited {color: #800080;}
a:active  {color: #891111;}

a:hover   {text-decoration: underline}

a.black {color: #333}


/* Experimentos */


</pre></body></html>