@charset "utf-8";
@import url("0.css");

body {color:#000; background: #fff url(../images/formalization/bg-pattern.gif) repeat; font: normal 14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif}
input,textarea,option,select {color:#000; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif}
a {color:#239094; text-decoration:underline}
a:hover {color:#db433b}
hr {height:1px; border:none; background-color:#e5e5e5; color:#e5e5e5; margin: 30px 0 15px 0; padding:0; width:590px;}

#container {position:relative; width:958px; margin: 11px auto;}

/* --- top --- */

#top {position:relative; width:958px; margin:0 auto; height:149px; background:url(../images/formalization/bg-top.png) no-repeat;}
	#top .logotype {position: absolute; top: 19px; left: 29px;}
	#top .slogan {position: absolute; top: 46px; left: 317px;}
	#top .phones {position: absolute; top: 49px; left: 536px;}
	
	#top .search {position: absolute; top: 32px; left: 699px; width: 210px; height: 58px; background: url(../images/formalization/bg-search.png) no-repeat;}
	
		#top .search .search-input {width: 145px; height: 17px; float: left; color: #b2b2b2; border-width: 1px; border-style: solid; border-color: #000 #fff #fff #000; background-color: #fff; position: relative; top: 19px; left: 20px; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 1px 0 0 4px;}
		#top .search .search-button {background:url(../images/formalization/button-search.png) top no-repeat; width: 20px; height: 15px; border: none; position: relative; top: 22px; left: 29px; cursor: pointer;}
		#top .search .search-button:hover {background:url(../images/formalization/button-search.png) 0 -15px no-repeat; width: 20px; height: 15px; border: none; cursor: pointer;}
		
	#top .navigation {position: absolute; height: 29px; top: 107px; left: 53px;}
	
		#top .navigation li {position: relative; float: left; padding: 0; margin-left: 0; height: 29px;}
		#top .navigation .title {position:relative; overflow:hidden; display:block; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; height:29px}
		#top .navigation .title i {position:absolute; top:0; left:0; width:100%; height:29px; background: url(../images/formalization/bg-nav.png) no-repeat;}
		
		#top .navigation .nav-1 {width:88px; display:block;}
		#top .navigation .nav-1 i {width:88px; background-position: -45px 0;}
		#top .navigation .nav-1 i:hover {width:88px; background-position: -45px -29px; cursor:pointer;}
		
		#top .navigation .nav-2 {width:89px; display:block;}
		#top .navigation .nav-2 i {width:89px; background-position: -133px 0;}
		#top .navigation .nav-2 i:hover {width:89px; background-position: -133px -29px; cursor:pointer;}
	
		#top .navigation .nav-3 {width:106px; display:block;}
		#top .navigation .nav-3 i {width:106px; background-position: -222px 0;}
		#top .navigation .nav-3 i:hover {width:106px; background-position: -222px -29px; cursor:pointer;}
		
		#top .navigation .nav-4 {width:211px; display:block;}
		#top .navigation .nav-4 i {width:211px; background-position: -328px 0;}
		#top .navigation .nav-4 i:hover {width:211px; background-position: -328px -29px; cursor:pointer;}
		
		#top .navigation .nav-5 {width:95px; display:block;}
		#top .navigation .nav-5 i {width:95px; background-position: -539px 0;}
		#top .navigation .nav-5 i:hover {width:95px; background-position: -539px -29px; cursor:pointer;}
		
		#top .navigation .nav-6 {width:96px; display:block;}
		#top .navigation .nav-6 i {width:96px; background-position: -634px 0;}
		#top .navigation .nav-6 i:hover {width:96px; background-position: -634px -29px; cursor:pointer;}
		
		#top .navigation .nav-7 {width:104px; display:block;}
		#top .navigation .nav-7 i {width:104px; background-position: -730px 0;}
		#top .navigation .nav-7 i:hover {width:104px; background-position: -730px -29px; cursor:pointer;}
		
		#top .navigation .nav-8 {width:82px; display:block;}
		#top .navigation .nav-8 i {width:82px; background-position: -834px 0;}
		#top .navigation .nav-8 i:hover {width:82px; background-position: -834px -29px; cursor:pointer;}
		
/* --- / top --- */



/* --- middle --- */

#middle {width: 958px; background: url(../images/formalization/bg-middle.png) repeat-y;}

	#middle #flash {width: 940px; height: 340px; position:relative; left:9px;}
	
	#middle .h-page {width: 940px; height: 100px; background:url(../images/formalization/bg-inner-page-h.png) repeat-x; position:relative; left:9px}
	#middle .h-page-catalog-2 {width: 940px; height: 100px; background:url(../images/formalization/bg-catalog-head-2.png) no-repeat; width:940px; position:relative; left:9px}
	#middle .h-page-catalog-2 .catalog-filter {padding: 40px 0 0 212px;}
	#middle .h-page-catalog-2 .catalog-filter select {width: 205px; cursor:pointer; height: 20px; float: left; color: #b2b2b2; border-width: 1px; border-style: solid; border-color: #000 #fff #fff #000; background-color: #fff; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0 0 0 2px; margin: 0 20px 0 0;}
	#middle .h-page-catalog-2 .catalog-filter select option {background-color:#fff; color:#b2b2b2;  cursor:pointer; font-size:11px;}
	#middle .catalog-1-items {position: relative; left: -10px; padding: 20px 0 0 0;}
	#middle .catalog-1-items img { margin: 0 24px 0 0;}
	
	
	#middle .h-page img {margin: 35px 0 0 60px;}
	
	#middle .columns {background: #fff url(../images/formalization/bg-columns-2.png) repeat-x top; width: 940px; position: relative; left: 9px; display: table;}
		#middle .columns .about {width: 425px; float: left;}
			#middle .columns .about .h1-about {padding:0; margin: 45px 0 20px 60px;}
			
		#middle .columns .h-catalog-category-1 {height: 132px;; width:600px; position: relative;  left: -10px;}
		#middle .columns .h-catalog-category-1 .p-lead-category {padding:0; margin: 0 0 0 130px; font: italic 14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; }

			
		#middle .columns .content {width:590px; float: left; padding: 15px 0 0 60px;}
		#middle .columns .content .breadcrumbs {margin: 0 0 10px 0; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;}
		#middle .columns .content .breadcrumbs li {float: left; background: url(../images/formalization/bg-breadcrumbs.png) no-repeat 0 7px; margin: 0 10px 0 0; padding: 0 0 0 12px;}
		#middle .columns .content .breadcrumbs li.breadcrumbs-first {float: left; background: none; margin: 0 10px 0 0; padding:0;}
		#middle .columns .content .breadcrumbs li.breadcrumbs-last {float: left; margin:0; padding:0 0 0 12px; font-style:italic;}
		
		#middle .columns .content h1 {font: bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif; clear: both; margin: 10px 0 20px 0; padding: 15px 0 0 0;}
		#middle .columns .content h2 {font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 15px 0; padding: 10px 0 0 0;}
		#middle .columns .content h3 {font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 15px 0; padding: 10px 0 0 0;}
		#middle .columns .content .innerpage-img {float: left; padding:0 0 15px 0; margin: 0 15px 0 0;}
		#middle .columns .content .innerpage-img img {float: left; padding:0 0 15px 0; margin: 0 15px 0 0;}
		#middle .columns .content .innerpage-img .inner-img-description {font: italic 11px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin:0; position:relative; top: 5px; color:#7f7f7f;}
		
		#middle .columns .content .inner-img {float: left; padding:0 0 15px 0; margin: 0 15px 0 0;}
		#middle .columns .content .inner-img .inner-img-description {font: italic 11px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin:0; position:relative; top: 5px; color:#7f7f7f;}
		#middle .columns .content .inner-img .catalog-product-description {font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px; margin:0; position:relative; top: 10px; color:#000; background-color:#e9f4f4; width:180px; display:block; height:70px;}
		#middle .columns .content .inner-img .catalog-product-description .costname {display:block; float:left}
		#middle .columns .content .inner-img .catalog-product-description .cost {color:#db433b; display:block; float:right; font-style:italic}
			#middle .columns .content .inner-img .catalog-product-description .shs-price {color:#db433b; display:block; float:right; font-style:italic}
		#middle .columns .content .inner-img .catalog-product-description .dots {display:block; position:absolute; top:23px; left:85px; width:10%; background:url(../images/formalization/bg-dots.png) repeat-x;}
		#middle .columns .content .p-lead {font-style: italic; margin: 0 0 15px 0; padding:0;}
		#middle .columns .content p {margin-bottom: 15px}
		#middle .columns .content ul, ol {margin-bottom: 15px}
		
				
		#middle .columns .content .ul-catalog-2 li { line-height: 30px;margin-bottom:9px; background:url(../images/formalization/bg-list.png) 1px 10px no-repeat; padding-left:12px;}
		#middle .columns .content .ul-catalog-2 a { text-decoration:underline;}
		#middle .columns .content .ul-catalog-2 a:hover {color: #db433b; text-decoration:underline;}
	
		#middle .columns .content .ul-catalog-2-0 {width:290px; float:left;}
		#middle .columns .content .ul-catalog-2-0 li {margin-bottom:9px; background:url(../images/formalization/bg-list.png) 1px 10px no-repeat; padding-left:12px;}
		#middle .columns .content .ul-catalog-2-0 a {text-decoration:underline;}
		#middle .columns .content .ul-catalog-2-0 a:hover {color: #db433b; text-decoration:underline;}
		
		#middle .columns .content .ul-catalog-2-1 {width:290px; float:right;}
		#middle .columns .content .ul-catalog-2-1 li {margin-bottom:9px; background:url(../images/formalization/bg-list.png) 1px 10px no-repeat; padding-left:12px;}
		#middle .columns .content .ul-catalog-2-1 a { text-decoration:underline;}
		#middle .columns .content .ul-catalog-2-1 a:hover {color: #db433b; text-decoration:underline;}
		
			#middle .columns .about  p  {padding:0; margin: 0 0 20px 60px; font: normal 14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
			#p-about .p {padding:0; margin: 0 0 20px 60px; font: normal 14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
		
		#middle .columns .content .table-catalog {width: 600px; padding:0; margin:0; position: relative; left: -10px;}
		#middle .columns .content .table-catalog td {padding: 10px 10px; border-bottom: solid 1px #e9f4f4;}
		#middle .columns .content .table-catalog .table-head-photo {background:url(../images/formalization/bg-table-head.png) repeat-x; height:32px; width:100px; color: #fff; padding:0 20px;}
		#middle .columns .content .table-catalog img {border: solid 1px #238f93;}
		#middle .columns .content .table-catalog img:hover {border: solid 1px #db433b;}
		#middle .columns .content .table-catalog .table-head-description {background:url(../images/formalization/bg-table-head.png) repeat-x; width:350px; height:32px; color: #fff; padding: 0 20px;}
		#middle .columns .content .table-catalog .table-head-cost {background:url(../images/formalization/bg-table-head.png) repeat-x; height:32px; width:145px; color: #fff; padding:0 20px;}
		#middle .columns .content .table-catalog .cost {color:#db433b; font-style:italic;}
		.button-order {width:75px; height:25px; background:url(../images/formalization/button-order.png) no-repeat top; display:block; cursor:pointer; position:relative; top:5px}
		.button-order:hover {width:75px; height:25px; background:url(../images/formalization/button-order.png) no-repeat bottom; display:block; cursor:pointer;}
		
		.button-order-2 {width:75px; height:25px; margin:0; padding:0; top:45px; left: 63px; background:url(../images/formalization/button-order-2.png) no-repeat top; display:block; cursor:pointer; position:absolute;}
		.button-order-2:hover {width:75px; height:25px; background:url(../images/formalization/button-order-2.png) no-repeat bottom; display:block; cursor:pointer;}
		
		.ul-li {color: #db433b;}
		#middle .columns .content .ul-catalog-2-0 li.ul-h-0 {color: #000; font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding:0; background:none;}
		#middle .columns .content .ul-catalog-2-1 li.ul-h-0{color: #000; font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding:0; background:none;}
		.ul-h-1 { display:none;}
		.ul-h-0 a {color: #000;}
		.ol-li {color: #db433b;}
		.table-head td {background:url(../images/formalization/bg-table-head.png) repeat-x; height:32px; color: #fff; padding: 0 20px; }
		.table-catalog td {padding: 0 20px; border-bottom: solid 1px #e9f4f4}
		.table-catalog tr {height:31px;}
		.table-catalog tr:hover {background-color:#e9f4f4}
		
		
		#middle .columns .news {width: 225px; float: left; position: relative; font: normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
			#middle .columns .news .h1-news {padding:0; margin: 45px 0 20px 40px;}
			#middle .columns .news dl {padding:0; margin: 0 0 20px 40px;}
			#middle .columns .additional .clients p {width:165px; margin: 0 0 0 0; position: absolute; top: 52px; padding: 0 0 0 20px; font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;}
				#middle .columns .news dl dt {padding:0; margin: 0 0 2px 0; font-style:italic; color:#db433b;}
				.news-all {position: absolute; top: 50px; left: 196px; font-size: 11px;}
.news-list dl dt{padding-left:10px; margin: 10px 0 2px 0; font-style:italic; color:#db433b;}

		#middle .columns .additional {width: 250px; float: left;}
			#middle .columns .additional .clients { background:url(../images/formalization/bg-clients.png) no-repeat; width: 210px; height: 159px; margin: 40px 0 0 0; padding: 20px 0 0 0; position:relative; left:40px; font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;}
				#middle .columns .additional .clients .h1-clients {padding: 0 0 0 20px; margin:0 0 20px 0;}
				#middle .columns .additional .clients  .clients-input {width: 145px; height: 17px; margin:0 0 10px 20px; color: #b2b2b2; border-width: 1px; border-style: solid; border-color: #000 #fff #fff #000; background-color: #fff; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 1px 0 0 4px;}
			
				#middle .columns .additional .clients .shop-cart .emphasis {font-weight:bold; color:#de7874;}
				.clients-button {background:url(../images/formalization/button-clients.png) top no-repeat; width: 52px; height: 21px; border: none; cursor: pointer; position:relative; left: 122px; top: -5px;}
				.clients-button:hover {background:url(../images/formalization/button-clients.png) 0 -21px no-repeat; width: 52px; height: 21px; border: none; cursor: pointer; position:relative; left: 122px; top: -5px;}
				
				.clients-button-exe {background:url(../images/formalization/button-clients-exe.png) top no-repeat; width: 83px; height: 23px; border: none; cursor: pointer;}
				.clients-button-exe:hover {background:url(../images/formalization/button-clients-exe.png) 0 -23px no-repeat; width: 83px; height: 23px; border: none; cursor: pointer;}
				
		
		#middle .columns .additional .banner {padding:0; margin:0 0 20px 40px;}
			
		
		#middle .columns .content .reviews {width:590px;}
		#middle .columns .content .reviews li {margin:25px 0 0 0}
		#middle .columns .content .reviews img {float:left; border:solid 1px #e5e5e5}
		#middle .columns .content .reviews h3 {float:left; margin:0; padding:0;}
		#middle .columns .content .reviews .date {float:right; position:relative; right:300px; color:#8e8e8e; font-style:italic; font-size:12px; margin:0; padding:0}
		#middle .columns .content .reviews .opinion {clear:left;}
		
		#middle .columns  .content .allNews { float: left; position: relative; font: normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
		#middle .columns  .content .allNews dl {padding:0; margin: 0 0 20px 10px;}
		#middle .columns  .content .allNews dl dt {padding:0; margin: 0 0 2px -10px; font-style:italic; color:#db433b;}				
		
		#middle .columns .content .rating {width:590px; background-color:#e9f4f4; margin: 25px 0 0 0; padding:0 0 19px 0;}
		#middle .columns .content .rating textarea {width:550px; height:75px; background-color:#fff; margin:19px; color: #000; border-width: 1px; border-style: solid; border-color: #000 #fff #fff #000; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 1px 0 0 4px;}
		#middle .columns .content .rating .button-add {width:80px; height:30px; background:url(../images/formalization/button-add.png) no-repeat top; display:block; cursor:pointer; margin:0 0 0 19px}
		#middle .columns .content .rating .button-add:hover {width:80px; height:30px; background:url(../images/formalization/button-add.png) no-repeat bottom; display:block; cursor:pointer;}

/* --- / middle --- */



/* --- bottom --- */

#bottom {width:988px; height:80px; background:url(../images/formalization/bg-bottom.png) no-repeat; color:#fff; margin:0 auto; font-size:11px; padding:9px 0 0}
	#bottom .copyright {float:left; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; top: 43px; left: 20px; color: #fff;}
	#bottom .developer {float:right; position:relative; top: 40px; right: 48px; color: #fff;}
	#bottom .developer a {color: #fff;}
	#bottom .developer a:hover {color: #c7d5d6;}
	
/* ---  /bottom --- */
	
	
/* --- submenu --- */

	#submenu {width:170px; position:absolute;top: 123px; display:none;}
	#wrap-0 #submenu {left:0;}
	#wrap-1 #submenu {left:195px;}
	#middle .columns .content #submenu ul, li {margin:0; padding:0;}
	#middle .columns .content #submenu a {color:#fff; font-size:12px; margin: 0 0 0 10px;}
	#middle .columns .content #submenu a:hover {color:#c7d5d6; font-size:12px; margin: 0 0 0 10px;}
	.submenu-top {height:5px; background: url(../images/formalization/bg-submenu-top.png) top no-repeat; margin:0; padding:0;}
	.submenu-middle {background:url(../images/formalization/bg-submenu-middle.png) top repeat-y; margin:0; padding:0;}
	.submenu-bottom {height:5px; background:url(../images/formalization/bg-submenu-bottom.png) bottom no-repeat; margin:0; padding:0;}
	
	#ditto_pages .ditto_currentpage {
    border: 1px solid #618100;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #C0C0C0; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #000; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #000;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}

#more, #link-more{width: 425px;}