/* CSS Document */

img, div, p, span, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, table, tr, td, hr {
  padding:0px;
  margin:0px;
  border:none;
}

h1, h2, h3, h4, h5 {
  font-family:arial,helvetica,sans-serif;
}

a {
  color:#2e1c84;
}

a:hover {
  color:#000000;
}

p {
  position:relative;
  padding:5px 0px 5px 0px;
}

big {
  font-size:110%;
  font-weight:bold;
}

small {
  font-size:87%;
}

table {
  border-collapse:collapse;
}

td {
  vertical-align:top;
}

body {
  padding:0px;
  margin:0px;
  font-family:tahoma,verdana,arial,helvetica,sans-serif;
  font-size:82%;
  text-align:center;
  color:#000000;
  background-image:url('../img/body-bg.gif');
  background-repeat:repeat;
  background-position:top center;
  background-color:#ffffff;
}

/* stranka */

#str {
  position:relative;
  margin:auto;
  width:770px;
  text-align:left;
  background-color:#ffffff;
}

#str h1 {
  position:absolute;
  top:37px;
  left:-23px;
  width:248px;
  height:104px;
  background-image:url('../img/logo.gif');
  background-repeat:no-repeat;
  background-position:center;
  z-index:200;
}

#str h1 a {
  display:block;
  width:100%;
  height:100%;
}

h5#copy {
  position:absolute;
  top:153px;
  left:30px;
  font-size:8pt;
  font-weight:normal;
  color:#cccccc;
}

/* pravy panel */

#str-prava {
  float:right;
  position:relative;
  width:440px;
  padding:30px 40px 40px 0px;
}

#str-prava h2 {
  padding:35px 0px 0px 46px;
  margin:0px 0px 20px 0px;
  font-size:24pt;
  font-weight:normal;
  letter-spacing:-2px;
  color:#00a1c8;
  background-image:url('../img/h2-bg.gif');
  background-position:0px 64px;
  background-repeat:repeat-x;
}

#str-prava h2 span {
  display:block;
  width:100%;
  height:100%;
  background-position:363px 3px;
  background-repeat:no-repeat;
}

#str-prava h2 small {
  font-size:60%;
}

h2.reference {
  padding:0px 0px 0px 46px !important;
  background-position:0px 29px !important;
}

h2.reference span {
  background-image:url('../img/h2-reference-bg.gif');
}

h2.sluzby span {
  background-image:url('../img/h2-sluzby-bg.gif');
}

h2.odkazy span {
  background-image:url('../img/h2-odkazy-bg.gif');
}

h2.kontakt span {
  background-image:url('../img/h2-kontakt-bg.gif');
}

h2.aktuality {
  color:#2d1c84 !important;
  background-image:url('../img/h4-bg.gif') !important;
}

#str-prava h3 {
  padding:15px 0px 7px 0px;
  font-size:140%;
  font-weight:normal;
  letter-spacing:-1px;
  color:#00a1c8;
}

#str-prava h4 {
  padding:10px 0px 0px 0px;
  font-size:120%;
  letter-spacing:-1px;
  color:#000000;
}

/* reference */

.reference-item {
  position:relative;
  width:400px;
  padding:15px 20px 15px 20px;
  margin:15px 0px 15px 0px;
  background-image:url('../img/reference-item-bg.gif');
  background-position:top center;
  background-repeat:repeat-y;
}

.reference-item .bg-top {
  position:absolute;
  top:0px;
  left:0px;
  width:440px;
  height:17px;
  background-image:url('../img/reference-item-top-bg.gif');
  background-position:center top;
  background-repeat:no-repeat;
}

.reference-item .bg-bottom {
  position:absolute;
  bottom:0px;
  left:0px;
  width:440px;
  height:17px;
  background-image:url('../img/reference-item-bottom-bg.gif');
  background-position:center bottom;
  background-repeat:no-repeat;
}

.reference-item table {
  position:relative;
  width:100%;
}

.reference-item table img {
  margin-right:15px;
}

.reference-item table h3 {
  position:relative;
  padding:0px 50px 0px 0px !important;
  font-size:110% !important;
  font-family:tahoma,verdana,sans-serif !important;
  font-weight:bold !important;
  letter-spacing:0.01em !important;
  color:#000000 !important;
}

.reference-item table h3 span {
  position:absolute;
  top:0px;
  right:0px;
  text-align:right;
  font-size:7pt;
  font-weight:normal;
  color:#999999;
}

.reference-item table p {
  padding:5px 0px 0px 0px;
  font-size:95%;
  color:#333333;
}

.filtr {
  padding:0px 0px 10px 0px;
  text-align:right;
}

.filtr input, .filtr select {
  font-size:80%;
}

.listovani {
  margin-top:20px !important;
  text-align:center;
  color:#cccccc;
}

.listovani p, .listovani form, .listovani fieldset {
  display:inline;
  padding:0px;
  margin:0px;
}

.listovani form, .listovani fieldset, .listovani input {
  vertical-align:top;
}

.listovani fieldset p, .listovani strong {
  color:#000000;
}

.listovani input {
  font-size:85%;
}

.listovani a {
  color:#666666;
}

.listovani a:hover {
  text-decoration:none;
}

/* odkazy */

.odkaz {
  position:relative;
  padding-bottom:10px;
  font-size:90%;
}

/* levy panel */

#str-leva {
  position:relative;
  width:186px;
  padding:187px 0px 40px 23px;
  font-size:85%;
}

#str-leva h4 {
  padding:0px 0px 0px 14px;
  margin:0px 0px 10px 0px;
  font-size:14pt;
  font-weight:normal;
  letter-spacing:0px;
  color:#2d1c84;
  background-image:url('../img/h4-bg.gif');
  background-position:0px 17px;
  background-repeat:repeat-x;
}

#str-leva p {
  color:#666666;
}

#str-leva p big {
  font-size:130%;
  font-weight:normal;
  color:#000000;
}

/* menu */

#menu {
  position:relative;
  margin-bottom:30px;
  font-family:arial,helvetica,sans-serif;
}

#menu li {
  position:relative;
  width:186px;
  height:51px;
  list-style-type:none;
}

#menu li a {
  display:block;
  width:100%;
  height:100%;
  font-size:12pt;
  color:#ffffff;
  text-decoration:none;
  background-position:top center;
  background-repeat:no-repeat;
}

#menu li a:hover {
  background-position:bottom center;
}

#menu1 a {
  background-image:url('../img/menu1-btn.gif');
}

#menu2 a {
  background-image:url('../img/menu2-btn.gif');
}

#menu3 a {
  background-image:url('../img/menu3-btn.gif');
}

#menu4 a {
  background-image:url('../img/menu4-btn.gif');
}

#menu li a strong {
  display:block;
  padding:16px 0px 0px 28px;
}

/* doplnky */

.skryt {
  display:none;
}

.spacer {
  border:0px;
  margin:0px;
  padding:0px;
  float:none;
  width:0px;
  height:15px;
  line-height:0px;
  font-size:0px;
}

.cleaner {
  clear:both;
  border:0px;
  margin:0px;
  padding:0px;
  float:none;
  width:0px;
  height:0px;
  line-height:0px;
  font-size:0px;
}

.divider {
  border-top:1px dotted #cccccc;
  margin:30px 0px 5px 0px;
}

/* hlasky */

.chyba-formulare {
  font-size:100%;
  font-weight:bold;
  color:#cc0000;
  padding:15px 15px 15px 15px !important;
  border:3px solid #cc0000;
  margin:15px 0px 15px 0px !important;
  background-color:#ffffff;
}

.uspech-formulare {
  font-size:100%;
  font-weight:bold;
  color:#009900;
  padding:15px 15px 15px 15px !important;
  border:3px solid #009900;
  margin:20px 0px 20px 0px !important;
  background-color:#ffffff;
}

.zvyrazneno {
  background-color:#ffcc66;
}