/* CSS dokument pro upravu vzhledu firemniho webu */
/* autor: Bc. Roman Bilek */

/* definice pozadi a odsazeni pro telo stranky */
body {
      margin:0;            /* zadne vnejsi okraje */
      padding:0;           /* zadne vnitrni okraje */
      text-align: center;  /* zarovnani na stred kvuli IE */
      background-color:#191919;  /* sede pozadi okolo */
}

/* barva odkazu a jejich barva */
a {
text-decoration:none;
color:#2c2c2c;
}

/* vzhled odkazu pri najeti mysi */
a:hover {
color:#8fce0e;
}

/* pozice horniho flashe */
#animace {
      width: 999px;
      height: 171px;
      background-color:#929292;
}

/* uprava vzhledu pro IV, ktery obaluje veskerou grafiku */
#obal {
      margin:0 auto 0 auto;   /* vycentrovani na stred */
      width:999px;         /* sirka prvku */
}

/* definice vzhledu pro menu verze CZE*/
#menu {
      width:100%;         /* plna sirka vnejsiho DIVu */
      height: 138px;      /* vyska elementu */
      text-align: left;   /* zarovnani menu doleva */
      z-index: 9;
      background: #191919 url(img/Menu.png);  /* cesta k obrazku na pozadi */
      background-position: top;
      background-repeat: no-repeat;         /* zadne opakovani pozadi */
}

/* definice vzhledu pro menu verze EN*/
#menu_en {
      width:100%;         /* plna sirka vnejsiho DIVu */
      height: 138px;      /* vyska elementu */
      text-align: left;   /* zarovnani menu doleva */
      background: #191919 url(img/Menu_EN.png);  /* cesta k obrazku na pozadi */
      background-repeat: no-repeat;         /* zadne opakovani pozadi */
}

/* definice vzhledu pro obsahovou cast */
#text {
      width: 100%;        /* plna sirka vnejsiho DIVu */
      height: 480px;      /* vyska elementu */
      background: #191919 url(img/Spodni_Cast.png);  /* cesta k obrazku na pozadi */
      text-align: left;   /* zarovnani menu doleva */
      background-repeat: no-repeat;  /* zadne opakovani pozadi */
      color:#CCCCCC;                 /* nasedla barva pisma */
      font-family: Arial; /* pismo rodiny Arial */
}

/* odsazeni uvnitr hlavniho menu */
#hlavni_menu {
      padding-left: 138px;    /* odsazeni menu zleva */
      padding-top: 8px;       /* odsazeni menu zhora */
}

/* vzhled hlavniho menu */
#hlavni_menu ul li {
      margin-left: 25px;
      text-align: center;
      width: 135px;
      display: inline-block;  /* zobrazeni menu v radku pro normalni prohlizece*/
      _display: inline;       /* zobrazeni menu v radku pro IE */
}

/* posunuti prvni polozky hlavniho menu*/
.TNTstud {
      margin-left: 50px;      /* odsunuti zleva */
}

/* posunuti polozky FAQ v menu */
.FAQclas {
      margin-left: -11px;     /* odsunuti zleva pro normalni prohlizece */
      _margin-left: 2px;      /* odsunuti zleva pro IE */
}

/* posunuti polozky kontakt v menu */
.kontclas {
      margin-left: -25px;     /* odsunuti zleva pro normalni prohlizece */
      _margin-left: 2px;      /* odsunuti zleva pro IE */
}

/* vzhled odkazu v hlavnim menu */
#hlavni_menu a {
      color: white;
      text-decoration: none;
      outline-style: none;    /* zruseni teckovani okolo odkazu */
      font-family: Arial;
      cursor: pointer;
}

/* zvyrazneni pri najeti na polozku menu */
#hlavni_menu a:hover {
      color:#90D00B !important;     /* prekryti inline stylu pro hover hlavniho menu */
}

/* odsazeni praveho sloupce */
#prava {
      margin: 0 0 0 200px;
}

/* napozicovani jednotlivych textu */
#pozice {
      width: 770px;         /* sirka */
      height: 395px;        /* vyska */
      padding-left: 10px;
      padding-right: 5px;
      color: #CCCCCC;
      overflow: hidden;   /* vypnuti preteceni textu pri delsim rozsahu */
}

/* nastaveni odsazeni pro DIVy */
#trinitro, #reference, #faqer, #kontakt, #dvaD_graf, #ind_graf, #triD_graf, #web, #ind_web, #anime,
#video, #CAD, #faq_dva, #faq_tri, #faq_web, #faq_ani, #faq_vid, #faq_cad, #ref_dvade, #ref_tride, #ref_web,
#ref_animace, #ref_video, #ref_cad {
      padding-right: 22px;
}

/* zruseni prvotniho zobrazeni pri nacteni - zobrazuje to pote JS */
#dvade_menu, #web_menu, #vnitrni_menu, #FAQ_menu, #REF_menu, #nabidka, #reference, #faqer, #kontakt,
#dvaD_graf, #ind_graf, #triD_graf, #web, #ind_web, #anime, #video, #CAD, #faq_dva, #faq_tri, #faq_web,
#faq_ani, #faq_vid, #faq_cad, #faq_kom, #faq_cep, #faq_vip, #ref_dvade, #ref_tride, #ref_web,
#ref_animace, #ref_video, #ref_cad {
      display: none;
}

/* nastaveni odkazu pro referenci */
#ref_dvade img, #ref_tride img, #ref_web img, #ref_animace img, #ref_video img, #ref_cad img {
      border:0px;
      margin-top: 10px;
      padding-top: 10px;
      _margin-right:10px;
}

/* nastylovani odstavcu v textu */
#pozice p {
      text-align: left;  /* zarovnani odstavcu v textu do bloku */
      text-indent: 30px;    /* odsazeni prvniho radku odstavce */
      font-size: 11px;
}

/* zaruceni spravneho obtekani obrazku v textu */
#pozice img {
      float: left;
      padding-right: 10px;
      border:0;
}

/* zrusim obtekani nadpisu kapitol v textu */
#pozice h1,h2 {
      /*clear: left;*/
      color: #99FF00;
      display: block;
      width: 750px;
      font-size: 13px;
      margin-bottom: 3px;
}

/* polohovani leveho sloupce */
#levo {
      float: left;          /* obtekani sloupce zleva */
      width: 200px;         /* sirka sloupce */
      margin: 0;
}

/* podmenu v 2D sekci nahore v radku */
#dvade_menu ul li{
      width: 160px;           /* sirka prvku */
      display: inline-block;  /* prvky v radku v normalnich prohlizecich */
      _display: inline;       /* prvky v radku v IE */
}

/* podmenu v nabidce a jeho pozice */
#dvade_menu {
      position: relative;       /* relativni pozice bloku */
      font-family: Arial;       /* typ pisma */
      margin-left: 200px;       /* odsunuti zleva */
      top: 17px;                /* pozice z horni casti */
      margin-top: -2px;
      _margin-top: -10px;       /* poodsunuti v IE */
}

#dvade_menu a{
      color: #2C2C2C;           /* "cerna" barva pisma */
      outline-style: none;      /* zruseni teckovani okolo odkazu */
      text-decoration: none;    /* text bez podtrzeni */
}

/* podmenu v 2D sekci nahore v radku pro web*/
#web_menu ul li{
      width: 160px;           /* sirka prvku */
      display: inline-block;  /* prvky v radku v normalnich prohlizecich */
      _display: inline;       /* prvky v radku v IE */
}

/* podmenu v nabidce a jeho pozice pro web*/
#web_menu {
      position: relative;       /* relativni pozice bloku */
      font-family: Arial;       /* typ pisma */
      margin-left: 200px;       /* odsunuti zleva */
      top: 17px;                /* pozice z horni casti */
      margin-top: -2px;         /* poodsunuti menu nahoru (kvuli IE) */
      _margin-top: -10px;       /* poodsunuti v IE */
}

/* vzhled odkazu pro podmenu pro web */
#web_menu a{
      color: #2C2C2C;           /* "cerna" barva pisma */
      outline-style: none;      /* zruseni teckovani okolo odkazu */
      text-decoration: none;    /* text bez podtrzeni */
}




/* prvku menu s jazyky v radku pro CZE*/
#jazyk_menu ul li{
      width: 45px;              /* sirka jednotlivych vyberu jazyka */
      display: inline-block;    /* menu v rade pro normalni prohlizece */
      _display: inline;         /* menu v rade pro IE */
}

/* nastaveni plovouciho prvku s vyberem jazyka pro CZE*/
#jazyk_menu {
      position: relative;       /* relativni pozice prvku */
      font-family: Arial;       /* menu stylem Arial */
      color: white;             /* bile pismo u neodkazu */
      margin-left: -15px;
      top: 50px;                /* odsazeni shora */
}

/* nastaveni vzhledu odkazu na jednotlive jazyky pro CZE*/
#jazyk_menu a {
      color: #2C2C2C;             /* cerna barva odkazu na jazyk */
      text-decoration: none;      /* bez podtrzeni */
      outline-style: none;        /* zruseni teckovani okolo odkazu */
}

/* vzhled pri najeti mysi pro CZE*/
#jazyk_menu a:hover {
      color: white;
}

/* nastaveni vzhledu pro EN */
#jazyk_menu_en {
      position: relative;       /* relativni pozice prvku */
      font-family: Arial;       /* menu stylem Arial */
      color: white;             /* bile pismo u neodkazu */
      margin-left: -15px;
      top: 50px;                /* odsazeni shora */
}

/* jazykove menu v lajne pro EN*/
#jazyk_menu_en ul li{
      width: 53px;              /* sirka jednotlivych vyberu jazyka pro normalni prohlizece */
      display: inline-block;    /* menu v rade pro normalni prohlizece */
      _width: 57px;              /* sirka jednotlivych vyberu jazyka pro IE */
      _display: inline;         /* menu v rade pro IE */
}

/* nastaveni vzhledu odkazu na jednotlive jazyky pro EN*/
#jazyk_menu_en a {
      color: #2C2C2C;             /* cerna barva odkazu na jazyk */
      text-decoration: none;      /* bez podtrzeni */
      outline-style: none;        /* zruseni teckovani okolo odkazu */
}

/* vzhled pri najeti mysi pro EN*/
#jazyk_menu_en a:hover {
      color: white;
}

/* vzhled leveho podmenu s nabidkou */
#vnitrni_menu {
      padding-top: 30px;        /* odsazeni menu zhora */
      margin-left: -17px;       /* odsazeni menu zleva */
      font-family: Arial;       /* typ pisma menu */      
}

/* odstraneni tecek z vertikalniho menu s nabidkou */
#vnitrni_menu ul {
      list-style-type: none;
}

/* odsazeni polozek vertikalniho seznamu */
#vnitrni_menu ul li {
      display: block;
      height: 40px;
}

/* efekt pri najeti mysi na odkaz */
#vnitrni_menu a:hover {
      color: white !important;    /* prekryti online stylu pro podmenu v nabidce */
}

/* vzhled odkazu ve vnitrnim menu */
#vnitrni_menu a {
      text-decoration: none;
      color: #2C2C2C;             /* cerna barva odkazu */
      outline-style: none;        /* zruseni teckovani okolo odkazu */
}

/* vzhled leveho podmenu s FAQ */
#FAQ_menu {
      padding-top: 30px;        /* odsazeni menu zhora */
      margin-left: -17px;       /* odsazeni menu zleva */
      font-family: Arial;       /* typ pisma menu */      
}

/* odstraneni tecek z vertikalniho menu s FAQ */
#FAQ_menu ul {
      list-style-type: none;
}

/* odsazeni polozek vertikalniho seznamu */
#FAQ_menu ul li {
      display: block;
      height: 40px;
}

/* efekt pri najeti mysi na odkaz */
#FAQ_menu a:hover {
      color: white !important;    /* prekryti online stylu pro podmenu v nabidce */
}

/* vzhled odkazu FAQ menu */
#FAQ_menu a {
      text-decoration: none;
      color: #2C2C2C;             /* cerna barva odkazu */
      outline-style: none;        /* zruseni teckovani okolo odkazu */
}

/* vzhled leveho podmenu s REF */
#REF_menu {
      padding-top: 30px;        /* odsazeni menu zhora */
      margin-left: -17px;       /* odsazeni menu zleva */
      font-family: Arial;       /* typ pisma menu */      
}

/* odstraneni tecek z vertikalniho menu s REF */
#REF_menu ul {
      list-style-type: none;
}

/* odsazeni polozek vertikalniho seznamu */
#REF_menu ul li {
      display: block;
      height: 40px;
}

/* efekt pri najeti mysi na odkaz */
#REF_menu a:hover {
      color: white !important;    /* prekryti online stylu pro podmenu v nabidce */
}

/* vzhled odkazu REF menu */
#REF_menu a {
      text-decoration: none;
      color: #2C2C2C;             /* cerna barva odkazu */
      outline-style: none;        /* zruseni teckovani okolo odkazu */
}

/* pozicovani FLASH animace dole vpravo */
#fleska {
      height: 77px;
      width: 279px;
      margin-left: 520px;
      margin-top: 8px;
}

/* zalozky v menu Nabidky a jejich poloha */
.spec img {
      border:0;
      margin-bottom: 5px;
      margin-top: 7px;
      _margin-top: 4px;
      _margin-right:5px;
}

/* odsazeni mezi jednotlivymi odrazkami v obsahu */
#pozice ul li {
      padding-bottom: 5px;
}

/* nastaveni obrazku z uvodni stranky */
img.levy_obr{
      z-index:9;                /* z index */
      margin-right:-36px;
      margin-top: -279px;       /* odsunuti zleva pro normalni prohlizece */
      _margin-top: -309px;      /* odsunuti zhora pro IE */
}

/* nastaveni obrayku u individualniho reseni 2d */
img.indi_obr {
      margin-top: -300px;
      margin-right: -30px;
}

/* obrazek pro sekci 3D */
img.trid_obr {
      margin-top: -370px;
      margin-right: -30px;
      _margin-top: -410px;
}

img.jed_obr {
      margin-top: -360px;
      margin-right: -35px;
      _margin-top: -390px;
}

/* obrazek v sekci animace */
img.anim_obr {
      clear:left;
      margin-top: -350px;
      margin-left: 560px;
}

/* obrazek v sekci video */
img.vid_obr {
      clear:left;
      margin-top: -360px;
      margin-left: 560px;
}

/* nastaveni ztucnenenho textu */
strong {
      color: #FFFFFF;           /* bila barva */
      font-weight: bolder;        /* tucne pismo */
}

/* nastaveni vnitrnich odkazu na titulni strance */
a.odkaz_podtrh {
      color: #FFFFFF;           /* bila barva */
      text-decoration: underline; /* podtrzeni textu */
      outline-style: none;    /* zruseni teckovani okolo odkazu */
}

/* odkaz z titulni stranky do nabidky */
a.bez_hover {
      text-decoration: none;
      outline-style: none;
      border-style: none;
}

/* 3 DIVy v sekci KONTAKTy vedle sebe -prvni*/
#kon_ad {
      width: 250px;
      font-size: 11px;
      float:left;
}
/* 3 DIVy v sekci KONTAKTy vedle sebe -druhy*/
#kon_info {
      float:left;
      width: 250px; 
      font-size: 11px;
      _margin-left: 260px;      /* uprava pozice pro IE */
      _margin-top:-91px;
}

/* 3 DIVy v sekci KONTAKTy vedle sebe -treti*/
#kon_obch {
      float:left;
      width:230px;
      font-size: 11px;
      _margin-left:520px;
      _margin-top:-116px;
}