:focus {outline: none;}

*{margin:0; padding:0;}

body {background-color:#fff;}

.m {font-family: arial; font-size: 9pt; color: #cea537; }

a.m {color:#fff; background-color: #81b4de; text-decoration: none; font-family: arial; font-size: 12px; text-transform:uppercase; padding: 12px; }
a:hover.m {background-color: #1d4e82; }

#pict {width: 1200px;  }

#logo {width: 240px; float: right; padding-top: 20px; text-align: right; }

#topmenu {
text-align: center;
width:1170px;
height:240px;
}


#menu {
text-align: center;
width:1170px;
background-color: #fff; 
border-left:1px solid #999;
margin-bottom: 10px;
}

#menu ul {
list-style:none;
}

#menu li{
list-style:none;
display:block;
float:left;
padding-right: 20px;
margin: auto 0;
font-family: Arial, Helvetica, sans-serif;
border-right:1px solid #fff;
}

#menu li a{
display:block;
color:#999;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
line-height:50px;
text-decoration:none;
padding:0 7px;
margin: auto 0;
border-bottom:5px solid #fff;
}

#menu li a:hover{
color:#fff;
background-color: #81b4de;
border-bottom:5px solid #81b4de;
}

#menu li a.current{
display:block;
color:#cea537;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
line-height:50px;
text-decoration:none;
padding:0 7px;
margin: auto 0;
border-bottom:5px solid #cea537;
}

#menu li a:hover.current{
color:#fff; 
background-color: #81b4de;
border-bottom:5px solid #cea537;
}



.clear {clear:both; height:0px;}








#text {width: 1180px; text-align: left; padding-top: 10px;  }

#d1 {width: 1150px; padding: 5px;  }

#d11c {width: 750px; float: left; }

#d11 {width: 750px; padding: 5px;}

#d11c p {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; text-align: left;}

#d11c p.sm {font-family: arial; font-size: 10pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; text-align: center;}

#d11c ul {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; text-align: left; padding-left: 30px;}

#d11c ol {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; text-align: left; padding-left: 30px;}

#d12c {width: 240px; float: right;  padding-top: 20px;  border:1px solid #91a1ab; }

#d12 {width: 240px; padding: 5px}

.txt {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px;  text-align: left; }

.txt40 {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; padding-left: 40px;  text-align: left;  }

h1 {font-family: arial; font-size: 24pt; color: #fff; text-align: center; font-weight: bold; margin-bottom: 15px; margin-top: 10px; background: #1d4e82; padding:5px; }

h1.br {font-family: arial; font-size: 24pt; color: #fff; text-align: center; font-weight: bold; margin-bottom: 15px; margin-top: 10px; background: #aa9058; padding:5px; }

h1.gr {font-family: arial; font-size: 24pt; color: #fff; text-align: center; font-weight: bold; margin-bottom: 15px; margin-top: 10px; background: #aab7c0; padding:5px; }

h1.grn {font-family: arial; font-size: 24pt; color: #fff; text-align: center; font-weight: bold; margin-bottom: 15px; margin-top: 10px; background: #58aa90; padding:5px; }

h1.drkbl {font-family: arial; font-size: 24pt; color: #fff; text-align: center; font-weight: bold; margin-bottom: 15px; margin-top: 10px; background: #393258; padding:5px; }

h2 {font-family: arial; font-size: 18pt; color: #81b4de; text-align: left; font-weight: bold; margin-bottom: 15px; margin-top: 10px;}

h2.white {font-family: arial; font-size: 18pt; color: #fff; text-align: left; font-weight: bold; margin-bottom: 15px; margin-top: 10px;}

ol.txt {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal;  margin-bottom: 9px; padding-left: 30px;}

ul.txt {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 9px; padding-left: 30px;}

ul.txt li {list-style-type: disc;}

p.p600 {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; text-align: left; padding-left: 600px;}



a.z {color: #595959; text-decoration: none; font-family: arial; font-size: 9pt; padding-left: 7px; display: block;}
a:hover.z {text-decoration: underline}

table.z {border: 1px solid #fff; border-collapse: collapse;}

td.zz {border: 2px solid #fff; background: #e3e4e4; padding: 10px;}

td.zzb {border: 1px solid #fff; background: #006f9e; padding: 2px;}

td.zzbt {border: 1px solid #fff; background: #006f9e; padding: 2px; color: #fff;  font-family: arial; font-size: 9pt; padding-left: 10px;}

td.zzt {border: 1px solid #fff; background: #eadaae; font-family: arial; font-size: 8pt; color: #595959;  padding-left: 7px; padding: 7px;}

a.tt {color: #1d4e82; text-decoration: underline; font-family: arial; font-size: 13pt;}
a:hover.tt {text-decoration: none; color: #fff; background:#1d4e82; }

a.tt1 {color: #666; text-decoration: none; font-family: arial; font-size: 13pt;}
a:hover.tt1 {text-decoration: none; color: #55aec7;}

a.tt-w {color: #fff; text-decoration: none;  font-family: arial; font-size: 12pt; font-weight: bold;}
a:hover.tt-w {color: #c1c1c1;}


a.tb {color: #55aec7; text-decoration: none; font-family: arial; font-size: 25pt; text-transform: uppercase; }

a:hover.tb {color: #666;text-decoration: underline;  }



td.pub {padding-top: 15px; padding-bottom: 15px;}


hr.sep {size: 2; border: 1px solid #595959; width: 100%;}

.articleimg {padding:5px; border:1px solid #eee; margin-left:10px; margin-top:5px; margin-bottom:10px; }

.textblock {width: 1180px; border:1px solid #fff; background:  #fff; overflow:hidden; margin-bottom: 10px;}

.textblock1 {width: 1180px; border:1px solid #fff; background: #fff; overflow:hidden; margin-bottom: 10px; text-align: center; }

.leftblock1 {width: 1140px; float: left; padding:10px; text-align: left; }

.rightblock1 {width: 1px; float: right; }

.leftblock2 {width: 580px;  float: left; text-align: center; background: #fff; border:1px solid #fff;}

.leftblock2blue {width: 580px;  float: left; text-align: center; background: #1d4e82;  border:1px solid #fff;} 

.leftblock2a {width: 580px;  float: left; text-align: center; background: #fff;  border:1px solid #fff;} 

.rightblock2 {width: 580px; float: right; text-align: center;  background: #fff; border:1px solid #fff;}

.rightblock2a {width: 580px; float: right; text-align: left;  background: #fff; border:1px solid #fff;}


.leftblock3 {width: 870px;  float: left; text-align: center; }

.rightblock3 {width: 280px; float: right; padding:10px; text-align: left; border:1px solid #91a1ab; }

.leftblock3a {width: 870px;  float: left; text-align: left; }

.rightblock3a {width: 280px; float: right; padding:10px; text-align: left; border:0; }


.leftblock-pub {width: 850px;  float: left; text-align: center; }

.rightblock-pub {width: 300px; float: right; text-align: left;  }










.md {color: #fff; text-decoration: none; font-family: arial;  font-size: 14pt; display:block; text-align: center; background: #cea537; padding:10px; width: 300px; margin-top: 15px; margin-bottom: 15px; margin-right: 25px; }

a:hover.md {background: #1d4e82; box-shadow:7px 7px 7px rgba(0,0,0,.3);}

.md2 {color: #fff; text-decoration: none; font-family: arial;  font-size: 14pt; display:block; text-align: center; background: #87c904; padding:10px; width: 300px; margin-top: 15px; margin-bottom: 15px; margin-right: 25px; }

a:hover.md2 {background: #1d4e82; box-shadow:7px 7px 7px rgba(0,0,0,.3);}

.md3 {color: #fff; text-decoration: none; font-family: arial;  font-size: 14pt; display:block; text-align: center; background: #a6003f; padding:10px; width: 300px; margin-top: 15px; margin-bottom: 15px; margin-right: 25px; }

a:hover.md3 {background: #1d4e82; box-shadow:7px 7px 7px rgba(0,0,0,.3);}


.md1 {color: #91a1ab; text-decoration: none; font-family: arial;  font-size: 16pt; display:block; text-align: center; background: #fff; padding:10px; width: 300px; margin-top: 15px; margin-bottom: 15px; border:1px solid #91a1ab; }

a:hover.md1 { background: #f2f2f2; box-shadow:7px 7px 7px rgba(0,0,0,.3);}


img.pub {border: 1px solid #959595;}

.izo1 { 
 -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
-webkit-filter: grayscale(1);}

.izo1:hover { 
 -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none; /* IE 6-9 */
-webkit-filter: grayscale(0);}

img.nws {border: 1px solid #aab7c0;}

img:hover.nws {border: 1px dashed #aab7c0;}


img.bnr {width: 522px; border:0; }

img:hover.bnr {width: 532px; border:0;}



#footer {background: #fff url(../i/logo.png) no-repeat bottom right; border-top: 10px solid #91a1ab; width:1200px; text-align: left; padding-top: 15px;  overflow:hidden; height: 355px; }

.footeritem {float:left; width:200px; margin:0px 5px; background:#fff;  overflow:hidden; }

.footeritem h2.ftr {margin:0; padding:7px; font-family: arial; font-size:16px; text-transform:uppercase; color:#779385; }

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

.footeritem li {list-style:none; margin:0; padding:0; display:block; overflow:hidden;  }

.footeritem li a {padding:7px; margin:0; border-bottom:0; display:block; color:#000; font-family: arial; text-decoration:none; float:left; clear: left;  }

.footeritem li a:hover {background:#fff; border-bottom:0; text-decoration:underline; color:#3c3559; }

.footeritem span {clear:both; padding:8px; display:block; font-family: arial; font-size:14px; color:#999; overflow:hidden; }


.finalfooter {padding:25px 10px 0px 10px; clear:both; text-align:center; background:#1c1a1b; }

.footeritemlogo {float:right; width:230px; margin:0px 5px; background:#fff;}

.footeritemlogo p.big {text-align:left; font-family: arial; font-size:24px; color:#fff; display: block; margin-bottom: 6px;}

.footeritemlogo p.sml {text-align:left; font-family: arial; font-size:12px; color:#fff; margin-bottom: 9px;}

.footeritemlogo p.ftlnk {text-align:center; font-family: arial; font-size:12px; color:#fff; margin-bottom: 9px; }

.footeritemlogo a.ftlnk { font-family: arial; font-size:12px; color:#fff; text-decoration:underline;}

.footeritemlogo a:hover.ftlnk { text-decoration:none;}



table.maintable {width: 840px; border: 1px solid #91a1ab; border-collapse:collapse; background:#fff; border-spacing: 0 10px; float:left; }

td.left {width: 200px; border: 1px solid #91a1ab; border-collapse:collapse; background:#fff; padding: 10px; text-align: left; vertical-align: top; ;}

td.right {width: 640px; border: 1px solid #91a1ab; border-collapse:collapse; background:#fff; padding: 10px; text-align: left; vertical-align: top; }


td.left1 {width: 150px; border: 1px solid #91a1ab; border-collapse:collapse; background:#fff; padding: 10px; text-align: left; vertical-align: top; ;}

td.left2 {width: 150px; border: 1px solid #91a1ab; border-collapse:collapse; background:#fff; padding: 10px; text-align: left; vertical-align: top; ;}

td.right2 {width: 390px; border: 1px solid #91a1ab; border-collapse:collapse; background:#fff; padding: 10px; text-align: left; vertical-align: top; }

td.right1 {width: 150px; border: 1px solid #91a1ab; border-collapse:collapse; background:#fff; padding: 10px; text-align: left; vertical-align: top; }



.sidemenu {float:left; width:250px; margin:0px 5px; background:#fff;  overflow:hidden; }

.sidemenu h2.sdmn {margin:0; padding:7px; font-family: arial; font-size:16px; text-transform:uppercase; color:#aa9058; }

.sidemenu ul {list-style:none; margin:0; padding:0; text-align:left; }

.sidemenu li {list-style:none; width:230px; margin:4px; padding:0; display:block; overflow:hidden; }

.sidemenu li a {padding:7px; margin:0; display:block; color:#000; font-family: arial; text-decoration:none; float:left; clear: left; border-left: 4px solid #fff;  width:200px; }

.sidemenu li a:hover {text-decoration:none; color:#cea537; border-left: 4px solid #cea537; }

.sidemenu li a.current {padding:7px; margin:0; display:block; font-family: arial; text-decoration:none; float:left; clear: left; color:#fff; border: 1px solid #cea537;  width:200px; background-color: #cea537; }

.sidemenu span {clear:both; padding:8px; display:block; font-family: arial; font-size:14px; color:#999; overflow:hidden; }



.block, .front, .back {
    width: 380px;
    height: 150px;
float: left;
}
.block{
    box-shadow: 0 0 7px rgba(0, 0, 0, .4);
    margin: 15px;
}
.front{
    background: #779385;
    transition: all .7s;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.front p{
text-align:center; 
font-family: arial; font-size:20px; color:#fff;  font-weight: bold; 
}

.back{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background: #1d4e82;
    transition: all .7s;
    opacity: 0;
}

.back p{
    text-align:center; 
font-family: arial; font-size:16px; color:#fff;
}


.block > div:hover .front{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);

}
.block > div:hover .back{
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
}

.partner {
width: 800px;
height: 200px;
box-shadow: 0 0 1px rgba(0, 0, 0, .4);
margin: 15px;
padding: 7px;
border:1px solid #cacaca;
}


.partner:hover {
box-shadow: 0 0 7px rgba(0, 0, 0, .4);
}

.partner-left {width: 180px;  float: left; text-align: center; background: #fff; border:1px solid #fff; }

.partner-right {width: 600px; float: right; text-align: center;  background: #fff; border:1px solid #fff; }

.partner-right h1 {font-family: arial; font-size: 14pt; background: #fff; color: #779385; font-weight: bold; line-height:1.3em; margin-bottom: 7px; text-align: left; padding-left: 0; }

.partner-right p {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; text-align: left; }



p.cite {font-family: arial; font-size: 13pt; color: #1d4e82; line-height:1.3em; font-style: normal; margin-top: 20px;  padding-left: 30px; border-left:1px solid #1d4e82;  text-align: left; }


.research {
width: 800px;
height: 200px;
margin: 15px;
padding: 7px;
border:1px solid #cacaca;
}

.research:hover {
box-shadow: 0 0 7px rgba(0, 0, 0, .4);
}

.research-left {width: 180px;  float: left; text-align: center; background: #fff; border:1px solid #fff; }

.research-right {width: 600px; float: right; text-align: center;  background: #fff; border:1px solid #fff; }

.research-right h1 {font-family: arial; font-size: 14pt; background: #fff; color: #779385; font-weight: bold; line-height:1.3em; margin-bottom: 7px; text-align: left; padding-left: 0; }

.research-right p {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; text-align: left; }


img.pub22 {box-shadow: 0 0 15px rgba(255, 255, 255, .7);}

img.pub11 {box-shadow: 0 0 10px rgba(0, 0, 0, .4);}

.present {
width: 560px;
height: 330px;
background: #fff;
padding: 7px;
border:1px solid #cacaca;
}

.present:hover {
box-shadow: 0 0 7px rgba(0, 0, 0, .4);
}

.present-left {width: 210px;  float: left; text-align: center;  }

.present-right {width: 325px; float: right; text-align: center; }

.present-right h1 {font-family: arial; font-size: 12pt; background: #fff; color: #779385; font-weight: bold; line-height:1.3em;  text-align: left; padding-left: 0; }

.present-right p {font-family: arial; font-size: 13pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; text-align: left; }


.present1 {
width: 560px;
height: 150px;
background: #fff;
padding: 5px;
border:1px solid #cacaca;
margin-bottom: 10px; 
}

.present1:hover {
box-shadow: 0 0 7px rgba(0, 0, 0, .4);
}

.present1-left {width: 140px;  float: left; text-align: center;  }

.present1-right {width: 400px; float: right; text-align: left; }

.present1-right h1 {font-family: arial; font-size: 14pt; background: #fff; color: #779385; font-weight: bold; line-height:1.3em;  text-align: left; padding-left: 0; }

.present1-right p {font-family: arial; font-size: 12pt; color: #333; line-height:1.3em; font-style: normal; margin-bottom: 7px; text-align: left; }

.present1-right p.rt {font-family: arial; font-size: 12pt; color: #fff; background: #cea537; line-height:1.3em; font-style: normal; margin-bottom: 7px; margin-right: 10px; text-align: center; padding: 5px; display:block; width: 120px; float: right; }




   .tab input, .tab-content { display: none; }
   .tab {
    font: 12pt Arial, sans-serif; 
    border: 1px solid #e9eaec; 
    border-radius: 3px; 
    color: #5c5d60; 
    margin-bottom: 10px; 
    text-align: left; 
   }
   .tab-title {
    padding: 10px; 
    display: block; 
 
    font-weight: bold; 
    cursor: pointer; 
   }
   .tab-title::after {
    content: '+'; 
    float: right; 
   }
   .tab-content {
    padding: 10px 20px; 
   }
   .tab :checked + .tab-title {
    background-color: #81b4de; 
    border-radius: 3px 3px 0 0; 
    color: #fff; 
   }
   .tab :checked + .tab-title::after {
    content: '-'; 
   }
   .tab :checked ~ .tab-content {
    display: block; 
   }



#demoslides {background: #fff;  overflow:hidden; width: 540px;  float: right;  }

#default {background-color:#fff;  width: 530px; padding: 10px; overflow:hidden; margin-top: 10px; margin-left: 20px; }


.present-intro {
width: 550px;
background: #fff;
padding: 10px;
border:1px solid #cacaca;
margin-bottom: 10px; 
box-shadow: 0 0 7px rgba(0, 0, 0, .4);
}
.present-intro1 {
width: 530px;
}





.present-intro22 {
width: 1140px;
background: #fff;
padding: 10px;
border:1px solid #cacaca;
margin-bottom: 10px; 
box-shadow: 0 0 7px rgba(0, 0, 0, .4);
}
.present-intro221 {
width: 1120px;
}