* {margin:0; padding:0}

a {text-decoration:none}

body {font-size:0.88em; font-family:'trebuchet ms' sans-serif; background:#1D8CAE url('img/bg.png') repeat-x 0 145px}

#top {height:145px; background:#222 url('img/top_bg.png')}
#logo {position:absolute; top:0; left:-70px; z-index:100}
#logo img {border:none}
#body {background:#FFF url('img/body_bg.png') repeat-y; z-index:10; border-top:1px solid #CCC; padding-top:60px}
.container {width:798px; margin:0 auto; position:relative}


.title * {color:#6AC;}
.title {margin-left:230px; position:relative; overflow:hidden}
h1 {padding-top:63px; font-size:2.35em; line-height:1em; font-weight:normal; height:42px; width:526px; }
#p_d_info {height:22px; width:172px;}
#p_d_info strong {font-weight:normal}
.title span {position:absolute; left:0}
#p_d_info span {height:22px; width:172px; background:transparent url('img/p_d_info.png') no-repeat 0 0; top:0;}
h1 span {height:42px; width:526px; background:transparent url('img/h1.png') no-repeat 0 0; top:63px}
h1 a:hover {color:#FFF}
/*h1 a:hover span {background-position:bottom left}*/

#languages {position:absolute; left:850px; top:3px; line-height:30px; width:50px; font-weight:bold}
#languages a {color:#F45; margin-right:0.2em}
#languages a:hover {color:#FFF;}
#languages span {display:none}



#menu {height:37px; border-bottom:1px solid #2A3A44; position:absolute; top:0; left:154px; right:0; z-index:100}
#menu li {position:absolute; height:30px; top:3px; border-right:solid 1px #2A3A44; list-style-type:none}
#menu li a {display:block; height:30px; width:100%; text-align:center; color:#CCC; line-height:30px; font-size:1.29em}
#menu li a:hover, #menu li a.active {color:#6AC}
#mp1 {left:0px; width:76px;}
#mp2 {left:77px; width:121px}
#mp3 {left:199px; width:107px}
#mp4 {left:307px; width:110px}
#mp5 {left:418px; width:117px}
#mp6 {left:536px; width:104px}

#signup_but {height:59px; width:63px; right:11px; top:112px; position:absolute; background:#335 url('img/signup_but.png') no-repeat; z-index:150; font-size:1.21em}
#signup_but a {display:block; height:50px; line-height:25px; color:#BBB; padding:4px 10px; text-align:center}
#signup_but a:hover, #signup_but a.active {color:#6AC}

.text {margin:0 65px}
.text p {margin-bottom:1.2em; text-align:justify}
.text h2 {font-size:1.86em; margin-bottom:0.5em}
.text a {color:#6AC}
.text a:hover {color:#4A0}
.text address {margin:0 0 1.2em 1em; color:#444}
.text h3 {font-size:1.43em; margin:1em 0 0.5em 0}
.text .section {margin-left:2em}

#projects_boxes {height:246px; width:784px; margin:0 auto; position:relative; list-style-type:none}
#projects_boxes .toppos {width:156px; height:230px; background:url('img/frame.png') no-repeat; position:absolute; padding:5px 0 0 0}
#projects_boxes .toppos a {display:block; text-align:center}
#projects_boxes .toppos a img {border:none; border-bottom:2px solid transparent}
#projects_boxes .toppos a:hover img {border-bottom-color:#39B}
#projects_boxes ul {margin:0 10px 0 30px; list-style-type:square; font-size:0.79em}
#projects_boxes ul li {margin-bottom:-1px}


#proj_pos1 {bottom:0; left:0}
#proj_pos2 {top:0; left:157px}
#proj_pos3 {top:0; left:314px}
#proj_pos4 {top:0; right:157px}
#proj_pos5 {bottom:0; right:0}

#projects_more {font-size:1.41em; text-align:right; margin:0.5em 2.5em 0.5em 0; font-weight:bold}
#projects_more a {color:#6AC}
#projects_more a:hover {color:#4A0}

#sponsors {overflow:hidden; margin:0 -1em;}
#sponsors li {width:20%; float:left; list-style-type:none; text-align:center;}
#sponsors a img {border:none;}
#sponsors.small {margin-bottom:-1.8em; margin-top:2em}
#footer_sponsors {margin-top:3em}


#program {margin:0 1.5em}
#program table {background-color:#E9E0C6; border-color:#BBA #333 #443 #CCA; border-style:solid; border-width:1px; position:relative; left:-4px; top:-4px; margin:0 -2px -2px 0; color:#333; padding:0 0.5em; border-spacing:0; font-size:0.88em; width:100%}
.table_box {background-color:#888; margin:0 8em 1.5em 0; position:relative} /*tworzy pseudo "cien"*/
.discuss {display:block; position:absolute; top:-0.5em; right:-8em; color:#6AC; background:url('img/discuss_cloud.png') no-repeat 0 0; padding:20px 0 0 20px}
.discuss:hover {color:#356}

#program td {padding:0.5em 0.5em 0.5em 0; vertical-align:top;}

#program thead td {border-bottom:solid 2px #BB9;}
#program .row1 {width:18%;}
#program .row2 {width:60%}
.row_dark td {background-color:#C9C2AC}

.projects {margin:0 2em}
#projects_more.left {text-align:left; margin-left:1em}
.projects h3 {margin-top:1.5em; font-size:1.53em; color:#4A0; clear:right}
.projects .project_desc {margin-right:18em;}
.projects img {float:right}

#location {overflow:hidden; margin-right:1.5em;}
#location dl {text-align:justify; margin-bottom:1.2em}
#location dt {font-size:1.20em; font-weight:bold}
#location dt, #location dd {display:inline;}
#location_imgs {float:right; width:160px; border:solid 1px #D3C9A8; background-color:#D1C7A5; margin:0 0 1em 5em}
#location_imgs img {display:block; margin:0.3em auto}
#location ul, .text ol {margin:0 0 1.2em 3em}
#location li {margin-bottom:0.5em}

.sponsors ul {margin-bottom:2em !important}
.sponsors li {margin-bottom:0.5em}

#form_cols p {margin:0}
#signup .inputs input, #signup .inputs label {display:block}
#signup label span, #signup legend span {color:#F00}
#signup .inputs input, #signup .inputs textarea {background-color:#FCF6E6; border:solid 1px #FCF6E6; width:258px; height:1.41em; margin-bottom:0.7em; color:#000;}
#signup textarea {height:7em !important}
#signup input:focus, #signup input:hover, #signup textarea:focus, #signup textarea:hover {border-color:#CBA}

#signup fieldset {border:none; margin:3em 0 1em 0}
#signup fieldset input {margin-right:0.3em}
#signup fieldset p {margin:0 0 0.3em 0.7em}
#signup_submit {height:27px; width:90px; background:#000 url('img/signup_submit.png') no-repeat 0 0; color:#DDD; border:none; font-weight:bold; margin:2em 0.3em 0 0}
#signup_submit:hover, #signup_submit:focus {color:#FFF}

.left_col {float:left}
.right_col {margin-left:320px}
#form_cols {overflow:hidden; margin-left:1em}

#project_menu {position:absolute; top:165px; z-index:120; width:650px; left:130px; line-height:1.5em; font-size:1.12em; color:#6AC}
#project_menu li, #project_menu p {float:left; margin-right:1em;}
#project_menu ul {list-style-type:none; overflow:hidden; font-size:1.16em; line-height:1.32em}
#project_menu a {color:#356; text-transform:uppercase}
#project_menu .active {font-size:1.32em; line-height:1em}
#project_menu a:hover, #project_menu .active {color:#6AC}

#projects_boxes.in_project_page {clear:right; margin:3em 0}
#project h2 {margin-top:1em}
#project img {float:right; margin:1em 2em}

#project ul, .project_desc ul {margin:1em 0 1em 2em}
#project li {margin-bottom:0.5em}


#footer {background:transparent url('img/footer_bg.png') no-repeat bottom center; margin:2em 0 1em 0}
#footer ul {margin:0 1em; border-top:solid 2px #DC9; padding:0 2em 0.2em 2em; overflow:hidden}
#footer li {float:left; width:16.6%; text-align:center; list-style-type:none; font-size:1.21em}
#footer a {color:#6AC; line-height:1.7em}
#footer a:hover, #footer a.active {color:#356}