/* @override http://lifeo2.ru/assets/templates/lifeo2/all.css */

/* img, div {behavior: url(assets/templates/lifeo2/iepngfix/iepngfix.htc)}*/

body {
  color: #000;
  margin:0px;
  text-align: center;
	padding: 0;
	background: #b5f3a8 url(images/left.jpg) repeat-x;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#page {
margin: 0;
	padding: 0;
	background: url(images/right.jpg) repeat-x;
	position: absolute;
	right: 0;
	height: 711px;
	width: 50%;
	z-index: -1;
}

#container {
	width : 1000px;
	height: 690px;
	margin : 0 auto;
	background: url('images/bg.jpg') 0 0 no-repeat;
	padding: 0;
}  

#sidebar {
	float: left;
	margin-top: 34px;
	margin-left: 11px;
	width: 436px;
	height: 600px;
	display: inline;
}

#infoblock {
		background-color: yellow;
	padding: 10px;
	margin-top: 10px;
}

#content {
	text-align: left;
	margin-top: 34px;
	float: right;
	height: 600px;
	margin-right: 11px;
	width: 520px;
	display: inline;
}
#logo { 	
text-align: center;
vertical-align: middle;
	height: 102px;
}
#bot {
	margin-top: 140px;
	text-align: left;
}

#menu { 	
text-align: left;
vertical-align: middle;
	height: 161px;
	border-style: none;
}
#text {
	height: 439px;
	overflow: auto;
}	
#text p {
	text-align: justify;
}
#text img {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}	
#text h2 {
	clear: left;
}	
#text ul {
	list-style-type: disc;
	list-style-position: inside;
}
#text table {
	font-size: 9px;
}	
#text td {
	border-style: outset;
	margin: 0;
	padding: 0;
	border-width: 1px;
}
#text td p{
	padding: 2px;

}		
#text p.avtor {
	background-color: #f9ec46;
	font-weight: bold;
	color: green;
}		
#text p.predstavitel {
	background-color: #34cb6b;
	color: white;
	font-weight: bold;
}		
#text p.vopros {
	border-left: 2px dotted #f9ec46;
}
#text p.otvet {
	border-left: 2px dotted #34cb6b;
	border-bottom: 2px dotted #34cb6b;
	margin-bottom: 8px;
}
p.price {
	background-color: #34cb6b;
	font-size: 1.1em;
	clear: left;
}				
p.price strong {
	background-color: yellow;
	color: red;
	padding: 5px;
	margin-right: 10px;
}			
#list {
	float: right;
	text-align: right;
	margin-top: 30px;
	margin-right: 10px;
}

#list .submenu {
	list-style-type: none;
}		
#list .submenu a {
	color: black;
	text-decoration: underline;
}	
#list .submenu a:hover {
	color: red;
}
#list .submenu li.current a {
	color: red;
}
#contactForm {
	background-color: yellow;
	padding: 10px;
	margin-top: 10px;
}

p, h1, pre {
margin: 0px; 
padding: 5px 10px; 
}
h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
}

a { 
color: red;
	text-decoration: none;
}
a:hover { 
	color: #262a69;
}
p a {
	text-decoration: underline;
} 
h2{
	font-size: 15px;
	color: #262a69;
	}	
#text h2{
		background-color: #f9ec46;
	padding: 5px;
	margin-bottom: 0;
}
#text div {

	padding: 10px;
	border-bottom: 1px dotted #34cb6b;
	border-left: 1px dotted #34cb6b;
}
strong { 
color: #262a69;
}
 
pre { 
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}		

img {
	border-style: none;
}
ul{
	margin: 0;
	padding: 0;
	display: inline;
}

.share li{
	float:left; /* Allows list to display horizontally */
	display:inline;
}
.share li a{
	display:block; /* Links must be set to display as a block 
					  so that height and width can be defined */
	width:86px; /* Height and width of each link block */
	height:161px;
	background:url(images/button-trans.png) top left no-repeat;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
.share li a span{
	position: relative;

	bottom: 15px;
	color: #000;
	text-decoration: underline;
}
.share li a:hover span{
	color: red;
	text-decoration: underline;
}
.share li.current a span{
	color: red;
	text-decoration: underline;
}
* html .share li a {
    background:url(images/button-trans.gif) top left no-repeat;
}

#about a{ background-position:  0 0;}
#about a:hover{ background-position:  -86px 0;}
#about.current a{ background-position:  -86px 0;}
#prod a{ background-position:  -172px 0; }
#prod a:hover{ background-position:-258px 0px; }
#prod.current a{ background-position:-258px 0px; }
#use a{ background-position:  -344px 0; }
#use a:hover{ background-position: -430px 0; }
#use.current a{ background-position: -430px 0; }
#bay a{ background-position:  -516px 0; }
#bay a:hover{ background-position:-602px 0; }
#bay.current a{ background-position:-602px 0; }
#faq a{ background-position:  -688px 0; }
#faq a:hover{ background-position:-774px 0; }
#faq.current a{ background-position:-774px 0; }
#contact a{ background-position:  -860px 0; }
#contact a:hover{ background-position:-946px -0; }
#contact.current a{ background-position:-946px -0; }

.kislorod li{
	float:left; /* Allows list to display horizontally */
	display:inline;
}
.kislorod li a{
	display:block; /* Links must be set to display as a block 
					  so that height and width can be defined */
	width:109px; /* Height and width of each link block */
	height:358px;
	background:url(images/balonz.png) top left no-repeat;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
.kislorod li a span{
	position: relative;
	color: #000;
	text-decoration: underline;
	top: 320px;
}
.kislorod li a:hover span{
	color: red;
	text-decoration: underline;
}
.kislorod li.current a span{
	color: red;
	text-decoration: underline;
}
* html .kislorod li a {
    background:url(images/balonz.gif) top left no-repeat;
}

#lux a{ background-position:  0 0;}
#lux a:hover{ background-position:  -109px 0; width: 109px;}
#lux.current a{ background-position:  -109px 0; width: 109px;}
#ekonom a{ background-position:  -218px 0; }
#ekonom a:hover{ background-position:-327px 0px; }
#ekonom.current a{ background-position:-327px 0px; }
#big a{ background-position:  -436px 0; }
#big a:hover{ background-position: -545px 0; }
#big.current a{ background-position: -545px 0; }
#big-mask a{ background-position:  -654px 0; }
#big-mask a:hover{ background-position:-763px 0; }
#big-mask.current a{ background-position:-763px 0; }

#footer {
	font-size: 10px;
	text-align: left;
}
#footer a {
	margin-left: 10px;
}

/* form elements */
 
form {
	margin: 0 0 0 20px;
	width:90%;
}

form h3{
	margin: 0;
}
 
label {
	display:block;
	font-weight: bold;
	margin: 5px 0;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color: black;
}
 
select {
	padding: 2px;
	font: normal 1em Verdana, sans-serif;
	
}
 
input {
	padding: 2px;
	font: normal 1em Verdana, sans-serif;
	color: black;
	margin-left: 0;
}
 
textarea {
	width: 95%;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	height: 80px;
	display:block;
	color: black;
}
 
input.button { 
	margin: 0; 
	padding: 2px 3px; 
}
 
.errors {
	margin-left: 36px;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}