body {
background-image:url(images/background-1.jpg);
background-repeat:repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	color:#696969;
	font-size: 80%;
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
						
}
h1{font-size:1.5em; color:#002245;font-weight:normal;}	
h2{font-size:1.3em;
color:#002245;
font-weight:normal;
}
h3{
color:#14a6d9;
padding:0px;
margin-top:-8px;
}
h4{color:#002245;}
a.login{
text-decoration:none;
color:#002245;
font-size:x-small;
display:block;
}

/* Header styles */
#header {
width:1036px;
		margin:0px auto;
		margin-top:110px;	clear:both;
	
	
}

#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
ul.nav-bar
{
list-style-type:none;
margin:0 0 0 3px;
padding:0;
padding-top:15px;
padding-bottom:15px;
font-size:13px;
}
ul.nav-bar li
{
display:inline;

}

 a.nav-bar:link,a.nav-bar:visited
{
color:#FFFFFF;
background-color:#2b3146;
text-align:center;
padding:16px;
text-decoration:none;
margin:-2px;

}
 a.nav-bar:hover,a.nav-bar:active
{
background-color:#354f66;
padding:16px;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	margin:auto;
	width:1036px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	}
/* 3 Column settings */
.threecol {
	background:#;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background:#;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background:#;	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
div.col2 img{	
margin-left:auto;
margin-right:auto;
margin-top:10px;
display:block;

}
div.col2{
margin-top:10px;
text-align:center;
}
div.col3{
margin-top:10px;
text-align:center;
}
div.col3 img{	
margin-left:auto;
margin-right:auto;
margin-top:10px;
display:block;

}
/* Footer styles */
#footer {
	clear:both;
	width:1036px;
		margin:0px auto;
	
}
#footer p {
	padding:10px;
	margin:0;
}
a.left:link,a.left:visited
{
margin:5px;
font-weight:bolder;
color:#696969;
text-decoration:none;
display:block;
}
a.left:hover,a.left:active
{
font-weight:bolder;
color:#002245;
display:block;
text-decoration:underline;
}
div.bord  {
border:1px solid #c6c6c6;
padding:5px;
margin-bottom:10px;
font-weight:normal;
font-size:small;}
div.news  {
background-color:#F5F5F5;
border:1px solid #c6c6c6;
padding:5px;
padding-bottom:20px;
margin-bottom:20px;
color:red;
font-size:1.2em;


}

ul.left{
list-style-type:none;
margin:10px 0px 10px 0px;
padding:px;
background-image:;
background-repeat:no-repeat;
background-position:top rihgt;
border:1px solid #c6c6c6;
}
a.clear{
text-decoration:none;
color:#696969;
}
span{font-weight:bold}
.center{text-align:center;}
.blue{color:#14a6d9;}
.boldblue{font-weight:bold; color:#14a6d9; font-size:14px}
p.small{font-size:x-small; }
.smallblue{font-size:x-small; color:#14a6d9; }
hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}
a.ref:link, a.ref:visited{
text-decoration:none;
color:#002245;
font-size:small;
display:block;
}

a.ref:hover,a.ref:active
{
text-decoration:underline;
color:#002245;
font-size:small;
display:block;
}
img.stupki{float:left; margin:0px 20px 10px 0px}
