BODY
{
font-family: Calibri, 'calibri_web', verdana;
font-size: 18px;
color: #000;
margin: 0px;
/* margin: 0px;
overflow-y: scroll; */
}

INPUT, TEXTAREA
{
font-family: Calibri, 'calibri_web', verdana;
font-size: 18px;
}

/* кнопка наверх */
.b-top {z-index:2600;position:fixed;right:0px;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);text-align:right;}
.b-top:hover {opacity:0.9;filter:alpha(opacity=90);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;right:-100px;bottom:0;margin:0 0 0 100%;padding:20px;
color:white;background:#CD2A00;border-radius:0px;}

/* шрифты  */

@media all and (min-width: 620px) {
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibri.eot');
		src: url('/fonts/calibri.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibri.woff') format('woff'),
			 url('/fonts/calibri.ttf') format('truetype'),
			 url('/fonts/calibri.svg#calibri') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibrib.eot');
		src: url('/fonts/calibrib.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibrib.woff') format('woff'),
			 url('/fonts/calibrib.ttf') format('truetype'),
			 url('/fonts/calibrib.svg#calibri') format('svg');
		font-weight: bold;
		font-style: normal;
	}
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibrii.eot');
		src: url('/fonts/calibrii.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibrii.woff') format('woff'),
			 url('/fonts/calibrii.ttf') format('truetype'),
			 url('/fonts/calibrii.svg#calibri') format('svg');
		font-weight: normal;
		font-style: italic;
	}
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibriz.eot');
		src: url('/fonts/calibriz.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibriz.woff') format('woff'),
			 url('/fonts/calibriz.ttf') format('truetype'),
			 url('/fonts/calibriz.svg#calibri') format('svg');
		font-weight: bold;
		font-style: italic;
	}
}


.lightgreenbg
{
background-color: #6DC82A;
color: #fff;
padding: 10px 40px;
margin-top: 40px;
margin-bottom: 40px;
}

.lightgreenbg P
{
text-shadow: 1px 1px 1px #333;
}

.lightgreen
{
color: #6DC82A;
}

.green
{
color: #61B325;
}

.mainbody
{

}

.header1
{
display: inline-block;
vertical-align: top;
padding-right: 20px;
}

.header2
{
display: inline-block;
vertical-align: top;
}

.logotext
{
font-size: 26px;
margin: 0px;
font-weight: normal;
}

.logotextmini
{
/* font-size: 24px; */
font-weight: normal;
margin: 0px;
}

.nourl
{
text-decoration: none;
color: inherit;
}

.bluediv
{
background-color: #6DA8D6;
margin: auto;
margin-top: 20px;
}

.bluediv P
{
padding: 20px;
color: #fff;
font-size: 28px;
text-align: justify;
}

.blue
{
color: #185F8D;
}

.menutable
{
width: 1000px;
margin: auto;
text-align: center;
height: 50px;
border-collapse: collapse;
}

.menu
{
/* margin-top: 5px; */
text-align: center;
}

.menu DIV
{
display: inline-block;
padding-right: 20px;
}

.menuurl2
{
color: #CD2A00;
text-decoration: underline;
cursor: pointer;
}

.menuurl2:HOVER
{
color: #FF5023;
}

.menuurl
{
/* text-decoration: none; */
/* background-color: #185F8D; */
color: #CD2A00;
/* display: block; */
}

.menuurl:HOVER
{
color: #FF5023;
}

.active
{
color: #61B325;
}

.space
{
width: 20px;
}

.footertable
{
background-color: #6DA8D6;
width: 1000px;
margin: auto;
border-collapse: collapse;
height: 150px;
}

.footerlogo
{

}

.footer1
{
display: inline-block;
padding-right: 20px;
vertical-align: middle;
padding-top: 40px;
}


.footer2
{
display: inline-block;
vertical-align: middle;
padding-top: 40px;
}

.footer3
{
display: inline-block;
vertical-align: middle;
position: absolute;
right: 40px;
top: 120px;
}

.footer4
{
display: inline-block;
vertical-align: middle;
}

.footertext
{
/* color: #082947; */
font-size: 26px;
font-weight: normal;
margin: 0px;
}

.footertextmini
{
margin: 0px;
}

.siteriatable
{
/* position: absolute; */
/* width: 350px; */
color: #082947;
}

.siteriatable TD
{
text-align: right;
}

.siteriaurl
{
text-decoration: none;
font-size: 20px;
color: #FF4700;
font-weight: bold;
/* text-shadow: 0 0 3px #555; */
}

.siteriaurl:HOVER
{
/* text-shadow: 0 0 3px #555; */
}

.siterialogotd
{
width: 50px;
}

.bodytext, .header, .footer
{
text-align: left;
width: 1000px;
margin: auto;
/* background: whitesmoke; */
padding: 40px;
box-sizing: border-box;
}

.bodytext P
{
text-align: justify;
}

.header
{
border-bottom: solid 1px #6DC82A;
}

.footer
{
border-top: solid 1px #6DC82A;
position: relative;
}

.universalcalctable
{
width: 1000px;
margin-top: 20px;
border-collapse: collapse;

}


.universalcalctable P
{
font-size: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding-right: 40px;
}


.universalcalctable TD
{
vertical-align: top;
}

.formtd
{
background-color: #6DA8D6;
width: 310px;
height: 295px;
text-align: center;
vertical-align: top;
}

.input
{
width: 155px;
border: solid 1px #6DC82A;
padding: 10px 40px;
margin-bottom: 20px;
}

.submit3
{
width: 135px;
background-color: #6DC82A;
border: solid 1px #6DC82A;
color: #fff;
cursor: pointer;
padding: 10px 20px;
text-shadow: 1px 1px 1px #333;
display: inline-block;
text-align: center;
}

.submit
{
/* width: 275px; */
width: 135px;
background-color: #6DC82A;
border: solid 1px #6DC82A;
color: #fff;
cursor: pointer;
padding: 10px 20px;
text-shadow: 1px 1px 1px #333;
display: inline-block;
text-align: center;
}

.hiddeninput
{
display: none;
}

.submit2
{
/* width: 275px; */
height: 50px;
margin: auto;
background-color: #185F8D;
border: none;
font-size: 16px;
color: #fff;
cursor: pointer;
padding-top: 8px;
}

.buttons2
{
background-color: #FF5023;
display: inline-block;
padding: 10px 20px;
border: solid 1px #FF5023;
text-decoration: none;
color: #fff;
cursor: pointer;
text-shadow: 1px 1px 1px #333;
}

.nametext
{
/* color: #185F8D; */
margin: 0px;
margin-bottom: 20px;
text-align: left;
font-size: 26px;
font-weight: normal;
}

.nametextmini
{
margin: 0px;
margin-bottom: 20px;
text-align: left;
font-size: 26px;
font-weight: normal;
}

.urls
{
color: #CD2A00;
}

.urls:HOVER
{
color: #FF5023;
}

.formula
{

}

.buttons
{
padding: 10px 30px;
background-color: #CD2A00;
color: #fff;
text-decoration: none;
display: inline-block;
margin-bottom: 20px;
}

.buttons:HOVER
{
background-color: #FF5023;
}

.flashtable
{
width: 100%;
font-size: 28px;
background-color: #6DA8D6;
padding: 20px;
}

.flashtable TD
{
padding: 5px 20px;
padding-left: 0px;
}

.money
{
text-align: right;
font-weight: bold;
background-color: #fff;
}

.total TD
{
font-size: 24px;
}

.formdiv
{
background-color: #6DA8D6;
padding: 20px;
padding-bottom: 1px;
}










/* график погашения */
.grafiktable
{
text-align: center;
width: 100%;
border-collapse: collapse;
margin: auto;
}

.grafiktable TD
{
border: solid 1px #6DC82A;
padding: 5px;
}

.topgrafik
{
/* background-color: #6DA8D6; */
}

.topgrafik TD
{

}

.minigrafik
{
width: 100%;
}

.minigrafik TD
{
padding: 5px 10px;
/* border: none; */
}

#trash
{
display: none;
}

/* график погашения печать */
.grafiktable1
{
text-align: center;
width: 1000px;
border-collapse: collapse;
font-size: 20px;
margin: auto;
}

.grafiktable1 TD
{
border: solid 1px black;
padding: 5px;
}

.topgrafik1
{

}

.topgrafik1 TD
{

}

.minigrafik1
{
width: 100%;
font-size: 20px;
}

.minigrafik1 TD
{
padding: 5px 10px;

}

.orange
{
color: #FFCC75;
}

.logoimg
{
/* height: 83px; */
}

.polovina1
{
display: inline-block;
vertical-align: top;
width: 280px;
margin-bottom: 40px;
text-align: right;
}

.polovina2
{
display: inline-block;
vertical-align: top;
max-width: 640px;
}

#content .lightgreenbg
{
margin-bottom: 0px;
margin-top: 0px;
}

.calc1 .submit
{
width: 155px;
}

.calc1 .input
{
margin-right: 4px;
}

.melko
{
font-size: 16px;
color: #8a8a8a;
}

.pluso
{
display: block !important;
padding-top: 40px !important;
}

.mobilemenu
{
display: none;
}

#overlay {
	z-index: 100; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}