
table.referat_ls {
	width:100%;
}

table.referat_ls tr {
	vertical-align:top;
}

table.referat_ls td {
	padding:12px 8px 8px 8px;
	border-bottom:1px solid #CCC;
}

table.referat_ls td.td1 {
	width:1%;
/*	border-bottom:1px dashed #AAA;*/
}
table.referat_ls td.td2 {
	width:99%;
/*	border-bottom:1px dashed #AAA;*/
	text-align:right;
}

div.referatLsFiltersC {
	margin-bottom:10px;
}
div.referatLsFilterItem {
	padding:2px 10px;
	margin:0 5px 7px 0;
	display:inline-block;
	border:1px solid #aaa;
	border-radius:3px;
	line-height: 27px;
}
div.referatLsFilterItem:hover {
	background-color: #84B5CC;
	border:1px solid #84B5CC;
}
div.referatLsFilterItem.active {
	background-color: #84B5CC;
	border:1px solid #84B5CC;
	color:#fff;
}
div.rLsFilterItemDisC {
	display: inline-block;
	width: 100%;
	margin:0 3px 7px 0;
	color:#3d3d3d;
}

a.rlsCategory:link {color:#3d3d3d;}
a.rlsCategory:visited {color:#3d3d3d;}
a.rlsCategory:hover {color:#fff;}
a.rlsCategory {text-decoration:none;}

div.paginationC {
	width:100%;
	height: 100px;
	overflow-x: hidden;
	overflow-y: auto;
	margin:50px 0;
}






div.referatDownloadExtC {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom:20px;
}

/*
div.referatDownloadC {
	position: relative;
	display:table-cell;
	width:49%;
	padding:13px;
	border:1px solid #ed654a;
}
div.referatServiceC {
	display:table-cell;
	width:49%;
	padding:13px;
	border:1px solid #43A599;
	text-align:center;
	vertical-align: bottom;
}
div.referatDownloadSeparatorC {
	display:table-cell;
	width:2%;
}
*/

div.referatDownloadC {
	position: relative;
	display:block;
	width:86%;
	padding:20px;
	border:1px solid #ed654a;
}
div.referatServiceC {
	display:block;
	width:86%;
	padding:20px;
	background-color: #f4f5f9;
	margin-top: 20px;
	border:1px solid #43A599;
	text-align:center;
}
div.referatDownloadSeparatorC {
	display:none;
}

div.referatDownloadFileIcon {
	display:table-cell;
	width:32px;
	height:40px;
	padding-right: 10px;
	vertical-align: top;
}




div.referatDownloadFileTxt {
	display:table-cell;
	vertical-align: top;
}

div.referatPreDownloadButton {
	width:200px;
	height:38px;
	background-color:#78909c;
	color:#fff;
	text-align: center;
	padding-top: 11px;
	border-radius:4px;
	margin: 20px auto 0 auto;
	cursor:pointer;
	font-size:17px;
}
div.referatPreDownloadButton:hover {
	background-color:#90a4ae;
}


div.referatServiceButton {
	width:200px;
	height:36px;
	background-color:#43A599;
	color:#fff;
	text-align: center;
	padding-top: 12px;
	border-radius:3px;
	margin: 20px auto 0 auto;
	cursor:pointer;
}
div.referatServiceButton:hover {
	background-color:#4ab5a8;
}

div.referatServiceIcon {
	background: url('../pic/zakaz-icon-1.png') no-repeat;
	width:70px;
	height:70px;
	margin:0 auto 20px auto;
}

a.referatServiceButton {
	text-decoration: none;
}

div.codePreloaderBg {
	display:none;
	position: absolute;
	top:1px;
	left:1px;
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	background-color: #f0f0f0;
	opacity: 0.4;
}
div.codePreloader {
	display:none;
	background: url('../pic/preloader.svg') no-repeat;
	width:64px;
	height:64px;
	position: absolute;
	top:calc(50% - 32px);
	left:calc(50% - 32px);
}

div.referatDownloadCodeExtC {
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#eeeeee;

}

div.referatDownloadCodeC {
	padding:10px;
	text-align:center;
}

div.codeView {
/*	background-color:#f6f6f6;*/
/*	padding:6px;*/
	font-size:28px;
	font-weight:600;
	margin: 6px auto 0 auto;
/*	color: #d65b43;*/
	color: #425970;
	width:185px;
}
div.codeArrow {
	background: url('../pic/arrow-down-2.png') no-repeat;
	width:11px;
	height:14px;
	margin: 8px auto;
}
input.code {
	padding: 6px;
	width: 185px;
	font-size: 24px;
	text-align: center;
	border: 0;
	color: #3d3d3d;
}
input.codeButton {
	width:200px;
	height:50px;
	background-color:#78909c;
	color:#fff;
	margin: 20px auto 0 auto;
	border-radius: 4px;
	border:0;
	font-size:17px;
}


div.codeClose {
	font-size: 70%;
	position: absolute;
	top: 5px;
	right: 10px;
	cursor:pointer;
}
div.codeError {
/*	display:none;*/
	
}


div.referatTxtC table {	
	width:100%;
	border:1px solid #bbb; 
	table-layout: fixed;
}
div.referatTxtC table td {	border:1px solid #bbb; padding:4px; }

div.rRight1ExtC {
	width: 100%;
	text-align: center;
}

div.tagLsItem {
	display: inline-block;
	padding: 3px 7px;
	margin: 0 5px 7px 0;
	border: 1px solid #aaa;
	border-radius: 3px;
	line-height: 25px;
}

#adv2C1 { display: none; }
#adv2C2 { display: block; }


div.ra_stepsC {
	position: relative;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
div.ra_LeftC {
	display: inline-block;
	width:calc(50% - 20px);
	margin-right: 15px;
	text-align:right;
	vertical-align: top;
}
div.ra_RightC {
	display: inline-block;
	width:calc(50% - 20px);
	margin:40px 0 0 15px;
	vertical-align: top;
}
div.ra_item {
	position: relative;
	width:100%;
	margin: 0 0 20px 0;
}
div.ra_txt {
	display: inline-block;
	width:calc(100% - 74px);
	vertical-align: top;
}
div.ra_icon {
	display: inline-block;
	width: 56px;
	height: 56px;
	/*margin: 0 0 0 25px;*/
	border-radius: 50%;
}
div.ra_icon.icon1 {
	margin: 0 0 0 10px;
}
div.ra_icon.icon2 {
	margin: 0 10px 0 0;
}
div.ra_icon.green {
	border: 2px solid #a4c74e;
}
div.ra_icon.blue {
	border: 2px solid #42a5f5;
}
div.ra_icon.step1 { background: url('../pic/ra-1.png') no-repeat 55% 50%; }
div.ra_icon.step2 { background: url('../pic/ra-2.png') no-repeat 55% 50%; }
div.ra_icon.step3 { background: url('../pic/ra-3.png') no-repeat 55% 50%; }
div.ra_icon.step4 { background: url('../pic/ra-4.png') no-repeat 50% 50%; }
div.ra_icon.step5 { background: url('../pic/ra-5.png') no-repeat 55% 50%; }

div.ra_arrowGreen {
	background: url('../pic/ra-arrow-g.png') no-repeat;
	position: absolute;
	top: 18px;
	right: -27px;
	width: 11px;
	height: 36px;
	transform: rotate(-70deg);
}
div.ra_arrowGreen2 {
	background: url('../pic/ra-arrow-g.png') no-repeat;
	position: absolute;
	top: 28px;
	right: -47px;
	width: 11px;
	height: 36px;
	transform: rotate(-70deg);
}
div.ra_arrowBlue {
	background: url('../pic/ra-arrow-b.png') no-repeat;
	position: absolute;
	top: 18px;
	left: -28px;
	width: 11px;
	height: 39px;
	transform: rotate(60deg);
}

div.ra_button {
	width:90px;
	height:90px;
	background-color:#43A599;
	color:#fff;
	text-align: center;
	line-height: 85px;
	/*padding-top: 12px;*/
	border-radius:50%;
	/*margin: 20px auto 0px auto;*/
	cursor:pointer;
	position: absolute;
	bottom:-20px;
	right: calc(50% - 150px);

}
div.ra_button:hover {
	background-color:#4ab5a8;
}


div.rAapExtC {
	width: 100%;
	margin:0 0 30px 0;
	border: 1px solid #84B5CC;
}
div.rAapDescrC {
	padding:20px 20px 0 20px;
}
div.rAapFilesExt {
	display:table;
	width:100%;
}
div.rAapFreeC {
	position: relative;
	display:inline-block;
	width:calc(100% - 60px);
	padding:20px;
	margin:20px 10px 10px 10px;
	background-color: #F0F0F0;
}
div.rAapMdfC {
	position: relative;
	display:inline-block;
	width:calc(100% - 60px);
	padding:20px;
	margin:10px 10px 20px 10px;
	background-color: #EFF2E5;
}
div.rAapFileTxt {
	display:inline-block;
}
span.rAapPrice {
	font-size: 22px;
	color: #4d4d4d;
}
div.rAapButton {
	width: 200px;
	height: 38px;
	color: #fff;
	border-radius: 4px;
	margin: 20px auto 0px auto;
	text-align: center;
	padding:11px 0 0 0;
	cursor: pointer;
	font-size:17px;
}
div.rAapFreeButton { background-color: #78909c; }
div.rAapFreeButton:hover { background-color: #90a4ae; }
div.rAapMdfButton {	background-color: #5386b8; }
div.rAapMdfButton:hover { background-color: #bf5f82; }
div.rAapNAButton {	background-color: #bbb; position: relative; cursor: none; }

div.rAapRefreshIcon {
	position: absolute;
	background: url('/pic/refresh.png') no-repeat;
	display: inline-block;
	width:30px;
	height:30px;
	top: 9px;
	right: -40px;
	cursor: pointer;
}

#rAapNotes {
	display: none;
	background-color: #EFF2E5;
	position:absolute;
	top:20px;
	left:-20px;
	width:100%;
	padding: 0 20px 20px 20px;
	z-index: 1000;
}
#rAapDownloadCodeFreeExtC {
	display: none;
	position:absolute;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	background-color: #eeeeee;
	border: 1px solid #ffab91;
}
div.rAapPayStatus {
	width: 100px;
	height: 26px;
	color:#087f23;
	/*background-color: #a5d6a7;*/
	text-align: center;
	margin: 15px auto 0 auto;
	padding: 2px 0 0 0;
	border-radius: 14px;
	border: 1px dashed;
}
div.rAapPayWait {
	margin:20px 0 0 0;
	background-color: #a5d6a7;
	padding:5px;
}
input.rAapMdfDownloadButton {
	width: 200px;
	height: 50px;
	background-color: #5386b8;
	color: #fff;
	border:0;
	border-radius: 4px;
	font-size:17px;
}
input.rAapMdfDownloadButton:hover { background-color: #bf5f82; }


div.rAapFailPay {
	margin-bottom: 20px;
	background-color: #ffd4da;
	border:1px solid #f09da9;
	padding: 10px;
	color:#740000;
}

div.rLsNotice {
	padding: 20px;
	background-color: #f6f6f6;
}

div.rSimilarExtC {
	width: calc(100% - 40px);
	margin: 80px 0 80px 0;
	padding: 20px;
	border-radius: 10px;
	background-color: #f7f3f0;
}
div.rSimilarIntC {
	margin: 30px 0 0 0;
}
div.rSimilarTitle {
	font-size: 24px;
	font-weight: 400;
	color: #181818;
}



@media (min-width: 480px) {
	div.referatDownloadC {
		width:93%;
	}
	div.referatServiceC {
		width:93%;
	}
	div.rLsFilterItemDisC {
		width: 355px;
	}

	/*#adv2C1 { display: block; }*/
	/*#adv2C2 { display: none; }*/

	div.rAapFreeC {
		width:calc(100% - 80px);
		margin:20px;
	}
	div.rAapMdfC {
		width:calc(100% - 80px);
		margin:20px;
	}
}

@media (min-width: 767px) {
	/*#adv2C1 { display: none; }*/
	/*#adv2C2 { display: block; }*/
}

@media (min-width: 1000px) {

	div.referatDownloadC {
		display:table-cell;
		width:49%;
		vertical-align: top;
	}
	div.referatServiceC {
		display:table-cell;
		width:49%;
		/*vertical-align: bottom;*/
	}
	div.referatDownloadSeparatorC {
		display:table-cell;
		width:2%;
	}

	div.rAapFilesExt {
		width:calc(100% - 40px);
		margin:20px;
	}
	div.rAapFreeC {
		display:table-cell;
		width:50%;
		margin:20px 10px 20px 20px;
		border-right: 10px solid #fff;
	}
	div.rAapMdfC {
		display:table-cell;
		width:50%;
		margin:20px 20px 20px 10px;
		border-left: 10px solid #fff;
	}
}

@media (min-width: 1200px) {
	div.rLsFilterItemDisC {
		width: 285px;
	}
}

@media (min-width: 1400px) {
	/*#adv2C1 { display: block; }*/
	/*#adv2C2 { display: none; }*/
}