﻿* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	font: 62.5% Arial, sans-serif;
	color: #666;
}
#wrapper {
	/*background: url("/img/sms-gradient.png") repeat-x 50% 0;*/
	background: url("/img/sms-gradient-180609.png") repeat-x 50% 12px ;
	overflow: visible;
	min-height: 100%;
	/*width:100%;*/
	
}
#header a, #adv a {
	color: #fff;
	text-decoration: none;
}
#header a:hover, #adv a:hover {
	text-decoration: none;
}
#header a:hover {
	color: #cd2200;
}
a img {
	border: 0;
}
	.container {
		width: 980px;
		margin: 0 auto;
		position: relative;
	}
		#header {
			overflow: auto;
			background: url("/img/header-bg.png") repeat-x 0 0;
			background-position:bottom;
			height: 92px;
			z-index: 10;
			width: 1030px; 
			position: relative;
			
			overflow: hidden;
			
		}
			#header h1 {
				float: left;
			}
				#header h1 a {
					background: url("/img/logo-color.png") no-repeat 0 0;
					display: block;
					width: 155px;
					height: 46px;
					text-indent: -900%;
					overflow: hidden;
					margin: 10px 0 0;
				}
				* html #header h1 a {
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo-color.png', sizingMethod='scale');
				}
			#vcard { height:92px;
				/*background: url("/img/vcard-separator.png") no-repeat 50% 0;*/
				float: left;
				/* width: 500px; */
				 width: 455px; 
			}
				.adr, .adr2 {
					float: left;
					margin: 4px 15px 0px 0px;
					/*padding: 15px 10px;*/
					padding: 80px 20px 4x 0px;
					text-align: center;
				}
				.adr2 {margin: 40px 15px 0px 0px;}
				h2#myid {
	width: auto;
	float: none;
	text-align: left;
}
					#vcard span, #vcard a {
						font: 15px Calibri, Arial, sans-serif;
						display: block;
						font-weight: bold;
						color: #1a1a1a;
					}
					#vcard span.tel, #vcard a.tel {
						font-size: 2em;
					}
					#vcard a:link, #vcard a:visited {color: #1a1a1a;}
					#vcard a:hover, #vcard a:active {color: #cf2000;}
			#header ul {
			left:455px; 
				/* float: right; */
				/*position:absolute;*/
				padding: 30px 0 0;
				right:5px;
			}
				#header li {
					display: inline;
					padding: 0 5px;
				}
					#header a {
						font: 22px Calibri, Arial, sans-serif;
						color: #666;
						font-weight: bold;
					}
					#header .active a {
						color: #cd2200;
					}
					#header .registration {
					}
					#header .registration a {
						color: #cd2200;
					}
		#adv {
			height: 325px;
			position: relative;
		}
			#slogan {
				/*background: url("/img/prostor-slogan.png") no-repeat 0 0;*/
				background: url("/img/slogan-190609.png") no-repeat 0 0;
				width: 447px;
				/*height: 237px;*/
				height: 287px;
				position: absolute;
				/*top: 25px;*/
				top: 0;
				left: 0;
			}
			#slogan * {
				visibility: hidden;
			}
#container_reg-slide
{
	position: relative;
	width:100%;
	height:194px;
}
#OverLay {
    background: none repeat scroll 0 0 #000000;
    display: none;
    height: 100%;
    min-width: 1020px;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    z-index: 1000;
	top: 0;
	left: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}

#reg-slide_close
{
	display:none;
	color: #8F0000;
    position: absolute;
    right: 0px;
    text-decoration: underline;
    top: -26px;
}

			#reg-slide {
				width: 500px;
				position: absolute;
				top: 30px;
				right: 0;
				text-align: center;
			}
				#reg-slide fieldset {
					border: 0;
					padding: 0 75px;
				}
				#reg-start {display: none;}
				#reg-end {display: none;}
				.active#reg-start {display: block;}
				.active#reg-end {display: block;}
					#reg-slide h2 {
						color: #fff;
						font: 24px "Trebuchet MS", sans-serif;
						font-weight: bold;
						text-transform: uppercase;
					}
					#reg-slide p {
						color: #f0f0f0;
						font: 14px "Trebuchet MS", sans-serif;
						margin: 15px 0;
					}
					#reg-slide input {
						width: 334px;
						height: 28px;
						font: 18px "Trebuchet MS", sans-serif;
						color: #000;
						text-align: center;
						background: url("/img/reg-input.png") no-repeat 0 0;
						padding: 3px 0 0;
					}
					#reg-slide input:focus {
						color :#333;
						background-position: 0 -31px;
					}
					#reg-slide #reg_tel {
						background: url("/img/reg-input-tel.png") no-repeat 0 0;
						width: 170px;
						height: 30px;
						text-align: left;
						padding: 6px 10px 0;
					}
					#reg-slide label {
						font-size: 14px;
						color: #f0f0f0;
						padding: 7px 0 0 7px;
						font-weight: bold;
						float: left;
					}
					#reg-tel-country {
						color: #f0f0f0;
						font-size: 14px;
						font-weight: bold;
					}
					#reg-slide #reg-tel-region {width: 70px;background: url("/img/reg-input-region.png") no-repeat 0 0;height: 33px;}
					#reg-slide #reg-tel-number {width: 100px;background: url("/img/reg-input-number.png") no-repeat 0 0;height: 33px;}
					#reg-slide button {
						color: #fff;
						background: #cd2200 url("/img/link-registration.png") no-repeat 0 0;
						font: 18px "Trebuchet MS", sans-serif;
						font-weight: bold;
						border: 0;
						width: 281px;
						height: 52px;
						cursor: pointer;
					}
					#reg-slide #reg-start-btn {background: #cd2000 url("/img/reg-link-start-button.png") no-repeat 0 0;width: 242px;height: 47px;}
					#reg-slide #reg-end-btn {background: #cd2000 url("/img/reg-link-end-button.png") no-repeat 0 0;width: 237px;height: 49px;}
			#shot {
				height: 287px;
				position: absolute;
				right: 0px;
				top: 0px;
				width: 354px;
				background: url("/img/nets.png") no-repeat 0 0;
			}
			#link_registration, #link_download {
				position: absolute;
				bottom: 50px;
				left: 50%;
				width: 281px;
				margin: 0 0 0 -140px;
				height: 42px;
				padding: 10px 0 0;
				text-align: center;
				font: 2.1em "Trebuchet MS", Arial, sans-serif;
				font-weight: bold;
				background: #cd2200 url("/img/link-registration.png") no-repeat 0 0;
			}
			#adv #link_download {
				margin: 0 0 0 200px;
			}
			#content #link_download {
				position: static;
				display: inline-block;
				display: -moz-inline-block;
				color: #fff;
				margin: 0;
			}
			* html #content #link_download {
				display: block;
			}
			#tooltip {
				font-size:1em;
				left: 50%;
				position: absolute;
				top: 255px;
				width: 191px;
				height: 85px;
				padding: 20px 0 0;
				position: absolute;
				background: #fff;
				background: url("/img/tooltip.png") no-repeat 0 0;
				display: none;
				opacity: 0;
				line-height: 1.6em;
			}
			* html #tooltip {line-height: 2.2em;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tooltip.png', sizingMethod='scale');}
			*+html #tooltip {line-height: 2.2em;}
				#tooltip span, #tooltip strong {
					font-family: Calibri, Arial, sans-serif;
					font-weight: bold;
					text-align: center;
					display: block;
				}
				#tooltip span {
					color: #4685b2;
				}
				#tooltip .count {
					font-size: 3.6em;
				}
				#tooltip .type {
					font-size: 2.4em;
				}
				#tooltip .price {
					font-size: 1.7em;
				}
				#tooltip strong {
					color: #4c4c4c;
					font: 1.1em Arial, sans-serif;
					display: block;
					position: absolute;
					width: 100%;
					bottom: 20px;
					font-weight: bold;
				}
				#adv #tooltip * {
					display: none;
				}
		#text {
			padding: 0 0 100px;
			overflow: auto;
		}
			#text h2 {
				font: 1.8em Calibri, Arial, sans-serif;
				font-weight: bold;
				color: #4c4c4c;
				padding: 30px 0 15px;
			}
			#text .red, #header .red, #text .red a, #text .red span {
				color: #cd2200;
			}
			
				#text  li{
					list-style: none;
				}
		p, li, dd {
			font-size: 12px;
		}
		#text a {
			color: #d8573d;
			text-decoration: underline;
		}
		#text a:hover {
			text-decoration: none;
		}
		#price, #download {
			 overflow: auto; 
		}
			#price_value, #download_link {
				float: left;
				width: 136px;
				height: 100px;
				background: url("/img/price.png") no-repeat 0 0;
				font: 2.4em Calibri, Arial, sans-serif;
				color: #4584b1;
				text-align: center;
				font-weight: bold;
				padding: 7px 0 0;
				margin: 0 20px 20px 0;
			}
			#download_link {
				background: url("/img/icon-download.png") no-repeat 0 0;
			}
			#price_value *, #download_link * {
				display: none;
			}
				#price h2, #download h2 {
					padding-top: 0;
				}
				#price strong, #download strong {
					font-size: 2em;
				}
			#download p {
				padding: 0 0 0 155px;
			}
		#reasons, #faq {
			float: left;
			width: 490px;
			margin: 0 35px 0 0;
		}
		#branches {padding: 0 0 0 525px;}
		#rightcol{margin-left: 525px; width:455px;}
		#why { }
		#why table {
			border-collapse: collapse;
			margin: 10px 0;
			width: 455px;
		}
		#why td, #why th {
			padding: 5px 10px;
			font-size: 1.2em;
			border: 1px solid #ccc;
			text-align: center;
		}
		#why th {
			background: #cd2200;
			color: #fff;
			border: 0;
		}
		#reasons dl {
			float: left;
			
			width:220px;
			margin: 0 25px 45px 0;
		}
				#reasons dt a, #reasons dt span {
					display: block;
					font: 1.7em Calibri, Arial, sans-serif;
					font-weight: bold;
					overflow: auto;
					background: url("/img/icon-reasons-bg.png") no-repeat 0 0;
					text-decoration: none;
					line-height: 1.2em;
					padding: 10px 0 0;
					color: #666;
					
				}
				#reasons dt a.none {padding: 0px 5px 0 5px; overflow:visible; }
				#reasons dt a.nonetext{ overflow:visible;
				background: none; display: inline; font-size: 13pt;
				}
				/* http://my.prostor-sms.ru/personal/login/ */
					#reasons dt b {
						position: relative;
						width: 78px;
						height: 78px;
						padding: 1px;
						float: left;
						text-align: center;
						margin: -10px 10px 0 0;
					}
			#reasons img { 
				margin: 15px 0 0;
			}
		.hr {
			border-top: 1px solid #e3e3e3;
			text-align: center;
			clear: both;
		}
			.hr img {
				position: relative;
				top: -4px;
				left: 100px;
			}
			#text fieldset {
				border: 0;
				font-size: 1em;
				padding: 15px 0 30px;
			}
			#text label {
				float: left;
				width: 66px;
				padding: 0 5px 0 0;
				color: #4d4d4d;
				font-weight: bold;
				vertical-align: top;
				font-size: 1.2em;
				text-align: right;
				margin-top: 5px;
			}
			.inner #text label {
				width: 74px;
			}
			input, textarea, select {
				width: 363px;
				border: 0;
				margin: 0 0 4px;
				text-align: left;
				color: #4d4d4d;
				font: 1.2em Arial, sans-serif;
				padding: 3px 5px 0;
			}
			input {
				background: #fff url("/img/input.png") no-repeat 0 0;
				height: 21px;
			}
			select {
				background: #fff url("/img/input.png") no-repeat 0 0;
				height: 24px;
				padding: 1px;
				width: 373px;
			}
			textarea {
				background: #fff url("/img/textarea.png") no-repeat 0 0;
				height: 114px;
			}
			#sendmail {
				background: url("/img/submit.png") no-repeat 0 0;
				width: 119px;
				height: 29px;
				text-align: center;
				text-transform: uppercase;
				color: #fff;
				font: 1.2em "Trebuchet MS", Arial, sans-serif;
				font-weight: bold;
				float: right;
				cursor: pointer;
				margin-right: 10px;
				clear: both;
			}
#footer {
	height: 56px;
	border-top: 1px solid #d4d4d4;
	background: #f8f8f8;
	margin: -57px 0 0;
	position: relative;
}
	#footer ul {
		padding: 20px 0 0;
		float: left;
	}
		#footer li {
			display: inline;
			padding: 0 10px;
		}
			#footer a {
				color: #666;
			}
	#creator {
		background: url("/img/logo-grey.png") no-repeat 0 0;
		width: 104px;
		height: 32px;
		float: right;
		text-indent: -900%;
		overflow: hidden;
		margin: 15px 0 0;
	}


#loginform {
	display: none;
	background: url("/img/loginform-bg.png") no-repeat 0 100%;
	width: 228px;
	height: 93px;
	top: 0px;
	position: absolute;
	right: 0;
	padding: 0 3px;
	z-index: 2;

	border-top: 1px solid #bababa;
}
* html #loginform {
	height: 97px;
}
*+html #loginform {
	height: 97px;
}
#loginform fieldset {
	border-width: 2px 0 1px;
	border-bottom: 1px solid #c9c9c9;
	border-top: 2px solid #e1e1e1;
	padding: 15px 0 9px 10px;
}
#loginform #auth-login, #loginform #auth-pass {
	background: url("/img/input-login.png") no-repeat 0 0;
	width: 140px;
	height: 19px;
	text-align: center;
	padding: 0;
	font: 1.2em Arial, sans-serif;
	/*color: #ccc;*/
	color: #000;
}
#loginform #auth-submit {
	position: absolute;
	top: 23px;
	right: 5px;
	background: #cd2200 url("/img/submit-login.png") no-repeat 0 0;
	width: 65px;
	height: 29px;
	text-align: center;
	padding: 0;
	color: #fff;
	font: 1.2em "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
#loginform p {
	border-top: 1px solid #ececec;
	text-align: right;
	padding: 0 5px;
}
#loginform p a {
	text-transform: lowercase;
	color: #cd2200;
}
#loginform p a.registration {
	float: left;
}
.active#loginform {
	display: block;
}

.inner #text #tel-label {
	/*width: auto;
	margin: 0 0 0 14px;*/
}
.inner #text #tel-region-label {
	width: auto;
	margin: 3px 3px 0;
}
#tel-region {
	width: 40px;
	background: url("/img/input-tel-region.png") no-repeat 0 0;
}
#tel-number {
	width: 100px;
	background: url("/img/input-tel-number.png") no-repeat 0 0;
}

#pass_scrib {
	font: 1.2em Arial, sans-serif;
	color: black;
	position: absolute;
	/*margin: 0px 0px 0px -93px;*/
	height:17px;
	left:13px;
	text-align:center;
	top:41px;
	width:138px;
}

div#todowload {
	margin: 20px 0px;
}

div#step2 {
	display: none;
}

#to-step2, .send-button {
background:transparent url(/img/submit.png) no-repeat scroll 0 0;
color:#FFFFFF;
cursor:pointer;
float:right;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:29px;
line-height:normal;
margin-right: 10px;
text-align:center;
text-transform:uppercase;
width:119px;
}

.inner #text #tel-label {
	width: auto;
	position: relative;
	top: -3px;
}

.btdown {
	margin-top: 15px;
}

#second, #two {display: none}

#flashcontent {
	margin-top: 20px;
}

div#header a.tel {
	font-size: 17px;
}

h1#myid {
	width: auto;
	float: none;
	text-align: left;
}


#vcard1, #vcard2{/*background: url("/img/vcard-separator.png") no-repeat 50% 0;*/}
#vcard1 .adr1 {padding: 0 15px 0px 0px; /*padding: 15px 10px;*/ text-align: center;}
#vcard2 .adr1 {padding: 0px 15px 6px 0px; /*padding: 15px 10px;*/	text-align: center;}
#vcard1 span.tel, #vcard1 a.tel, #vcard2 span.tel, #vcard2 a.tel {font-size:2em;}
table#header a.tel {font-size: 17px; color:#1A1A1A; white-space:nowrap;}
table#header a.tel:hover {color:#CF2000;}
#vcard1 span, #vcard2 span{font: 15px Calibri, Arial, sans-serif;	display: block; font-weight: bold; color: #1a1a1a;}
.header{margin:0 auto;}

#region_reload #reload_2, #region_reload #reload_3 {
  display:none;
}
#all_regions_russia {
  position:absolute;
  top:10px;
  left:55px;
  z-index:10;
}
#all_regions_russia h2 {
  color:#FFFFFF;
  font:bold 24px "Trebuchet MS",sans-serif;
  text-transform:uppercase;
}
#all_regions_russia_inner {
  position:absolute;
  top:98px;
  left:158px;
  z-index:10;
}
#all_regions_russia_tel {
  position:absolute;
  top:250px;
  left:158px;
  z-index:10;  
}
#all_regions_russia_inner a {
  color:#FFFFFF;
  font:bold 20px "Trebuchet MS",sans-serif;
  text-transform:uppercase;
  text-decoration:none;
}
#all_regions_russia_tel a {
  color:#FFFFFF;
  font:bold 20px "Trebuchet MS",sans-serif;
  text-transform:uppercase;
  text-decoration:none;
}

#todowload .arrows {padding:0 0 15px 0;}
#todowload .button {padding:0 5px;}

#info_error{width:100%;height:40px;color:red;text-align:center}
#form
{
	border:none;
	
}
#form td
{
	border:none;
}
#form label 
{
	width:auto;
}
#btn_payment
{
	width:100px;
	background:none;
	border:1px #3c3c3c solid;
	height:30px;
	padding:0;
	margin:0;
	text-align:center;
	cursor:pointer;
	
}
/* overlay form */
#overlay_form_close, #overlay_regform_close {
	position: absolute;
	top: 10px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/img/close-red.png') 0px 0px;
	cursor: pointer;
	z-index: 1201;
	display: none;
}

#overlay_regform_close {
	top: 312px;
	left: 783px;
}
.overlay_form_over {
	margin:-10px 0 0 0;
	padding: 10px 0 10px 0;
	border: 0px;
	border-radius: 5px;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:5px;
	background: #CA2802;
	overflow: hidden;
}
.overlay_regform_over {
	margin:0 0 0 -10px;
	padding: 0 20px 0 10px;
	border: 0px;
	border-radius: 5px;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:5px;
	background: #F2F2F2;
	overflow: hidden;
	position: absolute;
}
