/*------------------------------------------------------------------
	Description: Master Styleshit
	Project:	Notis.ru
	Version:	4.2
	Author:  Rumake.ru
	Creation Date:  04.05.2008 alpa
		modified: 14.05.2008 beta
		modified: 23.05.2008 inner page
		modified: 14.09.2009 

[Table of contents]
	Base
	Top
	Main
	Inner
	Comments
	Footer
	IE hacks

[Color codes]
	Dark grey (text): #333
	Grey (caption): #606060
	Dark Green (headings): #317023
	Blue (links) #014195
	Green (substrate) #00ab50
	Dark Blue (substrate) #014195
*/

	
/*------------------------------------------------------------------
# Base */

body{
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #333;
	background: #fff;
	width: 100%;
}
#container{
	min-width: 770px;
	background: white url(../include/img/bg0.png) repeat-x top left;
}
h1.main-header{
	padding: 2.26em  8.4% 0.4em 23px !important;
	margin: 0 0 0 36%!important;
	background: white url(../include/img/bg1.png) no-repeat top left;
}
h1.inner-header{
	padding: 2.93em 8.4% 0.4em 23px;
	margin: 0 0 0 36%!important;
	background: white url(../include/img/bg1.png) no-repeat top left;
}
.empty{ /* для устранения проблем верстки */
	clear:both;
	overflow:hidden;
	font-size:0;
	height:0;
	width: 100%;
}


/*------------------------------------------------------------------
# Top */

#menubar{
	width: 29%;
	float: left;
}
	#menubar img{
		width: 22em;
		height: 4.8em;
		margin-top: 4.7em;
	}
	#menubar p, #menubar img, #menubar ul{
		margin-left: 14.5% ;
	}
	#menubar ul{ /* меню слева вверху */
		margin-top: 39px;
		margin-bottom: 90px;
		font-size: 1em !important;
		color: #317023;
		list-style: none;
	}
	#menubar  ul li{
		font-size: 1.6em ;
		font-weight: bold;
		line-height: 1em ;
		margin: 0 0 0.75em 0;
	}
	#menubar ul li ul{
		margin-top: 7px;
		margin-bottom: 19px;
		margin-left: 36px;
		color: #317023;
	}
	#menubar  ul li ul li{
		font-size: 12px;
		font-weight: normal;
		line-height: 12px;
		margin: 0 0 6px 0;
	}
	#menubar small{
		color: #777 !important;
	}

#topbar{ /* синяя плашка */
	margin-left: 36%;
	color: #fff;
}
	#topbar ul a, #topbar .decor a{
		color: #fff;
	}
	#topbar .decor{
		width: 100px;
		height: 48px;
		background: url(../include/img/bg8.png) no-repeat top left;
		float: left;
	}
	.ru-en{
		margin: 22px 0 0 38px;
	}
	.phone{
		float: right;
		margin: 0.7em 12% 0 0;
		display: inline;
		font-size: 2em;
		line-height: 1em;
	}
	.phone span{
		font-size: 0.8em;
		font-weight: bold;
		color: #e9f3ee;
	}
#navbar{
	height: 4.8em;
	margin-bottom: 0.7em;
	background: #00a559 url(../include/img/bg7.png) repeat-x top left;
}
#production{
	min-height: 19.7em;
	background: #014195 url(../include/img/rays.jpg) no-repeat  top right;
	border-top: 1px solid #014195;
}
	#production p{
		font-size: 1.6em;
		font-weight: bold;
		margin: 24px 0 10px 23px;
		line-height: 1em;
	}
	#production ul{
		font-size: 1.2em;
		line-height: 1.5em;
		margin: 0 0 0 23px;
		padding-bottom: 0.83em;
		list-style: none; 
	}
	#production ul li{
		margin: 0 0 5px 0;
		padding-left: 15px;
		background: url(../include/img/bullet.gif) no-repeat center left;
	}
	#promo{
		float: right;
		width: 205px;
		margin-right: 12%;
		margin-left: 10px;
		position: relative;
		display: inline; /* IE */
	}
	#promo img{
		margin: 14px 0 0 11px !important;
	}
	#caption{
		position: absolute;
		top: 58px;
		left: 96px;
		width: 109px;
		height: 55px;
		background: url(../include/img/cloud.png) no-repeat top left;
	}
		#caption p{
			margin: 4px 0 0 11px !important;
			font-size: 11px;
			font-weight: normal;
			font-family: Tahoma, arial;
			line-height: 1.3em;
		}
#addonbar{
	height: 4em;
	background: #014195;
	border-top: 1px solid #2168a6;
}
	#addonbar ul{
		padding: 1px 0 0 23px;
		margin: 0;
		font-size: 1.2em;
		line-height: 3em;
		list-style: none; 
	}
	#addonbar ul li{
		float: left;
		background: url(../include/img/arrow.gif) no-repeat center left;
		padding: 0 0 0 15px;
		margin: 0;
	}
		.first-child{
			padding-right: 23px !important;
		}
	#search {
		margin: 1em 12% 0 0;
		padding: 0;
		float: right;
		width: 28%;
		text-align: right;
		display: inline;
	}
		#search input.pole_poiska{
			font-size: 1.1em;
			font-family: Tahoma;
			width: 65%;
		}
		input.pole_poiska{width: 44%;display: inline; }
		#search input.naiti{
			font-size: 1.1em;
			font-family: Tahoma;
		}



/*------------------------------------------------------------------
# Main */

#main{
}
#main div.way {
	left: 36%;
	position: absolute;
	font-size: 1.1em;
	font-family: Tahoma;
	margin-top: 3em;
	
}
#content{
	width: 56.32%;
	float: right;
	margin-right: 7.68%;
	display: inline;
}
#content hr, #content p, #content pre, #slogan, .cols, #content img, #content ul, #content ol, #main div.way, #content h1, #content h2, #content h3, #content form, table, .video{
	margin-left: 23px;
}
#content form{ /* search, comments */
	margin-bottom: 1.5em;
}

/*-------------------------------
# Slogan */
#slogan{
	height: 5.8em;
	margin-top: 5.4em;
	margin-bottom: 8.3em;
	text-align: center;
	background: #266ca9 url(../include/img/bg3.png) repeat-x top left;
}
#slogan img{height: 5.8em; margin: 0 !important;}
#leftcorner {background: url(../include/img/bg4.gif) no-repeat top left;}
#rightcorner{background: url(../include/img/bg5.gif) no-repeat bottom right;}


/*-------------------------------
# News block in Sidebar */

#news{
		float: left;
		width: 29%;
		position: relative;
}
	#news ul{
		list-style: none; 
		margin: 0;
	}
	#news hr, #news ul li, #news h2, #news p{
		margin-left: 14.5% !important;
	}
	#news ul li{
		margin-bottom: 1.5em;
		margin-left: 0;
	}
	#news h2{
		position: absolute !important;
		top: -1.62em !important;
		padding: 0 !important;
	}
	#news .decor{
		position: absolute;
		top: -4.6em;
		width: 13px;
		height: 166px;
		background: url(../include/img/bg6.png) no-repeat top left;
	}
	#news a img{
		border: 1px solid #d3d3d3;
	}
		.short-img{
			float: left; 
			margin-right: 1em;
		}


/*-------------------------------
# Cols in main; in footer */	
	#content .cols ul{
		list-style: none;
		margin-left: 0;
		/*margin-bottom: 0;*/
	}
	#content .cols ul li{
		margin-bottom: 1.5em;
		margin-left: 0;
	}
	.cols hr, .cols p{
		margin-left: 0 !important;
	}
	.cols{ margin-bottom:3.6em;}
	.cols h2{
		position: absolute !important;
		top: -1.62em !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.col{
		position: relative;
	}
	.col1, .col2{
		float: left;
		width: 40%;
		position: relative;
	}
	.col2{
		padding-left: 10%;
	}
	.col2 h2{
		left: 20%;/*firefox2*/
	}


/*-------------------------------
# Solution */
#selection{
	width: 100%;
	overflow: hidden;
	clear: both;
}
	p.head, #selection hr{
		margin-left: 4.2%;	
	}
	#selection h2{
		margin:  0.38em 0 0 4.2% !important;
		padding: 0 !important;
		line-height: 1em !important;
	}
	p.head{
		margin-bottom: 0.5em;
		margin-top: -0.16em;
	}
	#selection hr{
		margin-right: 7.68%;
		margin-bottom: 1.5em;
	}
	#products{
		min-height: 100px;
		_height: 100px;
		margin-left: 3% !important;
		margin-right: 4%;
	}
		#products div{
			float: left;
			width: 15.5%;
			padding-left: 4%;
			
		}
		#products img{
			margin-bottom: 0 !important;
		}
		#products p{
			font-size: 1.2em;
			line-height: 1.5em;
			font-weight: bold;
			margin: 0.3em 0 0 0;
			padding: 0 0 0 22px;
			color: #606060;
		}
		#products ul{
			margin: 0 0 0 0;
			padding: 0 0 0 22px;
			font-size: 1.1em;
			font-family: tahoma;
			list-style : none;
			color: #606060;
			line-height : 1.64em;
		}
			#products ul li{
				margin: 0 !important;
			}


/*------------------------------------------------------------------
# Inner */

.submit{
	font-size: 150% !important;
	padding: 0 10px 0 10px !important;
}


/*-------------------------------
# Sidebar */
#sidebar{
	padding-top: 2.1em;
	float: left;
	width: 29%;
	background: url(../include/img/bg6.png) no-repeat top left;
	min-height: 16.6em;
	color: #5f5f5f;
}
	#sidebar p, #sidebar ul, #sidebar h3{
		margin-left: 14.5% !important;
		margin-right: 10% !important;
	}
	#sidebar h3{
		margin-top: 2em;
		padding: 0em 0 1em 0;
	}
	#sidebar ul{
		list-style: disc;
		
	}
	#sidebar ul li{
		margin-left: 0;
		margin-bottom: 1.5em;
	}
	#sidebar ul.prod-list li{
		margin-bottom: 0 !important;
		color: #317023;
	}


/*-------------------------------
# Production list */

ul.production li{
	margin-bottom: 1.5em !important;
}
ul.production .right{
	padding-left: 20px;
}


/*-------------------------------
# News */

ul.news-l{ 
	list-style: none; 
	margin-left: 0 !important;
}
ul.news-l li{
	margin-bottom: 3em !important;
}
.news-s-date, .news-l-date, .cm-date{
	font-size: 11px;
	font-family: Tahoma, arial;
	font-weight: normal !important;
	color: #606060;
}
.news-l-date{
	font-size: 11px !important;
	line-height: 18px;
}
.news-s-date {margin-top: -0.5em; margin-bottom: 0.5em}
.news-l-title { font-size: 1.16em !important;  line-height: 1.285em; font-weight: bold;}
.news-breaking{ font-size: 115%; font-weight: bold;}

/* pg-num */
.pg-pages{
	padding: 0;
	margin: 2em 0 0 0;
	font-size: 1.6em;
}
.pg-way {
	padding: 0;
	margin: 0px 0 4px 0;
}
.pg-num{
	font-size: 2em;
}
.pg-num span{
	background-color : #E8E9EC;
	padding: 0 0.5em 0 0.5em;
}
.pg-num a{
	padding: 0 0.5em 0 0.5em;
}


/*------------------------------------------------------------------
# Comments */
.cm-progress{
	padding: 0 0 0 10px;
	display: none;
}
.cm{
	padding: 1.6em 1.8em 1.6em 1em;
	margin: 0 0 3.6em 23px;
	width: 68%;
	background: #f1f2e7;
	border: 1px solid #d3d3d3; 
	margin: 0 0 3.6em 23px;
	overflow: hidden;
}
.cm-off{
	background: #c7eac0 !important;
}
.cm-ava img{
	margin: 0 !important;
}
.cm-answer{
	margin: 0.9em 0.5em 0 3em;
	padding: 1em;
	background-color: #d9e7ed;
	border: 1px solid #d3d3d3;
}
.cm-admin{
	font-weight: bold;
	color: #317023;
}
.cm-wait{
	font-style: italic;
}
.cm-author{
	margin: 0 2em 0 1em !important;
	padding: 0;
	text-indent: 0 !important;
}
.cm-date{
	padding-left: 0 !important;
	margin: 0 0 0.5em 1em !important;
}
.cm-text{
	margin: 0 2em 0 1em !important;
	padding: 0;
	text-indent: 0 !important;
}
.cm-delete{
	float: right;
	font-size: 11px;
}
.cm-red{
	color: red;
}
.cm-code{
	margin: 0 !important;
	padding: 0 !important;
}
.cm-refresh{
	margin: 0 !important;
	padding: 0 !important;
}
.cm-submit{
	font-size: 150% !important;
	padding: 0 10px 0 10px !important;
}
.progress{
	padding: 0 0 0 10px; 
	display: none;
}
#comments{}
#comment_your{}
#comment_no{}
#comment_add{}
#comment_added{}
#comment_form{}
#comment_form table{
	border-collapse: collapse; 
	background-color: #FFFFFF;
	margin: 0;
	width: 69% !important;
} 
#comment_form table td { 
	border: 1px solid #FFFFFF; 
	padding: 5px;
	background-color: #FFFFFF;
}


/*------------------------------------------------------------------
# Footer */

#footer{
	background: #024c90 url(../include/img/footer.jpg) repeat-x top left;
	color: #fff;
	overflow: hidden;
	clear: both;
	padding-bottom:  3.6em;
}
	#footer a, #footer h3{
		color: #fff !important;
	}
#contacts{
	width: 56.32%;
	float: right;
	margin-right: 7.68%;
	display: inline;
	margin-top: 10.8em;
}
	#contacts p{
		font-size: 1.1em;
		line-height: 1.636em;
		font-family: Tahoma;
		margin: 0 0 1.636em 0;
	}
	.no-br{
		margin-bottom: 0 !important;
	}
	.nobr{
		white-space: nowrap;
	}
	#footer .col1 h3, #footer .col2 h3{
		margin: 2em 0 1em 0 !important;
		padding: 0 !important;
	}
#copyright{
	float: left;
	width: 24%;
	position: relative;
	margin-left: 4.2% !important;
	padding-top: 6.1em;
	display: inline;
	margin-top: 10.8em;
}
	#copyright img{
		float: left;
		padding: 0; 
		margin: 0 7px 0 0;
		display: block;
		width: 3.6em;
		height: 2.5em
	}
	#copyright p.small{
		margin: 0;
		padding-top: 1em;
		color: #fff !important;
	}
	#copyright ul{
		margin-top: 1.8em;
		margin-bottom: 0;
		font-size: 1.1em;
		color: #9eb6d2 !important;
		list-style: none; 
	}
	#copyright ul li{
		margin: 0;
		line-height: 1.636em;
	}


/* DEBUG */
/*
body{
	background: white url(../include/img/bg.png) repeat 0 7px;
	min-height: 100%;
}
#container{
	background: none;
}
h1{
	background: none;
}
#topbar .decor{
		background: none;
	}
#footer{
	background: none;
	color: #333;
}
	#footer a, #footer h3{
		color: #333 !important;
	}
*/

	
/*------------------------------------------------------------------
# IE hacks */

#container{
	width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 770)? "770px" : "100%"); /* IE6 */
}
*html hr {margin: -7px 0 12px 0; /* IE6 */}	
*+html hr {margin: -7px 0 12px 0; /* IE7 */}
#menubar img{
	*width: 220px; /* IE6 */
	*height: 48px;
}
#menubar img, #products img{
	display: block; /* IE6 */
}
#production{
	_height: 19.7em; /* IE6 try to leave */
}
#production{
	_height: 166px; /* IE6 try to leave */
}


/*------------------------------------------------------------------
# unknown */






.quote {margin-left: -0.52em;}
.quote2 {margin-left: -0.6em;}
.tel-otstup {margin-left: 4.6em; float: none;}
.fax {margin-right: 1.7em;}
span.notis {text-transform : uppercase;}



.step li{ margin-bottom: 1.5em !important;}
.list-none{ list-style: none !important; margin-left: 0 !important;}
.bottom-none {margin-bottom: 0 !important;}
.bottom-big {margin-bottom: 6em !important;}

.null{margin: 0!important; padding: 0!important;}
.hr{margin-top: 3.3em; margin-bottom: 3.8em;}

.full{width: 100% !important;}
table .full{width: 99% !important;}
.half{width: 69% !important;}
.bold, .active{font-weight: bold;}
.invisible{display: none;}

table.easy{
	border-collapse: collapse; 
	background-color: #FFFFFF;
} 
table.easy td { 
	border: 1px solid #FFFFFF; 
	padding: 5px;
	background-color: #FFFFFF;
}


.fon{
	background: #f1f2e7;
	padding: 5px;
	border: 1px solid #d3d3d3;
}
a:hover .fon{background: #c6dce0;}

.video{ margin-bottom: 1.8em;}