﻿a 										{text-decoration:none}
body									{color:#005D7D;}

#wrapper 								{width:100vw;float:none;height:100vh;}

#main 									{WIDTH: 100%; HEIGHT:100%; position:absolute; float:none;}

#top 									{WIDTH: 98vw; BACKGROUND-COLOR:#005d7d; float:none; height:60px;display:table; position:fixed;top:0px;}
#top .header 							{HEIGHT: 60px; ; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #005d7d;float:left; display:table-cell;}
#top .title 							{HEIGHT: 60px; ; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #005d7d; text-align:center;font-size:x-large; 
										color:white;float:left; display:table-cell}
#top .auth 								{HEIGHT: 60px;padding: 5px 0px 5px 20px;BACKGROUND-COLOR: #005d7d;text-align:center;float:right;	display:table-cell; width:200px}
#top label 								{color:white;font-size:large;padding: 5px 10px 5px 10px;text-align:center;}
#top button 							{width:100px;background-color:white;color:#005d7d;}

#footer 								{FLOAT: none; COLOR: white; BACKGROUND-COLOR: #005d7d; position:fixed; bottom:0px;WIDTH: 98vw;}
#footer p 								{vertical-align:middle;PADDING-LEFT: 10px; }

#admin									{margin:10px 0px 10px 0px; background-color: red; color:white; width:100%;padding:15px 15px 15px 15px}

#logo 									{text-align:center;vertical-align:top;}
#logo img 								{width:700px}

#emptytop 								{height:70px}
#emptyfooter 							{height:50px}

#full 									{WIDTH: 98vw; float:none; display:table}

#menu 									{float:left; display:table-column; width:200px; BACKGROUND-COLOR: white;}

#content 								{float:left; display:table-column;max-width:calc(98vw - 205px);}
#content .title 						{font-weight:bold;font-size:xx-large;background-color:white;color:#005d7d;padding: 5px 10px 5px 10px;}
#content .body 							{margin: 10px 10px 10px 10px;vertical-align:top;	}

#widget, #widget_current 				{float:left;display:table;width:170px;height:40px;margin:5px 5px 5px 5px;border: 1px #005D7D solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;
										-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);box-shadow:0px 0px 5px rgba(0,0,0,0.3);padding:10px 10px 10px 10px;}
#widget 								{background-color:white;color:#005D7D}
#widget_current 						{background-color:#005D7D;color:white}
#widget a, #widget_current a 			{text-decoration:none;color: #005D7D;}
#widget .logo, #widget_current .logo 	{border: none;width:32px;height:32px;display:table-cell;float:none;margin-right:10px;margin-top:20px;vertical-align:middle;}
#widget .title, #widget_current .title 	{font-size:large;display:table-cell;float:none;height:30px;vertical-align:middle;}
#widget:hover 							{background-color:#005D7D; color:white}

#default								{margin:20px 20px 20px 20px}
#default h1								{color:#005D7D; text-align:center;font-size:x-large;font-weight:bold}
#default p								{color:#005D7D; text-align:left;}
#default img							{float:left;margin:0px 20px 20px 0px; width:140px; height:108px}

#login 									{width:320px;height:150px;border: thin #005D7D solid;left:calc(98vw - 160px);top:50%;margin: 30px 0px 30px 240px;padding: 10px 10px 10px 10px;float:left;display:block;}
#login .title 							{background:	#005D7D;color:white;text-align:center;width:340px;margin: -10px -10px 10px -10px;font-size:14px;}
#login .info 							{color:#005D7D;font-size:12px;margin-bottom:10px;}
#login .error 							{float:none;position:relative;color:red;font-size:10px;margin-bottom:20px;margin-top: -10px;}
#login label 							{color:#005D7D;font-size:14px;display:inline-block;width:50px;margin-top: -5px;}
#login input 							{width:250px;color:#005D7D;left:70px;font-size:14px;margin-top: -5px;}
#login button 							{float:none;position:relative;width:150px;left:325px;color:#005D7D;left:70px;font-size:14px;margin-top: -10px;}

#checkpay .year 						{background-image:url('calendar.png');width:64px;height:64px;color:#005D7D;}
#checkpay .yeartext 					{text-align:center;font-size:22px;font-weight:bold;margin-top:24px;}
#checkpay .month 						{font-size:14px;text-transform:uppercase;text-decoration:none;text-align:center;width:100px;display:block;float:left;}
#checkpay h2 							{color:red;}
#checkpay a 							{text-decoration:none;}
#checkpay .subtitle						{margin:10px 0px 5px 0px; background-color: #005D7D; color:white;width:100%;padding:5px 5px 5px 5px}


#checkpreview h2 						{color:red;}
#checkpreview 							{position:absolute;left:230px;top:170px;width:600px;border:thin #005D7D solid;padding: 10px 10px 10px 10px;font-family:"Courier New", Courier, monospace;font-size:14px;
										-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
										box-shadow:0px 0px 5px rgba(0,0,0,0.3);text-align:center;vertical-align:middle;background:white;color:black;font-weight:bold;}
#checkpreview .imgclose 				{position:absolute;right:10px;top:10px;border: none;}
#checkpreview .imgsave 					{position:absolute;right:10px;top:30px;border: none;}
#checkpreview .imgprint 				{position:absolute;right:10px;top:50px;border: none;}

#alert 									{position:fixed;left:230px;top:170px;width:700px;border:2px red double;padding: 10px 10px 10px 10px;font-size:14px;
										-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
										box-shadow:0px 0px 5px rgba(0,0,0,0.3);text-align:center;vertical-align:middle;background:red;color:white;font-weight:bold;}
#alert h2 								{text-align:left;font-weight:bold}
#alert p 								{text-align:left}
#alert input 							{position:absolute;right:10px;top:10px;border: none;}


#findquery 								{margin: 5px 10px 5px 10px;}
#findquery label 						{margin: 5px 10px 5px 0px;vertical-align:middle;width:auto;display:inline-block;}
#findquery input 						{margin: 5px 10px 5px 0px;}
#findquery .input_INNKPP 				{width:200px;}
#findquery .input_text 					{width:550px;}
#findquery .input_date 					{width:100px;}
#findquery button 						{margin-top:10px;height:40px; width:300px; vertical-align:middle}

#findresult 							{margin: 5px 10px 5px 10px;}
#findresult table 						{border-collapse: collapse;}
#findresult th 							{background-color: #005D7D; color:white;border:1px #005D7D solid;text-align:center;vertical-align:middle;padding: 2px 2px 2px 2px}
#findresult td 							{border:1px #005D7D solid;vertical-align:top;padding: 2px 2px 2px 2px}
#findresult .group 						{font-weight:bold;background-color: #005D7D; color:white;border-bottom:5px #005D7D double;border-top:5px white double;}
#findresult .subtitle					{margin:10px 0px 5px 0px; background-color: #005D7D; color:white;width:100%;padding:5px 5px 5px 5px}
#findresult .mtitle						{margin:10px 0px 5px 0px; background-color: white; color:#005D7D;width:100%;padding:5px 5px 5px 5px; font-size:x-large;font-weight:bold}

#findresult .doc						{margin:5px 0px 5px 10px; display:block; height:70px;}
#findresult .docend						{margin:5px 0px 5px 10px; display:block; height:70px;color:red}
#findresult .docicon					{width:64px;height:64px; float:left}
#findresult .doctitle					{font-size:x-large; font-weight:bold;padding-left:70px;padding-top:5px}
#findresult .docinfo					{font-size:medium; font-style:italic;padding-left:100px}
#findresult .docnew						{font-size:medium; padding-left:100px;font-weight:bold}

#submithrf 								{background-color: white;border: 0px;display: block;float:left;color: Highlight;text-decoration: underline;cursor:pointer}

#findcontract 							{margin: 5px 10px 5px 10px;}
#findcontract label						{margin: 3px 10px 3px 10px; vertical-align:middle;display:inline-block;width:200px;}
#findcontract input 					{margin: 5px 10px 5px 0px;}
#findcontract .input_text 				{width:550px;}
#findcontract .input_text_readonly 		{width:550px; color:gray}
#findcontract button 					{margin-top:10px;height:40px; width:300px; vertical-align:middle}
#findcontract .required 				{color:red;vertical-align:super}
#findcontract select					{margin: 5px 10px 5px 0px; width:550px;}
#findcontract textarea					{margin: 5px 10px 5px 0px; width:765px; height:150px;}

#sberbank 								{margin-top:10px;display:table}
#sberbank img 							{display:table-cell}
#sberbank p 							{display:table-cell;color:#005F2E;vertical-align:middle;padding-left:10px;}

#info 									{border-top: 2px #005d7d solid; margin-top:20px;text-align:left}
#info ul 								{list-style-image:url('Info.png')}
#info a 								{text-decoration:none}
#info li								{font-size:small}

#faq .group								{font-size:x-large; font-weight:bold;color:#005D7D;margin-top:20px;}
#faq .question							{font-size:large;margin:5px 5px 5px 20px}
#faq a									{text-decoration:none}
#faq .answer							{margin: 5px 5px 25px 50px; border-left:2px #005D7D solid; padding-left: 5px}

#dopinfo 								{position:absolute;left:230px;top:170px;width:800px;height:500px;border:thin #005D7D solid;padding: 10px 10px 10px 10px;border: thin #CCCCCC solid;
										-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
										box-shadow:0px 0px 5px rgba(0,0,0,0.3);text-align:left;vertical-align:top;background:white;}
#dopinfo .imgclose 						{position:absolute;right:10px;top:10px;border: none;}
#dopinfo .title							{border:none; overflow:hidden;width:750px;height:40px;font-size:large;}
#dopinfo .scroll						{border:none; overflow-x:hidden;overflow-y:auto;width:100%;height:450px;}

#toup                                   {position:fixed;z-index:9999;bottom:0px; right:0px;opacity:.5;margin-bottom:10px;margin-right:25px}
#toup:hover								{opacity: 1;}
#toup img								{width:32px;height:32px}

#notification							{padding-top:50px;padding-bottom:50px;margin:10px 10px 10px 10px; font-size:large; color:red;font-weight:bold; border-top:3px red solid;border-bottom:3px red solid}

#preloader								{position:absolute;z-index:999;top:100px;left:250px;width:200px;height:50px;text-align:center;vertical-align:middle;background:white;color:#808080;
										border:1px #005D7D solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
										-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);box-shadow:0px 0px 5px rgba(0,0,0,0.3);}
#preloader p							{vertical-align:middle}										

#instructions							{}
#instructions .notes					{font-size:small;color:gray;margin:-15px 0px -10px 30px;font-weight:normal;font-style:italic}
#instructions li						{margin-top:5px}

#video 									{position:absolute;left:230px;top:170px;width:680px;border:thin #005D7D solid;padding: 10px 10px 10px 10px;
										-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
										box-shadow:0px 0px 5px rgba(0,0,0,0.3);text-align:center;vertical-align:middle;background:white;color:black;font-weight:bold;}
#video .imgclose 						{position:absolute;right:10px;top:10px;border: none;}

