/* Testata e carattere uguali a https://ortobotanico.unipa.it/erbario.html
   Usato da: herbarium_vsimple_en(_ma).asp, herbarium_vadv_en.asp,
             herbarium_vresult_en2.asp, herbarium_vdetails_en2.asp
   Markup in testata/testata_orto.asp (incluso subito dopo <body>). */

/* ---- Carattere: Montserrat (file in /fonts) ---- */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900; font-style: italic; font-display: swap;
}
body, p, span, div, a, td, th, label, input, select, textarea, button, li {
  font-family: 'Montserrat', Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}
body { margin: 0 !important; }

/* ---- Testata ---- */
#orto-testata { width: 100%; background: #fff; text-align: left; position: relative; z-index: 100; }
#orto-testata * { box-sizing: content-box; }
#orto-testata a { text-decoration: none; border: 0; }
#orto-testata img { border: 0; display: block; }
#orto-testata .ot-wrap { width: 960px; margin: 0 auto; position: relative; }

#orto-testata .ot-linea { height: 3px; background: #0f5b99; }

#orto-testata .ot-top { height: 180px; }
#orto-testata .ot-logo-orto  { position: absolute; left: 40px;  top: 11px; width: 129px; height: 71px; }
#orto-testata .ot-logo-unipa { position: absolute; right: 40px; top: 9px;  width: 232px; height: 113px; }
#orto-testata .ot-logo-orto img  { width: 129px; height: 71px; }
#orto-testata .ot-logo-unipa img { width: 232px; height: 113px; }
#orto-testata .ot-titolo {
  position: absolute; left: 40px; top: 126px; margin: 0; padding: 0;
  font-size: 36px; font-weight: 500; line-height: 43px; letter-spacing: 0;
  text-transform: uppercase; color: #0f5b99;
}
#orto-testata .ot-titolo a, #orto-testata .ot-titolo a:visited { color: #0f5b99; }
#orto-testata .ot-lingua {
  position: absolute; left: 560px; top: 151px;
  font-size: 14px; font-weight: 500; line-height: 18px; color: #0f5b99;
}
#orto-testata .ot-lingua a, #orto-testata .ot-lingua span { color: #0f5b99; text-decoration: underline; margin-right: 8px; }

/* ---- Barra menu ---- */
#orto-testata .ot-barra { background: #0f5b99; min-height: 42px; }
#orto-testata ul.ot-menu {
  list-style: none; margin: 0 auto; padding: 10px 0 0 35px; height: 32px;
  width: 925px; position: relative;
}
#orto-testata ul.ot-menu li { list-style: none; margin: 0; padding: 0; background: none; border: 0; }
#orto-testata ul.ot-menu > li { float: left; position: relative; height: 28px; }
#orto-testata ul.ot-menu > li > a,
#orto-testata ul.ot-menu > li > span {
  display: block; padding: 0 9px 0 5px; height: 28px; line-height: 26px; cursor: pointer;
  font-size: 13px; font-weight: 500; text-transform: uppercase; color: #fff; white-space: nowrap;
}
#orto-testata ul.ot-menu > li > a:visited { color: #fff; }

/* Sottomenu */
#orto-testata ul.ot-menu ul {
  display: none; position: absolute; left: 0; top: 28px; width: 223px;
  list-style: none; margin: 0; padding: 0;
}
#orto-testata ul.ot-menu > li:hover > ul,
#orto-testata ul.ot-menu > li:focus-within > ul { display: block; }
#orto-testata ul.ot-menu ul li a {
  display: block; width: 189px; padding: 4px 2px 5px 7px; background: #0f5b99;
  font-size: 14px; font-weight: 500; line-height: 28px; color: #fff; white-space: nowrap;
  text-transform: none;
}
#orto-testata ul.ot-menu ul li a:visited { color: #fff; }
#orto-testata ul.ot-menu ul li a:hover { background: #1a6fb3; }