*
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background: url("../image/back.png");
	background-repeat: repeat-x;
	background-color: #e9f2db;

}


#top
{
	width:992px;
	margin: 0 auto;
  background: url("../image/top.png");
  background-repeat: no-repeat;
  height: 246px;
  display: block;
}

#hlOkno
{
	width:992px;
	margin: 0 auto;
  background: url("../image/middleOne.png");
  background-repeat: repeat-y;
  display: block;
  overflow: hidden;
}


#left
{
	width:85px;
	float: left;
  background: url("../image/left.png");
  background-repeat: no-repeat;
  height: 440px;
}

#middle
{
  width: 762px;
  background: url("../image/middle.png");
  background-repeat: no-repeat;  
  float: left;
  padding: 10px 30px 10px 30px;
  text-align: justify;
  
}

#right
{
	width:85px;
	float: right;
  background: url("../image/right.png");
  background-repeat: no-repeat;
  
  height: 440px;
}

#bottom
{
	width:992px;
	margin: 0 auto;
  background: url("../image/bottom.png");
  background-repeat: no-repeat;
  height: 14px;
  clear: both;
}
#none
{
	width:992px;
	margin: 0 auto;
  background: url("../image/none.png");
  background-repeat: repeat-y;
  height: 20px;
  display: block;
}

#footter
{
	width:992px;
	margin: 0 auto;
    background: url("../image/footter.png");
    background-repeat: no-repeat;
    height: 75px;
    display: block;
}

#logo
{
    width:327px;
    height: 87px;
    display: block;
    padding: 5px 0 0 74px;
}

#logo img
{
  border: none
}


#menu
{
  margin: 0 auto;
  width: 720px;
  padding: 50px 0 0 0;
  
}

.spaceMenu
{
    float: left;
    width: 32px;
    height: 10px;
}

#btn1, #btn2, #btn3
{
    
}

#start
{
    width: 762px;
    margin: 0 auto;
    padding: 60px 0 20px 0;
}

a#startTest
{
  width: 280px;
  height: 103px;
  display: block;
  margin: 0 auto;
  background: url("../image/spustTestBlue.png") no-repeat;

}

a#startTest:hover
{
  background: url("../image/spustTestRed.png") no-repeat;
}

.odpoved
{
    float: left;
    padding: 0 0 0 18px;
}

.odpoved img
{
    border: none;
}

.odpovedi
{
    float: left;
    width: 366px;
    padding: 0px 0 0 15px;
}

.odpovedZL
{
    float: left;
    padding: 3px;
}

.odpovedZL img
{
    border: none;
}

#otazka
{
    width: 550px;
    float: left;
    padding: 0 0 20px 20px;
}

#otazkaZL
{
    width: 381px;
    float: left;
    padding: 0 0 20px 0px;
}

#pomucka
{
    float: right;
    padding: 0 0 0 5px;
}

.clear
{
    clear:both;
}

.submittt
{
    width: 381px;
    float: left;
}

.iqSubmit
{
    width: 280px;
    margin: 0 auto;
}

.iqSubmit img
{
    margin: 0 auto;
    border: none;
    padding: 0 15px 0 15px;
}

.kontakt
{
    margin: 0 auto;
    width: 510px;
}
.lblT
{
    float: left;
    font-weight: bold;
    width: 80px;
}

.lbl
{
    float: left;
    width: 80px;
}

.elmTE
{
    padding: 10px 0 0 20px;
    width: 481px;
    float: left;
}

.errors
{
    color: red;
}

.errors li
{
    list-style: none;
}

.T
{
    float: left;
    padding: 0 10px 0 0px;
}

.TA
{
    float: left;
    padding: 0 10px 0 10px;
}

.lblCaptcha
{
    float: left;
    font-weight: bold;
}

.elmCaptcha
{
    padding: 10px 0 0 20px;
    width: 150px;
    float: left;
}
#errCaptcha
{
    float:left;
    padding: 10px 0 0 0;
}

.elmS
{
    padding: 10px 0 10px 20px;
    width: 481px;
    float: left;
}

.odeslano
{
    margin: 0 auto;
    color: #8DA80A;
    width: 482px;
    padding: 20px 0 30px 0;
}

.clear
{
    clear: both;
}

#podminky
{
    padding: 25px 0 0 110px;
    color: #b9b9b8;
    float: left;
}

#podminky a
{
    color: #b9b9b8;
    text-decoration: none;
}

#podminky a:hover
{
    color: #a7a7a6;
}

#podminky a:visited
{
    color: #b9b9b8;
    text-decoration: none;
}


.podminkyXpay
{
    padding: 45px 45px 0 110px;
    color: black;
    font-size: 1em;
}

#zapati
{
    padding: 25px 110px 0 0px;
    color: #b9b9b8;
    float: right;
}


.zapatiOdkaz
{
    text-decoration: none;
    color: #b9b9b8;
    float: left;
}

.zapatiOdkaz a
{
    color: #b9b9b8;
    text-decoration: none;
}

.zapatiOdkaz a:hover
{
    text-decoration: none;
    color: #a7a7a6;
}

.zapatiOdkaz a:visited
{
    color: #b9b9b8;
    text-decoration: none;
}

.mapa li
{
    padding: 5px 0 0px 20px;

}

.mapa ul
{
    list-style-type: none

}

.mapa a:link, a:visited
{
    color: #8DA80A;
}

.mapa a:hover
{
    color: #e85511;
}

.green
{
    color: #8DA80A;
    font-weight: bold;
    vertical-align: middle;
}

.greenVyber
{
    
    font-weight: bold;
    font-size: 2em;
    color: white;
    padding: 20px 0 0 0;
}

.greenVyber input:hover img
{
    background-image: url("../image/blueLogika.png");
    font-weight: bold;
    font-size: 2em;
    color: white;
}



.redd
{
    color: #e85511;
    font-weight: bold;
    font-size: 1.8em;
    padding: 0 2px 0 2px;
}
.reddd
{
    color: #e85511;
    font-weight: bold;
    font-size: 1.4em;
    padding: 0 0 0 5px;
}

.vyber
{
    text-align: center;
    padding: 30px 0 10px 0;
}

.vyber p
{
    text-align: justify;
    padding: 10px 0 0 0;
    margin: 0 0 0 0;
}

.vyber td
{
    padding: 0 0 10px 0;
}

.historie ol, ul
{
    padding: 0 0 0 30px;
}

.odsazeni
{
    margin: 0 0 0 20px;
}
.kurziva
{
    font-style:italic;
}

#vekAll
{
    margin: 0 auto;
    width: 200px;
    padding: 60px 0 0 0;
}

#vek
{
    background: url("../image/vek.png") no-repeat;
    width: 200px;
    height: 50px;
    padding: 23px 0 0 24px;
}

#vekSelect
{
    font-size: 1.5em;
}

#grafObr
{
    float: left;
    padding: 10px 10px 10px 0;
}

#index
{
    color: #8DA80A;
}

#index h1
{
    margin: 0 auto;
    width: 390px;
    padding: 10px 0 10px 0;
    font-size: 2em;
}

#index p
{
    margin: 0 auto;
    width: 475px;
}

#index h2
{
    margin: 0 auto;
    width: 285px;
    padding: 10px 0 10px 0;
    font-size: 1.5em;
}

#kod a:hover, a:visited, a:link
{
    color: #8DA80A;
}

#kod a:hover
{
    color: #e85511;
}

#kod h1
{
    color: #8DA80A;
    width: 535px;
    margin: 0 auto;
    font-size: 2em;
}

.vysledekObal
{
    float: left;
    width: 700px;
}

.kodPostup
{
    
    float: left;
    padding: 0 0 10px 0;
    font-size: 1.3em;
}

.kodText
{
    clear: both;
    float: left;
    width: 700px;
    padding: 20px 0 20px 37px;
}

#heslo
{
    width: 130px;
    font-size: 1.3em;
    
}

#hesloSubmit
{
    font-size: 1.2em;
    color: #8DA80A;
}

#formSMS
{
    float: left;

    padding: 10px 0 10px 5px;
    font-size: 1.3em;
}


#formSMSbez
{
    float: left;

    padding: 10px 0 10px 40px;
    font-size: 1.3em;
}

.error
{
    color: red;
    font-weight: bold;
    float: left;
    padding: 20px 0 0px 10px;
    font-size: 1.3em;
}

.IQNadpis
{
    float: left;
    width: 300px;
    color: #8DA80A;
    padding: 30px 0 9px 20px;
}

.IQNadpisDva
{
    
    width: 300px;
    color: #8DA80A;
    padding: 0px 0 10px 20px;
}

.IQNadpisDva h1
{
    font-size: 1.5em;
}

.IQNadpis h2
{
    font-size: 1.5em;
}

.small
{
    font-size: 0.7em;
    clear: both;
    padding: 0 0 0 40px;
}

#kodZaslani
{
    width: 70px;
    font-size: 1.3em;
}

#vysledekNadpis h1
{
    color: #8DA80A;
    margin: 0 auto;
    width: 160px;
    padding: 0 0 50px 0;
}

#vysledekText
{
    color: #8DA80A;
    margin: 0 auto;
    width: 280px;
    padding: 0 0 10px 0;
}

#vysledekObr
{
    width: 600px;
    margin: 0 auto;
}

#vysledekImg
{
    background-image: url("../image/vysledek.png");
    width: 216px;
    height: 216px;
    margin: 0 auto;
}

#vysledek 
{
    width: 170px;
    height: 100px;
    margin: 0 auto;
    font-size: 6em;
    font-weight: bolder;
    color: #f3f6ec;
    padding: 50px 0 0 0;
}

#vysledekM
{
    width: 110px;
    height: 100px;
    margin: 0 auto;
    font-size: 6em;
    font-weight: bolder;
    color: #f3f6ec;
    padding: 50px 0 0 0;
}

.text
{
    padding: 10px 0 0 0;
    color: #8DA80A;
}

.podminkyBig h1
{
    font-size: 1.8em;
}

.formText
{
    padding: 10px 0 0px 0;
    color: gray;
    text-align: justify;
}

.spaceReklama
{
    height: 30px;
    float: left;
    width:100%;
}

.reklama
{
    float: left;
    width: 100%;
    height: 97px;
    background: url("../image/backRekl.png") repeat-x;
}

.rekl
{
    margin: 0 auto;
    width: 1000px;
    height: 97px;
}

.reklPul
{
    float: left;
    width: 300px;
    height: 97px;
}

.reklPul img
{
    border: 0;
}

.reklSMS
{
	float: left;
    margin: 0 auto;
    width: 300px;
    height: 97px;
}

.reklMOB
{
float: left;
    margin: 0 auto;
    width: 393px;
    height: 97px;
}
.reklccs
{
float: left;
    margin: 0 auto;
    width: 300px;
    height: 97px;
padding: 0 0 0 100px;
}