/*

	TABLE OF CONTENTS
    -reset
    -general tags
    -header
        -menu
    -introduction
    -content
        -box
    -sidebar
        -form login
        -news
    -footer

*/

/*--------------------------------RESET---------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
a img {
	border: 0px solid #fff;
}

a:hover {
	color: #DFFA74;
}
ul, li {
	list-style: none;
}
/*-----------------------------------------------GENERAL TAGS-----------------------------------------*/
html {
	font-size: 100.01%;
}
body {
	font-size: 0.8em;
	color: white;
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	background: rgb(87,137,152) url('../images/body1.jpg') repeat-x;
}


a {
	color: #f4ffcf;
	text-decoration: none;
}
b {
	color: #f3f9de
}
.clear {
	visibility: hidden;
	clear: both;
}
h2 {
	color: #f0fcc7;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 15px;
}
p {
	margin-bottom: 20px;
	text-indent: 10px;
}

#main {
	width: 907px;
	margin-left: 90px;
	position: relative;
}

#bgr {
	background: url('../images/bgr.jpg') no-repeat;
	width: 100%;
	min-height: 712px;
}

.button {
	display: block;
	width: 108px;
	height: 40px;
	background: transparent url('../images/button2.png') no-repeat;
	float: right;
	color: #283341;
	text-decoration: none;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
}
.button_holder {
	width: 100%;
	display: block;
	height: 45px;
	padding: 0px;
	margin: 0px;
	text-indent: 0px;
}
.button:hover {
	background: transparent url('../images/button2.png') 0 -40px no-repeat;
}

/*------------------------------------- HEADER ------------------------------*/
#header {
	height: 119px;
	margin-bottom: 30px;
}
#logo {
	height: 119px;
	width: 294px;
	position: relative;
}
#logo a {
	height: 87px;
	width: 294px;
	top: 33px;
	position: relative;
	display: block;
}
#logo a span {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 87px;
	background: url('../images/logo.jpg') no-repeat;
	width: 294px;
	cursor: pointer;
}
/*------------------------------------- MENU ------------------------------*/

.menu {
	position: absolute;
	left: 320px;
	top: 75px;
	text-align: center; 
	width: 580px;
}
.menu li.polozka {
	display: inline;
	margin-left: 10px;
	font-size: 14px;
}
.menu li a {
	color: #eafdff;
	text-decoration: none;
}
.menu li a:hover {
	color: #DFFA74;
}


/*------------------------------------- INTRODUCTION ------------------------------*/

#int {
	width: 946px;
	height: 196px;
	background: url('../images/int.jpg') no-repeat;
	margin-left: -40px;
	margin-top: -30px;
}
#int p {
	padding: 70px 0px 0px 0px;
	text-align: right;
	line-height: 28px;
	font-size: 15px;
	color: #e7fcfe;
}

/*------------------------------------- CONTENT ------------------------------*/
#content {
	width: 670px;
	float: left;
}
/*------------------------------------- BOX ------------------------------*/
.box {
	width: 320px;
	height: 120px;
	background: url('../images/box.png') no-repeat;
	margin: 0 15px 17px 0;
	float: left;
	position: relative;
	overflow: hidden;
	float: left;
}
.box .imga{   
	float: left;
	height: 103px;
	width: 115px;
	margin: 9px 0 0 9px;
}
.box img {
	float: left;
	height: 103px;
	width: 115px;
	margin: 9px 0 0 9px;
}
.box h3 {
	float: right;
	width: 185px;
	margin-top: 12px;
	color: #f4ffcf;
	font-size: 16px;
}
.box p {
	float: right;
	width: 180px;
	margin-right: 5px;
	text-indent: 0px;
	font-size: 12px;
}
.box .more {
	width: 70px;
	height: 26px;
	background: url('../images/more.png') 52px 0px no-repeat;
	position: absolute;
	bottom: 1px;
	right: 4px;
	display: block;
	color: #cbf1fb;
	font-style: italic;
	text-decoration: underline;
	font-size: 12px;
	line-height: 26px;
}
.box .more:hover {
	background: url('../images/more.png') 52px -26px no-repeat;
	position: absolute;
	color: #fff;
}

/*------------------------------------- SIDEBAR ------------------------------*/
#sidebar {
	width: 218px;
	float: right;
	padding-top: 30px;
}

#sidebar .button_holder {
	margin-top: 5px;
}

#sidebar h3 {
	width: 218px;
	height: 41px;
	background: url('../images/sidebar_header.png') no-repeat;
	text-indent: 16px;
	line-height: 41px;
	font-size: 15px;
	font-weight: normal;
}
#sidebar p {
	text-indent: 0px;
}

/*------------------------------------- FORM LOGIN ------------------------------*/
.form {
	background: url('../images/sidebar.png') repeat-y;
	width: 218px;
	position: relative;
}
.form fieldset {
  padding-top:5px;
  padding-bottom:0px;
	background: url('../images/login_bottom.png') bottom no-repeat;        
}
.login .text {
	display: block;
	width: 157px;
	position: relative;
	height: 20px; 
	background: url('../images/text.png') no-repeat;
	margin-left: 17px;
}
.login label {
	display: block;
	width: 157px;
	position: relative;
	height: 21px;
	line-height: 25px;
	overflow: hidden;
	margin-left: 17px;
}
.login .text input {
	display: block;
	width: 155px;
	height: 20px;
	position: absolute;
	top: 4px;
	border: none;
	left: 0;
	background: transparent;  
}
.login .button {
	position: absolute;
	top: 61px;
	left: 176px;
	width: 45px;
	height: 44px;
	background: transparent url('../images/submit.png') no-repeat;
	border: none;
}
.login .button:hover {
	background-position: 0 -44px;
}
.form .textLogin {
	padding: 0px;
	line-height: 26px;
	margin: 0px 0px 0 17px;     
}
.form .textMenu{
  padding: 13px 0px 0px 15px;
	line-height: 18px;
	margin: 0 0 0 0px;
	font-size: 12px;
}
/*------------------------------------- FORM REGISTER ------------------------------*/

.register .text {
	display: block;
	width: 157px;
	position: relative;
	height: 20px; 
	background: url('../images/text.png') no-repeat;
	margin-left: 17px;
}
.register input[type='checkbox'] {
	position: relative;
	margin-left: 17px;
	margin-top: 20px;
}
.register label {
	display: block;
	position: relative;
	height: 21px;
	line-height: 25px;
	overflow: hidden;
	margin-left: 17px;
	margin-top: 10px;
}   
.register small {  
	display: block;
  margin-left:17px;  
	margin-right:10px;
}
.register .text input {
	display: block;
	width: 155px;
	height: 20px;
	position: absolute;
	top: 4px;
	border: none;
	left: 0;
	background: transparent;  
}
.register .button {  
	display: block;
  position:relative;
  left:-360px;    
	margin-top: 5px;
	margin-bottom: 20px;
	background: transparent url('../images/submit.png') no-repeat;
	border: none;
}
.register .button:hover {
	background-position: 0 -44px;
}
.register legend {
  padding-top:5px;
  margin-left:10px;
  font-size:20px;
  font-weight:bold;
}
.formR {
  background-color:#4A7E92;
  border-radius: 10px;
  -o-border-radius: 10px;
  -icab-border-radius: 10px;
  -khtml-border-radius: 10px; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  border-bottom-left-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
  width:500px;
  padding-bottom:10px;
  padding-top:10px;
  margin:20px;
}
.formS fieldset{
  margin-left:20px;
}
.formS {
  background-color:#4A7E92;
  border-radius: 10px;
  -o-border-radius: 10px;
  -icab-border-radius: 10px;
  -khtml-border-radius: 10px; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  border-bottom-left-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
  width:500px;
  padding-bottom:10px;
  padding-top:10px;      
  margin:20px;  
}
.error {
  background-color:#6BA0A8;
  padding:10px;
}
/*------------------------------------- NEWS ------------------------------*/
.news {
	background: url('../images/sidebar.png') repeat-y;
	width: 218px;
}
.news li {
	background: url('../images/news_line.png') bottom no-repeat;
	width: 218px;
	display: block;
	padding: 15px 0;
}
.news h4 {
	font-size: 13px;
	font-weight: bold;
	margin-left: 15px;
	margin-bottom: 12px;
}
.news p {
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
	margin-bottom: 0px;
	color: #d9f3fb;
}
/*------------------------------------- FOOTER ------------------------------*/

#footer {
	height: 71px;
	width: 100%;
	background: transparent url('../images/footer_out.jpg') repeat-x;
	position: relative;
	bottom:0px;
}
#footer p {
	height: 41px;
	top: 30px;
	position: absolute;
	background: transparent url('../images/footer_in.jpg') no-repeat;
	width: 100%;
	display: block;
	line-height: 41px;
	text-indent: 93px;
	color: #041b22;
	font-size: 13px;
}
#footer p a {
	color: #195262;
}
/*------------------------------------- MENU 2 ------------------------------*/

ul.menu li.polozka1 {   
	display: inline;
	padding: .2em .5em;
	position: relative;
	height: 1em;
	_width: 1px; /* IE */
}
ul.uroven2 {    
	display: block;
	position: absolute;
	left: 0;

	top: 1.6em;
	_top: 1.6em; /* IE */
	width: 115px;
	background: #62A8BF;
	border: solid #8bd 2px;
	visibility: hidden;

	padding: .8em .5em;
	text-align:left;
}

.polozka2{  
	display: block; 
	margin-left: 10px;
	font-size: 14px;

}
ul uroven2 li.polozka2 a {
	padding: .2em .5em;
	margin: .2em .5em;
	left: 10px;
	font-weight: normal;
	text-align: left;
}
ul uroven2 li.polozka2 a:hover {
	display: block;
	background: #8bd;
}
ul.menu li.polozka1 {   
	behavior: url(hover.htc);
}
ul.menu li.polozka1:hover,
ul.menu li.polozka1Hover {  
	background: #4794AE;
}
ul.menu li.polozka1Hover ul.uroven2,
ul.menu li.polozka1:hover ul.uroven2 {
	visibility: visible;
}