@import url('https://fonts.googleapis.com/css?family=Cabin:400,400i,500,500i');
* { margin:0; padding:0; }
body { font-family: 'Cabin', sans-serif; font-size: 14px; background-color: #fff; }
a { color:#0d2625; }
a:hover { color:#060a0a; }

/* Baner */
.Baner {  background-color: #f4f4f4; height: 155px; }
.Baner .frame { margin: 0 auto; width: 1100px; }
.Baner .frame .lang { text-align: right; padding: 10px 10px 0 10px; }
.Baner .frame .lang a { text-decoration: none; font-size: 12px; margin: 10px 5px;  border-radius: 5px; color: #fff;}
.Baner .frame .lang a:hover { text-decoration: underline;}
.Baner .frame .logo { float: left;  width: 150px; padding: 10px; text-align: center; margin-top: -15px;}
.Baner .frame .text { letter-spacing: 1px; text-align: center; width: 750px; margin-left: 160px; font-size: 18px; color: #0093d6; font-weight: bold; font-family: calibri; margin-top: 30px; text-transform: uppercase; }
.Baner .frame .text span { text-transform: uppercase; letter-spacing: 2px; }


/* Topmenu */
.topmenu {  background-color: #0093d6; height: 40px; }
.topmenu .frame { margin: 0 auto; width: 1100px; }
.topmenu .frame ul{ list-style:none; margin:0; padding:0; }
.topmenu .frame ul li { display:inline-block;}
.topmenu .frame ul  li  a{ display:block; line-height:40px; padding:0 15px; font-size:14px; color:#FFF; text-decoration:none; text-transform: uppercase; }
.topmenu .frame ul li a:hover, .topMenu ul li:hover a{ background:#056d9c; color:#fff; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .3s ease-out;	transition: all .3s ease-out;}
.topmenu .frame ul li.active a{ background:#056d9c; color:#fff;}
.topmenu .frame ul li ul { display:none; border:0; background:#056d9c; width:300px;}
.topmenu .frame ul li:hover ul{ display:block; position:absolute; text-align:left; text-align:left; margin:0; z-index:9999; line-height: 10px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
.topmenu .frame ul li ul li{display:block; background: F00;  border-bottom: 1px #0a74a5 solid; padding: 0 7px; margin: 5px 0;}
.topmenu .frame ul li ul li a{ padding:0;  font-weight:normal; line-height: 25px;  text-transform:none; display:block; }
.topmenu .frame ul li ul li:last-child a { background: none; }
.topmenu .frame ul li ul li a:hover, .topmenu .frame ul li ul li:hover, .topmenu .frame ul li ul li.active {color:#FFF; background-color: #0a74a5;  }


/** Slide **/
.slider { width: 1100px; height: 300px; margin: 0 auto; position: relative;}


/* Content */
.contaner { width: 1100px;  margin: 0 auto; }
.contaner .content { width: 820px; float: left; }
.contaner .content h3 { border-bottom: 3px solid #0d99d8; margin: 10px 0; }
.contaner .content h3 span { background-color: #0d99d8; color: #fff; padding: 5px 30px 0 20px; border-top-right-radius: 80px;  }

/* news */
.contaner .content .news { float: left; width: 825px; }
.contaner .content .news h3 { background-color: #e43d44; padding: 5px 30px; font-weight: 100; color: #fff; margin-bottom: 8px;}
.contaner .content .news li {background-color: #fcfafa; min-height: 90px; margin: 5px;padding: 4px;font-size: 12px;width: 392px;float: left;list-style: none;}
.contaner .content .news li .cont { margin: 10px 5px 0 5px;}
.contaner .content .news li .cont a { font-size: 12px; text-decoration: none; }
.contaner .content .news li img { width: 80px; height: 60px; padding: 5px; float: left; }
.contaner .content .news li .date { font-size: 9px; color: #003366; padding: 3px; float: right; font-weight: bold; padding-top: 5px;  }

.contaner .content .project { background-color: #f9f9f9; width: 820px; height: 230px; }
.contaner .content .project .tx { width: 56%; float: left; margin: 10px 10px 0 10px; text-align: justify; font-size: 12px; }
.contaner .content .project .tx  a { font-size: 13px; font-weight: bold; margin-bottom: 5px; text-decoration: none; }

.contaner .content .project .im { width: 40%; float: right; padding: 10px 0 10px 10px; }


.contaner .rside { margin-top: -40px; margin-right: 15px; width: 250px; float: right; box-shadow: 0 3px 4px #ccc; margin-bottom: -9px; padding-bottom: 10px; z-index: 99; }
.contaner .rside h3 { background-color: #0d99d8; padding: 10px 15px; margin: 10px 10px 10px 0; color: #fff; font-size: 13px; text-transform: uppercase;}
.contaner .rside p { padding: 0 10px;}

.contaner .rside p a { font-size: 11px; color: #074a68; padding: 10 15px;}



.item-page { margin-bottom:20px; padding: 0 15px; }
.item-page a { font-size: 15px; font-weight: normal;  }
.item-page strong { font-size: 15px; font-weight: bold;  }
.item-page h1, h2 { padding-top: 30px; color: #09709f; font-size: 18px; padding:0 0 10px 0; font-weight:bold; text-align: left; padding-top: 20px; }
.item-page p { font-size: 16px; color: #555; line-height: 22px; text-align:justify; color:#000;  }
.item-page p span { font-size: 16px; color: #555; line-height: 22px; text-align:justify; color:#000;  }
.item-page ul { list-style:circle; }

.info {font-size: 11px;margin:2px; margin-top: 5px;}
.catIndex a { color:#336390; font-size:17px; font-weight:bold; text-align: left;}
.catIndex .borderImg{float:left;border:1px solid #e1e1e1;margin-right:10px;display:table;padding:2px}
.componentheading h1, .componentheading h2, .componentheading h3{ font-size:25px; border-bottom:2px #336390 solid; width:300px; color: #336390; padding: 10px 10px; margin-bottom: 20px;}

.catIndexCat { min-height: 120px; text-align: left; padding: 0 20px;}

.pagination { margin-top:20px; padding-top:5px;}
.pagination p{margin:0; padding:0; padding-left:4px; font-size:12px; font-weight:bold; }
.pagination ul{list-style:none; margin:0; padding:4px; height:30px; border:0;  font-size:12px; }
.pagination ul li{ display:inline-block; margin:0 5px;}
.pagination ul li a{display:block; }
.items-more{ margin-top:30px; background:#f2f2f2; border-top-color:3px #F00 solid; padding:10px; color:#3c3c3c;}
.items-more ol{ list-style:square; padding-left:25px; margin:5px;}
.info {font-size: 11px;margin:2px; margin-top: 5px;}
.articleInfo { line-height: 23px; color:grey; background: #F5F5F5; font-size: 11px; border-top: 1px solid #F0F0F0;  margin-bottom: 10px; padding: 0 15px; text-align: left; }
.articleInfo a { color: #005800; font-size: 11px; font-weight: bold;  }
#hits {background: url(../images/hits.png) no-repeat center left; padding-left:20px}
#edate { background: url(../images/calendar_icon.png) no-repeat center left; padding-left: 20px; margin-right: 20px }
#section {float: right}
#section a { font-size: 12px; font-weight: 700; color: #ccc; text-transform: uppercase }


/* footer */
.footer { background-color: #0093d6; height: 100px; margin-top: 10px; opacity: 0.8; width:100%; display: inline-flex; }
.footer .dot { background: url(../images/dot.png) repeat-x; height: 20px; width: 100%; position: absolute; }
.footer .frame { margin: 0 auto; width: 1100px;  }
.footer .frame .gerb { width: 100px; float: left; padding: 5px; text-align: center; margin-top: 15px; }
.footer .frame .text { width: 700px; float: left; color: #fff; font-size: 12px; margin: 25px 0 0 15px;  }
.footer .frame .count { width: 200px; float: right; margin-top: 30px; padding-right: 15px; text-align: right; }