a img { border: none; }



h1,h2 { font-family: Arial,sans-serif; color: white; font-size: 35px; font-weight: normal; line-height: 25px; display: inline-block; margin: 0; padding: 0; }

h2 { font-size: 15px; color: #ef4120; line-height: 22px; margin: 0; padding: 0; }
p { font-family: Arial,sans-serif; font-weight: normal; font-size: 14px; margin: 0; padding: 0; }

a {  font-family: Arial,sans-serif; font-weight: normal; font-size: 14px; margin: 0; padding: 0; color: #777; }
a:hover { color: #f04323;}


html, body  { width: 100%; margin: 100%; margin: 0; padding: 0; background-color: #FFF; display: block; }
table       { margin: 0 auto; }
 
#site       { position: relative;
              margin: 0 auto;
              width: 1000px; height: 4368px; overflow: hidden; margin-top: 20px;
              background: url('../img/bg.png'); }

#homer { position: absolute; width: 100%; height: 100px; display: block; left: 0; top: 0; }
              
#podstrana  { position: absolute; left: 0; top: 130px; z-index: 999; display: none;
              margin: 0 auto;
              width: 1000px; height: 1100px;
              background: url('../img/podstrana.jpg'); }
              
#formular   { position: absolute;
              left: 0px; top: 120px;
              width: 1000px; height: 1200px;
              background: url('../img/formular.jpg'); }
 
#podekovani { position: absolute;
              left: 0px; top: 120px;
              width: 1000px; height: 600px;
              background: url('../img/bg_thx.jpg'); }

#oAbsolut { width: 250px; height: 70px; position: absolute; bottom: 0; left: 0; }
#oChytry { width: 250px; height: 70px; position: absolute; bottom: 0; left: 260px; }

#karousel                        { position: absolute; left: 50%; top: 168px; margin-left: -455px;
                                   width: 900px; height: 308px; background-color: transparent; overflow: hidden; }

#karousel_back,#karousel_forward { width: 25px; height: 40px; background: url('../img/back_forward.png') 0px 0px; cursor: pointer; position: absolute; opacity: 1; }
#karousel_back          { background-position:  -55px 0px; top: 285px; left:  15px; z-index: 5000; }
#karousel_forward       { background-position:    0px 0px; top: 285px; right: 15px; z-index: 5000; }
#karousel_back:hover    { background-position: -27px 0px; }
#karousel_forward:hover { background-position: -82px 0px; }

#karousel_anchors   { z-index: 500; width: auto; height: 30px; position: absolute; right: 80px; top: 430px; border: 0px solid red;}
.slide_anchor       { cursor: pointer; width: 15px; height: 15px; background-color: gray; display: inline-block; margin: 2px; border: 1px solid white; }
.slide_anchor:hover { background-color: #f04323; }
.slide_anchor_active { background-color: #f04323; }

#pas                             { width: auto; height: 308px; position: absolute; left: 0px; }
.slide                           { width: 905px; height: 308px; display: inline-block; position: relative; }

#nahoru { width: 200px; height: 150px; bottom: 0px; right: 0px; display: block; position: absolute; }

input[type=text] { width: 290px; height: 27px; border: 0; font-size: 15px; padding-left: 5px;}
.pole            { position: absolute; }
#f_jmeno         { left: 55px; top: 391px; }
#f_prijmeni      { left: 55px; top: 459px; }
#f_email         { left: 55px; top: 533px; }
#f_tip           { left: 55px; top: 745px; }


#f_odeslat       { height: 70px; left: 55px; top: 920px; }
#f_doklad        { height: 50px; left: 55px; top: 1050px; }

#f_vice          { height: 40px; left: 510px; top: 920px; }
#f_koupit        { height: 40px; left: 510px; top: 990px; }
#f_mapa          { height: 40px; left: 510px; top: 1055px; }
#f_pravidla      { height: 40px; left: 510px; top: 1115px; }

#doklad_info     { position: absolute; width: 355px; height: 30px; left: 55px; top: 990px;  text-align: center; border: 0px solid green; cursor: pointer; }

.invalid         { border-left: 3px solid #f04323 !important;}

#m_home      { width: 250px; height: 50px; right: 000px; top: 40px; }

#top_menu    { position: absolute; width: 1000px; height: 30px; left: 0px; top: 94px; }
#bottom_menu { position: absolute; width: 1000px; height: 30px; left: 0px; bottom: 90px; }

.tlacitko        { position: relative; width: auto; height: 30px; border: 0px solid green; cursor: pointer; font-size: 14pt; color: #000;
                   margin: 5px; z-index: 999; display: inline-block; }

.m_prvni      {  }
.m_druhy      {  }
.m_treti      {  }
.m_ctvrty     {  }
.m_paty       {  }

.chcikomin { width: 100%; height: 50px; cursor: pointer; display: block; border: 0px solid red; position: absolute; z-index:9999; }
#chciBottom { bottom: 160px; }
#chciUpper { top: 650px; }

#interakce,#interakce2 { position: absolute; width: 1000px; height: 750px; left: 0px; top: 3350px; border: 0px solid green; }
#interakce2 { top: 2520px; height: 650px; }

#infotext,#infotext2  { position: absolute; width: 250px; height: auto; padding: 20px; border: 1px solid #ee4423; text-align: left; background-color: white; }

.cislo       { position: absolute; width: 30px; height: 30px; background-color: transparent; border: 0px solid #fff; background-size: 100% 100%; cursor: pointer; background-image: url('../img/rect_60x60.png'); }
#c1          { left: 440px; top: 10px; }
#c2          { left: 515px; top: 50px; }
#c3          { left: 515px; top: 210px; }
#c4          { left: 490px; top: 300px; }
#c5          { left: 480px; top: 330px; }
#c6          { left: 500px; top: 360px; }
#c7          { left: 490px; top: 420px; }
#c8          { left: 540px; top: 500px; }
#c9          { left: 475px; top: 650px; }

#c10          { left: 430px; top: 300px; }
#c11          { left: 430px; top: 390px; }
#c12          { left: 395px; top: 500px; }
#c13          { left: 420px; top: 550px; }
#c14          { left: 335px; top: 670px; }

.t1          { right: 130px; top: 75px; }
.t2          { right: 130px; top: 120px; }
.t3          { right: 130px; top: 270px; }
.t4          { right: 130px; top: 365px; }
.t5          { right: 130px; top: 400px; }
.t6          { right: 130px; top: 430px; }
.t7          { right: 130px; top: 475px; }
.t8          { right: 130px; top: 565px; }
.t9          { right: 130px; top: 705px; }

.t10          { left: 50px; top: 380px; }
.t11          { left: 50px; top: 455px; }
.t12          { left: 50px; top: 560px; }
.t13          { left: 50px; top: 595px; }
.t14          { left: 50px; top: 735px; }

#down_menu   { position: absolute; width: 530px; height: 30px; background: url('../img/menu.png'); top: 1330px; left: 0px; }


#vyhody      { position: absolute; width: 1000px; height: 400px; left: 0px; top: 1180px; padding-top: 350px; border: 0px solid green; }

.vyhoda      { position: relative; width: 600px; height: 37px; border: 0px solid green; display: block; }
#inox        { position: absolute; width: 100px; height: 40px; left: 250px; top: 100px; border: 0px solid green; }  
#rez         { position: absolute; width: 200px; height: 40px; left: 420px; top:  15px; border: 0px solid green; }  

#odpocet     { position: absolute; z-index: 100; left: 0px; top: 200px; width: 270px; height: 150px; background-color: #d74700; border: 3px solid white; text-align: center; padding: 20px; height: 80px; display: none; }


#partnerwebs { position: absolute; left: 0; bottom: 0; z-index: 1000; width: auto; height: auto; }
.partnerweb {position: relative; display: inline-block; width: auto; height: auto; padding: 20px; background-color: #000; }
.partnerweb { color: #fff; font-size: 20px; font-weight: 100; }
