html,
body, div,
ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, img {
    margin: 0;
    padding: 0;
    border: 0;
    }

body {
 font-family:  Arial, Verdana,  sans-serif;
 text-align: left;
 color: #000;
 min-width: 1000px;
}

body {
 margin: 0;
 padding: 0;
}

*html #wrapper {
  width:expression(document.body.clientWidth < 1005? "1000px": "auto");
  }

img    {border: 0 solid }
A IMG  {border: none;}

table {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
   font-size: 90%;
  }
  
a:hover {
  text-decoration: none;
  }  

table td {
    padding: 0;
  }
/* делаем все основные контейнеры доступными к обтеканию и скрываем прокрутку */

#head,
#logo,
#head_right,
#sup_menu,
#content,
#site,
#footer,
    {
    overflow: hidden;
    display: inline-block;
    }

/* общие свойства ОСНОВНЫХ контейнеров,
касающихся их размеров и положения на странице
_______________________________________________________________ */

#head,
#logo,
#head_right,
#sup_menu,
#content,
#site,
#footer,
    {
    float: left;
    }

/* HEAD */
#head {
  height: 303px;
  width: 100%;
/*  background: url(../i/bg_head_repeat.jpg) repeat-x 0 0;*/
  }

/* LOGO */
#logo {
  background: url(../i/bg_logo.jpg) no-repeat 0 0;
  height: 303px;
  width: 207px;
  float: left;
  }

#logo h1 {
  font-size: 16px;
  font-family:"Times New Roman";
  text-transform: none;
  width: 85%;
  color: #004A96;
  text-align: center;
  margin: 35px 0 0 27px;
  }

#logo img {
  margin: 0px 0 0 7px;
  }

/* MENU */
#menu {
  background: url(../i/bg_menu.jpg) repeat 0 0;
  float: left;
  width: 189px;
  height: 273px;
  padding-top: 30px;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  }

#menu span {
  color: #fff;
  display: block;
  background: #9a5e4a;
  padding: 10px 0;
  padding-left: 70px;
  }

#menu a {
  color: #ebbfa4;
  display: block;
  padding: 10px 0;
  padding-left: 70px;
/*  background: url(../i/line_menu.gif) no-repeat left bottom;*/
  border-bottom: 1px solid #a05549;
  }
  
#menu a:hover {
  text-decoration: none;
  }  


#menu a#ico1 {
  background: url(../i/i_home.gif) no-repeat 30px 7px;
  }
  
#menu span#ico1 {
  background: url(../i/i_home.gif) #9a5e4a no-repeat 30px 7px;
  }  

#menu a#ico2 {
  background: url(../i/i_info.gif) no-repeat 30px 7px;
  }
  
#menu span#ico2 {
  background: url(../i/i_info.gif) #9a5e4a no-repeat 30px 7px;
  }  

#menu a#ico3 {
  background: url(../i/i_gallery.gif) no-repeat 30px 7px;
  }
  
#menu span#ico3 {
  background: url(../i/i_gallery.gif) #9a5e4a no-repeat 30px 7px;
  }  

#menu a#ico4 {
  background: url(../i/i_contact.gif) no-repeat 30px 7px;
  }
  
#menu span#ico4 {
  background: url(../i/i_contact.gif) #9a5e4a no-repeat 30px 7px;
  }  

#menu a#ico5 {
  background: url(../i/i_fineinfo.gif) no-repeat 30px 7px;
  border-bottom: 0;
  }
  
#menu span#ico5 {
  background: url(../i/i_fineinfo.gif) #9a5e4a no-repeat 30px 7px;
  }  

/* RIGHT */
#head_right {
  }

#head_img {
	background: url(../i/bg_head_right.jpg) no-repeat 399px 1px;
	height: 303px;
	display: block;
	/*position: relative;
	z-index: -1;	*/
  }

#head_img {
  .background: url(../i/bg_head_right.jpg) no-repeat 3px 1px;
  _background: url(../i/bg_head_right.jpg) no-repeat 0 1px;
  }

#head_img img {
  float: right;
  margin: 42px 45px 0 0;
  position: relative;
  z-index: 100;
  }

#head_img p {
 position: relative;
 z-index: 100;
 float: right;
 display: block;
 margin: 270px -95px 0 0;
 width: 200px;
 color: #000;
 font-size: 12px;
 font-family: Arial;
 font-style: italic;
 font-weight: bold;
  }

#head_img p span {
  color: #801706;
  font-size: 22px;
  }



/* MENU LEFT */
.bg_left {
  /*background: url(../i/bg_left.gif) repeat-y 0 0;*/
  background: url(../i/bg_leftn.gif) repeat-y 0 0;
  padding-bottom: 120px;
  }

#sup_menu {
  background: url(../i/bg_sup_menu.gif) #fff repeat-y 0 0;
  width: 260px;
  float: left;
  font-size: 90%;
  /*margin-bottom: 120px;*/
  padding-top: 15px;
  color: #364564;  
  }

#sup_menu span {
  display: block;
  font-family: Arial;
  font-size: 95%;
  font-weight: bold;
  margin-left: 50px;
  margin-bottom: 7px;
  }

#sup_menu a {
  display: block;
  color: #2B6FBF;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  margin-left: 35px;
  margin-bottom: 7px;
  text-decoration: none;
  background: url(../i/bglink.gif) no-repeat 0 6px;
  padding-left: 15px;
  }
  
#sup_menu a:hover {
  text-decoration: underline;
  }  

#sup_menu h2 {
  background: url(../i/sup_menu_li.gif) no-repeat 0 4px;
  font-size: 12px;
  font-family: Arial;
  color: #9F0105;
  padding: 5px 0 10px 35px;
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
  text-transform: uppercase;
  }

#sup_menu img {
  float: left;
  }

#telephone {
/*  background: url(../i/bg_telephone.gif) #C05A3E no-repeat 0 100%;*/
  background:#914A3F;
  width: 226px;
  margin-top: 50px;
  color: #E40000;
  font-family: Arial;
  font-weight: normal;
  font-size: 18px;
  padding: 25px 15px;
  }

#sup_menu #telephone h2 {
  background-image: none;
  padding: 0;
  color: #494949;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 20px 0 0 0px;
  }

#telephone h3 {
  color: #fff;
  font-family: Arial;
  font-size: 17px;
  padding: 0px 0 0 0;
  }

#telephone p {
  margin: 0px;
  color: #D99D81;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0;
  }

#telephone p.black {
  color: #000;
  font-size: 12px;
  font-weight: normal;
  }
  
#sup_menu #telephone .black a {
  text-decoration: underline;
  font-size: 12px;
  font-family: Arial;
  background: none;
  padding: 0;
  }  
  
#sup_menu #telephone .black a:hover {
  text-decoration: none;
  }    

#telephone ul {
  list-style: none;
/* list-style-type:square;*/
  color: #fff;
  padding: 5px 0;
  }
#telephone ul li {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 0 13px;
  padding: 0 0 0 12px;
  background: url(../i/ul_telephone.gif) no-repeat 0 5px;
  //background: url(../i/ul_telephone.gif) no-repeat 0 9px;
  }

#telephone a {
  color: #9AC9FD;
  font-size: 14px;
  clear: none;
  display: inline;
  margin: 0 0 0 5px;
  font-weight: normal;
  }

/* CONTENT */
#index #content {
  font-size: 90%;
  padding: 50px 40px 40px 50px;
  }

#content h2 {
/*  color: #c63;*/
  color: #0066CE;
  font-family: Arial Narrow;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
  }

#site .headline {
  color: #c63;
  font-family: Arial Narrow;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 15px;
  width: 154px;
  background: #fff;
  }

h3 {
  color: #C56535;
  font-family: "Arial Narrow";
  font-size: 110%;
  margin-bottom: 5px;
  margin-top: 5px;
  }

.headline3 {
  color: #C56535;
  font-family: "Arial Narrow";
  font-size: 110%;
  margin-bottom: 5px;
  }

#content p {
  margin-bottom: 10px;
  margin-right: 10px;
  text-indent: 20px;
  text-align: justify;
  }

#content ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-left: 20px;
  margin-bottom: 20px;
  list-style: url(../i/marker.gif);
  }

#content ul li {
  margin-left: 20px;
  margin-bottom: 8px;
  padding-left: 5px;
  }

#content ol {
  margin-left: 20px;
  }

#content ol li {
  margin-left: 25px;
  margin-bottom: 8px;
  }

#index #content a.all {
  display: block;
  color: #4A89AB;
  }

#index #content a {
/*  color: #c63;*/
  color: #000;
  }

#inner #content {
  width: 90%;
  font-size: 90%;
  padding: 20px 60px 40px 0;
  margin-top: 0px;
  display: block;
  float: left;
  clear: left;
  min-height: 505px;
  }

#inner #content a {
  color: #4988AA;
  }

#inner #content .img0gif {
  float: right;
  }

.content {
/*  background: url(../i/bg_content.gif) repeat-y right 0;*/
  padding: 0 0 0 50px;
  }

.content_top {
  width: 99%;
  display: block;
  float: left;
  clear: left;
  background: #fff;
  padding-top: 35px;
  padding-bottom: 10px;
  }

.content_top h1 {
  display: block;
  clear: left;
/*  color: #C0593D;
  color: #E61E20;*/
  color: #0066CE;
  font-family: "Times New Roman";
  font-size: 15px;
  text-transform: uppercase;
  margin: 10px 0 10px 0;
  }

.content_top h2 {
  display: block;
  clear: left;
/*  color: #C0593D;*/
  color: #0066CE;
  font-family: "Times New Roman";
  font-size: 15px;
  text-transform: uppercase;
  margin: 10px 0 10px 0;
  }

#content h1 {
/*  color: #f00;
  color: #0066CE;*/
  color: #E61E20;
  font-family: "Times New Roman";
  font-size: 22px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 10px 0 10px 0;
  }
  
#inner #content h2 {
/*  color: #B40202;*/
  color: #0066CE;
  font-family: "Times New Roman";
  font-size: 13px;
  line-height: 1.5em;
  text-transform: none;
  clear: left;
   }

#inner #content h3 {
  color: #0066CE;
  font-family: Arial;
  font-size: 15px;
  /*line-height: 1.5em;*/
  text-transform: none;
  clear: left;
   }  

/* PRICE */
#index #price {
  background: url(../i/bg_price.gif) #fff no-repeat 0 35px;
  width: 156px;
  height: 40px;
  padding: 35px 0 10px 40px;
  font-size: 85%;
  font-family: Arial;
  }

#index #price h2 {
  color: #E40000;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-transform: none;
  }

#index #price a {
  color: #364564;
  }

/* PRICE inner */
#inner #price {
  display: block;
  float: right;
  background: url(../i/bg_price.gif) no-repeat 0 0;
  width: 156px;
  height: 40px;
  padding: 0 0 10px 40px;
  font-size: 85%;
  font-family: Arial;
  }

#inner #price h2 {
  color: #E40000;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-transform: none;
  }

#inner #price a {
  color: #364564;
  }
  

/* AGREEMENT */
 #agreement {
  float: right;
  clear: right;
  background: url(../i/bg_agreement.gif) #fff no-repeat 0 0;
  width: 156px;
  height: 50px;
  padding-left: 40px;
  font-size: 85%;
  font-family: Arial;
  margin-left: 1px;
  }
  
#index #agreement {
  float: left;
  }
  
#inner #agreement {
  padding-left: 39px;
  }

 #agreement h2 {
  color: #7B2F23;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  }

 #agreement a {
  color: #4A89AB;
  }
  
/* AGREEMENT */
#index .agreement {
  padding-left: 54px;
  }

 .agreement {
  display: block;
  float: right;
  clear: right;
  background: url(../i/bg_agreement.gif) #fff no-repeat 0 0;
  width: 156px;
  height: 50px;
  padding-left: 49px;
  font-size: 85%;
  font-family: Arial;
  }

 .agreement h2 {
  color: #7B2F23;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  }

 .agreement a {
  color: #4A89AB;
  }

/* SITE */
.bg_right {
/*  background: url(../i/bg_site.gif) repeat-y 0 0;*/
  }

#site {
  width: 215px;
  float: right;
  display: block;
  padding-bottom: 35px;
  }

#site h2 {
  color: #c63;
  font-family: Arial Narrow;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 15px;
  width: 216px;
  background: #fff;
  }

#site a {
  color: #c63;
  cursor: pointer;
  }

#subject {
  display: block;
  float: left;
  clear: left;
  width: 100px;
  height: 120px;
  padding-left: 10px;
  margin-bottom: 15px;
  padding-top: 4px;
  }

#subject img {
	margin: 0 0 0 11px;
  }

#subject a {
  display: block;
  float: left;
  clear: left;
  background: url(../i/glass.gif) no-repeat 0 0;
  color: #000;
  height: 21px;
  padding-left: 10px;
  font-family: Arial;
  font-size: 90%;
  margin: 0 0 0 11px;
  }

/* SIGN */
#sign {
  float: left;
  margin-bottom: 15px;
  }

#sign a{
  color: #4B88AA;
  }

#sign .separation {
  color: #4B88AA;
  margin: 0 2px 0 2px;
  }

/* FO0TER */
#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 55px;
  font-size: 70%;
  background: #D8B193;
  /*border: 1px solid #333;*/
  }

/*#footer .bg_white {
  background: #fff;
  width: 57px;
  height: 55px;
  float: right;
  }

#footer_left {
  background: #fff;
  height:105px;
  width: 258px;
  float: left;
  }*/

#counter {
  background: url(../i/bg_counter.gif) repeat-y #D8B193 0 0;
  /*width: 228px;*/
  float: left;
  padding-top: 12px;
  padding-left: 345px;  
  }

#counter img {
  margin-right: 20px;
  }

#copiright {
  float: left;
  height: 45px;
  padding-top: 10px;  
 }

#copiright a {
  color: #4A89AB;
  }

#copiright p {
  margin-bottom: 5px;
  }

/* WORK */
.work {
  float: left;
  margin: 0 15px 25px 0;
  width: 319px;
  }

#inner #content .work a {
  background: url(../i/bg_work_a.gif) repeat-y 0 0;
  padding-left: 15px;
  color: #C15A3D;
  font-family: "Arial Narrow";
  font-weight: bold;
  font-size: 120%;
  display: block;
  margin-left: 148px;
  margin-top: 17px;
  width: 87px;
  line-height: 1.1em;
  }

.work .img {
  width: 128px;
  height: 86px;
  border-top: 10px solid #7A2D22;
  float: left;
  }

/* стили для таблицы */

table .table {
  float: left;
  width: 90%;
  font-size: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  }

table .table thead tr {
  border-right: 2px solid #F8D757;
  }

table .table thead td{
  background: #FFED9F;
  color: #7B2F23;
  text-align: left;
  border-left: 2px solid #F8D757;
  border-bottom: 2px solid #C15A3E;
  padding: 5px 0 2px 10px;
  }

table .table {
  border-right: 2px solid #F8D757;
  }

table .table tbody tr.yellow td{
  background: #F7D757;
  border-left: 2px solid #F8D757;
  border-bottom: none;
  color: #000;
  padding: 5px 0 2px 10px;
  }

table .table tbody tr.white td{
  background: #fff;
  border-left: 2px solid #F8D757;
  border-bottom: none;
  color: #000;

  }

table .table tbody td{
  border-left: 2px solid #F8D757;
  border-bottom: 1px solid #C15A3E;
  color: #000;
  padding: 5px 0 2px 10px;
  }


table.dipl {
  float: left;
  width: 60%;
  font-size: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  }

/*table thead tr {
  border-right: 2px solid #F8D757;
  }

table thead td{
  color: #7B2F23;
  text-align: left;
  padding: 2px;
  }

table tbody td{
  color: #000;
  padding: 2px;
  }*/

/* GALLERY */
.gallery {
  display: inline-block;
  float: left;
  width: 260px;
  }

.gallery img {
  margin-bottom: 3px;
  }

.gallery a {
  display: block;
  color: #4B8AAB;
  font-size: 95%;
  font-weight: bold;
  margin-bottom: 20px;
  }

/* ARTICLE */
.article {
  display: block;
  padding-bottom: 20px;
  font-size: 110%;
  padding-top: 10px;
  }
  
.article p{
  font-size: 90%;
  }
  
.date {
  display: block;
  margin-bottom: 5px;
  }

#inner #content .article a {
  color: #CD6631;
  font-weight: bold;
  }

#inner #content .article a.details {
  color: #4988AA;
  font-weight: normal;
  }

.img_left {
  float: left;
  margin: 0 35px 5px 0;
  }

.img_right {
  float: right;
  margin: 0 20px 5px 15px;
  }
  
a.previous {
  color: #4988AA;
  float: left;
  font-size: 110%;
  margin-top: 20px;
  }  
  
a.next {
  color: #4988AA;
  float: right;
  font-size: 110%;
  margin-right: 20px;
  margin-top: 20px;
  }  
  
a.list {
  color: #4988AA;
  float: left;
  clear: left;
  font-size: 110%;
  margin-top: 20px;
  }

/* LICENSE */
.block_foto {
  float: left;
  margin: 0 15px 10px 0;
  background: #C0593D;
  padding: 3px 5px 0 5px;
  }

.block_foto img {
  margin-bottom: 5px;
  }

#inner #content .block_foto a {
  display: block;
  float: left;
  clear: left;
  background: url(../i/glass.gif) #C05A3E no-repeat 0 0;
  color: #fff;
  height: 21px;
  padding-left: 28px;
  font-family: Arial;
  font-size: 100%;
  }

/* ADDRESS */
#address {
  padding-bottom: 30px;
  }

#address span{
  font-family: "Arial Narrow";
  font-style: italic;
  font-size: 120%;
  }

#address p {
  text-indent: 0;
  }

#address label {
  width: 100px;
  float: left;
  clear: left;
  margin-left: 30px;
  }

/* form */
#content form {
   width: 320px;   
   }

#content form label {
   float: left;
   clear: left;
   margin-bottom: 5px;
  }

#content form input{
   /*height: 21px;*/
   width: 310px;
   margin: 0;
   padding: 0;
   margin-bottom: 10px;
   color: #000;
   font-family: Arial;
   font-size: 13px;
   background: #fff;
   border: 1px solid #914A3F;
  }


#content form textarea{
   width: 312px;
   background: #fff;
   font-family: Arial;
   font-size: 13px;
   margin: 0;
   padding: 0;
   margin-bottom: 20px;
   border: 1px solid #914A3F;
  }

#content .buttons input {
   float: left;
   height: 25px;
   width: 80px;
   padding: auto;
   margin-right: 20px;
   margin-bottom: 10px;
   background: #C5897F;
   color: #fff;
   font-weight: bold;
   cursor: pointer;
  }
#content .buttons {
   display: block;
   float: left;
   clear: left;
   margin-top: 0px;
  }
  
#content form span,
#content .necessary_windows span {
  color: #B90101;
  margin-right: 3px;
  }  

/* REPAIR */
.repair {
  display: block;
  float: left;
  width: 280px;
  height: 250px;
  margin-bottom: 20px;
  }

.repair span{
  float: left;
  clear: left;
  width: 200px;
  font-weight: bold;
  font-family: Arial;
  margin-bottom: 5px;
  }

#content .repair p {
  clear: left;
  width: 250px;
  text-indent: 0;
  }
  
#content a.example {
  display: block;
  clear: left;
  margin-top: 10px;
  }

hr {
  color: #865849;
  background:#865849;
  height: 3px;
  }

p.red {
  color:#E91B1D;
  font-size: 11px;
  }

p.red_txt {
  color:#E91B1D;
  }

.block_txt  {
  background: url(../i/bg_block_txt.gif) repeat-x 0 0;
  font-size: 12px;
  font-weight: bold;
  padding: 30px 15px 0 15px;
  margin: 10px 0;
  height: 180px;
  }

.block_txt p.red {
  color: #C41212;
  font-size: 12px;
  font-weight: bold;
  }


.gallery {
   margin: 0 0 20px 0;
   font-family: Garamond;
  }

.gallery a, gallery img {
	float: left;
	margin: 0 15px 20px 0;
  }

.gallery a,.gallerys a {color:#634F00; font-size: 1.1em; font-weight: bold; font-family: Garamond;}
.gallery a:hover,.gallerys a:hover,.gallery a:active,.gallerys a:active {color: #333; font-size: 1.1em; font-weight: bold; font-family: Garamond;}

.gallerys {
	margin: 0 40px 20px 0;
	text-align: center;
	float: left;
           font-family: Garamond;
  }
  
/*style text*/  
#content .pright {
  text-align: right;
  }
  
#content .pcenter {
  text-align: center;
  }