/*  Martin Svetlik (c) 2008   */

* { margin: 0; padding: 0; border: 0; }
body {
  background: #fff url('./img/bg.jpg') top left repeat-x;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: small;
  line-height: 20px;
}

/* ------------------------------ Vseobecne vlastnosti ---------------------------------*/

#page { width: 907px; padding-top: 31px; }

h2 { font-size: 100%; }
h3 { font-size: 95%; }
a, a:visited { color: inherit; text-decoration: underline; outline: none; }
a:hover, a:focus { text-decoration: none; }

.hidden { display: none; }
.center { text-align: center; }

hr.cleaner {
  clear: both;
  height: 1px;
  margin: -1px 0 0 0; 
  padding: 0;
  border: none;
  visibility: hidden;
}

/* ------------------------------ Horni cast stranky ---------------------------------*/

#up { height: 91px; margin: 0 0 47px 33px; }

/* logo */
#logo {
  position: relative;
  width: 527px;
  height: 91px;
  overflow: hidden;
  background: #fff;
  text-align: center; 
}
#logo span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  width: 527px;
  height: 91px;
  cursor: pointer; 
  background: url('./img/logo.jpg') top left no-repeat;
}
#logo h1 { line-height: 91px; font-size: 290%; font-weight: bold; color: #16649f; text-transform: uppercase; }
#logo h1 em { color: #b8b8b8; }
#logo h1 strong { color: #65bcea; }
#logo h1 a { text-decoration: none; }

/* odkaz na blog */
#blog-link {
  position: relative;
	width: 296px; height: 91px;
  overflow: hidden;
  float: right; 
  text-align: center; 
  display: none;
}
#blog-link span {
  display: block;
  position: absolute; left: 0; top: 0; z-index: 1;
	width: 296px; height: 91px;
  cursor: pointer;
  background: url('./img/blog.jpg') top left no-repeat;
}
#blog-link a { line-height: 91px; font-size: 140%; color: #787878; }
#blog-link a:hover { text-decoration: none; }


/* ------------------------------ Obsahova cast ---------------------------------*/

#cont { width: 874px; color: #16649f; margin: 0 0 0 33px; }
#cont a { color: #16649f; }
#cont p { padding: 0 30px; }
#cont ul { margin: 0 32px; list-style: none; }
#cont ul li { background: url('./img/li.jpg') top left no-repeat; background-position: 0 5px; padding-left: 16px; }

#cont h2 {
  position: relative;
  height: 21px;
  overflow: hidden;
  text-align: left;
  margin: 22px 0 12px 30px;
  font-size: 140%;
  font-weight: normal;
  color: #16649f;
  line-height: 21px;
}
#cont h2 span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  height: 21px;
}

/* -------- Vizitka autora --------*/

#author { 
  width: 527px;
  float: left;
  background: #def1fb url('./boxes/box-1-top.jpg') top left no-repeat;
}
#author h2 { width: 150px; }
#author h2 span { width: 150px; background: url('./titles/author.jpg') top left no-repeat; }

div.author-bottom { height: 21px; background: #f7f6f4 url('./boxes/box-1-bottom.jpg') top left no-repeat; }

/* -------- Kontaktni informace --------*/

#contact { 
  width: 326px;
  float: right;
  background: #fff url('./boxes/box-2-center.jpg') top left repeat-y;
}
#contact h2 { width: 200px; margin-top: -1px; color: #73a2c5; }
#contact h2 span { width: 200px; background: url('./titles/contact.jpg') top left no-repeat; }

#contact h4 {
  position: relative;
  width: 200px;
  height: 21px;
  overflow: hidden;
  text-align: left;
  margin: 25px 0 0 30px;
  font-size: 140%;
  font-weight: normal;
  color: #73a2c5;
  line-height: 21px;
}
#contact h4 span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  width: 200px;
  height: 21px;
  background: url('./titles/coop.jpg') top left no-repeat;
}

#contact img { margin-bottom: 12px; }

div.contact-top { height: 23px; background: #fff url('./boxes/box-2-top.jpg') top left no-repeat; }
div.contact-bottom { height: 21px; background: #fff url('./boxes/box-2-bottom.jpg') top left no-repeat; }


/* ------------------------------ Portfolio ---------------------------------*/

div.ref { background: #fff url('./boxes/ref-idle.jpg') top left no-repeat; height: 244px; padding: 10px 33px; margin-top: 40px; color: #73a2c5; }
div.ref a { color: #73a2c5; }
div.ref.even { background: #fff url('./boxes/ref-even.jpg') top left no-repeat; }

/* -------- Leva cast v. projektu --------*/
.r-left { float: left; width: 527px; }

.r-left h3 {
  position: relative;
  height: 30px;
  overflow: hidden;
  text-align: left;
  font-weight: normal;
  margin-bottom: 12px;
  color: #16649f;
  font-size: 145%;
  line-height: 30px;
}
.r-left h3 span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  height: 30px;
}

/* -------- Nadpisy referenci --------*/

h3#r-scs { width: 270px; }
h3#r-scs span { width: 270px; background: url('./titles/scs.jpg') top left no-repeat; }

h3#r-tovl { width: 130px; }
h3#r-tovl span { width: 130px; background: url('./titles/tovl.jpg') top left no-repeat; }

h3#r-symfonie { width: 190px; }
h3#r-symfonie span { width: 190px; background: url('./titles/symfonie.jpg') top left no-repeat; }

h3#r-stock { width: 120px; }
h3#r-stock span { width: 120px; background: url('./titles/stock.jpg') top left no-repeat; }

h3#r-alzbetin { width: 360px; }
h3#r-alzbetin span { width: 360px; background: url('./titles/alzbetin.jpg') top left no-repeat; }

h3#r-isvetlik { width: 260px; }
h3#r-isvetlik span { width: 260px; background: url('./titles/isvetlik.jpg') top left no-repeat; }

h3#r-rki { width: 250px; }
h3#r-rki span { width: 250px; background: url('./titles/rki.jpg') top left no-repeat; }

h3#r-planstav { width: 115px; }
h3#r-planstav span { width: 115px; background: url('./titles/planstav.jpg') top left no-repeat; }

h3#r-koukal { width: 270px; }
h3#r-koukal span { width: 270px; background: url('./titles/koukal.jpg') top left no-repeat; }

h3#r-zika { width: 262px; }
h3#r-zika span { width: 262px; background: url('./titles/zika.jpg') top left no-repeat; }

h3#r-omr { width: 222px; }
h3#r-omr span { width: 222px; background: url('./titles/oaza.jpg') top left no-repeat; }

h3#r-sicaffe { width: 527px; }
h3#r-sicaffe span { width: 527px; background: url('./titles/sicaffe.jpg') top left no-repeat; }

h3#r-mz { width: 451px; }
h3#r-mz span { width: 451px; background: url('./titles/mz.jpg') top left no-repeat; }

h3#r-iphone { width: 228px; }
h3#r-iphone span { width: 228px; background: url('./titles/iphone.jpg') top left no-repeat; }

h3#r-hd { width: 180px; }
h3#r-hd span { width: 180px; background: url('./titles/hdvur.jpg') top left no-repeat; }

h3#r-cvdmz { width: 400px; }
h3#r-cvdmz span { width: 400px; background: url('./titles/cvdmz.jpg') top left no-repeat; }

h3#r-baz { width: 288px; }
h3#r-baz span { width: 288px; background: url('./titles/bazantnice.jpg') top left no-repeat; }

h3#r-inst { width: 210px; }
h3#r-inst span { width: 210px; background: url('./titles/cermak.jpg') top left no-repeat; }

h3#r-sofo { width: 134px; }
h3#r-sofo span { width: 134px; background: url('./titles/sofo.jpg') top left no-repeat; }

h3#r-ip { width: 128px; }
h3#r-ip span { width: 128px; background: url('./titles/icep.jpg') top left no-repeat; }

h3#r-nem { width: 128px; }
h3#r-nem span { width: 128px; background: url('./titles/newsm.jpg') top left no-repeat; }

.r-left img { border: 1px solid #a5c3da; padding: 7px; }

/* -------- Prava cast v. projektu --------*/
.r-right { float: right; width: 265px; padding-top: 40px; }
.r-right h4 { font-size: 110%; line-height: 30px; }
.r-right ul { list-style: none; }
.r-right ul li { padding-bottom: 2px; }
.r-right ul li.last { padding-top: 15px; }

/* ------------------------------ Paticka ---------------------------------*/

p.rzp { color: #73a2c5; padding-left: 33px; width: 825px; text-align: center; }

#footer { height: 30px; background: #e8e5df url('./img/footer.jpg') top left no-repeat; margin: 30px 0 10px 33px; clear: both; }
#footer p { color: #16649f; line-height: 30px; text-align: center; }
#footer p a { color: #16649f; }

p#mac {
  position: relative;
  width: 90px;
  height: 57px;
  overflow: hidden;
  text-align: center;
  margin: 0 auto 10px;
  color: #cbc7c0;
}
p#mac span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  cursor: pointer;
  width: 90px;
  height: 57px;
  background: url('./img/mac.jpg') top left no-repeat;
}
p#mac em { font-style: normal; }