/* Версия от 11.04.2008 */
body { margin: 0; padding: 0; background-color: #fff; }
* { margin:0; padding:0 }
.clear { clear: both; }

a { color: #0000ad; }
.orange { color: #ff8111; }
h1, h2, p { margin: .6em 0; }

/* Hat */
#hat { height: 128px; background: url(main.hat.bg.png) top left repeat-x; position: relative; width: 100%; overflow: hidden; }
#hat .hat-top-left { width: 109px; height: 20px; background: url(main.hat.corners.png) top left no-repeat; position: absolute; top: 0; left:0;  }
#hat .hat-top-right { width: 109px; height: 20px; background: url(main.hat.corners.png) -109px 0 no-repeat; position: absolute; top: 0; right:0;  }

#hat #phone { float: right; width: 30%; padding-left: 35px; margin: 60px 0 20px 0; background: url(main.hat.phone.bg.gif) 0 .3em no-repeat; }
#hat #phone dl { width: 21em; }
#hat #phone dt { float: left; padding-top: .95em; }
#hat #phone dd { float: right; width: 16em; }
#hat #phone dd.both { padding-left: 2.7em; width: 13.3em; }

#hat #phone2 { float: right; width: 46%; margin: 60px 0 20px 0; font-weight: bold; color: #5E5E5E; font-family: Arial, Tahoma; }
#hat #phone2 .item { float: left; margin-left: 15px; padding-left: 35px; background: url(main.hat.phone.bg.2.gif) 0 .3em no-repeat; }
#hat #phone2 .item big { font-size: 1.8em; font-weight: normal; font-family: Arial, Tahoma; }

#hat #logo { float: left; width: 39%; margin: 70px 0 5px 7%; }
#hat #logo h2 { margin: 0; padding: 0; }
#hat #logo a { display: block; width: 290px; height: 53px; background: url(main.hat.logo.png) top left no-repeat; }
#hat #logo span { display: none; }

#hat .home { width: 13px; height: 13px; position: absolute; top: 70px; right: 35%; }
#hat .home img { border: none; }

#hat .home2 { width: 13px; height: 13px; position: absolute; top: 70px; right: 48%; }
#hat .home2 img { border: none; }

#hat1 { height: 106px; background: url(hat.bg.gif) top left repeat-x; position: relative; width: 100%; overflow: hidden; }
#hat1 .hat-top-left { width: 109px; height: 21px; background: url(hat.corner.left.gif) top left no-repeat; position: absolute; top: 0; left:0;  }
#hat1 .hat-top-right { width: 109px; height: 21px; background: url(hat.corner.right.gif) top left no-repeat; position: absolute; top: 0; right:0;  }

#hat1 #phone3 { float: right; width: 50%; margin: 51px 0 7px 0; font-weight: bold; color: #303030; font-family: Arial, Tahoma; }
#hat1 #phone3 .item-red, #hat1 #phone3 .item-grey { float: left; margin-left: 15px; padding-left: 50px; height: 48px; }
#hat1 #phone3 .item-red { background: url(hat.redphone.gif) top left; }
#hat1 #phone3 .item-grey { background: url(hat.greyphone.gif) top left; }
#hat1 #phone3 .item-red .num, #hat1 #phone3 .item-grey .num { height: 32px; padding-right: 10px;}
#hat1 #phone3 .item-red .num big, #hat1 #phone3 .item-grey .num big { font-size: 31px; font-weight: normal; font-family: Arial, Tahoma; }
#hat1 #phone3 .item-red .addr, #hat1 #phone3 .item-grey .addr { color: #FFFFFF; height: 16px; font-size: 14px; }

#hat1 #logo1 { float: left; width: 39%; margin: 51px 0 0 9%; }
#hat1 #logo1 h2 { margin: 0; padding: 0; }
#hat1 #logo1 a { display: block; width: 293px; height: 55px; background: url(hat.logo1.gif) top left no-repeat; }
#hat1 #logo1 span { display: none; }

#hat1 .home3 { width: 13px; height: 13px; position: absolute; top: 58px; left: 60px; }
#hat1 .home3 img { border: none; }

#hat1 .hat-noof { width: 303px; height: 12px; background: url(hat.noofficial.gif) 175px top no-repeat; position: absolute; top: 4px; left:9%;  }
#menu #menu-container1 { height: 14px; background: url(main.menu.bottom.bg.png) bottom left repeat-x; border-top: 1px solid #FFF; }

#menu { padding: 0 0 0 0; background: #949373 url(main.menu.bg.png) top left repeat-x; overflow: hidden; position: relative; }
#menu #menu-container { padding-bottom: 21px; background: url(main.menu.bottom.bg.png) bottom left repeat-x; }
#menu .line { width: 57%; height: 17px; font-size: 1px; background: url(main.menu.line.bg.png) top left no-repeat; position: absolute; top: 0; right: 0; }
#menu .hat-bottom-left { width: 107px; height: 53px; background: url(main.hat.corners.png) -2px -20px no-repeat; position: absolute; top: 14px; left:0;  }
#menu .hat-bottom-right { width: 107px; height: 53px; background: url(main.hat.corners.png) -109px -20px no-repeat; position: absolute; top: 14px; right:0;  }
#menu .main-menu { text-align: center; list-style: none; padding: 0 110px 0 110px; }
#menu .main-menu li { display: inline; margin: 0 30px 0 0; }
#menu .main-menu li span { padding-left: 10px; margin-right: 5px; height: 5px; background-color: #419cd1; vertical-align: .2em; }
#menu .main-menu li#home img { border: none; vertical-align: middle; }
#menu .main-menu li a { color: #fff; }

#mech { height: 65px; background: url(main.mech.png) bottom left no-repeat; position: relative; }
#mech div { height: 116px; width: 85px; margin-top: -50px; position: absolute; background: url(main.mech.png) bottom left no-repeat; }
#mech1 { height: 65px; background: url(main.mech2.png) bottom left no-repeat; position: relative; }
#mech1 div { height: 116px; width: 85px; margin-top: -50px; position: absolute; background: url(main.mech2.png) bottom left no-repeat; }

#content .left-container { width: 70%; float: left; }
#content .left-container .left { margin: 0 0 3.6em 40px; }

#content { background: url(internal.bg.png) -30px 100% no-repeat; padding-bottom: 50px; }
#content .left-container .left .auto-box { margin-top: 0; }
#content .left-container .left .auto-box .left .img { border-bottom: 1px solid black; padding-bottom: 3px; }
#content .left-container .left .auto-box .left { float: left; width: 290px; margin: 0 0 0 12px; }
#content .left-container .left .auto-box .left ul { list-style: none; margin: 1.2em 0 1.2em 10px; }
#content .left-container .left .auto-box .left ul li { margin: .6em 0; }
#content .left-container .left .auto-box .left ul li span { padding-left: 15px; margin-right: 5px; vertical-align: .2em; }
#content .left-container .left .auto-box .right { margin-left: 350px; }

#content .left-container .left #others { list-style: none; text-align: center; margin-top: 2.4em; } 
#content .left-container .left #others li { display: inline; }
#content .left-container .left #others a img { border: none; vertical-align: -.4em; }
#content .left-container #about { padding: 10px 20px 100px 115px; background: #fff url(main.about.bg.png) top left no-repeat; } 
#content .left-container .left .content { margin: 2.4em 0 4.8em 12px; }
#content .left-container .left .content ul,
#content .left-container .left .content ol,
#content .left-container .left .content dl,
#content .left-container .left .content quote { margin: 1.2em 0 1.2em 3.6em; }
#content .left-container .left .content h2,
#content .left-container .left .content h3,
#content .left-container .left .content h4 { margin: 2.4em 0 1.2em 0; }
#news dd { margin-bottom: 1em; padding-bottom: 1.5em; border-bottom: 1px solid #c0c0c0; }
.newsurlr { text-align: right; padding: 1em 8em 0; }

#content .right-container { width: 27%; float: right; }
#content .right-container .right { padding: 0 20px 150px 0; background: url(main.news.bg.png) bottom right no-repeat; }

#content .right-container .right ul { list-style: none; margin: 3.2em 0; }
#content .right-container .right ul li { padding-left: 0px; margin: .2em 0; }
#content .right-container .right ul li span { margin-right:5px; padding-left:15px; vertical-align:0.2em; background-color: #b00000; font-size: 5px; }
#content .right-container .right ul li ul { margin: 0 0 0 20px; }

#content .right-container .right h2 { margin: 1.2em 0; }
#content .right-container .right #model-list { list-style: none; margin-top: 1.2em; }
#content .right-container .right #model-list li { margin: 1.8em 0; }
#content .right-container .right #model-list li img { border: none; vertical-align: -5px; margin-right: 20px; }

#content .right-container .right .place { border-top: 3px solid #ff7800; border-bottom: 3px solid #c2c2c2; padding: 25px 20px 50px 20px; }
#content .right-container .right img { border: 1px solid #c2c2c2; margin: 0 .6em 0 0;  }
#content .right-container .right .news dt { margin: 1.1em 0 .5em 0; }
#content .right-container .right .news dd { margin: 0 0 1.2em 0; }
#content .right-container .right .news dd .img { width: 102px; height: 52px; overflow: hidden; float: left; }
#content .right-container .right .news dd .text { padding-left: 110px; }

#content .right-container .right .blank h1, #content .right-container .right .blank h2 {
	margin-bottom: .2em;
}
#content .right-container .right .blank {
	border-bottom: 3px solid #ff7800;
	margin-bottom: 1.8em;
}


  .visits-left { margin: 0 0 1.5em -10px; padding: 5px 0 0.8em 15px; background-color: #E0E0E0; font-family: Arial; font-size: 0.85em; border: 1px solid #FF7800; }
  .visits-left h1 { font-size: 1.7em;  }
  .visits-left h1, .visits-left h2 { margin-top:0; margin-bottom: 0.5em; color: #B00000; }
  .visits-left div { font-size: 1.1em; }
  .visits-left table.formtable { width: 99%; }
  .visits-left table.formtable td { vertical-align: top; height: 19px; padding-bottom: 5px; font-size: 14px; }
  .visits-left table.formtable td.text { width: 70%; }
  .visits-left table.formtable td.text [type="text"] { height: 15px; width: 97%; font-size: 14px; margin: 0; padding: 0;  }
  .visits-left table.formtable td.text [type="password"] { height: 15px; width: 97%; font-size: 14px; margin: 0; padding: 0;  }

  .visits-left .logout-button { float: right; width: 29%; text-align: left; }
  .visits-left .point { margin-bottom: 0.8em; }
  .visits-left .model { margin-left: 40px; width: 120px; text-align: center; }
  .visits-left a.visit { color: red; }
  .visits-left .excuse { color: red; }

  .visit { font-size: 1em; font-family: Arial;}
  .visit img, .visits-left img { border: 0 !important; }

  .visit .master { float: right; margin-top: 1.5em; }
  .visit .master table td { vertical-align: bottom; padding-left: 2px; }
  .visit .master table td img { border: 1px solid #000000; margin: 0; }
  .visit .dt { font-size: 1.7em; color: red; }
  .visit img { margin: 0;  }

  .visit .b-c { background-color: #F2F2F2; border: 1px solid #000000; margin-bottom: 1.5em; }
  .visit .b-c .sv { font-size: 120%; }
  .visit .b-c .sw { margin-left: 80px; }
  .visit .work-block { width: 100%; }

  .visit .work-block td { padding: 6px 0; width: auto; vertical-align: bottom; }
  .visit .work-block td.t-head { font-size: 1.5em; vertical-align: middle; padding: 6px 0 0 3px; }
  .visit .work-block td.t-1 { width: 28px !important; text-align: center; }
  .visit .work-block td.t-2 { text-align: left; font-weight: bold; }
  .visit .work-block td.t-3 { width: 28px !important; text-align: right; }
  .visit .work-block td.t-4 { width: 100px !important; text-align: left; }
  .visit .work-block td.t-5 { width: 150px !important; text-align: left; }
  .visit .work-block td.t-5 .price1 { color: red; font-size: 1.2em; }
  .visit .work-block td.t-5 .priceall { color: red; font-size: 2.1em; }
  .visit .work-block td.t-comment { text-align: right; padding-right: 2%; }
  .visit .work-block td.t-comment textarea { width: 98%; height: 70px; }
  .visit .work-block tr.t-head td { padding: 6px 0 0 3px; }

  .to-changedata {  }
  .to-changedata td { padding: 2px; font-size: 11pt; }
  .to-changedata td.to-cd-left { text-align: right; }
  .to-changedata td input { width: 300px; }
  .to-changedata td img { margin: 0; }

  .cp-model { float: left; width: 160px; height:120px; text-align: center; }
  .cp-model img { margin:0; border:0;}
  .cp-model a { border: 0; text-decoration:none; color: #333333; }
  .cp-model a span { border-bottom:1px dashed; text-decoration:none !important; font-size:12px; }
  .cp-model a:hover span { color: red; }

  .cpto .topurl { float:right; margin-top:30px; }
  .cpto h2 img { float:left; margin-top:0; }
  .cpto .b-c { background-color: #F2F2F2; border: 1px solid #000000; margin-bottom: 1.5em; }
  .cpto .work-block { width: 100%; }

  .cpto .work-block td { padding: 6px 0; width: auto; vertical-align: top; }
  .cpto .work-block td.t-head { font-size: 1.5em; vertical-align: middle; padding: 6px 0 0 3px; }
  .cpto .work-block td.t-1 { width: 50px !important; text-align: left; padding-left: 6px; }
  .cpto .work-block td.t-2 { text-align: left; font-weight: bold; }
  .cpto .work-block td.t-3 { width: 50px !important; text-align: right; }
  .cpto .work-block td.t-4 { width: 100px !important; text-align: left; }
  .cpto .work-block td.t-5 { width: 130px !important; text-align: left; }
  .cpto .work-block td.t-5 .price1 { color: red; font-size: 1.2em; }
  .cpto .work-block td.t-5 .priceall { color: red; font-size: 2.1em; }
  .cpto .work-block tr.t-head td { padding: 6px 0 0 3px; }

  .cpto-tab { border: 1px solid #D0D0D0; float:left; border-bottom: 0; width: 150px; height: 25px; padding: 2px 10px; text-align: center; background-color:#B00000; }
/*  .cpto-tab div { width: 150px; height: 25px; padding: 2px 10px; text-align: center; }*/
  .cpto-tab h2 { margin: 0 !important; color:#FFFFFF; }
  .cpto-tab1 { border-bottom: 1px solid #D0D0D0; height: 29px; margin-left:170px; }
  .cpto-container { border: 1px solid #D0D0D0; border-top: 0; padding: 10px 0; margin-bottom: 20px; }


/* Главное меню в левой колонке */
	#content .right-container .main-menu {
		list-style: none;
		margin-left: 20px;
		margin-top: 0px !important;
		margin-right: 40px;
	}
	#content .right-container .main-menu li {
		font-size: 1.25em;
		margin-bottom: .4em !important;
		padding-left: 20px !important;
	}
	#content .right-container .main-menu li ul {
		margin-left: 0 !important;
	}
	#content .right-container .main-menu li li {
		font-size: .95em;
	}
	#content .right-container .main-menu li span {
		background-color: #419CD1 !important;
		margin-left: -20px;
	}
	#content .right-container .main-menu li.a span {
		background-color: #B00000 !important;
	}
/* / Главное меню в левой колонке */
#content .right-container .right .contact-box { margin-right: -19px; padding: 0 40px 2.4em 0; overflow: hidden; }
.menu-img {
	background: url(main.menu.new.bg.png) 100% 80px no-repeat;
}
#footer { background: url(main.footer.bg.png) top right no-repeat; padding: 22px 0 0 0; }
#footer .left-container { width: 60%; float: left; }
#footer .right-container { width: 20%; float: right; }
#footer .left-container .left { width: 40%; float: left; margin: 5px 0 2.4em 115px; }
#footer .left-container .right { width: 20%; float: right; padding: 7px 0 0 35px; margin: 0 0 2.4em 0; background: url(main.hat.phone.bg.gif) top left no-repeat; }

#footer .left-container .left td { vertical-align: top; padding: 2px; }
#footer .left-container .left td.item-red { background-color: #B00000; }
#footer .left-container .left td.item-grey { background-color: #5E5E5E; }
#footer .left-container .left td a {color: #FFFFFF; text-decoration: none; font-size: 15px; }

#sl-logo { width: 115px; font: 10px Arial, Serif; }
#sl-logo a { text-decoration: none; background: url(siteleader.logo.gif) left center no-repeat; display: block; padding-left: 33px; }
#sl-logo span { text-decoration: underline; }
#sl-logo b { font: bold 12px Verdana, Serif; color: #cd0000; }
#sl-logo i { font: 14px Georgia, Sans-Serif; color: #000; }

#hat, #menu, #content, #middle-content, #bottom-content, #footer { min-width: 990px; }