<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
    font-family: 'KlavikaLight';
    src: url('fonts/klavika-light-webfont.eot');
    src: url('fonts/klavika-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/klavika-light-webfont.woff') format('woff'),
         url('fonts/klavika-light-webfont.ttf') format('truetype'),
         url('fonts/klavika-light-webfont.svg#KlavikaLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
button::-moz-focus-inner {
  border: 0;
}
/*end reset*/
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

body { font-family: 'KlavikaLight', sans-serif; font-size: 14px;}
p { line-height: 125%; }
h1 { font-size: 20px; font-weight: bold; margin-bottom: 5px; }
h2 { font-size: 20px; font-weight: bold; margin-bottom: 5px; }
h3 { font-weight: bold; background: #c8c8c8; padding: 5px 10px; }
h4 { font-weight: bold; margin: 10px 0px; }
#container { margin: 0 auto; width: 1000px; margin-bottom: 30px; background: url(img/container.png) repeat-y;}
#header { height: 91px; background: url(img/header2.png) no-repeat; }
#left, #right { float: left; }
#left { width: 220px; background-color: #e7e8e9; }
#right { width: 770px; padding: 10px 0px 0px 10px; *width: 820px; }
#right p { margin-bottom: 10px; }
.formula { padding-left: 10px; }
.formula, .formula a { color: #46A6D3; }
.referencia { font-style: italic; }

.jmol { position: relative; margin-top: 20px; }
.jmol.fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; }
.jmol iframe { position: absolute; width: 100%; height: 100%; top: 0px; overflow: hidden; }
.visor{ background-color: #E7E8EA; padding-left: 70px; position: relative; height: 350px; }
.jmol.fullscreen .visor{ position: relative; height: 100%; }
.visor button { position: absolute; left: 22px; background-repeat: no-repeat; display: block; width: 31px; height: 30px; border: none; text-indent: -2000em; cursor: pointer; background-color: #E7E8EA }
.visor button:hover, .visor button.pressed { background-position: 0px 100%; }
.visor .play { top: 100px; background-image: url(img/play.png); }
.visor .pause { top: 100px; background-image: url(img/pause.png); }
.visor .slow { top: 140px; background-image: url(img/lento.png);}
.visor .fast { top: 180px; background-image: url(img/rapido.png);}
.visor .fullscreen { top: 220px; background-image: url(img/fullscreen.png);}
.canvas { width: 700px; height: 100px; margin: 10px 0px;  /*background-color: #cafeca;*/ }

#navigation { height: 22px; padding-left: 220px; background-color: #d1d2d4; overflow: hidden; }
#navigation li { display: block; float: left; height: 30px; }
#navigation li:hover, #navigation li.current { background-position: 0% 100%; background-repeat: no-repeat; }
#navigation li#presentacion { width: 235px; background-image: url(img/presentacion.png); }
#navigation li#reacciones { width: 310px; background-image: url(img/reacciones.png); }
#navigation li#sugerencias { width: 235px; background-image: url(img/sugerencias.png); }
#navigation a { text-decoration: none; color: #fff; font-size: 15px; text-transform: uppercase; line-height:22px; padding-left: 10px; display: block; }

#menu { }
#menu li {line-height: 14px; padding-bottom: 5px; }
#menu li li {padding-bottom: 0px; line-height: 16px;  }
#menu li:hover, #menu li.unfolded {background-color: #ccc; }
#menu a {color: #222; font-size: 13px; text-decoration: none; display: block;}
#menu li a { padding: 10px 10px; }
#menu li li a { padding: 0px 15px 5px; }
#menu li.current a { font-weight: bold; }
#menu li.current li a { font-weight: normal; }
#menu li.current li.current a { font-weight: bold; }

.left { float: left; width: 514px; border-right: 2px solid #216c89; margin-bottom: 20px; padding-right: 20px; }
.right { float: right; width: 214px; padding-left: 20px; border-left: 2px solid #216c89; margin-left: -2px; }

ul.intern-menu a { text-decoration: none; color: #46A6D3; font-weight: bold; }
ul.intern-menu a:hover { text-decoration: underline; }

#ejemplos-listado p { margin-bottom: 5px; }
#ejemplos-listado p a { text-decoration: none; color: #46A6D3; }
#ejemplos-listado p.current a, #ejemplos-listado p a:hover { font-weight: bold; color: #1B4E67; background: #46A6D3;}
p.readless { margin-top: 20px; }
p.readless a{ font-weight: bold; color: #46A6D3; }
p.readless a:hover { color: #1B4E67; background: #46A6D3;}

.descripciones { padding-left: 70px; }
.descripcion { display: none; }
.descripcion:first-child { display: block; }
.descripcion :first-child { margin-top: 10px; }

/*Presentacion*/
p.prof { padding-left: 130px; min-height: 110px; padding-top: 10px; }
p#gabino { background: url(../img/uniovi.png) no-repeat; }
p#pascual { background: url(../img/uv.jpg) no-repeat; }
</pre></body></html>