* {color: #333; font-size:13px; font-family: Arial,Tahoma,Helvetica,Verdana,sans-serif;}
.body-ved { text-align:left; height:100%; margin:0; padding:0; background:#ffffff; }
html {height:100%;}
body {height:100%; margin:0; padding:0; background:#fff url(/i/bg-body.gif) repeat-x; }
img {border:0; padding:0; margin:0;}
ul, ol {margin-top:0px; margin-bottom:7px;}
 li {margin-bottom:2px;}
p {margin:0; padding: 6px 0;}
form {margin:0; padding:0;}
form * {vertical-align: middle;}
table{ border-collapse: collapse; }
 table td{ padding: 0; }
h1, h2, h3, h4 {margin: 0; padding: 0;}
h1.main{ font-size: 18px; font-weight: normal; padding: 3px 15px 3px 20px; border: 1px solid #bdd6e0; height: 42px; }
* html h1.main{ height: 50px; he\ight: 42px; }
h1 {font-size: 24px; font-weight: normal; border-left: 1px solid #bdd6e0; padding: 15px 20px;}
h2 {font-size: 14px; color: #767f8a;}
h3 {font-size: 12px;}
h4 {font-size: 12px;}
.bl {display: block;}
a {text-decoration: underline; color: #61637a;}
	a:hover {text-decoration: none;}
a.fs10{ font-size: 10px; }
a.fs11{ font-size: 11px; }
/* Common */

#top-box{ height: 50px; width: 100%;}
 #top-box tr td{ vertical-align: top; background: #FFF;}
 #top-box tr td.bg-none{ background: none; }
#hmenu {height:27px; padding:0; }
	#hmenu * { color:#fff; font-size:11px; text-decoration:none; }
	#hmenu table { height:27px; width: 95%;}
		#hmenu table tbody {}
			#hmenu table tbody tr td { }
			#hmenu table tbody tr td a:hover {color: #3e505d; text-decoration: underline;}
			#hmenu table tbody tr td a.on {}
			#hmenu table tbody tr td a.active { }
			#hmenu table tbody tr td a {padding:6px 0 0; height: 21px; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #3e505d; vertical-align: middle; text-align: center;}
			* html #hmenu table tbody tr td a{ height: 27px; he\ight: 21px; }
			#hmenu table tbody tr td span {display: block; padding:6px 0 0; height: 21px; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #3e505d; border-left: 1px solid #36364c; border-right: 1px solid #36364c; text-align: center;}
			* html #hmenu table tbody tr td span{ height: 27px; he\ight: 21px; }
			#hmenu table tbody tr td.p { padding:0; width:3px; }
				#hmenu table tbody tr td.p img { display:block; }
#polosa{ height:27px; margin-top: 17px ; background: #FFF;  }

#shapka{ height: 142px;  width: 100%; background: #B0C0D7;}
#shapka tr td{ vertical-align: top; background: #FFF;}	
 #shapka tr td#tel{ background: #fff; width: 17%; }
  #shapka tr td#tel div{ padding: 35px 25px 0 0; text-align: right; font-size: 18px; color: #61637a;}
   #shapka tr td#tel span{ font-size: 18px; color: #bdd6e0; }
#shapka tr td#kalag{ background: #adbdd6; }
#shapka tr td.bg-none{ background: none; }
#shapka tr td#tel div.logo { text-align: center; padding: 46px 0 0 0; }
.phone { font-size: 16px; text-transform: uppercase; font-weight: bold; color: #3e505d; vertical-align: middle; text-align: center; padding: 18px 8px 0 8px; }
	.phone span{ font-size: 14px; text-transform: uppercase; font-weight: bold; color: #3e505d; vertical-align: middle; text-align: center; }

#home ul{ list-style:none; margin:30px 0 0 30px; padding:0; }
  #home ul li{ margin-bottom:10px;}
   #home ul li a{ font-size: 11px; color: #000; text-decoration: none;}
	#home ul li a:hover{ text-decoration: underline; }

#pd{ padding: 10px 0 10px 11%; background: #FFF;}	
#tbl-main{ width: 762px; height: 213px;}
#tbl-main tr td{ vertical-align: top; padding: 10px 10px 0; width: 20%;}
  #tbl-main tr td.on{ background: #FFF; }
   #tbl-main tr td a{ color: #00508F; font-size: 14px; font-weight: bold; text-decoration: none; }
	#tbl-main tr td a:hover{ text-decoration: underline; }
   #tbl-main tr td div{ padding: 15px 0 0 0; font-size: 9px; text-transform: uppercase; font-weight: bold; }
	#tbl-main tr td p{ height: 50px; padding: 0 15px 0 0;  }
	#tbl-main tr td img{ display: block; }
	
 #txt-bl{ padding: 0 15px 20px 20px; }
  #txt-bl div{ font-size: 11px; padding-bottom: 30px; }
  
#content-main { padding: 10px 15px 100px 5px; }
#content { padding: 0 25px 100px; }
.sovet{ padding: 10px 0 7px 20px;  }
  .sovet a{ font-size: 14px; }
ul.main{ list-style:none; margin:10px 0 15px 15px; padding:0; }  
  ul.main li{ margin-bottom:10px;}
   ul.main li span{ color: #bdd6e0; }
#articles{ padding: 30px 10px 100px; }
	 #articles h2{ font-size: 14px; color: #00508F; font-weight: normal;}
	 #articles div{ font-size: 12px; padding: 3px 0 5px 0; margin-top: 10px; border-top: 1px solid #bdd6e0; }
	  #articles div *{ font-size: 12px; }
	  #articles div a{ font-size: 14px; color: #00508F; font-weight: normal;}

#footer{ width: 100%; height: 199px; }
 #footer tr td{ vertical-align: top; }	
   #footer tr td.bg-none{ background: none; }
#pd-adr{ padding: 15px 0 0 25px; height: 90px; }
  * html #pd-adr{ height: 105px; he\ight: 90px; }
#adr{ float: left; width: 50%; height: 90px; color: #5d6875; font-size: 14px; }	
#adr span{ font-weight: bold; font-size: 14px; color: #36364c;}
#telbot{ float: left; height: 90px; color: #5d6875; font-size: 14px; }
#telbot span{ font-weight: bold; font-size: 14px; color: #36364c;}
#email{ padding: 15px 10px 0; height: 90px; color: #5d6875; }	
 * html #email{ height: 105px; he\ight: 90px; }
#email span{ font-weight: bold; font-size: 14px; color: #36364c;}
#vipro{ font-size: 10px; color: #5d6875; }
 #vipro *{ font-size: 10px; color: #5d6875; }
#copy{ font-size: 10px; color: #5d6875; padding-left: 10px; }


.cl { clear:both; height:0px; _height:2px; font-size:0px; margin:0; _margin:0 0 -2px 0; padding:0; }
	.cl img { display:block; height:0px; }

	
 /*внутренние страницы	*/
#kroh{ padding: 15px 20px; border: 1px solid #bdd6e0; border-left: none; font-size: 10px; color: #767f8a; margin: 30px 25px 0 0;}
 #kroh a{ font-size: 10px; text-decoration: none; color: #36364c; }
 #kroh a:hover{ text-decoration: underline; }
.hr {background:#bdd6e0; height:1px; font-size:0; margin-right: 10px;}
 .hr img {display:block; height:1px;}
.hr1 {background:#bdd6e0; height:1px; font-size:0;}
 .hr1 img {display:block; height:1px;} 
#rascenki{ padding: 0 10px 30px; }
 #rascenki h2{ font-size: 14px; color: #36364c; border-bottom: 1px solid #fafbfc; border-top: 1px solid #fafbfc; padding: 5px 0; }
 #rascenki div{ padding: 10px 0; font-size: 12px; }
 #rascenki div *{ font-size: 12px; }
 #rascenki div a{ font-size: 14px; }
 
.txt{ padding: 5px 15px; border: 1px solid #d3d9e1; font-size: 12px; }
.txt *{ font-size: 12px; }
 .txt a{ font-size: 14px; } 
 
#catalog{ padding-right: 10px; } 
 #catalog div{  padding:8px 20px; border-right: 1px solid #bdd6e0; border-bottom: 1px solid #bdd6e0; border-top: 1px solid #bdd6e0;}
 #catalog div.on{ background: #e3e7ec; }
  #catalog div a{ color: #36364c; font-size: 14px; }
img.ct{ display: block; padding: 5px; margin:3px 25px 0 0; border: 1px solid #cacdd2; }
div.rub{ padding: 3px 0 15px 0; }
 div.rub a{ color: #36364c; }
 span.on{ color: #767f8a; }
.quest{ background: #fff; padding: 10px; font-size: 14px; color: #36364c; font-weight: bold;}  
.question-form { margin: 10px 0 100px 10px;  }  
  .question-form div{ padding: 5px 0 2px; font-size: 12px; }
  .question-form input{ width: 85%; font-size: 12px; }
  .question-form input.send{ width: 67px; height: 24px; }
  .question-form textarea{ width: 85%; }
  
.pages{ border: 1px solid #bdd6e0; border-bottom: none; padding: 15px 30px; font-size: 12px; }
 .pages *{ font-size: 12px; }
  
.harakt{ width: 100%; border: 1px solid #e3e7ec; margin: 20px 0 40px; }
.harakt tr.bg{ background: #edeff3; }
 .harakt tr td{ font-size: 12px; padding: 5px 20px; }
  
.cl { clear:both; height:0px; _height:2px; font-size:0px; margin:0; _margin:0 0 -2px 0; padding:0; }
	.cl img { display:block; height:0px; }

.state{ padding-bottom: 20px; font-size: 12px; }
 .state a{ font-size: 14px; }

 Templates 

 
.spis{list-style:none; margin:10px 0 15px 15px; padding:0;}
 .spis li {background: url(/i/point1.gif) no-repeat 0 4px; margin-bottom:1px; padding-left:15px;}
 */
#content-main, #content, #pd{width: 100%; voice-family: "\"}\""; voice-family: inherit; width: auto;}
#cat {
	margin: 0 auto 0 auto;
	width: 100%;
}
#cat .catItem {
	width: 33%; float: left;
	margin: 0 0 10px; 0;
	height: 290px;
}


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#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;
	}

#imageData{
	padding:0 10px;
	}
#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}