html, body {
	height: 100%;	
}

body { 
	font: .75em Verdana, sans-serif;
	line-height: 1.4em;
	color: #333; 
	background:#fff url("/i/bg.png") repeat-x top; 
	width:100%; 
	height:100%; 
	margin:0; padding:0;
}

.IN{
	background: #dfeff0 url("/i/bgIN.png") repeat-x top;	
}

h1,h2,h3,h4,h5,h6 {	
	font-family: Georgia, Serif;
	font-style: italic;
	font-weight: lighter;
	color: #0059b3;
	margin: 10px 0;
	line-height: 1.2em;
	position: relative;
	z-index: 10000;
}

h1 {
	font-size: 2.5em;
}

h1 span{
	font-size: .8em;
	color: #565656;
}
h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
	
}

h4 {
	font-size: 1em;
	font-family: Verdana, sans-serif;
	font-style: normal;
	font-weight: lighter;
}

p{
	margin: 10px 0;
	text-indent: 0em;
}

acronym {cursor:help; border-bottom:1px dotted #333; font-style: normal;}
sup, sub {  vertical-align: middle;  position: relative;  font-size: 75%; }
sup { bottom: 0.5em; }
sub { top: 0.5em; }
small {font-size:.9em;}
big {font-size:1.2em;}


a{
	color: #1143aa;	
	position: relative;
	z-index: 1000;
}


a:hover{
	color: #FF5500;	
	position: relative;
	z-index: 1000;
}


em{	
	font-family: Georgia, Serif;	
} 

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

/*макет*/
#pageLayout{
	min-height: 100%;
	min-width: 1000px;
	position: relative;
	margin-bottom: -100px;		
}

* html #pageLayout {
	height: 100%;
	width: 100%;
}

/* контент */
#wrapper {	
	width: 100%;
	height: 100%;		
	position: relative;	
	padding-bottom: 100px;	
	clear: both;
}

#wrapper #header{
	background: url("/i/header_logo.jpg")  no-repeat center top;
	height: 200px;
	margin: -2px 0 0 0;
}


.IN #wrapper #header{
	background: url("/i/header_logoIN.jpg")  no-repeat center top;
	height: 115px;	
}


#wrapper #header h1{
	margin: 0;
}

#wrapper #header h1 a{
	position: absolute;
	display: block;
	width: 450px;
	height: 90px;
	left: 50%;
	margin: 35px 0 0 -225px;	
	text-decoration: none;
}

#wrapper #header h1 a:hover{
	text-decoration: none;		
}

#wrapper #header h1 a em{
	display: none;
}

#wrapper #header h2{
	position: absolute;
	display: block;
	background: url("/i/header_slogan.png") no-repeat;
	width: 528px;
	height: 33px;
	left: 50%;
	margin: 170px 0 0 -264px;
}

#wrapper #header h2 span{
	display: none;
}

/* внутреннее меню */
#INmenu {	
	width: 720px;
	margin: 15px auto;
	display: block;
	clear: both;
	position: relative;
	font-size: .9em;
}

#INmenu ul{
	display: block;	
	position: absolute;
	margin: 0px 0 0 90px;
	//margin: 0px 0 0 -90px;	
	top: 37px;
	padding: 0 0 0 25px;
	background: url("/i/sub_menu.png") no-repeat left 7px;	
}

#INmenu li{
	float: left;		
}

#INmenu a{
	float: left;
	margin: 10px 25px;	
	_margin: 10px 13px;
	text-decoration: underline;
	color: #fff;
	padding: 3px 0;
	display: block;	
	font-family: Georgia;
	font-style: italic;
	font-size: 1.6em;
	line-height: 1.2em;		
}


#INmenu ul li a{
	float: left;
	margin: 25px 10px;
	font-family: Georgia;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.2em;	
	color: #006dd3;	
}

#INmenu a.active{
	background: url("/i/active_menu.png") no-repeat;
	display: block;
	width: 134px;
	height: 31px;
	color: #006dd3;
	text-align: center;
	text-decoration: none;
}

#INmenu a.subactive{
	background: url("/i/active_submenu.png") no-repeat;
	display: block;
	width: 86px;
	height: 27px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

/* контент контент контент */
#INcontent{
	width: 90%;
	max-width: 1300px;
	margin: 15px auto;
	padding-top: 55px;
	display: block;
	position: relative;
}

#INcontent ul{
	list-style: disc;	
	margin: 25px 0;
}

#INcontent ul li {
	margin:  10px 0 10px 20px;	
}

#INcontent ol{
	list-style: decimal;	
	margin: 25px;
}

#INcontent ol li {
	margin:  10px 0 10px 20px;	
}

#INcontent h2{
	padding: 15px 0;
}
#INcontent .blockPhoto{
	float: left;
	width: 235px;		
	display: block;
	margin: 0px 0px 0 -35px;
	position: relative;	
}

#INcontent .blockPhoto img{
	
}

#INcontent .blockPhoto h5{
	font-style: normal;
	width: 205px;	
	font-size: 1.4em;
	text-align: right;
	display: block;
	margin: -5px 20px 0 0;		
}

#INcontent .blockPhoto h5 em{
	clear: both;
	font-size: 1.4em;
	font-style: normal;
}

#INcontent .blockPhoto p{	
	color: #777;
	text-align: right;
	font-style: italic;
	font-family: Georgia, Serif;
	margin: 10px 20px 0 0;
}

#INcontent .blockContent{
	background: #fff;
	margin: 0 0 0 200px;		
	position: relative;
	display: block;
}

#INcontent .tl{
	float: left;
	background: url('/i/tl.png') no-repeat left top;
	width: 13px;
	height: 13px;
	display: block;	
	position: relative;	
}	

#INcontent .tr{
	float: right;
	background: url('/i/tr.png') no-repeat right top;
	width: 13px;
	height: 13px;
	display: block;
	position: relative;		
}	

#INcontent .bl{	
	float: left;
	background: url('/i/bl.png') no-repeat left bottom;
	width: 13px;
	height: 13px;
	display: block;		
	margin: -13px 0 0px 0px;
	_margin: -17px 0 0px 0px;
	position: relative;							
}	

#INcontent .br{	
	float: right;
	background: url('/i/br.png') no-repeat right bottom;
	width: 13px;
	height: 13px;
	display: block;
	position: relative;
	margin: -13px 0px 0px 0px;
	_margin: -17px 0px 0px 0px;			
}

#INcontent .text{
	padding: 5px 15px;
}

#INcontent h5{
	font-size: 1.4em;
	margin: 25px;
	position: relative;
	left: 5%;
}

#INcontent #sign{
	width: 172px;
	height: 84px;
	display: block;
	background: url("/i/sign.png") no-repeat;
	position: absolute;
	left: 70%;	
}

#INcontent #sign span{
	display: none;
}

.news{
	display: block;	
	clear: both;
	margin: 45px 0 0 205px;
	list-style: none;
}

.news li{
	list-style: none;
}
.newspost{
	margin: 15px 0 45px 0;
	//margin: 15px 0 25px 0;
	width: 600px;
	display: block;	
	clear: both;
	list-style: none;
}

.newspost .photo{
	float: left;
	margin: 0 15px 0 0;
	width: 100px;
	height: 100px;		
}

.newspost .photo .mask_news{
	background: url("/i/mask_news.png")  no-repeat;
	width: 110px;
	height: 110px;
	position: absolute;
	z-index: 1000;	
	margin: -5px 0 0 -5px;
}


.newspostmore{
	width: 95%;
	display: block;	
	clear: both;
	margin: 15px 0 45px 0;
}

.newspostmore .photo{
	float: left;
	margin: 0 15px 0 0;
	width: 100px;
	height: 100px;		
}

.newspostmore .photo .mask_news{
	background: url("/i/mask_news.png")  no-repeat;
	width: 110px;
	height: 110px;
	position: absolute;
	z-index: 1000;	
	margin: -5px 0 0 -5px;
}


.newspost .date {		
	color: #555;
	padding: 0 0 5px 0;
	//margin: 0 0 5px 0;		
	font-family: Georgia, Sans;
	font-style: italic;				
}

.newspost h3{
	font-family: Georgia, Sans;
	font-style: italic;
	font-size: 1em;
}
	
.newspost .date span{
	background: url("/i/date_span.png") no-repeat;
	text-align: center;
	width: 103px;
	height: 24px;	
	font-size: 1.4em;
	color: #0059b3;
	display: block;
	float: left;	
	padding: 2px 0 0 0;
	margin: 0 5px 0 0;
	font-family: Georgia, Sans;
	font-style: italic;
}

/* * * * * */

#content{
	float: left;
	width: 100%;		
	min-height: 633px;
	_height: 633px;
	background: url("/i/timoxator_main.jpg") no-repeat center;
	margin: -15px 0 -50px 0;	
}



.block{
	font-size: .9em;
	position: absolute;
	display: block;
	width: 175px;
	height: 90px;	
}

.block h3{
	margin: 2px 0 -2px 0;
	padding: 0;
	line-height: 1em;
	font-size: 2.2em;
}
.about{
	top: 250px;
	left: 50%;
	margin: 0 0 0 -365px;
}

.assort{
	top: 235px;
	left: 50%;
	margin: 0 0 0 247px;

}

.product{
	top: 487px;
	left: 50%;
	margin: 0 0 0 -497px;
}

.contacts{
	top: 564px;
	left: 50%;
	margin: 0 0 0 315px;
}


#footer{
	clear: both;		
	position: relative;		
	height: 100px;
	z-index: 10000000;
	padding: 0 25px;
	font-size: .9em;
	color: #777;
	width: 93%;
	margin: 0 auto;
}


#footer .left{
	padding-top: 15px;
	float: left;
	width: 40%;
}

#footer .right{
	padding-top: 15px;
	float: right;
	width: 40%;
	text-align: right;
}


#footer .right img {
	vertical-align: middle;
}

#footer .right a{	
	color: #777;
	text-decoration: none;
}

/* карусель, карусель, начинаем рассказ. прокатись на нашей каруселе */
.stepcarousel{
	position: relative; 
	border: 3px solid #AAD4FF;
	overflow: scroll; 
	width: 660px; 
	height: 540px;
}

.stepcarousel .belt{
	position: absolute; 
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; 
	overflow: hidden; 
	margin: 10px; 
	width: 640px; 
}

.stepcarousel p{
	color: #777;
	font-size: .9em;
	padding: 5px 10px;	
}

#INcontent table{
	margin: 15px 0;	
}
#INcontent tr.odd{
	background: #AAD4FF;
}

#INcontent tr.caption{
	font-size: 1.4em;
}
 
#INcontent td{
	border: 1px solid #eee;
	padding: 10px;
	vertical-align: middle;
}

.l{
	margin: 5px;
}

#g1,#g2,#g3,#g4,#g5,#g6,#g7,#g8,#g9,#g10,#g11,#g12,#g13,#g14,#g15,#g16{
	display: none;
}

/* фотка в заголовке */
.headphoto{
	width: 100%;	
	overflow: hidden;
	margin: 0px 0 45px 0;
	position: relative;
	display: block;
	clear: both;
}

.headphoto img{
	position: relative;
	display: block;
	overflow: hidden;	
	z-index: 100;	
}

.headphoto .mask{
	height: 302px;
	width: 100%;
	background: url("/i/header_mask_fill.png") repeat-x;
	z-index: 1000;
	position: absolute;
	margin: -45px 0 0 0;
}

.headphoto .mask .left{
	background: url('/i/header_mask_left.png') no-repeat left;
	width: 227px;
	height: 302px;
	position: absolute;
	z-index: 1000;
	left: -35px;
}

.headphoto .mask .right{
	background: url('/i/header_mask_right.png') no-repeat right;
	width: 104px;
	height: 302px;
	position: absolute;
	z-index: 1000;
	right: -30px;
}

.imgblock_small{
	float: left;
	margin: 0 10px 10px -20px;
	border: 1px solid #cacaca;
	padding: 1px;
}

#rekv, #rekvotgr, #onlineform{
	display: none;
	margin: 0px 0 0 15px;
	padding: 0;	
}

/* фикс для ие6 */
img,
#INmenu ul,
.newspost .photo .mask_news,
.newspostmore .photo .mask_news,
.headphoto .mask,
.headphoto .mask .left,
.headphoto .mask .right
 {
	behavior: url("/css/iepngfix.htc");
}

.clearblock{
	display: block;
	clear: both;
}