@charset "utf-8";
/* CSS Document */

/* Structure */
div#wrapper { width:900px; height:621px; margin:0 auto; }
div#city { background:url(../images/bg-city.png) no-repeat; position:absolute; top:-640px; padding:10px; height:621px; width:900px; }

/* Nawigacja */
div#nav { width:923px; height:85px; background:url(../images/lorem.png) 72% bottom no-repeat; }
div#nav ul { }
div#nav ul li { float:left; font-size:53px; }
div#nav ul li a { text-decoration:none; color:#FFF; }
div#nav li#menu-internet { letter-spacing:14px; cursor: pointer; }
div#nav li#menu-druk { letter-spacing:63px; padding-left:8px; width:300px; color:#ec008c; cursor: pointer; }
div#nav li#menu-o-mnie { letter-spacing:25px; padding-left:7px; cursor: pointer; }
div#nav #menu-home { color:#FFF; text-decoration:none; font-size:22px; position:relative; top:-12px; cursor: pointer; }
div#nav li#menu-internet:hover, div#nav li#menu-druk:hover, div#nav li#menu-o-mnie:hover, div#nav #menu-home:hover {  }

/* Content */
div#content { height:384px; }

/* Home page */
.internet, .druk, .o-mnie { width:296px; height:384px; float:left; }
div#home-page li.internet { background:url(../images/internet.jpg) no-repeat; margin-right:6px; }
div#home-page li.druk { background:url(../images/druk.jpg) no-repeat; margin-right:6px; }
div#home-page li.o-mnie { background:url(../images/omnie.jpg) no-repeat; }

/* Internet */
div#internet { position:absolute; /*top:20px;*/ top:-10000px; }
span.site-link { font-size:.7em; background:#ec008c; padding:1px 10px 1px 10px;  margin:0 0 3px 10px; position:relative; top:-1px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
span.site-link a { font-weight:bold !important; text-decoration:none !important; letter-spacing:1px;  }
span.site-link a:hover { }

/* Druk */
div#druk { display:none; }

/* O mnie */
div#o-mnie { display:none; }
div#o-mnie p { margin-right:29px; }
.photo, .about-me, .contact { width:296px; height:384px; float:left; }
div#o-mnie li.photo { background:url(../images/ja.jpg) left bottom no-repeat; margin-right:6px; }
div#o-mnie li.about-me { background:url(../images/arek.png) 0 4% no-repeat; padding-top:90px; height:294px; }
div#o-mnie li.about-me ul.dane-kontaktowe { font-size:1.2em; }
div#o-mnie li.about-me p:contains("lorem") { padding-left:11px; padding-right:30px; text-align:justify; }
div#o-mnie li.contact { background:url(../images/form.png) 0 55% no-repeat; }
div#o-mnie form { padding-top:34px; }
div#o-mnie li.contact input.imie, div#o-mnie li.contact input.email  { width:290px; height:18px; display:block; margin-bottom:8px; background:none; border:0px solid #F00; font-size:1.1em; margin-top:6px; padding:5px; color:#000; }
div#o-mnie li.contact textarea.wiadomosc { background:none; border:0px solid #F00; margin-top:4px; padding:5px; font-size:1.1em; width:280px; height:200px; font-family:"Segoe UI", Arial; overflow:hidden; }
div#o-mnie .send { display:block; font-size:2em; letter-spacing:11px; padding-top:29px; }
div#o-mnie .send:hover { text-shadow:0 0 14px #fff; cursor:pointer; }

/* Sidebar */
div#sidebar { position:absolute; right:0; top:200px; }
div#sidebar li#blog { width:20px; height:100px;  }

/* Shadow */
div#shadow { background:transparent url(../images/shadow.png); width:1314px; height:184px; position:absolute; top:594px; margin-left:-206px; z-index:-1; opacity:0.80; }

.float-left { float:left; }
.clearfix { clear:both; font-size:0; height:0; margin:0; padding:0; line-height:0; visibility:hidden; }
.button { background:url(../images/wyslij.png) no-repeat; width:200px; height:30px; border:0; margin-top:30px; cursor:pointer; }
#powiadomienie { height:0px; margin-top:20px; }
#photos2 #pointer { display:none; }