body {
    font-family:verdana, tahoma, arial;
    font-size:10pt;
    color:#333333;
    background:#FFFFFF;
    margin:0px;
}

a {
    color:#007478;
    text-decoration:none;
}

a:hover {
    color:#013d3f;
}

a img {
    border:0px;
}

input, textarea, select {
    border:1px solid #3b8b96;
    color:#000000;
    background:#FFFFFF;
    font-size:10pt;
    margin:0px;
    padding:5px;
    vertical-align:top;
    font-family:verdana, tahoma, arial;
    font-size:12px;
}

select {
    padding:0px;
}

input.btn_grey {
    background:url('images/bg_button_grey.jpg') repeat-x #efeaee;
    color:#3b8b96;
    font-weight:bold;
    height:28px;
    padding:0px 10px;
}

h1 {
    font-family:"trebuchet ms";
    font-size:14pt;
    color:#45b1b5;
    text-align:right;
    border-bottom:1px solid #45b1b5;
    margin:0px 0px 20px 0px;
}

h2 {
    font-family:"trebuchet ms";
    font-size:12pt;
    color:#45b1b5;
    text-align:center;
    border-bottom:1px solid #45b1b5;
    border-top:1px solid #45b1b5;
    background:#edf7f7;
    margin:0px 0px 15px 0px;
}

h3 {
    margin:0px;
}

hr {
    border:0px;
    background:#d3e5ec;
    height:1px;
    margin:0px;
}

table.form td {
    vertical-align:top;
}

table.form .label {
    padding:6px;
}

#face_top {
    width:300px;
    float:right;
    margin-top:11px;
}

#face_top div {
    float:right;
    width:220px;
    text-align:right;
    font-weight:bold;
}

#face_top img {
    float:right;
    width:41px;
    margin:0px 10px 0px 10px;
}

#facebook {
	text-align:center;
	border:1px solid #d856b6;
	padding:10px;
	background:#FFEFFB;
	margin:10px 30px 5px 30px;
}

#logo {
	background:url('/images/logo.jpg') no-repeat;
	display:block;
	width:285px;
	height:100px;
}

#top_frame {
    height:103px;
    width:100%;
    background:url('images/bg_top_frame.jpg') repeat-x #fedefb;
    border-bottom:1px solid #fdbdf6;
}

#top {
    height:103px;
    width:1000px;
    margin:0px auto;
    background:url('images/bg_top.jpg') repeat-x #fedefb;
    border-bottom:1px solid #fdadf4;
}

#logo {
    float:left;
    width:285px;
    height:100px;
}

#top_right {
    float:right;
    width:715px;
}

#search {
    float:right;
    margin:10px;
}

#top_menu_frame {
    height:27px;
    width:100%;
    margin:1px 0px;
    background:url('images/bg_top_menu_frame.jpg') repeat-x #45b2b5;
}

#top_menu {
    height:27px;
    width:1000px;
    margin:0px auto;
    background:url('images/bg_top_menu.jpg') repeat-x #1da5a9;
    line-height:27px;
}

#top_menu .separator {
    display:block;
    float:left;
    width:1px;
    height:15px;
    margin:7px 0px;
    background:url('images/top_menu_separator.jpg') no-repeat #333333;
}

#top_menu a {
    display:block;
    float:left;
    padding:0px 10px;
    color:#FFFFFF;
    font-weight:bold;
    font-size:8pt;
    text-decoration:none;
}

#top_menu a:hover {
    color:#aafb00;
}

#top_menu .left {
    float:left;
}

#top_menu .right {
    float:right;
}

#content_frame {
    width:1000px;
    margin:0px auto;
    min-height:300px;
}

#content_main {
    width:680px;
    float:left;
    padding:10px;
}

#content_right {
    width:280px;
    float:right;
    padding:10px;
}

#footer_frame {
    clear:both;
    height:64px;
    width:100%;
    margin:1px 0px;
    background:url('images/bg_foot_frame.jpg') repeat-x #fedefb;
}

#footer {
    height:64px;
    width:1000px;
    margin:0px auto;
    background:url('images/bg_foot.jpg') repeat-x #fedefb;
    color:#8f8f8f;
}

#footer .links {
    float:left;
    margin:10px;
}

#footer .copy {
    float:right;
    margin:10px;
}

#navi {
    padding:20px 20px;
    text-align:right;
    font-weight:bold;
}

#navi a {
    color:#007478;
    text-decoration:none;
}

#navi a:hover {
    color:#013d3f;
}

#search_info {
    text-align:right;
    padding:2px 10px;
    margin-bottom:20px;
}

.project .thumbnail {
    float:left;
    margin-right:15px;
}

.project .thumbnail img {
    padding:1px;
    border:1px solid #3889a7;
}

.project {
    clear:both; 
    padding:20px;
    border-bottom:1px solid #d3e5ec;
    margin:20px 0; 
    box-shadow:0px 0px 10px #ccc; 
}

.project a.title {
    color:#ff6df0;
    text-decoration:none;
    font-size:12pt;
}

.project a.title:hover {
    color:#ff00e5;
}

.project .desc {
    margin:5px 0px;
}

.project .embed {
    margin:20px auto;
    text-align:center;
}

.project .links {
    clear:both;
    font-size:8pt;
    float:right;
    margin-top:5px;
}

.project .other {
    font-size:8pt;
}

.project .tags {
    margin-bottom:10px;
}

.box_top {
    font-size:10pt;
    font-weight:bold;
    color:#FFFFFF;
    background:#3889a7;
    text-align:right;
    width:260px;
    height:22px;
    line-height:22px;
    padding:0px 10px;
}

.box_body {
    background:#f2f2f2;
    min-height:50px;
    padding:10px 10px 0px 10px;
    width:260px;
}

.box_body .list a {
    display:block;
    height:25px;
    padding:3px 5px;
    line-height:25px;
    text-decoration:none;
    border-bottom:1px dotted #bdbcbc;
}

.box_body .list a:hover {
    background:#dcbed4;
}

.box_bottom {
    margin-bottom:10px;
    width:260px;
    text-align:right;
}

.box_pink {
    padding:0px;
}

.box_pink .box_bottom {
    border-bottom:1px solid #d856b6;
    background:#f2f2f2;
    padding:0px 10px 10px 10px;
}

.box_pink .box_top {
    background:url('images/bg_box_pink.jpg') no-repeat #d856b6;
}

.box_pink hr {
    background:#ebcee4;
}

.box_blue .box_bottom {
    border-bottom:1px solid #3889a7;
    background:#f2f2f2;
    padding:0px 10px 10px 10px;
}

.box_blue .box_top {
    background:url('images/bg_box_blue.jpg') no-repeat;
}

.center {
    text-align:center;
}

.uwaga {
    color:#FF0000;
    font-weight:bold;
}

.clear {
    clear:both;
}

.small {
    font-size:7.5pt;
}

.grey {
    color:#6f6f6f;
}

#kontekst {
    text-align:center;
    margin-bottom:15px;
}

#embed {
    text-align:center;
}

#embed * {
    margin:auto;
}

#addComment {
    margin:20px 30px;
    clear:both;
    float:left;
}

#addComment textarea {
    overflow:auto;
    width:95%;
    height:95px;
    margin-bottom:10px;
}

#addCommentInfo, #sendMailInfo {
    margin:5px 0 10px 0;
    padding:3px;
    color:#ff0000;
    text-align:center;
    font-weight:bold;
}

#sendMail {
    margin:20px 30px;
    float:right;
}

#sendMail textarea {
    overflow:auto;
    width:95%;
    height:40px;
    margin-bottom:10px;
}

#comments {
    clear:both;
}

#comments .body {
    margin:5px 5px 10px 5px;
    padding-bottom:5px;
    border-bottom:1px dotted #d3e5ec;
}

.message {
    margin:20px;
    padding:25px;
    text-align:center;
    border:1px solid #a4a4a4;
}