html, body {
  background-image: url('./images/smoke.jpg');
   background-repeat:repeat-x;
  
  margin: 0px;
  padding: 0px;  
}

a{text-decoration: none;
  color: black;
  font-family: Tahoma;
  font-size: 14px;
}
  table.main { 
  width: 880px;
  height: auto;
  margin: 0 auto;
  margin-top: 0px;
  vertical-align: top;
  border: 0px solid white;
  border-bottom: 2px solid gray;
  border-collapse:collapse;
  }
   td.logo {
  background-image: url('./images/logo2.jpg');
  background-repeat:no-repeat;
  width: 729px;
  margin: 0 auto;
  text-align: right;
  vertical-align: bottom;
  border-bottom: 0px solid #D34A00;
  height: 223px;
  border: 0px solid black;
    }  
   td.logo1 {  
    background-image: url('./images/fon4.gif');
  width: 173px;
  margin: 0 auto;
  vertical-align: top;
  border: 1px solid #d4290b;
  
    }  
  div.menu1{
  
  width: 150px;
  height:180px;
  margin: 10px;
  vertical-align: top;
  font-family: Tahoma;
  font-size: 14px;
  color: white;
  
  }  
    div.menu2{
    width: 150px;
  height:180px;
  margin: 10px;
  vertical-align: top;
  font-family: Tahoma;
  font-size: 14px;
  color: red;
  
  } 
     td.point {
  background-image: url('./images/fon1.gif');
  width: 30px;
  height: 400px;
  margin: 0 auto;
  background-repeat: repeat-y;
  border-left: 1px solid gray;
    }        
  td.left {
  vertical-align: top;
  background-image: url('./images/fon1.gif');
  width: 180px;
  font-family: Tahoma;
  font-size: 11px;
  color: ffffff;
  font-weight: bold;
  margin: 0px auto;
  border: 0px solid black;
 
    }  
td.center {
  vertical-align: top;
  width: 600px;
  font-family: Tahoma;
  font-size: 11px;
  color: red;
  font-weight: bold;
  margin: 0px;        
  border-right: 0px solid black;
  background: white;
    } 
td.right {
   vertical-align: top;
   background:white;
   background-repeat:repeat-y;
   width: 175px;
   font-family: Tahoma;
   font-size: 11px;
   color: red;
   font-weight: bold;
   margin: 0px auto;
   border: 0px solid #d4290b;
   border-left: 0px solid #d4290b;
   border-right: 1px solid gray;
    } 
td.copyright { 
  background-image: url('./images/footer.gif');
  width: 880px;
  height: 80px;
  margin: 0 auto;
  vertical-align: top;
      } 

#font1{
font: bold 12px Verdana;
padding: 2px;
padding-left: 4px;
text-decoration: none;
color: white;
}

#font1 a{
font: bold 12px Verdana;
padding: 2px;
padding-left: 4px;
color: white;
text-decoration: none;
}


#font1 a:hover{
font: bold 12px Verdana;
color: black;
text-decoration: blink;
}

a.l:link {
        font-family: tahoma;
        font-size: 12px;
        font-weight: bold;
        color: #49474a;
        text-decoration: none;
}
a.l:hover {
        font-family: tahoma;
        font-size: 12px;
        font-weight: bold;
        color: #49474a;
        text-decoration: none;
}
a.l:visited {
        font-family: tahoma;
        font-size: 12px;
        font-weight: bold;
        color: #49474a;
        text-decoration: none;
} 

p{  margin:8px;
        font-family: tahoma;
        font-size: 11px;
        color: #49474a;
        text-decoration: none;
        text-align:justify;
}

p.des{  margin:8px;
        font-family: tahoma;
        font-size: 11px;
        color: #49474a;
        text-decoration: none;
}

font.price{ font-family: tahoma;
        font-size: 18px;
        color: red;
        text-decoration: none;
}
font.price1{ font-family: tahoma;
        font-size: 11px;
        color: #49474a;
        text-decoration: none;
}

h1{     font-family: Verdana;
        font-size: 14px;
        color: gray;
        font-weight: bold;
}
p.about{

        font-family: tahoma;
        font-size: 11px;
        color: black;
        text-decoration: none;
        font-weight: 200;
        
}

#font2{
font: bold 12px Verdana;
padding: 2px;
padding-left: 4px;
text-decoration: none;
color: red;
}

#font2 a{
font: bold 12px Verdana;
padding: 2px;
padding-left: 4px;
color: red;
text-decoration: none;
}


#font2 a:hover{
font: bold 12px Verdana;
color: gray;
text-decoration: blink;
}

  table.main1 { 
  width: 880px;
  height: 80px;
  background-image: url('./images/footer.gif');
  margin: 0 auto;
  margin-top: 0px;
  border-color: gray; /* Цвет линии слева */
  border-style: dotted;
  vertical-align: top;
  border-width: 2px;
  border-bottom: 2px solid #ed464f;
  border-collapse:collapse;
  }
 p.about1{
        font-family: tahoma;
        font-size: 11px;
        color: white;
        text-decoration: none;
        font-weight: 200;
}   

#coolmenu{
border: 0px solid gray;
border-style: dotted;
border-width: 0px;
border-top: 0px solid #ed464f;
width: 170px;
background:white;
font-family: Tahoma;
font-size: 11px;
color: black;
}

#coolmenu a{
  font-family: Tahoma;
        font-size: 11px;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 0px solid gray;
}


#coolmenu a:hover{

background-image: url('./images/fon5.gif');
color: white;}


div.cool{
border: 1px solid gray;
border-style: dotted;
border-width: 1px;
border-top: 0px solid #ed464f;
width: 170px;
background:none;
font-family: Tahoma;
font-size: 11px;
color: black;
quotes: "<" ">";
}


div.cool:before{
content: open-quote;

}

SPAN.tag {
 color: navy; /* Цвет текста */
 font-family: monospace; /* Моношириный шрифт */
 quotes: "<" ">"; /* Устанавливаем вид кавычек */
} 

SPAN.tag:before {
 content: open-quote; /* Добавляем перед текстом открывающую кавычку */
}

SPAN.tag:after {
 content: close-quote; /* Добавляем после текста закрывающую кавычку */
}

#font3{
font: bold 12px Verdana;
padding: 2px;
padding-left: 4px;
text-decoration: none;
color: red;
}

#font3 a{
font: bold 12px Verdana;
padding: 2px;
padding-left: 4px;
color: red;
text-decoration: none;
}


#font3 a:hover{
font: bold 12px Verdana;
color: black;
text-decoration: blink;
}


#font4{
font: bold 12px Verdana;
padding: 2px;
padding-left: 4px;
text-decoration: none;
color: black;
}

#font4 a{
font: bold 12px Verdana;
padding: 2px;
padding-left: 4px;
color: black;
text-decoration: none;
}


#font4 a:hover{
font: bold 12px Verdana;
color: red;
text-decoration: blink;
}


div.one{
border: 0px solid gray;
width: 397px;
height: 60px;
position:absolute;left:35%;
top:0px;
background-image: url('./images/f1.gif');
font-family: Tahoma;
font-size: 16px;
color: white;
text-align: center;
}

div.test{
border: 0px solid gray;
width: 397px;
height: 80px;
position:absolute;left:35%;
top:70px;
background-image: url('./images/f2.gif');
font-family: Tahoma;
font-size: 16px;
color: white;
text-align: center;
}

font.logo1{
        font-family: tahoma;
        font-size: 11px;
        color: black;
        text-decoration: none;
        font-weight: 200;
}





font.logo{
        font-family: tahoma;
        font-size: 11px;
        color: white;
        text-decoration: none;
        font-weight: 200;
}