﻿body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: url("graphics/bgMain.jpg") repeat-x #fff;
	color: #000;
}
body#page4,
body#page39 {
	background: url("graphics/bgMainStart.jpg") repeat-x #fff;
}
body#page17 {
	background: #fff;
	padding-top: 10%;
}
html, body {
	height: 100%;
}
#allWrap {
	position: relative;
	min-height: 100%;
}
/* ---------- layout and position ---------- */
#containerMain {
	width: 950px;
	margin: 0px auto;
	text-align: left;
	position: relative;
}
#page17 #containerMain {
	width: 1300px;
}
#containerHead {
	width: 950px;
	height: 309px;
	margin: 0px auto;
	background: url(graphics/bgHeader.jpg) center 100px no-repeat;
}
#page4 #containerHead,
#page39 #containerHead {
	width: 950px;
	height: 309px;
	height: 592px;
	height: 99px;
	margin: 0px auto;
}
#page37 #containerHead,
#page41 #containerHead,
#page42 #containerHead,
#page43 #containerHead {
	background: url(graphics/bgHeader_ScienTech.jpg) center 100px no-repeat;
}
#page36 #containerHead {
	background: url(graphics/bgHeader_WomanHealth.jpg) center 100px no-repeat;
}
/*#page28 #containerHead {
	background: url(graphics/bgHeader_Energy.jpg) center 100px no-repeat;
}*/

#menuLang {
	width: 175px;
	height: 49px;
	margin: 0;
	float: right;
}
#search {
	width: 220px;
	height: 49px;
	height: 34px;
	float: right;
	padding-top: 15px;
}
#menuMain {
	width: 950px;
	height: 43px;
	float: left;
}
#section {
	width: 200px;
	position: relative;
	top: 220px;
	left: 750px;
	font-size: 22px;
	color: #018bb7;
}
#page4 #section,
#page39 #section {
	display: none;
}
#containerMiddle {
	width: 950px;
	margin: 20px auto 0px auto;
	padding-bottom: 170px;
}
#page4 #containerMiddle,
#page39 #containerMiddle {
	margin: 0 auto;
}
#page17 #containerMiddle {
	width: 1300px;
}
#containerBottom {
	width: 100%;
	height: 150px;
	margin-top: 30px;
	font-size: 12px;
	clear: both;
	overflow: auto;
	color: #fff;
	background: #15a7d5;
	position: absolute;
	bottom: 0;
}
#menuMeta {
	width: 950px;
	margin: 30px auto 0 auto;
}
#menuCopy {
	width: 300px;
	float: right;
	text-align: right;
}
/* ---------- content elements and styling ------------ */
h1 {
	font-size: 28px;
	font-weight: normal;
	color: #018bb7;
	margin: 0 0 15px 0;
	padding: 10px 20px;
}
h2 {
	font-size: 22px;
	font-weight: normal;
	color: #000;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 0;
	padding: 10px 20px;
	border-bottom: 1px solid #a7a7a7;
}
#page4 h2,
#page39 h2 {
	text-align: right;
	padding: 10px 0 10px 0;
}
h3 {
	font-weight: normal;
	font-size: 18px;
	color: #018bb7;
	margin: 0 0 0 0;
}
p.bodytext {
	margin: 0 0 10px 0;
}
p.align-center {
	text-align: center;
}
A {
	color: #018bb7;
}
a:hover {
	color: #000;
}
.csc-default {
	margin: 0 0 15px 0;
}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
}
#page4 .csc-default, #page4 .csc-textpic-text,
#page39 .csc-default, #page39 .csc-textpic-text {
	margin: 0;
	text-align: right;
}
#page4 .csc-textpic {
}
.col2-1 .csc-default {
	background: url(graphics/bgLeftShadow.jpg) top left repeat-y;
	padding: 15px;
}
.col2-2 .csc-default {
	background: url(graphics/bgRightShadow.jpg) top right repeat-y;
	padding: 15px;
}
.csc-textpic-caption {
	padding-top: 18px;
}
.csc-default UL {
	list-style-type: none;
	list-style-image: url(graphics/bullet.png);
	margin: 0 0 10px 15px;
}
.fullWidth {
	padding: 0px;
	margin: 0 0 5px 0;
}
#page4 .fullWidth,
#page39 .fullWidth {
	margin: -10px 0 0 0;
	height: 287px;
	overflow: hidden;
	background: url(graphics/bgContentStart.jpg) no-repeat;
	background-position: 475px 0;
}
.csc-textpic-border img {
	border: 1px solid #a9a784 !important;
}
.fullWidthBorder {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e5e5e5;
	background: url(graphics/bgFullwidthShadow.jpg) top right repeat-y;
}
.csc-picLeft {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e5e5e5;
	background: url(graphics/bgRightShadow.jpg) top right repeat-y;
}
.csc-picRight {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e5e5e5;
	background: url(graphics/bgLeftShadow.jpg) top left repeat-y;
}
.csc-picLeft p.bodytext, .csc-picRight p.bodytext, .fullWidthBorder p.bodytext {
	padding: 10px 25px;
}
/* ---------- slider ---------- */
.flexslider {
	/*background: none !important;*/
	border: 0px !important;
	box-shadow: 0px !important;
	box-shadow: 0 0 0 0 !important;
	width: 949px;
	height: 491px;
	margin: 0 0 10px 0 !important;
	padding: 0;
	background: url(graphics/bgSlider.jpg) no-repeat;
}
.flexslider .caption-text {
	display: none;
}
.csc-default .flexslider UL {
	margin: 0;
	padding: 0;
}
ol.flex-control-paging {
	display: none;
}
/* ---------- grid elements ---------- */
/* 2-col element */
.element2cols {
	overflow: hidden;
	clear: both;
	width: 950px;
}
#page17 .element2cols {
	width: 1300px;
}
.col2-1, .col2-2 {
	width: 465px;
	width: 475px;
	float: left;
}
#page17 .col2-1, #page17 .col2-2 {
	width: 650px;
}
.col2-1 {
	margin-right: 10px;
	margin-right: 0;
}
.col2-2 {
	margin-left: 10px;
	margin-left: 0px;
}
/* 3-col element */
.element3cols {
	overflow: hidden;
}
.col3-1, .col3-2, .col3-3 {
	width: 310px;
	float: left;
}
.col3-1 {
	margin-right: 8px;
}
.col3-2 {
	margin: 0;
}
.col3-3 {
	margin-left: 8px;
}
/* 2-col element with 1-col element above */
.element1-2cols {
	margin: 0 0 5px 0;
	width: 90%;
	padding: 5%;
	overflow: hidden;
}
.col1-2-2 {
	width: 49%;
	margin-right: 1%;
	float: left;
}
.col1-2-3 {
	width: 49%;
	margin-left: 1%;
	float: left;
}
/* ---------- menu elements ------------ */
/* language menu */
#menuLang UL {
	list-style: none;
	display: inline;
}
#menuLang LI {
	float: left;
	height: 20px;
	width: 38px;
	margin: 0 10px 0 0;
	font-size: 0px;
	color: #fff;
}
#menuLang LI A {
	text-decoration: none;
	font-size: 0px;
	height: 20px;
	width: 38px;
	margin: 15px 0 0 0;
	display: block;
	background: url(graphics/flagEN.jpg);
}
#menuLang LI.ua A {
	background: url(graphics/flagUA.jpg);
}
#menuLang LI.cn A {
	background: url(graphics/flagCN.jpg);
}
#menuLang LI.act, #menuLang LI:hover {
	background: url(graphics/langACT.jpg) top center no-repeat;
}
/* menu meta  */
#menuMeta UL {
	list-style: none;
	width: 650px;
	display: inline;
}
#menuMeta LI {
	float: left;
	width: auto;
}
#menuMeta LI A {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 0 20px 0 0;
}
#menuMeta LI A:hover {
	color: #fff;
	text-decoration: underline;
}
/* menu main */
/*
#menuMain UL {
	width: 950px;
	height: 43px;
	list-style-type: none;
}
#menuMain LI {
	float: left;
	width: auto;
}
#menuMain LI A {
	font-size: 20px;
	line-height: 43px;
	height: 43px;
	text-decoration: none;
	display: block;
	color: #fff;
	padding: 0 30px;
}
#menuMain LI A:hover,
#menuMain LI.act A {
	color: #000;
	background: url(graphics/bgMenuRO.jpg) repeat-x;
	transition: background .5s ease-in-out, color .5s ease-in-out;
   -moz-transition: background .5s ease-in-out, color .5s ease-in-out;
   -webkit-transition: background .5s ease-in-out, color .5s ease-in-out;
}
*/
#menuMain ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menuMain ul li {
	display: block;
	width: auto;
	float: left;
	position: relative;
/*	z-index: 500;*/
}
#menuMain ul li {
	width: ;
}
#menuMain ul li a {
	font-size: 20px;
	line-height: 43px;
	height: 43px;
	text-decoration: none;
	display: block;
	color: #fff;
	padding: 0 30px;
}
#menuMain ul li:hover, #menuMain ul li.act, #menuMain ul li a:hover, #menuMain ul li.act a {
	color: #000;
	background: url(graphics/bgMenuRO.jpg) repeat-x;
	transition: background .5s ease-in-out, color .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, color .5s ease-in-out;
	-webkit-transition: background .5s ease-in-out, color .5s ease-in-out;
}
#menuMain ul li a:hover, #menuMain ul li:hover a, #menuMain ul li.act a {
	color: #fff;
	color: #000;
}
/*
#menuMain ul li li.act  {
	color: #fff;
	background: #557196;
}
#menuMain ul li a:hover, #menuMain ul li:hover a, #menuMain ul li.act a {
	color: #fff;
	color: #000;
}
#menuMain ul li li a:hover {
	background-image: none;
	color: #557196 !important;
	color: #000 !important;
/*	background: #d9dadc;*
	
	
}
*/
#menuMain ul li li a, #menuMain ul li li {
	display: block !important;
	width: 100%;
}
#menuMain ul li li:hover, #menuMain ul li li:hover a, #menuMain ul li li.act a, #menuMain ul li li.act {
	background-image: none;
	width: 100%;
	color: #557196 !important;
	background: #d9dadc;
	background: #47b8e0;
	color: #000 !important;
	background: none !important;
	display: block;
}
#menuMain ul li:hover ul li a {
	background-image: none;
	display: block;
	text-align: left;
	font-weight: normal; /*		font-weight: bold;*/;
	line-height: 30px;
	width: auto;
	height: 30px;
	white-space: nowrap;
	overflow: hidden;
	border-right: 0px;
	padding: 0 0 0 25px;
	margin: 0 0 0 0px;
	color: #fff;
	color: #018bb7;
}
#menuMain ul ul {
	display: none;
	position: absolute;
	left: -1px;
	top: 43px;
	z-index: 100;
	width: 300px;
	background: #eaeaea;
	border: solid #c3c2c7;
	border-width: 0 1px 1px 1px;
	border-top: 5px solid #eaeaea;
	opacity: 0.9;
	padding-bottom: 10px;
	padding-top: 10px;
}
#menuMain ul li:hover ul {
	display: block;
}
/*
#menuMain ul li#oben-188 ul {
	left: -45px;
}


#menuMain ul ul ul {
	border-top: 1px solid #969cc4;
	left: 168px;
	top: -2px;
}
#menuMain ul ul li {
	line-height: 30px;
	height: 30px;
	position: relative;
	background-image: none; /*	border-left: 1px solid #969cc4;
	border-right: 1px solid #969cc4; */
/*	width: 150px;;
	width: 270px;
	width: 320px;
	border-bottom: 1px solid #d9dadc;
}

#menuMain ul ul li:last-child {
	border-bottom: 0px;
}


#menuMain ul ul li.firstitem {
	padding-top: 0px;
}
#menuMain ul ul li.lastitem {
	padding-bottom: 8px;
}
#menuMain ul ul ul, #menu-oben ul li:hover ul ul {
	display: none;
}
#menuMain ul li:hover ul #oben-17:hover ul {
	display: block;
}
span.act a {
	color: #c30;
}
*/
/* ---------- form elements ------------ */
.csc-mailform {
	margin: 10px 25px;
}
.csc-mailform OL {
	list-style-type: none;
}
.csc-mailform LI {
	display: block;
	margin-bottom: 20px;
}
.csc-mailform INPUT, .csc-mailform TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #018bb7;
	padding: 5px;
	background: #F2F2F2;
	width: 300px;
	border: 1px solid #e5e5e5;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: normal;
}
.csc-mailform INPUT {
	height: 30px;
}
div.csc-mailform li label {
	/*	width: 200px;
	margin-right: 0;*/
	padding: 5px;
}
.csc-mailform INPUT#field-6 {
	width: auto;
	margin-left: 13em;
	padding: 5px 10px 10px 5px;
	height: auto;
}
.csc-mailform INPUT:hover, .csc-mailform TEXTAREA:hover {
	border: 1px solid #018bb7;
}
.csc-mailform INPUT:focus, .csc-mailform TEXTAREA:focus {
	border: 1px solid #018bb7;
}
#searchform {
}
input.ok-button {
	margin-bottom: -3px;
}
