/* Global properties ======================================================== */
html {height:100%;}
html, body {width:100%; padding:0; margin:0;}
body { 	 
	font: 12px/22px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#000;
	min-width:981px;
	background: url(../images/body-bg.jpg);
	height:100%;
}

.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg {background: url(../images/bg.jpg); background-attachment:fixed; width:100%; min-height:100%;}
.main {width:981px; margin:0 auto;}

/***********************************************************************/
a {text-decoration:none; cursor:pointer;text-decoration:none; }
a:hover {text-decoration:none;}

.button {background:#353535; display:inline-block; font-size:20px; line-height:25px; color:#fff; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif; padding:9px 30px 10px 30px;}
.button:hover {background:#000;}

.button-2 {background:#fff; display:inline-block; font-size:20px; line-height:25px; color:#353535; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif; padding:9px 30px 10px 30px;}
.button-2:hover {background:#000; color:#fff;}

.link {color:#0fc6ee;}
.link:hover {text-decoration:underline; }

.clr-1 {color:#e2e2e4;}

.text-1 {font-size:35px; line-height:42px; color:#353535; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
.text-1>strong { display:block; font-size:25px; line-height:30px; color:#9f9fa6; font-weight:bold; margin-top:-7px;}
.text-2 {font-size:14px; line-height:22px; color:#000; font-weight:bold; }
.text-3 {font-size:14px; line-height:22px; color:#e2e2e4; font-weight:bold; }
img_about{
  width: 424px;
  height: 289px;
  }
h2 { font-size:35px; line-height:25px; color:#06C; font-family: 'Open Sans Condensed', sans-serif;}
h2_4 { font-size:30px; line-height:25px; font-weight:bold; color:#06C; font-family: 'Open Sans Condensed', sans-serif;}
h2_3 { font-size:35px; line-height:25px; font-weight:bold; color:#606060; font-family: 'Open Sans Condensed', sans-serif;}
h2_2 { font-size:26px; line-height:25px; color:#06C; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
h2_1 { font-size:16px; line-height:10px; color:#000; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
h3 { font-size:20px; line-height:42px; color:#0fc6ee; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
.opis { font-size:18px; line-height:28px; color:#606060; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
.opis_2 { font-size:12px; line-height:25px; color:#000; font-family:Arial, Helvetica, sans-serif; text-align:left;}
.opis_3 { font-size:12px; line-height:20px; color:#000; font-family:Arial, Helvetica, sans-serif; text-align:left; font-weight:bold;}
h3:hover {
	color: #0fc6ee; 
    text-decoration: underline; 
	}

ul {margin:0; padding:0;list-style-image:none;}
ul.list-1 li {padding:0px 0 8px 15px; font-size:11px; line-height:22px; color:#fff; background:url(../images/marker-1.gif) 0 8px no-repeat;}
ul.list-1 li a {color:#fff;text-decoration:underline;}
ul.list-1 li a:hover {text-decoration:none;}

ul.list-2 li {padding:0px 0 8px 15px; font-size:11px; line-height:22px; color:#9f9fa6; background:url(../images/marker-1.gif) 0 8px no-repeat;}
ul.list-2 li a {color:#9f9fa6;text-decoration:underline;}
ul.list-2 li a:hover {text-decoration:none;}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}
.img-indent {float:left; margin:6px 20px 0px 0;}	
.img-indent-2 {float:left; margin:0px 20px 0px 0;}	
.img-indent-3 {float:left; margin:7px 20px 0px 0;}
.line-height {line-height:18px;}
.last {margin-right:0px !important; padding-right:0px !important;}
.align-r {text-align:right;}
.align-c {text-align:center;}
.upper {text-transform:uppercase;}

.top-1 {margin-top:23px;}
.top-2 {margin-top:20px;}
.top-3 {margin-top:33px;}
.top-4 {margin-top:27px;}
.top-5 {margin-top:23px;}

.bot-1 { padding-bottom:63px;}
.bot-2 { padding-bottom:58px;}

.p1 {margin-bottom:22px;}
.p2 {margin-bottom:7px;}
.p3 {margin-bottom:6px;}
.p4 {margin-bottom:13px; text-align:left;}
.p4_1 {margin-bottom:13px; text-align:left;}
.p6 {margin-bottom:13px; text-align:left;}
.p6_1 {margin-bottom:13px; text-align:left; color:#696969;}
.p5 {margin-bottom:8px;}

/*********************************header*************************************/
header{background:url(../images/top.jpg) no-repeat center top;}

h1 {display:inline-block; z-index:111; float:left; padding:39px 0px 5px 10px;}


nav {width:981px; display:block; z-index:1111;  position:relative; margin:0 auto; background:url(../images/header.jpg) 0 bottom repeat-x; box-shadow: 7px 8px 41px -3px #606060;}

ul.menu {display:block; width:920px; margin:0 auto;}
ul.menu li {float:left; display:block; height:30px; text-align:center; padding:10px 0px 0px 0px;}
ul.menu li:first-child {background:transparent;}
ul.menu li a.home {0 0 no-repeat;width:61px; height:30px; display:block; padding:0 !important;}
ul.menu li a { font:11px Verdana, Geneva, sans-serif; color:#000; display:block; padding:0px 10px 20px 0px; overflow:hidden; }
ul.menu li:hover, ul.menu li.current {}
ul.menu li:hover a.home, ul.menu li.current a.home {background-position:right 0;}
ul.menu li:hover a.home img, ul.menu li.current a.home img {display:none;}
ul.menu li a:hover , ul.menu li.current a {color:#0fc6ee; text-shadow:#68dcf6 0 0 5px;}


/*********************************content*************************************/
#content {width:981px; margin:0 auto; position:relative;}

.block-1 {background:#e2e2e4; border:#fff 1px solid;}
.block-2 {background:#1c1c1c;}

.pad-1 {padding:39px;}
.pad-2 {padding:30px 40px 30px 40px;}
.img_l {float:right; margin: 0 0 5px 5px ;}
.img_l_a {float:right; position: absolute; right:11px; top:52px; opacity: 0; filter: alpha(opacity=0); }
.img_l_a_1 {float:right; margin: 0 0 5px 25px}
.img_r {float:left; margin: 0 20px 15px 5px;}
.box-1 {overflow:hidden; padding:39px 0 39px 39px;}
.box-1>div {width:210px; float:left; margin-right:20px;}
.box-1 .text-1 {margin:10px 0 8px 0;}
.box-1 .button {margin-top:13px;}
.box-2 {width:420px; float:left; margin-right:40px; }
.box-2 h2 {margin-bottom:13px;}
.box-2>div {padding-bottom:20px;}
.box-2>div>div {position:relative; border:#494949 1px solid; background:#000; padding:18px 20px 18px 29px; color:#9f9fa6; font-style:italic; text-transform:uppercase;}
.box-2>div>div .comments-corner {position:absolute; bottom:-14px; left:29px; width:13px; height:14px; background:url(../images/comments-corner.png) 0 0 no-repeat; }
.box-2>div> a {display:inline-block; background:url(../images/icon-1.png) 0 0 no-repeat; color:#9f9fa6; font-weight:bold; text-transform:uppercase; line-height:21px; padding-top:3px; padding-left:30px; margin-top:10px;}
.box-2>div> a:hover {color:#fff;}
.box-3 {width:420px; float:left;}
.box-3 h2 {margin-bottom:16px;}
.box-3 .wrap ul.list-1 {float:left; width:190px; margin-right:40px;}
.box-3>a {margin-top:25px;}
.sub-page { height:100%; overflow:hidden; box-shadow: -18px 24px 37px -1px #a2a2a2;}
.sub-page-left { height:100%; overflow:hidden; border-bottom:none; float:left; width:930px; padding:15px 0 0px 39px; box-shadow: -18px 15px 37px -1px #a2a2a2;}
.sub-page-left2 {border-bottom:none; float:left; width:610px; padding:29px 39px 0px 39px;}
.sub-page-left3 {border-bottom:none; float:left; width:910px; padding:29px 39px 0px 39px;}
.service {
	background-color: rgba(192, 192, 192, 0.1);
	border-bottom:none;
	width:500px;
	padding:5px 15px 10px 15px;
	box-shadow: 0px -1px 28px 5px #a2a2a2;
	position:relative;
	top:28px;
	}
.ser_txt {
	font: 12px/22px Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:left;
	}
.aero {
	background-color: rgba(192, 192, 192, 0.1);
	border-bottom:none;
	float:left;
	width:300px;
	padding:5px 15px 10px 15px;
	box-shadow: 0px -1px 28px 5px #a2a2a2;
	position:relative;
	top:28px;
	}
.auto {
	background-color: rgba(192, 192, 192, 0.1);
	border-bottom:none;
	float:left;
	width:300px;
	padding:5px 15px 10px 15px;
	box-shadow: 0px -1px 28px 5px #a2a2a2;
	position: relative;
	top:63px;
	}
	
	.research {
	background-color: rgba(192, 192, 192, 0.1);
	border-bottom:none;
	float:left;
	width:300px;
	padding:5px 15px 10px 15px;
	box-shadow: 0px -1px 28px 5px #a2a2a2;
	position: relative;
	top:98px;
	}
	.ecology {
	background-color: rgba(192, 192, 192, 0.1);
	border-bottom:none;
	float:left;
	width:544px;
	padding:5px 15px 10px 15px;
	box-shadow: 0px -1px 28px 5px #a2a2a2;
	position: relative;
	top:23px;
	left:26px;
	}
	
.sub-page-right {
	float:right;
	width:250px;
	padding:35px 10px 10px 10px;
	color:#9f9fa6;
	box-shadow: -18px 24px 37px -1px #a2a2a2;
	background:#FFF;
	}
/****??????****/
.spisok {
    width: 240px; 
    font-weight: bold; /* ???????? ?????? */
    border: 1px #FFF solid; /* ????? ????? */
    padding: 3px 3px; /* ??????? ?? ????? */
   }
   .spisok li {
    text-align: center; /* ????? ?? ?????? */
    margin: 3px 0; /* ???? ?????? ? ????? */
	color: #06C;
   }
   .spisok a {
    display: block; /* ?????? ?????? ??????? */
    color: #000; /* ???? ?????? ?????? */
    background: #AFAFAF; /* ??? */
    text-decoration: none; /* ?????? ????????????? */
    padding: 8px 5px; /* ??????? ?????? ?????? */
   }
   .spisok li, .spisok a {
    zoom:1; /* ??? IE6 ? IE7 */
   }
   .spisok a:hover {
    background:url(../images/fon.gif);/* ??? ?????? ??? ????????? ??????? ???? */
	color:#06C;
   }
   .mesto {
    color: #06C; /* ???? ?????? ????? current */
    background: #000; /* ??? */
    }
   .mesto li {
    text-align: center; /* ????? ?? ?????? */
    
   }
    .mesto a {
    color:#06C; /* ???? ?????? ????? current */
    background: #E0E0E0;
    
   }
    .mesto a:hover{
    color:#000; /* ???? ?????? ????? current */
    background: #FFF; /* ??? */
   }

	.mesto_2 {
    background: #E0E0E0; /* ??? */
	
    }
   .mesto_2 li {
    text-align: center; /* ????? ?? ?????? */
	color:#000;
   }
    .mesto_2 a {
    color:#06C; /* ???? ?????? ????? current */
    background: #FFF;
    
   }
    .mesto_2 a:hover{
    color:#000; /* ???? ?????? ????? current */
    background: #E0E0E0; /* ??? */
   }

   a.rollover {
    background: url(../images/strelka_2.png);
    display: block;
    width: 170px;
    height: 28px;
   }
   a.rollover:hover {
    background: url(../images/strelka_1.png);
   }
.sub-page-right h2 {color:#06C;}
.box-4 {overflow:hidden; text-transform:uppercase; margin:13px 0 23px 0;}
.box-4 >div {float:left; width:190px; margin-right:20px;}
.box-4 >div img {margin-bottom:13px;}
.shadow {position:relative;}
.shadow:after {content:""; position:absolute; bottom:9px; left:-40px; background:url(../images/shadow.png) 0 0 no-repeat; width:270px; height:21px;}
.box-5 img {margin:14px 0 13px 0;}
.box-5 ul {margin:8px 0 17px 0;}
.box-6 {overflow:hidden;}
.box-6 .text-2 {margin:5px 0 1px 0;}
.box-7 img {margin:13px 0 13px 0;}
.box-7 ul {margin:8px 0 0px 0;}
.box-8 img {margin:13px 0 13px 0;}
.box-9 .text-2 {margin-bottom:1px;}
.box-9 ul {margin:8px 0 0px 0;}

/*??? ???????*/

table {background:#fff;} /*??? ???????*/
table td, table th {border-collapse:collapse; }
table th {text-align:center; padding:5px 5px 5px 5px; }
table td {width:295px; padding:5px 5px 5px 5px; text-align:center; color:#06C;}
.zag {font-size:18px; line-height:25px; color:#06C; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
.zag_2 {font-size:14px; line-height:25px; color:#06C; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
.text a{font-size:18px; line-height:25px; color:#000; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
.leftimg
{
    float:left; /* ???????????? ?? ?????? ???? */
    margin: 7px 7px 7px 0; /* ??????? ?????? ???????? */
}
.rightimg
{
    float: right; /* ???????????? ?? ??????? ????  */ 
    margin: 7px 0 7px 7px; /* ??????? ?????? ???????? */
}

/****************************footer************************/
footer {width:981px; overflow:hidden; margin:0 auto; padding:33px 0px 33px 0; background:#fff; text-align:center; color:#000; text-transform:uppercase; }


/**********************form**********************/
.map {width:190px; height:247px; margin-top:13px; }
.map iframe {width:190px; height:247px;}
dl.adr { margin-top:13px; text-transform:uppercase;}
dl.adr dt {}
dl.adr dd span { width:70px; display:block; float:left;}
dl.adr dd {white-space:nowrap;}
dl.adr dd a {}
dl.adr dd a:hover {}
#form { margin: 13px 0 0px 0px; width:610px; }
#form input {border:#fff 1px solid; background:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; padding:7px 10px 7px 18px;outline: medium none;width: 580px; height:14px; float:left;}
#form textarea {border:#fff 1px solid; background:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; height:173px;outline: medium none;overflow: auto; padding: 7px 0px 0px 18px;width:590px;resize:none;margin:0px 0 0 0;float:left;}
#form label {position:relative;display: block; min-height:35px; overflow:hidden;}
.btns {text-align:right; overflow:hidden; width:610px; padding-top:10px; }
.btns a {display:inline-block; margin-left:10px;}
