.cols:after, .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
* html .cols, * html .clearfix	{ height:1%; } 
.clearfix	{ display:block; } 
.clearfix, .cols { =zoom:1;}

body {
  margin:0 0 0 0;
  padding:0;
  font:70% trebuchet ms, serif;
  text-align:center;
  background:url(../img/bg.jpg) repeat-x #FAFAFA;
  color:#333;
}
textarea, input, select {
	font-family:trebuchet ms, serif;;
}


/*** default ***/
td, th {
	_font-size /**/:80%;
	padding:0;
}
.transparent, .transparent td {
	border:0!important;
	background:none!important;
}
input.submit {
	font-weight:bold;
	width:auto!important;
	cursor:hand;
	cursor:pointer;
	text-transform:uppercase;
	font-size:90%;
	padding:1px;
}
input.kod {
	width:194px!important;
}
.check {
	width:auto!important;
	border:0;
	margin:0;
	padding:0;
	background:none;
}
a {
  text-decoration:underline;
  font-weight:bold;
}
a:hover {
  text-decoration:none;
}
img {
	border:0;
}
hr {
	border-top:1px solid #999;
	border-bottom:1px solid #eee;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
form {
	margin:0;
	padding:0;
}
input, textarea {
	background:#fff;
	padding:2px;
	border:1px solid #878787;
}
select {
	background:white;
}
label {
	font-weight:bold;
}
input.submit {
  background:#26C1F9;
  color:white;
  font-weight:bold;
  font-size:90%;
  text-transform:uppercase;
  border:1px solid #26C1F9;
}
a.to-home {
	display:block;
	position:absolute;
	top:0;
	z-index:10;
}
a.to-home span {
	display:none;
}
.hidden {
	display:none;
}
p {
	margin:0 0 0 0;
	padding:0 0 15px 0;
}
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.t-center {
	text-align:center!important;
}
.t-left {
	text-align:left!important;
}
.t-right {
	text-align:right!important;
}
.no-float {
	float:none!important;
}
.f-right {
	float:right!important;
}
.f-left {
	float:left!important;
}
img.f-left {
	margin:0 10px 0 0;
}
.small {
	font-size:90%!important;
}
.big {
	font-size:110%!important;
}
.bold {
	font-weight:bold!important;
}
.no-bord {
	border:0!important;
}
.no-r-mg {
	margin-right:0!important;
}
.no-l-mg {
	margin-left:0!important;
}
.no-padd {
	padding:0!important;
}
.no-bold {
	font-weight:normal!important;
}
.no-float {
	float:none!important;
}
.inline {
	display:inline!important;
}
.w-100pro {
	width:100%!important;
}
.v-top {
	vertical-align:top;
}
.v-bott {
	vertical-align:bottom;
}
.red {
	color:red!important;
}
.black {
	color:black!important;
}
.delmsg {
	color:Red!important;
	font-weight:bold;
}
.red-bg {
	background:red!important;
	color:white!important;
	padding:0 5px 0 5px!important;
}
.nowrap {
	white-space:nowrap!important;
}

/*** default define ***/
a.to-home {
  margin:55px 0 0 100px;
	width:215px;
	height:70px;
}
a {
  color:#3397BB;
}
a:hover {
  text-decoration:none;
}
input, textarea {
	background:#fff;
	padding:2px;
}
select {
	background:white;
}
label {
	font-weight:bold;
}
h1 {
	display:none;
}
h2 {
	padding:0 0 0 20px;
  margin:0 0 20px 0;
  color:#FAFAFA;
  font-size:150%;
  font-weight:normal;
}
h3 {
	margin:0 0 10px 0; 
	padding:0;
	font-size:120%;
}
h4 {
	margin:0 0 5px 0; 
	padding:0;
	font-size:120%;
}
h5 {
	margin:0 0 3px 0; 
	padding:0;
	font-size:100%;
}


div.screen {
	width:1000px;
	margin:0 auto 0 auto;
	padding:155px 0 0 0;
	text-align:left;
}
div.head {
  position:absolute;
  top:0;
  width:1000px;
  height:155px;
  background:url(../img/head.jpg) no-repeat;
}
div.page {
  width:870px;
  margin:0 0 0 62px;
  border-top:8px solid #27C1FA;
  padding:12px 0 0 0;
}


/*** menu ***/
ul.menu {
  margin:60px 0 0 444px;
  padding:0;
  width:439px;
}
ul.menu li {
  margin:0 0 0 0;
  padding:13px 0 0 0;
  float:left;
  background:url(../img/menu/bord.jpg) no-repeat 0 13px;
  list-style:none;
}
ul.menu li a {
  display:block;
  margin:0 5px 0 6px;
  height:30px;
}
ul.menu li span {
  display:none;
}
ul.menu li.uvod {
  width:74px;
  background:none;
}
ul.menu li.uvod a {
  background:url(../img/menu/uvod.jpg) no-repeat;
}
ul.menu li.o-nas {
  width:79px;
}
ul.menu li.o-nas a {
  background:url(../img/menu/onas.jpg) no-repeat;
}
ul.menu li.sluzby {
  width:82px;
}
ul.menu li.sluzby a {
  background:url(../img/menu/sluzby.jpg) no-repeat;
}
ul.menu li.reference {
  width:111px;
}
ul.menu li.reference a {
  background:url(../img/menu/reference.jpg) no-repeat;
}
ul.menu li.kontakt {
  width:93px;
}
ul.menu li.kontakt a {
  background:url(../img/menu/kontakt.jpg) no-repeat;
}
ul.menu li a:hover {
  background-position:0 -30px;
}


/*** act ***/
ul.menu li.uvod-act, ul.menu li.o-nas-act, ul.menu li.sluzby-act, ul.menu li.reference-act, ul.menu li.kontakt-act {
  padding:0!important;
  height:95px;
}
ul.menu li.uvod-act {
  background:url(../img/menu/uvod_a.jpg) no-repeat!important;
}
ul.menu li.o-nas-act {
  background:url(../img/menu/onas_a.jpg) no-repeat;
}
ul.menu li.sluzby-act {
  background:url(../img/menu/sluzby_a.jpg) no-repeat;
}
ul.menu li.reference-act {
  background:url(../img/menu/reference_a.jpg) no-repeat;
}
ul.menu li.kontakt-act {
  background:url(../img/menu/kontakt_a.jpg) no-repeat;
}


/*** top icons ***/
div.top-icons {
  width:46px;
  height:12px;
  position:absolute;
  top:14px;
  margin:0 0 0 830px;
}
div.top-icons div.home-ico {
  float:left;
  width:23px;
  background:url(../img/bord_ico.gif) no-repeat right;
  height:12px;
}
div.top-icons div.home-ico a, div.top-icons div.contact-ico a {
  display:block;
  line-height:0;
  font-size:0;
}
div.top-icons div.home-ico a {
  width:11px;
  height:10px;
  background:url(../img/home_ico.gif) no-repeat;
  margin:1px 0 0 0;
}
div.top-icons div.home-ico a:hover {
  background:url(../img/home_ico.gif) no-repeat 0 -10px;
}
div.top-icons div.contact-ico {
  float:right;
  width:23px;
  height:12px;
  text-align:right;
}
div.top-icons div.contact-ico a {
  float:right;
  width:12px;
  height:8px;
  background:url(../img/contact_ico.gif) no-repeat;
  margin:3px 0 0 0;
}
div.top-icons div.contact-ico a:hover {
  background:url(../img/contact_ico.gif) no-repeat 0 -8px;
}


/*** l col ***/
div.l {
  float:left;
  width:538px;
}
div.text {
  width:497px;
  background:url(../img/text_top.jpg) no-repeat top left #FAFAFA;
  margin:0 0 0 40px;
}
div.text-in {
  padding:15px 28px 20px 28px;
  text-align:justify;
}


/*** r col ***/
div.r {
  float:right;
  width:295px;
  padding:0 0 125px 0;
  background:url(../img/panak.jpg) no-repeat bottom left;
}
div.r-box {
  width:255px;
  padding:0 0 0 0;
  background:#FAFAFA;
  margin:0 40px 0 0;
}
div.r-box-in, div.home-box-in {
  padding:0 14px 20px 14px;
}
div.r-box h3, div.home-box h3, div.text-box h3 {
  color:#333;
  font-weight:normal;
  font-size:150%;
  padding:15px 30px 0 30px;
  margin:0;
  background:url(../img/r_box_top.jpg) no-repeat bottom;
  min-height:30px;
  _height:30px;
  text-align:center;
}


/*** home **/
div.full-box {
  background:url(../img/full_box_top.jpg) no-repeat top left #FAFAFA;
  margin:0 40px 0 40px;
}
div.full-box-in {
  padding:15px 0 0 28px;
}
div.full-box-in img {
  margin:0 0 0 20px;
}
div.full-box-bott {
  height:5px;
  line-height:0;
  font-size:0;
  background:url(../img/full_box_bott.gif) no-repeat;
  margin:0 40px 0 40px;
}
div.home-boxy {
  margin:0 40px 20px 40px;
}
div.home-box {
  float:left;
  margin:0 38px 0 0;
  width:238px;
  background:url(../img/home_box_top.jpg) no-repeat top;
}
div.home-box h3, div.text-box h3 {
  padding:15px 27px 0 54px;
  background:none;
  text-align:left;
  color:#3397BB;
}
div.home-box .vice {
  padding:0 0 0 0;
  text-align:right;
}
div.home-box ul {
  height:180px;
  margin:0;
}

h3.static-ico {
  background:url(../img/static_ico.gif) no-repeat 31px 19px!important;
}
h3.dynamic-ico {
  background:url(../img/dynamic_ico.gif) no-repeat 31px 19px!important;
}
h3.shop-ico {
  background:url(../img/shop_ico.gif) no-repeat 31px 20px!important;
}


/*** sluzby ***/
div.text-box {
  margin:0 0 15px 0;
  background:url(../img/text_box_top.jpg) no-repeat top;
}
div.text-box h3 {
  padding-left:34px;
  margin:0 0 10px 0;
}
div.text-box h3.static-ico {
  background:url(../img/static_ico.gif) no-repeat 15px 19px!important;
}
div.text-box h3.dynamic-ico {
  background:url(../img/dynamic_ico.gif) no-repeat 15px 19px!important;
}
div.text-box h3.shop-ico {
  background:url(../img/shop_ico.gif) no-repeat 15px 20px!important;
}
div.text-box h3.other-ico {
  background:url(../img/other_ico.gif) no-repeat 15px 19px!important;
  margin:0;
}

div.text-box h3.no-ico {
  padding-left:15px;
  color:#333;
}



/*** reference ***/
div.reference-box {
  margin:0 0 30px 0;
  padding:0 0 15px 0;
  border-bottom:1px solid #e5e5e5;
}
div.reference-box div.ref-img {
  float:left;
  margin:0 15px 0 0;
  width:260px;
  background:url(../img/reference/bg.jpg) no-repeat top;
}
div.reference-box img {
  margin:8px 0 0 9px;
  border:1px solid #ccc;
  display:block;
}
div.reference-box h3 {
  font-size:160%;
  color:#3397BB;
  padding:15px 0 15px 0;
  margin:0;
  font-weight:normal;
  text-align:center;
}
div.reference-box p {
  background:url(../img/shadow.jpg) no-repeat top left;
  margin:0 0 0 275px;
  padding:17px 0 0 0;
  text-align:center;
}

/*** loga ***/
div.loga {
  height:149px;
  background:url(../img/loga_bg.jpg) repeat-x;
}
div.loga-in {
  width:1000px;
  margin:0 auto 0 auto;
  height:149px;
  background:url(../img/loga.jpg) no-repeat;
}


/*** ul def ***/
ul.def {
  margin:0 0 15px 0;
  padding:0;
}
ul.def li {
  margin:0 0 0 0;
  padding:10px 20px 8px 35px;
  background:url(../img/li_bg.jpg) no-repeat left top;
  list-style:none;
}



/*** table1 ***/
table.table1 {
	width:558px;
	width:100%;
	border-collapse:separate;
}
table.table1 th, table.table1 td {
	padding:5px 10px 5px 10px;
}
table.table1 th {
	background:#fff;
	white-space:nowrap;
	border-left:6px solid #EBC040;
	width:120px;
	font-size:90%;
	text-transform:uppercase;
	vertical-align:top;
	padding-top:10px;
}
table.table1 thead th {
	background:#ccc;
	padding:0 10px 0 10px;
	text-align:center;
	font-weight:normal;
	font-size:90%;
	border:1px solid #999;
	white-space:nowrap;
	width:auto;
	text-transform:none;
}
table.table1 td {
	border:1px solid #e5e5e5;
}
table.table1 input {
	width:97%;
}
table.table1 textarea {
	width:97%;
	height:100px;
}


/*** hlasky a chyby ***/
tr.formerror label {
	color:red!important;
}
tr.formerror input, tr.formerror textarea {
	border:1px solid red!important;
}
.err {
	background:red;
	color:white;
	padding:4px;
	text-align:center;
	font-weight:bold;
	margin:1px 0 5px 0;
}
.ok {
	background:green;
	color:white;
	padding:4px;
	text-align:center;
	font-weight:bold;
	margin:0 0 5px 0;
}




/* hlink */

div#hlink {
	text-align: center;
	margin: 0;
	padding:7px 0 7px 0;
	font-size: 90%;
	line-height:19px;
}
div#hlink ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
div#hlink li {
	list-style: none!important;
	background-image: none!important;
	display: inline;
	padding: 0 3px;
}
div#hlink li a {
	font-weight:normal;
	color:#aaa;
}