Профнастил

by mirowin

HTML

<h3>Профнастил делится на несколько видов в зависимости от назначения:</h3>

<table style="  border-collapse: separate;
  border-spacing: 15px 15px;">
    <tbody>
        <tr>
            <td width="90%"> <a href="/catalogue/proflist/profzab"><div class="mStroka">
      <table>
  <tr>
    <td><h1>Профнастил для заборов</h1><p>сегодня один из наиболее популярных материалов, который широко используется в строительстве при возведении различных современных ограждений. В основе изготовления данного материала лежит холоднокатаный стальной лист, на который может быть нанесено полимерное покрытие.</p></td>
    <td><img src="http://unibild.ru/resize/resizer.php?image=icon34.jpg&width=150&height=150&type=icons&method=auto" style="float:right"></td>
  </tr>  
        </table></div></a>

            </td>
            <td width="10%"></td>
        </tr>
        <tr>
            <td width="90%"> <a href="/catalogue/proflist/profsten"><div class="mStroka">
      <table>
  <tr>
    <td><h1>Стеновой профнастил</h1><p>это стальные профилированные листы, созданные методом холодного катания с гофрой трапециевидной формы, использующиеся для отделки стен конструкций различного назначения. Он может использоваться как самостоятельный материал и входить в состав сэндвич-панелей. В составе сэндвич-панелей стеновой профлист выполняет функцию армирующего материала. Самостоятельно применяется для внешней и внутренней отделки стен.</p></td>
    <td><img src="http://oprofnastile.ru/oblicovka/images/obshivka-fasada-proflistom-shema.png" style="float:right"></td>
  </tr>
        </table></div></a>

            </td>
            <td width="10%"></td>
        </tr>
        <tr>
            <td width="90%"> <a href="/catalogue/proflist/profkrov"><div class="mStroka">
      <table>
  <tr>
    <td><h1>Профнастил кровельный</h1><p>материал, чрезвычайно востребованный среди российских потребителей: являясь достойной альтернативой металлочерепице эконом-класса, профнастил кровельный, цена которого в...

CSS

@import url(http://fonts.googleapis.com/css?family=Bad+Script&subset=latin, cyrillic);
   @font-face {
       font-family: robotoMedium;
       src: url(/fonts/robotoMedium.ttf);
   }
   @font-face {
       font-family: robotoReg;
       src: url(/fonts/robotoReg.ttf);
   }
   @font-face {
       font-family: roboto;
       src: url(/fonts/roboto.ttf);
   }
   @import url(http://fonts.googleapis.com/css?family=Roboto:400, 500&subset=latin, cyrillic);
   html {
       padding: 0;
       margin: 0;
   }
   body {
       font-family: robotoReg;
       padding: 0;
       margin: 0;
       background-color:#DADFE1
   }
   #content {
       width:100%;
       min-width:998px;
       //width:expression(document.body.clientWidth > 998?'100%' :'998px');
   }
   #otstup {
       height: 15;
   }
   #logo {
       width: 315;
       height: 119;
       background: url('../pic/logo.gif') no-repeat center top;
   }
   #line {
       height: 139;
       width:6;
       background-color:#cc0000;
   }
   #lineb {
       height: 46px;
       background-color:rgb(50, 167, 169);
       margin:0;
       border-left: 47px solid rgb(0, 117, 119);
       color:black;
   }
   #kolaj {
       width: 546;
       height: 141;
       background: url('../pic/kolaj.gif') no-repeat center;
       float: right;
   }
   #decor {
       width: 336;
       height: 144;
       background: url('../pic/decor.gif') no-repeat center;
   }
   #poisk {
       width: 208;
       height: 73;
       background: url('../pic/poisk.gif') no-repeat center;
   }
   #search {
       width: 206;
       height: 72;
       background-color: #cccccc;
   }
   #slogan {
       height: 46px;
       background-color: #33ccff;
       margin:0;
       border-bottom: 4px solid #cc0000;
   }
   #slogan h1 {
       font-size:16pt;
       font-weight: lighter;
       padding: 7 0 0 5;
       margin: 0;
   }
   #start {
       padding: 0 13 0 0;
       border-right: 1px dashed #cecece;
   }
   #start h1 {
       padding: 0;
   ...