html,body { 
	margin:0;
	padding:0;
	overflow-x: hidden; 
}


p { 
	padding: 5px; line-height: 24px;	font: normal 16px 'PT Sans', sans-serif;
}
@media only screen and (max-width: 600px) {
 p {
 font-size: 2.5em; line-height: 24px;
 }
}


h1{margin-top: 15px; margin-bottom: 0px;padding: 0px; padding-bottom: -15px; font-family: ARIAL; font-size: 22px; font-weight: bold; color:#000; line-height: 27px;background:#FFF;}

h2 {font-family: ARIAL;font-weight: bold; font-size: 16px; color:#000; line-height: 23px; background:#FFF; padding-top:10px; }

h3{font-family: ARIAL; font-size: 20px; color:#000; line-height: 22px;border-bottom:solid 2px #ccc; background:#FFF; padding-top:0px}


h4{margin-left: 35px; margin-top: 15px; margin-bottom: 0px;padding: 0px; margin-bottom: 10px;  border-bottom:solid 2px #ccc; padding-top:15px; font-family: ARIAL; font-size: 18px; font-weight: bold; color:#000; line-height: 27px;background:#FFF;}

h5 { margin-top: 0px; margin-bottom: 0px;padding: 0px; margin-bottom: 10px;  border-bottom:solid 2px #ccc; padding-top:15px; font-family: ARIAL; font-size: 18px; font-weight: bold; color:#000; line-height: 27px;background:#FFF;}

h6 { margin-top: 0px; margin-bottom: 0px;padding: 0px; margin-bottom: 10px;  padding-top:15px; font-family: ARIAL; font-size: 18px; font-weight: bold; color:#FF771C; line-height: 27px;background:#FFF;}



.shad {box-shadow: 2px 2px 2px #000000, 5px 5px 5px 5px #FFFFFF; margin:8px; }


#bpadqannerBg{
	background:url(images/opportuneResponsive.jpg) center top no-repeat;
}
#containingDiv {
	width:940px;margin:0 auto; padding:140px 0 0 0;	
}
#bottomText {
	width:100%; font:18px 'Lato', sans-serif; color:#333333; border-top:1px solid #cccccc; padding:10px 0 0 0; margin-top:100px; text-align:center;
}

@media screen and (min-width:1200px){
#bannerBg{
	background:url(images/opportuneResponsive.jpg) center top no-repeat;
}
#containingDiv {
	width:940px;margin:0 auto; padding:140px 0 0 0;	
}
#bottomText {
	width:100%; font:18px 'Lato', sans-serif; color:#333333; border-top:1px solid #cccccc; padding:10px 0 0 0; margin-top:100px; text-align:center;
}
}

@media screen and (max-width:767px){
#bannerBg {
	background:url(images/opportuneResponsive767.jpg) center top no-repeat;
}
#containingDiv {
	width:100%;margin:0 auto;padding:60px 0 0 0;	
}	
#bottomText {
	width:100%;font:14px 'Lato', sans-serif; color:#333333; border-top:1px solid #cccccc; padding:10px 0 0 0; margin-top:50px; text-align:center;
}

#a {
	width:100%;font:14px 'Lato', sans-serif; color:#FFFFFFFF; border-top:1px solid #cccccc; padding:10px 0 0 0; margin-top:50px; text-align:center;
}

}


.bottom_left {
	background:url(images/left.png) right top no-repeat ;
}
.bottom_right {
	background:url(images/right.png) left top no-repeat ;
}


.pad {
padding: 0px; color:#000000; font-size: 13px;font-family: ARIAL;
}

.pad a{
 padding: 2px; color:#000000; font-size: 13px; font-family: ARIAL; 
}
.top {
padding: 0px; color:#000000; font-size: 13px;font-family: ARIAL;font-sze:1em; border:0; vertical-align:middle; display:table-cell;
}
.top a{
 padding: 2px; color:#000000; font-size: 13px; font-family: ARIAL; 
}




.padw {
padding-top: 0px; color:#CCCCCC; font-size: 12px;font-family: ARIAL;padding: 3px; 
}

.padw a{
padding-top: 0px; color:#CCC; font-size: 12px;font-family: ARIAL;padding: 3px; 
}

.padw>ul{
  position:relative;
  list-style:none;
  padding:10px;
  padding-left:20px;
  margin:0;
  list-style-type: square; /* Eaaa?aoiua ia?ea?u */color:#FFF;
  
}
.padw>ul>li>ul{
  position:absolute;
  left:0;
  padding:0;
  margin:0;
  list-style:none;
}


.litl {
padding: 3px; color:#000; font-size: 10px;font-family: ARIAL; 
}


.zag {
color:#000; font-family: ARIAL; font-weight:bold;font-size: 13px; padding: 3px;
}
.zag a{
color:#000; font-family: ARIAL; font-weight:bold;font-size: 13px; padding: 3px;text-decoration: none;
}


.alfa{
color:#990000; font-family: ARIAL; font-size: 13px; padding: 2px; padding-bottom : 3px;
}

.alfa ul {
    list-style-type: square; /* Eaaa?aoiua ia?ea?u */color:#990000; 
   }

.alfa li {
    border-bottom:1px solid #cccccc;  padding: 1px; padding-bottom : 2px; line-height:22px;
   }


.alfa a{
  text-decoration:none; color:#990000; padding: 0px; line-height: 20px;
}
.alfa a:hover{
  text-decoration:none; color:#000000
}



.mapkorpus{  border: 2px dotted #999999; padding: 3px; margin-bottom: 5px;font-family: ARIAL;font-weight: bold; font-size: 16px; color:#9A0607; line-height: 23px; background:#FFF; padding-top:5px; }

.newsdata{font-family: ARIAL;; font-size: 9px; color:666; line-height: 15px; background:#FFF; padding-left:5px; padding-right:15px}

.news{font-family: ARIAL;; font-size: 13px; color:000; line-height: 15px; background:#FFF; padding-left:5px; padding-right:15px}

.newstop11{font-family: ARIAL;font-weight: bold; font-size: 24px; color:#000000; line-height: 28px; border-bottom:solid 2px #7E0000; background:#FFF; margin-bottom:10px; padding-top:10px; padding-left:5px}

.newstop{font-family: ARIAL;font-weight: bold; font-size: 16px; color:#000000; line-height: 23px; border-bottom:solid 3px #7E0000; background:#FFF; padding-left:5px}

.newstopw{font-family: ARIAL;font-weight: bold; font-size: 16px; color:#FFF; padding-left:5px; padding-top:20px; }
.maptop{padding: 5px;font-family: ARIAL;font-weight: bold; font-size: 20px; color:#000; line-height: 23px; background:#FFF; padding-top:10px; }
.maptop1{font-family: ARIAL;font-weight: bold; font-size: 14px; color:#9A0607; line-height: 23px; background:#FFF; padding-top:5px; }
.maptop2{font-family: ARIAL;font-weight: bold; font-size: 18px; color:#9A0607; line-height: 23px; background:#FFF; padding-top:5px; }





.newsgl{font-family: ARIAL;font-weight: bold; font-size: 24px; color:#000000; line-height: 28px; border-bottom:solid 2px #7E0000; background:#FFF; padding-top:10px; padding-left:5px}


.news_zag{font-family: ARIAL;font-weight: normal; font-size: 16px; color:#000000; line-height: 23px; background:#FFF; padding-left:5px; padding-top:10px; padding-bottom:30px;}
.news_zag a{ text-decoration: none; font-family: ARIAL;font-weight: normal; font-size: 16px; color:#000000; line-height: 25px; background:#FFF; padding-left:0px; padding-top:1px; padding-bottom:1px;}

.news_zag1{font-family: ARIAL;font-weight: bold; font-size: 16px; color:#000000; line-height: 23px; background:#FFF; padding-left:5px; padding-top:10px; padding-bottom:5px;}

.news_date{background:#E5E5E5; line-height: 20px; text-align:right; font-family: ARIAL;; font-size: 10px; color:666; padding-left:5px; padding-right:5px; }
.news_date1{background:#E5E5E5; border-bottom:solid 2px #7E0000; line-height: 20px; text-align:right; font-family: ARIAL;; font-size: 10px; color:666; padding-left:5px; padding-right:5px; }

.news_cat{background:#E5E5E5; line-height: 20px; text-align:left; font-weight: bold; font-family: ARIAL;; font-size: 9px; color:666;   padding-left:5px; }
.news_cat1{background:#E5E5E5; border-bottom:solid 2px #7E0000; line-height: 20px; text-align:left; font-weight: bold; font-family: ARIAL;; font-size: 9px; color:666;   padding-left:5px; }







.new{margin-top: 10px; padding: 2px; font-family: ARIAL; font-size: 26px; font-weight: bold; color:#000; line-height: 12px;background:#FFF; padding-top:0px}

.new2{font-family: ARIAL; font-size: 15px;font-weight: bold; color:#666; line-height: 18px;background:#FFF; padding-top:0px}


@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);

.nav a{
  text-decoration:none;
}
.nav{
  height:45px;
  background:#000;
  position: absolute;
text-align:center;
}
.nav>ul{
  position:relative;
  list-style:none;
  padding:0;
  margin:0;
}
.nav>ul>li>ul{
  position:absolute;
  left:0;
  padding:0;
  margin:0;
  list-style:none;
}
.nav>ul>li:hover>ul li a{
  opacity:1;
  height:45px;
   transition:all .3s linear;
  -o-transition:all .3s linear;
  -moz-transition:all .3s linear;
  -webkit-transition:all .3s linear;
}
.nav>ul>li>ul a{
  display:block;
  color:#000000;
  width:170px;
  line-height:45px !important;
  font:700 11px 'pt sans',sans-serif;
  background:#eee;
  border-bottom:1px solid #ddd;
  text-align:center;
  padding:0 5px;
   height:0;
  overflow:hidden;
  opacity:0;
    transition:all .3s linear .2s;
  -o-transition:all .3s linear .2s;
  -moz-transition:all .3s linear .2s;
  -webkit-transition:all .3s linear .2s;
}
.nav>ul>li{
  float:left;
  position:relative;
}
.nav>ul>li>a{
  padding:0 20px;
  color:#fff;
  display:block;
  line-height:60px !important;
  font:400 15px 'PT Sans', sans-serif;
  text-transform:uppercase;
  text-decoration:none;
}
.lamp span{
  display:block;
  height:4px;
  background:#ee6666;
  position: relative;
}
.lamp span:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(238, 102, 102, 0);
	border-bottom-color: #ee6666;
	border-width: 4px;
	margin-left: -4px;
}
.lamp{
  position:absolute !important;
  height:4px;
  top:46px;
  background:#333;
  transition:all .3s linear;
  -o-transition:all .3s linear;
  -moz-transition:all .3s linear;
  -webkit-transition:all .3s linear;
}
.selected.active>a,.active>a{
  transition:all .3s linear;
  -o-transition:all .3s linear;
  -moz-transition:all .3s linear;
  -webkit-transition:all .3s linear;
  color:#fff;
}
.credit{
  text-align:center;
  margin:20px 0;
}
.blog-link{
color:#fff;
text-decoration:none;
background:#eee;
background-size:40px;
line-height:50px;
display:inline-block;
padding:0 10px;
border-radius:4px;
border-bottom:3px solid #ddd;
color:#333;
font-family:'open sans',sans-serif;
margin:10px;
}
.dgithub{
color:#fff;
text-decoration:none;
background:#eee url('https://lh6.googleusercontent.com/-MOW-T0KLZJI/UyR6EIggYkI/AAAAAAAAEbM/el92Uoxz-aI/s50-no/GitHub-Mark.png') no-repeat;
background-size:40px;
line-height:50px;
display:inline-block;
padding:0 10px 0 50px;
background-position:5px;
border-radius:4px;
border-bottom:3px solid #ddd;
color:#333;
font-family:'open sans',sans-serif;
margin:10px;
}	

.map{
  height:90px;
  margin-top: 175px;
  width:420px;
  background:#fff;
  position: absolute;
  z-index:99999999; 
}