/*body { background: #FFFFFF; margin: 0; padding: 0; font-family: "Trebuchet MS"; font-size: 11px; color: #000000; line-height: 16px; }*/
html, body {height: 100%;}
body { font-family: "Trebuchet MS"; font-size: 11px; color: #000000; line-height: 16px; display: table; width: 1020px; margin: 0 auto; }
.blad { padding-top: 0; margin-top: 0; text-align: center;}
.ok {padding-top: 0; margin-top: 0; text-align: center;}

#container-top { display: table-cell; vertical-align: middle;}
#container { width: 1020px; height: 660px;} 
#film { clear: both; float: left; width: 100%; text-align: left;}

p { margin: 0; padding: 0 0 10px 0;}

#header { height: 253px; }
#header_menu { float: right; padding: 0 0 0 0; display: inline; height: 0; }
.header_back { float: left; padding-right: 5px; }
.header_back a { color: #000000; text-decoration: none; }
.header_back a:hover { color: #000000; }
.header_back img { margin: 0 0 -1px 0; }

.header_languages { float: left; width: 85px; }
a.lang_noactive { color: #b1b1b1; text-decoration: none; font-weight: bold; }
a.lang_noactive:hover {  }
a.lang_active { color: #000000; text-decoration: none; font-weight: bold; }
a.lang_active:hover { }

#project_img_mimi { float: left; clear: both; width: 321px; height: 55px; margin: 10px 0 0 150px; display: inline;  }
#project_list { float: left; width: 471px; height: 305px; overflow: auto; display: inline; }
#sort_name { font-weight: bold; margin: 0 0 20px 3px; float: left; clear: both; line-height: 13px; padding: 0; display: inline; }
#sort_switch { margin: 15px 0 0 3px; float: left; clear: both; display: inline;}


#workroom_number_nr { float: left; display: inline; font-size: 72px; line-height: 72px; height: 72px; }
#workroom_number_name { font-size: 28px; line-height: 33px; float: left; display: inline; height: 72px; }

.pracownia_info { clear: both; float: left; margin: 20px 0 0 3px;}

#pracownia-o-pracowni {}
#pracownia-o-pracowni-img { clear: both; float:  left; width: 242px; height: 370px; overflow: hidden; margin: 0 20px 0 0; }
#pracownia-o-pracowni-desc { float: left; width: 223px; height: 350px; overflow: hidden;}
#pracownia-o-pracowni-link { float: left; width: 222px; height: 20px;}



.section { height: 30px; color: #8a8a8a; text-align: right; background: url(../img/section_line.gif) top right no-repeat;}
.section span {  padding-right: 4px; }
.section2 { height: 30px; color: #8a8a8a; text-align: right; }

#column_logo { width: 123px; float: left; text-align: left; margin-top: 30px; }
#column_menu { width: 90px; float: left; text-align: left; margin-right: 16px; }
#column_3 { width: 200px; float: left; text-align: left; margin-right: 16px; }
#column_4 { width: 500px; float: left; text-align: justify; }
#column_project { width: 681px; float: left; text-align: left; margin: -160px 0 0 30px;}
.page_content_project {margin: 0 10px 0 0px; height: 525px; padding: 0 0 0 0; }



#project_info { clear: both; height: 80px; }
#project_desc_img { clear: both; float: left; width: 671px;  height: 413px; overflow: auto; padding: 0; margin: 0; display: inline;} 
#projekt_img_list { clear: both; float: left; width: 671px; height: 50px; padding: 5px 0 5px 0; overflow: hidden;}
#projekt_img_list_2 { height: 50px; float: left; display: inline; margin: 0;}
#projekt_img_list_2 img {margin-right:5px; display:inline; border:0;}

#projekt_arrow_list { clear: both; float: left; width: 671px;}

#viewer { width: 671px; overflow:hidden; float: left;}


.arrow_left { float: left;}
.arrow_right { float: right;}

#page_content {margin: 0; height: 370px; overflow: auto; padding: 0;}
#page_content_bis {margin: 0; height: 370px; padding: 0;}

#column_4_p { width: 100px; float: left; text-align: left; margin-right: 1px; }
#column_5 { width: 116px; float: left; text-align: left; margin-right: 1px; }
#column_6 { width: 225px; float: left; text-align: left; margin-right: 11px;}
#column_7 { width: 264px; float: left;}

.menu { color: #000000; text-decoration: none; list-style: none; margin: 0; padding: 0 6px 0 0; clear: both; float: left; width: 100%}
.menu span { padding: 0 5px 0 0;} 
.menu li { list-style: none; }
.menu a { color: #000000; text-decoration: none; display: block; padding: 0 4px 0 6px; margin: 0 0 3px 0;  }
.menu a:hover { color: #000000; text-decoration: none; background: #e6e6e6; }

.menu_0 { list-style: none; line-height: 13px; margin: 7px 0 7px 0; padding: 0;}
.menu_0 a { color: #000000; text-decoration: none; display: block; padding: 0 0 0 3px; }
.menu_0 a:hover { color: #000000; text-decoration: none; background: #e6e6e6; }

.menu_0_first { list-style: none;  line-height: 13px; margin: 0 0 6px 0; }
.menu_0_first a { color: #000000; text-decoration: none; display: block; padding: 0 0 0 3px;}
.menu_0_first a:hover { color: #000000; text-decoration: none; background: #e6e6e6; }

.menu_0_last { list-style: none;  line-height: 13px; margin: 6px 0 0 0;}
.menu_0_last a { color: #000000; text-decoration: none; display: block; padding: 0 0 0 3px;}
.menu_0_last a:hover { color: #000000; text-decoration: none; background: #e6e6e6; }

.project_year { clear: both; margin: 0 ; float: left; width: 150px; text-align: right; display: inline; line-height: 14px; font-weight: bold;}


.project_list { color: #000000; text-decoration: none; list-style: none; padding: 0; line-height: 14px; margin: 0 0 0 4px; float: left; display: inline; width: 300px;}
.project_list li { list-style: none; width: 300px; margin: 0 0 0px 4px; padding: 0 0 7px 0; float: left;  clear: both; }
.project_list a { color: #000000; text-decoration: none; display: block; padding: 0; margin: 0; }
.project_list a:hover { color: #000000; text-decoration: none; background: #e6e6e6; }



.project_list_img { color: #000000; text-decoration: none; list-style: none; padding: 0; margin: 0 0 0 4px; float: left; display: inline; width: 300px; }
.project_list_img li { list-style: none; width: 300px; float: left; display: inline; margin: 0 0 0 4px; clear: both; padding: 0 0 4px 0; }
.project_list_img a { color: #000000; text-decoration: none; padding: 1px 4px 1px 4px; }
.project_list_img a:hover { color: #000000; text-decoration: none; }

.menu_5 { color: #000000; text-decoration: none; list-style: none; margin: 0; padding: 0; line-height: 11px; }
.menu_5 li { list-style: none; }
.menu_5 a { color: #000000; text-decoration: none; display: block; padding: 1px 4px 1px 4px; margin: 4px 0 3px 35px; }
.menu_5 a:hover { color: #000000; text-decoration: none; background: #e6e6e6; }


a.m_active:hover { color: #000000; text-decoration: none; background: #e6e6e6; }

.menu_2 { color: #000000; text-decoration: none; list-style: none; margin: 52px 0 0 0; padding: 0 6px 0 0; line-height: 14px; clear: both; float: left; width: 324px; }
.menu_2 li { list-style: none; }
.menu_2 a { color: #000000; text-decoration: none; display: block; padding: 0 0 0 3px;  margin: 0; background: #e6e6e6; }
.menu_2 a:hover { color: #000000; text-decoration: none; background: #e6e6e6; }

.contact_info { clear: both; float: left; padding: 0 0 0 3px; margin: 0 0 55px 0;}

.news_list { list-style: none; margin: 0 15px 0 0px; padding: 0; }
.news_list a { color: #000000; text-decoration: none; display: block; padding: 2px 4px 2px 4px; }
.news_list a:hover { color: #000000; text-decoration: none; background: #e6e6e6; }
.news_list a span { padding-right: 10px; }

.news_title { margin: 0 0 0 0px; font-weight: bold;}
.news_title span { font-weight: normal; padding: 0 5px 0 0; }
.news_main_pic { margin: 10px 20px 0 0px; }
.news_text { margin: 10px 0 0 0px; clear: both; }
.news_file { margin: 10px 0 0 0; clear: both;}
.news_pics { margin: 10px 20px 0 0px; clear: both;}
.news_pics img { padding: 1px; }

#workroom_number { clear: both; margin: 150px 0 0 445px; float: left; color: #40a0dd; width: 500px; height: 80px; display: inline;}





.workroom_list { list-style: none; margin: 0 20px 0 0px; padding: 0; }  
.workroom_list li { margin: 0 0 10px 0;}
.workroom_list a { color: #000000; text-decoration: none; display: block; padding: 0 0 0 3px; line-height: 13px; margin: 0 0 6px 0; }
.workroom_list a:hover { color: #000000; text-decoration: none; background: #e6e6e6; }

h1 { font-size: 16px; font-weight: bold; padding: 0; margin: 0 0 10px 0; }
a { color: #939598; text-decoration: none; }
a:hover { color: #3f4246; }

/* entrace page */
#homepage_set { width: 500px; height: 150px; position: absolute; top: 50%; left: 50%; margin-top: -75px; margin-left: -250px; }
#homepage_line_1 { width: 88px; height: 10px; background: #000000; float: left; overflow: hidden; font-size: 8px; line-height: 1px; margin: 0 0 0 168px; display: inline; }
#homepage_line_2 { width: 88px; height: 10px; background: #000000; float: left; overflow: hidden; font-size: 8px; line-height: 1px; margin: 0 0 0 0; display: inline; }
#homepage_link_1 { float: left; font-size: 11px; line-height: 10px; }
#homepage_link_2 { float: left; font-size: 11px; line-height: 10px; }
#homepage_link_1 a, #homepage_link_2 a { color: #000000; text-decoration: none; display: block; padding: 0 3px 0 3px; }
#homepage_link_1 a:hover, #homepage_link_2 a:hover { background: #e6e6e6; color: #000000; }

/* homepage supbage */
#homepage_column_2 { float: left; width: 701px; height: 407px; overflow: hidden; }
#homepage_column_2 img { padding: 30px 0 0 0; }
/* homepage supbage */

/* company subpage */
#company_column_2 { width: 250px; float: left; text-align: left; margin-right: 0px; }
#company_column_3 { width: 480px; float: left; text-align: left; }
.company_column_3_text { margin: 0 20px 0 40px; height: 400px; overflow: auto; padding: 0 5px 0 0; }
/* company subpage */

/* contact subpage */
#contact_column_2 { width: 330px; float: left; text-align: left; margin-right: 16px;}
#contact_column_3 { width: 371px; float: left; text-align: left;}
.contact_column_2_text { padding: 0px 0 0 0; }
#contact_column_3_text { height: 370px; overflow: auto; width: 371px; margin: 0; padding: 0;}


.wpis { float: left; clear: both; width: 100%;}
.wpis-naglowek { font-weight: bold; float: left; margin: 0 0 20px 0; clear: both; width: 100%;}
.wpis-naglowek span { padding: 0 8px 0 0;}
.wpis-tresc { clear: both; float: left; width: 100%;}
.wpis-link { clear: both; float: left; margin: 20px 0 0 0; padding: 0 0 22px 0; width: 100%;}

.wpis-list-first {list-style: none;  line-height: 13px; margin: 0 0 6px 0; width: 485px; overflow: hidden;}
.wpis-list-first a {color: #000000; text-decoration: none; display: block; padding: 0 0 0 3px;}
.wpis-list-first a:hover {color: #000000; text-decoration: none; background: #e6e6e6; }

.wpis-list {list-style: none; line-height: 13px; margin: 7px 0 7px 0; padding: 0; width: 485px; overflow: hidden;}
.wpis-list a {color: #000000; text-decoration: none; display: block; padding: 0 0 0 3px; }
.wpis-list a:hover {color: #000000; text-decoration: none; background: #e6e6e6;}

.con_text { float: left; width: 100%; background: #FFFFFF; text-align: justify;}

.people_desc {text-align: justify; width: 249px; overflow: hidden; }
.people_desc img { float: right; padding: 1px; }

.contact_no { float: left; width: 25px; font-size: 11px; font-weight: bold; clear: both;}
.contact_list { float: left; width: 220px; overflow:hidden; padding-bottom: 10px; }
.contact_list span { }
.kontakt_opis { clear: both; float: right;}
.kontakt_zestaw { width: 254px; overflow: hidden; clear: both; margin: 0 0 5px 0; }
.kontakt_opis_text { padding: 2px 0 0 0; float: left; }
.kontakt_opis_input { text-align: left;  font-size: 11px; }
.kontakt_opis_input input { width: 250px; border: none; padding: 2px; background: #E4E4E4; font-family: "Trebuchet MS"; font-size: 11px; }
.kontakt_opis_input textarea { height: 80px; overflow: auto; border: 0px solid #BCBCBC; padding: 2px; background: #E4E4E4; font-family: "Trebuchet MS"; font-size: 11px; }
.kontakt_opis_input_submit { text-align: center;  float: right; }
.kontakt_opis_input_submit a { color: #000000; text-decoration: none; display: block; padding: 0 5px 0 5px ;}
.kontakt_opis_input_submit a:hover {color: #000000; text-decoration: none; background: #e6e6e6; }




/* contact subpage */