@import "menu.css";
@import "content.css";
@import "sidebar.css";
@import "round.css";


/*
		Reset Style
*/
	body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, pre, blockquote, th, td { margin: 0; padding: 0}
	ul { list-style: none;}
	table { border-collapse: collapse; border-spacing: 0}
	fieldset { border: none}
	*:focus { outline: none}
	html,body{ height:100%;}
/*
		END Reset Style
*/

	a {color: #3e9b57;}
	a.protect {color: #888; background: url('/res/img/design_page/protect.jpg') left no-repeat; padding: 0 0 0 15px;}
	a.form{color: #888; background: url('/res/img/design_page/form.gif') left no-repeat; padding: 0 0 0 15px;}
	a.download{color: #888; background: url('/res/img/design_page/download.gif') left no-repeat; padding: 0 0 0 15px;}
	a.header { font-size: 125%; text-decoration: none;}
	a.header:hover { text-decoration: underline;}
	a:hover { color: #4ecb49;}
	
	span.date { color: #888;}
	
	span.map	{ color: #3e9b57; border-bottom: 1px dashed #3e9b57; cursor: pointer;}
	
	a img {border: none;}
	p { padding: 5px 0;}
	.rssLink { float: right; margin: 0 10px 0 0}

	body { background: #fff ; font-size: 82%; font-family: Arial; color: #444;}
	
	h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a { color: #3e9b57; text-decoration: none; font-weight: normal;}
	h1 { font-size: 150%;}
	h2 { font-size: 115%;}
	h3 { font-size: 140%; border-bottom: 1px solid #ebebeb;}
	h4 {	font-size: 100%; color: #000; font-weight: bold; padding-top: 10px;}
	
	.hundredpercent { width: 100%;}
	
	.px580{ width: 580px;}
	.px350{ width: 350px;}
	.px250{ width: 250px;}
	.px150{ width: 150px;}
	.fourhundredpx { width: 400px;}
	
	.floatleft { float: left; margin: 10px 10px 10px 0;}
	.floatright { float: right; margin: 10px 0 10px 10px;}
	.padding-left { padding: 0 0 0 10px}
	.padding-right { padding: 0 10px 0 0}
	
	.t-center {text-align: center;}
	.t-left {text-align: left;}
	.t-right {text-align: right;}
	
	#loading {display: none;}
	#loading {}
	
	.hiden { display: none;}
	
	br.clear { clear: both; font-size: 1px;}
	
	sup { position:relative; bottom:0.3em; vertical-align:baseline;}
	
	/* Ширина сайта
	======================================================================================*/
	
	div#container { width: 1011px; margin: 0 auto; position: relative;}
	
	/*  
		Header
		Green text color: #3e9b57
		Grey text color: # 
	  ======================================================== */	  
	div#headerWrap { }
	div#headerWrap a.logo img{margin: 20px 0 0 20px;}
	
	/* Иконки
	----------------------------------------------------------------------*/
	div#phone { top: 16px; right: 150px; font-size: 160%; color: #3e9b57; text-align: right; width: 200px;}
	div#phone span { color: #ccc; font-size: 14px; font-weight: bold}
	div#phone a{ color: #ccc; font-size: 11px; font-weight: normal; z-index: 999; display: block;}
	
	div#icons { right: 30px; width: 134px; height: 25px; top: 20px; text-align: right;}
	div#icons  a {padding-left: 10px;}
	
	/* Языки
	----------------------------------------------------------------------*/
	div#lang { background: #f5f5f5; right: 40%; width: 300px; text-align: center; top: 0px;}
	div#lang .button_over { width: 150px; background: url(/res/img/design_page/bg_lang_over.gif) bottom center no-repeat; height: 8px;}
	div#lang  a{ display: inline-block; padding: 10px 5px 2px 25px;}
	div#lang  a.ru { background: url(/res/img/flags/ru.gif) 0 12px no-repeat;}
	div#lang  a.kz{ background: url(/res/img/flags/kz.gif) 0 12px no-repeat;}
	div#lang  a.ua{ background: url(/res/img/flags/ua.gif) 0 12px no-repeat;}
	
	div#icons, div#lang, div#phone, #clients-login, #clients-form   { position: absolute; z-index:2;}
	
	/* Вход для клиентов
	----------------------------------------------------------------------*/
	#clients-login {

		font-size: 12px;
		color: #3e9b57;
		cursor: pointer;
		top: 62px;
		right: 20px;
		width: 107px;
		z-index: 10;
	}
	
	#clients-form {
		display: none;
		padding: 15px 30px 20px 10px;
		width: 320px;
		overflow: show;
		top: 0;
		right: 20px;
		background-color: #fff;
		/*background-image: url(../img/bg-login.png);
		background-position: 0 -163px;*/
		z-index: 800;
	}
	
		#clients-form  .left, #clients-form  .right {
			position: absolute;
			top: 0;
			height: 163px;
			width: 11px;
			background-image: url(../img/bg-login.png);
			background-repeat: no-repeat;
			z-index: 800;
		}
		
		#clients-form  .left {
			left: -11px;
			background-position: 0 0;
		}
		
		#clients-form  .right {
			right: -11px;
			background-position: -11px 0;
		}
	
		#clients-form  img.close {
			position: absolute;
			top: 20px;
			right: 10px;
			cursor: pointer;
		}
	
		#clients-form input {
			padding: 3px;
			color: #9f9f9f;
			font-size: 11px;
			margin: 2px;

			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 10px;

			background: #fff;
			border: 1px solid #ccc;
		}
		
		#clients-form input:focus, #clients-form input:hover {
			background:#FFC;
		}
	
	.bborder {
		border-bottom: 1px dashed #1a8bd9;
	}
	
	
	/* Навигация
	----------------------------------------------------------------------*/
	div#navigation { background: url(/res/img/design_page/bg_nav.gif) repeat-x bottom; width: auto; height: 75px; margin: 0 20px; position: relative; }
	div#navigation div.nav_left { background: url(/res/img/design_page/left_nav_bg.gif) no-repeat left bottom; height: 75px; }
	div#navigation div.img { background: url(/res/img/design_page/bg_nav_img1.gif) no-repeat right bottom; position: absolute; width: 364px; height: 99px; right: 0; bottom: 0; z-index:2;}
	div.search, .searchpnf  { height: 41px; width: 210px; position: absolute; bottom:0px; right: 0; z-index: 100;}	
	div.search input#searchInput, .searchpnf input#searchInput   { margin: 20px 0 0 35px; padding: 3px 5px 3px 25px; width: 80px; color: #ccc; background:url('/res/img/design_page/input_search.gif') 0 0 no-repeat; border: none; font-size: 85%; height:24px;  _background-attachment: fixed; }
	div#navigation div.search input#b, .searchpnf input#b{ position: absolute; top: 20px; right: 0;}
	
	@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
		div#navigation div.search input#searchInput { margin: 20px 0 0 35px; padding: 0 5px 0 25px; width: 80px; color: #ccc; background:url('/res/img/design_page/input_search.gif') 0 0 no-repeat; border: none; font-size: 85%; height:24px;}
	}


	ul#bmenu {}
	ul#bmenu li { float: left; padding-right: 10px;}
	ul#bmenu li a { color: #ccc;}
	ul#bmenu:after {content: '.'; font-size: 1px; clear: both;}
	
	/* Фильтр
	----------------------------------------------------------------------*/
	div#Filter { margin: 20px 20px 0 20px;}
	
	/*  
		Content
		Left col: 30%
		Center col: 70%
		background: #ebebeb; 
	 ======================================================== */

	div#contentWrap {}
	div#left_content { width: 310px; padding: 0 20px; font-size: 95%; float: left; }
	div#center_content { margin: 0 20px 20px 360px;}
	div#content { margin: 0 40px 20px 40px;}
	
	/*  Клиенты
	     ======================================================== */
	div#clients { text-align: center; width: auto; margin: 10px 20px 0 20px; background: #f5f5f5; padding: 0 0 5px 0;}
	
	/*  Footer 
	     ======================================================== */
	div#footerWrap { text-align: right; clear: both;  background:url('/res/img/design_page/footer-bg.jpg') no-repeat top center; color: #666; width: auto; margin: 0 20px; font-size: 90%;}	
	div#footerWrap  p{ padding: 0 0 3px 0; text-align: center;}
	
	/*  PAge Not Found
	     ======================================================== */
	div#pageNotFound { background: #f5f5f5; margin-top: 10px;}
	div#pageNotFound .logo { padding: 20px 0 0 30px;}
	div#pageNotFound .pnf { text-align: center; padding-top: 50px; padding-bottom: 50px;}
	div#pageNotFound .text{ padding: 0 180px;  padding-bottom: 50px;}
	.pnfpatch { margin-top: 50px; margin-left: 10px;}
	.searchpnf {position: absolute; right: 0; top: -10px}

	.tooltip {text-decoration: underline; cursor: help;}
	#tooltip{ position:absolute; border:1px solid #333; background:#f7f5d1; padding: 10px; color:#333; display:none; width: 300px;}