html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline: none;
    vertical-align:baseline;
    background:transparent
}

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


.table-border   { border-collapse:collapse}

	.table-border th,
	.table-border td  { border-bottom: solid 1px #000}

.table-border-dark { border-color:#000!important}

html { height:100%}

body { font-size:14px;
	   line-height: 1.2em;
	   font-family: "Trebuchet MS", Helvetica, Areal, sans-serif;
	   color: #333}
	   
ol, ul { margin:10px 0 10px 20px}	   
	
ol.list-s-none, ul.list-s-none { list-style:none}	

h1,h2 { font-size:18px; 
		padding-bottom:15px}

.hidden { display:none}

.relative { position:relative}

.content-pos {width: 1250px;
		      margin: 0 auto}

.section-row {width: 100%}

.section-row:after {content: '';
					display: block;
					width: 100%;
					clear: both}

.content-col {position:relative;
    		  float: left;
   			  width: 100%;
    		  padding: 0 25%; 
			  min-height:400px}

	.content-col:before {content: ''; 
						 position:absolute; 
						 top:0; 
						 left:25%;
						 display: block; 
						 height: 100%;
						 border-left:solid 1px #9cc3c3}
	
	.content-col:after {content: '';
						position:absolute; 
						top:0; 
						right:25%; 
						display: block; 
						height: 100%;
						border-left:solid 1px #9cc3c3}
						
.left-col { position: relative;
			z-index: 10;
			float: left;
			margin-left: -100%;
			width: 25%}

.right-col {position: relative;
			float: left;
			width: 25%;
			margin-left: -25%}

.text-c { text-align:center}
.text-r { text-align:center}
.bold { font-weight:bold}

a { color:#333; text-decoration:underline}

a:hover { text-decoration:none}


/* Top */
	.top {position: relative;
		  border:solid 1px #9cc3c3}	
	
	.logo { position: absolute;
			top: 5px;
			left: 15px;
			display: block;
			background: url(/images/logo.png) 0 0 no-repeat;
			width: 240px;
			height: 63px}
	
	.top .links { padding:25px 0 25px}
	
		.top .links a {display:inline-block;
					   margin:0 5px}
					   
			.top .links a.main-domen-l { margin-right:70px}		   
				   
	.top-menu { padding:15px; 
				text-align:center}
	
		.top-menu a {display:inline-block; 
					 padding:0 40px;
					 text-align:center}			   
/* //Top */

/* Content */

.text-center { text-align:center}
.text-right { text-align:right}

.content { padding:10px 10px 20px}

.page .content { padding:10px 0 20px}

	.content .breacr { padding:0 0 15px}
	
	.content ul { margin:0 0 0 15px}
	
.reg-users { padding:50px }

.button {
    position: relative;
    display: inline-block;
    height: 31px;
    padding: 0 20px;
    font: normal 15px/29px  Arial, Helvetica, sans-serif;
    color: #5f5f5f;
    text-decoration: none;
    text-align: center;
    cursor: pointer; 
	border:solid 1px #ccc; 
	border-radius:7px;
    background: -moz-linear-gradient(to bottom, #fff 0%, #fff 47%, #f4f4f4 49%, #e0e0e0 53%, #dfdfdf 100%);
    background: -webkit-linear-gradient(to bottom, #fff 0%, #fff 47%, #f4f4f4 49%, #e0e0e0 53%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #fff 0%, #fff 47%, #f4f4f4 49%, #e0e0e0 53%, #dfdfdf 100%)}

 					
.button:hover {background: linear-gradient(to bottom, #f3f3f3 0%, #f9f9f9 47%, #cfcfcf 49%, #c9c9c9 53%, #c2c2c2 100%)}

/* //Content */

/* Registration */

form#reg_form,
form#cabinet_user_form  {width:700px;
						 margin:0 auto;
						 padding:15px;
						 border:solid 1px #797979}

/* //Registration */

/* Forms */

form#cabinet_user_form { padding-top:30px; 
						 width:530px}

form > ul > li { margin-bottom:15px}

form label {display:inline-block;
			width: 160px;
		    font-weight: normal}
			
form label span {padding:0 2px;
				 color:#fe9900}

form > ul{ margin:0; list-style:none}
	
	form .msg { font-style:italic;
				padding-top:10px}
	
	form .error { color:#fe9900}
	
		form .error > .error { display:block!important}
	
	input[type="text"],
	input[type='password'], 
	select,
	textarea {width:300px;
			  background: #fff;
			  border: solid 1px #797979;
			  font: normal 13px/26px "Trebuchet MS", Arial, sans-serif}
	
	select:focus, 
	input:focus, 
	textarea:focus {border-width:1px;
					border-radius: 0}
	
	
	form .error input,
	form .error select,
	form .error textarea { border-color:#fe9900}
	
	#user_form_result { padding:0 0 12px 15px}
/* //Forms */


/* Popup */

.show_process { position:absolute;
				z-index:1000;
				top:50%;
				left:50%;
				width:170px;
				height:40px;
				border:solid 1px #ccc;
				background:#f4f4f4 url(/images/loading.gif) center no-repeat}

.user-dialog {position:absolute;
			  z-index:1000;
			  background:#fff;
			  border:solid 1px #797979;
		      box-shadow: 0 0 10px #999;
		      padding:27px 29px}

	.user-dialog-cont div.size { display:block;
								 background: url(/images/loading.gif) center no-repeat;
								 width:230px;
								 height:200px}

.user-form-close {position:absolute; 
				  top:15px; 
				  right:10px}

.user-dialog .header {position: relative;
					  padding-bottom: 22px; 
					  font-size:18px; 
					  font-weight:bold;
					  margin-right: 70px}
					  
.user-dialog ul.user-form > li > span {display: inline-block;
									   width: 155px;
									   color: #fe9900}
						  
.user-dialog ul.user-form label {display: inline-block; 
								 color:#333;
								 width: auto}						  

.ext-text-popup {width: 500px;
			     padding: 50px 10px}

/* //Popup */

/* Footer */

footer {border: solid 1px #9cc3c3;
		min-height:100px}

/* Footer */

/* Pos */
.p-t-0  { padding-top:0px!important}
.p-t-10 { padding-top:10px}
.p-t-15 { padding-top:15px}

.p-b-10 { padding-bottom:10px}
.p-b-15 { padding-bottom:15px}

/* /Pos */