/* CSS Document */
html, body {text-align: center;}
#main {text-align: left;
       margin: 0 auto;width: 820px;
       background:#EEC100;       
}
.leva {float:left;}
.prava {float:right;}


#main .hlavicka, #main .hlavicka-1, #main .hlavicka-2
{
  width:820px;
  height:151px;
  background: url("../obrazky/hlavicka.gif") no-repeat;
  border-left:1px solid black;
  border-right:1px solid black;
  border-top:1px solid black;
  cursor:pointer;
}
#main .hlavicka-1
{
  width:772px;
  height:104px;
  background: url("../obrazky/hlavicka-01.gif") no-repeat;
}
#main .hlavicka-2
{
  width:772px;
  height:103px;
  background: url("../obrazky/hlavicka-03.gif") no-repeat;
}

#main .zalozka-2
{
  width:772px;
  height:43px;
  background: url("../obrazky/zalozka-02.gif") no-repeat;
  border-left:1px solid black;
  border-right:1px solid black;
  border-top:2px solid black;
}
#main .zalozka-2 p {padding:13px 0 0 26px;margin:0; font-weight:bold; color:#fff;font-size:16px;}


#main .hlavicka a {font-size:16px;color:white;font-weight:bold;}
#main .hlavicka .logo-1 {
float:left;margin:40px 0 0 40px;
}
#main .hlavicka .logo-2 {
float:right;margin:40px 40px 0 0;
}


.clear {clear:both;}

#main .telo, #main .telo-1 {
  width:820px;
  height:auto;
  background: #fff;
  border-left:1px solid black;
  border-right:1px solid black;
  border-bottom:1px solid black;
  text-align:left;
}
#main .telo-1 {
  width:772px;
  height:247px;
  background: url("../obrazky/pozadi.gif") repeat-x;
  border-bottom:0;
  border-left:1px solid black;
  border-right:1px solid black;
}
#main .telo-2{
  width:772px;
  height:230px;
  background:#F4D200;
  border-left:1px solid black;
  border-right:1px solid black;
  border-bottom:1px solid black;
}

#main .telo-3 {
  width:772px;
  height:auto;
  background:#ECC307;
  border-left:1px solid black;
  border-right:1px solid black;
}
#main .telo-3 .ramecek{
  width:758px;
  height:auto;
  margin-left:8px;
  background: url("../obrazky/pozadi-02.gif") repeat-y;
}
#main .telo-3 .ramecek #info{
  width:736px;
  height:556px;
  margin:0 13px 0 9px;  
  background: url("../obrazky/pozadi-info.gif") repeat-x;
}
#info .listina
{
  float:left;
  width:300px;
  height:266px;
  background: url("../obrazky/listina.jpg") no-repeat;
}
#info .box-vanoce
{
  float:left;
  margin-left:5px;
  width:256px;
  height:255px;
  background: url("../vecernicky/vecernicek_box.gif") no-repeat;
}
#info .banner-krabice
{
  float:left;
  width:371px;
  height:152px;
  background: url("../vecernicky/banner-krabice.gif") no-repeat;
}


#info .listina1
{
  float:left;
  width:296px;
  height:271px;
  background: url("../obrazky/listina1.jpg") no-repeat;
}

#info .text
{
  float:left;
  padding:15px;
  width:400px;
  height:auto;
}
#info .text p
{
  font-weight: bold;
  line-height:16px;
  font-size: 14px;
  color:black;
}
.pismo-hneda{color:#761919;}

.tlacitko-1 {
  width:205px;
  height:43px;
  padding:10px 0 0 9px;
  float:left;
  background: url("../obrazky/tlacitko-1.jpg") no-repeat;
}
.tlacitko-2 {
  float:left;
  padding:10px 0 0 9px;
  width:67px;
  height:43px;
  background: url("../obrazky/tlacitko-2.jpg") no-repeat;
}
.tlacitko-1 a,.tlacitko-2 a {color:white; font-weight:bold;}

#main .telo-3 .ramecek-paticka{
  width:758px;
  height:12px;
  line-height:1px;
  margin-left:8px;
  background: url("../obrazky/zalozka-dolni.gif") no-repeat;
}

.seznam-vecernicky {
  width:725px;
  height:1050px;
  margin-left:20px;
  background: url("../obrazky/seznam.jpg") no-repeat;
}
.seznam-pohadky {
  width:725px;
  height:519px;
  margin-left:20px;
  background: url("../obrazky/seznam1.jpg") no-repeat;
}

.detail-vecernicek
{
  width:73px;
  height:105px;
  background: url("../vecernicky/vecernicek-prazdny.gif") no-repeat;
}
.obrazek-vecernicek-x,.obrazek-pohadka-x
{
  width:73px;
  height:107px;
}
.obrazek-vecernicek-1
{  background: url("../vecernicky/1.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-2
{  background: url("../vecernicky/2.jpg") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-3
{  background: url("../vecernicky/3.jpg") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-4
{  background: url("../vecernicky/4.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-5
{  background: url("../vecernicky/5.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-6
{  background: url("../vecernicky/6.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-7
{  background: url("../vecernicky/7.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-8
{  background: url("../vecernicky/8.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-9
{  background: url("../vecernicky/9.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-10
{  background: url("../vecernicky/10.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-11
{  background: url("../vecernicky/11.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-12
{  background: url("../vecernicky/12.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-13
{  background: url("../vecernicky/13.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-14
{  background: url("../vecernicky/14.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-15
{  background: url("../vecernicky/15.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-16
{  background: url("../vecernicky/16.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-17
{  background: url("../vecernicky/17.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-18
{  background: url("../vecernicky/18.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-19
{  background: url("../vecernicky/19.gif") no-repeat;
cursor:pointer;
}
.obrazek-vecernicek-20
{  background: url("../vecernicky/20.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-21
{  background: url("../vecernicky/21.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-22
{  background: url("../vecernicky/22.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-23
{  background: url("../vecernicky/23.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-24
{  background: url("../vecernicky/24.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-25
{  background: url("../vecernicky/25.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-26
{  background: url("../vecernicky/26.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-27
{  background: url("../vecernicky/27.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-28
{  background: url("../vecernicky/28.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-29
{  background: url("../vecernicky/29.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-30
{  background: url("../vecernicky/30.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-31
{  background: url("../vecernicky/31.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-32
{  background: url("../vecernicky/32.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-33
{  background: url("../vecernicky/33.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-34
{  background: url("../vecernicky/34.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-35
{  background: url("../vecernicky/35.gif") no-repeat;
cursor:pointer;}

.obrazek-vecernicek-36
{  background: url("../vecernicky/36.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-37
{  background: url("../vecernicky/37.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-38
{  background: url("../vecernicky/38.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-39
{  background: url("../vecernicky/39.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-40
{  background: url("../vecernicky/40.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-41
{  background: url("../vecernicky/41.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-42
{  background: url("../vecernicky/42.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-43
{  background: url("../vecernicky/43.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-44
{  background: url("../vecernicky/44.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-45
{  background: url("../vecernicky/45.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-46
{  background: url("../vecernicky/46.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-47
{  background: url("../vecernicky/47.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-48
{  background: url("../vecernicky/48.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-49
{  background: url("../vecernicky/49.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-50
{  background: url("../vecernicky/50.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-51
{  background: url("../vecernicky/51.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-52
{  background: url("../vecernicky/52.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-53
{  background: url("../vecernicky/53.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-54
{  background: url("../vecernicky/54.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-55
{  background: url("../vecernicky/55.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-56
{  background: url("../vecernicky/56.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-57
{  background: url("../vecernicky/57.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-58
{  background: url("../vecernicky/58.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-59
{  background: url("../vecernicky/59.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-60
{  background: url("../vecernicky/60.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-61
{  background: url("../vecernicky/61.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-62
{  background: url("../vecernicky/62.gif") no-repeat;
cursor:pointer;}
.obrazek-vecernicek-63
{  background: url("../vecernicky/63.gif") no-repeat;
cursor:pointer;}



.obrazek-pohadka-1
{  background: url("../vecernicky/1p.gif") no-repeat;
cursor:pointer;}
.obrazek-pohadka-2
{  background: url("../vecernicky/2p.gif") no-repeat;
cursor:pointer;}
.obrazek-pohadka-3
{  background: url("../vecernicky/3p.gif") no-repeat;
cursor:pointer;}
.obrazek-pohadka-4
{  background: url("../vecernicky/4p.gif") no-repeat;
cursor:pointer;}
.obrazek-pohadka-5
{  background: url("../vecernicky/5p.gif") no-repeat;
cursor:pointer;}
.obrazek-pohadka-6
{  background: url("../vecernicky/6p.gif") no-repeat;
cursor:pointer;}
.obrazek-pohadka-7
{  background: url("../vecernicky/7p.gif") no-repeat;
cursor:pointer;}
.obrazek-pohadka-8
{  background: url("../vecernicky/9p.gif") no-repeat;
cursor:pointer;}
.obrazek-pohadka-9
{  background: url("../vecernicky/10p.gif") no-repeat;
cursor:pointer;}
.obrazek-pohadka-10
{  background: url("../vecernicky/11p.gif") no-repeat;
cursor:pointer;}
.obrazek-pohadka-11
{  background: url("../vecernicky/12p.gif") no-repeat;
cursor:pointer;}
.obrazek-pohadka-12
{  background: url("../vecernicky/13p.gif") no-repeat;
cursor:pointer;}
.obrazek-pohadka-13
{  background: url("../vecernicky/14p.gif") no-repeat;
cursor:pointer;}





.datum 
{
  padding:86px 0 0 5px;
  font-size:12px;
  font-weight:bold;
  color:white; 
}
.datum a{
  color:white;
}

#main .telo .podklad
{
  margin: 0 0 0 7px;
  width:805px;
  height:478px;
  background: url("../obrazky/podklad-3.jpg") no-repeat;
  /*cursor:pointer;*/
}

#main .telo .podklad_1
{
  margin: 0 0 0 7px;
  width:813px;
  height:798px;
  background: url("../obrazky/podklad-5.jpg") no-repeat;
  /*cursor:pointer;*/
  
}


#main .telo .podklad-vecernicky
{
  margin: 0 0 0 7px;
  width:805px;
  height:380px;
  background: url("../obrazky/podklad-vecernicky.jpg") no-repeat;
  /*cursor:pointer;*/
  
}
#main .telo .podklad-novinky
{
  margin: 0 0 0 7px;
  width:805px;
  height:323px;
  background: url("../obrazky/podklad-novinky.jpg") no-repeat;
}
#main .telo .podklad-novinky .novinky
{
  float:left;
  
  width:552px;
  height:300px;
  margin:10px 0 0 240px;
}
.novinky1
{
  float:left;
  width:254px;
  height:300px;
  background: url("../obrazky/novinky1.jpg") no-repeat;
  cursor:pointer;
}
.novinky2
{
  float:left;
  width:298px;
  height:300px;
  background: url("../obrazky/novinky2.jpg") no-repeat;
  cursor:pointer;
}

#main .telo .podklad .cislo
{
   float:left;
   margin: 60px 0 0 0; 
}