html, body {
	height: 100%;	
}

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


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

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: #40beff;	
}

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

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

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

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

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

#header{
	background: url("/i/nav_bg.png") no-repeat center bottom;
	height: 450px;
	margin-bottom: 90px;
}

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


#wrapper #header h1 a, #wrapper #header h1 a:hover{	
	display: block;	
	width: 205px;
	height: 55px;	
	text-decoration: none;	
	position: absolute;
	z-index: 100000;
	top: 35px;		
	left: 45px;	
}


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


/* меню */
#wrapper #header #menu{	
	font-size: 1.2em;			
	position: absolute;
	top: 30px;
	left: 50%;
	margin: 35px 0 0 -19%;
	z-index: 100000;
	width: 500px;
}

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

#wrapper #header #menu li a{
	color: #d4f6ff;	
	float: left;
	text-decoration: none;	
	margin: 0 5px;	
	text-align: center;
	padding: 5px 0 0 0;	
	width: 107px;
	height: 30px;	
}

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

#wrapper #header #menu li a.active:hover{
	text-decoration: none;
}

#wrapper #header #menu a.active{	
	margin: 0 5px;		
	background: url("/i/menu_active.png") no-repeat;
	text-align: center;		
	color: #115b6f;
	width: 107px;
	height: 30px;
	text-decoration: none;	
}

/* блок о компании */
#wrapper #header .about{
	display: block;
	position: absolute;
	width: 38%;	
	left: 50%;
	margin: 0 0 0 -19%;
	top: 125px;
	color: #aae3ff;
}

#wrapper #header .about h2{
	font: 3em Verdana, sans-serif;
	color: #fff;	
}

#wrapper #header .about h2 span{
	display: block;
	color: #ffe8a1;
	font-size: 1.2em;
	margin-left: -35px;
}

/* телефон */
#wrapper #header .phone{
	display: block;
	font-family: "Times New Roman";
	position: relative;
	left: 60%;
	top: -50px;	
	font-size: 3em;
    line-height: 1.2em;
	margin: -20px 0;	
	width: 250px;
} 

#wrapper #header .phone .code{
	font-size: .5em;
	color: #ffe8a1;
	font-weight: lighter;
}

/* форма поиска */
.search{
	position: relative;
	left: 79%;
	top: -110px;	
	width: 235px;	
}

.search p{
	font-weight: bold;
	color: #6890a5;
}

.search input[type=text]{
	background: url("/i/input_bg.png") no-repeat;		
	width: 149px;
	height: 30px;
	padding: 0px 10px;
	line-height:2em;
	border: none;
}

.search input[type=submit]{
	background: url("/i/submit_bg.png") no-repeat;		
	width: 56px;
	height: 30px;	
	border: none;
	cursor: pointer;
	position: relative;	
}

/* дополнительное меню */
#wrapper #header #sub_menu{
	font-size: 1.4em;
	font-family: Georgia, sans-serif;
	font-style: italic;	
	position: relative;
	top: 10px;		
	margin: 0 0 0 -100px;
	z-index: 100000;	
}

#wrapper #header #sub_menu li{
	position: absolute;
	left: 50%;		
	display: block;	
}


#wrapper #header #sub_menu li.sm1 {
	margin: -80px 0 0 -475px;			
}

#wrapper #header #sub_menu li.sm2 {
	margin: -20px 0 0 -260px;		
}

#wrapper #header #sub_menu li.sm3 {
	margin: 10px 0 0 -30px;		
}

#wrapper #header #sub_menu li.sm4 {
	margin: -20px 0 0 200px;		
}

#wrapper #header #sub_menu li.sm5 {
	margin: -80px 0 0 415px;		
}

#wrapper #header #sub_menu li a{
	color: #f7fcff;	
	text-align: center;
	text-decoration: none;			
	width: 155px;			
	display: block;	
	padding-top: 160px;
	line-height: 1.2em;
}

/* иконки */
#wrapper #header #sub_menu li.armatura {
	background: url("/i/icon_armatura.png") no-repeat;			
}

#wrapper #header #sub_menu li.ugolok {
	background: url("/i/icon_ugolok.png") no-repeat;			
}

#wrapper #header #sub_menu li.balka {
	background: url("/i/icon_balka.png") no-repeat;			
}

#wrapper #header #sub_menu li.list {
	background: url("/i/icon_list.png") no-repeat;			
}

#wrapper #header #sub_menu li.truba {
	background: url("/i/icon_truba.png") no-repeat;			
}

#wrapper #header #sub_menu li.electrody {
	background: url("/i/icon_electrody.png") no-repeat;			
}

#wrapper #header #sub_menu li.shestigrannik {
	background: url("/i/icon_shestigrannik.png") no-repeat;			
}

#wrapper #header #sub_menu li.shveller {
	background: url("/i/icon_shveller.png") no-repeat;			
}

#wrapper #header #sub_menu li.provoloka {
	background: url("/i/icon_provoloka.png") no-repeat;			
}

#wrapper #header #sub_menu li.polosa {
	background: url("/i/icon_polosa.png") no-repeat;			
}

#wrapper #header #sub_menu li.kvadrat {
	background: url("/i/icon_kvadrat.png") no-repeat;			
}

#wrapper #header #sub_menu li.kanat {
	background: url("/i/icon_kanat.png") no-repeat;			
}

#wrapper #header #sub_menu li.krug {
	background: url("/i/icon_krug.png") no-repeat;			
}

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

.inner #contentLayout{
	margin: -190px auto 0 auto;		
	display: block;
	clear: both;	
	font-family: Verdana, Tahoma, Arial;	
}


#sidebar{
	width: 25%;
	float: left;
	margin: 15px 4% 0 0;
}

.inner #sidebar{
	width: 25%;
	float: left;
	margin: 0px 4% 0 0;
}
#sidebar .news .newsitem .newsdate{
	background: url("/i/date.png") no-repeat top;
	width: 98px;
	height: 21px;
	font-size: .9em;
	color: #d7d7d7;
	display: block;	
	text-align: center;	
	line-height: 1.8em;	
}

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

#sidebar .morenews{
	position: relative;
	top: -30px;
	margin: 5px;
}

#indexcontent {
	width: 65%;	
	float: left;
	margin: 0px 0 0 0;
}

#innercontent {
	top: -10px;
	//top: -20px;
	position: relative;
	margin-left: 29%;
}


#indexcontent h1{
	color: #ffe8a1;
	margin: 10px 0 25px 0;
}

#more_sidebar{
	width: 25%;
	float: right;
	margin: 0 0 0 4%;
}

#more_sidebar .list{
	position: relative;
	top: 10px;
	display: block;
}

#more_sidebar .list li{
	background: url("/i/bullet.png") no-repeat left 6px;
	padding: 0 0 0 20px;
	margin: 10px 0;
	line-height: 1.4em;
	position: relative;
	min-height: 10px;
}

/* подвал */
#footer{
	background: url("/i/footer.png") no-repeat center top;
	clear: both;		
	position: relative;			
	z-index: 1000000;
	padding: 28px 0 0 0;
	font-size: .9em;
	height: 89px;	
	margin: 5% 0 0 0;
}



#footer .text{
	text-align: center;	
}


#footer .madeby{	
	position: absolute;
	width: 220px;
	left: 50%;
	margin: -28px 0 0 320px;	
}

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

#footer .madeby a{	
	color: #f7fcff;
	text-decoration: none;
}

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

/* навигация */
.nav{
	margin: 5px 0 25px 0;
	color: #cdcdcd;
}

h1.nav{
	margin: 10px 0;
	color: #ffe8a1;
}

/* ошибка */
.error{
	color: #FF7F55;
	font-weight: bold;
}

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

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

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

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


/* продукция */
.prod_block{
	display: block;
	float: left;
	width: 150px;
	height: 200px;
	margin: 0 25px 25px 0;
}

.prod_block img{
	width: 150px;
}
.prod_block p{
	text-align: center;
}

.prod_block p a{
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	font-size: 1.4em;
	font-family: Georgia, sans-serif;
	font-style: italic;	
}

.prod_block p a:hover{
	text-decoration: underline;
}

table{
	width: 100%;
	clear: both;
	margin: 10px 0;
}

table td{
	border: 1px solid #fff;
	padding: 5px;
}



#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}