body {
  padding: 0px;
  margin: 0px;
  background: #fccb02 url(../images/layout/bg-page.jpg) repeat-x top;
  font-size: 1em;
}

body, html {
  height: 100%;
  width: 100%;
}

body, div,table, td, tr, span, p, input, textarea {
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: 13px;
  color: #000000;
}

p a {
    color: #267b36;
    text-decoration: underline;
}
p a:hover {
    text-decoration: none;
}

#page-content {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background: url(../images/layout/bg-page-content.jpg) repeat-y top left;
  z-index: 0;
}

#page-header {
    float:left;
    width: 1200px;
    height: 100px;
    background: url(../images/menu/buttons-top_2.jpg) no-repeat top left;
}

#page-footer {
   clear: left;
   display: block;
   position: relative;
   left: 35px;
   width: 959px;
   background: #f4c504 url(../images/layout/bg-footer.jpg) repeat-y top left;
   height: 41px;
   z-index: 11;
   margin-left: 85px;
}

#content {
    float:left;
    position: relative;
    width: 1200px;
    background: url(../images/layout/bg-subpage-content.jpg) no-repeat top left;
    padding-top: 90px;
    z-index: 10;
}

#content div.text-content {
    float:left;
    position: relative;
    width: 670px;
    padding-left: 248px;
    padding-right: 212px;
    padding-bottom: 370px;
    background: url(../images/layout/bg-subpage-bottom.png)  no-repeat bottom left;
    margin: 0px;
    overflow: hidden;
}

span.nSize {
    visibility: hidden;
    display: block;
    position: relative;
}

/* hlavni horni menu */
#menu {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1200px;
    height: 100px;
    padding: 0px;
    margin: 0px;
    z-index: 10;
}

#menu li {
    position: absolute;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#menu a {
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: block;
    overflow: hidden;
}

#menu li.vyhrajscappy       { top: 38px; left: 125px; width: 150px; height: 55px;}
#menu li.jaknato            { top: 41px; left: 306px; width: 150px; height: 45px;}
#menu li.tisk            		{ top: 40px; left: 504px; width: 174px; height: 45px;}
#menu li.prodjunior         { top: 40px; left: 726px; width: 129px; height: 40px;}
#menu li.ostatni            { top: 36px; left: 894px; width: 175px; height: 60px;}

#menu li.pravidla           { top: 38px; left: 211px; width: 150px; height: 45px;}
#menu li.vyhry              { top: 40px; left: 376px; width: 83px; height: 45px;}
#menu li.prehledvysledku    { top: 38px; left: 477px; width: 175px; height: 43px;}
#menu li.kdeuvidite         { top: 38px; left: 670px; width: 129px; height: 53px;}

/* kontakty v patice */
#contacts {
    top: 0px;
    left: 0px;
    width: 959px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    z-index: 12;
}

#contacts li {
    position: absolute;
    height: 41px;
    line-height: 35px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    z-index: 20;
    text-align: left;
}

#contacts a {
    color: #372c00;
    text-decoration: underline;
    font-size: 12px;
    position: relative;
    left: 17px;
}

#contacts a:hover {
    text-decoration: none;
}

#contacts li.kontakt    { top: 0px; left: 0px;  width: 79px; }
#contacts li.cappycz    { top: 0px; left: 81px; width: 87px; }
#contacts li.informace  { top: 0px; left: 168px;width: 120px; }
#contacts li.fanta      { top: 0px; left: 304px;width: 87px; }


span#cappy-junior,
span#podivej-se-na-video,
span#spustit-hru,
span#vytisknout-kod,
span#hlavni-strana {
    position: absolute;
    z-index: 50;
    overflow: hidden;
}
/* co je happy hour */
span#cappy-junior {
    height: 85px;
		left: 109px;
		top: 293px;
		width: 85px;
}

/* podivej se na video, jak na to */
span#podivej-se-na-video {
    top: 331px;
    right: 105px;
    width: 170px;
    height: 90px;
}

/* spustit hru */
span#spustit-hru {
    top: 423px;
    right: 105px;
    width: 170px;
    height: 45px;
}

span#vytisknout-kod {
    top: 477px;
    right: 120px;
    width: 100px;
    height: 30px;
    padding-left: 28px;
    background: url(../images/pages/printer-small.png) no-repeat top left;
    font-size: 12px;
}

span#hlavni-strana {
    height: 145px;
		left: 129px;
		top: 115px;
		width: 70px;
}

span#vytisknout-kod a {
    color: #eb2b60;
    text-decoration: underline;
}
span#vytisknout-kod a:hover {
    text-decoration: none;
}

span#cappy-junior a,
span#podivej-se-na-video a,
span#spustit-hru a,
span#hlavni-strana a {
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 100;
    clear: both;
}

/* casti sekcí */
p {
    display: run-in;
    padding: 10px;
    padding-left: 13px;
    padding-right: 13px;
    margin: 0px;
}

#content ul {
    display: run-in;
    margin: 10px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

#content li {
    list-style-image: url("../images/pages/ul-pink-square.png");
    padding-left: 0px;
    margin-left: 32px;
}
#content ul.dot {
	margin-top: 3px;
	margin-bottom: 3px;
}
#content li.dot {
	list-style-image: none;
    list-style-type: disc;
    padding-left: 0px;
    margin-left: 32px;
}

h2 {
    display: run-in;
    padding: 0px;
    margin: 0px;
    margin-left: 9px;
    margin-bottom: 5px;
    font-size: 0px;
    height: 50px;
}

h3 {
    display: run-in;
    margin: 0px;
    padding: 0px;
    padding-left: 13px;
    padding-top: 10px;
    font-size: 16px;
    line-height: 26px;
    color: 0px;
    border-bottom: 1px solid #eeeeee;
}

h2.vyhraj-s-cappy   {  background: url(../images/pages/nadpis-hraj-s-cappy-junior.png) no-repeat bottom left;  }
h2.pravidla-souteze {  background: url(../images/pages/nadpis-pravidla-souteze.png) no-repeat bottom left;    }
h2.prehled-vysledku {  background: url(../images/pages/nadpis-prehled-vysledku.png) no-repeat bottom left;    }
h2.vyhry            {  background: url(../images/pages/nadpis-vyhry.png) no-repeat bottom left;    }
h2.tourplan         {  background: url(../images/pages/nadpis-tourplan.png) no-repeat bottom left;    }
h2.produkty         {  background: url(../images/pages/nadpis-ostatni-vyrobky-od-cappy.png) no-repeat bottom left;    }
h2.cappy-junior     {  background: url(../images/pages/nadpis-cappy-junior.png) no-repeat bottom left;    }
h2.vytiskni-kod     {  background: url(../images/pages/nadpis-vytiskni-kod.png) no-repeat bottom left;    }
h2.jak-na-to		{  background: url(../images/pages/nadpis-jak-na-to.png) no-repeat bottom left; }

/*
**  Strankovani
*/

#content div.pagination {
    display: run-in;
    padding: 3px;
}

#content div.pagination ul {
    float: left;
    padding: 0px;
    margin: 0px;
}
#content div.pagination li {
    float: left;
    list-style-type: none;
    list-style-image: none;
    font-size: 13px;
    padding: 0px;
    padding-left: 3px;
    padding-right: 3px;
    margin: 0px;
}

#content div.pagination li a {
    color: #666666;
    text-decoration: none;
}

#content div.pagination li a:hover,
#content div.pagination li.active a
{
    text-decoration: underline;
    color: #000000;
}