*,table {
	font-family: sans-serif;
	margin:0;
	padding:0;
	border:0;
	color:gray;
	border-spacing:0;
}

#outer {
	width:100%;
	height:100%;
	display:table;
}

#header, #caption, #content {
	display:table-row;
background: #171717;
}

#caption, #content {
	background-color:rgb(247, 247, 247);
}

#header div {
	display:table-cell;
	width:100%;
	height:2.5em;
	font-size:1.4em;
	color: #fd724c; /*white;*/
	background-color: #171717; /*#008BF1;*/
	font-weight:bolder;
	text-align:center;
	vertical-align:middle;
	font-family:serif;
}

#caption div {
	display:table-cell;
	width:100%;
	height:6em;
	font-size:1em;
	color:#C3C3C3;
	background-color:transparent;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
}

#products, #products_old {
	display:table-cell;
	text-align:center;
}

#products .product-outer, #products_old .product-outer {
	display:inline-block;
	padding:2em;
	text-align:left;
	background-color:white;
	width:30em;
	border-style: ridge;
	border-width: thin;
	border-color: rgb(226, 226, 226);
	border-collapse: collapse;
	
}

.lastversion {
	height:6em;
	display:inline;
	display:inline-block;
}

.product-outer .product-section {
	display:block;
}

.product-outer .documentation, .product-outer .download {
	display:block;
	text-align:center;
	
}

a.button {
	display:inline-block;
	text-align:center;
	padding:0.5em;
	width:40%;
	border:thin solid gray;
	border-radius:0.2em;
	text-decoration:none;
	cursor:pointer;
	color:#353535;
}

.link {
	display:inline-block;
	color:#008BF1;
	text-decoration:none;
	border-bottom: 0.1em dotted blue;
	cursor:pointer;
	text-align: left;
	background-color: transparent;
	border-collapse: collapse;
	font-size: medium;
}

.product-outer .product-section {
	margin-bottom:2em;
	position:relative;
	padding-left:8em;
}

.product-outer .product-section::before {
	content:"·";
	width:6em;
	height:6em;
	display:block;
	top:0;
	left:0;
	background-color:rgb(247, 247, 247);
	position:absolute;
	border-radius:1em;
	background-size:6em;
}

.product-section.platform::before {
	background-image:url("img/BitMobile.png");
}

.product-section.server::before {
	background-image:url("img/BitMobileServer.png");
}

.product-section.sdk::before {
	background-image:url("img/BitMobileSDK.png");
}

.product-outer .download .caption {
	padding-top:2em;
	padding-bottom:1em;
}

h2 {
	color:black;
	font-weight:bold;
	font-style:normal;
	font-size:1.8em;
}

.with-icon::before {
	background-size: 1em;
	background-position: 0 0.1em;
	background-repeat: no-repeat;
	display: inline-block;
	width: 1em; 
	height: 1em;
	content:"";
}

.table {
	display:table;
	width:100%;
}

.table-row {
	display:table-row;
}

.table-cell {
	display:table-cell;
	padding:0.5em;
}

.history-outer {
	overflow:auto;
	padding:0;
	height:100%;
}

.icon-android::before {
	background-image:url("png-48px/vendor-android.png");
}

.icon-ios::before {
	background-image:url("png-48px/vendor-apple.png");
}

.icon-windows::before {
	background-image:url("png-48px/vendor-microsoft.png");
}

.icon-archive::before {
	background-image:url("png-48px/archive.png");
}

.icon-docs::before {
	background-image:url("png-48px/book.png");
}

.icon-about::before {
	background-image:url("png-48px/document-text.png");
}

.icon-version::before {
	background-image:url("png-48px/document.png");
}

.icon-calendar::before {
	background-image:url("png-48px/calender.png");
}


#fade { 
    display: none;/*--по умолчанию скрыто--*/ 
    background: rgba(7, 87, 207, 0.8);
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;
    opacity: .80; 
    z-index: 9999;
}
.popup_block {
    display: none; /*--по умолчанию скрыто--*/
    background: #fff;
    padding: 20px;
    border: 8px solid rgb(134, 134, 134);
    float: left;
    font-size: 85%;
    position: fixed;
    top: 50%; left: 50%;color: #000;
    max-width: 750px;
    min-width: 320px;
    height: auto;
    z-index: 99999;
    /*--CSS3 тень блока--*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    /*--CSS3 скругление углов--*/
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.popup_block p {	
    font-weight: 400;
    padding: 0;
    margin: 0;
    color: #000;
    line-height: 1.6;}
.popup_block h2 {
    margin: 0px 0 10px;
    color: rgb(43, 43, 43);
    font-weight: 400;
    text-align: center;
    text-shadow: 1px 1px 2px #0D0C0C;
}	
/* формируем кнопку закрытия */
.close {
    background-color: rgba(61, 61, 61, 0.8);
    border: 2px solid #ccc;
    height: 25px;
    line-height: 20px;
    position: absolute;
    right: -17px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;padding: 0;
    top: -17px;
    width: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 20px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    line-height:25px;
}
.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
}
.shadow {
    box-shadow:4px 4px 10px #857373;
   -webkit-box-shadow:4px 4px 10px #857373;
   -moz-box-shadow:4px 4px 10px #857373;
    padding:0;
}
/*--фиксированное позиционирование для IE6--*/
*html #fade {
    position: absolute;
}
*html .popup_block {
    position: absolute;
}
span.caution {
    color: rgba(255, 0, 0, 0.53);
    font-size: smaller;
}