/* CSS Document */
html,body {
    margin: 0px auto;
    padding: 0px;
    border:0px;
    text-align:center;
}

body {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size: 10px;
  text-align:center;
  /*background: url(./images/page.gif) center repeat-y;*/
  background-color: rgb(233,238,245);
}

.container {
  width: 900px;
  margin: 0px auto;
}

#header {
  /*float:left;*/
  height: 31px;
  height: 230px;
  background: url(./images/main_header.gif);
  background: url(./images/main_header.jpg);  
  background-repeat:no-repeat;
  background-position: bottom;
  background-color: rgb(240,240,240);
  width: 900px;
  margin:0px;
}

#interior {
  background: url(./images/page.gif) center repeat-y;
  float:left;
  width:100%;
  padding:0px;
  padding-top:20px;
  padding-bottom:20px;
}

#footer {
  /*float:left;*/
  color: rgb(240,240,240);
  clear:both;
  border:0px;
  margin:0px;
  padding:0px;
  padding-top:74px;
  height: 35px;
  background: url(./images/main_footer.gif);
  background: url(./images/main_footer.jpg);  
  background-repeat: no-repeat;
  background-position:bottom;   
  width: 900px;;
  margin:0px;
}

.menu {
  float:left;
  padding:0px;
  margin:0px;
  padding:10px;
  padding-left:50px;
  padding-right:35px;
  
  width:185px;
  
  

  border: 0px solid #000000;
/*  background: url(./images/menu_interior.gif);*/

  text-align:left;  
}

.menu_top p {
  margin:0px;
  padding-top:3px;
	text-align: center;
	font-weight: bold;
  font-size: 16px; 
  color: #ffffff; 
}



.menu ul {
  margin:0px;
  padding:0px;
  list-style-type: none;
  list-style-position: outside;  

}

.menu li {
  margin: 0px;
  padding:0px;
  margin-top:1px;
  margin-bottom: 4px;    
}


ul.menu_big {
  list-style-image: url(./images/menu_big.gif);
}

ul.menu_small {
  margin-left:15px;
  margin-top:5px;
  list-style-image: url(./images/menu_small.gif);
}

.menu a {
  margin:0px;
  font-size: 10.5pt; 
  text-decoration:none;
  font-weight:bold;
  color: rgb(20,80,130);    

}

.menu a:active, .menu a:hover {
  /*color: rgb(131,174,0);*/
  color:rgb(150,200,0);
 
  color: rgb(20,80,130);   
  color: rgb(135,190,255);
  color:rgb(152 ,38,1);       
  text-decoration:underline;
  text-decoration:none;      
}

.menu a.actual {
  margin:0px;
  font-size: 10.5pt; 
  text-decoration:none;
  font-weight:bold;
  color:rgb(152 ,38,1);     
}

.menu a.actual:active, .menu a.actual:hover {
 
  text-decoration:none;  
}
/* POST */

.post {
  float:left;
  width: 590px;
  font-size:10pt;
}

.post_title {
  background: url(./images/post.gif);
  background-repeat: no-repeat;
  height:75px;
	text-align: left; 
   
}

.date {
  float:left;
  margin:5px;
  margin-left: 8px;
  margin-right:8px;
  background: transparent url(./images/date_blue.gif);  
  background-repeat: no-repeat;
  height: 50px;
  width:45px;
}

.date_top {  
  padding-top:4px;
  text-align: center;
  font-family: Arial;
  font-size:13px;
  color: #ffffff;
	margin: 0px;
}
.date_bottom {
	margin: 0px;
	padding: 0px;
  font-size: 24px;
  text-align: center;  
  color: #000000;
}

.post_info {
  margin: 0px;
  padding: 5px;
  padding-left:10px;
  padding-right:10px;
	float: none;
	text-align: left;
  vertical-align: top;
	

}

.post_text {
  margin:15px;
  margin-bottom:35px;
  font-size: 10pt; 
  color: #333333; 
  border-bottom:2px solid rgb(35,190,255);
  text-align:left;
}

.post a{
  color: rgb(152,38,1); 
  text-decoration: none;
}
.post a:active, .post a:hover {
  text-decoration: underline;  
}

.post_text p {
  margin:0px;
  padding:0px;
  margin-top:5px;
  margin-bottom:15px;  
  text-align:justify;
  text-indent: 1cm;
}

.post_text img {
  border: 0px solid #000000;
  vertical-align: text-top;
  float:left;
  margin: 0px;
  margin-right: 15px;
  margin-bottom:15px;
  padding: 0px; 

}

.post_text img.ico {
  margin: 0px;
  margin-left: 5px;
  margin-right: 5x;
  float: none;
}


.post_text p.continue {
  margin:0px;
  padding:0px;
  margin-top:5px;
  margin-bottom:15px;
  text-align:justify;
  text-indent: 0cm;
}

.post_text .star {
  text-align:left;
  margin:0;
  padding:0;
  font-size:8pt;
  color:#999999;
}

.post_text ul {
  /*list-style-type: disc;*/
}

.post_text li {
  margin-bottom:5px;
}

.post_text .p_pkt {
  margin:0px;
  padding:0px;
  margin-top:5px;
  margin-bottom:15px;
  text-align:justify;
  text-indent: 0cm;
}

.wytyczne_table {
  border: 0px;
  margin:0px;
  width:550px;
  padding:0px;
}

.wytyczne_td1 {
  text-align:left;
  border-top: 1px dashed rgb(170,170,170);   
  width:400px;
  padding-right:20px;
}

.wytyczne_td2 {
  text-align:right;
  border-top: 1px dashed rgb(170,170,170);   
  vertical-align:bottom;
}

.wytyczne_table p {
  margin:0px;
  padding:0px;
  margin-top:5px;
  margin-bottom:15px;
  text-align:justify;
  text-indent: 0cm;
}


h1 {
  font-size: 16pt; 
  color: rgb(25,90,140);       
  font-weight:bold;
  margin:0px;
  padding:0px;
}

h2 {
  font-size: 12pt; 
  color: rgb(35,190,255); 
  margin:0px;
  margin-bottom:5px;
  padding:0px;
  /*border-bottom:1px dashed rgb(35,190,255);*/
}

.wytyczne_table h2 {
  color: rgb(25,90,140);
}

.wytyczne_table h3 {
  color: rgb(25,90,140);
}

.h2_link a {
  text-decoration: none;
  color: rgb(152,38,1); 
}

.h2_link a:active, .h2_link a:hover {
  text-decoration: underline;  
}


h3 {
  font-size: 10pt; 
  /*color: rgb(35,190,255);*/
  font-weight:bold; 
  margin:0px;
  padding:0px;
}

.kontakt_a {
  color:#444444;
  text-decoration:underline;
}

.post_link {
  text-align:right;
  width:100%;
  vertical-align:bottom;
}
.post_link img {
  margin:0px;
  margin-left: 10px;
  padding:0px;
  vertical-align: bottom;
  float:none;  
}

.post_link a {
  margin:0px;
  padding:0px;
  font-size: 8pt;  
  text-decoration: none;
  /*color: rgb(35,190,255);*/
  color: rgb(152,38,1);
  background-color: #ffffff ;
    
}

.post_link a:active, .post_link a:hover {
  color: #ffffff;
  background-color: rgb(152,38,1); 
  text-decoration: none;  
}

.link_img {
margin: 0px;
margin-right: 5px;
margin-left: 5px;
border: 0px;
}

.logo {
  margin:0px;
  padding:0px;
  height:105px;
  /*width: 0px;*/
  width: 100%; 
  /*float:none;*/ 
  /*border-top:2px solid rgb(200,200,200);
  border-bottom:2px solid rgb(200,200,200);*/
  
}

.logo_left {
  float:left;
  padding: 10px;
  margin-bottom:10px;
  margin-left:25px;
  margin-right:35px;
  height:60px;
  width:185px;
  
}

.logo_right {
  float:left;
  margin:0px;
  padding: 0px;
  height:60px;
  width:590px;
  border: 0px;    
/*  border-top: 2px solid rgb(210, 225, 240);   
  border-bottom: 2px solid rgb(210, 225, 240);*/
}

/*----------------------------------------------------------------------------*/
/*                                 SCHEMAT                                    */
/*----------------------------------------------------------------------------*/

/* główna ramka schematu */

.org_chart_top {
  font-size:1px;
  width:590px;
  height:8px;
  background: url(./images/och_top.gif);
  background-repeat: no-repeat;
}

.org_chart_interior {
  padding:10px;
  width:570px;
  background: url(./images/och_interior.gif);
  background-repeat:  repeat-y;
}

.org_chart_bottom {
  font-size:1px;
  width:590px;
  height:8px;
  background: url(./images/och_bottom.gif);
  background-repeat:no-repeat;
}

/* duże pole z opisem */

.och_bbl_top {
  font-size:1px;
  width: 155px;
  height:5px;
  background: url(./images/och_bbl_top.gif);
  background-repeat:no-repeat;  
}

.och_bbl_interior {
  text-align:center;
  color:#444444;
  font-size:9pt;
  font-weight:bold;
  padding:5px; 
  width: 145px;
  background: url(./images/och_bbl_interior.gif);
  background-repeat:repeat-y;  
  cursor: pointer;   
}


.och_bbl_bottom {
  font-size:1px;
  width: 155px;
  height:5px;
  background: url(./images/och_bbl_bottom.gif);
  background-repeat:no-repeat;  
}

/* małe pole z opisem */

.och_sbl_top {
  font-size:1px;
  width: 130px;
  height:5px;
  background: url(./images/och_sbl_top.gif);
  background-repeat:no-repeat;  
}

.och_sbl_interior {
  text-align:center;
  color:#444444;
  font-size:9pt;
  font-weight:bold;
  padding:5px; 
  width: 120px;
  background: url(./images/och_sbl_interior.gif);
  background-repeat:repeat-y;  
  cursor: pointer;
}


.och_sbl_bottom {
  font-size:1px;
  width: 130px;
  height:5px;
  background: url(./images/och_sbl_bottom.gif);
  background-repeat:no-repeat;  

}

/* ramka ograniczająca/łącząca kilka pól z opisem */

.och_bb2l_top {
  font-size:1px;
  width: 175px;
  height:6px;
  background: url(./images/och_bb2l_top.gif);
  background-repeat:no-repeat;  
  background-position:bottom;
}

.och_bb2l_interior {
  font-size:1px;
  padding:10px;
  width: 155px;
  background: url(./images/och_bb2l_interior.gif);
  background-repeat:repeat-y;
}


.och_bb2l_bottom {
  font-size:1px;
  width: 175px;
  height:6px;
  background: url(./images/och_bb2l_bottom.gif);
  background-repeat:no-repeat;  
  background-position:top; 
}

.och_bb2l_interior p {
  text-align:center;
  color: rgb(0,83,100);
  font-size:9pt;
  font-weight:bold;
  height:40px;
}
/* szerokie pole ze szczegółowym opisem mniejszych pól *//**/

.och_bb2d_top {
  margin-top:20px;
  font-size:1px;
  width: 550px;
  height:6px;
  background: url(./images/och_bb2d_top.gif);
  background-repeat:no-repeat;  
  background-position:bottom;
}

.och_bb2d_interior {
  text-align:center;
  color:#ffffff;
  font-size:9pt;
  font-weight:bold;
  padding:5px; 
  width: 540px;
  background: url(./images/och_bb2d_interior.gif);
  background-repeat:repeat-y;  
}


.och_bb2d_bottom {
  margin-bottom:10px;
  font-size:1px;
  width: 550px;
  height:6px;
  background: url(./images/och_bb2d_bottom.gif);
  background-repeat:no-repeat;  
  background-position:top;  
}

.bb2d_description {
  display:none;
  text-align:left;
  width:520px;
  border:0;
  font-size:10pt;
}

/* małe pole z opisem o stałej wysokoci*/

.och_smallbox_top {
  font-size:1px;
  width: 130px;
  height:5px;
  background: url(./images/och_sbl_top.gif);
  background-repeat:no-repeat;  
}


.och_smallbox_interior {
  text-align:center;
  /*vertical-align:middle;*/
  color:#444444;
  font-size:9pt;
  font-weight:bold;
  padding:5px; 
  width: 120px;
  height: 35pt;
  background: url(./images/och_sbl_interior.gif);
  background-repeat:repeat-y;  
}

.och_smallbox_bottom {
  font-size:1px;
  width: 130px;
  height:5px;
  background: url(./images/och_sbl_bottom.gif);
  background-repeat:no-repeat;  
}

/* małe pole z opisem wywietlające się po jakim zdarzeniu*/
.och_sbaction_top {
  font-size:1px;
  width: 155px;
  height:5px;
  background: url(./images/och_bbd_top.gif);
  background-repeat:no-repeat;  
  position: relative; left: -52px; top: 0px;
}

.och_sbaction_interior {
  text-align:center;
  color:#ffffff;
  font-size:9pt;
  font-weight:bold;
  padding:5px; 
  width: 145px;
  background: url(./images/och_bbd_interior.gif);
  background-repeat:repeat-y;  
  position: relative; left: -52px; top: 0px;
}

.och_sbaction_bottom {
  font-size:1px;
  width: 155px;
  height:5px;
  background: url(./images/och_bbd_bottom.gif);
  background-repeat:no-repeat;  
  position: relative; left: -52px; top: 0px;
}

/* pole z numeracją */
.och_number {
  text-align: center;
  color:#444444;
  font-size:16px;
  /*font-weight:bold;*/
  width: 27px;
  height:31px;
  background: url(./images/och_number_light.gif);
  background-repeat:no-repeat;
  margin:0px auto;
  padding-top:2px;
  position: relative; left: 0px; top:0px; 
  cursor: default;
}

.och_diamond {
  text-align:center;
  color:#444444;
  font-size:9pt;
  font-weight:bold;
  /*font-weight:bold;*/
  width: 130px;
  height:80px;
  padding-top: 20px;
  background: url(./images/och_diamond.gif);
  background-repeat:no-repeat;
  margin:0px auto;
  position: relative; left: 0px; top:0px; 
  cursor: default;
}

/* tabele */

.bg_line_80 {
  text-align:center;
  width:80px;
  background: url(./images/och_line_80.gif);
  background-repeat:no-repeat;
  background-position: center;     
}

.bg_line_130 {
  text-align:center;
  width:130px;
  background: url(./images/och_line_130.gif);
  background-repeat:no-repeat;
  background-position: center;     
}

.bg_line_12v {
  text-align:center;
  background: url(./images/bg_line_12v.gif);
  background-repeat:no-repeat;
  background-position: center;  
  height: 12px;   
}

.bg_arr_l {
  text-align:center;
  width:80px;
  background: url(./images/och_arrow_left.gif);
  background-repeat:no-repeat;
  background-position: center;     
}

.bg_arr_r {
  text-align:center;
  width:80px;
  background: url(./images/och_arrow_right.gif);
  background-repeat:no-repeat;
  background-position: center;     
}

.bg_arr_d {
  text-align:center;
  height:50px;
  background: url(./images/och_arrow_down.gif);
  background-repeat:no-repeat;
  background-position: center;     
}

.bg_line_90dur {
  text-align:center;
  width:130px;
  height:50px;
  background: url(./images/och_line_90dur.gif);
  background-repeat:no-repeat;
  background-position: top;     
}

.bg_arr_90ddl {
  text-align:center;
  width:130px;
  height:50px;  
  background: url(./images/och_arrow_90ddl.gif);
  background-repeat:no-repeat;
  background-position: bottom;     
}

.bg_arr_90ddr {
  text-align:center;
  width:130px;
  height:50px;  
  background: url(./images/och_arrow_90ddr.gif);
  background-repeat:no-repeat;
  background-position: bottom;     
}
.bg_arr_cross1 {
  text-align:center;
  width:130px;
  height:50px;  
  background: url(./images/och_arrow_cross1.gif);
  background-repeat:no-repeat;
  background-position: bottom;     
}

.bg_line_cross2 {
  text-align:center;
  width:200px;
  height:25px;  
  background: url(./images/bg_cross2.gif);
  background-repeat:no-repeat;
  background-position: center;     
}

.bg_line_25ld {
  text-align:center;
  width:175px;
  height:25px;  
  background: url(./images/bg_line_25ld.gif);
  background-repeat:no-repeat;
  background-position: right;     
}

.bg_line_25rd {
  text-align:center;
  width:175px;
  height:25px;  
  background: url(./images/bg_line_25rd.gif);
  background-repeat:no-repeat;
  background-position: left;     
}

.bg_arr_breaklr {
  text-align:center;
  width:80px;
  background: url(./images/och_arrow_breaklr.gif);
  background-repeat:no-repeat;
  background-position: center;     
}

.bg_arr_break_solid3 {
  text-align:center;
  height:50px;
  background: url(./images/och_arrow_break_solid3.gif);
  background-repeat:no-repeat;
  background-position: center;     
}

.bg_arr_5to7 {
  text-align:center;
  height:50px;
  background: url(./images/och_arrow_5to7.gif);
  background-repeat:no-repeat;
  background-position: center;     
}
.hv_table {
  border-left: 1px solid rgb(0,100,150);
  border-bottom:  1px solid rgb(0,100,150);
  width:15px;
}

.v_table {
  border-left: 1px solid rgb(0,100,150);
}

.h_table {
  border-bottom: 1px solid rgb(0,100,150);

}
/* tabela musi być czym wypełniona, żeby zostały narysowane/zdefiniowane komórki*//**/
.i9_10 {width:9px;height:12px;}
.i15_10 {width:15px;height:12px;}

.norm {
  border: 1px solid rgb(238,239,240);
  border-spacing: 2px;
}
.norm td {
  padding: 10px;
  margin: 0px;
  border: 0px;
  background-color: rgb(238,239,240);
}
/*----------------------------------------------------------------------------*/