/* --- css stylesheet --- */
/* --- global --- */
html , html * , body , body * {
  font-size: 12px;
  line-height: 20px;
  font-family: "arial ce", arial, "tahoma ce", tahoma, "helvetica ce", helvetica, sans-serif;
}
html {
  background: repeat left top url('../pics/body_bg.gif') #48535A;
}
body {
  margin: auto;
  padding: 0px;
  color: #48535A;
  text-align: center;
  position: relative;
  width: 958px;
}
img {
  border: 0px none;
}
a {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
form {
  padding: 0px;
  margin: 0px;
}
p {
  margin: 0px;
}
ul {
  margin: 0px;
  padding: 0px;
}
ol {
  margin: 0px;
  padding: 0px;
}
li {
  margin: 0px;
  padding: 0px;
}
h1 , h2 , h3 , h4 , h5 , h6 {
  padding: 0px;
  margin: 0px;
  color: #48535A;
  font-weight: normal;
}
h1 {
}
h1 , h1 * {
  font-size: 31px;
  line-height: 33px;
  color: #FFFFFF;
  position: absolute;
  top: 159px;
  left: 266px;
  text-transform: uppercase;
}
h2 , h2 * {
  font-size: 28px;
  line-height: 30px;
  padding-bottom: 20px;
}
h2.sluzby {color: #80C242;}
h2.vybaveni {color: #F7931D;}
h2.klienti {color: #80C242;}
h2.kontakty {color: #1879C3;}
h2.klienti {color: #ED0177;}
h3 , h3 * {
  font-size: 17px;
}
h3.kontakty {
  color: #1879C3;
}
h4 {
}
h4 , h4 * {
}
h5 {
}
h5 , h5 * {
}
h6 {
}
h6 , h6 * {
}
table {
  border: 0px none;
  border-collapse: collapse;
}
/* --- common --- */
.clear , .f-c {
  float: none !important;
  clear: both !important;
  font-size: 0px !important;
  line-height: 0px !important;
  height: 0px !important;
  width: 0px !important;
  overflow: hidden !important;
  padding: 0px !important;
  margin: 0px !important;
}
.float-left {float: left !important;}
.float-right {float: right !important;}
.align-left {text-align: left !important;}
.align-center {text-align: center !important;}
.align-right {text-align: right !important;}
.align-top {vertical-align: top !important;}
.align-middle {vertical-align: middle !important;}
.align-bottom {vertical-align: bottom !important;}
.error , .error * {
  color: #FF0000 !important;
}
.hidden {display: none;}
.block {display: block;}
.print {display: none;}
.invisible {visibility: hidden;}

/* --- mask --- */
div.web-all {
  width: 958px;
  margin: auto;
  text-align: left;
  padding-top: 14px;
}
div.web-top {
  margin-bottom: 3px;
  text-align: right;
}
div.logo {
  float: left;
  width: 208px;
  padding: 11px 2px 0px 0px;
}
div.web-top-top {
  float: right;
  width: 640px;
  padding-right: 108px;
  text-align: right;
}
div.top-flash {
  display: block;
  position: absolute;
  top: -230px;
  right: 51px;
}
div.top-menu {
  float: right;
  width: 745px;
  height: 64px;
  position: relative;
}
div.top-menu ul li {
  list-style-type: none;
  float: left;
}
div.top-menu ul li a {
  float: left;
  display: block;
  width: 121px;
  height: 38px;
  text-align: left;
  padding: 11px 0px 0px 15px;
  position: absolute;
  top: 15px;
  text-decoration: none;
  line-height: 14px;
}
div.top-menu ul li a.o-nas {background: no-repeat left top url('../pics/menu/bg_onas_off.gif'); width: 145px; padding-left: 31px; left: -1px;}
div.top-menu ul li a.sluzby {background: no-repeat left top url('../pics/menu/bg_sluzby_off.gif'); left: 151px;}
div.top-menu ul li a.vybaveni {background: no-repeat left top url('../pics/menu/bg_vybaveni_off.gif'); left: 287px;}
div.top-menu ul li a.klienti {background: no-repeat left top url('../pics/menu/bg_klienti_off.gif'); left: 423px;}
div.top-menu ul li a.kontakty {background: no-repeat left top url('../pics/menu/bg_kontakty_off.gif'); left: 559px; width: 138px;}

div.top-menu ul li a.o-nas:hover, div.top-menu ul li a.o-nas_active {
  background: no-repeat left top url('../pics/menu/bg_onas_on.gif');
  width: 144px;
  left: -2px;
  margin-left: 0px;
  height: 48px;
  padding: 11px 0px 0px 32px;
  top: 5px;
}
div.top-menu ul li a.sluzby:hover, div.top-menu ul li a.sluzby_active {
  background: no-repeat left top url('../pics/menu/bg_sluzby_on.gif');
  left: 134px;
  width: 121px;
  height: 48px;
  padding: 11px 0px 0px 32px;
  top: 5px;
}
div.top-menu ul li a.vybaveni:hover, div.top-menu ul li a.vybaveni_active {
  background: no-repeat left top url('../pics/menu/bg_vybaveni_on.gif');
  left: 270px;
  width: 121px;
  height: 48px;
  padding: 11px 0px 0px 32px;
  top: 5px;
}
div.top-menu ul li a.klienti:hover, div.top-menu ul li a.klienti_active {
  background: no-repeat left top url('../pics/menu/bg_klienti_on.gif');
  left: 406px;
  width: 121px;
  height: 48px;
  padding: 11px 0px 0px 32px;
  top: 5px;
}
div.top-menu ul li a.kontakty:hover, div.top-menu ul li a.kontakty_active {
  background: no-repeat left top url('../pics/menu/bg_kontakty_on.gif');
  width: 156px;
  left: 542px;
  height: 48px;
  padding: 11px 0px 0px 32px;
  top: 5px;
}

div.top-menu ul li a span {
  font-size: 11px;
  line-height: 11px;
  display: block;
  padding: 2px 0px 0px 2px;
}
div.top-menu ul li a.o-nas span, div.top-menu ul li a.o-nas_active span {color: #99E4F5;}
div.top-menu ul li a.sluzby span, div.top-menu ul li a.sluzby_active span {color: #CCE7B3;}
div.top-menu ul li a.vybaveni span, div.top-menu ul li a.vybaveni_active span {color: #FCD4A5;}
div.top-menu ul li a.klienti span, div.top-menu ul li a.klienti_active span {color: #F899C9;}
div.top-menu ul li a.kontakty span, div.top-menu ul li a.kontakty_active span {color: #A3C9E7;}

div.header {
  height: 131px;
  margin-right: 20px;
}
div.header img {
  margin: 48px 98px 0px 78px;
}
div.header div.right-corners {
  height: 131px;
  width: 20px;
  float: right;
}
#header_onas {background: no-repeat left top url('../pics/corners/header-left-onas.gif') #00BBE5;}
#header_onas div.right-corners {background: no-repeat left top url('../pics/corners/header-right-onas.gif');}
#header_sluzby {background: no-repeat left top url('../pics/corners/header-left-sluzby.gif') #80C242;}
#header_sluzby div.right-corners {background: no-repeat left top url('../pics/corners/header-right-sluzby.gif');}
#header_vybaveni {background: no-repeat left top url('../pics/corners/header-left-vybaveni.gif') #F7931D;}
#header_vybaveni div.right-corners {background: no-repeat left top url('../pics/corners/header-right-vybaveni.gif');}
#header_klienti {background: no-repeat left top url('../pics/corners/header-left-klienti.gif') #ED0177;}
#header_klienti div.right-corners {background: no-repeat left top url('../pics/corners/header-right-klienti.gif');}
#header_kontakty {background: no-repeat left top url('../pics/corners/header-left-kontakty.gif') #1879C3;}
#header_kontakty div.right-corners {background: no-repeat left top url('../pics/corners/header-right-kontakty.gif');}

div.flash {
  position: absolute;
  width: 731px;
  top: -1px;
}
#content_onas div.flash {background: no-repeat left top url('../pics/bg_flash_onas.gif');}
#content_sluzby div.flash {background: no-repeat left top url('../pics/bg_flash_sluzby.gif') #FFFFFF;}
#content_vybaveni div.flash {background: no-repeat left top url('../pics/bg_flash_vybaveni.gif') #FFFFFF;}
#content_klienti div.flash {background: no-repeat left top url('../pics/bg_flash_klienti.gif') #FFFFFF;}
#content_kontakty div.flash {background: no-repeat left top url('../pics/bg_flash_kontakty.gif') #FFFFFF;}

div.flash img {
  display: block;
}
div.left-menu {
  width: 247px;
  position: absolute;
  padding-top: 44px;
}
div.left-menu ul {
  padding: 0px 0px 20px 0px;
}
div.left-menu ul li {
  list-style-type: none;
  padding: 0px 8px 0px 0px;
}
div.left-menu ul li a {
  line-height: 30px;
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  width: 211px;
  padding: 0px 8px 0px 20px;
}
div.left-menu ul li a span {
  line-height: 30px;
  display: block;
  padding: 0px 8px 0px 8px;
}
div.left-menu ul li a:hover, div.left-menu ul li a.active {
  text-decoration: none;
  color: #FFFFFF;
  background: no-repeat left center url('../pics/corners/left-menu-active.gif');
}
#left_menu_onas {background: no-repeat left bottom url('../pics/corners/left-menu-onas.gif') #00BBE5;}
#left_menu_sluzby {background: no-repeat left bottom url('../pics/corners/left-menu-sluzby.gif') #80C242;}
#left_menu_vybaveni {background: no-repeat left bottom url('../pics/corners/left-menu-vybaveni.gif') #F7931D;}
#left_menu_kontakty {background: no-repeat left bottom url('../pics/corners/left-menu-kontakty.gif') #1879C3;}
#left_menu_klienti {background: no-repeat left bottom url('../pics/corners/left-menu-klienti.gif') #ED0177;}

#left_menu_sluzby ul li a span {border-bottom: 1px solid #A0D171;}
#left_menu_sluzby ul li.first a span {border-top: 1px solid #A0D171;}
#left_menu_vybaveni ul li a span {border-bottom: 1px solid #F9AE56;}
#left_menu_vybaveni ul li.first a span {border-top: 1px solid #F9AE56;}
#left_menu_klienti ul li a span {border-bottom: 1px solid #FE70B7;}
#left_menu_klienti ul li.first a span {border-top: 1px solid #FE70B7;}

div.content {
  width: 731px;
  position: absolute;
  top: 244px;
  left: 227px;
  z-index: 1;
}
div.content-in {
  padding: 178px 41px 25px 41px;
  background: none #FFFFFF;
}
div.content-in ul {
  margin: 0px 0px 0px 18px;
  padding: 0px;
}
div.content-in li {
  margin: 0px;
  padding: 0px;
}
div.content-bottom-corners {
  width: 731px;
  height: 20px;
  background: no-repeat left bottom url('../pics/corners/content-bottom.gif');
}

div.content-in-two-cols {
  background: no-repeat right bottom url('../pics/corners/content-bottom.gif') #FFFFFF;
}
div.content-in-left {
  width: 294px;
  float: left;
  padding: 178px 31px 25px 41px;
  background: none #FFFFFF;
}
div.content-in-right {
  width: 303px;
  float: right;
  padding: 178px 31px 25px 31px;
  background: none #FFFFFF;
}
#content_onas a {color: #00BBE5;}
#content_onas a:hover {color: #00BBE5;}
#content_sluzby a {color: #80C242;}
#content_sluzby a:hover {color: #80C242;}
#content_vybaveni a {color: #F7931D;}
#content_vybaveni a:hover {color: #F7931D;}
#content_kontakty a {color: #1879C3;}
#content_kontakty a:hover {color: #1879C3;}
#content_klienti a {color: #ED0177;}
#content_klienti a:hover {color: #ED0177;}

div.klienti-in {
  float: left;
  width: 216px;
}
div.klienti-in2 {
  float: left;
  width: 314px;
  padding: 0px 10px 0px 0px;
}

div.footer div {
  height: 19px;
  margin: 10px 5px 10px 0px;
  float: right;
  padding: 4px 16px;
  font-size: 11px;
  color: #FFFFFF;
}
div.footer div #footer {
  font-size: 11px;
  color: #FFFFFF;
  text-decoration: none;
}
div.footer div #footer:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
div.footer div.copyright {
  border-right: 1px solid #FFFFFF;
  margin: 10px 0px 10px 0px;
}