html {  scroll-behavior: smooth; }
		body {font-family: 'PT Sans', sans-serif;  }

		#header { background: linear-gradient(0deg, rgba(255,255,255,1) 38%, rgba(150,202,255) 100%); }
	

		#wrap > div { border:0px solid #333; padding:20px; width:1000px; margin:0px auto; box-sizing:border-box; position:relative;}
		#wrap > #header {padding-left:140px;}

		#wrap > #header > h1 > span	{padding:0px; margin:0px;font-size:100%;}
		#wrap > #header > h1 > span	{font-size:100%;}

		#wrap > #header > #header_contacts {float: right; font-size:100%;
    							display: inline-block;   font-size: 150%;    text-align: center;    padding: 10px 20px;
    							margin-top: 0px;    border-radius: 10px;    background: #369;    color: #fff;
						}
		#wrap > #header > #header_contacts .phone {color:#fff; text-decoration:none;font-size:120%;}

		#wrap > #topmenu {padding-left:140px; }

		#wrap > #content {padding-left:0px;  margin-top:10px; border-radius:10px; padding-right:0px;
							 box-sizing:border-box; padding-top:10px;}

		#wrap > #footer {padding-left:140px;}


		#wrap > #topmenu > a      { text-decoration:none; color:#007bff;}	
		#wrap > #topmenu > a > h2 {font-size:100%; font-weight:normal; text-decoration:none;}	
		#wrap > #topmenu > a > h2 > span { color:#000;}	











#menuProducts {vertical-align:top; font-size:16px; margin:-25px; font-size:90%;}

#menuProducts > a {width:325px; display:inline-block; vertical-align:top; height:280px; margin:4px; border:0px solid #ccc; padding:8px 14px; 
box-sizing:border-box;
border-radius:10px; text-decoration:none; color:#000; box-shadow:inset 0px 0px 10px #aaa;
border-width:2px; }

#menuProducts > a:hover {   cursor:pointer; }
#menuProducts > a h2 {font-size:110%; text-decoration:underline; padding:0px ;}
#menuProducts > a:hover > h2 {color: rgba(var(--bs-link-color-rgb)); }





#menuProducts > a.blue   {background: linear-gradient(-90deg, rgba(255,255,255,1) 38%, rgba(150,202,255) 140%); border-color: #69c;}
#menuProducts > a.orange {background: linear-gradient(-90deg, rgba(255,255,255,1) 38%, #fc9 140%); border-color:#f93;}
#menuProducts > a.green  {background: linear-gradient(-90deg, rgba(255,255,255,1) 38%, #cf9 140%); border-color:#3c3;}
#menuProducts > a.violet {background: linear-gradient(-90deg, rgba(255,255,255,1) 38%, #c9f 140%); border-color:#96c;}
#menuProducts > a.red    {background: linear-gradient(-90deg, rgba(255,255,255,1) 38%, #f9c 140%); border-color:#a33;}
#menuProducts > a.grey   {background: linear-gradient(-90deg, rgba(255,255,255,1) 38%, #ccc 140%); border-color:#777;}



#menuProducts > a.blue:hover   {background: linear-gradient(-90deg, rgba(255,255,255,1) 38%, rgba(150,202,255) 100%);}
#menuProducts > a.orange:hover {background: linear-gradient(-90deg, rgba(255,255,255,1) 38%, #fc9 100%);}
#menuProducts > a.green:hover  {background: linear-gradient(-90deg, rgba(255,255,255,1) 38%, #cf9 100%);}
#menuProducts > a.violet:hover {background: linear-gradient(-90deg, rgba(255,255,255,1) 38%, #c9f 100%);}
#menuProducts > a.red:hover    {background: linear-gradient(-90deg, rgba(255,255,255,1) 38%, #faa 100%);}
#menuProducts > a.grey:hover   {background: linear-gradient(-90deg, rgba(255,255,255,1) 38%, #ccc 100%);}


h3 {margin-top:10;}

img.w30p {width:30%;display:inline-block;}
img.w33p {width:33%;display:inline-block;}
img.w38p {width:38%;display:inline-block;}
img.w40p {width:40%;display:inline-block;}
img.w42p {width:42%;display:inline-block;}
img.w49p {width:49%;display:inline-block;}
img.w55p {width:55%;display:inline-block;}
img.w58p {width:58%;display:inline-block;}
img.w60p {width:60%;display:inline-block;}
img.w62p {width:62%;display:inline-block;}
img.w66p {width:66%;display:inline-block;}

img.w84p {width:84%;display:inline-block;}
img.w93p {width:93%;display:inline-block;}
img.w100p {width:100%;display:inline-block;}



h2 > small {font-weight:normal;}




.box {border:1px solid #333; padding:20px; margin-left:0px; padding-left:80px; padding-right:40px; 
page-break-inside: avoid; color:#000; border-width:2px; border-radius:10px; margin-bottom:10px;}

div#content.blue   > .box {background: linear-gradient(-90deg, rgba(255,255,255,1) 92%, rgba(150,202,255) 105%  ); border-color: #69c;}
div#content.orange > .box {background: linear-gradient(-90deg, rgba(255,255,255,1) 92%, #fc9 105%); border-color: #f93;}
div#content.green  > .box {background: linear-gradient(-90deg, rgba(255,255,255,1) 92%, #693 105%); border-color: #3c3;}
div#content.violet > .box {background: linear-gradient(-90deg, rgba(255,255,255,1) 92%, #c9f 105%); border-color: #96c;}
div#content.red    > .box {background: linear-gradient(-90deg, rgba(255,255,255,1) 92%, #fcc 105%); border-color: #a33;}
div#content.grey   > .box {background: linear-gradient(-90deg, rgba(255,255,255,1) 92%, #ddd 105%); border-color: #777;}


.box > h1 {padding:0px; margin:0px;}
.box > h2 {padding:0px; margin:0px;}
.box > h3 {padding:0px; margin:0px;}