@charset "utf-8";
/* RESET CSS */
  html,body,h1,h2,h3,h4,h5,h6,p,address,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: normal;font-size: 100%;font-family: Helvetica, Arial, sans-serif;vertical-align: baseline;}
  /* tables still need 'cellspacing="0"' in the markup */
  table {border-collapse: collapse;border-spacing: 0;}
  caption, th, td {text-align: left;font-weight: normal;}
  ol, ul {list-style: none;}
  input, textarea, select { font-family: Helvetica, Arial, sans-serif; font-size: 100%; }
  body {min-width: 960px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 160%; letter-spacing: -0.2px; background: url(../img/body-bg.jpg) no-repeat top center #acd839; color: #176206;}

  a span {cursor: pointer;}

  input.hidden {display: none !important;}

  .clear {display: block; clear:both; height:0px; line-height:0px; font-size:0px; }
/* konec RESET CSS */

/* MRIZKA WEBU */
  #container {position: relative; min-width: 960px;}
  #center {position: relative; width: 960px; height: 670px; margin: 0 auto; background: url(../img/center-bg.jpg) no-repeat top center;}
  #header {height: 57px;}
  #inner {height: 525px;}
  #footer {height: 50px;}

  #content {width: 960px;}
  #sidebar {position: absolute; top: 57px; right: 0px; width: 250px;}
  #flag {position: absolute; top: 0px; right: 0px; width: 247px; height: 152px; z-index: 50}

  .shadowContainer {background: url(../img/contest/shadow.png) repeat;}
  .shadow {position: absolute; top: 0px; left: 0px;  width: 100%; height: 100%; background: url(../img/contest/shadow.png) repeat;}

  .scroll {width: 460px; height: 290px; padding: 10px; overflow: auto;}
/* konec MRIZKA WEBU */

/* TXT */
  h1 {font-size:30px; font-weight:bold; line-height: 160%; color: #fefefe; text-align: center;}
  h2 {padding: 0 20px; font-size: 20px; font-weight: bold; color: #176206;}
  h3 {padding-top: 20px; font-size: 16px; font-weight: bold; color: #e30707; padding-bottom: 8px;}
/* konec TXT */

/* ERROR */
  .error {background-image: none; background-color: #c8fa44;}
  .error #center {background-image: url(../img/error-bg.jpg);}
  .error .logo {left: 75px;}
  .error h1 {position: relative; top: 172px; left: 60px; width: 264px; height: 91px; }
  .error h1 span {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/error-h1.jpg) no-repeat;}
  .error p.content {position: relative; top: 180px; left: 78px; font-size: 14px; line-height: 200%;}

  .error p.content a {font-size: 13px; color: #176206; font-weight: bold;}
/* konec ERROR */

/* HEADER */
  .logo {position: absolute; top: 25px; left: 10px; width: 185px; height: 80px; z-index: 1}
  .logo a {display: block; position: relative; width: 185px; height: 80px;}
  .logo a img {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}

  #navigation {width: 416px; height: 57px; margin: 0 auto; padding: 0 22px; background: url(../img/navig-bg.png) top left no-repeat;}
  #navigation li {display: block; float: left; height: 44px;}
  #navigation li a {position: relative; display: block; height: 100%; font-size: 14px; line-height: 40px; font-weight: bold; color: #fefefe; background: #176206; text-align: center;}
  #navigation li a span {position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background-position: top left; background-repeat: no-repeat;}
  #navigation li a:hover span {background-position: bottom left;}

  #navigation li.jakSiHrat a {width: 152px;}
  #navigation li.jakSiHrat a span {background-image: url(../img/navig-jaksihrat.jpg);}
  #navigation li.soutez a {width: 115px;}
  #navigation li.soutez a span {background-image: url(../img/navig-soutez.jpg);}
  #navigation li.kdeKoupit a {width: 149px;}
  #navigation li.kdeKoupit a span {background-image: url(../img/navig-kdekoupit.jpg);}
/* konec HEADER */

/* FOOTER */
  .footer {text-align:center;}
  .footer .addToFB {position: absolute; top: 480px; right: 10px; width: 220px; height: 30px;}
  .footer .addToFB a {position: relative; display: block; width: 100%; height: 100%; background-color: #3958a2; color: #fff;}
  .footer .addToFB a span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px !important; padding: 0px !important; background: url(../img/add-to-fb.jpg) no-repeat top left;}
  .footer .small {font-size: 10px; color: #77ba2c;}
  .footer .twofresh a {display: block; overflow: hidden; width: 120px; height: 19px; margin: 15px auto 15px 455px; line-height: 90px; background: url(../img/logo-2fresh.jpg) top left no-repeat; font-size: 11px; color: #ed1c24; text-align: right;}
  .shadowContainer .footer .twofresh a {background-image: url(../img/logo-2fresh-dark.jpg);}
  .footer .twofresh a:hover {line-height: 19px; background-position: bottom left;}
/* konec FOOTER */

/* SIDEBAR */
  .whereBuy {position: relative; width: 250px; height: 133px; background: url(../img/sidebar/wherebuy-bg.png) no-repeat 0 0;}
  .whereBuy h2 {display: none;}
  .whereBuy p {padding: 40px 20px 0 20px; text-align: center; line-height: 130%; font-weight: bold;}
  .whereBuy a {display: block; position: absolute; top: 82px; left: 63px; width: 131px; height: 41px; color: #fefefe;}
  .whereBuy a span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/sidebar/wherebuy-but.jpg) no-repeat top left;}
  .whereBuy a:hover span {background-position: bottom left;}

  .contestInfo {position: relative; width: 200px; height: 240px; padding: 15px 20px 0 30px; background: url(../img/sidebar/contestinfo-bg.png) no-repeat 2px 0; text-align: center;}
  .contestInfo h2 {padding: 0px;}
  .contestInfo .x100 {position: relative; margin-top: 9px; width: 200px; height: 50px; line-height: 40px;}
  .contestInfo .x100 span {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/sidebar/contestinfo-100x.jpg) no-repeat top left;}
  .contestInfo #boxCount {margin-top: 10px; font-size: 20px; color: #176206;}
  .contestInfo #roundCount {display: none;}
  .contestInfo #timeLeft {margin-top: 5px; color: #77ba2c;}
  .contestInfo #timeLeft span {display: block; margin-top: 10px; font-size: 24px; font-weight: bold; color: #176206;}
  .contestInfo a {display: block; position: absolute; top: 188px; left: 64px; width: 131px; height: 41px; color: #fefefe;}
  .contestInfo a span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/sidebar/contestinfo-but.jpg) no-repeat top left;}
  .contestInfo a:hover span {background-position: bottom left;}
  
/* konec SIDEBAR */

/* INTRO */
  .intro {background-image: url(../img/flash-intro-bg.jpg); background-color: #b9db48;}
  .intro #content {float: none; width: 960px;}
  .intro #center {background: none;}
  .intro .footer {position: relative; z-index: 1}

  .intro #flashSkip {display: block; position: absolute; top: 545px; left: 420px; width: 100px; height: 30px;}
  .intro #flashSkip a {display: block; width: 90px; height: 20px; font-size: 14px; font-weight: bold; line-height: 20px; padding: 5px; color: #176206; text-align: center;}

  #myFlash {position: absolute; top: 58px; left: 120px;}
  #introFlash {position: absolute; top: 0px; left: 0px;}
/* konec INTRO */

/* KDE KOUPIT */
  body.kdeKoupit {background-image: url(../img/contest-body-bg.jpg);}
  .kdeKoupit #center {background-image: url(../img/wherebuy-center-bg.jpg);}
  .kdeKoupit #content {position: relative; width: 740px; padding: 0 110px 0;}

  .kdeKoupit #imageForMap {position: absolute; top: 115px; left: 108px; width: 580px; height: 340px; z-index: 10;}
  .kdeKoupit #imageForMap img {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}

  #underMap {position: absolute; top: 115px; left: 108px; width: 580px; height: 340px; z-index: 5;}
  #underMap img {display: none; position: absolute; z-index: 6;}
  #region01 {top: 206px; left: 134px;}
  #region02 {top: 200px; left: 319px;}
  #region03 {top: 68px; left: 0px; width: 125px; height: 100px;}
  #region04 {top: 51px; left: 279px;}
  #region05 {top: 1px; left: 217px;}
  #region06 {top: 97px; left: 452px;}
  #region07 {top: 75px; left: 403px;}
  #region08 {top: 122px; left: 299px;}
  #region09 {top: 159px; left: 24px;}
  #region10 {top: 132px; left: 198px;}
  #region11 {top: 82px; left: 112px;}
  #region12 {top: 0px; left: 85px; width: 160px; height: 140px;}
  #region13 {top: 178px; left: 259px;}
  #region14 {top: 195px; left: 451px;}

  #underMap img.mapFlag {z-index: 7; width: 230px; height: 56px;}
  #flag01 {top: 295px; left: 220px; }
  #flag02 {top: 250px; left: 420px; }
  #flag03 {top: 105px; left: 80px; }
  #flag04 {top: 65px; left: 340px; }
  #flag05 {top: 20px; left: 280px; }
  #flag06 {top: 105px; left: 255px; }
  #flag07 {top: 125px; left: 210px; }
  #flag08 {top: 135px; left: 390px; }
  #flag09 {top: 175px; left: 130px; }
  #flag10 {top: 120px; left: 220px;}
  #flag11 {top: 115px; left: 275px;}
  #flag12 {top: 55px; left: 165px;}
  #flag13 {top: 200px; left: 355px;}
  #flag14 {top: 225px; left: 255px;}

  .cityList {width: 220px; height: 430px; padding: 52px 10px 0 20px; background: url(../img/wherebuy/city-list-bg.png) no-repeat top left;}
  .cityList h2 {position: relative; overflow: hidden; width: 220px; height:43px; padding: 0px; line-height:43px; text-align:center; font-size:14px;}
  .cityList h2 span {display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 43px; background: url(../img/wherebuy/city-list-h2.jpg) no-repeat bottom left;}
  .cityList ul {overflow: auto; height: 273px; margin: 20px 10px 0 20px; font-weight: bold; font-size: 13px;}
  .cityList ul a {color: #176206; text-decoration: none;}
  .cityList ul a:hover {text-decoration: underline;}

  .cityListReg {padding-top: 27px; background-image: url(../img/wherebuy/city-list-reg-bg.png)}
  .cityListReg h2 {height: 80px;}

  body.kdeKoupitDetail {background-image: url(../img/contest-body-bg.jpg);}
  .kdeKoupitDetail #center {background-image: url(../img/wherebuy-detail-center-bg.jpg);}
  .kdeKoupitDetail #content {position: relative; width: 740px; padding: 0 110px 0;}

  .shopList {width: 220px; height: 430px; padding: 52px 10px 0 20px; background: url(../img/wherebuy/shop-list-bg.png) no-repeat top left;}
  .shopList h2 {position: relative; overflow: hidden; width: 220px; height:43px; padding: 0px; line-height:43px; text-align:center; font-size:14px;}
  .shopList h2 span {display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 43px; background: url(../img/wherebuy/shop-list-h2.jpg) no-repeat bottom left;}
  .shopList ul {overflow: auto; height: 280px; margin: 15px 10px 0 10px; padding-right: 5px; font-weight: bold; font-size: 13px;}
  .shopList ul h3 {padding: 3px 0 0 0; font-size: 14px; color: #77ba2c;}
  .shopList ul li {padding: 0 0 10px 0; font-size: 12px;}
  .shopList ul a {color: #77ba2c;}

  #googleMap {display: block; overflow: hidden; position: relative; width: 490px; height: 310px; margin: 47px 0 0 105px; z-index: 5;}
  #googleMap p a {display: none;}
  #googleMap h3 {padding: 3px 0 0 0; font-size: 14px; color: #77ba2c;}

  #googleMap #logocontrol {left: 8px !important;}
  #googleMap .terms-of-use-link {padding-right: 5px;}

  #mapBorderRight {position: absolute; top: 93px; left: 695px; width: 16px; height: 314px; background: url(../img/wherebuy/map-border-right.png) no-repeat top right; z-index: 10}
  #mapBorderLeft {position: absolute; top: 93px; left: 209px; width: 16px; height: 314px; background: url(../img/wherebuy/map-border-left.png) no-repeat top right; z-index: 10}
  #mapTree {position: absolute; top: 213px; left: 217px; width: 50px; height: 150px; background: url(../img/wherebuy/map-tree.png) no-repeat top left; z-index: 15}

  #goBack {display: block; position: absolute; top: 419px; left: 400px; width: 106px; height: 69px;}
  #goBack a {position: relative; display: block; width: 100%; height: 100%; font-size: 14px; font-weight: bold; line-height: 30px;}
  #goBack a span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/wherebuy/back-but.jpg) no-repeat top left;}
  #goBack a:hover span {background-position: bottom left;}
/* konec KDE KOUPIT */

/* SOUTEZIT */
  body.soutez {background-image: url(../img/contest-body-bg.jpg);}
  .soutez #center {background-image: url(../img/contest-center-bg.jpg);}

  .soutez #content {width: 620px; padding: 0 170px 0;}

  .soutez h1 {margin-bottom: 40px;}

  .soutez #content h2 {position: relative; width: 300px; height: 29px; line-height: 29px;}
  .soutez #content h2 span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-position: top left; background-repeat: no-repeat;}
  .soutez #content h2.introH21 span {background-image: url(../img/contest/intro-h2-1.png);}
  .soutez #content h2.introH22 span {background-image: url(../img/contest/intro-h2-2.png);}
  .soutez #content h2.introH23 span {background-image: url(../img/contest/intro-h2-3x.png);}
  .soutez #content p {padding: 3px 0 8px 37px; font-weight: bold;}
  .soutez #content p.rules a {font-size: 14px; font-weight: bold; color: #ed1c24}

  .soutez #content p.start {padding: 55px 0 0 100px;}
  .soutez #content p.start a {display: block; position: relative; left: -18px; width: 125px; height: 62px; text-align: center;}
  .soutez #content p.start a span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/contest/intro-start.jpg) no-repeat top left;}
  .soutez #content p.start a:hover span {background-position: bottom left;}
  

  .boxLeft {position: relative; width: 200px; height: 110px; top: -20px; padding: 65px 20px 0 30px; background: url(../img/contest/intro-box-left-bg.png) no-repeat 0 0; text-align: center;}
  .boxLeft #boxCount {margin-top: 10px; font-size: 20px; color: #176206; font-weight: bold;}
  .boxLeft #timeLeft {margin-top: 5px; color: #77ba2c; font-weight: bold;}
  .boxLeft #timeLeft span {display: block; margin-top: 10px; font-size: 24px; font-weight: bold; color: #176206;}

  .lastWin {position: relative; width: 220px; height: 200px; top: -15px; padding: 20px 10px 0 20px; background: url(../img/contest/intro-last-win-bg.png) no-repeat 0 0; text-align: center;}
  .lastWin h2 {position: absolute; top: 20px; left: 20px; width: 220px; padding: 0px; line-height: 31px; font-size: 14px; background-color: #5a931b; color: #fff}
  .lastWin h2 span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/contest/intro-last-win-h2.jpg) no-repeat;}
  .lastWin p {padding: 40px 10px 0 20px; font-size: 13px; font-weight: bold; color: #176206; text-align: left;}
  .lastWin .button {position: absolute; top: 157px; left: 43px; width: 171px; height: 41px; padding: 0px;}
  .lastWin .button a {display: block; width: 100%; height: 100%;}
  .lastWin .button a span {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/contest/intro-last-win-but.jpg) no-repeat top left;}
  .lastWin .button a:hover span {background-position: bottom left;}

  #choices img {cursor: pointer;}

  #recommendForm label.error {display: none;}

  /* obecne pro vsechna soutezni kola */
    #question {display: block; position: absolute; top: 240px; left: 219px; width: 530px; height: 300px;}
    #choices {position: absolute; top: 410px; left: 230px; width: 500px; height: 125px; z-index: 5;}
    #choices li {display: block; position: absolute; top: 0px; width: 120px; height: 125px; text-align: center;}
    #choices li a {display: block; width: 100%; height: 100%; background: url(../img/empty.gif)}
    #choices li a span {display: block; position: absolute; top: 0px; left: 38px; width: 43px; height: 46px; background: url(../img/contest/flag-a.png) no-repeat top left;}
    #choices li a:hover span {background-position: bottom left;}
    #choices .choice1 {left: 53px;}
    #choices .choice2 {left: 185px;}
    #choices .choice3 {left: 330px;}
    #choices .choice2 span {background-image: url(../img/contest/flag-b.png);}
    #choices .choice3 span {background-image: url(../img/contest/flag-c.png);}

    #rounds {position: absolute; top:60px; left: 220px; width: 530px; height: 101px; z-index: 5;}
    #rounds li {display: block; position: absolute; top: 0px; width: 101px; height: 101px;}
    #rounds .r1 {left: 61px; background: url(../img/contest/round1.png) no-repeat 0 0; z-index: 5;}
    #rounds .r2 {left: 136px; background: url(../img/contest/round2.png) no-repeat 0 0; z-index: 4;}
    #rounds .r3 {left: 209px; background: url(../img/contest/round3.png) no-repeat 0 0; z-index: 3;}
    #rounds .r4 {left: 281px; background: url(../img/contest/round4.png) no-repeat 0 0; z-index: 2;}
    #rounds .r5 {left: 354px; background: url(../img/contest/round5.png) no-repeat 0 0; z-index: 1;}

    #rounds .activ {background-position: 0px -101px;}
    #rounds .ok {background-position: 0px -202px;}
    #rounds .bad {background-position: 0px -303px;}

    body.round #content h1 {padding-top: 94px; margin: 0 0 1px 0; font-size: 24px;}
    body.round #content h2 {position: relative; width: 410px; height: 35px; margin: 0 auto; padding: 0px; line-height: 35px;}
    body.round #content h2 span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/contest/round1-h2.jpg) no-repeat;}

  /* pozadi pro soutezni kola */
    body.round1 #center {background-image: url(../img/contest/round1-center-bg.jpg);}
    body.round2 #center {background-image: url(../img/contest/round2-center-bg.jpg);}
    body.round3 #center {background-image: url(../img/contest/round3-center-bg.jpg);}
    body.round4 #center {background-image: url(../img/contest/round4-center-bg.jpg);}
    body.round5 #center {background-image: url(../img/contest/round5-center-bg.jpg);}

    body.round2 #content h2 span {background-image: url(../img/contest/round2-h2.jpg);}
    body.round3 #content h2 span {background-image: url(../img/contest/round3-h2.jpg);}
    body.round4 #content h2 span {background-image: url(../img/contest/round4-h2.jpg);}
    body.round5 #content h2 span {background-image: url(../img/contest/round5-h2.jpg);}

    
    
/* konec SOUTEZIT */

/* SOUTEZ-PRAVIDLA */
  #rules {position: absolute; top: 0px; left: 0px; width: 480px; height: 450px; padding: 75px 240px; background: url(../img/contest/rules-bg.png) no-repeat; z-index: 30}
  #rules h1 {position: relative; font-size: 20px; color: #176206; height: 95px; margin-bottom: 10px;}
  #rules h1 span {display: block; position: absolute; bottom: 0px; left: 0px; width: 480px; height: 61px; background: url(../img/contest/rules-h1.jpg) no-repeat}
  
  #rules .scroll h2 {padding: 0px; font-size: 18px; line-height: 160%; border-bottom: 1px solid #77ba2c;}
  #rules .scroll p {padding: 10px 0;}
  #rules a {color: #176206; font-weight: bold;}

  #rules a.button {display: block; position: absolute; top: 495px; left: 350px; width: 270px; height: 62px; color: #fefefe;}
  #rules a.button span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/contest/rules-but.jpg) no-repeat top left;}
  #rules a.button:hover span {background-position: bottom left;}
/* konec SOUTEZ-PRAVIDLA */

/* SOUTEZ-VYHERCI */
  #winners {position: absolute; top: 0px; left: 0px; width: 320px; height: 450px; padding: 75px 320px; background: url(../img/contest/winners-bg.png) no-repeat; z-index: 30}
  #winners h1 {position: relative; font-size: 16px; color: #176206; height: 95px; margin-bottom: 5px; line-height: 35px;}
  #winners h1 span {display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 61px; background: url(../img/contest/winners-h1.jpg) no-repeat}

  #winners .desc {font-size: 14px; color: #77ba2c; font-weight: bold; text-align: center;}
  #winners .scroll {width: 290px; height: 290px; padding: 5px 10px 10px 10px; overflow: auto;}
  #winners .scroll h2 {padding: 0px 10px; font-size: 18px; line-height: 36px; color: #77ba2c; border-bottom: 1px solid #77ba2c;}
  #winners .scroll p {padding: 10px 10px; font-size: 13px; font-weight: bold; border-bottom: 1px solid #77ba2c;}
  #winners .scroll p.last {border: none;}

  #winners a.button {display: block; position: absolute; top: 507px; left: 340px; width: 272px; height: 62px; color: #fefefe;}
  #winners a.button span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/contest/winners-but.jpg) no-repeat top left;}
  #winners a.button:hover span {background-position: bottom left;}
/* konec SOUTEZ-VYHERCI */

/* SOUTEZ-POTVRZENI */
  #submit {position: absolute; top: 0px; left: 0px; width: 300px; height: 230px; padding: 185px 330px; background: url(../img/contest/submit-bg.png) no-repeat; z-index: 30}
  #submit h1 {position: relative; font-size: 16px; color: #176206; height: 61px; margin-bottom: 10px;}
  #submit h1 span {display: block; position: absolute; bottom: 0px; left: 0px; width: 480px; height: 61px; background: url(../img/contest/submit-h1.jpg) no-repeat}

  #submit .desc {font-size: 14px; color: #77ba2c; font-weight: bold; text-align: center;}
  #submit p {padding: 0px 10px; font-size: 14px; line-height: 160%; font-weight: bold; color: #77ba2c; text-align: center;}
  #submit p strong {padding-top: 10px; line-height: 160%; font-size: 20px; color: #176206}
  #submit p strong.long {display: block; font-size: 13px;}

  #submit a.button2 {display: block; position: absolute; top: 346px; left: 490px; width: 158px; height: 62px; color: #fefefe;}
  #submit a.button2 span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/contest/thanks-but2.jpg) no-repeat top left;}
  #submit a.button2:hover span {background-position: bottom left;}
  
  #submit a.button1 {display: block; position: absolute; top: 347px; left: 318px; width: 176px; height: 62px; color: #fefefe;}
  #submit a.button1 span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/contest/thanks-but1.jpg) no-repeat top left;}
  #submit a.button1:hover span {background-position: bottom left;}
/* konec SOUTEZ-POTVRZENI */

/* SOUTEZ-FORMULAR */
  #form {position: absolute; top: 0px; left: 0px; width: 670px; height: 414px; padding: 116px 140px 70px 150px; background: url(../img/contest/form-bg.png) no-repeat; z-index: 30}
  #form h1 {position: relative; font-size: 16px; color: #176206; height: 61px; margin: 0 0 0 0;}
  #form h1 span {display: block; position: absolute; bottom: 0px; left: 0px; width: 660px; height: 61px; background: url(../img/contest/form-h1.jpg) no-repeat}

  #form .aboutUser {float: left; width: 360px; margin: 10px 25px 0 0; font-size: 13px;}
  #form .aboutUser p.desc {font-size: 13px; font-weight: bold; color: #77ba2c; border: none;}
  #form .aboutUser p {position: relative; height: 35px; padding: 2px 0 2px 5px; border-bottom: 1px solid #77ba2c;}
  #form .aboutUser label {float: left; display: block; width: 160px; margin: 5px 0; line-height: 25px; font-weight: bold; color: #176206;}
  #form .aboutUser input {float: left; display: block; width: 167px; margin: 5px 0; height:18px; padding: 5px 10px 4px 10px; line-height: 18px; font-size: 12px; background: url(../img/contest/form-input-bg.jpg) no-repeat #fff; border: none;}
  #form .aboutUser select {float: left; display: block; width: 187px; margin: 7px 0; height:22px; line-height: 22px; font-size: 12px; color: #176206}

  #form .aboutUser label.error, #form .aboutUser p.bought label.error, #form .agree label.error {float: none; display: none; position: absolute; top: 0; left: -151px; width: 120px; height: 26px; padding-right: 10px; background-color: #ca0e15; color: #fff; text-align: right;}
  #form .agree label.error {top: 5px;}

  #form .aboutUser p.bought {border: none; height: 45px; padding: 6px 0 0 0;}
  #form .aboutUser strong {display: block; float: left; width: 160px; height: 40px; padding: 2px 0 2px 5px;}
  #form .aboutUser input.radio {width: 20px; margin: 10px 0; background: none;}
  #form .aboutUser p.bought label {position: relative; width: 65px; margin: 10px 0; }
  #form .aboutUser p.bought label span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/contest/form-yes.jpg) no-repeat;}
  #form .aboutUser p.bought label.no span {background: url(../img/contest/form-no.jpg) no-repeat;}

  #form .sendFriends {position: relative; float: left; width: 285px;}
  #form .sendFriends h2 {position: relative; width: 285px; height:124px; padding: 0px;}
  #form .sendFriends h2 span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/contest/form-advice.jpg) no-repeat;}
  #form .sendFriends label {display: block; width: 260px; padding: 2px 0 2px 5px; font-size: 13px; font-weight: bold; color: #77ba2c;}
  #form .sendFriends input {float: left; display: block; width: 257px; margin: 5px 0; height:17px; padding: 6px 10px 4px 10px; line-height: 17px; font-size: 12px; background: url(../img/contest/form-long-input-bg.jpg) no-repeat #fff; border: none;}
  #form .sendFriends .about {font-size: 13px; padding-left: 5px;}

  #form .sendFriends label.error {display: none; position: absolute; top: 170px; left: 298px; width: 117px; height: 26px; padding-left: 10px; background-color: #ca0e15; color: #fff; text-align: left;}

  #form .agree {position: relative; margin-right: 10px; padding: 10px 0 0 200px; border-top: 3px solid #77ba2c;}
  #form .agree label {font-size: 13px; font-weight: bold; color: #176206;}
  #form .agree label a {color: #77ba2c}

  #form .submit {display: block; margin: 3px 0 0 60px;}
/* konec SOUTEZ-FORMULAR */

/* SOUTEZ-DOPORUCIT */
  #advice {position: absolute; top: 0px; left: 0px; width: 670px; height: 404px; padding: 146px 140px 70px 150px; background: url(../img/contest/advice-bg.png) no-repeat; z-index: 30}
  #advice h1 {position: relative; font-size: 16px; color: #176206; height: 61px; margin: 0 0 0 0;}
  #advice h1 span {display: block; position: absolute; bottom: 0px; left: 0px; width: 660px; height: 61px; background: url(../img/contest/advice-h1.jpg) no-repeat}

  #adviceForm .aboutUser {width: 560px; margin: 30px 25px 0 50px; font-size: 13px;}
  #adviceForm .aboutUser p {position: relative; height: 35px; padding: 2px 0 2px 5px; border-bottom: 1px solid #77ba2c;}
  #adviceForm .aboutUser p.last {height: 75px; border: none;}
  #adviceForm .aboutUser p.last span {display: block; padding-left: 160px}
  #adviceForm .aboutUser span.desc {font-size: 13px; font-weight: bold; color: #77ba2c; border: none;}
  #adviceForm .aboutUser label {float: left; display: block; width: 160px; margin: 5px 0; line-height: 25px; font-weight: bold; color: #176206;}
  #adviceForm .aboutUser input {float: left; display: block; width: 368px; margin: 5px 0; height:18px; padding: 5px 10px 4px 10px; line-height: 18px; font-size: 12px; background: url(../img/contest/form-full-input-bg.jpg) no-repeat #fff; border: none;}

  #adviceForm .aboutUser label.error {float: none; display: none; position: absolute; top: 0; left: -151px; width: 120px; height: 26px; padding-right: 10px; background-color: #ca0e15; color: #fff; text-align: right;}

  #adviceForm .aboutUser strong {display: block; float: left; width: 160px; height: 40px; padding: 2px 0 2px 5px;}

  #adviceForm .agree {position: absolute; top: 415px; left: 350px;}
  #adviceForm .submit {display: block; margin: 3px 0 0 60px;}

  #advice .close {position: absolute; top: 420px; right: 160px;}
  #advice .close a {color: #176206;}

/* konec SOUTEZ-DOPORUCIT */

/* SOUTEZ-PROHRA */
  #loss {position: absolute; top: 0px; left: 0px; width: 460px; height: 340px; padding: 134px 250px 126px 250px; background: url(../img/contest/loss-bg.png) no-repeat; z-index: 30}
  #loss h1 {position: relative; font-size: 20px; color: #176206; height: 96px; margin-bottom: 10px;}
  #loss h1 span {display: block; position: absolute; bottom: 0px; left: 0px; width: 480px; height: 61px; background: url(../img/contest/loss-h1.jpg) no-repeat}

  
  #loss p {padding: 0px 10px; font-size: 14px; line-height: 160%; font-weight: bold; color: #176206;; text-align: center;}
  #loss p strong {padding-top: 10px; line-height: 160%; font-size: 20px; color: #176206}
  #loss .desc {line-height: 120%; font-size: 20px}
  #loss .countInfo {font-size: 13px; color: #77ba2c}
  #loss .countValue {font-size: 26px; }

  #loss .playAgain {display: block; position: relative; width: 181px; height: 60px; margin: 15px auto 5px auto;}
  #loss .playAgain span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/contest/loss-play-again.jpg) no-repeat top left;}
  #loss a.playAgain:hover span {background-position: bottom left;}

  #loss .but1Info, #loss .but2Info {position: relative; display: block; float: left; width: 155px; font-size: 13px; color: #77ba2c; z-index: 15}
  #loss .but2Info {width: 280px}

  #loss a.button1 {display: block; position: absolute; top: 446px; left: 261px; width: 152px; height: 62px; color: #fefefe;}
  #loss a.button1 span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/contest/bad-finish-but1.jpg) no-repeat top left;}
  #loss a.button1:hover span {background-position: bottom left;}

  #loss a.button2 {display: block; position: absolute; top: 446px; left: 422px; width: 292px; height: 62px; color: #fefefe;}
  #loss a.button2 span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/contest/bad-finish-but2.jpg) no-repeat top left;}
  #loss a.button2:hover span {background-position: bottom left;}
/* konec SOUTEZ-PROHRA */

/* SOUTEZ-VYHRA */
  #win {position: absolute; top: 0px; left: 0px; width: 460px; height: 240px; padding: 164px 250px 196px 250px; background: url(../img/contest/win-bg.png) no-repeat; z-index: 30}
  #win h1 {position: relative; font-size: 20px; color: #176206; height: 96px; margin-bottom: 10px;}
  #win h1 span {display: block; position: absolute; bottom: 0px; left: 0px; width: 480px; height: 61px; background: url(../img/contest/win-h1.jpg) no-repeat}


  #win p {padding: 0px 10px; font-size: 14px; line-height: 160%; font-weight: bold; color: #176206;; text-align: center;}
  #win p strong {padding-top: 10px; line-height: 160%; font-size: 20px; color: #176206}
  #win .desc {line-height: 120%; font-size: 20px}
  #win .countInfo {font-size: 13px; color: #77ba2c}
  #win .countValue {font-size: 26px; }

  #win a.button {display: block; position: absolute; top: 379px; left: 326px; width: 308px; height: 62px; color: #fefefe;}
  #win a.button span {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../img/contest/ok-finish-but.jpg) no-repeat top left;}
  #win a.button:hover span {background-position: bottom left;}
/* konec SOUTEZ-VYHRA */

/* SOUTEZ-OK */
  #evalOK {position: absolute; top: 0px; left: 0px; width: 300px; height: 230px; padding: 174px 330px 196px 330px; background: url(../img/contest/evalok-bg.png) no-repeat; z-index: 30}
  #evalOK h2 {position: relative; line-height: 34px; font-size: 20px; color: #176206; height: 96px; margin-bottom: 10px; text-align: center}
  #evalOK h2 span {display: block; position: absolute; bottom: 0px; left: 0px; width: 480px; height: 61px; background: url(../img/contest/evalok-h2.jpg) no-repeat}

  #evalOK p {padding: 0px 5px; font-size: 20px; line-height: 115%; font-weight: bold; color: #176206;; text-align: center;}
  #evalOK .desc {margin-bottom: 10px; line-height: 120%; font-size: 13px; color: #77ba2c;}

  #evalOK .submit {display: block; width: 166px; height: 68px; margin: 3px auto;}
/* konec SOUTEZ-OK */

/* SOUTEZ-OK */
  #evalBAD {position: absolute; top: 0px; left: 0px; width: 300px; height: 230px; padding: 174px 330px 196px 330px; background: url(../img/contest/evalbad-bg.png) no-repeat; z-index: 30}
  #evalBAD h2 {position: relative; line-height: 34px; font-size: 20px; color: #176206; height: 96px; margin-bottom: 10px; text-align: center}
  #evalBAD h2 span {display: block; position: absolute; bottom: 0px; left: 0px; width: 480px; height: 61px; background: url(../img/contest/evalbad-h2.jpg) no-repeat}

  #evalBAD p {padding: 0px 5px; font-size: 20px; line-height: 115%; font-weight: bold; color: #176206;; text-align: center;}
  #evalBAD .desc {margin-bottom: 10px; line-height: 120%; font-size: 13px; color: #77ba2c;}

  #evalBAD .submit {display: block; width: 166px; height: 68px; margin: 3px auto;
/* konec SOUTEZ-OK */