/* CSS Document */

* {
  margin: 0;
  padding: 0;
  }

/* ---------- body ---------- */

body {
  font-size: small;
  font-family: sans-serif;
  line-height: 1.6em;
  background: #f2eadb url(../images/bg.jpg) top center repeat-x;
  }

/* ---------- stuff ---------- */

a {
  color: #957637;
  }

a:hover {
  color: #456194;
  }

hr {
  display: none;
  }

h2 {
  padding: 0.8em 0 0.3em 0;
  font-size: 1.8em;
  overflow: hidden;
  line-height: 0.9em;
  font-weight: normal;
  color: #466fbd;
  }

h3 {
  padding: 0.6em 0 0.4em 0;
  font-size: 1.4em;
  overflow: hidden;
  line-height: 0.9em;
  font-weight: normal;
  color: #466fbd;
  }

h4 {
  font-size: 1.1em;
  padding: 0.3em 0 0.5em 0.7em;
  }

p {
  padding: 0.6em 0;
  }

strong {
  color: #449000;
  }

.black {
  color: black;
  }

.middle {
  text-align: center;
  display: block;
  margin: 0 auto;
  }

.right {
  text-align: right;
  }



/* ---------- hlavní prvky ---------- */
/* ---------- hlavní prvky ---------- */
/* ---------- hlavní prvky ---------- */

#page {
  width: 770px;
  margin: 0 auto;
  background: white url(../images/bg-page.gif) top left repeat-y;
  }
  
#page-in {
  background: url(../images/bg-column.gif) bottom right no-repeat;
  }

#header {
  height: 180px;
  background: url(../images/bg-header.jpg) top left no-repeat;
  }

#content {
  width: 507px;
  float: left;
  padding: 5px 15px 10px 25px;
  }
#content-inside ol li {
  padding: 10px 0;
  }

#column {
  float: right;
  width: 163px;
  padding: 5px 25px 10px 35px;
  color: #917430;
  }

br.cleaner {
  clear: both;
  height: 1px;
  margin-top: -1px;
  display: block;
  visibility: hidden;
  }



/* ---------- hlavní prvky ---------- */
/* ---------- hlavní prvky ---------- */
/* ---------- hlavní prvky ---------- */


/* ---------- přístupnost ---------- */

#accessibility {
  position: absolute;
  left: -99999px;
  }

/* ---------- header ---------- */

h1 {
  margin: 40px 0 0 10px;
  overflow: hidden;
  }

h1, h1 span, h1 a {
  float: left;
  position: relative;
  width: 260px;
  height: 68px;
  overflow: hidden;
  line-height: 1.2em;
  font-size: 130%;
  color: black;
  }

h1 span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/logo.png) top left no-repeat;
  }

h1 a:hover span {
  cursor: pointer;
  }

/* ---------- nav ---------- */
#nav {
  float: left;
  width: 770px;
  height: 37px;
  background: url(../images/bg.jpg) 0 -145px repeat-x;
  position: relative;
  top: 37px;
  }

#nav li {
  float: left;
  list-style: none;
  width: 200px;
  margin-top: 5px;
  border-right: 1px solid #5c81c8;
  }

#nav li a {
  display: block;
  margin: 0px 2px 0 2px;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  color: white;
  height: 22px;
  }

#nav li a:hover {
  background: #6d8dca;
  color: #ebd8b1;
  cursor: pointer;
  }

#nav li a#active {
  background: #6d8dca;
  cursor: pointer;
  }

#nav li#uvod {
  width: 90px;
  }
  
#nav li#tvorba {
  width: 200px;
  }
  
#nav li#reference {
  width: 110px;
  }
  
#nav li#cenik {
  width: 90px;
  }
  
#nav li#nej {
  width: 165px;
  }
  
#nav li#kontakt {
  width: 110px;
  border: none;
  }

/* ---------- front page content ---------- */

#checklist {
  margin: 10px 0;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  padding: 10px;
  list-style: none;
  }

#checklist ul {
  list-style: none;
  }

#checklist ol {
  padding-left: 30px;
  }

#checklist ul li {
  background: 0 60% no-repeat;
  padding: 3px 0 3px 35px;
  }

#checklist ol li {
  background: 0 60% no-repeat;
  padding: 1px 0;
  }

/* ---------- reference ---------- */

ul#ref {
  list-style: none;
  }

ul#ref img {
  padding: 5px;
  margin: 20px 0 0 0;
  border: 1px solid #d3d3d3;
  background: #fcfbf8;
  }

ul#ref a:hover img {
  border: 1px solid #d9e3f6;
  background: #d9e3f6;
  }

img.ref-big {
  padding: 5px;
  border: 1px solid #d3d3d3;
  margin-bottom: 15px;
  }

img.seo {
  padding: 5px;
  border: 1px solid #d3d3d3;
  }

/* ---------- zbysek nadenik photo ---------- */

img#zbysek {
  padding: 5px;
  margin: 10px 0 0 0;
  border: 1px solid #d3d3d3;
  background: #fcfbf8;
  }

/* ------------------- footer ------------------- */

#footer {
  clear: both;
  height: 40px;
  border-top: 5px solid #f8f5ee;
  background: white url(../images/bg-footer.gif) bottom left no-repeat;
  color: #6b6b6b;
  border-left: 5px solid #f8f5ee;
  border-right: 5px solid #f8f5ee;
  }

#footer p {
  text-align: center;
  }

/* ------------------- cenik ------------------- */

table.cenik {
  width: 100%;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  margin: 5px 0 10px 0;
  }

th {
  font-weight: normal;
  text-align: left;
  background: #e3ecfd;
  padding: 5px 10px;
  width: 70%;
  }

td {
  padding: 5px 10px;
  background: #f7f9fe;

  }

/* ------------------- formular ------------------- */

form {
  padding: 10px 0;
  }

fieldset {
  padding: 10px 20px;
  border: 4px solid #d3d3d3;
  }

legend {
  padding: 0 10px;
  color: #449000;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  font-weight: bold;
  font-size: 110%;
  }

input {
  padding: 2px 0;
  border: 1px solid #d3d3d3;
  }

textarea {
  border: 1px solid #d3d3d3;
  }

#button {
  background: #466fbd;
  color: white;
  padding: 3px;
  }

/* ------------------- contact ------------------- */

ul.contact {
  list-style: none;
  padding: 10px;
  margin: 10px 0;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  }

ul.contact li {
  padding: 1px 0;
  }

#red {
  color: red;
  }

#bottom {
  height: 1px;
  }

#lightbox{
	background-color:#fff;
	padding: 10px;
	border: 5px solid #4e9e07;
	}
#lightboxDetails{
	font-size: 1.1em;
	padding-top: 0.4em;
	margin-top: 0.5em;
	border-top: 1px solid #000;
	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }


#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(../overlay.png); }



/* ------------------- form validation ajax ------------------- */


input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #000;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	padding: 3px 0 3px 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 51px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}


label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0 0 0.8em 0;
}

.field-label span {
  font-style: italic;
  font-weight: normal;
}

.field-widget {

}

.required, .validate-number {
  margin-bottom: 5px;
  }

#signature
  {

  }

p.signature {
  padding: 0 0 0 5px;
  }
  
#links ul {
  list-style: none;
  }
  
#links h3 {
  padding-bottom: 0.8em;
  }