@charset "UTF-8";
/** _                   _ _ _      _        __       
 * | | ____ _ _ __ ___ (_) | |__  (_)_ __  / _| ___  
 * | |/ / _` | '_ ` _ \| | | '_ \ | | '_ \| |_ / _ \ 
 * |   < (_| | | | | | | | | |_) || | | | |  _| (_) |
 * |_|\_\__,_|_| |_| |_|_|_|_.__(_)_|_| |_|_|  \___/ 
 * 
 * Kamil Burek (kb@kamilb.info)
 * March 2010
 */

/* RESET!
---------------------------------------------------------------------------- */
html, body, div, ul, li, h1, h2, h3, p, fieldset, img, a { margin: 0; padding: 0; border: 0; }
h1, h2, h3 { font-size: inherit; font-weight: inherit; }
a, a:visited, a:hover, a:focus, a:active { color: inherit; text-decoration: none; }

@font-face {
  font-family: 'CandaraRegular';
  src: url('../fn/Candara.eot');
  src: local('Candara Regular'), local('Candara'),
       url('../fn/Candara.woff') format('woff'),
       url('../fn/Candara.ttf') format('truetype');
}

/* BASIC!
---------------------------------------------------------------------------- */
html, body { height: 100%; }
html { background-color: #1c1c1c; font-family: "CandaraRegular", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
body { background: #1c1c1c url("../img/bg.png") 50% 50% repeat; color: #e9deb0; }
#floater { float: left; height: 50%; margin-bottom: -115px; width: 1px; }
#wrapper { background-color: #1c1c1c; clear: both; height: 229px; margin: 0 auto; position: relative; width: 754px; }

#back, #content, #control { position: relative; float: left; height: 227px; }

#back    {  left: 1px; top: 1px; width:  75px; }
#content {  left: 2px; top: 0px; width: 600px; border-collapse: collapse; }
#control { right: 1px; top: 1px; width:  75px; float: right; }

/* CONTENT!
---------------------------------------------------------------------------- */
#here {
  background: url('../img/here.png') no-repeat;
  display: none;
  height: 200px;
  position: absolute; top: -80px; left: -50px;
  text-indent: -9999px;
  width: 200px;
  z-index: 2;
}

#intro {
  background-color: #2b2b2b;
  border-top: 1px solid #1c1c1c;
  border-bottom: 1px solid #1c1c1c;
  height: 227px;
  position: absolute;
  width: 600px;
  z-index: 3;
}

#close {
  background-color: #050505;
  height: 75px;
  display: none;
  font-size: 50px;
  line-height: 75px;
  margin: 0px 0px;
  position: relative; top: 76px;
  text-align: center;
  vertical-align: middle;
  width: 75px;
}

.strap {
  background-color: #084b78;
  border-top: 1px solid #1c1c1c;
  border-bottom: 1px solid #1c1c1c;
  float: left;
  height: 75px;
  overflow: hidden;
  position: absolute;
  width: 600px;
  z-index: 1;
}

#informacje { top:   0px; }
#projekty   { top:  76px; }
#kontakt    { top: 152px; }

.strap:hover { background-color: #076cb0; }
.active { z-index: 2; background-color: #076cb0; }

h1, h2 { text-align: center; vertical-align: middle; }
h1 { font-size: 60px; line-height: 227px; }
h2 { font-size: 28px; line-height:  75px; }

.more { background-color: #050505; height: 227px; width: 600px; }

/* INSIDE!
---------------------------------------------------------------------------- */
.txt { float: left; padding: 10px; }

.txt a, .txt a:visited { color: #cab768; }
.txt a:hover, .txt a:focus, .txt a:active { position: relative; top: 1px; }

h3 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
p  { margin-bottom: 8px; }

/*  { color: #e9deb0; } */
.c1 { color: #cab768; }
.c2 { color: #70593a; }

/* INFORMACJE!
---------------------------------------------------------------------------- */
#informacje h3 { color: #cab768; }

#informacje img {
  border-left: 1px solid #1c1c1c;
  border-right: 1px solid #1c1c1c;
  display: block;
  float: right;
  margin-right: 50px;
}

#blyp { width: 360px; }
#blyp a { margin-left: 5px; }

/* PROJEKTY!
---------------------------------------------------------------------------- */
#projekty ul {
}

#projekty ul, #projekty li {
  float: left;
  height: 227px;
  list-style-type: none;
  width: 600px;
}

#projekty img {
  border-right: 1px solid #1c1c1c;
  display: block;
  float: left;
}

#projekty .txt {
  
}

/* KONTAKT!
---------------------------------------------------------------------------- */
form { display: none;
  border-left: 1px solid #1c1c1c;
  float: right;
  height: 227px;
  width: 208px;
}

form a.form {
  display: none;
  height: 227px;
  line-height: 227px;
  position: absolute;
  text-align: center;
  width: 206px;
  vertical-align: middle;
  z-index: 3;
}

fieldset { margin: 1px 1px 0px 1px; }

/*form label {
  display: block;
  float: left;
  padding-top: 3px;
  text-align: right;
  width: 50px;
}*/
form label { display: none; }

form input, form textarea {
  background-color: #1c1c1c;
  border: 0;
  color: #999999;
  float: left;
  margin: 0px 0px 1px 0px;
  padding: 3px;
  width: 200px;
}

form textarea { height: 150px; overflow: auto; }

form button {
  background-color: #1c1c1c;
  border: 0;
  clear: both;
  color: #e9deb0;
  float: left;
  height: 22px;
  line-height: 22px;
  margin: 0px 1px 0px 1px;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  width: 206px;
}