/* CSS Document */

/*ul.menutop li a.port { background-position:center -42px; }*/

#header {
  background:transparent url('../images/header_back2.jpg') no-repeat 0 0;
}

/**************/

div.center ul {
  height:auto;
  /*margin-bottom:10px;*/
}


div.center ul li p {
  font-size:10px;
}

div.center ul.block1 li, div.center ul.block2 li,
div.center ul.block3 li, div.center ul.block4 li {
  padding:5px 1px 0 1px;
  width:259px; height:auto;
  color:#333333;
  background-color:#373739; 
}
  /*div.center ul.block2 li { background-color:#2a2a2b; }*/ 
  div.center ul.block3 li { background-color:#7f7f7f; }
  div.center ul.block4 li { background-color:#4b4b5d; }
  
  div.center ul.block1 li.title, div.center ul.block2 li.title,
  div.center ul.block3 li.title, div.center ul.block4 li.title {
    padding:0; margin:0;
    width:261px;
    background:#cccccc url('../images/portf_trans_title.gif') no-repeat 0 0;
    border-bottom:4px solid #2E2A39;
  } 
    div.center ul.block2 li.title {
      border-color:#141318; 
      background:#666666 url('../images/portf_prod_title.gif') no-repeat 0 0; 
    }
    div.center ul.block3 li.title { background:#000033 url('../images/portf_pack_title.gif') no-repeat 0 0; }
    div.center ul.block4 li.title { background:#006666 url('../images/portf_selfres_title.gif') no-repeat 0 0; }
  div.center ul.block1 li a,
  div.center ul.block2 li a, div.center ul.block4 li a {
    display:block; clear:both; position:relative;
    width:259px; height:60px;
    font-size:12px; color:#000000;
    background-color:#cccccc;
  }
    div.center ul.block2 li a { color:#cccccc; background-color:#666666; }
    div.center ul.block4 li a { color:#FFFFFF; background-color:#006666; }
    div.center ul.block1 li a:hover { background-color:#e5e5e5; }
    div.center ul.block2 li a:hover { background-color:#808080; }
    div.center ul.block4 li a:hover { background-color:#008080; }
    
    div.center ul.block1 li a span.imgcont,
    div.center ul.block2 li a span.imgcont, div.center ul.block4 li a span.imgcont {
      display:block; float:none; position:absolute; top:0; right:0; overflow:hidden;
      width:129px; height:60px;
    }
    div.center ul li a img { border:0; }
    div.center ul.block1 li a span.text,
    div.center ul.block2 li a span.text, div.center ul.block4 li a span.text {
      position:absolute; top:5px; left:5px;
      width:120px;
      font-family:"arial"; font-size:13px;
    }
      div.center ul.block1 li a span.text span.sub, 
      div.center ul.block2 li a span.text span.sub, 
      div.center ul.block4 li a span.text span.sub {
        font-family:"arial"; font-size:10px;
      }
    
  div.center ul.block1 li.first,
  div.center ul.block3 li.first {
    padding:1px 1px 1px 1px;
    height:189px;
    background-color:#7f7f7f;
  }
    div.center ul.block3 li.first { 
      overflow:hidden;
      height:254px;
    }
    div.center ul.block1 li.first a { overflow:hidden; height:189px; }
    div.center ul.block3 li.first a { height:254px;}
  
  div.center ul.block2 li.first { padding-top:0; }
  div.center ul.block4 li.first {
    position:relative;
    height:130px;
  }
    div.center ul.block4 li.first a {
      height:100px;
      color:#cccccc;
      background-color:transparent;
    }
      div.center ul.block4 li.first a:hover { background-color:transparent; }
      div.center ul.block4 li.first a span.text {         
        width:150px;
        font-size:11px; color:#FFFFFF; 
      }
      div.center ul.block4 li.first a span.imgcont {
        width:100px; height:100px; 
      }
      
      div.center ul.block4 li.first span.workinp {
        display:block; position:absolute; bottom:10px;
        width:100%;
        font-family:'arial'; font-size:14px; color:#727182; 
        text-align:center;
      }
  

div.center ul li.title { height:20px; }

div.center ul.block1 { background-color:#373739; }
div.center ul.block2 {
  float:right; margin-top:0; margin-right:8px;
  background-color:#373739;
}
div.center ul.block3 {
  margin-bottom:3px;
}
div.center ul.block4 { background-color:#4B4B5D; }

/************/

.port_det div.center ul.block1 {
  overflow:hidden;
  width:531px;
}
  .port_det div.center ul.block1 li {
    padding:0;
    width:531px; height:auto;
    font-family:'verdana'; font-size:11px; font-weight:normal;  color:#cccccc;
    text-align:center;
    background-color:#090909;
  }
    .port_det div.center ul.block1 li.title {
      padding:0 4px 0 4px; position:relative;
      width:523px;   
      color:#363636;
      background:#cccccc url('none') no-repeat right 0;
      text-indent:0; text-align:left;
    }
      .port_det div.center ul.block1 #cat-prod.title { color:#FFFFFF; background-color:#666666; }
      .port_det div.center ul.block1 #cat-self.title { color:#FFFFFF; background-color:#006666; }
      .port_det div.center ul.block1 #cat-des.title { color:#FFFFFF; background-color:#333365; }
    .port_det div.center ul.block1 li.title a {
      display:inline;
      font-size:11px; color:#363636; font-family:"arial";
      background-color:transparent;
      text-decoration:none;
    }
      .port_det div.center ul.block1 li.title a.prodname {
        display:inline; position:absolute; top:0; right:10px;
        width:auto;
        font-size:16px;
      }
      .port_det div.center ul.block1 li.title a:hover { background-color:transparent; }
        .port_det div.center ul.block1 #cat-prod.title a,
        .port_det div.center ul.block1 #cat-self.title a,
        .port_det div.center ul.block1 #cat-des.title a {color:#FFFFFF; }
    
    .port_det div.center ul.block1 li img {
      margin:auto;
    }
    .port_det div.center ul.block1 li h3 {
      margin:12px auto 20px auto;
      width:300px; height:auto;
      font-weight:normal; font-size:11px;
      text-align:center;
    }
    .port_det div.center ul.block1 li p {
      margin:10px auto 10px auto;
      width:516px; height:auto;      
    }
      .port_det div.center ul.block1 li p.sub {
        margin-bottom:30px; 
        font-weight:bold; font-style:italic; 
      }
      .port_det div.center ul.block1 li p.descr span.title {
        display:block; clear:both; margin-bottom:5px;
        font-weight:bold; font-style:italic; font-size:12px;
      }
      .port_det div.center ul.block1 li p a {
        display:inline; clear:none; float:none;
        color:#FFFFFF; font-weight:bold; font-style:italic; font-size:10px; font-family:'verdana';
        background-color:transparent;
      }

.port_det div.center ul.block3 li.title { background-color:#333367; }
  .port_det div.center ul.block3 li {
    padding:1px 0 1px 0;
     width:261px;
    text-align:center;
  }
    .port_det div.center ul.block3 li h4 {
      display:block; clear:both; margin:0 auto 0 auto;
      width:259px; height:25px;
      font-family:'arial'; font-size:12px; color:#FFFFFF;
      text-align:left; line-height:25px; text-indent:8px;
      background-color:#575562;
    }
    .port_det div.center ul.block3 li a {
      display:block; clear:both; position:relative; margin:auto;
      width:259px; height:125px;
      font-size:12px; color:#FFFFFF;
      text-align:left;
      background-color:#2c2a3d;
    }
      .port_det div.center ul.block3 li a:hover { background-color:#35334a; }
     
      .port_det div.center ul.block3 li a span.imgcont {
        position:absolute; top:0; right:0; overflow:hidden;
        width:104px; height:125px;       
      }
      .port_det div.center ul.block3 li a img { border:0; }
        .port_det div.center ul.block3 li a img.icon {
          position:absolute; top:74px; right:114px; 
          border:0; 
        }
        
      .port_det div.center ul.block3 li p.arch-txt {
        display:block; clear:both; position:relative; margin:auto; padding:20px 2px 30px 2px;
        width:255px; height:auto;
        font-family:'arial'; font-size:12px; color:#FFFFFF;
        text-align:justify;
        background:#4c4a54 url('../images/portf_dowl_back.jpg') no-repeat 0 0; 
      }
        
      .port_det div.center ul.block3 li a span.text {
        position:absolute; top:15px; left:10px;
        width:120px;
        font-family:"arial"; font-size:13px;
      } 


.port_det div.center ul.block4 {
  background:transparent;
}
.port_det div.center ul.block4 li.first {
  height:auto;
  background:transparent;
}
.port_det div.center ul.block4 li.first img {
  display:block; margin-bottom:2px;
} 
.port_det div.center ul.block4 li.sched {
  margin-top:50px;
  width:257px; height:auto;
  text-align:center;
  border:1px solid #7f7f7f;
  background:#333333;
}
  .port_det div.center ul.block4 li.sched p {
    margin:auto; padding:20px 0 20px 0;
    width:245px; height:auto;
    font-family:'arial'; color:#FFFFFF; font-size:11px;
  }
  .port_det div.center ul.block4 li.sched p a {
    display:inline; 
    font-family:'arial'; color:#FFFFFF; font-size:11px; font-weight:bold; font-style:italic;
    background-color:transparent;
  }
    .port_det div.center ul.block4 li.sched p a:hover { background-color:transparent; }