﻿#container{
	width:100%;
}
/* number column start*/
#number{
	width:20px;
	border:1px solid black;
	float:left;
}
#number>ul{
	margin:0;
	padding:0px;
	list-style:none;
}
#number>ul>li{
	font-size:12px;
	text-align:center;
	/*border-bottom: 1px solid black;*/
	/*margin-bottom:10px;*/
}
/*#number li.header{
	border-right:1px solid black;
}
#number li.header p{
	padding:30px 0 0 0;
	font-weight:bold;
	margin:0;
}*/
/* number column end */
#headerColumn{
	float:left;
	width:400px;
	border-bottom: 1px solid black;
	break-word:break-word;
	overflow:hidden;
	border-top: 1px solid black;
}
#headerColumn>ul{
	float:left;
	width:100%;
	margin:0;
	padding:0; 
	list-style:none;
}
#headerColumn>ul>li{
	font-size:12px;
	line-height:16px;
}
#headerColumn .h15, #headerColumn .h30, #headerColumn .h45, #headerColumn .h60{
	padding-right:6px;
	padding-left:4px;
}
.metka{
	color:red;
	font-weight:bold;
	font-size:110%;
}
/* Контенер для колонок с тарифными планами: */
#cardColumn{
	float:left;
	width:auto;
	height:auto;
	overflow:hidden;
	width:600px;
	border:1px solid black;
	overflow:hidden;
	height:1666px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 800px){ 
	#cardColumn{
		width:344px !important;
	}
}
/* Контейнер в котором размещаются тарифные планы*/
#cardColumn>div{
	margin:0;
	padding:0;
	/*width:1490px;*/
	width:1750px;
}
#cardColumn>div>div{
	width:240px;
	border-left:1px solid #AFA8A8;
	border-right:1px solid #AFA8A8;
	display:inline-block;
	list-style: none;
	margin:0;
	padding:0;
}
ul.tarif-plan{
	width:100%;
	list-style:none;
	margin:0;
	padding:0px;
}
ul.tarif-plan>li{
	font-size:12px;
	text-align:center;
}
.h15{
	height:20px;
}
.h30{
	height:35px;
}
.h45{
	height:50px;
}
.h60{
	height:65px;
}
.h60, .h15, .h45, .h30{
	padding:0 0 5px 0;
}
/* Заголовок колонок с тарифами start*/
.header{
	height:90px;
	border-bottom: 1px solid black;
	display:block;
}
.header p.title{
	padding:10px 0 10px 0;
	font-weight:bold;
}
.header p.other{
	padding:0;
}
.header>div{
	width:100%; 
	height:100%;
}
.header>div>div.button{
	float:right;
	padding:0;
	margin:2px 0 0 0;
	width:15px;
	height:15px;
	background: url('b1_p16.png') /*yellow*/;
	cursor:default;
	display:block;
}
.header>div>div.button:hover{
	background: url('b1_a16.png') /*yellow*/;
}
/* Заголовок колонок с тарифами end */
/* Панель управления списком тарифных планов */
.controllerPanel p{
	margin:0;
	padding:0;
}
.controllerPanel>ul{
	list-style:none;
	margin:5px 0;
	padding:0 10px;
}
.controllerPanel li>p{
	font-style:italic;
	font-size:90%;
	margin-left:20px;
}
.unSelectAble, #tfContainer *{
/*запрещаем выделение - Неработает в IE8 this.onselectstart = function() { return false; };*/
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#headerColumn li.header p,
#number li.header p{
	font-weight:bold;
	margin:0;
	padding:30px 0 0 0;
	text-align:center;
	display:block;
	font-size:14px;
}
#cardColumn li.header p.title{
	padding:10px 0 10px 0;
	font-weight: bold;
	margin:0;
}
#cardColumn li.header p.other{
	padding:0;
	margin:0;
}
/* Раскрашиваем таблицу  */
#number>ul>li:nth-child(even), #headerColumn>ul>li:nth-child(even), ul.tarif-plan>li:nth-child(even){
	background-color:#E9E9E9;
}
#number>ul>li:nth-child(odd), #headerColumn>ul>li:nth-child(odd), ul.tarif-plan>li:nth-child(odd){
	background-color:white;
}
/*Стили метки на странице */
sup{
	color:#A70606;
}
.metka{
	cursor:default;
	width:10px;
	display:inline-block;
}
.metka .message{
	display:none;
	margin:0;
	padding:0;
}
.metka .message *{
	margin:0;
	padding:0;
}
/*Базовые свойства всплывающего окна - те которые не зависят от размера текста*/
.mes_win{
	position:absolute;
	background:white;
	border:1px solid black;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-align:center;
	padding:5px;
z-index:100;
}
.mes_win p{
	margin:0;
}
/* */