/* ------BJK chelovek 2007-------*/
* {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;}

body {}
		
html, body, td {
		font-size: 100%;
		font-family: Verdana, Helvetica, sans-serif;}

div {display: block;}

img {border: 0px;}

h1, h2, h3 {
		cle ar: both;
		color: #00004a;}

h1 {
		font-size: 1.3em;		
		padding-top: 0.2em;
		padding-bottom: 2px;
		color: red;
		border-bottom: 1px solid red;}
h2 {
		clear: left;
		font-size: 1.1em; 
		padding-top: 0.5em;
		padding-bottom: 0.2em;
		color: #002e80;
		border-bottom: 1px solid #002e80;}
h3 {
		font-size: 1em; 
		padding-top: 0.5em;
		padding-bottom: 0.2em;}

p {
		color: 	bleck;
		line-height: 1.4em;
		margin-bottom: 1em;}

#main-text ul,
#sub-nav ul {
		margin-left: 1em;
		margin-bottom: 1em;}

#main-text ol {
		margin-left: 1.4em;
		margin-bottom: 1em;}
		
#main-text ul li,
#main-text ol li,
#sub-nav ul li {
		margin: 0 0 0.5em 1.3em;
		line-height: 1.4em;}

#container #sub-nav ul {
		margin-left: 2em;}

#main-text ul ul,
#main-text ol ol,
#sub-nav ul ul {
		margin-bottom: 0em;
		padding: 0;}

.selected,
#selected {font-weight: bold;}

.clear {clear: left;}
.clear-none {clear: none;}

a {
		color: bleck;
		cursor: pointer;
}
		
a:hover {
		color: red;
		cursor: pointer;
	            text-decoration: underline;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/		
		
#container {
		width: 100%;
		float: left;
		overflow: hidden;
		background-image: url(../footer.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
		min-width: 1000px;
		width: expression((document.documentElement.clientWidth
				|| document.body.clientWidth) < 999? "1000px": "auto");}

#header {
		float: left;
		width: 100%;
		he ight: 324px;
		background-image: url(../header.gif);
		background-repeat: repeat-x;
		background-position: left top;
		backg round-color: #3d609b;}

#header-bg {
		float: left;
		width: 100%;
		h eight: 324px;
		ov erflow: visible;	
		background-image: url(../head-bg.jpg);
		ba ckground-repeat: no-repeat;
		background-repeat: repeat-x;
		background-position: left 87px;
		backgr ound-color: #3d609b;
		back ground-color: red;}

#logo {
		float: left;
		display: block;
		width: 180px;
		height: 96px;
		margin: 5px 0px 0px 10px;
		backgrou nd-color: red;
		background-image: url(../logo.gif);
		background-repeat: no-repeat;
		background-position: 30px 30px;}
		
#logoIE {
		display: none;}

*html #logoIE {
		display: block;}
		
#logo img {
		position: relative;
		l eft: 40px;
		top: 30px;}

#sloagan {
		position: absolute;
		left: 24%;
		top: 56px;
		float: left;
		font-weight: bold;
		z-index: 999;
		bac kground-color: silver;}
		
#center-head {
		pos ition: relative;
		top: 17px;
		color: white;
		font-size: 13px;
		font-style: italic;
		width: 400px;
		ma rgin: 30px 350px 0px 24%;
		margin: 47px 0px 13px 0px;
		backgr ound-color: red;
		overflow: hidden;}

.top-slg {
		p adding-bottom: 0.2em;
		margin-bottom: 30px;
		font-size: 15px;
		font-weight: bold;
		color: #002e80;}

#prod {
		margin: 0px 300px 10px 40px;
		float: left;
		clear: both;
		display: inline;
		margin-top: -130px; voice-family: "\"}\""; voice-family: inherit; margin-top: -106px;  //margin-top: -118px;}{}

#prod a {
		color: #002e80;
		text-decoration: none;}

#prod a:hover {
		color: red;
		text-decoration: underline;}

#prod td {
		width: 150px;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		font-size: 11px;
		pa dding-left: 10px;
		border: 0px solid red;}

.prod-img td {
		text-align: center;}

.prod-lin td {
		text-align: center;}

/*#prod {
		margin: 0px 300px 10px 40px;
		float: left;
		clear: both;
		display: inline;
		margin-top: -108px; voice-family: "\"}\""; voice-family: inherit; margin-top: -83px;  //margin-top: -96px;}{}

#prod a {
		color: #002e80;
		text-decoration: none;}

#prod a:hover {
		color: red;
		text-decoration: underline;}

#prod li {
		display: inline;
		position: relative;
		float: left;		
		margin-left: 11px;
		list-style-type: none;
		font-size: 11px;
		margin-left: 10px;
		background-repeat: no-repeat;
		background-position: left top;}

#prod a {
		display: inline;
		position: relative;
		float: left;		
		background-repeat: no-repeat;
		background-position: left top;}


#prod li#selected {
		font-weight: bold;
		color: red;}

.prod1 {
		width: 122px;
		he ight: 99px;
		height: 50px;
		padding-top: 100px;
		margin-top: -24px;
		b ackground-image: url(../prod1.gif);}

.prod2 {
		width: 150px;
		height: 64px;
		height: 50px;
		padding-top: 78px;
		padding-left: 10px;
		margin-top: 0px;
		bac kground-image: url(../prod2.gif);
		backg round-position: left top;
		back ground-color: red;}
.prod3 {
		width: 161px;
		height: 50px;
		padding-top: 65px;
		margin-top: 12px;
		backg round-image: url(../prod3.gif);}
.prod4 {
		width: 144px;
		height: 50px;
		padding-top: 78px;
		margin-top: px;
		back ground-image: url(../prod4.gif);}*/

#right-head {
		width: 320px;
		position: relative;
		float: right;
		mar gin-top: -218px;
		back ground-color: grin;}

#lang {
		position: absolute;
		right: 0px;
		top: 10px;
		margin-top: 40px;
		width: 80px;
		float: right;
		font-size: 0.8em;
		color: #002e80;} 

*html #lang {
		right: 20px;}
		
#lang a {color: #002e80;}
		
#symbols {
		wi dth: 100px;
		margin-top: 250px;
		margin-right: 18px;
		padding-left: 10px;
		float: right;
		ba ckground-color: red;}

#symbols img {margin-left: 5px;}	

#nav {
		position: relative;
		top: 218px;
		float: right;
		width: 201px;
		he ight: 400px;
		margin-top: -218px;
		font-style: italic;
		background-repeat: no-repeat;
		background-position: right top;
		bac kground-image: url(../nav.gif);
 		color: #002e80;}

#nav-bg {
		width: 201px;
		background-repeat: no-repeat;
		background-position: left top;
		background-image: url(../nav-bg-left.gif);
 		color: #002e80;}

#nav a {
		text-decoration: none;
		color: #002e80;}	
			
#nav a:hover {
		text-decoration: underline;
		color: red;}	

#nav ul {
		background-color: white;
		margin-top: 404px;}

#nav li {
		width: 170px;
		bac kground-color: red;
		padding-left: 24px;
		list-style-type: none;
		padding-bottom: 0.5em;
		font-size: 0.9em;}	
	
#nav li.selected {
		//fl oat: left;
		background-image: url(../nav-marcer.gif);
		background-repeat: no-repeat;
		background-position: left top;
		font-weight: bold;
		color: #ec1c24;}

#search {
		width: 200px;
		font-size: 15px;
		border: 1px solid red;}
	
#searchfield {
		width: 135px;
		height: 18px;
		padding-left: 3px;
		border: 0px solid;
		float: left;}

#search input.button {
		width: 60px; 
		height: 18px;
		float: right;
		color: white;
		margin-top: -18px;
		background-color: red;
		border: 0px solid;
		font-style: normal;}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

#content {
		width: 100%;
		float: left;
		clear: both;
		overflow: hidden;}

#statusbar {
		border-top: 1px solid red;
		padding-top: 2px;		
		font-size: 0.7em;
		margin: 0px 366px 20px 33px;
		color: #002e80;
		font-style: italic;}
		
#container.start #statusbar {
		border: 1px solid #ffffff;} 

#statusbar a {
		color: #002e80;}
 		
#left-column {
		float: left;
		display: inline;
		position: absolute;
		top: 409px;
		left: 0px;
		wid th: 1px;
		bac kground-color: red;
		height: 100px;
		color: #002e80;
		margin-left: 10px;}

#container.start #left-column {
		width: 20px;}

#left-column a {
		text-decoration: none;
		color: #002e80;}

#left-column a:hover {
		text-decoration: underline;
		color: red;}

#sub-nav {
		position: relative;
		top: 200px;
		left: 70px;
		width: 200px;
		ba ckground-color: red;
		//m argin-left: 50px;
		mar gin-left: 70px;
		backg round-color: red;
		padding-top: 0.2em;
		flo at: left;
		font-size: 0.7em;
		line-height: 0.9em;
		font-style: italic;}

*html #sub-nav {
		left: 50px;}

#sub-nav a {
		text-decoration: none;
		color: #002e80;}

#sub-nav a:hover {
		text-decoration: underline;
		color: red;}

#sub-nav ul {
		margin-left: 0px;
		padding-left: 0px;
		list-style-type: none;}

#sub-nav ul li {
		margin-left: 0px;
		padding-left: 0px;
		list-style-type: none;
		padd ing-bottom: 0.8em;}

#sub-nav ul li a {color; #002b79;}

#container #sub-nav li li {
		position: relative;
		left: 30px;
		list-style-type: none;}

#sub-nav li li a {color: #7186C3;}

#sub-nav #selected {color: red;}

#sub-nav li#selected li {
		font-weight: normal;}

#right-content {margin-left: 30px;}
		
#container.start #right-content {
		margin-left: 40px;}


#right-column {
		float: right;
		display: inline;
		width: 366px;}
		
#main-text {
		font-size: 0.8em;
		//font-size: 0.7em;
		color: bleck;
		margin-top: 10px;
		margin-right: 366px;
		min-height: 500px;
		overflow:hidden;
		height:expression(this.scrollHeight < 499? "500px" : "auto");}	

#main-text a {
		color: #002e80;
		text-decoration: none;}

#main-text a:hover {
		color: red;}

#main-text img {
		display: block;
		float: left;
		cle ar: left;
		padd ing: 0.5em 0.5em 0.5em 0em;
		margin: 0em 0.5em 1em 0em;
		border: none;}

#main-text .img-main img {
		float: none;
		padding: 0px;}

table {
	display: block;
	padding: 0px;
	margin: 10px 20px;
	border-collapse: collapse;
	border: 0px;}

td,
th {
	bo rder: 1px solid white;
	margin: 0px;
	padding: 0.8ex;}

.prod-main {
		float: none;
		display: block;
	 	clear: left;
		//cl ear: none;
		width: 99%;
		ba ckground-color: Green;}

#main-text .prod-main#clear0 {
		clear: none;}

.photo-name {
		ba ckground-color: Green;}

.img-main  {
		float: left;
		overflow: hidden;
		padding: 0em 0.5em 0.5em 0em;
		margin-top: 0px;
		ba ckground-color: red;
		width: 150px;}

#main-text input {
		margin: 5px;
		margin-left: 0px;}

#feedback input {
		width: 176px;}

#feedback input#button {
		background-color: red;
		color: white;
		border: 0px solid;
		width: 135px;}


#feedback table,
#feedback td,
#feedback th {border: 0px solid;}

#feedback {
	}

#right-content #main-text p{
		color: bleck;}		
		
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#footer {
		float: left;
		clear: both;
		width: 100%;
		height: 48px;
		font-size: 0.8em;
		margin-top: 2em;
		border-top: 1px solid red;
		padding-top: 20px;
		padding-bottom: 10px;
		color: bleck;}

 #banners {
		float: right;
		display: inline;
		margin-right: 20px;}
		
#corner-left-bottom {
		padding-left: 60px;
		color: bleck;
		float: left;
		padding-bottom: 3px;
                        text-decoration: none;}
		
#madebypicom {
		padding-left: 60px;
		float: left;
		clear: both;}

#corner-left-bottom a,
#madebypicom a {
		color: #000000;}

#corner-left-bottom a:hover,
#madebypicom a:hover {
		color: red;}