/* ----------------------------- telo a rozlozenie stranky ----------------------------- */


body {                 /* nastavenie tela dokumentu */
  background-color: #000000; 
  overflow-y: scroll; 
  overflow-x:auto; 
  margin-top: 1px;
  background-image: url('http://climber.skialpfest.sk/Grafika/bg_gal_body.gif'); 
  background-position: top; background-repeat: repeat;
  text-align: center;   /* kvoli centrovanie stranky v IE6 */
}


div.obal              /* nastavenia pre obalovaci blok samotnej stranky  */
{
  width: 800px;
  margin: 0 auto;
  background-color: #cccccc;
}


div.menu_napis        /* div okolo obrazka s napisom menu */
{
  width: 150px;
  height: 22px;       /* malo by byt rovnake ako ma tab_menu, ktora obteka sprava */
  padding-top: 2px;
  float: left
}


div.lavy_blok         /* nastavenia pre lavy blok, ktory zahrna stlpec pre vedlajsie menu (a anketu)  */
{
  width: 150px;
  float: left;             /* dolezite !!! */
  border: 0px solid black;
  text-align: center;      /* v MF ovplyvnuje len umiestnenie textu, v IE6 ma vplyv aj na umiestnenie celeho div-u */
}


div.obsah_blok        /* nastavenia pre obsahovy blok, do ktoreho sa inkluduju prislusne textove subory s obsahom */
{
  width: 650px;
  float: left;             /* dolezite !!! */
  text-align: center;
  margin-bottom: 6px;      /* spoluvytvara akoby vertical-align pre spodnu listu (alebo ako inak dosiahnut v dive vertical-align: middle???) */
}


div.spodny_blok       /* nastavenia pre spodnu listu -> spolupraca s margin-bottom z obsah_blok ... vid prislusnu poznamku */
{
  height: 19px;
  padding-left: 220px; 
  clear: left;
  text-align: left; 
  font-size: 11px
}


/* ----------------------------- hlavne a vedlajsie menu ----------------------------- */


table.tab_hmenu         /* nastavenia tabulky, ktora predstavuje horizontalne menu */
{
  width: 647px; 
  height: 22px; 
  margin-top: 1px; 
  margin-bottom: 1px;  
}


.umenu                  /*  polozka uvod v horizontalnom menu, ktora ma zlava obrazok */
{
  background-color: #0C3F84;  
  height: 20px; 
  padding: 2px 14px 2px 19px; 
  border-right: 1px solid black;
  color: #ffffff;
  text-decoration: none; 
  font-family: tahoma; 
  font-size: 13px; 
  font-weight: bold;
  background-image: url('http://climber.skialpfest.sk/Grafika/bg_uon.gif'); 
  background-position: left top; 
  background-repeat: no-repeat
}


.umenu:link, .umenu:active, .umenu:visited
{
  background-color: #5D5D5D; 
  background-image: url('http://climber.skialpfest.sk/Grafika/bg_u.gif') 
}


.umenu:hover
{
  background-color: #0C3F84; 
  background-image: url('http://climber.skialpfest.sk/Grafika/bg_uon.gif') 
}


.hmenu                   /*  ostatne polozky horizontalneho menu  */
{
  color: #ffffff; 
  background-color: #0C3F84; 
  text-decoration: none; 
  font-family: tahoma; 
  font-size: 13px; 
  font-weight: bold; 
  height: 20px; 
  padding: 2px 12px 2px 12px; 
  border-right: 1px solid black; 
  border-left: 1px solid #cccccc
}

.hmenu:link, .hmenu:visited, .hmenu:active
{
  color: #ffffff; 
  background-color: #5D5D5D;
}


.hmenu:hover
{
  color: #ffffff; 
  background-color: #0C3F84;
}


.vmenu                   /* polozky vertikalneho menu  */
{
  color: #ffffff; 
  text-decoration: none; 
  font-family: tahoma; 
  font-size: 13px; 
  font-weight: bold; 
  height: 20px; 
  margin-top: 1px; 
  margin-left: 1px; 
  padding-top: 1px;
  background-image: url('http://climber.skialpfest.sk/Grafika/bg_menuon.gif'); 
  background-position: left center; 
  background-repeat: no-repeat; 
  display: block
}

.vmenu:link, .vmenu:active, .vmenu:visited
{
  background-image: url('http://climber.skialpfest.sk/Grafika/bg_menu.gif'); 
}

.vmenu:hover
{
  background-image: url('http://climber.skialpfest.sk/Grafika/bg_menuon.gif'); 
}


.nadpis                 /* texty nadpisov jednotlivych stranok */
{
  color: #ffffff; 
  font-size: 13px; 
  background-color: #2568C2; 
  height: 20px; padding: 2px 2px 2px 2px; 
  vertical-align: middle
}


/* ----------------------------- css vlastnosti pre texty a linky --------------------------------------- */


.text_hlavicka         /* text pre vyhladavace,  nachadza sa pod headerom */
{
  display: none;
}


.sipka                 /* vlastnosti obrazka sipky (akoby odrazky) v info textoch */
{
  margin-top: 2px
}


table, div             /* defaultne nastavenia pre text (vyuzitie info texty, opisy lokalit, linky, clanky, pozn), prakticky nahrada za class infotext */
{
  color: black;
  font-family: tahoma, arial, sans-serif;
  font-size: 13px;
  font-weight: bold
}


table.tab_text           /* nastavenia pre tabulky obalujuce info texty a opisy lokalit pri nakresoch zjazdov */
{
  width: 630px;
  text-align:justify;
  margin-left: auto;
  margin-right: 18px
}


.infoudaj                /* Nazov typu udajov v info textoch */
{
  color: #0c097a
}


.infodkaz                /* bezne odkazy v info textoch */
{
  color: #2249ae;
  text-decoration: none
}


.infodkaz:hover
{
  color: #ffffff; 
  text-decoration: underline
}


.zoznam                 /* odrazky pre zoznamy v info omne */
{
  list-style-type: none;
  list-style-image: none;
}


.linky                  /* odrazky linkov v sekcii uzitocne linky - treba zmenit!!! */
{
  margin-left: 10px; 
  padding-left: 10px; 
  margin-top: 0px; 
  padding-top: 0px;
  margin-bottom: 5px; 
  padding-bottom: 0px;
  list-style-type: none
}


/* ----------------------------- css vlastnosti pre fotogaleriu ----------------------------------------- */


table.obluk               /* vlastnosti tabulky tvoriacej nadpis ku kazdej casti fotogalerie */
{ 
  margin-top: 10px;
  margin-left: auto; margin-right: auto;
}


.gc                      /* text nadpisu ku kazdej casti fotogalerie */
{
  color: #ffffff; 
  font-size: 12px;
  font-weight: bold;
  background-color: #2568C2;
  padding: 2px 2px 0px 2px
}


table.galtab             /* vlastnosti tabuliek tvoriacich jednotlive casti fotogalerii */
{
  width: 630px; 
  border: 0px;
  margin-left: auto; margin-right: auto;
  background-color: #848484
}


.stredny                 /* stredne bunky v jednotlive castiach fotogalerii */
{
  border-right: 1px dotted #cccccc;
  border-bottom:1px dotted #cccccc
}

.pravy                  /* prave bunky v jednotlive castiach fotogalerii */
{
  border-bottom:1px dotted #cccccc
}

.posria                 /* spodne bunky v jednotlive castiach fotogalerii */
{
  border-right:1px dotted #cccccc
}


.picture                 /* vlastnosti zmensenin obrazkov vo fotogalerii */
{
  border: 1px solid #242424; 
  margin-top: 7px
}

.picture:hover
{
  border: 1px solid #ffffff
}


.lokalita                /* blok s opisnym textom ku kazdej fotke vo fotogalerii */
{
  color: #f0f0f0;
  width: 200px;
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 5px;
  padding-top: 3px
}


.detail_popis            /* span pre text popisu zvacsenin (detailov) fotiek z fotogalerie */
{
  color: black;
  font-family: tahoma, arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  background-color: #cccccc;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  padding-left: 3px;
  padding-right: 3px
}


/* ----------------------------- css vlastnosti pre nakresy zjazdov ------------------------------------- */


.z_caption              /* blok s nadpisom ku kazdemu sektoru v nakresoch zjazdov */
{
  width: 250px;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  margin-left: auto; margin-right: auto;
  padding-top: 1px;
  padding-bottom: 1px;
  color: #ffffff; 
  font-size: 12px; 
  margin-top: 15px;
  background-color: #2568C2
}


.z_sektor_blok          /* blok zahrnajuci foto s nakresmi zjazdov a tabulku s opismi k danej fotke */
{
  width: 630px;
  margin-left: auto; margin-right: auto;
  margin-bottom: 10px
}


.zjazd_biely           /* text zahlavia tabulky opisov zjazdom */
{
  background-color: #3d3d3d;
  color: white; font-size: 10px;
  text-align: center
}


.zjazd_modry           /* bunky s textom opisov modrych zjazdov */
{
  background-color: #a7a7a7;
  color: #0000b5;
  font-size: 11px;
  text-align: center;
  vertical-align: middle
}


.zjazd_cerveny          /* bunky s textom opisov cervenych zjazdov */
{
  background-color: #a7a7a7;
  color: #db0000; 
  font-size: 11px;
  text-align: center;
  vertical-align: middle
}


.zjazd_cierny          /* bunky s textom opisov ciernych zjazdov */
{
  background-color: #a7a7a7;
  color: #000000;
  font-size: 11px;
  text-align: center;
  vertical-align: middle
}


.zjazd_foto          /* odkazy na fotky ku jednotlivym zjazdom (v ramci poznamky ku danehmu zjazdu) */
{
  text-decoration: none;
  color: #ffffff;
  font-size: 11px
}

.zjazd_foto:hover
{
  text-decoration: underline; 
  color: #ffffff
}


/* ----------------------------- css vlastnosti pre sekciu video & text --------------------------------- */


p                          /* defaultne nastavenia pre odstavce (ktore su pouzivane hlavne v clankoch) */
{
  margin-top: 7px;
  margin-bottom: 7px;
  text-align: justify
}

.p_Norsko                  /* nastavenia pre odstavce v clanku Norsko 2010 */
{
  margin-bottom: 7px;
  text-align: justify
}


.clanok                    /* blok zahrnajuci cely clanok */
{
  color: black;
  font-family: tahoma;
  font-size: 13px;
  font-weight: bold;
  margin: 8px 15px 0px 15px;
  text-align: justify
}


.clanok_Norsko             /* blok zahrnajuci jednotlive kapitoly v clanku Norsku 2010 */
{
  color: black;
  font-family: tahoma;
  font-size: 13px;
  font-weight: bold;
  margin: 8px 15px 0px 15px;
  text-align: center; 
  padding-bottom: 10px; 
  border-bottom: 1px dashed black
}


.clanok_foto_blok         /* blok zahrnajuci obrazok s popisom v toku clanku */
{
  margin: 8px 12px 5px 12px;
  text-align: center
}


.clanok_foto              /* fotka v toku clanku, ktora sa da zvacsit */
{
  border: 1px solid #000000;
  cursor: pointer;
}


.clanok_foto:hover      
{
  border: 1px solid #ffffff;
}


.clanok_foto_opis         /* text opisu obrazku v toku clanku */
{
  font-size: 12px;
  font-weight: bold;
  font-style: oblique;
  padding-top: 3px
}


table.tab_video_ukazky    /* nastavenia pre tabulky tvoriacu ukazky z videi (pouzitie v uvodnej stranke sekcia Videa & clanky) */
{
  width: 630px;
  margin-top: 15px;
  background-color: #000000;
  margin-left: auto; 
  margin-right: auto;
}

td.video_ukazky_ram      /* horny a dolny "filmovy" ram okolo ukaziek z videi (pouzitie v uvodnej stranke sekcia Videa & clanky) */
{
  height: 10px;
  width: 630px;
  background-image: url('http://climber.skialpfest.sk/Grafika/video.gif'); 
  background-position: top; 
  background-repeat: repeat-x
}


/* ----------------------------- css vlastnosti pre ankety        --------------------------------------- */


.ank_nazov            /* text nadpisu ANKETA */
{
  color: #ffffff;
  font-size: 11px;
  background-color: #0C3F84;
  padding: 2px 2px 2px 8px
}


.ank_otaz             /* text anketovej otazky v prebiehajucej ankete*/
{
  color: #ffffff;
  font-size: 12px; 
  background-color: #7f7f7f; 
  padding: 3px 0px 3px 4px;
  background-image: url('http://climber.skialpfest.sk/Grafika/ank_obluk_u.gif');
  background-position: top right;
  background-repeat: no-repeat
}


.ank_otaz_va          /* text anketovej otazky v uzavretych anketach (v sekcii Vysledky ankiet)*/
{
  color: #ffffff; 
  font-size: 12px; 
  background-color: #7f7f7f; 
  text-align: center;
  padding: 4px 0px 3px 0px
}


.ank_tab_va           /* nastavenie tabulky predstavujucej uzavretu anketu */
{
  border: 1px solid #cccccc;
  background-color: #7f7f7f
}

.ank_td               /* nastavenie bunky s anketovou volbou v prebiehajucej ankete */
{
  text-align: left;
  padding: 3px 0px 2px 2px
}


.ank_td_v             /* nastavenie bunky s anketovou volbou v uzavretej ankete */
{
  text-align: left;
  padding: 3px 0px 3px 5px
}


.ank_volba            /* odkaz na hlasovanie za prislusnu volbu v prebiehajucej ankete */
{
  color: #C5D7EB;
  text-decoration: none; 
  font-size: 11px;
  padding-left: 10px;
  background-image: url('http://climber.skialpfest.sk/Grafika/ank_sipka.gif');
  background-position: center left;
  background-repeat: no-repeat
}


.ank_volba:hover
{
  color: #ffffff;
  text-decoration: underline; 
  background-image: url('http://climber.skialpfest.sk/Grafika/ank_sipka_over.gif');
  background-position: center left;
  background-repeat: no-repeat
}


.ank_vysl             /* text anketovej volby  (po zahlasovani alebo v ukoncenej ankete) */
{
  color: #C5D7EB;
  text-decoration: none;
  font-size: 11px
}


.ank_img_v            /* nastavenie obrazku ukazujuceho podiel hlasovania k danej volbe (po hlasovani v prebiehajucej ankete alebo v uzavretej ankete) */
{
  height: 10px;
  padding-top: 3px
}


.ank_perc             /* text pre percenta a k nim prislusny pocet hlasov (po zahlasovani alebo v ukoncenej ankete) */
{
  color: #ffffff;
  font-size: 10px
}


.ank_ph               /* text pre pocet hlasov */
{
  color: #ffffff;
  font-size: 11px;
  padding-top: 5px;
  text-align: center
}


/* ----------------------------- css vlastnosti pre spodnu cast stranky --------------------------------- */


.spodok              /* blok s odkazom navrat hore na top stranky (pouzite pri dlhych textoch a galeriach) */
{
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
}


.poznodkaz           /* odkazy uvedene v poznamke (mailto) */
{
  color: #2249ae;
  font-size: 11px;
  text-decoration: none
}


.poznodkaz:hover
{
  color: #0c097a; 
  text-decoration: underline
}