html, body {
	height: 100%;	
}

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


h1,h2,h3,h4,h5,h6 {	
	font-family: Georgia, Serif;	
	font-weight: lighter;
	color: #3e3e3e;
	margin: 10px 0;
	line-height: 1.2em;
}

h1 {
	font-size: 2.7em;
}

h1 span{
	font-size: .7em;
	white-space: normal;	
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
	
}

h4 {
	font-size: 1.4em;
}

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;	
}

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

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

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

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

.pre{
	width: 95%;	
	max-width: 1280px;
	margin: 0px auto;	
}

#header_cover{			
	background: url("/i/header_bg.jpg") repeat-x;
	height: 555px;
	margin: 0 0 0px 0;
}

#header{
	background: url("/i/header_main.jpg") no-repeat center top;
	height: 555px;
}

.inner #header{
	background: url("/i/header_bg_inner.jpg") repeat-x;
	height: 360px;
	margin: 0 0 0px 0;
}

#wrapper #header h1 {
	background: url("/i/logo.png") no-repeat;
	display: block;
	width: 250px;
	height: 78px;
	margin: 0;
	text-decoration: none;	
	position: relative;
	z-index: 100000;
	top: 15px;
	left: 0px;
}


#wrapper #header h1 a, #wrapper #header h1 a:hover{	
	display: block;
	width: 250px;
	height: 78px;	
	text-decoration: none;	
	position: absolute;
	z-index: 100000;		
	left: 0px;
}


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


/* меню */
#wrapper #header #menu{	
	font-size: 1.2em;
	font-family: Georgia, sans-serif;
	font-style: italic;	
	position: absolute;
	top: 35px;
	left: 50%;
	margin: 0 0 0 -18%;
	z-index: 100000;
}

#wrapper #header #menu li {
	float: left;
	margin: 0;
}

#wrapper #header #menu li a{
	color: #000;	
	float: left;
	text-decoration: underline;	
	margin: 0 20px;	
	text-align: center;
	padding: 5px 0 0 0;		
}

#wrapper #header #menu li a:hover{
	text-decoration: underline;
}

#wrapper #header #menu a.active{	
	margin: 0 25px;		
	text-align: center;		
	color: #fff;
}

.inner #wrapper #header #menu a.active{
	background: url("/i/menu_active.png") no-repeat;
	margin: 0 25px;		
	width: 122px;
	height: 35px;
	text-align: center;		
	color: #fff;
}

/* дополнительное меню */
#wrapper #header #sub_menu{
	font-size: 1.1em;
	font-family: Georgia, sans-serif;
	font-style: italic;
	font-weight: bold;
	position: absolute;
	top: 110px;
	left: 51%;
	margin: 0 0 0 10%;
	z-index: 100000;
	width: 410px;				
}

#wrapper #header #sub_menu li {
	float: left;
	margin: 0 -10px 0 0;
	padding: 90px 0 0 0px;
	text-align: center;	
}

#wrapper #header #sub_menu li a{
	color: #444;	
	text-align: center;
	text-decoration: none;			
	text-align: center;
	margin: 5px 20px 0 0;			
}

#wrapper #header #sub_menu li a:hover{
	text-decoration: underline;
}

#wrapper #header #sub_menu li.f{
	background: url("/i/icon_brus.png") no-repeat;
	width: 140px;
	height: 92px;		
}

#wrapper #header #sub_menu li.s{
	background: url("/i/icon_doska.png") no-repeat;
	width: 150px;
	height: 89px;	
}

#wrapper #header #sub_menu li.t{
	background: url("/i/icon_vagon.png") no-repeat;
	width: 150px;
	height: 88px;	
}

#wrapper #header #sub_menu .blink{
	display: block;
	width: 100px;
	vertical-align: bottom;
	padding: 80px 0 0 0;
	margin: -80px 30px 0 0;
}

#wrapper #header #sub_menu .blink2{
	display: block;	
	width: 120px;
	vertical-align: bottom;
	padding: 80px 0 0 0;
	margin: -80px 40px 0 0;
}

#wrapper #header #sub_menu .blink3{
	display: block;	
	width: 120px;
	vertical-align: bottom;
	padding: 80px 0 0 0;
	margin: -80px 30px 0 10px;
}

#wrapper #header .about{
	display: block;
	position: absolute;
	width: 27%;
	font-family: Georgia, sans-serif;
	font-style: italic;
	left: 50%;
	margin: 0 0 0 17em;
	top: 280px;
}

#wrapper #header .about h2{
	font-style: normal;
	font-size: 3em;
}
/* боковое меню для внутренних страниц */
.inner #submenu{
	display: block;
	width: 30%;
	min-height: 300px;
	position: relative;
	background: url("/i/inner_submenu_head.jpg") no-repeat right top;
	margin: 90px 0 0 0;
	padding: 170px 0 0 49px;
	clear: both;
	overflow: hidden;		
}

.inner #submenu ul{
	width: 100%;
	background: url("/i/inner_submenu_bg.jpg") repeat-y right top;	
	padding: 0px 15px;
	float: left;
	text-align: right;
	position: relative;
	display: block;		
	margin: 0 0px 0 -151px;	
	z-index: 100;
}

.inner #submenu li{	
	width: 160px;
	float: right;
	clear: both;
	text-align: left;
	position: relative;
	display: block;
	z-index: 1000;
	margin: -30px 20px 45px 0;
}

.inner #submenu .footer{
	width: 100%;
	height: 58px;
	background: url("/i/inner_submenu_foot.jpg") repeat-y right top;
	position: relative;
	z-index: 2100;
	clear: both;	
	padding: 0;
	margin: 0 0px 0 -131px;	
	display: block;
	bottom: 40px;
		
}

.inner #submenu a{
	font: 1em Georgia, sans-serif;
	font-style: italic;
	text-decoration: none;
	color: #525252;	
}

.inner #submenu a:hover{
	text-decoration: underline;
}

/* контент контент контент */
#contentLayout{
	margin: 55px auto 0 auto;		
	display: block;
	clear: both;	
	font-family: Verdana, Tahoma, Arial;	
}

.inner #sidebar{
	width: 305px;
	float: left;
	margin: 0 5% 0 0;
}

#sidebar{
	width: 30%;
	float: left;
	margin: 0 5% 0 0;
}

#sidebar .news .newsitem .newsdate{
	background: url("/i/date.png") no-repeat;
	width: 110px;
	height: 34px;
	font-family: Georgia, sans-serif;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	padding: 3px 0 0 0;
}

#sidebar .news .newsitem .newstext{
	margin: -10px 0 35px 5px;	
}

#indexcontent{
	float: left;
	width: 64%;	
	margin: -70px 0 0 0;
}

#innercontent{
	float: left;	
	margin: -250px 0 0 36%;	
	display: block;
	padding: 0 0 5% 0;
	min-height: 300px;
}

#innercontent img{
	border: 1px solid #aaa;
	padding: 1px;	
}

#indexcontent h1{
	font-family: Georgia, sans-serif;	
	color: #676767;
	font-size: 3.5em;
	margin: 0 0 25px 0;
		
}

#indexcontent .photo {
	display: block;
	margin: 0 0 30px 0;
}

#indexcontent .photo .mask{
	background: url("/i/mask.png") no-repeat bottom;
	width: 572px;
	height: 305px;
	z-index: 1000;
	position: absolute;	
}

#indexcontent .photo img{
	margin: 7px;
	padding: 7px 0 0 0;
}


/* подвал */
#footer{
	background: url("/i/footer_bg.png") repeat-x bottom;
	clear: both;		
	position: relative;			
	z-index: 1000000;
	padding: 0;
	font-size: .9em;
	color: #525252;	
	height: 341px;	
	margin: 7% 0 0 0;	
}

.inner #footer{
	background: url("/i/footer_bg.png") repeat-x bottom;
	clear: both;		
	position: relative;			
	z-index: 1000000;
	padding: 0;
	font-size: .9em;
	color: #525252;	
	height: 341px;	
	margin: 7% 0 0 0;
	//margin: 0;
}


.footer_menu { width: 100%; position: relative; overflow: hidden; float: left; margin: 45px 0 0 0;}
.footer_menu dl a{ color: #525252; text-decoration: none;}
.footer_menu dl a:hover{ text-decoration: underline;}
.footer_menu dl dt {color:#000;}
.footer_menu dl dt a{ color: #000; text-decoration: underline;}
.footer_menu dl { float: left; width: 18%; font-size: 1em; padding-bottom: 2em; margin: 0 9px; }    
.footer_menu dl dt { margin-bottom: 1em; font-size: 1.2em; }                
.footer_menu dl dd { margin-bottom: .4em; line-height: 1.4em; }
.footer_menu dl dd a.email{ color: #0036a4; text-decoration: underline; }
.footer_menu dl dd.phone{
	font-family: Georgia, sans-serif;
	font-size: 2em;
	color: #333;
	white-space: nowrap;
	margin: 0;
}
.footer_menu dl dd.phone .code{
	font-size: .5em;
	width: 65px;
	display: block;
	float: left;
}


#footer .left{
	float: left;
	padding: 20px 0 0 0px;
}

#footer .right{	
	white-space: nowrap;
	float: right;
	width: 230px;
	padding: 20px 0 0 0px;
}

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

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

#footer .right a em{
	font-style: normal;
	color: #007fbe;	
}

/* новости */
.news, .news li{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

/* фотогалерея */
.gallerycontent .album{
	float: left;
	margin: -5px 15px 5px 0px;
}

.gallerycontent .album a img{
	border: 1px solid #1143aa;
	padding: 2px;
	width: 150px;
	height: 150px;
}

.gallerycontent .album a img:hover{
	border: 1px solid #d8f290;
	padding: 2px;
}

.gallerycontent .photoitem{
	float: left;
	margin: 10px 25px 0px 10px;
	width: 100px;
}


.gallerycontent .photoitem a img{
	border: 1px solid #6d6d6d;
	padding: 2px;
	width: 100px;
	position: relative;
	display: block;
	z-index: 100;
}

.gallerycontent .photoitem a img:hover{
	border: 1px solid #d8f290;
	padding: 2px;
	width: 150px;
	position: relative;	
	margin: -25px 0 -25px -25px;	
	display: block;
	z-index: 1000;	
}

.gallerycontent .note{
	font-size: .9em;
	color: #333;
	padding: 10px;	
}

h1.ellipsis{
	font-size: 1.4em;
	text-align: center;		
 	width: 150px;
   	overflow: hidden;
   	white-space: nowrap;
   	text-overflow: ellipsis;
   	-o-text-overflow: ellipsis;   	 
}	

/*
h1.ellipsis:hover{   
	width: 150px;
	white-space: normal;	
	font-size: 1.4em;	
	background: #777;
	position: relative;	   			   		           
}
*/
 
.gallerycontent .album h1 a{
	text-align: center;	
	text-decoration: none;		
}

.gallerycontent .album h1 a:hover{	
	text-decoration: underline;
}

.gallerycontent .page {
	clear: both;		
	position: absolute;
	font-size: 1.4em;
	bottom: 120px;	
	text-align: center;
	width: 100%;
}


.gallerycontent .page span{	
	font-size: .6em;
}

.gallerycontent .page a{
	text-decoration: none;
	margin: 0 3px;	
}

/* фото */
.photo img{
	display: block;
	padding: 1px;
	border: 1px solid #ddd;
}

.photo p{
	margin: 15px;
	color: #555;
	font-size: .9em;
}

.photo p.control a{	
	text-decoration: none;
}

/* обратная связь */
#onlineform{
	margin: 35px 0 0 0;
}

.msg{
	border: 1px dotted #FFD47F;
	background: #FBFCE4;
	padding: 10px 15px;
	margin: 15px 0;
}

.error{
	font-size: 1.4em;
	line-height: 1.2em;
	color: #f00;
	margin: 15px 0;
}

/* каптча */
.captcha{
	font-size: 2em;
	line-height: 1.2em;
}

.captcha img{
	margin: 0 5px 0 0;
	width: 135px;
	height: 51px;
	border: none !important;
}
.captchaText{	
	font-size: 1.6em;
	margin: 0 0 0 10px;
}

/* комментарии */
.commentpost{
	margin: 25px 0;
	background: #f5f5f5;
	width: 475px;
	padding: 15px;
}

.newcomment{
	border: 1px solid #FFD4D4;
}
.commentpost .username{
	font-weight: bold;
}

.commentpost .datetime{
	font-size: .9em;
}

.commentpost .message{
	clear: both;
	margin: 10px 0 0 0;
}

#comments{
	margin: 50px 0 0 0;
}

.l img{
	margin: 0 5px;
	padding: 1px;
	border: 1px solid #ddd;
}

/* навигация */
.nav{
	font-size: 1.4em;
	margin: 0 0 25px 0;
	font-family: Georgia;
	font-style: italic;
    line-height: 1.4em;
}

/* каталог */
table.cat{
	margin-bottom: 25px;
	width: 100%;
	padding: 0 10px;
}

table.cat td{
	background: #fff;
	padding: 7px;
	border: 1px solid #ccc;
	text-align: center;
}

table.cat td img{
	padding: 0px !important; margin: 0 !important;
	border: none !important;
	text-align: center !important;
	vertical-align: text-top;
}


table.catcat{
	margin-bottom: 25px;
	width: 100%;
	padding: 0 10px;
}

table.catcat thead td{
	text-align: center;
}

table.catcat td{
	background: #fff;
	padding: 7px;
	border: 1px solid #ccc;
	text-align: left;
}


thead td{
	font-size: .9em;
	background: #f3f3f3 !important;		
}

td.tdleft{
	text-align: left !important;
}

td.link{
	font-size: .9em;
	white-space: nowrap;
}

.note{
	font-size: .9em;
	color: #555;
}

.pr{
	border-bottom: 1px solid #aaa;
	width: 250px;
	margin: 15px 0 5px 0;	
}

.message{
    display: block;
    padding: 15px 10px;
    border: 1px solid #FDBE90;
    background: #FFFDE7 url("/i/information_icon.png") no-repeat 5px 15px;
    font-size: .9em;
    padding-left: 45px;
    min-height: 30px;
}

.price{
    white-space: nowrap;
}

/* списки */
#innercontent ul{
	list-style: disc;	
	margin: 25px 0;
}

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

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

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