*{margin:0; padding:0; font-family: 'Arial', sans-serif; font-size:14px; color:#959595;}
a{text-decoration:none; color: blue;}
image{border:none;}
.clearing{clear:both;}
p{color:#444;}


.logo-wrapper{width:100%; height:auto;  background:#ef9640; overflow:hidden;margin-top:10px;}
.logo{width:960px; margin:0 auto; overflow:hidden;}
.logo h1{font-family: 'Arial', serif; font-size:40px; color:#fff; font-weight:normal; padding-left:5px; padding-top:35px;
padding-bottom: 35px;text-transform:uppercase;}
.logo-banner {float:left;padding-top:15px;padding-right: 20px; position:relative;display:block;}

.header-wrapper{width:100%; height:770px; background:#469db0;  overflow:hidden;}
.header{width:960px; margin:0 auto; overflow:hidden;}
.header-content{width:960px; height:60px; background:#ef9640; margin-top:10px; border-radius:5px;}
.header-wrapper2{width:100%; height:230px; background:#469db0; overflow:hidden;}

.menu{width:960px; float:right; padding-top:10px;}
.menu ul{list-style:none;}
.menu li{float:left; width:180px; height:40px; padding-right:0px;padding-left:10px;}
.menu li a{font-size:18px; font-weight:normal; color:#000; width:180px; 
  height:40px; line-height:40px; text-align:center; display:block; background:#cecece;
  transition:all 0.3s ease;
border-radius: 2px;
box-shadow:
   0 3px rgba(255,255,255,.2) inset,
   0 3px 3px rgba(0,1,6,.5),
   0 0 1px 1px rgba(0,1,6,.2);
}
.menu li a:hover{color:#fff; background:#469db0;);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);}
.menu li a.active{color:#fff; background:#469db0;}

/*-------------------------------------------------
Banner sytles start
-------------------------------------------------*/
.banner {width:945px;height:220px;clear:both;margin:0 auto;background:url(../images/banner_portal.jpg);margin-top:15px;border: 5px solid #c5c5c5;}
.banner-content {width:440px;float:right;padding-top:25px;}
.banner-content h1 {display:block;height:40px;width:320px;float:right;padding-left:70px;padding-top:15px;padding-right:20px;background:#ffffff;font-size:24px;font-weight:normal;color:#469db0;text-transform:uppercase;}
.banner-content h2 {display:block;height:40px;width:320px;float:right;padding-left:70px;padding-top:15px;padding-right:20px;background:#469db0;font-size:24px;font-weight:normal;color:#ffffff;text-transform:uppercase;}
.banner-content h3 {display:block;height:40px;width:320px;float:right;padding-left:70px;padding-top:15px;padding-right:20px;background:#ef9640;font-size:24px;font-weight:normal;color:#ffffff;text-transform:uppercase;}





/*-------------------------------------------------
2 Header Panels sytles start
-------------------------------------------------*/

.header-panels2 {width:960px;margin:0 auto;margin-top:15px;}
.header-panels2 ul li {list-style:none;float:left;}


.panel2 {width:260px;height:70px;padding:20px;box-shadow: 0 1px 0px 0px rgba(140, 140, 140, 0.1);text-align:left;color:#000;
transition:all 0.3s ease;
border-radius: 3px;
box-shadow:
   0 3px rgba(255,255,255,.2) inset,
   0 3px 5px rgba(0,1,6,.5),
   0 0 3px 3px rgba(0,1,6,.2);
}
.panel2:hover { 
  -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.panel2 h1 {font-weight:normal;font-size:16px;color:#469db0;text-transform:uppercase;padding-bottom:3px;font-weight:bold;}
.pad-right2 {padding-right:30px;}




.header-panels1 {width:960px;margin:0 auto;margin-top:185px; }
.header-panels1 ul li {list-style:none;float:left;}
.panel1 {width:117px; height:100px; padding:5px;background:#f2f2f2;transition:all 0.3s ease;border-radius: 5px;box-shadow: 0 3px rgba(255,255,255,.2) inset, 0 3px 3px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 85%, rgba(140,140,140,1) 100%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 85%,rgba(140,140,140,1) 100%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 85%,rgba(140,140,140,1) 100%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */}
.panel1:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);}
.pad-right1 {padding-right:11px;}
.panel1 h1 {font-weight:normal;font-size:10px;color:#469db0;text-transform:uppercase;text-align: center;font-weight:bold;}
.panel1 p {font-weight:normal;font-size:11px;color:#000;text-align: center;font-weight:bold;}

















.header-panels4 {width:960px;margin:0 auto;margin-top:10px;}
.header-panels4 ul li {list-style:none;float:left;}
.panel4 {width:105px;padding:4px;transition:all 0.3s ease;background:#469db0;border-radius: 5px;box-shadow: 0 3px rgba(255,255,255,.2) inset, 0 3px 3px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);}
.panel4:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);}
.pad-right4 {padding-right:7px;}
.panel4 span {
      margin-left: -999em;
      position: absolute;
    }
.panel4:hover span {
      border-radius: 5px 5px; 
      -moz-border-radius: 5px; 
      -webkit-border-radius: 5px; 
      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
      -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
      -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
      font-family: Calibri, Tahoma, Geneva, sans-serif;
      position: absolute; left: 0em; top: 0em; z-index: 99;
      margin-left: 0; width: 250px;
      background:#fefad2;color:#000;padding: 6px;
    }




.header-panels44 {width:960px;margin:0 auto;margin-top:170px;}
.header-panels44 ul li {list-style:none;float:left;}
.panel44 {width:105px;padding:4px;transition:all 0.3s ease;background:#469db0;border-radius: 5px;box-shadow: 0 3px rgba(255,255,255,.2) inset, 0 3px 3px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);}
.panel44:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);}
.pad-right44 {padding-right:7px;}
.panel44 span {
      margin-left: -999em;
      position: absolute;
    }
.panel44:hover span {
      border-radius: 5px 5px; 
      -moz-border-radius: 5px; 
      -webkit-border-radius: 5px; 
      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
      -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
      -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
      font-family: Calibri, Tahoma, Geneva, sans-serif;
      position: absolute; left: 0em; top: 0em; z-index: 99;
      margin-left: 0; width: 250px;
      background:#fefad2;color:#000;padding: 6px;
    }






















.panel21 {width:260px;height:70px;padding:15px 20px 20px 20px;box-shadow: 0 1px 0px 0px rgba(140, 140, 140, 0.1);text-align:left;color:#000;
transition:all 0.3s ease;
border-radius: 3px;
box-shadow:
   0 3px rgba(255,255,255,.2) inset,
   0 3px 15px rgba(0,1,6,.5),
   0 0 3px 3px rgba(0,1,6,.2);



background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 85%, rgba(150,150,150,1) 100%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 85%,rgba(150,150,150,1) 100%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 85%,rgba(150,150,150,1) 100%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

}
.panel21:hover { 
  -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.panel21 h1 {font-weight:normal;font-size:16px;color:#469db0;text-transform:uppercase;padding-bottom:3px;font-weight:bold;}
.pad-right21 {padding-right:30px;}



.header-panels12 {width:960px;margin:0 auto;margin-top:140px;}
.header-panels12 ul li {list-style:none;float:left;}
.panel12 {width:260px;height:70px;padding:15px 20px 20px 20px;box-shadow: 0 1px 0px 0px rgba(140, 140, 140, 0.1);text-align:left;color:#000;
transition:all 0.3s ease;
border-radius: 3px;
box-shadow:
   0 3px rgba(255,255,255,.2) inset,
   0 3px 15px rgba(0,1,6,.5),
   0 0 3px 3px rgba(0,1,6,.2);

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 85%, rgba(140,140,140,1) 100%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 85%,rgba(140,140,140,1) 100%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 85%,rgba(140,140,140,1) 100%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.panel12:hover {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.panel12 h1 {font-weight:normal;font-size:16px;color:#469db0;text-transform:uppercase;padding-bottom:3px;font-weight:bold;}
.pad-right12 {padding-right:30px;}






.header-panels13 ul li {list-style:none;float:left;}
.panel13 {width:260px;height:70px;padding:15px 20px 20px 20px;box-shadow: 0 1px 0px 0px rgba(140, 140, 140, 0.1);text-align:left;color:#000;
transition:all 0.3s ease;
border-radius: 3px;
box-shadow:
   0 3px rgba(255,255,255,.2) inset,
   0 3px 5px rgba(0,1,6,.5),
   0 0 3px 3px rgba(0,1,6,.2);

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 85%, rgba(254,204,153,1) 100%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 85%,rgba(254,204,153,1) 100%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 85%,rgba(254,204,153,1) 100%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.panel13:hover {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.panel13 h1 {font-weight:normal;font-size:16px;color:#469db0;text-transform:uppercase;padding-bottom:3px;font-weight:bold;}
.pad-right13 {padding-right:30px;}



.header-panels3 {width:960px;margin:0 auto;margin-top:20px;}
.header-panels3 ul li {list-style:none;float:left;}
.panel3 {width:425px;background:#469db0;padding:15px 20px 10px 20px;text-align:left;color:#fff;margin-bottom:-20px;transition:all 0.3s ease;
border-radius: 3px;
box-shadow:
   0 3px rgba(255,255,255,.2) inset,
   0 3px 5px rgba(0,1,6,.5),
   0 0 3px 3px rgba(0,1,6,.2);}
.panel3:hover {background:#469db0;    
	-webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);}
.panel3 h1 {font-weight:normal;font-size:14px;color:#fff;text-transform:uppercase;text-align: center;font-weight:bold;}
.pad-right3 {padding-right:30px;}
/*-------------------------------------------------
Logo And Search sytles start
-------------------------------------------------*/


.search {float:right;width:250px;height:30px;background:url(../images/search-bg.png);margin-top: 10px;}
.search ul li {list-style:none;display:block;float:left;}
.search-input {width:220px;height:30px;}
.search-input-textfield {background: none repeat scroll 0 0 transparent;border: 0 solid green;color: #8B8B8B;height: 30px;padding-left: 10px;line-height:30px;width: 200px;}
.search-button {width:30px;height:30px;}
.search-button img {border:none;}

.panel-wrapper{width:100%;  background:#f1f1f1; overflow:hidden;}
.panel-content{width:960px;  margin:0 auto; margin-top:30px;}
.panel{width:300px; height:auto; float:left; background:url(../images/panel-bg.gif) no-repeat; overflow:hidden; position:relative;}
.panel-icon{width:34px; height:34px; float:right; position:absolute; right:0px; top:0px;  padding-top:30px; padding-right:30px;}
.panel-bottom{width:300px; height:10px; background:#ffffff url(../images/panel-bottom.gif) bottom no-repeat; padding-bottom:20px; margin-bottom:10px;}
.panel h1{font-family: 'Playfair Display', serif; font-size:22px; font-weight:normal; color:#444;font-weight:bold; padding-left:30px; padding-right:30px; padding-top:30px;}
.panel p{line-height:20px; padding-left:30px; padding-right:30px; padding-top:20px;}
a.more1{width:90px; height:30px; line-height:30px; font-family: 'Playfair Display', serif; font-size:14px; color:#ffffff; display:block;text-align:center; background:#469db0; margin-left:30px; margin-top:30px; }
a.more1:hover{width:90px; height:30px; line-height:30px; font-family: 'Playfair Display', serif; font-size:14px; color:#ffffff; display:block;text-align:center; background:#204964; }
.marRight{margin-right:0px;}

.panel-content1{width:960px; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.panel-content1 h1{font-family: 'Playfair Display', serif; font-size:24px; font-weight:normal; color:#444;font-weight:bold; text-align: center;}
.panel-content1 h2{font-family: 'Playfair Display', serif; font-size:18px; font-weight:normal; color:#444;font-weight:bold;}

.panel-content2{width:960px; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.panel-content2 p{line-height:20px; padding-left:30px; padding-right:30px; padding-top:20px;font-size:18px;}
.panel-content2 h1{font-family: 'Playfair Display', serif; font-size:24px; font-weight:normal; color:#444;font-weight:bold; text-align: center;}
.panel-content2 h2{font-family: 'Playfair Display', serif; font-size:18px; font-weight:normal; color:#444;font-weight:bold;}


.generic-content-wrapper{width:100%; height:auto; overflow:hidden; padding-top:20px;}
.generic-content{width:960px; margin:0 auto; margin-top:30px;}
.generic-content_sv{width:960px; margin:0 auto; margin-top:10px;margin-bottom:10px;background:#ef9640;padding: 20px 0 0 0;border-radius: 10px;}
.generic-content_sv h2{line-height:20px; padding-left:30px; padding-right:30px; padding-top:10px;font-size:26px;font-weight:bold; text-align: center;color:#ffffff;}
.generic-content_sv p{line-height:20px; padding-left:30px; padding-right:30px; padding-top:10px;font-size:18px;}
.generic-content_dip{width:1000px; margin:0 auto; margin-top:20px;margin-bottom:20px;background:#469db0;padding: 20px 0 0 0;border-radius: 10px;}
.generic-content_dip p{line-height:20px; padding-left:30px; padding-right:30px; padding-top:10px;font-size:18px;}
.generic-content_dip h2{line-height:20px; padding-left:30px; padding-right:30px; padding-top:10px;font-size:26px;font-weight:bold; text-align: center;color:#ffffff;}

.content{width:300px; float:left;}
.content h1{font-family: 'Playfair Display', serif; font-size:22px; font-weight:normal; color:#444;font-weight:bold;}
.content h2{font-size:16px; font-weight:normal; color:#ffc103; padding-bottom:20px; color:#444;font-weight:bold;}
.content p{line-height:20px; padding-bottom:30px;}
a.more{width:90px; height:30px; line-height:30px; font-family: 'Playfair Display', serif; font-size:14px; color:#ffffff; display:block;text-align:center; background:url(../images/btn-more-n.gif) no-repeat;}

a.more:hover{width:90px; height:30px; line-height:30px; font-family: 'Playfair Display', serif; font-size:14px; color:#ffffff; display:block;text-align:center; background:url(../images/btn-more-h.gif) no-repeat;}
.marRight{margin-right:30px;margin-bottom:0px;}

.slider-panel{width:630px; height:196px; float:left; background:url(../images/slider-bg.gif) no-repeat;}
/*.slider-left-arrow{width:16px; height:22px; background:url(../images/icon-arrow-left.gif) no-repeat left; padding-top:86px; position:absolute;}
.slider-right-arrow{width:16px; height:22px; background:url(../images/icon-arrow-right.gif) no-repeat right; padding-top:86px; position:absolute; float:right;}
.slider-image{width:530px; height:136px;}*/
.slider-content{width:598px; margin:0 auto;}
.slider-left-arrow{width:16px; height:22px; float:left; margin-top:86px; background:url(../images/icon-arrow-left.gif) no-repeat left;}
.slider-right-arrow{width:16px; height:22px; float:right; margin-top:86px; background:url(../images/icon-arrow-right.gif) no-repeat right;}
.slider-image{width:530px; height:136px; float:left; padding-left:20px; padding-top:30px;}

.content1{width:630px; float:left; padding-bottom:0px;}
.content1 h1{font-family: 'Playfair Display', serif; font-size:22px; font-weight:normal; color:#444;font-weight:bold;}
.content1 h2{font-family: 'Playfair Display', serif; font-size:20px; font-weight:normal; color:#ffc103; padding-bottom:20px; color:#444; font-weight:bold;}
.content1 p{line-height:20px; padding-bottom:30px;}

.content2 { width:300px; float:left; text-align: center; }
.content2 h1{font-family: 'Playfair Display', serif; font-size:22px; font-weight:normal; color:#444;font-weight:bold;}
.content2 h2{font-size:16px; font-weight:normal; padding-bottom:20px;color:#444;}
.content2-image{width:300px; height:150px; background:url(../images/testimonilas-bg.gif) no-repeat; margin-bottom:30px;}
.content2 p{line-hieght:20px; color:#ffffff; padding:24px;}
.content2 h3{font-family: 'Playfair Display', serif; font-size:14px; font-weight:normal; color:#ffc103;}
.content2 h3 span span{color:#22a8f0; color:#ccc8c8;}
a.readmore{ color:#469db0; font-size:14px; font-weight:normal; }
a.readmore:hover{ color:#444; font-size:14px; font-weight:normal;}


.footer-wrapper{width:100%; background:#469db0;  overflow:auto; height:auto;}
.footer{width:960px; margin:0 auto; margin-top:20px;padding-bottom:20px;}
.footer-panel{width:960px; float:left; padding-bottom:60px;}
.footer-panel h1{font-family: 'Playfair Display', serif; font-size:22px; font-weight:normal; color:#ffffff;}
.footer-panel h2{font-size:16px; font-weight:normal; color:#ffffff; padding-bottom:30px;}
.footer-panel p{ine-height:20px; color:#22a8f0;}
.footer-panel ul{list-style:none;}
.footer-panel li{float:left;  padding-top:20px;}
.footer-panel a{display:block; width:29px; height:29px; background:url(../images/img-cir-n.gif) no-repeat; padding:5px;}
.footer-panel a:hover{background:url(../images/img-cir-h.gif) no-repeat;}



.publikacii_new{width:960px; overflow:auto; height:auto;text-align: justify;}
.publikacii_new h1{font-family: 'Playfair Display', serif; font-size:24px; font-weight:normal; color:#444;font-weight:bold; text-align: center;}
.publikacii_new h3{font-family: 'Playfair Display', serif; font-size:24px; font-weight:normal; color:#444;font-weight:bold; text-align: center;}
.publikacii_new h4{font-family: 'Playfair Display', serif; font-size:24px; font-weight:normal; color:#444;font-weight:bold; text-align: center;}



.newsletter{width:300px; float:left;}
.newsletter h1{font-family: 'Playfair Display', serif; font-size:22px; font-weight:normal; color:#ffffff;}
.newsletter h2{font-size:16px; font-weight:normal; color:#ffffff; padding-bottom:30px;}
.newsletter ul{list-style:none;}
.newsletter li{border:none; float:left; padding-bottom:20px;}
.newsletter-input{background:url(../images/news-letter-bg-1.gif) no-repeat; width:299px; height:35px; color:#222156; padding-left:10px; text-align:left; line-height:35px; border:none;}
.newsletter-input1{background:url(../images/news-letter-bg-2.gif) no-repeat; width:217px; height:35px; color:#222156; padding-left:10px; text-align:left; line-height:35px; border:none; }
a.submit{background:url(../images/btn-submit.gif) no-repeat; width:73px; height:36px; float:right; display:block; font-family: 'Playfair Display', serif; color:#222156; font-size:14px; text-align:center; line-height:36px;}
a.submit:hover{background:url(../images/btn-submit-h.gif) no-repeat; width:73px; height:36px;  font-family: 'Playfair Display', serif; color:#ffffff; font-size:14px; text-align:center; line-height:36px;}

.footer-strip-wrapper{width:100%; height:auto; background:#ef9640;  overflow:hidden;}
.footer-strip{width:960px; margin:0 auto; margin-top:50px; margin-bottom:50px;}
.footer-strip p{color:#ffffff;}
a.footerlink{color:#ffffff;}
a.footerlink:hover{color:#222156;}


/* inner page styles start */
.container{width:100%; overflow:hidden; heigth:auto;}
.col-wrapper{width:960px; margin:0 auto; overflow:hidden; margin-top:60px;}
.col1{width:300px; float:left;}
.col1 h1{font-family:'Playfair Display', serif; font-size:22px; font-weight:normal; color:#22a8f0; padding-bottom:20px;}
.col1 p{line-height:20px;  padding-bottom:30px;}
.col1 ul{list-style:none;}
.col1 li{border-bottom:1px solid #dedede;  background:url(../images/arrow.gif) no-repeat left; float:left; padding-left:20px; width:260px;}
.col1 li.bdrBottom{border-bottom:none;}
.col1 li a{ line-height:40px; height:40px; font-size:14px; text-align:center;}
.col1 li a:hover{line-height:40px; height:40px; font-size:14px; color:#22a8f0;}

.col2{width:630px; float:left;}
.col2 h1{font-family:'Playfair Display', serif; font-size:22px; font-weight:normal; color:#22a8f0; padding-bottom:20px;}
.col2 p{line-height:20px; padding-bottom:30px;}






.shag-panels_1 {width:960px;margin:0 auto;margin-top:10px;margin-bottom:10px;margin-left:30px;}
.shag-panels_1 ul li {list-style:none;float:left;}
.panel_1 {width:240px;height:70px;padding:15px 20px 20px 20px;box-shadow: 0 1px 0px 0px rgba(140, 140, 140, 0.1);text-align:left;color:#000;
transition:all 0.3s ease;
border-radius: 3px;
box-shadow:
   0 3px rgba(255,255,255,.2) inset,
   0 3px 15px rgba(0,1,6,.5),
   0 0 3px 3px rgba(0,1,6,.2);

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 85%, rgba(150,150,150,1) 100%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 85%,rgba(150,150,150,1) 100%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 85%,rgba(150,150,150,1) 100%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.panel_1:hover {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.panel_1 h1 {font-weight:normal;font-size:16px;color:#469db0;text-transform:uppercase;padding-bottom:3px;font-weight:bold;}
.pad-right_1 {padding-right:30px;}


.panel_2 {width:240px;height:70px;padding:15px 20px 20px 20px;box-shadow: 0 1px 0px 0px rgba(140, 140, 140, 0.1);text-align:left;color:#000;
transition:all 0.3s ease;
border-radius: 3px;
box-shadow:
   0 3px rgba(255,255,255,.2) inset,
   0 3px 15px rgba(0,1,6,.5),
   0 0 3px 3px rgba(0,1,6,.2);

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 85%, rgba(140,140,140,1) 100%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 85%,rgba(140,140,140,1) 100%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 85%,rgba(140,140,140,1) 100%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.panel_2:hover {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.panel_2 h1 {font-weight:normal;font-size:16px;color:#469db0;text-transform:uppercase;padding-bottom:3px;font-weight:bold;}



.diplom {width:960px;height:1358px;clear:both;margin:0 auto;background:url(../images/fon_publ.jpg);margin-top:0px;}
.diplom-content1 {width:690px;height:100px;float:left;background:#0bf1ff;margin-top:15px;margin-left:120px;padding:15px;
  text-align:center;font-size:22px;color:red;
border-radius: 3px;
box-shadow:
   0 3px rgba(255,255,255,.2) inset,
   0 3px 15px rgba(0,1,6,.5),
   0 0 3px 3px rgba(0,1,6,.2);}

.diplom-content {width:440px;float:left;padding-left:120px;padding-top:20px;}
.diplom-content input {display:block;height:20px;width:695px;float:left;
  padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;background:#f1f1f1;font-size:22px;font-weight:normal;
  color:blue;border: 2px solid #777; border-radius: 3px; margin-bottom: 15px;}
.diplom-content p {color:black;font-size:18px;font-weight:bold;width:695px;}
.diplom-content .submit2 {display:block;height:30px;width:150px;line-height:30px;
  padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:10px;background:#013447;font-size:22px;font-weight:normal;
  color:#fff;}
.diplom-content .submit2:hover {display:block;height:30px;width:150px;line-height:30px;
  padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:10px;background:blue;font-size:22px;font-weight:normal;
  color:#fff;}
.diplom-content .submit22 {display:block;height:50px;width:150px;line-height:25px;
  padding-left:10px;padding-right:10px;padding-bottom:20px;background:#013447;font-size:22px;font-weight:normal;
  color:#fff;}
.diplom-content .submit22:hover {display:block;height:50px;width:150px;line-height:25px;
  padding-left:10px;padding-right:10px;padding-bottom:20px;background:blue;font-size:22px;font-weight:normal;
  color:#fff;}



.header-panels222 {width:960px;margin:0 auto;margin-top:10px;}
.header-panels222 ul li {list-style:none;float:left;}
.panel222 {width:192px;height:50px;padding:20px;text-align:left;
box-shadow:
inset rgba(255,255,255,.9) 0 .3em .3em,
inset rgba(0,0,0,.3) 0 -.1em .3em,
#f2f2f2 0 3px 1px,
rgba(0,0,0,.2) 0 .5em 5px;
transition: background .2s ease-in-out;
background:#ef9640;
border-radius: 10px;
border-top: 1px solid rgba(255,255,255,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
  transition:all 0.3s ease;
}
.panel222 span{font-weight:normal;font-size:14px;color:#469db0;}
.panel222:hover {
background: #469db0;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);}
.panel222 h1 {font-weight:normal;font-size:16px;color:#469db0;text-transform:uppercase;padding-bottom:3px;font-weight:bold;}
.panel222:hover h1 {font-weight:normal;font-size:16px;color:#fff;text-transform:uppercase;padding-bottom:3px;font-weight:bold;}
.panel222:hover span{font-weight:normal;font-size:14px;color:#fff;}
.pad-right222 {padding-right:10px;}





   .img2 {
    border: 4px solid #ccc;box-shadow: 0 3px rgba(255,255,255,.2) inset, 0 3px 3px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);border-radius: 2px;
   }


   
#shag
{
font-size: 18px;
color: black;
}

#vopros
{
font-size: 18px;
color: blue;  
}

#imgskrin
{
  width: 800px;
border-radius: 10px;
border: 10px solid #ccc;
}


.socseti
{
 width: 380px;margin:0 auto;
margin-bottom:50px;
}
.socset_vk
{
 width: 190px;
  float:left;
 text-align: center;
}

.socset_ok
{
 width: 190px;
   float:right; 
   text-align: center;
}




.bl_vebinar
{
 width: 210px;
 float:left;
 text-align: center;
 border: 1px solid rgba(0,0,0);
 margin-left:6px;
 margin-right:6px;
 margin-bottom:30px;
 background: #f2f2f2;
 padding: 8px;
 border-radius: 10px;
  text-align: center;
 font-size:14px;
}


.bl_vebinar_vn
{
 width: 210px;
 height: 160px;
margin-bottom:20px;
overflow:hidden; word-wrap:break-word;
  text-align: center;
 font-size:14px;
color:#1e628d;
}

a.boton_vebinar {
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    display:block;
    width:195px;
    font-weight: bold;
    margin:0px auto;
        text-align:center;
    padding: 10px 5px 10px 5px;
    color: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
    background: #1e628d;
    border: 1px solid #a1a1a1;
      float:left;
      margin-right: 10px;
}
 a.boton_vebinar:hover {
    background: #ccc;
    color: #1e628d;

}


.vert{
  width:100px;
  background: #fcfcfc;
  padding: 7px;
  position: absolute;
  right:-20px;
  bottom:50%;
  text-align:center;
  z-index: 99999;
  color: #1e628d;
  position: fixed;
  border: 1px solid #1e628d;
  border-radius:5px;
  -ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}




.vert2{
  width:150px;
  background: #fcfcfc;
  padding: 7px;
  position: absolute;
  right:20px;
  bottom:1%;
  text-align:center;
  z-index: 99999;
  color: #1e628d;
  position: fixed;
  border: 1px solid #1e628d;
  border-radius:5px;
  font-size: 11px;
}


    /* Всплывающее окно */  
.parent_popup, .parent_popup_click {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    overflow: auto;
}
.popup, .popup_click { 
  background: #fff;
    max-width: 600px;
    width:70%;
    margin: 5% auto;
    padding: 5px 20px 13px 20px;
    border: 10px solid #ddd;
    position: relative;
    /*--CSS3 CSS3 Тени для Блока--*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    /*--CSS3 Закругленные углы--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
/* кнопка закрытия */
.close {
    background-color: #fff;
    border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -24px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-family: helvetica, arial;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -24px;
    width: 24px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background-color: rgba(255, 69, 0, 0.8);
}