/* CSS Document */

body { margin:0px; padding:0px; background-color:#fff;  background: url(../_img/bg_main.gif) top center repeat-y  #fff;}
#otoczmnieswojamoca { width:960px; margin:0 auto; margin-top:60px;overflow:auto;}
a { outline:none;}
#it { background:url(../_img/it.png) no-repeat top center; height:517px; position: absolute; width:900px; left:50%; margin-left:-450px; top:-122px;}
#tytul { position:relative; left:50%; margin-left:-470px; width:960px; top:5px; color:#444; z-index:2; font-size:20pt; letter-spacing:-1pt;}


div { font-family:Arial, Helvetica, sans-serif; font-size:11pt;}
.box { width:225px; float:left; margin-right:15px; border-bottom:1px solid silver; padding-bottom:15px; margin-bottom:10px;}
.box-long { width:700px; float:left; margin-right:15px; border-bottom:1px solid silver; padding-bottom:15px; margin-bottom:10px; }

.box a {color: #0099FF; font-weight:bold;}
.box .header, .box-long .header { display:block; font-size:15pt; letter-spacing:-1pt;  padding-top:10px; margin-bottom:15px; line-height:90%; padding-left:13px; border-bottom:4px solid #ddd; padding-bottom:15px;}



.box-text { font-size:9pt; padding-left:10px; padding-right:10px; display:block; overflow: hidden;height:200px; padding-top:10px;line-height:150%; color:#666666;}
.box-text_flickr { font-size:9pt; padding-left:10px; padding-right:10px; display:block; overflow: hidden;height:260px; padding-top:10px;line-height:150%; color:#666666;}

.box-text img { margin-bottom:15px;}



.box .box-bottom { display:block; overflow:auto; height:11px;}
.box:hover .box-bottom { display:block; overflow:auto; height:11px;}

.white .box-text { padding-left:10px; padding-top:10px;}
.white .box-bottom { display:block; overflow:auto; height:11px;}

#wsp { width:960px; margin:0 auto; overflow:auto; margin-top:20px; margin-bottom:20px;color:#000; overflow:hidden; outline:none; padding-left:15px;}
#wsp a { color: #000; text-decoration: none; font-size:9pt;}
.aboutme { font-size:24pt; margin-top: 50px; letter-spacing:-1pt; color:#FFFFFF; line-height:105%; }


.contact { position:absolute; width:145px; left:50%; margin-left:130px; padding-top:20px; padding-left:20px; z-index:100; font-size:9pt; color:#777; letter-spacing:-0.5pt; border-left:1px solid #ccc; }
.hrm { font-size:14pt; color:#000; line-height:95%; font-weight:bold;}

.info { position:absolute; width:150px; left:50%; margin-left:320px; padding-top:20px; padding-left:20px; z-index:100; font-size:9pt; color:#777; letter-spacing:-0.5pt; border-left:1px solid #ccc; }