@charset "utf-8";
/* CSS Document */
/* vizszintesen gordulo aktualisok navigalasa horaccordion */
/* A CSS (angolul Cascading Style Sheets) a számítástechnikában egy stílusleíró nyelv, mely a HTML vagy XHTML típusú strukturált dokumentumok megjelenését írja le. Ezen kívül használható bármilyen XML alapú dokumentum stílusának leírására is, mint például az SVG, XUL stb.  CSS-t a weblapok  szerkesztői és olvasói egyaránt használhatják, hogy átállítsák vele a lapok színét, betűtípusait, elrendezését, és más megjelenéshez kapcsolódó elemeit. A tervezése során a legfontosabb szempont az volt, hogy elkülönítsék a dokumentumok struktúráját (melyet HTML vagy egy hasonló leíró nyelvben lehet megadni) a dokumentum megjelenésétől (melyet CSS-sel lehet megadni). Az ilyen elkülönítésnek több haszna is van, egyrészt növeli a weblapok használhatóságát, rugalmasságát és a megjelenés kezelhetőségét, másrészt csökkenti a dokumentum tartalmi struktúrájának komplexitását. A CSS ugyancsak alkalmas arra, hogy a dokumentum stílusát a megjelenítési módszer függvényében adja meg, így elkülöníthető a dokumentum formája a képernyőn, nyomtatási lapon, hangos böngészőben (mely beszédszintetizátor  segítségével olvassa fel a weblapok szövegét), vagy braille készüléken megjelenítve.

A CSS használható XML fájlok megjelenítésére is, így a strukturált dokumentumokhoz teljes körű stílust lehet megadni, befolyásolva az elrendezését, színét, betűtípusait az erre alkalmas kliensekben vagy webböngészőkben.

Az elemek stílusát különböző CSS szelektorokkal lehet kiválasztani:

    * Minden elemre – a * szelektor használatával
    * Az elem neve alapján – például minden 'p' vagy 'h2' HTML-elemhez
    * Leszármazottak alapján – például az olyan 'a' elemekre, melyek egy 'li' elem részei, a szelektor "li a"
    * class vagy id attribútumok alapján – például .class és/vagy #id a class="osztály" vagy id="azonosító" elemekhez

Ezeken kívül rendelkezésre áll több pszeudo-osztály, melyekkel további műveletekhez lehet stílust rendelni. Talán a legismertebb ezek közül a :hover, melynek stílusa akkor lép érvénybe, mikor a hozzá tartozó elem aktiválódik, például fölévisszük az egeret. Hozzá lehet fűzni a szelektorokhoz is, például a:hover vagy #elementid:hover. További ismertebb pszeudo-osztályok a :first-line, a :visited vagy a :before.

A szelektorok kombinálhatók a széles körű alkamazáshoz.

A CSS információkat a lapokhoz több módon lehet megadni:

    * Szerzői stílus
          o külső CSS fájl a dokumentumból hivatkozva
          o beágyazva a dokumentumba
          o azonnali, felülírva az általános stílust egy konkrét esetre
    * Felhasználói stílus
          o egy helyi CSS fájl az összes dokumentumra, melyet a felhasználó a böngésző beállításaiban adhat meg; a felhasználó megadhatja, hogy a szerző és a saját stílusai közül melyik legyen fontosabb
    * Kliens stílus
          o egy alapértelmezett stílus, melyet a kliens vagy a böngésző használ az elemekhez

A CSS a szabályokat a kapcsolódások alapján súlyozza, így mikor egyszerre több szabály is érvényes lehet egy elemre, akkor a legfontosabb szabályt alkalmazza.

A CSS használatának legfontosabb előnyei:

    * Több lap vagy akár egy teljes webhely stílusait egy helyen lehet tárolni, így gyorsan és könnyen frissíthető
    * Különböző felhasználókhoz különböző stílusokat lehet rendelni: például könnyen olvasható, nyomtatható stílusok
    * A dokumentum mérete és komplexitása csökken, mivel nem tartalmaz információkat a megjelenítéshez

A CSS egyszerű szintaxissal rendelkezik, csak néhány angol nyelvű kulcsszót használ a stílusok tulajdonságaihoz. A stíluslap maga a stílust leíró szabályok sora. Minden szabályhoz tartozik egy szelektor és egy deklarációs szakasz. Ez utóbbi kapcsos zárójelek között pontosvesszővel elválasztott deklarációkat tartalmaz. A deklarációk formája a következő: a tulajdonság neve, egy kettőspont, majd az adott tulajdonság értéke.
/*.stickytooltip{
box-shadow: 5px 5px 8px #000000;   shadow for CSS3 capable browsers. #818181
-webkit-box-shadow: 5px 5px 8px #000000;
-moz-box-shadow: 5px 5px 8px #000000;
display:none;
position:absolute;
display:none;
border:#531e2a solid 1px;   5px solid black  Border around tooltip
background:white;
z-index:3000;
}*//*Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents The W3C CSS Validation Service is a free software created by the W3C to help Web designers and Web developers check Cascading Style Sheets (CSS). It can be used on this free service on the web, or downloaded and used either as a java program, or as a java servlet on a Web server.
Do you need it? If you are a Web developer or a Web designer, this tool will be an invaluable ally. Not only will it compare your style sheets to the CSS specifications, helping you find errors, typos, or incorrect uses of CSS, it will also tell you when your CSS poses some risks in terms of usability.Most documents on the Web are written in a computer language called HTML. This language can be used to create pages with structured information, links, and multimedia objects. For color, text, and layout, HTML uses a styling language called CSS, short for "Cascading Style Sheets". What this tool does is help people authoring CSS check, and fix if necessary, their CSS Style Sheets.No. It is a helpful and reliable tool, but a software tool, and like every software, it has some bugs and issues. The actual reference on Cascading Style Sheets are the CSS Specifications.
According to the CSS 2.1 Specification: "The validity of a style sheet depends on the level of CSS used for the style sheet. […] valid CSS 2.1 style sheet must be written according to the grammar of CSS 2.1. Furthermore, it must contain only at-rules, property names, and property values defined in this specification."
By default, this validator checks style sheets against the grammar, properties and values defined in the CSS 2.1 specification, but other CSS profiles can be checked against by using the options.
CSS is an evolving language, and it is considered by many that “CSS” is a single grammar (the one defined in the latest specification) with a number of properties and acceptable values defined in various profiles.In a future version of this validator, the default behavior may be to check style sheets against that latest “CSS grammar” and the cloud of all standardized CSS properties and values.*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, tt, var, dl, dt, dd, ul, li, fieldset, form, label 
{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }
:focus { outline: 0; }

#hc1 li {
margin:0 2px 0 0; /* 0 3px 0 0 Spacing between each LI container*/
}

#hc1 li .hpanel {
padding: 0px;  /* 5px  Padding inside each content*/
background: url(img/hc2_bg.png) repeat-x left top;
height:28px;
}

/*CSS for example Accordion #hc2*/

#hc2 li {
margin:0; /*Spacing between each LI container*/
/*border: 1px solid black;*/
color:#ffffff;
}

#hc2 li .hpanel {
padding: 5px; /*Padding inside each content*/
background: transparent;
cursor: hand;
cursor: pointer;
}

#hc2 li .hpanel a, #hc2 li .hpanel a:visited {
color: #cb341e;   /* #868679 */
text-decoration:none;
}

#hc2 li .hpanel a:hover, #hc2 li .hpanel a:active {
color:#ffffff;
}

div#hc1menu1 {
float: left;
margin-top: 8px;   /*  48px */
margin-left: 26px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
clear:left;
}

div#hc1menu1 a, div#hc1menu1 a:visited {
color: #444444;
}
div#hc1menu1 a:hover, div#hc1menu1 a:active {
color: #ffffff;
}

div#hc1_menu {
float:right;
margin-top: 0px;
margin-right:72px;
width:200px;
/* height:inherit;*/
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
clear:left;
}

div#hc1_menu a, div#hc1_menu a:visited {
color: #444444;
}
div#hc1_menu a:hover, div.hc1_menu a:active {
color: #ffffff;
}

div#hc2_menu {
position: relative;
float:right;
top:-180px;   /* -170px 23px  */
right:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
letter-spacing:1px;
clear:left;
}

div#hc2_menu a, div#hc2_menu a:visited {
text-decoration:none;
color: #676B54;
}
div#hc2_menu a:hover, div#hc2_menu a:active {
color: #ffffff;
}

#hc2_menu .current {
font-weight:bold;
color: #888888;
}

#hc2_menu .current a, #hc2_menu .current a:visited {
font-weight:bold;
color: #888888;
}

#hc2_menu .current a:hover, #hc2_menu .current a:active {
font-weight:bold;
color: #ffffff;
}

div.hc2_menu {
position: relative;
float:right;
top:5px;  /* 25px  */
right:20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#333333;
letter-spacing:1px;
clear:left;
}

div.hc2_menu a, div.hc2_menu a:visited {
color: #333333;
}
div.hc2_menu a:hover, div.hc2_menu a:active {
color: #ffffff;
}