/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, menu, ul, ol, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
blockquote, p, pre {
  margin:1em 0;
}
dt {
  margin:1em 0 0 0;
}
dd {
  padding:0 0 0 2.5em;
}
abbr, acronym, pre, code, kbd, samp, tt, del, ins, q {
  font-style:normal;
  font-weight:normal;
}
blockquote, cite, q, dfn, em, var, address {
  font-style:italic;
  font-weight:normal;
}
address {
  font-style:normal;
}
strong, b {
  font-style:normal;
  font-weight:bold;
}
strong em {
  font-style:normal;
  font-weight:bold;
}
body {
  line-height:1;
}
menu, ul, ol {
  margin:1em auto 1em 2.5em;
}
blockquote, q {
  quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content:"";
  content:none;
}
abbr, acronym {
  text-decoration:none;
  font-variant:normal;
  cursor:help;
  border-bottom:1px dashed;
}
ins {
  text-decoration:underline;
}
del {
  text-decoration:line-through;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
label {
  cursor:pointer;
}

/* Repairing the table bug */
img, td img {
  vertical-align:middle;
}


/* LINKS */
a:link, a:visited {
  color:#b0dcef;
  text-decoration:underline;
}
a:hover, a:focus, a:active {
  text-decoration:none;
}


/* LAYOUT */
html, body {
height: 100%;
}
body {
  text-align:center;
  font-family:Verdana, "Geneva CE", lucida, Tahoma, "Lucida Grande CE", lucida, sans-serif;
  font-size:62.5%;
  line-height:1.5;
  min-width:960px;
  height:100%;
  margin:0;
  padding:0;
  color:#000;
}
#section {
  text-align:center;
  width:100%;
  min-height:100%;
  height:100%;
  position:relative;
  background:#015a83;
}
body>#section {
  height:auto;
}


/* HEADER */
#sky {
  text-align:center;
  font-family: Arial, sans-serif;
  font-size:120%;
  word-spacing:1px;
  letter-spacing:1px;
  color:#fff;
  background:#fff url("../graphics/header.png") repeat-x center top;
}
#sky-content {
  text-align:left;
  width:960px;
  height:120px;
  overflow:hidden;
  margin:0 auto;
  background:url("../graphics/header-content.png") no-repeat center top;
}

#waves {
  text-align:center;
  font-family: Arial, sans-serif;
  font-size:120%;
  word-spacing:1px;
  letter-spacing:1px;
  color:#fff;
  background:#1777a5 url("../graphics/header.png") repeat-x center -120px;
}
#waves-content {
  text-align:left;
  width:960px;
  overflow:hidden;
  margin:0 auto;
  background:url("../graphics/header-content.png") no-repeat center -120px;
}

#keywords {
  text-align:right;
  color:#009ee0;
}
#keywords strong {
  display:inline;
  float:right;
  margin:50px 100px 0 0;
  font-weight:normal;
}
#keywords:first-letter {
  text-transform:lowercase;
}

menu {
  list-style:none;
  margin:45px 0 20px 0;
  padding:0 0 20px 0;
  display:block;
  float:left;
  clear:both;
  background:url("../graphics/line.png") no-repeat left bottom;
}
menu li {
  float:left;
  margin:0 40px 0 0;
}
menu li a {
  text-decoration:none !important;
  text-transform:uppercase;
  font-weight:bold;
  height:14px;
  display:block;
  overflow:hidden;
  position:relative;
  color:#fff !important;
}
menu li a:hover, menu li a:active {
  color:#000 !important;
}
menu li a span {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  cursor:pointer;
}
menu li#uvod a {
  width:34px;
}
menu li#uvod a span {
  background:url("../graphics/menu/uvod.gif") no-repeat left center;
}
menu li#uvod a:hover span, menu li#uvod a#active span {
  background-position:right center;
}
menu li#portfolio a {
  width:72px;
}
menu li#portfolio a span {
  background:url("../graphics/menu/portfolio.gif") no-repeat left center;
}
menu li#portfolio a:hover span, menu li#portfolio a#active span {
  background-position:right center;
}
menu li#klienti a {
  width:52px;
}
menu li#klienti a span {
  background:url("../graphics/menu/klienti.gif") no-repeat left center;
}
menu li#klienti a:hover span, menu li#klienti a#active span {
  background-position:right center;
}
menu li#kontakt a {
  width:60px;
}
menu li#kontakt a span {
  background:url("../graphics/menu/kontakt.gif") no-repeat left center;
}
menu li#kontakt a:hover span, menu li#kontakt a#active span {
  background-position:right center;
}

#description {
  margin:0 0 50px 0;
  padding:0;
  display:block;
  clear:both;
}


/* CONTENT */
#article {
  text-align:center;
  font-size:120%;
  color:#fff;
  background:#015a83 url("../graphics/article.png") repeat-x center top;
}
#article-content {
  text-align:left;
  width:960px;
  margin:0 auto;
  padding:60px 0 130px 0;
  overflow:hidden;
  background:url("../graphics/article-content.png") no-repeat center top;
}


/* FOOTER */
#footer {
  text-align:center;
  font-size:100%;
  width:100%;
  overflow: hidden;
  position: absolute;
  bottom:0;
  left:0;
  color:#fff;
  background:#014361 url("../graphics/footer.png") repeat-x center top;
}
#footer-content {
  text-align:left;
  width:960px;
  margin:0 auto;
  overflow:hidden;
}
#footer-content p {
  text-transform:lowercase;
  padding:20px 0;
}


/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
  font-family:Georgia, "New York CE", utopia, serif;
  line-height:1;
  display:block;
  clear:both;
  margin:1em 0 0 0;
  padding:0;
}
h1 {
  font-size:300%;
  margin:40px 0 0 0;
  padding:0;
  width:172px;
  height:45px;
  float:left;
  clear:none;
  overflow:hidden;
  position:relative;
}
h1 a {
  color:#009ee0 !important;
}
h1 a span {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  cursor:pointer;
  background:url("../graphics/logotypes.png") no-repeat left -675px;
}
h2 {
  font-size:200%;
}
h3 {
  font-size:180%;
}
h4 {
  font-size:160%;
}
h5 {
  font-size:140%;
}
h6 {
  font-size:120%;
}

/* OTHERS */
p {
  text-indent:0em;
}
p:first-letter {
  text-transform:uppercase;
}
.separator {
  display:none;
  clear:both;
}
.display-none {
  display:none;
}
.no-screen {
  position:absolute;
  left:0;
  top:-1000px;
}
.text-align-left {
  text-align:left;
}
.text-align-center  {
  text-align:center;
}
.text-align-right {
  text-align:right;
}
.text-align-justify {
  text-align:justify;
}
.float-left {
  float:left;
}
.float-right {
  float:right;
}
.clear-both {
  clear:both;
}

#slideshow {
  display:block;
  width:505px;
  height:505px;
  margin:0 auto;
  overflow:hidden;
  background:url("../graphics/shadow-large.png") no-repeat right bottom;
}
#slideshow img {
  width:500px;
  height:500px;
}

.reference {
  font-family:Verdana, "Geneva CE", lucida, Tahoma, "Lucida Grande CE", lucida, sans-serif;
  font-size:80%;
  line-height:1.5;
  width:305px;
  height:305px;
  overflow:hidden;
  float:left;
  margin:0 15px 15px 0;
  background:url("../graphics/shadow-small.png") no-repeat right bottom;
}
.reference .reference-images {
  width:300px;
  height:200px;
  float:left;
  overflow:hidden;
  background:#fff url("../graphics/smallloading.gif") no-repeat center center;
}
.reference .reference-description {
  width:260px;
  height:70px;
  float:left;
  overflow:hidden;
  padding:15px 20px;
  background:#246f93;
}
.reference a img {
  display:block;
  float:left;
}


.klienti {
  width:100%;
  clear:both;
}
.klienti td {
  vertical-align:top;
  padding:0 0 65px 0;
}
.klienti td.left {
  width:305px;
  background:url("../graphics/shadow-klient.png") no-repeat left top;
}
.klienti td.right {
  width:655px;
}
.klienti img {
  width:300px;
  height:200px;
}
.klienti blockquote {
  margin:0;
  padding:0 65px 2em 65px;
  clear:both;
}
.klienti cite {
  text-align:right;
  font-style:normal;
  display:block;
  padding:0 65px 2em 65px;
  float:right;
  clear:both;
}

#kontaktdiv {
  width:305px;
  height:205px;
  margin:0 0 40px 0;
  background:url("../graphics/shadow-klient.png") no-repeat left top;
}
#kontaktdivtable {
  width:300px;
  height:200px;
  background:#fff url("../graphics/smallgradient.png") no-repeat center center;
}
#kontakttable {
  width:300px;
  height:120px;
  margin:40px 0;
}
#kontakttable tr td.tdleft {
  text-align:right;
  vertical-align:middle;
  padding:5px 5px 5px 20px;
  color:#10a4e2;
}
#kontakttable tr td.tdright {
  text-align:left;
  vertical-align:middle;
  padding:5px 20px 5px 5px;
  color:#58585a;
}
#kontaktdiv a {
  color:#10a4e2;
}


.striked {
  text-decoration:none !important;
  text-decoration:line-through !important;
  cursor:default !important;
}
.b0dcef {
  color:#b0dcef;
}

#kontaktniformular label {
  display:block;
  padding:5px;
  clear:both;
  cursor:pointer;
}
#kontaktniformular #jmeno, #kontaktniformular #email {
  margin:0 0 1em 0;
  padding:5px;
  width:290px;
  border:0;
  background:url(../graphics/smallgradient.png) no-repeat center center;
}
#kontaktniformular #zprava {
  width:290px;
  height:190px;
  display:block;
  margin:0 0 1em 0;
  padding:5px;
  border:0;
  background:url(../graphics/smallgradient.png) no-repeat center center;
  _background-attachment:fixed;
}