/*** obecne nastaveni ******************************************************************************************/

* {
  padding: 0;
  margin: 0;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  background-color: #FFF;
  color: #484848;
  font-size: small;
  min-width: 760px;
}

#wrapper {
  position: relative;
  margin: 20px;
  /*background: url("graphics/tach.jpg") right top no-repeat; /**/
}

* html #wrapper { /*  IE fix */
  position: static;
}

.invisible {
  position: absolute;
  left: -9999px;
}

hr {
  display: none;
}

#content-both {
  background: url("graphics/left_bg.gif") repeat-y;
  margin-top: 20px;
}

#content {
  min-height: 350px;
  background: url("graphics/right_bg.gif") right repeat-y;
  padding-left: 233px;
  padding-right: 40px;
}

* html #content { /* IE fix */
  padding-left: 7px; /* nepocita do paddingu misto pod floatujicim levzm sloupcem */
  height: 350px; /* min-height */
  position: relative; /* aby zobrazoval na spravnem miste uvod-item */
}

#beginning {
  display: block;
  position: absolute;
  top: 0;
  width: 0;
}



/*** odkazy ******************************************************************************************/

a:link, a:visited {
  color: #DC2B19;
  text-decoration: underline; /* Opera */
  /*border: 1px solid #FFF;
  position: relative;
  left: -1px;*/
}

a:hover {
  color: #2A0F70;
}

#main-menu a {
  text-decoration: none;
}

a img {
  border: none;
}

.uvod-item a {
  position: relative;
  top: 9px;
}

.fleet-item a img {
  background: #FFF;
  padding: 2px;
  border: 1px solid #DC2B19;
}

.fleet-item a:hover img {
  border: 1px solid #2A0F70;
}

a .sluzby-sirsi, a .sluzby-vyssi, a .ucebna {
  background: #FFF;
  padding: 2px;
  border: 1px solid #DC2B19;
}

a:hover .sluzby-sirsi, a:hover .sluzby-vyssi, a:hover .ucebna {
  border: 1px solid #2A0F70;
}




/*** hlavicka ******************************************************************************************/

#logo {
  display: block;
  background: url("graphics/logo.jpg") no-repeat;
  width: 545px;
  height: 256px;
}

#logo a {
  display: block;
  width: 445px;
  height: 40px;
  position: absolute;
  left: 103px;
  top: 195px;
}

* html #logo a { /* IE fix */
  height: 0; width: 0; /* z neznamych duvodu funguje uplne spatne, tak radeji vypnuto */
}

#main-info {
  position: absolute;
  top: 20px;
  right: 20px;
  text-align: right;
}

* html #main-info { /* IE fix */
  top: 40px; /* pocita od odkraje stranky, ne wrapperu */
  right: 40px; /* pocita od odkraje stranky, ne wrapperu */
}

#flags {
  position: relative;
  height: 25px;
  visibility: hidden;
}

#flags a, #flags span {
  display: block;
  width: 32px;
  height: 23px;
}

#flag-cz {
  background: url("graphics/flag_cz.png") no-repeat;
  position: absolute;
  top: 0;
  right: 50px;
}

#flag-en {
  background: url("graphics/flag_en.png") no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}

#main-info-kontakt {
  margin-top: 1.8ex;
}

div.provozovna {
  margin-top: 1.8ex;
  margin-bottom: 0.25ex;
  font-weight: bold;
}



/*** hlavni menu ******************************************************************************************/

#main-menu {
  color: #DC2B19;
  font-weight: bold;
  padding-left: 3ex;
  padding-right: 3ex;
  position: relative;
  background-color: #F5F5F5;
  height: 30px;
  border-bottom: 5px solid #484848;
}

#main-menu-pos {
  position: relative;
  top: 7px;
}

.vybrana-sekce {
  color: #000;
}



/*** levy sloupec *******************************************************************************************/

#left {
  width: 202px;
  margin-left: 11px;
  font-size: x-small;
  text-align: center;
  position: relative;
  float: left;
}

* html #left { /* IE fix */
  left: -11px; /* nevim proc */
}

#homer {
  background: url("graphics/homer.gif");
  width: 180px;
  height: 19px;
  text-align: center;
  margin: auto;
  position: relative;
}

#homer-pos {
  position: relative;
  top: 2px;
}

.note-up {
  width: 180px;
  background: url("graphics/left_up.gif") no-repeat;
  margin: auto;
  margin-top: 10px;
}

.note-down {
  background: url("graphics/left_down.gif") bottom no-repeat;
}

.note {
  text-align: justify;
  padding: 10px;
}

.note-hl-1 {
  color: #DC2B19;
  font-size: large;
  text-align: center;
  margin-bottom: 15px;
}

.note img {
  margin: auto;
}

.note .blueright {
  text-align: right;
  font-weight: bold;
  color: #2F276E;
  font-size: small;
  margin-bottom: 8px;
  margin-top: 2px;
}

.note .center {
  text-align: center;
  margin-bottom: 8px;
}



/*** uvodni stranka a nadpisy *******************************************************************************************/

.uvod-item {
  height: 59px; /* jeden pixel je tvoren borderem */
  background: url("graphics/uvod_item_right.gif") top right no-repeat;
  border-bottom: 1px solid #DADADA;
  position: relative;
  margin-bottom: 22px;
}

.uvod-item-left {
  height: 59px; /* jeden pixel je tvoren borderem */
  width: 10px;
  background: url("graphics/uvod_item_left.gif") no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

.uvod-item h2 {
  padding-left: 72px;
  font-size: small;
  height: 59px;
}

#id-about {
  background: url("graphics/id-about.gif") 11px 0 no-repeat;
}

#id-pricelist {
  background: url("graphics/id-pricelist.gif") 11px 0 no-repeat;
}

#id-signUp {
  background: url("graphics/id-signUp.gif") 11px 0 no-repeat;
}

#id-services {
  background: url("graphics/id-services.gif") 11px 0 no-repeat;
}

#id-fleet {
  background: url("graphics/id-fleet.gif") 11px 0 no-repeat;
}

#id-tests {
  background: url("graphics/id-tests.gif") 11px 0 no-repeat;
}

#id-contact {
  background: url("graphics/id-contact.gif") 11px 0 no-repeat;
}


.uvod-subtitle {
  position: absolute;
  top: 27px;
  left: 72px; /* aby bylo stejne zleva jako h2 */
}



.note-in-note {
  margin-top: 10px;
}


/*** obsah *******************************************************************************************/

h2.st {
  color: #DC2B19;
  font-size: large;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #DC2B19;
  width: 300px;
}

table.cenik {
  
  width: 450px;
  border-collapse: collapse;
  
}

table.cenik tr {
  background: #F5F5F5;
}

table.cenik tr.even {
  background: #FFF;
}

h3.cenik {
  margin-bottom: 2ex;
  margin-top: 4ex;
  font-size: medium;
}

p {
  margin-bottom: 0;
  margin-top: 0;
}

strong {
  font-weight: bold;
}

table.cenik td {
  padding: 8px;
  border: 1px solid #000;
  border-right: 0;
}

table.cenik td.cena, table.cenik td.student-cena {
  text-align: right;
  vertical-align: middle;
  padding-right: 10px;
  width: 80px;
  border-right: 1px solid #000;
  border-left: 0;
}

table.cenik span.dopl-popis {
  display: block;
  padding-left: 12px;
  font-size: x-small;
  padding-top: 3px;
}

.small {
  margin-top: 1ex;
  padding-left: 12px;
  width: 450px;
}

.small2 {
  margin-top: 1ex;
  padding-left: 12px;
  width: 450px;
  margin-bottom: 2ex;
}


#hover, #cenik tr:hover td {
  background-color: #FFCC66;
}

#cenik-platnost {
  margin-top: 4ex;
  text-align: right;
  width: 450px;
}

.fleet-item {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  position: relative;
  background: url("graphics/vert_line.gif") left top no-repeat;
  margin-top: 4ex;
}

#bglb-double {
  height: 216px;
}

.fleet-bgrt {
  background: url("graphics/vert_line.gif") right top no-repeat;
}

.fleet-bgrb {
  background: url("graphics/vert_line.gif") right bottom no-repeat;
}

.fleet-bglb { /* nejhloubeji vnorena */
  background: url("graphics/vert_line.gif") left bottom no-repeat;
  padding: 20px;
  min-height: 98px;
}

* html .fleet-bglb { /* IE fix */
  height: 98px;
}

.fleet-desc {
  margin-left: 200px;
}

.fleet-item h4 {
  font-size: small;
  color: #2A0F70;
  margin-bottom: 1ex;
}

h4.sign-up {
  font-size: small;
  color: #2A0F70;
  margin-bottom: 1ex;
  margin-top: 2ex;
}

.fleet-item p {
  margin-top: 0.5ex;
}

.fleet-item img.sirsi {
  width: 140px;
  height: 93px;
  float: left;
}

.fleet-item img.vyssi {
  width: 93px;
  height: 140px;
  margin-left: 23px;
  float: left;
}

.fleet-vyssi-aux {
  min-height: 145px;
}

* html .fleet-vyssi-aux { /* IE fix */
  height: 140px;
}

.nahoru {
  margin-top: 2ex;
  text-align: right;
}

.pricelist-nahoru {
  margin-top: 2ex;
  text-align: right;
  width: 450px;
}

.nahoru span, .pricelist-nahoru span {
  background: url("graphics/arrow_up.gif") 0 4px no-repeat;
  padding-left: 13px;
}

#kontakt table {
  width: 450px;
}

#kontakt td {
  vertical-align: top;
  padding-top: 1ex;
}

#kontakt td.value {
  text-align: right;
}

img.test {
  margin-top: 2ex;
  margin-bottom: 2ex;
}

.otazka-zneni {
  margin-bottom: 1ex;
  font-style: italic;
}

.test-tlacitka {
  margin-top: 3ex;
}

.test-tlacitka button {
  margin-left: 2ex;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.otazka-odpoved {
  margin-top: 3px;
  padding-left: 40px;
  position: relative;
}

* html .otazka-odpoved { /* IE fix */
  padding-left: 45px;
}

.otazka-odpoved-ok {
  margin-top: 3px;
  padding-left: 42px;
  background: url("graphics/cor.gif") 0 1px no-repeat;
  position: relative;
}

.otazka-odpoved-ko {
  margin-top: 3px;
  padding-left: 42px;
  background: url("graphics/incor.gif") 0 1px no-repeat;
  position: relative;
}

span.cor {
  background: #EEE;
  color: #009933;
  font-weight: bold;
}

span.chybne {
  color: #DC2B19;
  font-weight: bold;
}

span.bezchybne {
  color: #009933;
  font-weight: bold;
}

.otazka-abs {
  position: absolute;
  top: 2px;
  left: 0;
}

* html .otazka-abs { /* IE fix */
  left: -45px; /* IE pocita left od padding-left */
  top: -2px;
}

.otazka-abs-2 {
  position: absolute;
  top: 0;
  left: 20px;
}

* html .otazka-abs-2 { /* IE fix */
  left: -20px; /* IE pocita left od padding-left */
}

.otazka-abs-3 {
  position: absolute;
  top: 0;
  left: 23px;
}

* html .otazka-abs-3 { /* IE fix */
  left: -19px; /* IE pocita left od padding-left */
}

.test-help {
  padding-top: 3ex;
  padding-bottom: 3ex;
}

.test-help p {
  margin-top: 1ex;
}

.test-help h4 {
  margin-bottom: 1ex;
}

.tests-list li {
  margin-top: 1ex;
}

p.tests-nav {
  margin-top: 3ex;
}

a.tests-nav {
  background: url("graphics/arrow_left.gif") 0 5px no-repeat;
  padding-left: 13px;
}

button.reset {
  color: #686868;
}

p.komentar {
  margin-top: 3ex;
  text-align: justify;
  width: 450px;
}

span.formular-dodatek {
  display: block;
  margin-top: 0.2ex;
}

.warning {
  color: #DC2B19;
  font-weight: bold;
}

li {
  width: 450px;
  text-align: justify;
}

img.sluzby-sirsi {
  width: 140px;
  height: 93px;
  margin-top: 5ex;
  margin-bottom: 2ex;
}


img.sluzby-vyssi {
  width: 93px;
  height: 140px;
  margin-top: 5ex;
  margin-bottom: 2ex;
  margin-right: 3ex;
}

img.ucebna {
  margin-top: 5ex;
  margin-bottom: 2ex;
  margin-right: 3ex;
}

.second-image {
  margin-top: 20px;
  clear: left;
}


/*** footer *******************************************************************************************/

#credits {
  text-align: center;
  margin: auto;
  margin-top: 7ex;
  padding-bottom: 5ex;
  border-top: 1px solid #DADADA;
  padding-top: 1ex;
  width: 400px;
}




/*** 404 *******************************************************************************************/

p.nf {
  margin-top: 4ex;
}

p.nfs {
  margin-top: 4ex;
  font-weight: bold;
}

li {
  list-style-image:url("graphics/dot_red.gif");
  margin-left: 4ex;
  margin-top: 2ex;
}

ul {
  margin-top: 2ex;
}