html, body, table, div{
	margin: 0;
	padding: 0;	
	} 
body{ background: url(../img/fon.jpg); font: 11pt Tahoma ; }
 u{text-decoration: none;}
 #main {
 background: url(../img/main.gif) repeat-y;   width: 1000px; 
 
 margin: 0px auto 0px auto; padding: 0px; } 

#header{background: url(../img/header.jpg) no-repeat; 
width:970px;
 height: 158px; 
 margin: 0px 0 0 20px;
 padding: 15px 0 15px 10px;
 color: #026da5;
 }
 #header #name{
 
 font: 28px   "Monotype Corsiva", "Comic Sans MS" , cursive;
 width: 295px; 
height: 65px;
 border-bottom: 1px #026da5 solid;
 margin: 20px 0 0 0;
  padding: 0px 0px 5px 20px;

 }
 #header  #header_contacts{
 width: 300px;
 font: 18px   "Monotype Corsiva", "Comic Sans MS", cursive;
 padding: 10px 0px 5px 20px;
 }
 #header  #header_contacts  span{font-size: 14px;
 }
 #header  #header_contacts  a{text-decoration: none;}
  #header  #header_contacts a{color: #026da5;}
    #header  #header_contacts a:hover {color: #6d6c6c; text-decoration: underline;}

#menu { font-size: 12pt;
background: url(../img/menu_fon.jpg) repeat-x; height: 28px; width: 970px; 
 margin: 0px 0 0 20px;
  padding: 0px ; 
 }

 #blokmenu {
      float:left;
      width:100%;
    
      font-size:93%;
      line-height:normal;

      }
    #blokmenu ul {
	
	color: #fff;
        margin:0;
        padding:0px 10px 0 0px;
        list-style:none;
		
      }
    #blokmenu li {
	
      display:inline;
      margin:0;
      padding:0;
      }
    #blokmenu a {
      float:left;
         background-color:#000 ;  
      margin:0;
       padding:0 0 0 1px; 
      text-decoration:none;
      }
    #blokmenu a span {
      float:left;
      display:block;
      background:url("../img/tabrightE.gif") repeat-x right top ; 
      padding:3px 15px 7px 6px;
      color:#FFF;
      }
	   .last  {background-image: url("../img/tabrightElast.gif")!important;} 
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #blokmenu a span {float:none;}
    /* End IE5-Mac hack */
    #blokmenu a:hover span {
      color:#FFF;
      }
    #blokmenu a:hover {
      background-position:0% -28px;
      }
    #blokmenu a:hover span {
      background-position:100% -28px;
      }

        #blokmenu .current a {
                background-position:0% -28px;
        }
        #blokmenu .current a span {
	
                background-position:100% -28px;
        }

 
#secondmenu {
font-size: 16px;
float: left;
margin: 43px 0 0px 30px;
padding: 0px 0px;
width: 215px;
height: 1100px;}

#secondmenu  ul {list-style: none;

margin: 0px 0 0px 10px;
padding: 0 ;

}
#secondmenu  ul  li {
background: url(../img/menulistyle.jpg) no-repeat  0px 3px ;

width: 207px;
min-height: 21px;
       padding: 2px 12px; 
      }
#secondmenu  ul li a {color: #2b4b6f;
text-decoration:none;
 word-wrap:break-word; 
display: block;
width: 185px;

}
#secondmenu  ul li a  span{display: block; padding: 0px 0px 3px 0px;}
#secondmenu ul .current {background-image:none ; height: auto ;}
#secondmenu  ul li  a:hover, #secondmenu  ul    .current a {
text-align: left;
color: #fff;
display: block;
width: 207px;
min-height: 21px;
margin-left: -17px; 

background: url(../img/secondmenufon.jpg) repeat-y right top ; 
}
#secondmenu  ul li  a:hover span, #secondmenu  ul   .current a span{ 
padding: 0px 5px 3px 17px; background: url(../img/menulistyle_current.jpg) no-repeat  5px 0px}

#secondmenu  ul li ul li {background-image:none; }
#secondmenu  ul li ul li a {

width: 170px !important;
margin: 0 !important;
background:none !important;
color: #026da5 !important;
text-decoration:underline;
}

#secondmenu  ul li ul li a:hover, #secondmenu  ul li ul   .current a {
      color:#f00 !important;
	  text-decoration:none;
	  background: none;
	  margin: 0;
	  padding: 0;
      }

 #content{
position: relative;
z-index: 3;
background: url(../img/content.jpg )  no-repeat left  top #fff ;
border: solid 1px;
border-top: none;
border-left-color:  #dee4eb; 
border-right-color: #dee4eb; 
border-bottom-color: #8dafc6; 

min-height: 1250px;  /* ��� �� 6 ������ */
width: 674px;
margin: 43px 10px 0 256px;
padding: 20px ;
} 

#content p {
font: 11pt Tahoma, sans-serif ;
color: #6d6c6c;
padding: 5px  0;
margin: 0;
} 

#content h1{color: #c70202; font: 22pt   "Monotype Corsiva", "Comic Sans MS", cursive;
padding: 0  0 10px 0;
margin: 0;
}
#content h4{color: #c70202; font: 18pt   "Monotype Corsiva", "Comic Sans MS", cursive;
padding: 5px  0 10px 0;
margin: 0;
}
#content b, #content strong {color: #2b4b6f;}
#content img { border: solid 1px #829ab4; padding:0px; margin: 0 10px 5px 0;}
#content ul{
font-size: 11pt;
color: #6d6c6c; list-style: none; padding: 0px; margin:5px 0px;}
#content a{font: 11pt Tahoma, sans-serif ; color: #f00;}
#content a:hover{text-decoration: none;}
#content h3{padding: 0; margin:10px 0 0 0;}
#content h3  a{ color: #026da5; font-weight: bolder;}

#content table{
font: 10pt Tahoma, sans-serif ;
color: #6d6c6c;

text-align: left; 
background-color: #e2e2e2;
}
#content table td{padding: 2px 20px; background-color: #fff; border-right: 1px solid #e2e2e2;}
#content table  th{color: #fff; background: url(../img/tablezagl.jpg) repeat-x; height:31px; border-right: 1px solid #e2e2e2;}
#content table #zagl td{background-color: #e2e2e2;}
#content table #zagl td{}

#content #address{ margin: -360px 0 0  480px; }
#content #numbers{ margin: 10px 0 250px 480px;

  border: 1px solid #829ab4; width: 150px; text-align: center;}
 #content #address p, #content #numbers p{font: 13pt   "Monotype Corsiva", "Comic Sans MS", cursive ;}
#content #numbers p {color: #2b4b6f;}

#content #form-contacts{ color:#4a5777; font: bold 11pt Tahoma, sans-serif;}
  #form-contacts input.text {width:330px;}
 
 #content #form-contacts  input {margin:  5px 0;  padding:2px 5px ;
    background: #f1f1f1; border: 1px solid #bdbdbd;
   }
#form-contacts  textarea {
background: #f1f1f1; border: 1px solid #bdbdbd;
font:11px Tahoma;
height:130px;
padding:5px;
margin:  5px 0;
width:330px;
}  
#form-contacts  .error .errorlist  {font-size: 10pt; font-weight: normal; color: #c70202;}
#form-contacts  input.error{background: #fb5757 !important;}
#fon {background: url(../img/main.gif) repeat-y;   width: 1000px; 
 
  margin: 0px auto 0px auto; padding: 0px; 
}
 #footer{position: relative;
 clear: left;
z-index: 1;
margin: -180px 0px 0px 21px;
 width: 968px; 
background: url(../img/footer.jpg) repeat-x ;
 height: 228px; 
 color: #fff;
 font-size: 8pt;
} 
#footer #footer_contacts {
 font: 14pt   "Monotype Corsiva", "Comic Sans MS", cursive;
 padding: 8px 0px 2px 20px;
height: 135px;
width: 316px;
 }
 
 #footer #counter {
 width: 88px;
 height: 15px;
margin: 8px 0 0 20px;
 }

  #footer #copy1 {
  background: url(../img/copiright.jpg) no-repeat;
margin: 15px 0 0 20px;
padding: 7px 0 0 45px;
height: 45px;

  width: 100px;
  }
   #footer #copy1 a { color: #fff;}
    #footer #copy1 a:hover { text-decoration: none;}
  
  #footer  #copy2 {
  margin: -30px 0 0 240px;
  }
 #footer  #copy3 {position:absolute;
   left: 595px; 
 top: 192px;
  margin: 0px 10px 0 0px;
  width: 360px;  
  height: 28px;
  padding: 0;
 }