.wrapS *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

p, h1, h2 {
	text-indent: 0px;
}

.wrapS {
	width: 1024px;
	margin: 0 auto;
}

/*head page*/
.contactsS strong, th, .infoS h1, .infoS strong, .contactsS h2, .alertMessageS h1, .alertMessageS strong, .alertPrS strong {
	color: #000A21;
	font-weight: 500;
}

hr {
	margin: 30px 0px;
  border: 0;
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 40, 0)), color-stop(rgba(0, 0, 40, 0.75)), to(rgba(0, 0, 40, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 40, 0), rgba(0, 0, 40, 0.75), rgba(0, 0, 40, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 40, 0), rgba(0, 0, 40, 0.75), rgba(0, 0, 40, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 40, 0), rgba(0, 0, 40, 0.75), rgba(0, 0, 40, 0));
}

.headS {
	margin-top: 10px;
}

.infoS {
	width: 750px;
	float: left;
	line-height: 2;
}

.infoS h1 {
	font-weight: normal;
	width: 700px;
}

.inInfoBlockS {
 border-left: 3px solid #00AAFF;
 padding-left: 15px;
}

.leftBlockS {
	margin-left: 760px;
	width: 250px;
}

.clearS {
	clear: both;
}

.menuS {
	border: 1px solid #eee;
	padding: 10px;
	line-height: 1.5;
	background-color: #fff;
}

.menuS a {
	text-decoration: none;
	color: #006BA1;
}

.menuS ul {
	margin: 0;
	padding: 0;
}

.menuS li {
	list-style: none;
	padding: 0;
}

.contactsS {
	margin-top: 15px;
	border: 1px solid #eee;
	border-top: 3px solid #00AAFF;
	padding: 0px 10px;
	line-height: 1.5;
	background-color: #fff;
}

.contactsS h2 {
	margin: 0px;
	margin-bottom: 5px;
}

.contactsS p {
	margin: 0;
}

.contactsS .contactsSFA {
	display: none;
}

/*table*/
table.inTableSS, .tableS table {
    border-collapse: collapse;
    width: 100%;
}

.inTableSS th, .inTableSS td, .tableS th, .tableS td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.inTableSS tr:nth-child(even), .tableS tr:nth-child(even) {
	background-color: #f2f2f2;
}

.tableS tbody tr:hover {
	cursor: pointer;
	background-color: rgba(6, 78, 172, .06);
}

.inTableSS table a {
	color: #002473;
	text-decoration: none;
}

table.inTableSS a:after {
	color: rgba(109, 109, 109, .58);
	 content: ' - pdf';
	 font-size: 0.8em;
}

/*alert*/
.alertbgS, .alertPrS {
	background-color:rgba(0, 0, 0, 0.3);
	position:fixed;
  top:0;
	width:100%;
	height:100%;
	left:0px;
	z-index:10000;
}

.alertPrS {
	font-size: 1em;
}

.alertMessageS, .alertMessagePrS{
	display: block;
	min-height: 500px;
	max-height: 700px;
	width: 900px;
	padding: 20px;
	position: fixed;
	background-color: #fff;
	border: 1px solid #ddd;
  top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.alertMessageS h1, .alertMessagePrS h1{
	font-weight: normal;
	font-size: 18pt;
	width: 100%;
	margin-top: -5px;
}

.alertMessageS p, .alertMessagePrS p {
	margin: 0px;
	margin-top: 25px;
	margin-bottom: 10px;
	line-height: 1.5;
}

.forCloseS{
	position: relative;
}

.closeS {
 background-color: #00AAFF;
 border-radius: 50%;
 position: absolute;
 right: -33px;
 top: -33px;
 width: 32px;
 height: 32px;
}

.closeS:hover {
 cursor: pointer;
}

.closeS:before, .closeS:after {
 position: absolute;
 left: 15px;
 top: 4px;
 content: ' ';
 height: 24px;
 width: 3px;
 background-color: #fff;
 
}

.closeS:before {
 -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.closeS:after {
 	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.alertbgS {
	display: none;
}

.alertPrS {
	display: none;
}


@media (max-width: 1024px) {
	.wrapS {
		width: 100%;
	}
	
	.headS {
		margin: 10px 40px 0px;
	}
	
	.infoS {
		width: 650px;
	}
	
	.infoS h1 {
		width: 650px;
	}
	
	.leftBlockS {
		margin-left: 660px;
	}
	
	.contactsS {
		margin-top: 15px;
	}

	.tableS table {
		margin: 0px 20px;
    width: calc(100% - 40px);
	}

}

@media (max-width: 960px) {

	.headS {
		margin: 10px 10px 0px;
	}

	.infoS {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	
	.infoS h1 {
		width: 100%;
	}
	
	.inInfoBlockS {
	 border-left: 3px solid #00AAFF;
	 padding-left: 15px;
	}
	
	.leftBlockS {
		margin-left: 0px;
		width: 100%;
	}
	
	.menuS {
		padding: 20px 10px;
		float: left;
		height: 136px;
		margin-right: 20px;
	}
	
	.contactsS {
		float: left;
		width: calc(100% - 270px);
		margin-top: 0px;
		border: 1px solid #eee;
		border-left: 3px solid #00AAFF;
		padding: 0px 10px;
		margin-bottom: 20px;
	}
	
	.contactsS .contactsSRA {
		display: none;
	}
	
	.contactsS .contactsSFA {
		display: block;
	}

	.alertMessageS, .alertMessagePrS{
		width: calc(100% - 40px);
		left: 20px;
		transform: translateY(-50%);
	}

}

@media (max-width: 760px) {
	
	.infoS h1 {
		font-size: 32px;
	}
		
	.menuS {
		padding: 10px;
		float: none;
		height: auto;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	
	.contactsS {
		float: none;
		width: 100%;
		margin-top: 0px;
		border: 1px solid #eee;
		border-top: 3px solid #00AAFF;
		margin-bottom: 00px;
	}
	
	.tableS table {
		margin: 0px 5px;
    width: calc(100% - 10px);
	}

	.tableS th, .tableS td {
    padding: 8px 1px;
	}

	.alertMessageS, .alertMessagePrS{
		overflow-y: auto;
		overflow-x: visible;
		max-height: none;
		height: calc(100% - 40px);
	  top: 20px;
		transform: none;
	}

	.alertMessageS h1, .alertMessagePrS h1{
		font-size: 15pt;
		width: 95%;
	}

	.closeS {
	 border-radius: 0px;
	 right: -20px;
	 top: -20px;
	}
}

@media (max-width: 608px) {
	.infoS h1 {
		font-size: 24px;
	}

	.contactsS h2 {
		font-size: 22px;
	}
}

@media (max-width: 480px) {
	.infoS h1 {
		font-size: 20px;
	}

	.contactsS h2 {
		font-size: 18px;
	}
		
	.tableS table {
		font-size: 0.8em;
	}

	.alertMessageS, .alertMessagePrS{
		max-height: none;
		height: 100%;
		width: 100%;
		left: 0px;
	  top: 0px;

	}
}

@media (max-width: 370px) {
	.infoS h1 {
		font-size: 18px;
	}

	.contactsS h2 {
		font-size: 16px;
	}
		
	.tableS table {
		font-size: 0.65em;
	}
}