/* border: 1px solid #f00;
   text-align: center;
   margin: 0px auto; 
   
   border-top: 5px solid #197dcd; 
   
   body 			{ margin:0; padding:0; background-color: #fff; } 

*/




/* CONTENT */

* 				{ margin: 0; }

html, body 		{ height: 100%; }

body 			{ margin: 0; padding: 0; background-color: #e4e4e4; } 

.page-wrap		{ min-height: 100%; height: auto !important; height: 100%; margin-bottom: -80px; }

#seriespow		{ text-align: center; margin-top: 80px; margin-bottom: 20px; }

#seriespro		{ text-align: center; margin-top: 23px; margin-bottom: 20px; }

#ppanel			{ margin: 0 auto; text-align: center; width: 862px; height: 393px; background: url(../images/ppanel.jpg) no-repeat; margin-top: 20px; }

#ipanel			{ margin: 0 auto; float: left; margin: 10px; text-align: center; width: 277px; height: 467px; background: url(../images/ipanel.jpg) no-repeat; margin-top: 30px; }

#cpanel			{ margin: 0 auto; float: left; margin: 10px; text-align: center; width: 277px; height: 359px; background: url(../images/cpanel.jpg) no-repeat; margin-top: 30px; }

#pipanel		{ margin: 0 auto; margin: 10px; text-align: center; width: 862px; height: 476px; background: url(../images/pipanel.jpg) no-repeat; margin-top: 80px; }

#pipanelpro		{ margin: 0 auto; margin: 10px; text-align: center; width: 862px; height: 476px; background: url(../images/pipanel2.jpg) no-repeat; margin-top: 80px; }

#infocont		{ height: 570px; }

.titlebar		{ height: 56px; }

.col01			{ width: 150px; float: left; }

.packpow		{ position: absolute; margin-top: 16px; margin-left: -76px; }

.packpro		{ position: absolute; margin-top: 16px; margin-left: -126px; }

.col02			{ width: 237px; float: left; margin-left: 144px; }

.col03			{ width: 236px; float: left; }

.col04			{ width: 237px; float: left; text-align: center; }

.col05			{ width: 245px; float: left; }

.col06			{ width: 237px; float: left; margin-left: 239px; }

.col07			{ width: 148px; float: left; text-align: center; }

.col08			{ text-align: center; }

.txtbox			{ width: 234px;  height: 175px; border-style: solid; border-color: #d8d8d8; border-width: 0 1px 0 0; }

.txtbox2		{ width: 234px; }

.txtbox3		{ width: 148px; }

.txtbox4		{ width: 237px; margin: 0 auto; }

.look			{ margin: 0; padding:0 }

.look_ru		{ margin-top: 10px; padding:0 }

.icons			{ margin-top: -10px; padding: 0; }

.infoicons		{ margin-top: 13px; padding: 0; }

.inflst			{ text-align: center; }

.flasks			{ width: 99px; height: 333px; float: left; margin: 84px 0 0 35px; }

.canisters		{ width: 246px; height: 338px; float: left; margin: 84px 0 0 35px; }

span	{ font-weight: bold; }

#pipanel p		{ font-size: 80%; padding: 80px; margin-left: 90px; }

#pipanelpro p	{ font-size: 80%; padding: 90px; margin-left: 240px; }


.back2btn
{
position: absolute;
display: block;
width: 71px;
height: 40px;
margin: 20px 0 0 50px;
padding: 0;
}



.infoList {
	display: block;
	position: absolute;
	margin: 5px 0 0 61px;
	width: 115px;
	height: 119px;
	background: url(../images/infoList.png) no-repeat;
	text-indent: -9999px;
	
}

.infoList:hover {
	background-position: 0 -120px;
}

.infoListPro {
	display: block;
	position: absolute;
	margin: 5px 0 0 17px;
	width: 115px;
	height: 119px;
	background: url(../images/infoList.png) no-repeat;
	text-indent: -9999px;
	
}

.infoListPro:hover {
	background-position: 0 -120px;
}


.morebtn {
	position: absolute;
	width: 68px;
	height: 40px;
	background: url(../images/products_btns.png) no-repeat;
	text-indent: -9999px;
	background-position: 0 -40px;
	margin: 290px 0 0 -70px;
	
}

.morebtn:hover {
	background-position: 0 0;
}


.orderbtn {
	position: absolute;
	width: 67px;
	height: 40px;
	background: url(../images/products_btns.png) no-repeat;
	background-position: -68px -40px;
	text-indent: -9999px;
	margin: 290px 0 0 -2px;
	
}

.orderbtn:hover {
	background-position: -68px 0;
}




/* PRODUCT BTNS RUSSIAN */


.infoList_ru {
	display: block;
	position: absolute;
	margin: 5px 0 0 61px;
	width: 115px;
	height: 119px;
	background: url(../images/infoList_ru.png) no-repeat;
	text-indent: -9999px;
	
}

.infoList_ru:hover {
	background-position: 0 -120px;
}

.infoListPro_ru {
	display: block;
	position: absolute;
	margin: 5px 0 0 17px;
	width: 115px;
	height: 119px;
	background: url(../images/infoList_ru.png) no-repeat;
	text-indent: -9999px;
	
}

.infoListPro_ru:hover {
	background-position: 0 -120px;
}


.morebtn_ru {
	position: absolute;
	width: 68px;
	height: 40px;
	background: url(../images/products_btns_ru.png) no-repeat;
	text-indent: -9999px;
	background-position: 0 -40px;
	margin: 290px 0 0 -70px;
	
}

.morebtn_ru:hover {
	background-position: 0 0;
}


.orderbtn_ru {
	position: absolute;
	width: 67px;
	height: 40px;
	background: url(../images/products_btns_ru.png) no-repeat;
	background-position: -68px -40px;
	text-indent: -9999px;
	margin: 290px 0 0 -2px;
	
}

.orderbtn_ru:hover {
	background-position: -68px 0;
}




/* TOP NAVIGATION */




#topbar			{ background-color: #353535; width: 100%; height: 40px; }

.fixedwidth		{ width: 900px; margin: 0 auto; }

.topnav ul		{ margin: 0px; padding: 0px; }

.topnav li		{ float: left; list-style: none; }

.group:before,
.group:after {
	content: "";
	display: table;
}

.goup:after {
	clear:both;
}

.group {
	zoom: 1;
}



.fbk {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/fbk.jpg) no-repeat;
	text-indent: -9999px;
	
}

.fbk:hover {
	background-position: 0 -40px;
}

.topnav ul ul {
	display: none;
	position: absolute;
}

.topnav ul ul li
{
	float:none;
	width:40px
}

.topnav ul li:hover > ul
{
	display:block
}

.bgbtn {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/language_bar.jpg) no-repeat;
	background-position: -40px 0;
	text-indent: -9999px;
}

.bgbtn:hover {
	background-position: -80px 0;
}

.bgbtn_on {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/language_bar.jpg) no-repeat;
	text-indent: -9999px;
}

.bgbtn_on:hover {
	background-position: -40px 0;
}
.enbtn {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/language_bar.jpg) no-repeat;
	background-position: -40px -40px;
	text-indent: -9999px;
}

.enbtn:hover {
	background-position: -80px -40px;
}

.enbtn_on {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/language_bar.jpg) no-repeat;
	background-position: 0 -40px;
	text-indent: -9999px;
}

.enbtn_on:hover {
	background-position: -40px -40px;
}

.rubtn {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/language_bar.jpg) no-repeat;
	background-position: -40px -80px;
	text-indent: -9999px;
}

.rubtn:hover {
	background-position: -80px -80px;
}

.rubtn_on {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/language_bar.jpg) no-repeat;
	background-position: 0 -80px;
	text-indent: -9999px;
}

.rubtn_on:hover {
	background-position: -40px -80px;
}

.ykbtn {
	display: block;
	margin-left: 436px;
	width: 215px;
	height: 40px;
	background: url(../images/yk_btn.png) no-repeat;
	text-indent: -9999px;
}

.ykbtn:hover {
	background-position: 0 -40px;
}

.ykbtn_ru {
	display: block;
	margin-left: 485px;
	width: 215px;
	height: 40px;
	background: url(../images/yk_btn_ru.png) no-repeat;
	text-indent: -9999px;
}

.ykbtn_ru:hover {
	background-position: 0 -40px;
}




/* HEADER */


#header		{ text-align: center; }





/* MAIN NAVIGATION */


.mainnav ul		{ margin: 0px; padding: 0px; }
.mainnav li		{ float: left; list-style: none; }

.products {
	display: block;
	width: 224px;
	height: 55px;
	background: url(../images/navigation.jpg) no-repeat;
	text-indent: -9999px;
	
}

.products:hover {
	background-position: 0 -55px;
}


.about {
	display: block;
	width: 225px;
	height: 55px;
	background: url(../images/navigation.jpg) no-repeat;
	background-position: -224px 0;
	text-indent: -9999px;
	
}

.about:hover {
	background-position: -224px -55px;
}

.contacts {
	display: block;
	width: 226px;
	height: 55px;
	background: url(../images/navigation.jpg) no-repeat;
	background-position: -449px 0;
	text-indent: -9999px;
	
}

.contacts:hover {
	background-position: -449px -55px;
}

.eshop {
	display: block;
	width: 225px;
	height: 55px;
	background: url(../images/navigation.jpg) no-repeat;
	background-position: -675px 0;
	text-indent: -9999px;
	
}

.eshop:hover {
	background-position: -675px -55px;
}

.prodactive {
	display: block;
	width: 224px;
	height: 55px;
	background: url(../images/navigation.jpg) no-repeat;
	background-position: 0 -110px;
	text-indent: -9999px;
}

.aboutactive {
	display: block;
	width: 225px;
	height: 55px;
	background: url(../images/navigation.jpg) no-repeat;
	background-position: -224px -110px;
	text-indent: -9999px;
}

.conactive {
	display: block;
	width: 226px;
	height: 55px;
	background: url(../images/navigation.jpg) no-repeat;
	background-position: -449px -110px;
	text-indent: -9999px;
}




/* RUSSIAN NAVIGATION */


.products_ru {
	display: block;
	width: 224px;
	height: 55px;
	background: url(../images/navigation_ru.jpg) no-repeat;
	text-indent: -9999px;
	
}

.products_ru:hover {
	background-position: 0 -55px;
}


.about_ru {
	display: block;
	width: 225px;
	height: 55px;
	background: url(../images/navigation_ru.jpg) no-repeat;
	background-position: -224px 0;
	text-indent: -9999px;
	
}

.about_ru:hover {
	background-position: -224px -55px;
}

.contacts_ru {
	display: block;
	width: 226px;
	height: 55px;
	background: url(../images/navigation_ru.jpg) no-repeat;
	background-position: -449px 0;
	text-indent: -9999px;
	
}

.contacts_ru:hover {
	background-position: -449px -55px;
}

.eshop_ru {
	display: block;
	width: 225px;
	height: 55px;
	background: url(../images/navigation_ru.jpg) no-repeat;
	background-position: -675px 0;
	text-indent: -9999px;
	
}

.eshop_ru:hover {
	background-position: -675px -55px;
}

.prodactive_ru {
	display: block;
	width: 224px;
	height: 55px;
	background: url(../images/navigation_ru.jpg) no-repeat;
	background-position: 0 -110px;
	text-indent: -9999px;
}

.aboutactive_ru {
	display: block;
	width: 225px;
	height: 55px;
	background: url(../images/navigation_ru.jpg) no-repeat;
	background-position: -224px -110px;
	text-indent: -9999px;
}

.conactive_ru {
	display: block;
	width: 226px;
	height: 55px;
	background: url(../images/navigation_ru.jpg) no-repeat;
	background-position: -449px -110px;
	text-indent: -9999px;
}



/* TEXT STYLES */

* { font-size: 100%; font-family: Tahoma, Geneva, sans-serif; color: 2F2F2F; font-weight: normal; }

p { font-size: 75%; padding: 8px; text-align: left; }

h2 { font-size: 95%; margin: 0px; padding: 20px; color: #4d4d4d; font-weight: normal; text-transform: uppercase; }

h3 { font-size: 90%; margin: 0px; padding: 19px; color: #fff; font-weight: normal; text-transform: uppercase; }

h4 { font-size: 95%; color: #252525; margin: 0px; padding: 11px; text-shadow: 0px 1px #494949; font-weight: bold; }

#ipanel p 	{ margin: 0; }

#cpanel p	{ margin-top: 20px; text-align: center; }

#cpanel a	{ font-size: 110%; }


/* FOOTER */

.page-wrap:after {
  content: "";
  display: block;
}
.footer, .page-wrap:after {
  height: 80px; 
}

.footer				{ width: 100%; height: 80px; margin-top: 30px; bottom: 0; background-color: #353535; border-top: 5px solid #197dcd; }

.footer p			{ font-size: 85%; text-align: center; color: #c7c7c8; margin-top: 20px; }


a.mail:link { color: #2F2F2F; }
a.mail:visited { color: #2F2F2F; }
a.mail:hover { color: #2AA4F3; }
a.mail:active { color: #2F2F2F; }

a.maily:link { color: #2F2F2F; }
a.maily:visited { color: #2F2F2F; }
a.maily:hover { color: #6AAB40; }
a.maily:active { color: #2F2F2F; }

a.dd:link { color: #fff; }
a.dd:visited { color: #fff; }
a.dd:hover { color: #FF0000; }
a.dd:active { color: #fff; }

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }