html, body {
   width: 100%;
   height: 100%;
   margin: 0px;
   padding: 0px;
}

body {
   font-family: "Trebuchet MS", sans-serif;
    font-size: 62.5%;
    background-color: #000000;
}

.wrapper {
   width: 100%;
   height: 100%;
   overflow: hidden;
   min-width: 1004px;
}
.background {
   overflow: hidden;
   min-width: 1500px;
   height: 100%;
   background-color: #000000;
}
/*backgrounds*/
.bg1 {
   min-width: 1415px !important;
}
.bg1 .part1 {
   float: left;
   width: 100%;
   height: 100%;
   margin-right: -400px;
   background: url("../img/bg1_1.jpg") top left no-repeat;
}
.bg1 .part3 {
   float: right;
   width: 400px;
   height: 100%;
   background: url("../img/bg1_3.jpg") top left no-repeat;
}
.bg2 {
   min-width: 1415px !important;
}
.bg2 .part1 {
   float: left;
   width: 720px;
   height: 100%;
   background: url("../img/bg2_1.jpg") top left no-repeat;
}
.bg2 .part3 {
   float: right;
   width: 280px;
   height: 100%;
   background: url("../img/bg2_3.jpg") top left no-repeat;
}
.bg2 .part2 {
   width: auto;
   height: 100%;
   background: url("../img/bg2_2.jpg") top center no-repeat;
   *background: url("../img/bg2_2_.jpg") top center no-repeat;
}
.bg3 {
   min-width: 1485px !important;
}
.bg3 .part1 {
   float: left;
   width: 615px;
   height: 100%;
   background: url("../img/bg3_1.jpg") top left no-repeat;
}
.bg3 .part3 {
   float: right;
   width: 185px;
   height: 100%;
   background: url("../img/bg3_3.jpg") top left no-repeat;
}
.bg3 .part2 {
   width: auto;
   height: 100%;
   background: url("../img/bg3_2.jpg") top center no-repeat;
   *background: url("../img/bg3_2_.jpg") top center no-repeat;
}
.bg4 {
   min-width: 1385px !important;
}
.bg4 .part1 {
   float: left;
   width: 100%;
   height: 100%;
   margin-right: -315px;
   background: url("../img/bg4_1.jpg") top left no-repeat;
}
.bg4 .part3 {
   float: right;
   width: 315px;
   height: 100%;
   background: url("../img/bg4_3.jpg") top left no-repeat;
}
/**/

.content {
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 2;
   color: #ffffff;
   min-width: 1004px;
}


.header {
   width: 100%;
   height: 100px;
   background-color: #000000;
   border-bottom: 1px dashed #595959;
   min-width: 1004px;
}
.hr1 {
   float: left;
   width: 100%;
   display: inline;
   margin-left: -320px;
}
.hr2 {
   float: left;
   width: 280px;
   display: inline;
   margin-left: 320px;
}
.hr3 {
   margin-left: 600px;
   position: relative;
}
.hr4 {
   padding-left: 100%;
   margin-left: -320px;
}

.logo {
   margin-top: 18px;
   margin-left: 40px;
   width: 239px;
   height: 82px;
   background: url("../img/logo.png") top left no-repeat;
}
.logo a {
   display: block;
   width: 100%;
   height: 100%;
}
.tmenu {
   top: 30px;
   left: 20px;
   position: absolute;
   z-index: 5;
}
.tmenu a, .tmenu a:hover {
   margin-left: 15px;
   padding-left: 15px;
   color: #ffffff;
   font-size: 1.2em;
   text-decoration: none;
   white-space: nowrap;
}
.tmenu a u {
   display: inline;
   text-decoration: none;
   border-bottom: 1px solid #ffffff;
}
.tmenu a.dot u {
   border-bottom: 1px dashed #ffffff;
}
.ico2 {
   background: url("../img/ico2.png") center left no-repeat;
}
.ico3 {
   background: url("../img/ico3.png") center left no-repeat;
}
.hrabs {
   position: absolute;
   width: 100%;
   right: 0px;
   top: 20px;
   z-index: 4;
}
.wrapr {
   margin-left: 320px;
}
.wrapb {
   width: 200px;
   margin: 0 auto;
}
.brief {
   background: url("../img/pdf.png") top left no-repeat;
   padding: 15px 0px 0px 50px;
   height: 65px;
}
.brief a, .brief a:hover {
   display: block;
   color: #ffffff;
   font-size: 1.2em;
   text-decoration: underline;
   text-align: left;
}
.brief a.gr, .brief a.gr:hover {
   color: #8f8f8f;
}
.contact {
   padding-top: 25px;
float:right;
margin-right:20px;
display: inline;
}

.index {
	padding-top: 25px;
}
.index .col {
    float: none;
    margin-bottom: 0;
}

.contact p {
   margin: 0px;
   padding: 0px;
}
.contact a, .contact a:hover {
   margin-left: 5px;
   font-size: 1.2em;
   color: #8f8f8f;
}
.contact span {
   float: left;
   font-size: 1.2em;
   position:absolute;
margin-left:-6.3em;
   color: #8f8f8f;
}
.contact em {
   padding-left: 5px;
   font-style: normal;
   font-size: 2em;
   color: #ffffff;
}

.contact .adr{white-space:nowrap; clear:both;}

.page {

}

.menu {
   float: left;
   width: 320px;
}
.main {
   margin-left: 320px;
}

.menu ul {
   padding: 0px;
   margin: 40px 0px 0px 40px;
   list-style: none;
}
.menu ul li {
   margin-top: 5px;
}
.menu ul li a {
   color: #ffffff;
   font-size: 1.4em;
   font-family: Arial, sans-serif;
   text-decoration: underline;
}
.menu ul li a:hover {
   color: #8f8f8f;
}
.menu ul ul {
   margin: 20px 0px 30px 20px;
}
.menu ul ul li a {
   font-style: italic;
   font-size: 1.2em;
   color: #8f8f8f;
}
.menu ul ul li a:hover {
   color: #ffffff;
}
/*colors*/
.menu ul ul li.c1 a, .menu ul ul li.c1 a:hover {
   color: #29b0e3;
}
.menu ul ul li.c2 a, .menu ul ul li.c2 a:hover {
   color: #ff3535;
}
.menu ul ul li.c3 a, .menu ul ul li.c3 a:hover {
   color: #8ec219;
}
.menu ul ul li.c4 a, .menu ul ul li.c4 a:hover {
   color: #ff7e00;
}
.menu ul ul li.c5 a, .menu ul ul li.c5 a:hover {
   color: #c2c2c2;
}
.menu ul ul li.c6 a, .menu ul ul li.c6 a:hover {
   color: #ffdd00;
}
.menu ul ul li.c7 a, .menu ul ul li.c7 a:hover {
   color: #b073a7;
}


.menu li.c span {position: absolute; width: 3px; height: 3px; margin-left: -8px; margin-top: 5px; background: #fff}
/**/

.bwrap {
   overflow: hidden;
}
.block {
   width: 100%;
   background: url("../img/bg.png");
   *background: url("../img/bgie.png") top left no-repeat;
   margin: 20px 20px 0px 0px;
   padding: 15px 15px 20px 15px;
   max-width: 720px;
   position: relative;
}

.title {
   padding: 0px 0px 10px 10px;
   border-bottom: 1px dotted #939393;
}
.title h1 {
   padding: 0px;
   margin: 0px;
   color: #ffffff;
   font-size: 3em;
   font-style: italic;
   font-weight: normal;
}
.title span {
   color: #8f8f8f;
   font-size: 1.2em;
}

.block h2 {
   padding: 0px;
   margin: 0px;
   color: #ffffff;
   font-size: 1.6em;
   font-weight: bold;
}


.cols {

}
.col {
   float: left;
   width: 50%;
}

.text {
   padding: 20px 10px;
}
.block p {
   padding: 0 0px 20px 0;
   margin: 0px;
   color: #ffffff;
   font-size: 1.3em;
}

.block h2 {padding-bottom: 10px;}
.ptitle h2{padding-bottom: 0; font-weight: normal}

.news {
   padding-bottom: 30px;
}
.news span {
   display: block;
   color: #ffffff;
   font-size: 1.3em;
}
.news a, .news a:hover {
   display: block;
   padding: 10px 0px 0px 15px;
   font-size: 1.2em;
   color: #8f8f8f;
   text-decoration: underline;
}

.comment {
   padding: 10px 30px;
   color: #8f8f8f;
   font-size: 1.3em;
   font-family: Arial, sans-serif;
   font-style: italic;
}
.lpad {
   padding-left: 40px;
}

.copy {
   width: 100%;
   max-width: 720px;
   margin-top: 20px;
   padding-bottom: 20px;
}

.copy .col {
    cleat: both;
    float: none;
}

/*.copy span {
   font-size: 1.2em;
   color: #ffffff;
   margin-left: 20px;
}
.copy a, .copy a:hover {
   font-size: 1.2em;
   font-family: Arial, sans-serif;
   font-style: italic;
   color: #8f8f8f;
   text-decoration: underline;
   display: block;
   margin-left: 20px;
}*/
.copy span {
   font-size: 1.2em;
   color: #8f8f8f;
   margin-left: 20px;
}
.copy a, .copy a:hover {
   font-size: 1.2em;
   color: #8f8f8f;
   text-decoration: underline;
   display: block;
   margin-left: 20px;
}

.sub {
   clear: both;
   padding: 15px 10px 10px 10px;
   border-top: 1px solid #424242;
}
.ptitle {
   padding-bottom: 5px;
}
.ptitle a, .ptitle a:hover {
   color: #ffffff;
   
   
   text-decoration: underline;
}
.ptitle a.link, .ptitle.link a:hover {
   color: #ffffff;
   font-size: 1.3em;
   font-weight: normal;
   text-decoration: underline;
   background: url("../img/ico.png") center left no-repeat;
   padding-left: 15px;
   margin-left: 10px;
}
span.date {
   font-size: 1.2em;
   color: #8f8f8f;
   margin-bottom: 10px;
   display: block;
}

.fp {
   border-top: 0px;
}

.tags {
   padding-top: 10px;
   width: 100%;
}
.tags a, .tags a:hover {
   font-size: 1.2em;
   color: #ffffff;
   text-decoration: underline;
}
.tags .ttitle {
   font-size: 1.2em;
   color: #8f8f8f;
   width: 51px;
   float: left;
   height: 22px;
   padding-top: 5px;
   background-position: 35px 0px;
   background-repeat: no-repeat;
}
.tags .tlinks {
   color: #ffffff;
   padding-right: 10px;
   float: left;
   height: 22px;
   padding-top: 5px;
   background-position: top right;
   background-repeat: no-repeat;
}
/*tag colors*/
.tag1 .ttitle, .tag1 .tlinks {
   background-image: url("../img/tag1.png");
}
.tag2 .ttitle, .tag2 .tlinks {
   background-image: url("../img/tag2.png");
}
.tag3 .ttitle, .tag3 .tlinks {
   background-image: url("../img/tag3.png");
}
.tag4 .ttitle, .tag4 .tlinks {
   background-image: url("../img/tag4.png");
}
.tag5 .ttitle, .tag5 .tlinks {
   background-image: url("../img/tag5.png");
}
.tag6 .ttitle, .tag6 .tlinks {
   background-image: url("../img/tag6.png");
}
.tag7 .ttitle, .tag7 .tlinks {
   background-image: url("../img/tag7.png");
}
/**/

.back {padding-top:10px; font-size: 1.1em; color: #777;}
.back a {
   color: #777;
   text-decoration: underline;
}
.back a:hover{color:#fff}

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {display: inline-block;}

.paging {
   font-size: 1.2em;
   color: #8f8f8f;
   margin-top: 15px;
}
.paging span {
   padding-top: 1.2em;
   color: #ffffff;
   text-decoration: underline;
}
.paging a {
   padding-top: 1.2em;
   color: #8f8f8f;
   text-decoration: underline;
}
.paging a:hover {
   color: #ffffff;
   text-decoration: underline;
}
.paging a.lctrl, .paging a.lctrl:hover,
.paging a.rctrl, .paging a.rctrl:hover {
   position: relative;
   color: #ffffff;
   text-decoration: none;
}
.paging .lctrl {
   padding-right: 10px;
}
.paging .rctrl {
   padding-left: 10px;
}
.paging .lctrl div, .paging .rctrl div {
   position: absolute;
   top: 0;
   color: #8f8f8f;
}
.paging .lctrl div {
   left: -5px;
}
.paging .rctrl div {
   left: 10px;
}
.pfooter {
   padding: 10px 0px 0px 5px;
   border-top: 1px dotted #939393;

}

.container {
    width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
}

.mosaic {
    position: absolute;
    width: 100%;
    overflow: hidden;
}

.elements {
    width: 5000px;
    height: 5000px;
    overflow: hidden;
    position: absolute;
}

.mosaic_element {
    float: left;
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
    position: absolute;
    cursor: pointer;
}

.footer, .push {
	height: 100px;
}

.footer {
    width: 100%;
    min-width: 1004px;
    height: 100px;
    background-color: #000000;
}

.fw {
   height: 100px;
   margin: auto 0;
}

.fmenu {
   top: 30px;
   left: 20px;
   position: absolute;
   z-index: 5;
}
.fmenu a, .fmenu a:hover {
   color: #ffffff;
   font-size: 1.4em;
   text-decoration: underline;
   white-space: nowrap;
}
.fmenu ul {
   padding: 0px;
   margin: 0px;
   list-style: none;
}
.fmenu ul li {
   margin-left: 45px;
   float: left;
}

.block1, .block2, .block3, .block4, .block5, .block6 {
   width: 74px;
   height: 75px;
   position: absolute;
   cursor: pointer;
}
.block1 {
   background: url("../img/red.png") top left no-repeat;
}
.block2 {
   background: url("../img/orange.png") top left no-repeat;
}
.block3 {
   background: url("../img/yellow.png") top left no-repeat;
}
.block4 {
   background: url("../img/green.png") top left no-repeat;
}
.block5 {
   background: url("../img/blue.png") top left no-repeat;
}
.block6 {
   background: url("../img/white.png") top left no-repeat;
}
.block1 div, .block2 div, .block3 div, .block4 div, .block5 div, .block6 div {
   width: 69px;
   height: 69px;
}

.bubble {
   width: 213px;
   height: 98px;
   position: absolute;
   display: none;
   background: url("../img/bubble.png") top left no-repeat;
   z-index: 10000;
}
.bubble p {
   padding: 20px 45px 20px 35px;
   font-family: Arial;
   font-size: 1.1em;
   color: #464646;
}


.col ul li {font-size:13px; padding:0 0 6px 12px; margin:0; list-style:none; background:url(/img/li.png) no-repeat 0 9px;}
.col ul li p{font-size:13px;}
.col ul li h2{font-size:16px;}

.col ul {margin:-12px 0 0 0; padding:0 0 16px 12px;}

.col ul.services {
    list-style: none;
    margin: 0;
    padding: 0;
}

.services li h2 a {
    color: white;
}

.col ul.services li {
    padding-left: 80px;
    background-image: url(../img/icons-figures.png);
    background-repeat: no-repeat;
}

.col ul.services .figure1 {
    background-position: left 0;
}

.col ul.services .figure2 {
    background-position: left -250px;
}

.col ul.services .figure3 {
    background-position: left -500px;
}

.col ul.services .figure4 {
    background-position: left -750px;
}

.col ul.services .figure5 {
    background-position: left -1000px;
}

.col ul.services .figure6 {
    background-position: left -1250px;
}

.services .figure7 {
    background-position: left -1500px;
}

.clr {clear: both;}


/*<win>*/
.win {
	position: absolute;
	z-index: 100;
	width: 720px;
	top: 135px;
	left: 55px;
	display: none;
}
.wintop {
	width: 100%;
	height: 30px;
}
.wtl {
	float: left;
	width: 31px;
	height: 30px;
	background: url("../img/wintl.png") top left no-repeat;
}
.wtr {
	float: right;
	width: 31px;
	height: 30px;
	background: url("../img/wintr.png") top left no-repeat;
}
.wtc {
	margin: 0px 31px;
	height: 30px;
	background-color: #000;
}

.winbot {
	width: 100%;
	height: 32px;
}
.wbl {
	float: left;
	width: 31px;
	height: 32px;
	background: url("../img/winbl.png") top left no-repeat;
}
.wbr {
	float: right;
	width: 31px;
	height: 32px;
	background: url("../img/winbr.png") top left no-repeat;
}
.wbc {
	margin: 0px 31px;
	height: 32px;
	background-color: #000;
}

.winmid {
	padding: 0px 20px;
	background-color: #000;
	position: relative;
}
.winhead {
	position: absolute;
	margin-top: -10px;
	width: 670px;
	height: 30px;
}
.winform {
	padding: 25px 0px 20px 0px;
	width: 680px;
}

.win .wincol {
	float: left;
	width: 340px;
}

.wintitle {
	border-bottom: 1px solid #3e3e3e;
	padding: 0px 0px 8px 5px;
	width: 100%;
	height: 30px;
}
.wintitle h1 {
	padding: 0px;
	margin: 0px;
	float: left;
	font-size: 2em;
	color: #fff;
	font-weight: normal;
	font-style: italic;
}
.wintitle p {
	padding: 7px 0px 0px 5px;
	margin: 0px;
	float: left;
	font-size: 1.2em;
	color: #8f8f8f;
}
.win label {
	display: block;
	padding: 15px 0px 4px 8px;
	font-size: 1.2em;
	color: #8f8f8f;
}
.win p {
	padding: 15px 0px 4px 8px;
	font-size: 1.3em;
	color: #8f8f8f;
}
.win input, .win select {
	width: 225px;
	border: 1px solid #595959;
	background-color: #000;
	color: #fff;
	font-family: "Trebuchet MS";
	font-size: 1.3em;
}
.win textarea {
	width: 565px;
	height: 125px;
	border: 1px solid #595959;
	background-color: #000;
	color: #fff;
	font-family: "Trebuchet MS";
	font-size: 1.3em;
}

.winclose {
	background: url("../img/close.png") top left no-repeat;
	padding-left: 13px;
	float: left;
	margin-left: 5px;
	position: absolute;
	right: 0px;
	top: 5px;
	z-index: 101;
	cursor: pointer;
}
.winclose u {
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	border-bottom: 1px dashed #fff;
}

.winfile * {
    cursor: pointer !important;
}

.winfile, #winffile {
    cursor: pointer !important;

}
.ffile {
	float: left;
}

.selfile {
	background: url("../img/selfile.png") top left no-repeat;
	padding-left: 13px;
	float: left;
	margin-left: 5px;
}
.selfile u {
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	border-bottom: 1px dashed #fff;
}
.winfile {
	overflow: hidden; width: 280px; height: 25px;
}
.hfile {
	margin-top: -50px; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; font-size: 125px !important; width: 300px!important; height: 75px;
}
.win em {
	color: #29b0e3;
	font-family: Tahoma;
	font-style: normal;
}

.winsub {
	height: 27px;
}
.winsub a {
	color: #fff;
	font-size: 1.3em;
	text-decoration: underline;
	display: inline-block;
	float: left;
	background: url("../img/winsubr.png") top right no-repeat;
	height: 25px;
	margin; 0px;
	padding: 2px 10px 0px 2px;
}
.winsub p {
	padding: 0px;
	margin: 0px;
	float: left;
	background: url("../img/winsubl.png") top left no-repeat;
	font-size: 0px;
	width: 8px;
	height: 27px;
}


/*skinselect*/
.jskinsel select {
	background-color: #2d2d2d;
	color: #fff;
	font-size: 1.2em;
}
.jskinsel {
	background: url("../img/winsel.png") no-repeat scroll 0pt 100%;
	width: 215px;
	height: 24px;
}
.jskinsel select {
	opacity: 0;
	filter: alpha(opacity = 0);
	moz-opacity: 0;
	position: relative;
	z-index: 100;
}
.jskinsel .seltext {
   position: absolute;
	text-indent: 10px;
	height: 22px;
	padding-top: 2px;
	width: 215px;
	z-index: 1;
}
.jskinsel .seltext,
.jskinsel select,
.jskinsel select option {
	width: 215px;
	height: 24px;
	font-size: 1.2em;
	color: #fff;
	font-family: "Trebuchet MS";
}
.jskinsel select option {
	font-size: 1em;
}

/*#winafter {display: none;}*/

label.error { color: red; font-size: 1em; font-weight: bold; margin: -12px 0 -15px -8px; }

/*</win>*/