@charset "utf-8";
/* CSS Document */

.Slider { height:516px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow:hidden; font-family: Arial,Helvetica,sans-serif;}
.bigSpace { height:420px; margin-bottom:10px; }
.lineSlider{ width:500px; height:82px; overflow:hidden}
.lineSlider tr{ height:82px; } 
.SlArrowLeft, .SlArrowRight { width:0; height:0; position:relative; z-index:1} 
.SlArrowRight{ margin-left:479px }
.SlArrowLeft div, .SlArrowRight div{ width:21px; height:82px; background-color:rgba(200,200,200,1); cursor:pointer; 
	background-image:url(/img/home_slider_arrows.png); background-position:center left; background-repeat:no-repeat}
.SlArrowRight div{ background-position:center right}
.SlArrowLeft div:hover, .SlArrowRight div:hover{ background-image:url(/img/home_slider_arrows_sel.png); }
.lineSlider table{position:relative; left:21px; }
.lineSlider table div span{ display:block; background:url(/img/slider-gradient.png) top repeat-x; color:#FFF; padding: 5px; height: 72px; line-height: 1; font-size: 12px; overflow:hidden; }
.lineSlider table div {height: 82px; }
.bigSpace .item{width:500px; height:0; position:relative; opacity:0 }
.bigSpace .item a{text-decoration:none}
.bigSpace .item .cell{width:500px; height:420px; display:table-cell; vertical-align:bottom; }
.bigSpace .item .title{background-color: rgba(255,255,255,0.7); color: #000; font-size: 20px; padding: 5px 5px 10px; font-weight: bold; line-height: normal;}
.bigSpace .item .title .dtime{color: #767676; font-size: 12px; margin-bottom:5px; margin-right:5px}


.newsBlock{border-radius:4px; overflow:hidden; height:302px}
.newsBlock .bg{background:url(/img/light-grey-pattern.png) repeat}
.newsBlock .newsHeader, .newsBlock .AnnouncesHeader{width:98px; height:30px; float:left; line-height: 30px; font-size: 13px; text-align:center; font-family: Verdana, Arial, sans-serif, 'bpg-arial'; cursor:default}
.newsBlock .AnnouncesHeader{ float:right}
.newsBlock .newsHeaderPassive{ background: #aaaaaa; cursor:pointer; color:#FFF;}
.newsBlock .newsHeaderPassive:hover{text-decoration:underline; }
.newsBlock .newsItems, .announcesItems{width:200px; min-height:272px; margin-top: 30px; }
.newsBlock .newsItemHeader{height: 35px; overflow: hidden; text-overflow: "…" "…"}
.newsBlock .hidden{display:none}
.newsBlock .newsItem{background: url("/img/news-border.png") repeat-x left bottom; padding: 5px 10px; max-height: 58px; overflow: hidden; color: #404040; 
	font-family: Verdana,Arial,sans-serif; font-size: 13px; line-height: 17px; text-overflow: ellipsis;} 
.newsBlock a:hover .newsItemHeader{text-decoration: underline; color: #00708E; cursor:pointer}
.newsBlock .newsItemDTime{color: #767676; font-size: 10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; line-height: 16px;}
.newsBlock .newsArchive {float: right; font-size: 12px; color: #00598C; margin: 10px 15px 5px 5px; font-weight: bold; }
.newsBlock .newsArchive:hover {text-decoration: underline;}
.newsBlock .emptyBox { text-align: center; padding: 20px; line-height: 21px; font-size: 14px;}

.video{margin-bottom: 10px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	overflow:hidden;	}
.video .tab {height: inherit; width: 177px; float: left; background: url('/img/article_back.png'); background-color:#333; overflow: hidden; color:#FFF }
.video .tab:nth-child(odd) {background-color:#222; width: 178px;}
.video .tab h4 {line-height: 130%; height: 50px; padding: 0px 25px; padding-top: 3px; text-align: center; font-family: 'bpg-medium-caps'; font-size: 14px; width: 137px; display: table-cell; 
	vertical-align: middle; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.75); box-shadow: 0px 2px 2px rgba(0,0,0,0.75); }
.video .tab .tab_list {background: transparent; width: 157px; position: relative; margin: 11px; line-height: 150%; height: 180px; } 
.video .tab .tab_list a.img {margin-bottom: 5px; display: block; position: relative; }
.video .tab .tab_list .mediaCoverVideo {width: 156px; height: 79px; }
.video .tab .tab_list a.img img.playBtn {position: absolute; bottom: 5px; left: 5px; } 
.video .tab .tab_list p.date {color: #8f8f8f; }
.video .tab .tab_list a.desc {color: #fff; font-size: 13px; }

.infoBox {margin-bottom: 15px; background: #fff; border: 1px solid #EEEEEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-top: none; overflow:hidden}
.infoBox .titlePanel { height: 31px; background: #e9e9e9; border-bottom: 1px solid #CBCBCB; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.infoBox .titlePanel > a { color: #00598C; font-family: 'bpg-medium-caps'; display: block; float: left; font-size: 16px; font-weight: bold; padding: 10px 0 0 12px; text-shadow: 0 1px 0 #FFFFFF; }
.infoBox a:hover { text-decoration: underline; }

.infoBox .news {border-bottom: 1px solid #e5e5e5; padding: 5px 0; }
div.media-cover-90-64 {background-position: center center; background-repeat: no-repeat; background-size: cover; width: 90px; height: 64px; background-position: top; }
div.media-cover-150-90 {background-position: center center; background-repeat: no-repeat; background-size: cover; width: 150px; height: 90px; float: left; background-position: top;}
.infoBox .date { font-size: 10px; color: #8f8f8f; float: left; margin:5px}
.countComments {background: url("/img/comments.png") no-repeat scroll right 1px transparent; color: #8E8E8E; float: right; font-size: 10px; 
	height: 11px; width: 21px; margin: 5px; padding-right: 13px; text-align: right; }
a.countComments:hover {background: url("/img/comments.png") no-repeat scroll right -19px transparent; color: #00598C; text-decoration: none; }
.infoBox .title {font-size: 14px; color: #00598c; display: block; width: 210px; margin: 5px; max-height: 100px; overflow: hidden;  line-height: initial;}
.leftContent .infoBox div.top {float: left; margin: 0 15px 0 10px; padding: 9px 0; width: 335px; border:none; min-height: 200px;}
.leftContent .infoBox .news {float: left; margin-right: 5px; padding: 9px 0; width: 335px;  min-height: 75px;}
.leftContent .infoBox .news.last{border:none}
.leftContent .infoBox .news .image {float: left; margin-right: 7px; }
.leftContent .infoBox .date{float: left; margin:0}
.leftContent .top.news .title {width: 165px; font-size: 15px;float: left; line-height: 20px; margin:0 0 5px 0}
.infoBox p, .article p {color: #636363; font-size: 14px; line-height: 21px; float: left; }