/*----------------------------------------------------------------------------------
  Prednastaveni tagu
----------------------------------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
}
body,a,h1,h2,h3,h4,h5,h6,img,table,tbody,thead,tfoot,tr,th,td,hr,dl,dt,dd,p,q,blockquote,pre {border: 0;}

a:hover {text-decoration: none;}
p {
	margin: 1em 0;
	line-height: 1.4em;
}
table {
	font-size: 1em;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em 0;
}
th,td {
	border: 1px solid #900;
	overflow: hidden;
	padding: 5px;
}
th {
	color: #FFF;
	background: #900;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
}
caption {
	color: #900;
	font-weight: bold;
	padding: 0 0 5px 0;
	text-align: center !important;
}
hr {
	color: #666;
	background-color: #666;
	display: block;
	height: 1px;
	padding: 0;
	margin: 1em 0;
}

ul {margin-left: 25px;}
ol {margin-left: 32px;}
ul ul, ol ol {margin-left: 20px;}
ol {list-style-type: decimal;}
li {display: list-item;}
dt {font-weight: bold;}
dd {margin-left: 25px;}

abbr,acronym {cursor: help;}
strong {font-weight: bold;}
em, cite, q, blockquote {font-style: italic;}
code, pre {font-family: "Courier New", Courier, monospace;}
del {text-decoration: line-through;}

/*----------------------------------------------------------------------------------
  Obecne tridy
----------------------------------------------------------------------------------*/

.hidden {display: none;}
.invisible {visibility: hidden;}
.text-justify {text-align: justify !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.table-100 {width: 100% !important;}
.va-middle {vertical-align: middle !important;}
.marg-tb {margin: 1em 0 !important;}
.marg-t {margin: 1em 0 0 0 !important;}
.marg-b {margin: 0 0 1em 0 !important;}
.marg-off {margin: 0 !important;}

/*----------------------------------------------------------------------------------
  Hlavni layout
----------------------------------------------------------------------------------*/

html, body {height: 100%;}
body {
	background: #003 url(images/background.jpg) center center no-repeat;
	color: #FFF;
	font: 80%/130% "Arial CE", Arial, Verdana,sans-serif;
	text-align: center; /* Centruje stranku pro IE<=6 */
	
}
body * {text-align: left;}
body table.layout-table {
	height: 100%;
	margin: 0;
	width: 100%;
}
body table.layout-table td {border: none;}
body.layout-title #frame-site {background-image: url(images/bg_title.jpg);}
#frame-site {
	background: #C63 url(images/bg_testprog.jpg) center 0 no-repeat;
	height: 425px; /* 450 - paddingy */
	margin: 0 auto;
	overflow: hidden;
	padding: 25px 24px 0 24px;
	position: relative;
	width: 702px; /* 750 - 24 - 24 */
}
#dealerDiv{
 display:none
}
a.run-test {
	background: transparent url(images/button_run-test_over.jpg) 0 200px no-repeat;
	display: block;
	height: 127px;
	left: 139px;
	width: 471px;
	position: absolute;
	top: 278px;
}
a.run-test:hover {background-position: 0 0;}
#frame-main {
	background: transparent url(images/bg_column.gif) 0 0 no-repeat;
	color: #000;
	margin-top: 25px;
	min-height: 324px;
	overflow: hidden;
	padding-top: 1px;
	width: 686px;
}
* html #frame-main {height: 324px;}
#column-info {
	float: left;
	margin: 5px 0 0 30px;
	overflow: hidden;
	width: 440px;
}
#column-image {
	float: right;
	margin: 18px 0 0 0;
	overflow: hidden;
	width: 205px;
}
* html #column-info {margin-left: 15px;}
#column-text {
	float: left;
	margin: 0 0 0 30px;
	overflow: hidden;
	width: 320px;
}
#column-flash {
	float: right;
	margin: 0 10px 0 0;
	overflow: hidden;
	width: 325px;
}
* html #column-text {margin-left: 15px;}
.cleaner {
	float: none !important;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.001em; /* V IE <6 odstrani radku obsahu */
}

/*----------------------------------------------------------------------------------
  Vzhled navigacnich prvku
----------------------------------------------------------------------------------*/

/* --[Hlavni menu]--------------------------------------------------------------- */

/*----------------------------------------------------------------------------------
  Vzhled obsahu
----------------------------------------------------------------------------------*/

/* --[Nadpisy]------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	color: #FFF;
	line-height: 130%;
	font-weight: normal;
	margin: 0.2em 0 0.6em;
}
h1 {font-size: 1.6em;}
h1.blue-top {
	background: transparent url(images/bg_h1-blue.gif) 10px center no-repeat;
	color: #213859;
	font-size: 1.25em;
	font-weight: bold;
	padding-left: 30px;
}
.white {
	background: transparent url(images/bg_h1-white.gif) 15px center no-repeat;
	color: #FFF;
	font-size: 1.7em;
	padding-left: 40px;
}
.blue {color: #213859;}
.red {color: #900;}
.black {color: #000;}
.small {font-size: 1.1em;}

h2 {font-size: 1.45em;}
h3 {font-size: 1.3em;}

/* --[Bezny text]---------------------------------------------------------------- */
ul,ol {
	margin-top: 1em;
	margin-bottom: 1em;
}
li {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
ul ul, ol ol {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
p.perex {font-weight: bold;}
p.info {font-size: 0.89em;}
p.info-small {
	font-size: 0.85em;
	margin: 0.55em 30px 0 30px;
}
p.info-bottom {
	color: #000;
	font-size: 0.95em;
	padding: 0 30px;
	margin: 2px 0 0 0;
}
a {color: #F60;}
a:hover {color: #900;}
p.info-bottom  a{color: #000;}
ol.instructions {margin-left: 0;}
ol.instructions li {
	background: url(images/digit_01.gif) 0 1.7em no-repeat;
	display: block;
	list-style-type: none;
	font-size: 0.9em;
	padding: 1.5em 0 1.5em 30px;
	margin: 0;
}
ol.instructions li.dig2 {background-image: url(images/digit_02.gif);}
ol.instructions li h2 {
	color: #900;
	font-size: 1.6em;
	margin: 0;
}
ol.instructions li p {margin: 0;}

div.errors {
	background-color: #FCC;
	background-image: url(images/icon-error.gif);
	background-position: 8px center;
	background-repeat: no-repeat;
	border: 1px solid #F99;
	color: #600;
	margin: 0.5em 30px 0.2em 30px;
	padding: 2px 2px 2px 33px;
}
div.errors p {margin: 0;}

/* --[Formulare]----------------------------------------------------------------- */

form {margin: 1em 0;}
fieldset {
	border: 1px solid #900;
	padding: 0 15px;
	margin: 1em 0;
}
legend {
	color: #900;
	font-weight: bold;
}
form table {width: 100%;}
form th {
	background: none;
	color: #900;
	width: 40%;
	text-align: right;
	padding-right: 15px;
}
form td {text-align: left;}
form th, form td {
	border: none;
	padding-left: 0;
	vertical-align: top;
}
form th label {font-weight: bold;}
form .descrip {
	font-size: 0.85em;
	font-weight: normal;
}
* html label, * html input, * html textarea {font: 1em/130% "Arial CE", Arial, Verdana, sans-serif; /* Resi chyby v IE <= 6 */}
form select {border: 1px solid #69C;}
form .input { /* Vstupni pole */
	background-color: #FFC;
	border: 1px solid #F60;
	padding: 1px;
}
form .input:focus, form select:focus {background-color: #fff2f2; border: 1px solid #900;}
form input[type='checkbox'] {
	margin: 0;
	padding: 0;
}
form .image { /* Tlacitka */
	padding: 0;
}
form .submit { /* Tlacitka */
	background-color: #900;
	border: none;
	color: #FFF;
	font-weight: bold;
	line-height: normal;
	padding: 0.4em 0.9em;
	text-align: center;
}
* html form .submit {
	font-size: 1em; /* Resi chyby v IE <= 6 */
	font-weight: bold;
}

form .confirm {background: #FC3;}
form.register {margin-top: 1em;}
form.register th {width: 45%;}
form.register td input.input {width: 180px;}

.button-skip {
	background: url(images/button_skip.png) 0 0 no-repeat;
	border: none;
	cursor: pointer;
	font-size: 0.001em;
	letter-spacing: 100px;
	height: 60px;
	width: 158px;
}
.button-skip:hover {background-position: 0 -60px;}
.button-reg-learn {
	background: url(images/button_reg-learn.gif) 0 0 no-repeat;
	border: none;
	cursor: pointer;
	font-size: 0.001em;
	letter-spacing: 100px;
	height: 60px;
	width: 274px;
}
.button-reg-learn:hover {
	background-position: 0 -60px;
}

/* --[Ostatni]------------------------------------------------------------------- */

.column-question, .column-answers {
	width: 340px;
	float: left;
}
.column-answers {
	width: 325px;
	float: right;
}
.prgs-bar {
	background: url(images/prgs-bar_bg.gif) right 0 no-repeat;
	height: 15px;
	margin: 1em auto;
	overflow: hidden;
	position: relative;
	width: 322px;
}
.mask, .mask2 {
	background: url(images/prgs-bar_mask.gif) 0 0 no-repeat;
	height: 15px;
	margin-left: 73px;
	position: absolute;
	width: 5px;
}
.dark {background-image: url(images/prgs-bar_mask-dark.gif);}
.mask2 {
	background: url(images/prgs-bar_mask2.gif) right 0 no-repeat;
	margin: 0;
	right: 0;
	width: 6px;
}
.strip {
	background: url(images/prgs-bar_strip.gif) right 0 no-repeat;
	height: 17px;
	margin-left: 0px;
	position: absolute;
	width: 9px; /* minimalni sirka prouzku */
}
.prgs-value {
	color: #142b66;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	position: absolute;
	right: 10px;
}

.test-stats {font-size: 0.9em;}
.test-stats td, .test-stats th {
	border: none;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 2px;
}
.test-stats th {
	background: none;
	color: #000;
	font-weight: normal;
	text-align: right;
	width: 260px;
}
.your-iq {
	background: url(images/bg_line.gif) 0 bottom no-repeat;
	border-top: 1px solid #F63;
	margin: 0.7em 0 0.5em 0;
	padding: 0.3em 0 1em 0;
}
a.get-certif {
	color: #000;
	display: block;
	background: #036 url(images/button_get-certif.gif) 0 0 no-repeat;
	width: 147px;
	height: 39px;
	margin: 0 auto;
}
a.get-certif:hover {background-position: 0 -39px;}
p.cellphone {
	background: url(images/cellphone.jpg) right 0 no-repeat;
	height: 264px;
	text-transform: uppercase;
	width: 205;
}
p.cellphone span {
	display: block;
	font: 80%/130% Tahoma, Verdana, "Arial CE", Arial, sans-serif;
	font-size: 1.7em;
	text-align: center;
}
p.cellphone span.title {
	color: #FFF;
	font-weight: bold;
	font-size: 0.85em;
	padding-top: 25px;
}