/* CSS Document */

html, body {
  margin: 0;
  padding: 0;
}

body {
  background-image: url(../images/bg.gif);
  background-position: center top;
  background-repeat: repeat-x;
  font-family: 'Tahoma', sans-serif;
  font-size: 8pt;
  color: #65727A;
}

div#container {
  width: 800px;
  position: absolute;
  left: 50%;
  margin: 10px 0 0 -400px;
  padding: 0;
}

div#top {
  width: auto;
  height: 60px;
  padding: 0 0 0 10px;
}

div#logo {
  padding: 20px 0 0 0
}

div#logo img {
  border-style: none;
}

div#top h1 {
  position: absolute;
  margin: 0 0 0 220px;
  padding: 0;
}

div#top h1 span.normal {
  padding: 20px 0 0 0;
  margin: 0;
  letter-spacing: -1px;
  display: block;
  color: #444F56;
  font-size: 14pt;
  line-height: 1.2em;
}

div#top h1 span.small {
  padding: 0;
  display: block;
  font-size: 8pt;
  color: #A9B1B6;
  text-indent: 1px;
  font-weight: normal;
  line-height: 1.0em;
}

div#favsend {
  width: 250px;
  padding: 0 5px 0 0;
}

div#favsend a {
  color: #2FACE3;
  text-decoration: underline;
}

div#favsend a:hover {
  text-decoration: none;
}

.fav {
  display: block;
  background-image: url(../images/favorite.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 2px 0 2px 22px;
}

.send {
  display: block;
  background-image: url(../images/send.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 2px 0 2px 22px;
  margin: 0 0 0 10px;
}

div#header {
  width: 800px;
  height: 184px;
  background-image: url(../images/header.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#header_cenik {
  width: 800px;
  height: 268px;
  background-image: url(../images/header_cenik.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#header_cenik table {
  font-size: 8pt;
  color: white;
}

div#header_cenik form {
  position: absolute;
  margin: 110px 0 0 42px;
}

div#header_cenik form select {
  background-color: #C6D3DB;
  color: #333333;
  font-size: 8pt;
  width: 48px;
  border-top: 1px #75736E solid;
  border-bottom: 1px #F2F0EE solid;
  border-left: 1px #75736E solid;
  border-right: 1px #F2F0EE solid;
}

div#header_cenik form input.normal {
  background-color: #C6D3DB;
  padding: 0 2px 0 2px;
  height: 16px;
  font-size: 8pt;
  width: 180px;
  border-top: 1px #75736E solid;
  border-bottom: 1px #F2F0EE solid;
  border-left: 1px #75736E solid;
  border-right: 1px #F2F0EE solid;
}

div#header_cenik form input.subm {
  width: 54px;
  height: 18px;
  border-style: none;
  background-image: url(../images/submit.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

div#nabidka {
  position: absolute;
  margin: 65px 0 0 8px;
}

div#nabidka a {
  color: white;
  font-weight: bold;
  font-size: 9pt;
  text-decoration: none;
}

div#nabidka a strong {
  letter-spacing: -1px;
}

div#nabidka a.btn1 span {
  display: block;
  width: auto;
  padding: 20px 0 0 29px;
}

div#nabidka a.btn2 span, a.btn3 span {
  display: block;
  width: auto;
  padding: 20px 0 0 22px;
}

div#nabidka a.btn1:hover {
  color: #FFF668;
}

div#nabidka a.btn2:hover {
  color: #BDFF68;
}

div#nabidka a.btn3:hover {
  color: #90F1FF;
}

div#nabidka .btn1 {
  display: block;
  width: 151px;
  height: 43px;
  background-image: url(../images/btn1.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#nabidka .btn2 {
  display: block;
  width: 144px;
  height: 43px;
  background-image: url(../images/btn2.png);
  background-position: center top;
  background-repeat: no-repeat;
}

div#nabidka .btn3 {
  display: block;
  width: 152px;
  height: 43px;
  background-image: url(../images/btn3.png);
  background-position: center top;
  background-repeat: no-repeat;
}

ul#menu {
  position: absolute;
  margin: 108px 0 0 0;
  padding: 0;
  list-style-type: none;
}

ul#menu li {
  display: block;
  float: left;
  height: 31px;
  margin: 0;
  padding: 0;
}

ul#menu li a {
  display: block;
  background-image: url(../images/arrow.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 5px 0 5px 12px;
  margin: 4px 15px 0 20px;
  color: white;
  font-weight: bold;
  text-decoration: none;
}

ul#menu li a:hover {
  text-decoration: underline;
}

div#submenu {
  position: absolute;
  margin: 154px 0 0 0;
  padding: 0 20px 0 20px;
  font-size: 7.5pt;
  word-spacing: 4px;
}

div#submenu .raquo {
  font-size: 8pt;
}

div#submenu strong {
  word-spacing: 0;
}

ul#menu_cenik {
  position: absolute;
  margin: 192px 0 0 0;
  padding: 0;
  list-style-type: none;
}

ul#menu_cenik li {
  display: block;
  float: left;
  height: 31px;
  margin: 0;
  padding: 0;
}

ul#menu_cenik li a {
  display: block;
  background-image: url(../images/arrow.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 5px 0 5px 12px;
  margin: 4px 15px 0 20px;
  color: white;
  font-weight: bold;
  text-decoration: none;
}

ul#menu_cenik li a:hover {
  text-decoration: underline;
}

div#submenu_cenik {
  position: absolute;
  margin: 238px 0 0 0;
  padding: 0 20px 0 20px;
  font-size: 7.5pt;
  word-spacing: 4px;
}

div#submenu_cenik .raquo {
  font-size: 8pt;
}

div#submenu_cenik strong {
  word-spacing: 0;
}

.space {
  background-image: url(../images/menuspace.gif);
  background-position: left center;
  background-repeat: no-repeat;
}

div.where a {
  color: #2FACE3;
  word-spacing: 0;
  text-decoration: underline;
}

div.where a:hover {
  text-decoration: none;
}

div.lang {
  width: 240px;
}

.bord {
  background-image: url(../images/langbg.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 15px;
}

div.lang a {
  color: #444F56;
  display: block;
  padding: 2px 0 2px 10px;
  margin: 0 5px 0 5px;
  text-decoration: underline;
}

div.lang a:hover {
  text-decoration: none;
}

div#body {
  width: auto;
  padding: 20px 0 14px 24px;
  min-height: 400px;
  background-image: url(../images/bgbody.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

* html div#body {
  height: 400px;
}

div#left {
  width: 570px;
}

div#left h2 {
  color: #2FACE3;
  font-family: 'Verdana', sans-serif;
  font-weight: bold;
  margin: 5px 0 5px 0;
  padding: 0;
  font-size: 13pt;
  letter-spacing: -1px;
}

div#left p {
  margin: 0;
  padding: 6px 0 6px 0;
  line-height: 1.5em;
  text-align: justify;
}

div#left p a {
  color: #2FACE3;
  text-decoration: underline;
}

div#left p a:hover {
  text-decoration: none;
}

div#leftcenik {
  width: 312px;
}

div#leftcenik h2 {
  color: #2FACE3;
  font-family: 'Verdana', sans-serif;
  font-weight: bold;
  margin: 5px 0 5px 0;
  padding: 0;
  font-size: 13pt;
  letter-spacing: -1px;
}

div#leftcenik p {
  margin: 0;
  padding: 6px 0 6px 0;
  line-height: 1.5em;
  text-align: justify;
}

div#leftcenik p a {
  color: #2FACE3;
  text-decoration: underline;
}

div#leftcenik p a:hover {
  text-decoration: none;
}

div#leftreg {
  width: 372px;
}

div#leftreg h2 {
  color: #2FACE3;
  font-family: 'Verdana', sans-serif;
  font-weight: bold;
  margin: 5px 0 5px 0;
  padding: 0;
  font-size: 13pt;
  letter-spacing: -1px;
}

div#leftreg p {
  margin: 0;
  padding: 6px 0 6px 0;
  line-height: 1.5em;
  text-align: justify;
}

div#leftreg p a {
  color: #2FACE3;
  text-decoration: underline;
}

div#leftreg p a:hover {
  text-decoration: none;
}

div#center {
  width: 242px;
  margin: 0 0 0 18px;
}

div#centerreg {
  width: 180px;
  margin: 0 0 0 18px;
  padding: 35px 0 0 0;
}

div#centerreg p {
  padding: 5px 0 5px 0;
  margin: 0;
}

div.box {
  width: 570px;
  padding: 15px 0 20px 0;
}

div.box .top {
  width: 570px;
  height: 14px;
  font-size: 0;
  line-height: 0;
  background-image: url(../images/topbox.gif);
  background-position: center bottom;
  background-repeat: no-repeat; 
}

div.box .cen {
  width: auto;
  padding: 0 15px;
  color: #65727A;
  font-size: 9pt;
  background-color: #E5EAEC;
}

div.box .cen p {
  line-height: 1.4em;
}

div.box .bot {
  width: 570px;
  height: 14px;
  font-size: 0;
  line-height: 0;
  background-image: url(../images/botbox.gif);
  background-position: center top;
  background-repeat: no-repeat; 
}

div.boxmini {
  width: 312px;
  padding: 15px 0 20px 0;
}

div.boxmini .top {
  width: 312px;
  height: 14px;
  font-size: 0;
  line-height: 0;
  background-image: url(../images/topboxmini.gif);
  background-position: center bottom;
  background-repeat: no-repeat; 
}

div.boxmini .cen {
  width: auto;
  padding: 0 15px;
  color: #65727A;
  font-size: 9pt;
  background-color: #E5EAEC;
}

div#leftcenik div.boxmini .cen p {
  padding: 0;
  line-height: 1.4em;
}

div.boxmini .bot {
  width: 312px;
  height: 14px;
  font-size: 0;
  line-height: 0;
  background-image: url(../images/botboxmini.gif);
  background-position: center top;
  background-repeat: no-repeat; 
}

div#right {
  width: 184px;
  padding: 12px 0 0 0;
}

div.new {
  width: auto;
  font-size: 7.5pt;
  padding: 0 30px 15px 0;
  margin: 0 0 15px 0;
  background-image: url(../images/new.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}

div.new span.datum {
  display: block;
  background-image: url(../images/datum.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 0 0 15px;
  margin: 0 0 5px 0;
  color: #8F9EA7;
}

div.new p {
  margin: 0;
  padding: 4px 0 4px 0;
  line-height: 1.3em;
}

div.new strong {
  color: #2FACE3;
  display: block;
}

div.new a {
  color: #2FACE3;
  text-decoration: underline;
}

div.new a:hover {
  text-decoration: none;
}

.vice {
  display: block;
  background-image: url(../images/msg.gif);
  background-position: left center;
  background-repeat: no-repeat;
  margin: 4px 0 0 0;
  padding: 0 0 7px 20px;
}

div#foot {
  width: auto;
  height: 100px;
  background-image: url(../images/foot.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

div#copy {
  width: 340px;
  letter-spacing: 1px;
  padding: 22px 0 0 22px;
}

div#copy a {
  color: #2FACE3;
  text-decoration: underline;
}

div#copy a.text {
  color:#65727A;
  text-decoration: none;
}
div#copy a.text:hover {
  text-decoration: underline;
}

div#copy a:hover {
  text-decoration: none;
}

div#footmenu {
  width: 340px;
  padding: 22px 0 0 0;
  word-spacing: 10px;
}

div#footmenu a {
  color: #65727A;
  word-spacing: 0;
  text-decoration: underline;
}

div#footmenu a:hover {
  text-decoration: none;
}

div.box_mini {
  width: 242px;
  height: 94px;
  margin: 0 0 6px 0;
  background-image: url(../images/box_mini.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

div.box_mini h3, div.box_stand h3, div.box_profi h3, div.box_dns h3 {
  margin: 0;
  padding: 14px 0 0 15px;
  color: white;
  font-family: 'Arial';
  font-size: 11pt;
}

div.box_mini p {
  color: #FFF668;
  font-size: 7.5pt;
  font-weight: bold;
  padding: 6px 85px 0 15px;
  margin: 0;
  line-height: 1.2em;
  text-align: justify;
}

div.box_stand p {
  color: #CFFF92;
  font-size: 7.5pt;
  font-weight: bold;
  padding: 6px 85px 0 15px;
  margin: 0;
  line-height: 1.2em;
  text-align: justify;
}
div .box_mini h3 a{color: #D88800;}
div .box_stand h3 a{color:#608400; }
div .box_profi h3 a{color: #0186D1;}
div .box_dns h3 {color:#949DA1; }
div.box_profi p {
  color: #90F1FF;
  font-size: 7.5pt;
  font-weight: bold;
  padding: 6px 85px 0 15px;
  margin: 0;
  line-height: 1.2em;
  text-align: justify;
}

div.box_dns p {
  color: #E3E7E9;
  visibility: hidden;
  font-size: 7.5pt;
  font-weight: bold;
  padding: 6px 85px 0 15px;
  margin: 0;
  line-height: 1.2em;
  text-align: justify;
}

div.box_mini span.cena, div.box_stand span.cena, div.box_profi span.cena, div.box_dns span.cena {
  color: white;
  font-size: 8pt;
  padding: 0 4px 0 0;
  line-height: 2.3em;
  display: block;
}

div.box_mini span.czk {
  font-size: 16pt;
  display: block;
  font-weight: bold;
  padding: 0 10px 0 0;
  letter-spacing: -1px;
  font-family: 'Arial';
  color: #FFF668;
}

div.box_stand span.czk {
  font-size: 16pt;
  display: block;
  font-weight: bold;
  padding: 0 10px 0 0;
  letter-spacing: -1px;
  font-family: 'Arial';
  color: #CFFF92;
}

div.box_profi span.czk {
  font-size: 16pt;
  display: block;
  font-weight: bold;
  padding: 0 10px 0 0;
  letter-spacing: -1px;
  font-family: 'Arial';
  color: #90F1FF;
}

div.box_dns span.czk {
  font-size: 16pt;
  display: block;
  font-weight: bold;
  padding: 0 10px 0 0;
  letter-spacing: -1px;
  font-family: 'Arial';
  color: #E3E7E9;
}

div.box_stand {
  width: 242px;
  height: 94px;
  margin: 0 0 6px 0;
  background-image: url(../images/box_stand.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

div.box_profi {
  width: 242px;
  height: 94px;
  margin: 0 0 6px 0;
  background-image: url(../images/box_profi.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

div.box_dns {
  width: 242px;
  height: 94px;
  margin: 0 0 6px 0;
  background-image: url(../images/box_dns.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

div.z5 {
  margin: 0 0 10px 0;
  width: 178px;
  height: 59px;
  background-image: url(../images/z5.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

div.z5 a.zpet, a.next {
  display: block;
  color: white;
  padding: 5px 0 7px 30px;
  font-weight: bold;
  font-size: 11pt;
  text-decoration: none;
}

div.z5 a.zpet:hover {
  color: #A5B2B9;
}

div.z5 a.next:hover {
  color: #F1A414;
}

div#regform {
  margin: 10px 0 0 0;
  width: 372px;
  height: 314px;
  background-image: url(../images/form.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

div#regform table {
  margin: 0;
  color: #444F56;
  width: 340px;
}

div#regform table td {
  padding: 5px 0 5px 0;
}

div#regform table td.mp {
  padding: 5px 6px 5px 0;
}

div#regform form {
  margin: 0;
  padding: 36px 0 0 10px;
}

div#regform form select {
  background-color: #C6D3DB;
  color: #333333;
  font-size: 8pt;
  width: 50px;
  border-top: 1px #75736E solid;
  border-bottom: 1px #F2F0EE solid;
  border-left: 1px #75736E solid;
  border-right: 1px #F2F0EE solid;
}

div#regform form input.nonormal, input.normal {
  background-color: #C6D3DB;
  padding: 0 2px 0 2px;
  height: 16px;
  font-size: 8pt;
  border-top: 1px #75736E solid;
  border-bottom: 1px #F2F0EE solid;
  border-left: 1px #75736E solid;
  border-right: 1px #F2F0EE solid;
}

div#regform form input.normal {
  width: 240px;
}

div#regform form input.nonormal {
  width: 180px;
}

div#overform {
  width: 372px;
  height: 104px;
  background-image: url(../images/overeni.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

div#overform table {
  font-size: 8pt;
  color: white;
}

div#overform form {
  padding: 25px 0 0 10px;
}

div#overform form select {
  background-color: #C6D3DB;
  color: #333333;
  font-size: 8pt;
  width: 48px;
  border-top: 1px #75736E solid;
  border-bottom: 1px #F2F0EE solid;
  border-left: 1px #75736E solid;
  border-right: 1px #F2F0EE solid;
}

div#overform form input.normal {
  background-color: #C6D3DB;
  padding: 0 2px 0 2px;
  height: 16px;
  font-size: 8pt;
  width: 180px;
  border-top: 1px #75736E solid;
  border-bottom: 1px #F2F0EE solid;
  border-left: 1px #75736E solid;
  border-right: 1px #F2F0EE solid;
}

div#overform form input.subm {
  width: 54px;
  height: 18px;
  border-style: none;
  background-image: url(../images/submit.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

div#kontaktform {
  margin: 10px 0 0 0;
  width: 570px;
  height: 242px;
  background-image: url(../images/kontakt.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

div#kontaktform form input.normal {
  background-color: #C6D3DB;
  padding: 0 2px 0 2px;
  height: 16px;
  font-size: 8pt;
  width: 180px;
  border-top: 1px #75736E solid;
  border-bottom: 1px #F2F0EE solid;
  border-left: 1px #75736E solid;
  border-right: 1px #F2F0EE solid;
}

div#kontaktform form textarea.text {
  background-color: #C6D3DB;
  padding: 0 2px 0 2px;
  height: 102px;
  font-size: 8pt;
  width: 274px;
  border-top: 1px #75736E solid;
  border-bottom: 1px #F2F0EE solid;
  border-left: 1px #75736E solid;
  border-right: 1px #F2F0EE solid;
}

div#kontaktform form input.subm {
  width: 54px;
  height: 18px;
  border-style: none;
  background-image: url(../images/odeslat.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

div#kontaktform table {
  font-size: 8pt;
  color: #444F56;
}

div#kontaktform form {
  padding: 28px 0 0 15px;
}

.wl {
  background-image: url(../images/wl.gif);
  background-position: center center;
  background-repeat: repeat-x;
  font-size: 0;
  line-height: 0;
  padding: 10px 0 10px 0;
}

div.pravo {
  font-size: 8pt;
  width: 260px;
}

div.num {
  width: 250px;
  padding: 0 0 0 10px;
}

table.numbers {
  margin: 5px 0 0 0;
  width: 168px;
  font-size: 8pt;
}

.fl { float: left; }
.flpart{margin-left: 20px;}
.flpart a{color: #2FACE3;}
.fr { float: right; }
.l { text-align: left; }
.r { text-align: right; }
.j { text-align: justify; }
.c { text-align: center; }
.blue { color: #2FACE3; }
.pt7 { font-size: 7.5pt; }
.gray { color: #444F56; }
.clear { clear: both; margin: 0; padding: 0; line-height: 0; font-size: 0; }

#zazij {
  padding-left: 8px;
}
#zazij img {
  border: 0px;
}