/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 80px;
}
hr {
  border-color: #ffffff;
}
.footer {
  padding: 10px 0 10px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  background-color: #f5f5f5;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}


NAV { border-bottom: 2px solid #888888; }

LI.nav-item { margin-right: 10px; }

@media (max-width: 768px) {
        .col-12.fullwidth      { padding: 0 !important; }
}
 
IMG.right { float: right; padding: 0 0 0 20px;}
IMG.left { float: left; padding: 0 20px 0 0;}

 
DIV.bg-dark P { color: rgba(255,255,255,.75); }
DIV.bg-dark LI { color: rgba(255,255,255,.75); }
FOOTER a { color: rgba(255,255,255,1); }
FOOTER span { color: rgba(255,255,255,.75); }

MAIN #contentId H2 { font-size: 1.5rem; background-color: rgba(14,74,24,1); color: rgba(255,255,255,.75); padding: 5px 10px; }
MAIN #contentId H3 { font-size: 1.3rem; color: #177243; padding: 5px 0 }
MAIN #contentId H4 { font-size: 1.1rem; color: #177243; padding: 5px 0; }

MAIN #rightNavId A { color: rgba(200,200,255, 1); }
MAIN #rightNavId H2 { font-size: 1.2rem; color: rgba(255,255,255,.9); }
MAIN #rightNavId H3 { padding-top:10px; font-size: 1.1rem; color: rgba(255,255,255,.9); }
MAIN #rightNavId H4 { color: rgba(255,255,255,.9); }
MAIN #rightNavId DIV { color: rgba(255,255,255,.75); }
MAIN #rightNavId TABLE { color: rgba(255,255,255,.75); }

CODE em { font-style: normal; color: #888888; }

PRE { 
	background-color: #dddddd;
	padding: 10px;
}


a.svg { display: inline-block; width: 20px; height:20px; padding: 2px 5px; background-size: 20px 20px; background-repeat: no-repeat; }

a.route    { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" viewBox="-500 -500 1000 1000"><g><ellipse cx="-280" cy="0" rx="200" ry="90" stroke="rgb(0,0,0)" stroke-width="40" fill="rgb(255,255,255)" /><ellipse cx="280" cy="100" rx="200" ry="90" stroke="rgb(0,0,0)" stroke-width="40" fill="rgb(255,255,255)" /><ellipse cx="0" cy="390" rx="200" ry="90" stroke="rgb(0,0,0)" stroke-width="40" fill="rgb(255,255,255)" /><line x1="-100" y1="00" x2="100" y2="100" stroke-width="40" stroke="rgb(0,0,0)" stroke-dasharray="20,20" /><line x1="200" y1="200" x2="0" y2="290" stroke-width="40" stroke="rgb(0,0,0)" stroke-dasharray="20,20" /></g><g><circle cx="-320" cy="-320" r="166" stroke="rgb(0,0,0)" stroke-width="3" fill="rgb(0,0,0)"/><polygon points="-470,-260 -320,0 -170,-260" stroke="rgb(0,0,0)" stroke-width="3" /><circle cx="-320" cy="-320" r="66" stroke="rgb(0,0,0)" stroke-width="3" fill="rgb(255,255,255)"/></g></svg>'); }
a.gpx      { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="550.801px" height="550.801px" viewBox="0 0 550.801 550.801" style="enable-background:new 0 0 550.801 550.801;" xml:space="preserve"><g><path d="M280.537,414.788c-5.585,0-9.371,0.543-11.352,1.086v35.849c2.342,0.549,5.221,0.729,9.184,0.729 c14.592,0,23.604-7.394,23.604-19.818C301.974,421.464,294.227,414.788,280.537,414.788z"/><path d="M475.095,131.992c-0.031-2.526-0.828-5.021-2.562-6.993L366.325,3.694c-0.021-0.031-0.053-0.042-0.085-0.076 c-0.633-0.707-1.36-1.29-2.141-1.804c-0.232-0.15-0.464-0.285-0.707-0.419c-0.686-0.369-1.392-0.67-2.13-0.892 c-0.2-0.061-0.38-0.143-0.58-0.195C359.87,0.119,359.048,0,358.204,0H97.2c-11.907,0-21.6,9.693-21.6,21.601v507.6 c0,11.913,9.692,21.601,21.6,21.601h356.4c11.918,0,21.6-9.688,21.6-21.601V133.202 C475.2,132.799,475.137,132.398,475.095,131.992z M220.562,510.817c-8.466,2.885-24.498,6.845-40.532,6.845 c-22.162,0-38.188-5.574-49.362-16.39c-11.171-10.452-17.294-26.299-17.117-44.128c0.185-40.363,29.55-63.419,69.364-63.419 c15.67,0,27.743,3.048,33.684,5.938l-5.761,21.984c-6.668-2.89-14.953-5.236-28.284-5.236c-22.882,0-40.173,12.973-40.173,39.287 c0,25.038,15.672,39.804,38.195,39.804c6.307,0,11.346-0.717,13.511-1.793v-25.407h-18.745v-21.441h45.225v63.956H220.562z M318.01,460.73c-9.365,8.838-23.24,12.793-39.456,12.793c-3.602,0-6.848-0.18-9.363-0.543v43.421h-27.206V396.595 c8.466-1.435,20.358-2.521,37.114-2.521c16.931,0,29.007,3.248,37.106,9.734c7.752,6.122,12.973,16.211,12.973,28.097 C329.179,443.803,325.213,453.896,318.01,460.73z M405.549,516.407l-10.99-21.979c-4.503-8.464-7.383-14.771-10.8-21.801h-0.363 c-2.526,7.029-5.585,13.337-9.371,21.801l-10.083,21.979h-31.351l35.126-61.441l-33.865-59.985h31.529l10.626,22.165 c3.602,7.388,6.308,13.336,9.191,20.171h0.354c2.89-7.742,5.231-13.157,8.29-20.171l10.268-22.165h31.351l-34.235,59.279 l36.028,62.152h-31.704V516.407z M97.2,366.752V21.601h250.204v110.518c0,5.959,4.83,10.8,10.8,10.8h95.396l0.011,223.833H97.2z" /></g><g><g><path d="M383.211,245.545l-5.185-19.615c-13.674,3.283-30.971,9.186-50.008,19.615H383.211z"/></g><g><path d="M385.584,254.536h-72.521c-22.001,14.336-45.573,34.833-68.238,64.423h157.781L385.584,254.536z"/></g><g><path d="M269.671,171.517c-2.618-7.085-5.492-14.84-8.327-22.579h-90.012l-10.737,40.656h87.626 C251.488,181.744,259.346,175.242,269.671,171.517z"/></g><g><path d="M289.602,254.536H143.446l-17.015,64.423h101.226C239.923,300.924,260.297,275.88,289.602,254.536z"/></g><g><path d="M375.512,216.388l-17.814-67.45h-38.496c-3.132,7.491-6.381,15.153-9.561,22.625 c13.748,4.937,23.198,14.71,23.198,26.088c0,16.313-19.354,29.565-43.222,29.565c-20.664,0-37.902-9.959-42.163-23.198H156.79 l-10.979,41.521H302.98C323.389,232.741,347.446,222.06,375.512,216.388z"/></g><g><path d="M283.447,181.009c-10.309,1.793-17.94,7.873-17.94,15.147c0,8.683,10.794,15.702,24.1,15.702 c13.31,0,24.094-7.02,24.094-15.702c0-7.312-7.693-13.407-18.072-15.164c9.556-22.254,26.621-62.229,30.038-72.37 c1.497-3.998,2.357-8.311,2.357-12.825c0-20.219-16.396-36.619-36.619-36.619c-20.234,0-36.616,16.4-36.616,36.619 c0,3.941,0.641,7.744,1.798,11.306C258.465,113.735,274.649,157.404,283.447,181.009z M304.262,196.156 c0,5.276-6.56,9.559-14.654,9.559s-14.655-4.282-14.655-9.559c0-4.39,4.546-8.047,10.71-9.165 c2.089,5.558,3.428,9.165,3.428,9.165s1.577-3.641,4.008-9.273C299.495,187.922,304.262,191.658,304.262,196.156z M291.4,72.571 c12.898,0,23.361,10.459,23.361,23.372c0,12.894-10.463,23.338-23.361,23.338c-12.912,0-23.362-10.449-23.362-23.338 C268.044,83.03,278.493,72.571,291.4,72.571z"/></g></g></svg>'); }


#rightNavId { position: relative; }

MAIN #rightNavId #hintID
{
        -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;
        display: none;
        background-color: #E7E7DC;
        position: absolute;
        border-bottom: 5px solid #E7E7DC;
        width: 350px;
        height: 150px;
        overflow: hidden;
	z-index: 999;
	padding: 10px 5px;
}
#hintID P.more
{
        border: 1px solid #ff0000;
        color: #ff0000;
        padding: 2px 5px;
        position: absolute;
        background-color: #ffffff;
        bottom: -8px;
        right: 3px;  
}
#hintID IMG     { padding: 0 ; }
MAIN #rightNavId #hintID H2      { display: none; }
MAIN #rightNavId #hintID H3      { color:#000000; font-size: 1em; padding: 5px 10px 5px 10px; }
MAIN #rightNavId #hintID H4      { color:#000000; font-size: 0.9em; padding: 5px 10px 5px 10px; }
MAIN #rightNavId #hintID P       { color:#000000; font-size: 0.8em; padding-left: 10px; padding-right: 10px; }
MAIN #rightNavId #hintID A       { color:#000000; }
MAIN #rightNavId #hintID OL      { color:#000000; font-size: 0.8em; }
MAIN #rightNavId #hintID UL      { color:#000000; font-size: 0.8em; }
MAIN #rightNavId #hintID LI      { color:#000000; font-size: 0.8em; }
MAIN #right

.keywords { margin: 0 0 10px 0; padding: 0; list-style: none; }
.keywords LI { display: inline-block; line-height: 1em; padding: 0 10px 0 5px; border-right: 1px solid  #ffffff;}

.info { border: 1px solid #ff0000; color: #ff0000; padding: 2px 5px; }



#graphId {
  height: 600px;
  width: 100%;
}

#graphId .jqplot-cursor-tooltip { display: none !important; }


#cycledGraphId {
  height: 600px;
  width: 1000px;
  position:fixed;
  ; top: 0; left : 0;
}