/* -------------------------
CSS главной страницы
---------------------------- */


/* -------------------------
Область контента
---------------------------- */

.content {
	background: #fff;
	width: 100%;}
	
.content td {
	background: #fff;
	vertical-align: top; }
	
/* левая колонка */

.leftcolumn {
	width: 64%;
	height: 100%; }
	
/* правая колонка */
	
.rightcolumn {
	background: #f2f2f2 !important;
	border-left: 1px solid #d3d3d3;
	width: 36%;
	height: 100%; }
	
	
/* -------------------------
Блок тарифного плана
---------------------------- */

/* контейнер тарифных планов */

.plans {
	position: relative;
	vertical-align: bottom;
	text-align: center; }
	
/* фото */

.plans .photo { 
	position: absolute;	
	display: block;
	left: 39%;
	z-index: 99;
	background: url(/i/mainpage_girl.png) bottom center no-repeat; 
	width: 135px;
	height: 310px;
	// background: none; 
	// filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/mainpage_girl.png',sizingMethod='100%'); }

/* отдельный тарифный план */

.plan_left, .plan_right {
	position: absolute;
	background: url(/i/mainpage_planbg.jpg) bottom right no-repeat;
	width: 50%;
	height: 155px; }
	
/* разделитель между 2-мя планами */

.plans .break {
	clear: both;
	height: 155px; }
	
/* ... находящийся слева */
	
.plan_left {
	left: 0px;
	text-align: left;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	width: 50%; }
	
.plan_left .title { /* название плана */
	position: absolute;
	left: 9px;
	top: 13px;
	font: 11px/0.7 Tahoma;
	color: #929292;
	width: 100%; }
	
.plan_left .title a, .plan_left .title a:visited {
	display: inline;
	font: 22px Tahoma;
	color: #4b70a7; }
	
.plan_left .title a:hover {
	text-decoration: none;
	color: #ffa200; }
	
.plan_left .title img {
	margin: 0px 3px 0px 0px; }
	
.plan_left .params { /* параметры плана */
	position: absolute;
	left: 9px;
	top: 53px;
	background: url(/i/mainpage_plandatabgright.gif) top right no-repeat;
	width: 88%;
	height: 59px; }
	
.plan_left .params .wrapper {
	background: url(/i/mainpage_plandatabgleft.gif) top left no-repeat;
	width: 100%;
	height: 59px; }
	
.plan_left .params .block1, .plan_left .params .block2 {
	position: absolute;
	left: 10px;
	top: 10px;
	text-align: center;
	font: 9px Small Fonts;
	color: #bba378; }
	
.plan_left .params .block1 {
	left: 3%;
	width: 27%; }
	
.plan_left .params .block1 span, .plan_left .params .block2 span  {
	font: 25px Arial; }
	
.plan_left .params .block1 span small, .plan_left .params .block2 span small {
	font: 18px Arial; }
	
.plan_left .params .block2 {
	left: 32%;
	width: 23%; }
	
.plan_left .params .block3 {
	position: absolute;
	left: 58%;
	top: 10px;
	font: 10px Arial;
	color: #bba378; }
	
.plan_left .price1, .plan_left .price2 {
	position: absolute;
	top: 59px;
	font: 26px Arial;
	background: url(/i/mainpage_planpricebgright.gif) top right no-repeat;
	width: 35%;
	heigth: 34px; }
	
.plan_left .price1 {
	left: 7%;
	color: #a60000; }
	
.plan_left .price2 {
	left: 44%;
	color: #bba378; }
	
.plan_left .price1 div, .plan_left .price2 div {
	background: url(/i/mainpage_planpricebgleft.gif) top left no-repeat;
	width: 100%;
	height: 34px;
	text-align: center; }

.plan_left .price1 small, .plan_left .price2 small {
	position: relative;
	top: -7px;
	font: 18px Arial; }
	
.plan_left .price1 span, .plan_left .price2 span {
	position: relative;
	top: -5px;
	left: 2px;
	font: 11px Arial;
	letter-spacing: 1.7; }
	
/* ... находящийся справа */
	
.plan_right {
	right: 0px;
	text-align: right;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	width: 50%;
	text-align: right; }
	
.plan_right .title { /* название плана */
	position: absolute;
	right: 9px;
	top: 13px;
	text-align: right;
	font: 11px/0.7 Tahoma;
	color: #929292;
	width: 100%; }
	
.plan_right .title a, .plan_right .title a:visited {
	font: 22px Tahoma;
	color: #4b70a7; }
	
.plan_right .title a:hover {
	text-decoration: none;
	color: #ffa200; }
	
.plan_right .title img {
	margin: 0px 0px 0px 3px; }
	
.plan_right .params { /* параметры плана */
	position: absolute;
	right: 9px;
	top: 53px;
	background: url(/i/mainpage_plandatabgright.gif) top right no-repeat;
	width: 88%;
	height: 59px; }
	
.plan_right .params .wrapper {
	background: url(/i/mainpage_plandatabgleft.gif) top left no-repeat;
	width: 100%;
	height: 59px; }
	
.plan_right .params .block1, .plan_right .params .block2 {
	position: absolute;
	top: 10px;
	font: 9px Small Fonts;
	text-align:center;
	color: #bba378; }
	
.plan_right .params .block1 {
	left: 10%;
	width: 23%; }
	
.plan_right .params .block1 span, .plan_right .params .block2 span  {
	font: 25px Arial; }
	
.plan_right .params .block1 span small, .plan_right .params .block2 span small {
	font: 18px Arial; }
	
.plan_right .params .block2 {
	left: 37%;
	width: 27%; }
	
.plan_right .params .block3 {
	position: absolute;
	left: 65%;
	top: 10px;
	font: 10px Arial;
	text-align: left;
	color: #bba378;
	width: 30%; }
	
.plan_right .price1, .plan_right .price2 {
	position: absolute;
	top: 59px;
	font: 26px Arial;
	background: url(/i/mainpage_planpricebgright.gif) top right no-repeat;
	width: 35%;
	heigth: 34px; }
	
.plan_right .price1 {
	left: 24%;
	color: #a60000; }
	
.plan_right .price2 {
	left: 62%;
	color: #bba378; }
	
.plan_right .price1 div, .plan_right .price2 div {
	background: url(/i/mainpage_planpricebgleft.gif) top left no-repeat;
	width: 100%;
	height: 34px;
	text-align: center; }

.plan_right .price1 small, .plan_right .price2 small {
	position: relative;
	top: -7px;
	font: 18px Arial; }
	
.plan_right .price1 span, .plan_right .price2 span {
	position: relative;
	top: -5px;
	left: 2px;
	font: 11px Arial;
	letter-spacing: 1.7; }
	
	
/* -------------------------
Блок "специальное предложение"
---------------------------- */  

.specialoffer {
	font: 12px/1.5 Tahoma;
	background: #ffa200;
	height: 85px;
	vertical-align: middle;
	padding: 15px 0px 0px 15px; }
	
.specialoffer, .specialoffer a, .specialoffer a:visited {
	color: #fff;
	text-decoration: none; }
	
.specialoffer a:hover {
	text-decoration: underline; }
	
* > .specialoffer {
	height: 70px;
	min-height: 70px; }
	

/* -------------------------
Блок "быстрые ссылки"
---------------------------- */  	

/* контейнер */

.fastlinks {
	background: url(i/mainpage_fastlinks_bg.gif) top repeat-x;
	border-top: 1px solid #fff;
	padding: 10px 0px 0px 0px; }
	
/* контейнер с заголовком */

.fastlinks .subtopic {
	float: left;
	width: 47%;
	padding: 0px 0px 0px 15px; }
	
.fastlinks .subtopic span {
	display: block;
	font: 19px Tahoma;
	color: #ffa200;
	margin-bottom: 8px; }
	
/* ссылка */
	
.fastlinks a, .fastlinks a:visited {
	display: block;
	background: url(/i/mainpage_fastlinks_bullet.gif) left 4px no-repeat;
	font: 11px Tahoma;
	color: #4b70a7;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 12px; }


/* -------------------------
Правый блок
---------------------------- */ 

/* контейнер */

.rightblock {
	clear: both;
	font: 11px Tahoma;
	color: #404040; }

* > .rightblock {
	width: 96%; }
	
/* заголовок блока */
	
.rightblock .header {
	background: url(/i/mainpage_rightblock_hbg.gif) repeat-x;
	font: bold 11px Tahoma;
	color: #375e9a;
	height: auto;
	padding: 5px 0px 7px 12px;
	width: 100%; }
	
/* контейнер содержимого блока */

.rightblock .content {
	background: #f2f2f2 !important;
	position: relative;
	left: -1px;
	margin: 10px 12px 25px 12px; }
	
/* стили элементов формы */

.rightblock label {
	display: block;
	margin: 0px 0px 4px 0px; }

.rightblock input.text, .rightblock select.select {
	font: 12px Tahoma; }