
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
  background: #ac182e;
}

a:link, a:visited {
  color: #fff;
  text-decoration: underline;
}

a:hover {
  color: #ccc;
}

img {
  border-style: none;
}

#frame {
  width: 1127px;
  margin: 0 auto;
  padding: 30px 0 30px 0;
}

#top {
  text-align: right;
  color: #fff;
  padding: 0 35px 0 0;
}

#top a:link, #top a:visited {
  display: block;
  float: right;
  width: 20px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 0.3em #555;
}
#top a:hover {
  color: #fff;
  font-weight: bold;
}
#top .selected:link, #top .selected:visited {
  font-weight: bold;
}

#top .dash {
  padding: 0 2px 0 2px;
  float: right;
}

.logo_animation {
  position: absolute;
  top: 23px;
  left: 45px;
}

.banner_animation {
  position: absolute;
  top: -24px;
  left: 0;
}

#base {
  position: relative;
  width: 100%;
  height: 911px;
  padding: 82px 0 0 0;
  background: url(obr/bg_small.jpg) no-repeat top left;
}

#base_big {
  position: relative;
  width: 100%;
  height: 1853px;
  padding: 82px 0 0 0;
  background: url(obr/bg_big.jpg) no-repeat top left;
}

.objednavka_link, .objednavka_link_selected {
  position: absolute;
  top: 20px;
  right: 10px;
  font-size: 14px;
}

.objednavka_link a:link, .objednavka_link a:visited, .objednavka_link_selected a:link, .objednavka_link_selected a:visited {
  display: block;
  height: 16px;
  width: 10px;
  text-decoration: none;
  margin: 13px 8px 5px 8px;
}
.objednavka_link a:hover, .objednavka_link_selected a:hover {
}

.cz .objednavka_link a:link, .cz .objednavka_link a:visited {
  width: 93px;
  background: url(obr/menu/cz/objednavka_link.gif) no-repeat 0 0;
}
.cz .objednavka_link a:hover {
  background: url(obr/menu/cz/objednavka_link.gif) no-repeat 0 -16px;
}
.cz .objednavka_link_selected a:link, .cz .objednavka_link_selected a:visited {
  width: 93px;
  background: url(obr/menu/cz/objednavka_link.gif) no-repeat 0 -16px;
}

.en .objednavka_link a:link, .en .objednavka_link a:visited {
  width: 93px;
  background: url(obr/menu/en/objednavka_link.gif) no-repeat 0 0;
}
.en .objednavka_link a:hover {
  background: url(obr/menu/en/objednavka_link.gif) no-repeat 0 -16px;
}
.en .objednavka_link_selected a:link, .en .objednavka_link_selected a:visited {
  width: 93px;
  background: url(obr/menu/en/objednavka_link.gif) no-repeat 0 -16px;
}


/* MENU -------------------------- */

#menu {
  margin: 0 0 0 228px;
  padding: 0 20px 0 17px;
  list-style: none;
  font-size: 12px;
  height: 41px;
  background: url(obr/menu_bg.jpg) no-repeat top left;
}

#menu li {
  float: left;
}
#menu li:first-child {
  margin: 0;
}

#menu a:link, #menu a:visited {
  display: block;
  height: 16px;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  margin: 13px 8px 5px 8px;
  line-height: 31px;
  color: #fff;
  text-shadow: 0 0 0.2em #888;
}
#menu a:hover {
  color: #fff;
  text-shadow: 0 0 0.6em #ddd;
}

/* CZ BUTTONS -------------------------- */

.cz .b1 a:link, .cz .b1 a:visited {
  width: 42px;
  background: url(obr/menu/cz/home.gif) no-repeat 0 0;
}
.cz .b1 a:hover {
  background: url(obr/menu/cz/home.gif) no-repeat 0 -16px;
}
.cz .b1_selected a:link, .cz .b1_selected a:visited {
  width: 42px;
  background: url(obr/menu/cz/home.gif) no-repeat 0 -16px;
}

.cz .b2 a:link, .cz .b2 a:visited {
  width: 136px;
  background: url(obr/menu/cz/profil_spolecnosti.gif) no-repeat 0 0;
}
.cz .b2 a:hover {
  background: url(obr/menu/cz/profil_spolecnosti.gif) no-repeat 0 -16px;
}
.cz .b2_selected a:link, .cz .b2_selected a:visited {
  width: 136px;
  background: url(obr/menu/cz/profil_spolecnosti.gif) no-repeat 0 -16px;
}

.cz .b3 a:link, .cz .b3 a:visited {
  width: 96px;
  background: url(obr/menu/cz/man_lock.gif) no-repeat 0 0;
}
.cz .b3 a:hover {
  background: url(obr/menu/cz/man_lock.gif) no-repeat 0 -16px;
}
.cz .b3_selected a:link, .cz .b3_selected a:visited {
  width: 96px;
  background: url(obr/menu/cz/man_lock.gif) no-repeat 0 -16px;
}

.cz .b4 a:link, .cz .b4 a:visited {
  width: 147px;
  background: url(obr/menu/cz/urceno_pro_vozidla.gif) no-repeat 0 0;
}
.cz .b4 a:hover {
  background: url(obr/menu/cz/urceno_pro_vozidla.gif) no-repeat 0 -16px;
}
.cz .b4_selected a:link, .cz .b4_selected a:visited {
  width: 147px;
  background: url(obr/menu/cz/urceno_pro_vozidla.gif) no-repeat 0 -16px;
}

.cz .b5 a:link, .cz .b5 a:visited {
  width: 122px;
  background: url(obr/menu/cz/montazni_mista.gif) no-repeat 0 0;
}
.cz .b5 a:hover {
  background: url(obr/menu/cz/montazni_mista.gif) no-repeat 0 -16px;
}
.cz .b5_selected a:link, .cz .b5_selected a:visited {
  width: 122px;
  background: url(obr/menu/cz/montazni_mista.gif) no-repeat 0 -16px;
}

.cz .b6 a:link, .cz .b6 a:visited {
  width: 104px;
  background: url(obr/menu/cz/prislusenstvi.gif) no-repeat 0 0;
}
.cz .b6 a:hover {
  background: url(obr/menu/cz/prislusenstvi.gif) no-repeat 0 -16px;
}
.cz .b6_selected a:link, .cz .b6_selected a:visited {
  width: 104px;
  background: url(obr/menu/cz/prislusenstvi.gif) no-repeat 0 -16px;
}

.cz .b7 a:link, .cz .b7 a:visited {
  width: 72px;
  background: url(obr/menu/cz/kontakty.gif) no-repeat 0 0;
}
.cz .b7 a:hover {
  background: url(obr/menu/cz/kontakty.gif) no-repeat 0 -16px;
}
.cz .b7_selected a:link, .cz .b7_selected a:visited {
  width: 72px;
  background: url(obr/menu/cz/kontakty.gif) no-repeat 0 -16px;
}

/* EN BUTTONS -------------------------- */

.en .b1 a:link, .en .b1 a:visited {
  width: 42px;
  background: url(obr/menu/en/home.gif) no-repeat 0 0;
}
.en .b1 a:hover {
  background: url(obr/menu/en/home.gif) no-repeat 0 -16px;
}
.en .b1_selected a:link, .en .b1_selected a:visited {
  width: 42px;
  background: url(obr/menu/en/home.gif) no-repeat 0 -16px;
}

.en .b2 a:link, .en .b2 a:visited {
  width: 125px;
  background: url(obr/menu/en/profil_spolecnosti.gif) no-repeat 0 0;
}
.en .b2 a:hover {
  background: url(obr/menu/en/profil_spolecnosti.gif) no-repeat 0 -16px;
}
.en .b2_selected a:link, .en .b2_selected a:visited {
  width: 125px;
  background: url(obr/menu/en/profil_spolecnosti.gif) no-repeat 0 -16px;
}

.en .b3 a:link, .en .b3 a:visited {
  width: 96px;
  background: url(obr/menu/en/man_lock.gif) no-repeat 0 0;
}
.en .b3 a:hover {
  background: url(obr/menu/en/man_lock.gif) no-repeat 0 -16px;
}
.en .b3_selected a:link, .en .b3_selected a:visited {
  width: 96px;
  background: url(obr/menu/en/man_lock.gif) no-repeat 0 -16px;
}

.en .b4 a:link, .en .b4 a:visited {
  width: 135px;
  background: url(obr/menu/en/urceno_pro_vozidla.gif) no-repeat 0 0;
}
.en .b4 a:hover {
  background: url(obr/menu/en/urceno_pro_vozidla.gif) no-repeat 0 -16px;
}
.en .b4_selected a:link, .en .b4_selected a:visited {
  width: 135px;
  background: url(obr/menu/en/urceno_pro_vozidla.gif) no-repeat 0 -16px;
}

.en .b5 a:link, .en .b5 a:visited {
  width: 148px;
  background: url(obr/menu/en/montazni_mista.gif) no-repeat 0 0;
}
.en .b5 a:hover {
  background: url(obr/menu/en/montazni_mista.gif) no-repeat 0 -16px;
}
.en .b5_selected a:link, .en .b5_selected a:visited {
  width: 148px;
  background: url(obr/menu/en/montazni_mista.gif) no-repeat 0 -16px;
}

.en .b6 a:link, .en .b6 a:visited {
  width: 90px;
  background: url(obr/menu/en/prislusenstvi.gif) no-repeat 0 0;
}
.en .b6 a:hover {
  background: url(obr/menu/en/prislusenstvi.gif) no-repeat 0 -16px;
}
.en .b6_selected a:link, .en .b6_selected a:visited {
  width: 90px;
  background: url(obr/menu/en/prislusenstvi.gif) no-repeat 0 -16px;
}

.en .b7 a:link, .en .b7 a:visited {
  width: 67px;
  background: url(obr/menu/en/kontakty.gif) no-repeat 0 0;
}
.en .b7 a:hover {
  background: url(obr/menu/en/kontakty.gif) no-repeat 0 -16px;
}
.en .b7_selected a:link, .en .b7_selected a:visited {
  width: 67px;
  background: url(obr/menu/en/kontakty.gif) no-repeat 0 -16px;
}


/* CONTENT -------------------------- */

#content_base {
  position: relative;
  clear: both;
  margin-top: 33px;
  line-height: 1.4;
}

/* CZ NADPISY -------------------------- */
.cz .nadpis1 {
  margin: 0 0 38px 254px;
  width: 809px;
  height: 51px;
  background: url(obr/headings/cz/nadpis1.gif) no-repeat 0 0;
}

.cz .nadpis2 {
  margin: 0 0 38px 254px;
  width: 809px;
  height: 51px;
  background: url(obr/headings/cz/nadpis2.gif) no-repeat 0 0;
}

.cz .nadpis3 {
  margin: 0 0 38px 0;
  width: 386px;
  height: 22px;
  background: url(obr/headings/cz/nadpis3.gif) no-repeat 0 0;
}

.cz .nadpis4 {
  margin: 0 0 32px 0;
  width: 384px;
  height: 21px;
  background: url(obr/headings/cz/nadpis4.gif) no-repeat 0 0;
}

/* EN NADPISY -------------------------- */
.en .nadpis1 {
  margin: 0 0 38px 254px;
  width: 761px;
  height: 51px;
  background: url(obr/headings/en/nadpis1.gif) no-repeat 0 0;
}

.en .nadpis2 {
  margin: 0 0 38px 254px;
  width: 855px;
  height: 51px;
  background: url(obr/headings/en/nadpis2.gif) no-repeat 0 0;
}

.en .nadpis3 {
  margin: 0 0 38px 0;
  width: 388px;
  height: 22px;
  background: url(obr/headings/en/nadpis3.gif) no-repeat 0 0;
}

.en .nadpis4 {
  margin: 0 0 32px 0;
  width: 388px;
  height: 21px;
  background: url(obr/headings/en/nadpis4.gif) no-repeat 0 0;
}

.content_left {
  position: absolute;
  top: 89px;
  left: 60px;
  width: 376px;
  height: 681px;
  margin: 0;
  background: url(obr/big_man.jpg) no-repeat 0 0;
}

.cz .content_left2 {
  position: absolute;
  top: 58px;
  left: 104px;
  width: 418px;
  height: 781px;
  margin: 0;
  background: url(obr/man_lock_bg_cz.jpg) no-repeat 0 0;
}

.en .content_left2 {
  position: absolute;
  top: 58px;
  left: 104px;
  width: 418px;
  height: 781px;
  margin: 0;
  background: url(obr/man_lock_bg_en.jpg) no-repeat 0 0;
}

.panel_left {
  position: absolute;
  top: 89px;
  left: 0;
  width: 298px;
  height: 659px;
  margin: 0;
  background: url(obr/panel_left.jpg) no-repeat 0 0;
}

.panel_left .form {
  position: absolute;
  top: 40px;
  left: 40px;
}

.panel_left .form select {
  width: 200px;
  margin: 4px 0 4px 0;
}

.content ul {
  list-style: none;
  margin: 0 0 0 -22px;
  padding: 0;
}
.content li {
  padding: 0 0 0 32px;
  margin: 2px 0 4px 0;
  background: url(obr/seznam_odrazka2_black.gif) no-repeat 0 0;
}
.content .li_special {
  padding: 0 0 0 22px;
  margin: 2px 0 4px 0;
  background: url(obr/seznam_odrazka_black.gif) no-repeat 0 0;
}

.content h2 {
  text-align: left;
}

.content h3 {
  text-align: left;
}


.home ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.home li {
  padding: 0 0 0 22px;
  margin: 4px 0 6px 0;
  background: url(obr/seznam_odrazka_red.gif) no-repeat 0 0;
}

.home .content {
  position: absolute;
  top: 89px;
  left: 436px;
  width: 677px;
  height: 681px;
  margin: 0;
  background: url(obr/home_bg.jpg) no-repeat 0 0;
}

.profil .content {
  position: absolute;
  top: 35px;
  left: 436px;
  width: 677px;
  height: 735px;
  background: url(obr/profil_bg.jpg) no-repeat bottom right;
}

.prislusenstvi .content {
  position: absolute;
  top: 89px;
  left: 436px;
  width: 677px;
  height: 681px;
  margin: 0;
}

.kontakty .content {
  position: absolute;
  top: 89px;
  left: 436px;
  width: 681px;
  height: 650px;
  margin: 0;
  background: url(obr/kontakty_bg.jpg) no-repeat bottom right;
}

.objednavka .content {
  position: absolute;
  top: 0;
  left: 436px;
  width: 681px;
  height: 650px;
  margin: 0;
}

.montazni_mista .content {
  position: absolute;
  top: 89px;
  left: 298px;
  width: 720px;
  height: 616px;
  padding: 14px 30px 0 30px;
  margin: 0;
}

.urceno_pro_vozidla .content {
  position: absolute;
  top: 89px;
  left: 298px;
  width: 720px;
  height: 616px;
  padding: 14px 30px 0 30px;
  margin: 0;
}

.urceno_pro_vozidla .content img {
  margin: 9px 3px 0 6px;
}

.man_lock .content {
  position: absolute;
  top: 2px;
  left: 522px;
  width: 440px;
  height: 616px;
  padding: 14px 30px 0 104px;
  margin: 0;
}

.man_lock .text {
  position: absolute;
  top: 894px;
  left: 72px;
  width: 889px;
  padding: 48px;
  margin: 0;
  color: #000;
  background: #fff;
}

.man_lock .text_in {
  padding: 0;
  margin: 0 0 0 504px;
}

.man_lock .text_in h4 {
  text-align: center;
  margin: 10px 0 4px 0;
  font-size: 14px;
}

.man_lock .cert img {
  margin: 1px;
}

.home .text {
  position: absolute;
  top: 394px;
  left: 264px;
  padding: 0 10px 0 0;
  font-weight: bold;
}

.home .text p {
  padding: 0;
  margin: 0;
}

.profil .text1 {
  padding: 0 24px 0 40px;
}

.profil .text2 {
  position: absolute;
  top: 440px;
  left: 360px;
  width: 200px;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}

.profil .text2 p {
  padding: 0;
  margin: 0 0 12px 0;
}

.mapa {
  position: absolute;
  top: 273px;
  left: 104px;
  width: 200px;
}

.prislusenstvi .text {
  padding: 0 10px 0 40px;
}

.kontakty .text {
  text-align: right;
  padding: 0 56px 0 40px;
}

.objednavka .text {
  padding: 0 56px 0 40px;
}

.block {
  padding: 16px;
}

.block h2{
  padding: 0 0 2px 0;
  margin: 0;
  font-size: 16px;
}

.block h3 {
  padding: 0 0 12px 0;
  margin: 0;
  font-size: 16px;
}

.block .subtitle {
  padding: 0;
  margin: 0;
}

.block2 {
  padding: 0 16px 0 6px;
}
.block2 h2 {
  padding: 0 0 2px 0;
  margin: 0;
  font-size: 16px;
}
.block2 .subtitle {
  padding: 0;
  margin: 0;
}

table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  margin: 0 0 12px 0;
}

td {
  width: 25%;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  font-weight: bold;
  padding: 1px 4px 1px 4px;
  font-size: 14px;
}

table .header td {
  background: #ececec;
  font-weight: normal;
  font-size: 12px;
}

table .bottom1 {
  text-align: left;
  color: #fff;
  background: #1d1d1b;
}

table .bottom2 {
  text-align: left;
  color: #fff;
  background: #9d9d9b;
}

.separate {
  clear: both;
  width: 670px;
  height: 3px;
  background: url(obr/content_separate.gif) no-repeat top left;
}

#down1 {
  height: 46px;
  width: 1128px;
  background: url(obr/down1.png) no-repeat top left;
}

#down2 {
  height: 46px;
  width: 1128px;
  background: url(obr/down2.png) no-repeat top left;
}

/* PATKA -------------------------- */

#footer {
  position: absolute;
  bottom: 36px;
  left: 0;
  margin: 20px 0px 0 45px;
  font-size: 11px;
  color: #999;
}

#footer a:link, #footer a:visited {
  font-weight: bold;
  color: #999;
}
#footer a:hover {
  color: #fff;
}

/* STRANKOVANI --------------------- */

.strankovani {
  margin: 0 auto;
  padding: 20px 0 10px 10px;
}

.strankovani a:link, .strankovani a:visited {
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  padding: 0 4px 0 0;
}
.strankovani a:hover {
  color: #aaa;
}

.strankovani big {
  font-weight: bold;
  font-size: 15px;
  color: #aaa;
  padding: 0 4px 0 0;
}

/* OBJEDNAVKA -------------------------- */

.obj_tabulka {
  border-style: none;
  width: 400px;
}

.obj_tabulka td {
  text-align: left;
  border-style: none;
  width: 50%;
  padding: 2px;
}

.obj_tabulka .left_cell {
  text-align: right;
  color: #aaa;
}

.obj_tabulka select {
  width: 160px;
}

.input_button {
  font-size: 14px;
  padding: 4px 6px 4px 6px;
  font-weight: bold;
}

.error {
  color: #ac182e;
  padding: 2px 0 2px 0;
  font-size: 11px;
}


/* OBECNE -------------------------- */

.end {
  clear: both;
  height: 0px;
  padding: 0px;
  margin: 0px;
  font-size: 0px;
  line-height: 0px;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.text_left {
  text-align: left;
}

.uppercase {
  text-transform: uppercase;
}

.small {
  font-size: 11px;
}

.hidden {
  position: absolute;
  top: -100em;
}

/* BARVY -------------------------- */

.red {
  color: #d70022;
}

.blue {
  color: #0097e1;
}

.grey {
  color: #999;
}

