/*------------------------------------------------------------------
	Description: Master Styleshit
	Project:	tep-polis.ru
	Version:	2.0
	Author:  Ekaterina
	Creation Date:  04.05.2008 alpa
		modified: 14.05.2008 beta
		modified: 23.05.2008 inner page

[Table of contents]
	Base
	Top
	Main
	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 */

html,body,div,ul,ol,li,h1,h2,h3,form,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
body{
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #333;
}
#container{
	min-width: 770px;
	background: white url(images/bg1.png) no-repeat top left;
	
}

a:link { color: #014195; text-decoration: underline;}
a:visited { color: #3677ba; text-decoration: underline;}
a:hover { color: #3677ba; text-decoration: none;}
a:active { color: #317023; }
a.underline { text-decoration: none; border-bottom: 1px dashed;}

a.menu:Link{ Color: white; Text-decoration: none; font-size:14px;}
a.menu:visited { color: white; text-decoration: none; font-size:14px;}
a.menu:Hover{ Color: white; Text-decoration: underline; font-size:14px;}
a.menu:active { color: white; Text-decoration: none; font-size:14px; }

a.menu1:Link{ Color: white; Text-decoration: none; font-size:16px; line-height: 1.8em; }
a.menu1:visited { color: white; text-decoration: none; font-size:16px; line-height: 1.8em;}
a.menu1:Hover{ Color: white; Text-decoration: none; font-size:16px; background: #1e5fc3; line-height: 1.8em;}
a.menu1:active { color: white; Text-decoration: none; font-size:16px; line-height: 1.8em; }

a.vip:link { color: #ff3300; text-decoration: underline;}
a.vip:visited { color: #ff3300; text-decoration: underline;}
a.vip:hover { color: #ff3300; text-decoration: none;}
a.vip:active { color: #ff3300; }

p, ul, ol{
	font-size: 1.2em;
	line-height: 1.5em;
}
p, ul li{
	margin-bottom: 1.5em;
}
p{
	text-indent: 0;
}
ul{
	list-style: none;
}
ul li ul{
	font-size: 1em !important;
}
small, .small{
	font-size: 11px;
	font-family: Tahoma, arial;
	font-weight: normal !important;
	color: #606060;
}

ol.menu: {
	list-style: none;
}

h1, h2, h3{
	color: #0b2a92;
}
h1{
	font-size: 2.7em;
	margin-left: 36%;
	padding: 2.93em 8.4% 0.4em 0px;
	background: white url(images/bg1.png) no-repeat top left;
	line-height: 1.333em;
}
h1.main-header{

	padding-top: 2.26em
}
h2{
	/*font-size: 2.1em;
	line-height: 1.52em;*/
	font-size: 2.1em;
	font-weight: normal;
	line-height: 1.52em;
}
h3{
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.5em;
}
img{
	border: 0;
}
hr {
	color: #d3d3d3;
	background: #d3d3d3;
	height: 1px;
	border: 0 none;
	margin: 0 0 2em 0;
	padding: 0;
	display:block;
}
.quote{
	margin-left: -0.52em;
}
.quote2{
	margin-left: -0.6em;
}
.tel-otstup{
	margin-left: 4.6em;
	float: none;
}
.fax{
	margin-right: 1.7em;
}
.notis{
	text-transform : uppercase;
}



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

#menubar{
	width: 29%;
	float: left;
}
	#menubar img{
		width: em;
		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;
	}
	#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{
		color: #fff;
	}
	#topbar .decor{
		width: 50px;
		height: 48px;
		background: url(images/bg8.gif) no-repeat top left;
		float: left;
	}
	.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: #cf091a url(images/bg7.png) repeat-x top left;
}
#production{
	min-height: 26.0em;
	background: #014195 url(images/panel.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;
	}
	
		#production ol{
		font-size: 1.2em;
		line-height: 1.9em;
		margin: -176 0 0 270px;
		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;
	}
	#addonbar ul li{
		float: left;
		background: url(../include/img/arrow.gif) no-repeat center left;
		list-style: none !important;
		padding: 0 0 0 15px;
	}
		.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%;
		}
		#search input.naiti{
			font-size: 1.1em;
			font-family: Tahoma;
		}
		
	
	
/*------------------------------------------------------------------
# Main */

#main{
}
#main div.put {
	left: 36%;
	position: absolute;
	font-size: 1.1em;
	font-family: Tahoma;
	margin-top: 3em;
	
}
#main h2{
	position: absolute;
	top: -1.62em;
}
#content{
	width: 58.30%;
	float: right;
	margin-right: 7.68%;
	display: inline;
}
	#content hr, #content p, #slogan, .cols, #content img, #content ul, #content ol, #main div.put, #content h1, #content h2, #content h3, #content form, table, .video{
		margin-left: 23px;
	}
	#content h1{
		background: none;
		padding:0;
		margin-top: 2.83em;
		margin-bottom: 0.5em;
	}
	#content h2{
		position: static;
		top: 0;
		padding-top: 1.9em;
		padding-bottom: 0.86em;
		/*margin-top: 2.58em;
		padding-bottom: 1.06em;*/
		/*background: #91f578;*/
		
	}
	#content h3{
		padding-top: 2em;
		padding-bottom: 1em;
		padding-left: 2em;
		/*background: #b8eaac;*/
	}
		/* special for content */
		.left { float: left; margin-left: 23px; margin-right: 2.2em;}
		.right { float: right; margin-left: 2.2em; display: inline;}
		img, .left, .right, .image, .video{ margin-bottom: 1.8em;}
		.image, .fon{
			background: #f1f2e7;
			padding: 5px;
			border: 1px solid #d3d3d3;
		}
		a:hover .fon{background: #c6dce0;}
		.image p{
			margin: 0 !important;
			text-align: center;
			font-size: 11px;
			font-family: Tahoma, arial;
		}
		.image img, ol img, ul img, .img{
			margin: 0 !important;
		}
		.list-none, ul.news{ list-style: none !important; margin-left: 0 !important;}
		.bottom-none {margin-bottom: 0 !important;}
		.bottom-big {margin-bottom: 6em !important;}
		.news-date {margin-top: -0.5em; margin-bottom: 0.5em}
		.news-title { font-size: 1.16em !important;  line-height: 1.285em; font-weight: bold;}
		.null{ margin: 0!important; padding: 0!important;}
		.hr{ margin-top: 3.3em; margin-bottom: 3.8em;}
		input.pole_poiska{width: 44%;display: inline; }
		.full{	width: 100% !important;}
		.half{	width: 69% !important;}
		.bold{	font-weight: bold;}
		.red{ color: red;}
	
	#content form{
	margin-bottom:1.5em;
	}
		
	#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;}
	#content ul, #content ol{
		margin-bottom: 3em;
		margin-top: 0em;
	}
	#content ul li, #content ul li ul, #content ol li, #content ol li ol{
		margin-bottom:0em;
		margin-left: 2em;
	}
	#content ul li p, #content ol li p{
		margin-bottom:0em;
		margin-left: 0 !important;
		font-size: 1em;
	}
	ol.step li{ margin-bottom: 1.5em !important;}
	#content ul{
		list-style: disc;
	}
	ul.news li{
		margin-bottom: 3em !important;
	}
	ul.production li{
		margin-bottom: 1.5em !important;
	}
	ul.production .right{
		padding-left: 20px;
	}
	#content .cols ul{
		/*margin-bottom: 6em;*/
		list-style: none;
		margin-left: 0;
	}
	#content .cols ul li{
		margin-bottom: 1.5em;
		margin-left: 0;
	}

	.cols hr, .cols h2, .cols p{
		margin-left: 0 !important;
	}
	.cols{ margin-bottom:3.6em;}
	.cols h2{
	position: absolute !important;
	top: -1.62em !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	}
	.col{
		position: relative;
	}
	.col1, .col2{
		float: left;
		width: 40%;
		position: relative;
	}
	/*.col1 { margin-bottom: 1.8em;}*/
	.col2{
		padding-left: 10%;
	}
	.col2 h2{
		left: 20%;/*firefox2*/
	}
#news{
		float: left;
		width: 29%;
		position: relative;
}
	#news hr, #news ul li, #news h2, #news p{
		margin-left: 14.5% !important;
	}
	#news .decor{
		position: absolute;
		top: -4.6em;
		width: 13px;
		height: 166px;
		background: url(images/bg6.gif) no-repeat top left;
	}
#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-bottom: 1em;
	}
	#sidebar ul{
		list-style: disc;
	}
	#sidebar ul.prod-list li{
		margin-bottom: 0 !important;
		color: #317023;
	}
.empty{
	clear:both;
	overflow:hidden;
	font-size:0;
	height:0;
	width: 100%;
}
#selection{
	width: 100%;
	overflow: hidden;
	clear: both;
}
	#selection h2, p.head, #selection hr{
		margin-left: 4.2%;	
	}
	#selection h2{
		margin-bottom: 0 !important;
		line-height: 1em !important;
		margin-top: 0.38em;
	}
	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;
			}

.blok{
	background: #f1f2e7;
	padding: 1.6em 1.8em 0 1em;
	border: 1px solid #d3d3d3; 
	margin: 0 0 3.6em 23px;
	overflow: hidden;
}

div.blok p, div.blok ul, div.blok li{
	padding-left: 0 !important;
	margin-left: 1em !important;
}

/* tables */
table.easy{
	border-collapse: collapse; 
	background-color: #FFFFFF;
} 
table.easy td { 
	border: 1px solid #FFFFFF; 
	padding: 5px;
	background-color: #FFFFFF;
}
table.easy ul{
		font-size: 100% !important;
}
table { 
	border-collapse: collapse; 
	width: 75%;
	clear: right;
	font-size: 1.2em;
	float: none;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	 
} 
table td { 
	border: 2px solid white ; 
	padding: 5px 10px 5px 1em;
	background-color: #F2F2F2; 
}


/* forms */
.submit{
	font-size: 150% !important;
	padding: 0 10px 0 10px !important;
}
/* 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;
}

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

#footer{
	background: #024c90 url(images/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;
	}
#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;
		font-size: 1.1em;
	}
	#copyright ul li{
		margin: 0;
		line-height: 1.636em;
	}

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

#container{
	width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 770)? "770px" : "100%"); /* IE6 */
background: url(images/bg1.png) no-repeat top left;

}
*html hr {margin: -7px 0 12px 0; /* IE6 */}	
*+html hr {margin: -7px 0 12px 0; /* IE7 */}
#menubar img{
	*width: 267px; /* IE6 */
	*height: 53px;
}
#menubar img, #products img{
	display: block; /* IE6 */
}
#production{
	_height: 19.7em; /* IE6 try to leave */
}
#production{
	_height: 166px; /* IE6 try to leave */
}


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