/* CSS Document */
/* KPK System - layout */

@import url(layout-typo.css) screen; 

/********************************************************************* LAYOUT */
body {
  background: #E5E5E5 url('../images/background-base-gradient.png') repeat-x 0 0;
  text-align: center; /* IE5.5 */
}
#page {
  width: 1000px;
  background: url(../images/page-box-nograd.png) repeat-y 0 0;
  margin: auto;  
  text-align: center; /* IE6 */
}
#page-in {
  width: 1000px;
  background: url(../images/page-box.png) no-repeat 0 0;
  text-align: left; /* IE6 */
}
#page-inin {
  width: 960px;
  padding: 0 20px;
}
/************************************* INFO BAR (TOP) */
#info-bar {
  background-color: #D6D6D6;
  height: 35px;
}
#info-bar ul  {
  margin: 0; padding: 0;
  float: right;
}
#info-bar ul li, #footer ul li {
  margin: 0; padding: 0;
  display: inline;
  list-style: none url();
  padding: 0 1em;
  background: url(../images/info-bar-divider.png) no-repeat right center;
}
#info-bar ul li.last, #footer ul li.last, #menu .last {
  background: none;
}
/********************************************* HEADER */
#header {
  width: 940px;
  height: 206px;
  margin: 15px 10px 5px 10px;
}
#header h1 {
  margin: 0;
}
#header a span {
  display: none;
}
#header h1 a {
  display: block;
  width: 940px;
  height: 206px;
  background: url(../images/header.png) no-repeat 0 0;
}
/********************************************* MENU */
#menu {
  border: 1px solid #A0A0A0;
  margin: 0 10px;
  background: #CCC url(../images/menu-background.png) repeat-x 0 0;
  text-align: center; /* IE5.5 */
}
#menu ul {
  margin: 0; padding: 0;
  height: 28px;
  line-height: 28px;
  width: 720px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; /* IE6 */
}
#menu ul li {
  display: inline;
  list-style: none url();
  text-align: center;
  float: left;
  margin: 0; padding: 0;
  background: url(../images/menu-divider.png) no-repeat right center;
}
#menu a {
  width: 115px;
  display: block;
  height: 28px;
  margin: 0 3px 0 2px;
}
#menu a:hover {
  background: url(../images/menu-background-hover.png) repeat-x 0 0;
}
#menu a.active {
  background: url(../images/menu-background-hover.png) repeat-x 0 0;
  font-weight: bold;
}
/********************************************* CONTENT */
#content {
  margin: 25px 15px 15px 15px;
  background: url(../images/content-background.png) repeat-y 0 0;
}

#content-2 {
  margin: 25px 15px 15px 15px;
  background: url(../images/content-background-2.png) repeat-y 0 0;
}
ul {
	margin-left: 1em;
}
ul li {
	padding-left: 0;
	list-style: url(../images/list-item-ico.png);
}
/************************************ 3-column layout */
.column {
  float: left;
  margin-top: -1em;
}
.column .column-in {
  padding: 0 10px;
}
#column-1 {
  width: 320px;
}

#column-2 {
  width: 310px;
}
#column-3 {
  width: 300px;
}
#column-3 .column-in {
  padding-left: 35px;
}

#column-12 {
  width: 630px;
}

/********************************************* 1st column */
#welcome {
  height: 120px;
}
#services div {
  padding-left: 88px;
  height: 80px;
  margin-bottom: 5px;
}
#services div#s1 {
  background: url(../images/ic_1.png) no-repeat 0 0;
}
#services div#s2 {
  background: url(../images/ic_2.png) no-repeat 0 0;
}
#services div#s3 {
  background: url(../images/ic_3.png) no-repeat 0 0;
}
#services div#s4 {
  background: url(../images/ic_4.png) no-repeat 0 0;
}
#services div p {
  font-size: 10px;
}
/********************************************* 2nd column */
#last-ref {
  width: 260px;
  margin: auto;
  text-align: center; /* IE6 */
}
#last-ref .item {
  float: left;
  width: 126px;
  text-align: center;
}
#last-ref .item a, #last-ref .item a:visited,
#last-ref .item a:link, #last-ref .item a:hover {
  color: #7b9ca5;
}

#last-work .item{
  width: 176px;
  float: left;
}
#last-work p {
  padding-top: 26px;
}
#last-work a img, #last-ref a img {
	border: 0;
}

/********************************************* 3rd column */
#aktuality h3, #klienti ul li {
  background: url(../images/aktuality-ico.png) no-repeat left center;
  padding-left: 20px;
  list-style: none url();
}
#klienti ul {
  list-style: none url();
  margin-left: 0;
  padding-left: 0;
}
#klienti li {
  line-height: 2em;
}
#auth-sidebar ul {
	margin-left: 1em;
}
#auth-sidebar ul li {
	padding-left: 1em;
}
#auth-sidebar h3 {
	margin-top: .5em;
}
/********************************************* 12 column */
#column-12 p {
  margin-bottom: 10px;
}

#column-12 div.adresa {
  float: left;
  width: 200px;
}

#column-12 div.mapa {
  float: left;
  width: 400px;
  height: 400px;
}

#column-12 div.spoluprace {
  height: 100px;
  width: 580px;
  clear: both;
}

#column-12 div.spoluprace div.logo {
  float: left;
  width: 120px;
  /*width:100px;height:62px;border:0px;*/
}

#column-12 div.spoluprace div.popis {
  float: left;
  width: 460px;
}

#column-12 div.kontaktni-formular {

}

#column-12 div.kontaktni-formular div.radek {
  clear: both;
}

#column-12 div.kontaktni-formular div.radek div.titulek {
  float: left;
  width: 150px;
  font-weight: bold;
}

#column-12 div.kontaktni-formular div.radek div.polozka {
  float: left;
}
#frmformContact-captcha {
	display:block;
}
form table tr th, form table tr td {
	vertical-align: top;
	text-align: left;
}
form input[type=text], form input[type=password], form textarea, form select {
	border: 1px solid #000;
}

/********************************************* FOOTER */
#footer {
  height: 60px;
  clear: both;
  background: #CCC url(../images/footer-background.png) repeat-x 0 0;
  padding-top: 0px;
}
#footer-in {
  padding-top: 10px;
  height: 50px;
  text-align: center; /* IE5.5 */
  background: url(../images/footer-kpk-logotype.png) no-repeat right bottom;
}
#footer hr {
  width: 98%;
}
#footer ul {
  margin: 0; padding: 0;
  margin-top: 15px;
}
#footer img#kpk-logotype {
  display: none;
}

/********************************************************************* COMMON */
.cl {
  clear: both;
  visibility: hidden;
	margin: 0; padding: 0; border: 0; outline: 0;
	font-size: 0px;

}
.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.left {
  float: left;
  margin-right: 10px;
}
img.left, img.right {
	margin-bottom: 10px;
}
.right {
  float: right;
  margin-left: 10px;
}
a.more {
  float: right;
}
.box1 {
  background: url(../images/image-box.png) no-repeat 0 0;
  width: 126px;
  height: 111px;
}
.box1 img {
  width: 98px;
  height: 83px;
  margin: 14px;
  border: 0;
}
.box2 {
  background: url(../images/image-box2.png) no-repeat 0 0;
  width: 176px;
  height: 100px;
}
.box2 img {
  width: 139px;
  /*height: 95px;*/
  margin:  13px 19px;
}
ul.error {
	color: #F00;
	font-weight: bold;
	background-color: #fee4de;
	border: 2px solid #db0000;
	margin: 0 0 10px 0;
}
ul.error li {
	list-style: none url();
	padding: .5em;
	text-align: center;
}

a.external {
	background: url(../images/external.gif) no-repeat right center;
	padding-right: 13px;
}

/**************************************************************** GOOGLE MAPS */
#mapa1 {
  width: 400px;
  height: 400px;
}

#mapa2 {
  width: 400px;
  height: 400px;
}
#copyright span {
  display: none;
}
/**************************************************************** PAGINATOR */
.paginator {
	margin-top: .5em;
	text-align: center;
}
/**************************************************************** THICKBOX */
#TB_window h2 {
	margin-top: 0;
}
/******************************************************************* AUTH */
#auth table td, #auth table th {
	padding: .3em;
}
#auth table td {
	background-color: #F0F0F0;
}
#auth table th {
	background-color: #F0F0FF;
	text-transform: uppercase;
}
#auth .hc { /* horizontal center */
	text-align: center;
}

a img {
	border: 0px;
}