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; }
table       { margin: 0 auto; }
 
#site       { position: relative;
              margin: 0 auto;
              width: 1000px; height: 3367px; overflow: hidden;
              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: 160px; margin-left: -405px;
                                   width: 810px; height: 270px; 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: 270px; left:  55px; }
#karousel_forward       { background-position:    0px 0px; top: 270px; right: 60px; }
#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: 110px; top: 400px; 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: 270px; position: absolute; left: 0px; }
.slide                           { width: 810px; height: 270px; 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: 40px; top: 100px; }
#bottom_menu { position: absolute; width: 1000px; height: 30px; left: 40px; bottom: 110px; }

.tlacitko        { position: relative; width: auto; height: 30px; border: 0px solid green; cursor: pointer; 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: 0px; }
#chciUpper { top: 600px; }

#interakce,#interakce2 { position: absolute; width: 1000px; height: 750px; left: 0px; top: 1770px; 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'); }
#c7          { left: 480px; top:  35px; }
#c1          { left: 485px; top: 120px; }
#c2          { left: 490px; top: 200px; }
#c3          { left: 390px; top: 385px; }
#c4          { left: 480px; top: 525px; }
#c5          { left: 385px; top: 575px; }
#c6          { left: 480px; top: 610px; }

.t7          { right: 175px; top: 40px; }
.t1          { right: 170px; top: 80px; }
.t2          { right: 160px; top: 180px; }
.t3          { right: 630px; top: 350px; }
.t4          { right: 180px; top: 490px; }
.t5          { right: 630px; top: 560px; }
.t6          { right: 175px; top: 590px; }

#c11         { left: 655px; top:  55px; }
#c12         { left: 470px; top: 305px; }
#c13         { left: 590px; top: 435px; }
#c14         { left: 330px; top: 500px; }

.t11          { right:   0px; top: 20px; }
.t12          { right: 560px; top: 260px; }
.t13          { right:  70px; top: 410px; }
.t14          { right: 690px; top: 470px; width: 180px !important; }

#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: 45px; bottom: 0; z-index: 1000; width: auto; height: auto; }
.partnerweb {position: relative; display: inline-block; width: auto; height: auto; padding: 20px; background-color: #ff401a; }
.partnerweb { color: #fff; font-size: 20px; font-weight: 100; }

.partnerweb:hover { background-color: #000; }