html, body{height: 100%;margin:0;padding:0;}
#fon{position:relative; height:100%;width:100%;background:url(fonright.jpg) no-repeat right bottom;}
html>body #fon{height: auto; min-height: 100%;}
#foot{height:40px;}
#footer{position: absolute;left: 0;bottom: 0;width:100%;}
#fonleft{position: absolute;left: 0;bottom: 0;width:200px;}
#footer{z-index:1;height: 35px;background:#C6C4CB url(f_bot.gif) repeat-x left top;}
#fonleft{background:url(fonleft.jpg) no-repeat left bottom;height:210px;}

#fon table{width:100%;}
#righttop{width:100%;background:url(tab.gif) repeat-x left bottom;}
#rr{width:585px;height:158px;background:#E7E5E6 url(fontop.jpg) repeat-x left bottom;}
#lefttop{background-color:#DCE8EE;}
#lefttop,#text,#nav{vertical-align:top;font:16px Arial}
#text,#text #bk a{border-top:1px solid #a19aaa;}
#text,#text #bk #bkr{text-decoration:none;font:14px Verdana, sans-serif;color:red;font-weight:bold;}
#text,#text #w #bkrt{text-decoration:none;font:15px Arial, sans-serif;color:orange;font-weight:bold;}
#text #bk #bkr:hover{color:#000;}
#text #bk a:hover{color:#003a96;}
#text #bk{background:url(f_bk.gif) no-repeat left top;padding:2px 0px 35px 60px;}
#text #bk a,#text #bk span{text-decoration:none;font:14px Verdana, sans-serif;color:fff;font-weight:bold;background:#B9C5F5 url(f_bf.gif) no-repeat right top;padding:2px 35px;}
#nav{background:url(fonnav.jpg) repeat-x right top;}
#nav a{text-decoration:none;font: 16px sans-serif;color: #006001;  font-family: "Franklin Gothic Medium";  font-style: normal;  font-variant: normal;  font-size: 18px;    }
#xav a{text-decoration:none;font:16px Arial, Geneva, sans-serif;color: navy;  font-size: 18px; }
.n{font:16px Arial, sans-serif;color: #ff0606;font-weight:bolder;}
#nav a:hover{color:#F1690E;}
#nav ul{margin:10px;padding:0px;}
#nav li{list-style-type: none;background: transparent url(bul.gif) no-repeat left bottom;padding:10px 0px 2px 25px;}
#logo{position:absolute;left:0px;top:78px;}
#formula{position:absolute;left:740px;top:0px;}
#logo a img{border:1px solid transparent;}
#righttop #reg{width:113px;background-color:#f1a700;font:12px Verdana, sans-serif;color:#fff;text-align:right;}
.forma{width:80px;border:1px solid #f1a700;}
#righttop #reg #sb{text-align:center;}
#registr{width:260px;height:158px;background:url(och.jpg) no-repeat right top;}
#registr #r{margin-top:80px;margin-left:80px;}
#center{width:150px;}
#rightimg{width:24px;}
#registr,#registr #r,#center,#left,#rightimg{float:left;}
/* для новостей*/
#text #news{padding:10px 30px;color: #c8c8c8;}
	#text #news h2 {
	font: 16px 	Verdana, sans-serif; color: #c8c8c8;	font-weight: bold;
}
	#text #news a {text-decoration: underline;font: 13px Verdana, sans-serif;	color: #9C9C9C;font-style: italic;
}
	
/*контент*/
#text #main{padding:10px 30px;}

#text #main .z,#text #main h2{font:17px Verdana, sans-serif;color:#556bc5;font-weight:bold;}
#text #main p,#text #mol p,#text #main li,#text #main table{font:18px Verdana, sans-serif;color:#252525; text-align:justify;}
#text #main a{text-decoration: none;font: 16px Verdana, Geneva, Arial, Helvetica, sans-serif;color: #ff3737;font-style:italic;  font-weight: lighter; }
#text #main a:hover{color:#20af0c;}
#text #main .n{color:#556bc5;}
#text #main hr{width:150px;border:1px dotted #a19aaa;}
#text #main table{width:auto;border:1px solid #B9C5F5;clear:left;font:16px Verdana}
#text #main table td{border:1px solid #B9C5F5;text-align:center;padding:5px;font:19px Verdana}
#text #main table td img,#text #main a img{border:0px;font:16px Verdana}
#text #main .d img{float: left;margin-right:20px;margin-bottom:5px;}
#text #main .d{clear:both;}
#text #main table td li{text-align:left;font:16px Verdana}
#text #main .no,#text #main .no td{border:0px;}

/*навигация*/
#leftnav1,#leftnav3{position:absolute;top:25px;}
#leftnav2{position:absolute;top:29px;}
#leftnav1 a img,#leftnav2 a img,#leftnav3 a img{border:none;}
#leftnav1 a,#leftnav2 a,#leftnav3 a{display:block;}
#leftnav1{left:230px;}
#leftnav1 a{background:url(pr1.gif) no-repeat left top;}
#leftnav1 a:hover{background:url(pr12.gif) no-repeat left top;}
#leftnav2{left:250px;}
#leftnav2 a{padding-top:94px;background:url(pr2.gif) no-repeat left top;}
#leftnav2 a:hover{background:url(pr22.gif) no-repeat left top;}
#leftnav3{left:270px;}
#leftnav3 a{background:url(pr3.gif) no-repeat left bottom;}
#leftnav3 a:hover{background:url(pr32.gif) no-repeat left top;}

/*ромбики*/
#text #mol{padding:10px 30px;font:19px Verdana}
#text #mol table{width:auto;padding:0px;font:19px Verdana}
.bot{vertical-align:bottom;}
.tp{vertical-align:top;}
#text #mol table .bl{border-left:1px solid #b6b6b6;border-right:1px solid #b6b6b6;padding:10px 2px;text-align:center;}
#text #mol a{text-decoration:none;font:12px Verdana, sans-serif;color: #3133ff;font-style:normal;font-weight:bold;}
#text #mol table a:hover{color:#ff8c00; font-size:12px}
/*конец ромбики*/

/*ромбики как приобрести*/
#text #mold{padding:10px 30px;font:19px Verdana}
#text #mold table{width:auto;padding:0px;font:19px Verdana}
.bot{vertical-align:bottom;}
.tp{vertical-align:top;}
#text #mold table .bl{border-left:1px solid #b6b6b6;border-right:1px solid #b6b6b6;padding:10px 2px;text-align:center;}
#text #mold a{text-decoration:none;font:15px Verdana, sans-serif;color: #3133ff;font-style:normal;font-weight:bold;}
#text #mold table a:hover{color:#ff8c00;}
/*конец ромбики*/

/*ипд*/
#tech{width:120px;background-color:#f1a700;font:12px Verdana, sans-serif;color:#fff;padding:5px;text-align:center;}
#tech a{font:11px Verdana, sans-serif;color:#dd3b0c;font-style:italic;}
#tech a:hover{color:yellow;}

/*начало блока всплывающей фотографии*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;}
#prevLink { left: 0; float: left;background: url(../images/prevlabel.gif) left 5% no-repeat;}
#nextLink { right: 0; float: right;background: url(../images/nextlabel.gif) right 5% no-repeat;}
/*#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }*/

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


#button{background: url(pred.gif) left top no-repeat;}
#button:hover{background: url(pred_hover.gif) left top no-repeat;}
#button img{border:0px;}
#copy{float:right;font:11px Verdana, sans-serif;color:fff;font-weight:bold;}
#copy2{float:left;font:11px Verdana, sans-serif;color:fff;font-weight:bold;padding-top:5px;text-indent:20px;}

/*конец блока*/

/*кнопка*/
#button{background: url(pred.gif) left bottom no-repeat;padding:9px;}
#button:hover{background: url(pred_hover.gif) left bottom no-repeat;}
#button img{border:0px;}

/*копирайты*/
#copy{float:right;font:11px Verdana, sans-serif;color:fff;font-weight:bold;}
#copy2{float:left;font:11px Verdana, sans-serif;color:fff;font-weight:bold;padding-top:5px;text-indent:20px;}

/*для главной*/
#enot{padding:10px 30px;}
#enot .z,#text h1{font:18px Arial, sans-serif;color:#F23404;font-weight: bold;}
 #enot .z,#text #main h2{font:17px Arial, sans-serif;color:#556bc5;font-weight: bold;}
 #enot p,#text #mol p,#text #enot li,#text #enot table{font:16px Verdana, sans-serif;color:#252525;font-weight: normal; text-align: justify}
 #enot a{text-decoration: none;font:12px Arial, sans-serif;color:#f37f02;font-style: italic;}
 #enot a:hover,#text #mol a:hover{color:#20af0c;}
 #enot .n{color:#556bc5;}
 #enot hr{width:150px;border:1px dotted #a19aaa;}
 #enot table{width:auto;border:1px solid #B9C5F5;clear:left;}
 #enot table td{border:1px solid #B9C5F5;text-align:center;padding:5px;}
 #enot table td img,#text #enot a img{border:0px;}
 #enot table td img,#text #enot a:hover img {border:1px solid #000000}
 #enot .d img{float:left;margin-right:20px;margin-bottom:10px;}
 #enot .d{clear:both;}
 #enot table td li{text-align:left;}
 
  /*для прайса*/
  #price{padding:10px 30px;}
 #price .z,#text #price h1{font:16px Verdana, sans-serif;color: #ff4500;font-weight:bold;}
 #price .z,#text #price h2{font:16px Verdana, sans-serif;color:#556bc5;font-weight:bold;}
 #price p,#text #mol p,#text #price li,#text #price table{font:16px Verdana, sans-serif;color:#252525; font-weight: bold;}
 #price a{text-decoration:none; font:16px Verdana, sans-serif;color: black; font-weight: normal;}
 #price a:hover,#text #mol a:hover{color: #5152ff; font-size: 16px; }
 #price .n{color: #ff8c00;}
 #price .n:hover,#text #mol .n:hover{color: #5152ff; font-size: 15px; }
 #price hr{width:150px;border:1px dotted #a19aaa;}
 #price table{width:auto;border:1px solid #B9C5F5;clear:left;}
 #price table td{border:1px solid #B9C5F5;text-align:left;padding:5px;font-weight: normal;}
 #price table td img,#text #price a img{border:0px;}
 #price table td img,#text #price a:hover img {border:1px solid #000000}
 #price .d img{float:left;margin-right:20px;margin-bottom:10px;font-weight:bold;}
 #price .d{clear:both;}
 #price table td li{text-align:left;font-weight:bold;}
 
 
 
 
 <style type=”text/css”>
#pic {
position: relative;
background-color: #FFFFFF;
left: 50px;
top: 50px;
width: 100%;
}#pic a .large {
position: absolute;
border: 0px;
display: block;
height: 1px;
left: -1px;
top: -1px;
width: 1px;
}#pic a.p1:hover .large {
position: relative;
border: 1px solid #000000;
display: block;
left: 70px;
_left: 110px;
top: 30px;
width: 100px;
height: 100px;
}#pic a.p1:hover {
background-color: white;
}
</style>

 #enot .no,#text #main .no td{border:0px;}
 
 #den{padding:10px 30px;}
 #den .z,#text #den h2{font:17px Verdana, sans-serif;color:#556bc5;font-weight: bold;}
 #den p,#text #mol p,#text #enot li,#text #den table{font:16px Verdana, sans-serif;color:#252525;font-weight: normal; text-align: justify}
 #den a{text-decoration:underline;font:16px Verdana, sans-serif;color:#f37f02;font-style:italic;}
 #den .k{text-decoration: none;font:16px Verdana, sans-serif;color: navy;font-style: normal;}
 #den a:hover,#text #mol a:hover{color:#20af0c;}
 #den .n{color:#556bc5;}
 #den hr{width:150px;border:1px dotted #a19aaa;}
 #den table{width:auto;border:0px solid #B9C5F5;clear:center;}
 #den table td{border:0px solid #B9C5F5;text-align:center;padding:5px;}
 #den table td img,#text #den a img{border:0px;}
 #den table td img,#text #den a:hover img {border:0px solid #000000}
 #den .d img{float:left;margin-right:20px;margin-bottom:10px;}
 #den .d{clear:both;}
 #den table td li{text-align:center;}
 
 ul {padding: 3px 0px;margin: 3px 0px;}


.nm li {
	list-style-type: none;
	background: transparent url(li.gif) no-repeat left top;
	padding-left: 25px;
	font-family: Verdana;
	color: #333333;
	font-size: 100%;
	padding-bottom: 2px;
}
.nn li {
	list-style-type: none;
	background: transparent url(li1.gif) no-repeat left top;
	padding-left: 25px;
	font-family: Verdana;
	color: #333333;
	font-size: 100%;
	padding-bottom: 2px;
}
h1 {
	font-size: 18px;
	font-family: Verdana;
	color: #8889ff;
	padding: 17px 28px;
	margin: 0px;
	text-align: center;
}

/*FAQ*/
#faq{padding:10px 30px;}
 #faq,#text #faq h2{font:16px Verdana, sans-serif;color:#556bc5;font-weight:bold;}
 #faq p, #text #faq li{font:16px Verdana, sans-serif;color:#252525; font-weight: normal;}
 #faq a{text-decoration:none; font:16px Verdana, sans-serif;color: #00008b; font-weight: normal;}
 #faq ,#text #faq li :hover{color: #6495ed; font-size: 16px; }
 #faq a:hover{color: #6495ed; font-size: 16px; }
 
 /*video*/
#text #video{padding:10px 30px;}

#text #video .z,#text #video h2{font:17px Verdana, sans-serif;color:#556bc5;font-weight:bold;}
#text #video p,#text #mol p,#text #video li,#text #video table{font:16px Verdana, sans-serif;color:#252525; text-align:justify;}
#text #video a{text-decoration: none;font: 15px Verdana, Geneva, Arial, sans-serif;color: #ff3737;font-style:italic;  font-weight: lighter; }
#text #video a:hover{color:#20af0c;}
#text #video table{width:auto;border:0px solid #B9C5F5;clear:left;font:16px Verdana;  background-color: #f9f9f9; }
#text #video table td{border:1px solid #B9C5F5;text-align:center;padding:2px;font:16px Verdana}
#text #video table td img,#text #video a img{border:0px;}

/*главная*/
#glav{padding:10px 30px;}
#glav h1{font:15px Verdana, sans-serif;color:#556bc5;font-weight:bold;  padding-top: 0px; }
#glav h2{font:16px Verdana, sans-serif;color:#556bc5;font-weight:bold;}
#glav p,#text #mol p,#text #glav li,#text #glav table{font:16px Verdana, sans-serif;color:#252525; text-align:justify;}
#glav a{text-decoration: none;font: 16px Verdana, Geneva, Arial, Helvetica, sans-serif;color: #252525; font-weight: lighter; }
#glav a:hover{color: #6667ff;}
#glav .n{color:#556bc5;}
#glav hr{width:150px;border:1px dotted #a19aaa;}
#glav table{width:auto;border:0px solid #B9C5F5;font:16px Verdana}
#glav table td{border:0px solid #B9C5F5;text-align:center;font:15px Verdana;}
#glav table td img,#glav a img{border:0px;font:16px Verdana}
#glav .d img{float: none;}
#glav .d{clear:both;}
#glav .no,#text #glav .no td{border:0px;}