body {text-align: center; font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt; background-color: #333333;
      margin: 0px; padding: 0px; overflow: -moz-scrollbars-vertical; scrollbar-base-color: silver; }
h1 {margin-top: 0.5em; margin-bottom: 0.5em;}
h2 {margin-top: 1.5em; margin-bottom: 0.5em;}
form, ul, ol, li, p {margin: 0px; border: 0px; padding: 0px;}
p {margin-top: 10px;}

A:link    {color : blue;}
A:visited {color : blue;}
A:active  {color : blue;}
A:hover   {color : Red;}


#CelaStranka {text-align: left; margin: auto; border: 0px solid green; background: #8af6f6 url("CelaStranka-bkg.jpg") top left repeat-x scroll; }


#hlavicka    {position: relative; border: 0px solid black; background: black url("hlava-harmonika.gif") top left repeat-x scroll; padding: 0px; margin: 0px; }
#hlavicka #logo {position: relative; left: 0px; top: 0px; }
#hlavicka #menubkg {position: absolute; right: 0px; top: 0px; }
#hlavicka #mymenu {position: absolute; z-index: 1; right: 0px; top: 16px; padding: 0px; margin: 0px; border: 0px solid red;
                   font-family: "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 9pt;
                   color: white; font-weight: 900; font-variant: normal; text-transform: uppercase; }
#hlavicka .lomitko {position: relative; top: 7px; color : red; font-size: 28pt; font-weight: normal; }
#hlavicka A:link, #hlavicka A:visited, #hlavicka A:active  {color : white; text-decoration: none;}
#hlavicka A:hover {color : red; text-decoration: none;}

#uvodnik {font-family: "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 15pt; font-weight: 900;
          margin: 50px; padding: 10px;
          color:white; background-color: black; }

#telo       {background-image: url("obsah-bkg.jpg"); background-position: top left; background-repeat: no-repeat;
             border: 0px solid red; }
#telo TABLE, #telo TR, #telo TD {border: 0px solid black; margin: 0px; padding: 0px;
            font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt;
            vertical-align: top; }
#telo TABLE {border-collapse: collapse; }
#telo #levy-sloupec0 {width: 198px; }
#telo #levy-sloupec {width: 198px; background-color: transparent;}
#telo #stredni-sloupec {width: 100%; padding: 0px 30px 0px 30px; }
#telo #pravy-sloupec {width: 194px; background-color: black; }


/* levý sloupec u úvodní obrazovky */
#levy0       {position: relative; float:left; width: 198px; border: 0px solid black; margin: 120px 0px 0px 0px; padding: 0px;}
#levy0 IMG   {border: 0px solid black; margin: 0px 0px 23px 0px; padding: 0px;}
#levy0 #logocross   {margin: 50px 0px 0px 0px;}
#levy0 .popis {position: absolute; line-height: 30px; text-align: center; font-size: 16pt; font-weight: 900;
               color: #b22222; background-color: white; visibility: hidden; }
#levy0 #security    {width: 450px; left: 170px; top:   7px;}
#levy0 #lock        {width: 450px; left: 170px; top:  73px;}
#levy0 #accessories {width: 200px; left: 170px; top: 139px;}
#levy0 #connectors  {width: 300px; left: 170px; top: 205px;}
#levy0 #gsm         {width: 400px; left: 170px; top: 271px;}
#levy0 #cross       {width: 400px; left: 170px; top: 387px;}

/* levý sloupec u neúvodní obrazovky */
#levy {float:left; width: 198px; border: 0px solid black; margin: 41px 0px 0px 0px; padding: 0px;}
#levy STRONG {color: white; background-color: red; display: block; font-size: 12pt;}

#levy .vlevovlevo   {width: 20px; background-color: red; line-height: 18px; text-align: center; margin: 0px; padding: 10px 0px 0px 0px;}
#levy .vlevovpravo  {background-color: white; margin: 0px; padding: 5px 0px 10px 2px; }
#levy #kategorie   {background-color: white; line-height: 15px; }
#levy #kategorie .znak {color: green; font-family: "Courier New", Courier, monotype; font-size: 9pt; letter-spacing: -3px; }
#levy #kategorie ul {margin: 0px; padding: 0px; }
#levy #kategorie li {margin: 0px 0px 0px 19px; padding: 0px 0px 0px 0px; text-indent: -18px;
                     list-style-type: none; color: black; font-size: 8pt; }
#levy #kategorie .vyber   { background-color: red; display: block; margin: 0px; padding: 0px 0px 0px 0px; }
#levy #kategorie .nevyber { background-color: white;  }
#levy #kategorie .nadpiskategorii {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#levy #kategorie .nadpiskategorii li {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; text-indent: 0px;  }

#levy #kategorie li A {text-decoration: none; }
#levy #kategorie A:link, #levy #kategorie A:visited, #levy #kategorie A:active {color : black; }
#levy #kategorie A:hover {color : red; }
#levy #kategorie .vyber A:link, #levy #kategorie .vyber A:visited, #levy #kategorie .vyber A:active  {color : black; }
#levy #kategorie .vyber A:hover {color : white; }



#pravy  {float: right; text-align: center; width: 194px; background-color: black;
         border: 0px solid black; margin: 0px; padding: 5px 0px 0px 0px; }

#pravy #register   {position: relative; text-align: left; background-color: #dddddd; margin: 0px 5px 0px 5px; }
#pravy #register STRONG {color: white; background-color: red; display: block; font-size: 12pt; margin-bottom: 4px;}
#pravy #register B {color: black; display: block; text-align: left;}
#pravy #register ul {margin: 0px 0px 0px 5px; padding: 0px;}
#pravy #register li {margin: 0px 0px 5px 0px; list-style-type: none; font-size: 9pt;}
#pravy #register li INPUT {position: absolute; width: 115px; height: 17px; font-size: 9pt; left: 55px; }
#pravy #register .tlacitko {position: relative; height: 22px; width: 55px;
                            background-color: navy; color: #ffffcc; font-weight: bold; cursor: hand;}
#pravy #register .napravo {position: relative; top: -3px; left: 15px; font-size: 9pt; }

#pravy #searchit   {position: relative; margin-top: 20px; color: white; font-size: 8pt;}
#pravy #searchit STRONG {color: red; display: block; font-weight: 900; font-size: 12pt; margin-bottom: 4px;}
#pravy #searchit .tlacitko {position: relative; height: 22px; width: 30px; vertical-align: bottom;
                            background-color: navy; color: #ffffcc; font-weight: bold; cursor: hand;}

#pravy #slideshow   {margin-top: 5px; height: 155px;}
#pravy #slideshow IMG {border: 2px solid red; }

#pravy #novinky   {margin-top: 10px;}
#pravy #novinky li {list-style-type: none; height: 36px; }
#pravy #novinky li A {display: block; margin: auto; width: 123px; height: 26px;
                      color: white; text-decoration: none; font-weight: 900; font-size: 14pt; line-height: 26px;
                      background-color: red; background-image: url('tlacitko-bkg.gif'); background-position: left top; background-repeat: no-repeat; }
#pravy #novinky li A:hover {color: red; background-color: #dddddd; _background-color: black; background-position: right top; }

#pravy #dilna   {margin-top: 15px;}
#pravy #dilna li {list-style-type: none; margin-top: 8px; }
#pravy #dilna li A {display: block; margin: auto; width: 123px; height: 26px; white-space: nowrap;
                      color: white; text-decoration: none; font-weight: bold; font-size: 11pt; line-height: 26px; letter-spacing: -1px;
                      background-color: red; background-image: url('tlacitko-bkg.gif'); background-position: left top; background-repeat: no-repeat; }
#pravy #dilna li A:hover {color: red; background-color: #dddddd; _background-color: black; background-position: right top; }

#pravy #ceniky   {background-color: #dddddd; text-align: left; margin: 20px 5px 0px 5px; }
#pravy #ceniky STRONG {color: white; background-color: red; display: block; font-size: 12pt;}
#pravy #ceniky ul {margin: 0px; padding: 0px;}
#pravy #ceniky li {margin: 0px; padding: 0px; list-style-type: none; line-height: 5px; font-size: 0pt; display: inline;}

#pravy #greenline   {margin: 20px 0px 20px 0px;}


#obsah       {border: 0px solid red; margin: 0px; text-align: center; padding: 0px; padding-top: 41px; }
#obsah H1    {text-align: center; font-size: 20pt; line-height: 1.5; font-weight: 900; color: red; font-style: normal; }





#obsah .jestevetsitabulka {width: 100%; margin: 0px 0px 5px 0px; padding: 0px; background-color: red;}
#obsah .jestevetsitabulka HR {background-color: white; }
#obsah .jestevetsitabulka TABLE {width: 100%; border-collapse: collapse; }
#obsah .jestevetsitabulka TABLE, #obsah .jestevetsitabulka TR, #obsah .jestevetsitabulka TD {
  border: 0px solid black; margin: 0px; padding: 0px;
  font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; }
#obsah .jestevetsitabulka .hlavickaokna {width: 150px; color: black; background-color: red; text-align: right; }
#obsah .jestevetsitabulka .okolitmb {font-size: 10pt; font-weight: 600; margin: 0px; padding: 10px 5px 10px 10px; }
#obsah .jestevetsitabulka .okolitmb A {text-decoration: none; }
#obsah .jestevetsitabulka .okolitmb A:link    {color : black;}
#obsah .jestevetsitabulka .okolitmb A:visited {color : black;}
#obsah .jestevetsitabulka .okolitmb A:active  {color : black;}
#obsah .jestevetsitabulka .okolitmb A:hover   {color : white;}
#obsah .jestevetsitabulka .thumbnail {border: 4px solid black; margin: 0px 10px 0px 0px; padding: 0px; }
#obsah .jestevetsitabulka .hlavickaokna H2 {margin: 10px 10px 10px 0px; padding: 0px; color: white; font-size: 12pt; font-weight: 900; font-style: normal;}
#obsah .jestevetsitabulka .hlavickaokna SMALL {display: block; margin: 5px 10px 0px 0px; padding: 0px; font-size: 10pt; font-weight: bold; font-style: normal;}
#obsah .jestevetsitabulka .hlavickaokna I {display: block; margin: 5px 10px 5px 0px; padding: 0px; color: white; font-size: 11pt; font-weight: bold; font-style: normal;}
#obsah .jestevetsitabulka .hlavickaokna .ikony {margin: 10px 10px 10px 0px; padding: 0px; }
#obsah .jestevetsitabulka .manual {padding: 5px 0px 0px 10px; color: black; font-size: 10pt; font-weight: bold; }
#obsah .jestevetsitabulka .manual li {margin: 0px 0px 0px 20px; list-style-type: disc; }
#obsah .jestevetsitabulka .hlavickaokna IMG {border: 0px solid red; margin:0px; padding: 0px;}
#obsah .jestevetsitabulka .hlavickaokna A {text-decoration: none; }
#obsah .jestevetsitabulka .hlavickaokna A:link    {color : white;}
#obsah .jestevetsitabulka .hlavickaokna A:visited {color : white;}
#obsah .jestevetsitabulka .hlavickaokna A:active  {color : white;}
#obsah .jestevetsitabulka .hlavickaokna A:hover   {color : white;}




#obsah .velkatabulka {width: 100%; border: 0px solid black; margin: 0px 0px 5px 0px; padding: 0px; background-color: #eeeeee;}
#obsah .velkatabulka TABLE, #obsah .velkatabulka TR, #obsah .velkatabulka TD, #obsah .velkatabulka TH {border: 1px solid black;
         margin: 0px; padding: 0px; font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt;}
#obsah .velkatabulka TABLE {width: 100%; border-collapse: collapse; }
#obsah .velkatabulka TH {background-color: silver; }
#obsah .velkatabulka .smajlik {width: 15px; }
#obsah .velkatabulka .kodek {color: black; font-weight: bold; }
#obsah .velkatabulka .popis { padding: 0px 5px 0px 5px; }
#obsah .velkatabulka .ceny  {font-style: italic; font-weight: bold; text-align: right; padding-right: 2px; }
#obsah .velkatabulka .dokosiku {text-align: center; vertical-align: middle; background-color: red; }
#obsah .velkatabulka .dokosiku IMG {margin:0px; padding: 0px; border: 0px solid black; }
#obsah .velkatabulka .kodek A:link    {color : black;}
#obsah .velkatabulka .kodek A:visited {color : black;}
#obsah .velkatabulka .kodek A:active  {color : black;}
#obsah .velkatabulka .kodek A:hover   {color : Red;}




#obsah #RegistForm {background-color: #e0ffff; margin: 0px; padding: 5px 5px 10px 5px; border: 1px solid black;
                   font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt; font-weight: bold;}
#obsah #RegistForm B {background-color: blue; color: white; padding: 5px; margin: 0 0 10px 0; display: block;}
#obsah #RegistForm STRONG {font-weight: bold; color: black;}
#obsah #RegistForm TABLE, #obsah #RegistForm TR, #obsah #RegistForm TD {border: 0px solid black; margin: 0px; padding: 0px 10px 0px 0px;
                                             font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt;}
#obsah #RegistForm TABLE, #obsah #RegistForm TEXTAREA {margin: auto;}
#obsah #RegistForm input, #obsah #RegistForm textarea {background-color: #ffffcc; color: navy;}
#obsah #RegistForm PRE {border: 1px solid black; padding: 5px; margin: auto; color: black; background-color: silver; height: 200px; width: 365px;
                        display: block; overflow: auto;}
#obsah #RegistForm .tlacitko {background-color: navy; color: #ffffcc; font-weight: bold; cursor: hand}



#obsah #Kosik {background-color: #e0ffff; text-align: center; border: 1px solid black; margin: 0px; padding: 10px 3px 10px 3px;
               font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt;}
#obsah #Kosik TABLE, #Kosik TH, #Kosik TR, #Kosik TD {background-color: #EEEEEE; border: 1px solid black; text-align: center; vertical-align: middle;
               font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 8pt; }
#obsah #Kosik TABLE {border-collapse: collapse; margin: 10px auto 10px auto; }
#obsah #Kosik .ceny {text-align: right;}
#obsah #Kosik input {background-color: #ffffcc; color: navy;}
#obsah #Kosik .tlacitko {background-color: navy; color: #ffffcc; font-weight: bold; cursor: hand; }




#obsah .nadpis {background-color: white; margin: 0px; padding: 0px; border: 0px solid black; }
#obsah .nadpis TABLE, #obsah .nadpis TR, #obsah .nadpis TD {border: 0px solid black; margin: 0px; padding: 0px;
                font-family: "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 9pt; font-weight: 900;}
#obsah .nadpis TABLE {width: 100%; border-collapse: collapse; }
#obsah .nadpis TD {padding: 5px 0px 5px 5px; }
#obsah .nadpis A {text-decoration: none; }
#obsah .nadpis A:link, #obsah .nadpis A:visited, #obsah .nadpis A:active {color : black; }
#obsah .nadpis A:hover {color : red; }





#obsah .sortbar {position: relative; text-align: center; margin: 0px; padding: 0px 0px 5px 0px; border: 0px solid black; font-size: 9pt; }
#obsah .sortbar TABLE, #obsah .sortbar TR, #obsah .sortbar TD {border: 0px solid black; margin: 0px; padding: 0px; background-color: white;
                font-family: "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 9pt; font-weight: 900; text-align: center;}
#obsah .sortbar TABLE {width: 100%; border-collapse: collapse; margin: auto; }
#obsah .sortbar #barleft   {text-align: left; padding: 5px 0px 5px 5px;}
#obsah .sortbar #barcenter {text-align: center; padding: 5px 0px 5px 0px;}
#obsah .sortbar #barright  {text-align: right; padding: 5px 5px 5px 0px;}
#obsah .sortbar SELECT  {font-size: 9pt; vertical-align: middle; }
#obsah #select1 {width: 43px; font-size: 9pt; font-weight: 900; background-color: #eeeeee; }
#obsah #select2 {width: 90px; font-size: 9pt; font-weight: 900; background-color: #eeeeee; }
#obsah #select3 {width: 80px; font-size: 9pt; font-weight: 900; background-color: #eeeeee; }
#obsah .sortbar .tlacitko {height: 19px; font-size: 9pt; vertical-align: middle; padding: 0px 2px 0px 2px;
                            font-weight: bold; cursor: hand;}

#obsah .navbar {width: 100%; background-color: white; text-align: center; margin: 0px 0px 0px 0px; padding: 0px; border: 0px solid black; }
#obsah .navbar TABLE, #obsah .navbar TR, #obsah .navbar TD {border: 0px solid black; margin: 0px; padding: 0px;
                font-family: "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt; font-weight: 900;}
#obsah .navbar TABLE {width: 100%; border-collapse: collapse; }
#obsah .navbar TD {padding: 6px 0px 6px 0px; }
#obsah .navbar STRONG {font-weight: 900; }
#obsah .navbar .vlevo    {width: 60; text-align: center; vertical-align: middle; }
#obsah .navbar .infoblok {           text-align: center; vertical-align: middle; white-space: nowrap; }
#obsah .navbar .stred    {           text-align: center; vertical-align: middle; padding-left: 5px; padding-right: 5px; }
#obsah .navbar .vpravo   {width: 60; text-align: center; vertical-align: middle; }
#obsah .navbar IMG   {border: 0px solid black; margin: 0px; padding: 0px;}
#obsah .navbar A {text-decoration: none; }
#obsah .navbar A:link, #obsah .navbar A:visited, #obsah .navbar A:active {color : red; }
#obsah .navbar A:hover {color : black; }


#obsah #FiremniStranka {text-align: left; background: white url("ofirme.jpg") top right no-repeat scroll;
                        margin: 0px; padding: 5px; border 0px;
                        font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt; font-weight: normal;}
#obsah #FiremniStranka OL {margin: 0 0 10px 30px;}
#obsah #FiremniStranka LI {margin: 3px 0 0 30px;}
#obsah #FiremniStranka STRONG {color: red;}
#obsah #FiremniStranka TABLE, #obsah #FiremniStranka TR, #obsah #FiremniStranka TD
 {text-align: left; border: 0px solid black; margin: auto; padding: 0px;
  font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt;}


#obsah #OProgramu {text-align: left; background-color: #e0ffff; margin: 0px; padding: 5px; border 0px; font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt; font-weight: bold;}
#obsah #OProgramu OL {margin: 0 0 10px 30px;}
#obsah #OProgramu LI {margin: 3px 0 0 0;}
#obsah #OProgramu B {background-color: blue; color: white;}
#obsah #OProgramu STRONG {color: red;}

#obsah #TextNovinek {text-align: left; background-color: #eeeeee; margin: 5px 0px 0px 0px; padding: 5px; border 0px; font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt; font-weight: bold;}
#obsah #TextNovinek OL {margin: 0 0 10px 30px;}
#obsah #TextNovinek LI {margin: 3px 0 0 0;}
#obsah #TextNovinek B {background-color: blue; color: white;}
#obsah #TextNovinek STRONG {color: red;}
#obsah #TextNovinek TABLE, #obsah #TextNovinek TR, #obsah #TextNovinek TD {border: 1px solid black; margin: 0px; padding: 0px; font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt;}
#obsah #TextNovinek TABLE {border-collapse: collapse;}

#obsah #TextAkce {text-align: left; background-color: #eeeeee; margin: 5px 0px 0px 0px; padding: 5px; border 0px; font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt; font-weight: bold;}
#obsah #TextAkce OL {margin: 0 0 10px 30px;}
#obsah #TextAkce LI {margin: 3px 0 0 0;}
#obsah #TextAkce B {background-color: blue; color: white;}
#obsah #TextAkce STRONG {color: red;}
#obsah #TextAkce TABLE, #obsah #TextAkce TR, #obsah #TextAkce TD {border: 1px solid black; margin: 0px; padding: 0px; font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt;}
#obsah #TextAkce TABLE {border-collapse: collapse;}

#obsah #TiskForm {text-align: left; background-color: #e0ffff; margin: 0px; padding: 5px; font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt;}
#obsah #TiskForm h2 {margin-top: 0em; margin-bottom: 0.5em; text-align: center; font-size: 14pt; line-height: 1.5; font-weight: bold; font-style: normal;}
#obsah #TiskForm FORM {text-align: center; font-weight: bold;}
#obsah #TiskForm B {background-color: blue; color: white; padding: 5px; margin: 0; display: block;}
#obsah #TiskForm UL {margin: 0 0 10px 30px;}
#obsah #TiskForm LI {margin: 3px 0 0 0;}
#obsah #TiskForm .tlacitko {background-color: navy; color: #ffffcc; font-weight: bold; cursor: hand}
#obsah #TiskForm TABLE, #obsah #TiskForm TR, #obsah #TiskForm TD {text-align: center; vertical-align: middle; border: 1px solid black; margin: 0px; padding: 3px; font-family : "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif; font-size: 10pt; font-weight: bold;}
#obsah #TiskForm TABLE {margin-top: 5px; margin-left: auto; margin-right: auto; border-collapse: collapse;}


#paticka     {background-color: black; border-top: 2px solid red; margin: 0px; padding: 0px; }
#paticka #vzkaz   {color: red; text-align: left; line-height: 30px; font-size: 10pt; font-weight: bold; font-style: normal;
                   margin: 0px 0px 0px 0px; padding: 0px; }
#paticka TABLE, #paticka TR, #paticka TD {border: 0px solid black; margin: 0px; padding: 0px;
                font-family: "Arial CE",Arial,"Verdana CE",verdana,helvetica,sans-serif;}
#paticka TABLE {width: 100%; border-collapse: collapse; }
#paticka TD {padding: 0px; }

#paticka .copyright     {color:white; font-variant: normal; font-size: 8pt; text-align: left; }
#paticka .datum         {color:white; font-variant: normal; font-size: 8pt; text-align: right; }

#paticka A:link, #paticka A:visited, #paticka A:active  {color : white; text-decoration: none; }
#paticka A:hover   {color : white;}

