@import 'reset.css';

 /* Layouts
/------------------------------------------------------------------------------ */

html { height: 100%; }
body {
    background: #fff7e5 url("../images/bg.jpg") no-repeat 50% 100%;
    font-family: Georgia, "Times New Roman", Tahoma, Arial, Verdana, "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
    font-size: 14px;
    color: #3e2d10;
    height: 100%;
}

h4 { font: normal 15px Georgia, Arial, Tahoma, Verdana; }
h3 { font-size: 17px; }

p { line-height: 15px; text-align: left; }

a { text-decoration: none; cursor: pointer; color: #00729f; }
a:hover { text-decoration: underline; }

 ul, ol { list-style-type: none; }

.fright { float: right; display: inline; }
.fleft { float: left; display: inline; }

 /* Page
/------------------------------------------------------------------------------ */


#page { width: 1049px; margin: 0 auto 0 auto; position: relative; }

#page #header { text-indent: -77777em; height: 358px; background: url("../images/bg_header_top.jpg") no-repeat; position: relatvie; z-index: 5; overflow: hidden; }

#page #container_top { text-indent: -77777em; height: 68px; background: url("../images/bg_container_top.png") repeat-y; position: relative; top: -50px; margin-bottom: -50px; z-index: 20; overflow: hidden; }
#page #container { background: url("../images/bg_container.png") repeat-y; position: relative; z-index: 20; }

#page #container #content { position: relative; top: -15px; width: 960px; margin: 0 auto 0 auto; }
#page #container #content .ltext { margin: 5px 10px 0 0; }

#page #wrapper { margin: 10px 0 0 0; }
#page #menu { width: 504px; height: 40px; background: url("../images/bg_menu.gif") no-repeat; }
#page #menu ul { display: block; position: relative; top: 15px; margin: 0 0 0 20px; }
#page #menu ul li { float: left; display: inline; margin-right: 22px; font-size: 18px; }
#page #menu ul li a { color: #3e2d10; }
/*
#page #menu ul li a { display: block; height: 18px; background: url("../images/menu_text.gif") no-repeat; text-indent: -777em; }
#page #menu ul li.home a { background-position: 0 0; width: 46px; }
#page #menu ul li.nasze_realizacje a { background-position: -73px 0; width: 126px; }
#page #menu ul li.oferta a { background-position: -223px 0; width:52px; }
#page #menu ul li.galeria a { background-position: -307px 0; width:58px; }
#page #menu ul li.kontakt a { background-position: -404px 0; width: 70px; }
*/

#page #container #content .borderimg { border: 2px solid #e9d1b2; }
#page #container #content .borderimg img { display: block; }
#page #container #content .bg.text { width: 426px; min-height: 140px; background: url("../images/bg_text.gif") no-repeat; display: block; }
#page #container #content .bg.text p { width: 97%; margin: 0 auto 0 auto; padding-top: 5px; }
#page #container #content dl {  }
#page #container #content dl dt { width: 500px; float: left; display: inline; }
#page #container #content dl dd { width: 430px; float: right; display: inline; }

#page #container .organizajaimprezdlafirm { position: relative; width: 937px; height: 364px; background: url("../images/bg_organizacjaimprezfladifrm.jpg") no-repeat; }
#page #container .organizajaimprezdlafirm p { font-family: Verdana; font-size: 11px; color: #fff; width: 450px; position: absolute; top: 195px; left: 50px; }

#bg_footer { width: 100%; height: 270px; background: url("../images/bg_footer.gif") repeat-x; position: relative; z-index: -1; top: -180px; margin-bottom: -280px; }

#footer { height: 82px; background: url("../images/bg_footer.png") no-repeat 2px 0; position: relative; margin: 0 auto 0 auto; }
#footer h4 { margin: 9px 55px 0 55px; }

 /* Inputs
/------------------------------------------------------------------------------ */

input, select, textarea { border: 0; font: normal 11px Tahoma, Arial, Verdana, sans-serif; }
.button { width: auto!important; height: auto!important; margin: 0!important; padding: 0!important; background: none!important; }

div.komunikat {
  padding:5px;
  text-align:center;
  font-weight:bold;
  clear:both;
  margin:10px auto;
  width:90%;
  font-family:Verdana,Arial,Tahoma;
}

#page #container #content div.galeria {
  border:solid 0px #ff0;
}

#page #container #content div.galeria dl {
  border:solid 0px #fff;
  float:left;
  margin:10px;
  padding:0;
}

#page #container #content div.galeria dl dt {
  border:solid 0px #ff0;
  padding:0;
  margin:0;
  width:150px;
  height:113px;
  text-align:center;
}

#page #container #content div.galeria dl dt img {
  border:solid 1px #f1d6ac;
}

#page #container #content div.galeria dl dd {
  clear:both;
  text-align:center;
  border:solid 0px #ff0;
  display:block;
  width:150px;
  margin:5px 0px;
  padding:0;
}

#page #container #content div.galeria a:link, div.galeria a:visited {
  font-weight:bold;
  text-decoration:none;
  color:#3e2d10;
}

p.naglowek, div.naglowek {
  font-family: Georgia, "Times New Roman", sans-serif;
  font-size:24px;
  font-weight:bold;
  clear:both;
  color:#3e2d10;
  margin:20px;
  padding:0px;
}

div.naglowek {
  font-size:20px;
}

input, select, textarea {
  border:solid 1px #e7cdb2;
  padding:3px;
  margin:5px;
  font-size:13px;
  font-family:Verdana, Arial, Tahoma, sans-serif;
  color:#3e2d10;
}


#page #container #content #menu_prawa dl {
  margin:5px;
  padding:0;
  border:solid 0px #080;
  display:block;
}

#page #container #content #menu_prawa dl dt {
  clear:both;
  margin:5px 0px 5px 20px;
  padding:0;
  font-weight:bold;
}

#page #container #content #menu_prawa dl dd {
  padding:0;
  margin:5px 0px 5px 40px;
  clear:both;
  width:auto;
  text-align:left;
  border:solid 0px #f00;
  float:left;
}