@font-face {

    font-family: 'robotolight';

    src: url('font/roboto-light-webfont.eot');

    src: url('font/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/roboto-light-webfont.woff') format('woff'),

         url('font/roboto-light-webfont.ttf') format('truetype'),

         url('font/roboto-light-webfont.svg#robotolight') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotomedium';

    src: url('font/roboto-medium-webfont.eot');

    src: url('font/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/roboto-medium-webfont.woff') format('woff'),

         url('font/roboto-medium-webfont.ttf') format('truetype'),

         url('font/roboto-medium-webfont.svg#robotomedium') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotoregular';

    src: url('font/roboto-regular-webfont.eot');

    src: url('font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/roboto-regular-webfont.woff') format('woff'),

         url('font/roboto-regular-webfont.ttf') format('truetype'),

         url('font/roboto-regular-webfont.svg#robotoregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

    font-family: 'open_sansitalic';

@font-face {

    src: url('font/opensans-italic-webfont-webfont.eot');

    src: url('font/opensans-italic-webfont-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/opensans-italic-webfont-webfont.woff') format('woff'),

         url('font/opensans-italic-webfont-webfont.ttf') format('truetype'),

         url('font/opensans-italic-webfont-webfont.svg#open_sansitalic') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotobold';

    src: url('font/roboto-bold-webfont.eot');

    src: url('font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/roboto-bold-webfont.woff') format('woff'),

         url('font/roboto-bold-webfont.ttf') format('truetype'),

         url('font/roboto-bold-webfont.svg#robotobold') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'gotham_boldregular';

    src: url('font/gotham-bold-webfont.eot');

    src: url('font/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/gotham-bold-webfont.woff') format('woff'),

         url('font/gotham-bold-webfont.ttf') format('truetype'),

         url('font/gotham-bold-webfont.svg#gotham_boldregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotoitalic';

    src: url('font/roboto-italic-webfont.eot');

    src: url('font/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/roboto-italic-webfont.woff') format('woff'),

         url('font/roboto-italic-webfont.ttf') format('truetype'),

         url('font/roboto-italic-webfont.svg#robotoitalic') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotomedium_italic';

    src: url('font/roboto-mediumitalic-webfont.eot');

    src: url('font/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/roboto-mediumitalic-webfont.woff') format('woff'),

         url('font/roboto-mediumitalic-webfont.ttf') format('truetype'),

         url('font/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'robotobold_italic';

    src: url('font/roboto-bolditalic-webfont.eot');

    src: url('font/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/roboto-bolditalic-webfont.woff') format('woff'),

         url('font/roboto-bolditalic-webfont.ttf') format('truetype'),

         url('font/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}



* {margin:0; padding:0;}



.clear {

	clear:both;	

}



body {

	font-family: 'robotoregular';

	font-size: 1em;

	color:#444;

}







#bgbiru {

	margin-left: -15px;

	position:relative;

    z-index:-5;

    margin-bottom: -400px;

}



#shadowslider {

   height: 50px;

   z-index: -1;

   margin-top: -30px;

   margin-bottom:-10px;

   background: url("assets/theme/lpdb/images/shadow-slider.png");

   background-repeat: no-repeat;

   background-size: 100% 50px;

}





#sosmed {

	text-align: right;

	margin-bottom: 15px;

    margin-top: 30px;

}



#sosmed a {

	margin-left: 8px;



}



#sosmed h1 {

    font-family: 'gotham_boldregular';

    font-size: 23px;

    margin-top: 50px;

}









#slider1 img {

	width: 100%;

}





#content-right h3  {

	color: #79A8D2;

	background-color: #154067;

	padding: 5px;

}



#bgkosong {

    width: 150px;

    height: 51px;

    background-color: #ffffff;

     z-index: 1;

     position: absolute;

}







/* MIDDLE CONTENT

==========================*/



#mc-head {

   	background-color: #154067;

    margin-left: 0px;

    margin-top: 35px;

    margin-right: 5px;

}



#mc-head #arrow {

    margin-top: 17px;

}





#mid-content {

   margin-top: 0px;

}





#mid-content h3 {

	margin-bottom: 15px;

	color: #ffffff;

	font-family: robotolight;

	font-size: 22px;

}



#mid-content a:hover {

     text-decoration: none;

 }



#mid-content h1 {

	color: #79A8D2;

	font-size: 18px;

}







/*

BOTTOM CONTENT

===================*/





#bottomcontent  p {

	margin-top: 10px;

}





#bottomcontent h3 {

	color: #ffffff;

	background-color: #154067;

	padding: 10px;

	font-family: robotolight;

	font-size: 22px;

}



#bottomcontent h1 {

	color: #79A8D2;

	font-size: 18px;

}





#bottomcontent a:hover {

     text-decoration: none;

}



#bottomcontent ul li {

	padding-top: 10px;

	padding-bottom: 7px;

	margin-bottom: 5px;

	list-style: none;

	border-bottom: 1px dashed  #ccc;

}







#bgbiru-bawah {

	height: 340px;

	background-color: #d1deef;

	position:relative;

    z-index:-1;

    margin-bottom: -340px;

    padding-bottom: 

}





/*

==MENU BOOTSTRAP

=================*/





#tesborder {

		border: none;

}



#bs-example-navbar-collapse-1  {

	background-color: #154067 ;

	font-family: 'robotolight';

	font-size: 15px;

}



#bs-example-navbar-collapse-1 ul li a {

	color: #FFFFFF ;

}

#bs-example-navbar-collapse-1 ul li a:hover {

	color: #ffee00 ;

}



#bs-example-navbar-collapse-1 ul li {

	margin-left:25px;

}



.navbar {

	width: 100%;

	margin: 20px auto 0px;

}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

    background-color: #79A8D2;

    color: blue;

}	





#topmenu1 ul li a {

   font-size: 30px;

}





/*

SLIDER 

===================*/

#myCarousel {

	width: 100%;

	margin-bottom:0px ;

	position: relative;

	padding: 0px;

}



.carousel-inner img {

	width: 450;

	position: relative;

	margin: auto;

} 

.carousel-control img {

	width: 8%;

	margin-top: 100%;

}







#topcontent {

	padding-left: 15px;

    padding-right: 15px;

	margin: auto;

}



#topcontent h4 {

	font-size: 1.5em

}







#bottomcontent {

	padding: 15px;

}





#bottomfooter {

	background-color: #234068;

	margin-top: 40px;

	padding: 0px 5px 5px ;

}



#tabelprofil h5 {

    font-weight: bold;

    font-size: 15px;

    color: #154067;

}



#tabelprofil img {

    border: solid 1px #154067;

}

							/*

												NEWS BOX

												===================*/

.demof {

margin: 0px 0px;

}



.demof ul {

padding: 0px;

list-style: none;

}



.demof ul li {

border-bottom: 1px dashed #aaa;

}



.demof a {

font-family: Arial, sans-serif;

font-size: 1em;

color: #fff;

margin-bottom: 50px;

}







#bgbiru-footer {

	/*height: 200px;*/

	background-color: #234068;

	/*position:relative;*/

    z-index:-1;

    margin-bottom: -230px;

}



#bordertengah {

   height: 250px;

   width: 31px;

   background: url("assets/theme/lpdb/images/bg-foot-right250.png");

   background-size: 31px 250px;

}



#sosmed1 {

	height: 220px;

	padding-left: 15px;

    background-repeat: no-repeat;

	overflow : hidden;

}



.fb-bottom {

    border-bottom:transparent;

}



#sosmed1 ul {

padding: 0px;

list-style: none;

text-decoration: none;

padding-top: 20px;

}



#sosmed1 ul li {

	padding-bottom: 12px;

	border-bottom: 1px dashed #aaa;

}



#sosmed1 a {

font-family: 'robotoregular';

font-size: 13px;

color: #346e94;

}



#sosmed1 a:hover {

	text-decoration: none;

	color: #fff;

}





#top-footer {

	margin-bottom: 0px;

	margin-top: -100px;

    padding-top: 10px;

}





#top-footer h1 {

   padding-top: 30px;

   margin-bottom: 20px;

   margin: 0;

   padding: 0;

   padding-bottom: 20px;

   font-size: 22px;

   color: #4c77b7;

   background: url("assets/theme/lpdb/images/bg_blue1.jpg");

   background-repeat: no-repeat;

   background-size: 275px;



}



.foot-bottom {

	height: 130px;

	display: none;

}



#foot-address {



}



#foot-address h1 {

	font-family: 'robotoregular';

	font-size: 14px;

	font-style: italic;

	color: #fff;

}



#foot-address h4 {

	font-family: 'robotoregular';

	font-size: 11px;

	color: #ffffff;

}



#foot-address p {

	font-family: 'robotoregular';

	font-size: 13px;

	color: #fff;

}



#footleft {

	margin-top: 20px;

}



#foot-socmed {

	margin-top: 20px;

}



#putih {

    color: #ffffff;

}



#foot-menu a {

	color: #fff;

}



#foot-menu a:hover {

	color: #65a8cd;

	text-decoration: none;

}





#foot-socmed li {

	list-style: none;

	font-family: 'robotoregular';

	font-size: 13px;

	color: #fff;

	margin: 5px;

}



#foot-socmed li a {

	color: #ffffff;

    font-family: 'robotoregular';

}



#foot-socmed li a:hover {

	text-decoration: none;

	color: #346e94;

}







a {text-decoration: none;}

.container1 {

    margin-top: 20px;

    margin-bottom: 40px;

}

.toggleMenu {

    display:  none;

    background: #ff0000;

    padding: 10px 15px;

    color: #fff;

    font-family: 'robotolight';

    font-size: 15px;



}

.nav {

    list-style: none;

     *zoom: 1;

     background:#154067;

     padding:10px;

     padding-left:50px;

     font-family: 'robotolight';

     font-size: 14px;

}

.nav:before,

.nav:after {

    content: " "; 

    display: table; 

}

.nav:after {

    clear: both;

}

.nav ul {

    list-style: none;

    width: 9em;

}

.nav a {

    padding: 10px 15px;

    color:#fff;

}

.nav li {

    position: relative;

}

.nav > li {

    float: left;

    border-top: 1px solid #104336;

}

.nav > li > .parent {

    /*background-image: url("images/downArrow.png");*/

    background-repeat: no-repeat;

    background-position: right;

}

.nav > li > a {

    display: block;

}

.nav li  ul {

    position: absolute;

    left: -9999px;

}

.nav > li.hover > ul {

    left: 0;

}

.nav li li.hover ul {

    left: 100%;

    top: 0;

}

.nav li li a {

    display: block;

    background: #3f729d;

    position: relative;

    z-index:100;

    border-top: 1px solid #5295ce;

    width: 200px;

}



.nav li li a:hover {

    text-decoration: none;

    color: #000;       



}



.nav li li li a {

    background: #5888b0;

    z-index:200;

    border-top: 1px solid #5295ce;

    margin-left: 50px;

}



@media screen and (max-width: 768px) {

    .active {

        display: block;

    }

    .nav > li {

        float: none;

    }

    .nav > li > .parent {

        background-position: 95% 50%;

    }

    .nav li li .parent {

        /*background-image: url("images/downArrow.png");*/

        background-repeat: no-repeat;

        background-position: 95% 50%;

    }

    .nav ul {

        display: block;

        width: 100%;

    }

   .nav > li.hover > ul , .nav li li.hover ul {

        position: static;

    }



}



#isikonten {

    background-color: ;

    padding-left:20px;

}



#isikonten h1 {

    margin: 0;

    padding: 0;

    font-family: 'robotolight';

    font-size: 22px;

    color: #256ABB;

    margin-top: -10px;

}







#isikonten h2 {

    margin: 0;

    padding: 0;

    font-family: 'robotomedium';

    font-size: 15px;

    color: #3F839D;

    margin-top: 5px;

}



.flat-table img {

    width: 30px;

    height: 32px;

    margin-bottom: 5px;

}



#isikonten p {

    margin: 0;

    padding: 0;

    margin-top: 10px;

    font-size: 13px;

    color: #666666;

    margin-bottom: 30px;

}



#org h1 {

    margin: 0;

    padding: 0;

    font-family: 'robotolight';

    font-size: 22px;

    color: #256ABB;

    margin-top: -20px;

}



.paging ul li {

    float: left;

    margin-right: 10px;

    list-style: none;

}



#konten {

    margin-bottom: 30px

}



#sidebar h1 {

    margin: 0;

    padding: 0;

    font-family: 'robotoregular';

    font-size: 24px;

    color: #666666;

    margin-top: -10px;

}



#sidebar ul {

    margin: 0;

    padding: 0;

    margin-top: 15px;

    margin-bottom: 20px;

}



#sidebar ul li {

    list-style: none;

    border-bottom: solid 1px #d9d9d9;

    padding-bottom: 3px;

    padding-top: 3px;

}



#sidebar ul li a {

    text-decoration: none;

    color: #23839d;

    font-size: 18px;

}



#nav2 h4 {

    color:#79A8D2;

    background:url("../images/bg-klik.png");

    padding:5px 0;

    width:100%;

    margin-bottom:15px;



    font-weight:normal;

    font-family: 'robotolight';

    font-size:20px;

    display:inline-block;

    padding-left:15px;

}



#nav2 ul {

    display:none;

    margin: 0;

    padding: 0;

}





#nav2 ul li {

    list-style:none;

    padding-bottom:5px;

    margin-bottom:5px;

    border-bottom:1px solid #d2d3d3;

    width: 360px;

}



#nav2 ul li a {

    color:#757575;

    text-decoration:none;   

}



#nav2 ul li a:hover {

    color:#4b4a4a;  

}

.social-meta ul {

	float:right;

	padding-top:15px;	



}

.social-meta ul li {

	float:left;

	margin-left:10px;	

}

.social-meta ul li a {

	width:16px;

	height:16px;

	display:block;

	text-indent:-9999px;	

    text-decoration: none;

}



.fb-bottom,.twitter-bottom {

	border : none;

}

.social-meta ul li.fb-bottom a {

	background:url(../images/icon-stream-fb.jpg) no-repeat;	

}

.social-meta ul li.twitter-bottom a {

	background:url(../images/icon-stream-twitter.jpg) no-repeat;	

}

.social-meta ul li.active a {

	background-position:0 -16px;	

}



#youtube1 ul {

    width: 350px;

}

.table a:hover {

                background-image:url("assets/theme/responsif/images/pdf03.png"); 

            }











 /*circular icon transition

 =========*/



.ca-menu li{

    width: 60px;

    height: 60px;

    border: 1px solid #e8eef3;

    overflow: hidden;

    position: relative;

    float:left;

    background: #8eaebf;

    margin-right: 4px;

    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);

    -webkit-border-radius: 125px;

    -moz-border-radius: 125px;

    border-radius: 125px;

    -webkit-transition: all 400ms linear;

    -moz-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    -ms-transition: all 400ms linear;

    transition: all 400ms linear;







}

.ca-menu li:last-child{

    margin-right: 0px;

}

.ca-menu li a{

    text-align: left;

    width: 100%;

    height: 100%;

    display: block;

    color: #333;

    position: relative;

}

.ca-icon{

    font-family: 'WebSymbolsRegular', cursive;

    font-size: 40px;

    color: #f6f6f6;;

    line-height: 60px;

    position: absolute;

    width: 100%;

    height: 60px;

    left: 0px;

    top: 30px;

    text-align: center;

    -webkit-transition: all 400ms linear;

    -moz-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    -ms-transition: all 400ms linear;

    transition: all 400ms linear;



    border-radius: 25px

}

.ca-main{

	font-size: 24px;

	position: absolute;

	top: -15px;

	height: 80px;

	width: 170px;

	left: 30px;

	margin-left: -85px;

	opacity: 0.8;

	text-align: center;

}

.ca-sub{

	text-align: center;

	color: #000;

	font-size: 26px;

	position: absolute;

	height: 80px;

	width: 170px;

	left: 51.5%;

	margin-left: -85px;

	top: -21px;

	opacity: 0;

	-webkit-transition: all 400ms linear;

	-moz-transition: all 400ms linear;

	-o-transition: all 400ms linear;

	-ms-transition: all 400ms linear;

	transition: all 400ms linear;

}

.ca-menu li:hover{

    background: #005c88;

    border-color: #fff;

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}

.ca-menu li:hover .ca-icon{

    color: #555;

    font-size: 60px;

}

.ca-menu li:hover .ca-main{

    display: none;

}

.ca-menu li:hover .ca-sub{

    opacity: 0.8;

	background-color: none;

}





.table {

  background-color: #8eaebf;

  

}

tbody .info2 {

	background-color: #f1f6f9;

}





tbody .info3

{

	background-color: #f7fbfd;

}



.table-hover > tbody > tr > td.info2:hover, 

.table-hover > tbody > tr > th.info2:hover, 

.table-hover > tbody > tr.info2:hover > td, 

.table-hover > tbody > tr:hover > 

.info2, .table-hover > tbody > 

tr.info2:hover > th {

    background-color: #e6ecee;

}



.table-hover > tbody > tr > td.info3:hover, 

.table-hover > tbody > tr > th.info3:hover, 

.table-hover > tbody > tr.info3:hover > td, 

.table-hover > tbody > tr:hover > 

.info3, .table-hover > tbody > 

tr.info3:hover > th {

    background-color: #e6ecee;

}



.postmeta {

}



.post-info {

}



#mosting {

    margin-top: -10px;

}







.administration *{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

}



.administration .cf:before,

.administration .cf:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.administration .cf:after {

    clear: both;

}



/**

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */

.administration .cf {

    *zoom: 1;

}



/* Generic styling */





.content{

    width: 100%;

    max-width: 1142px;

    margin: 0 auto;

    padding: 0 20px;

    height: 1800px;

}



.administration a:focus{

    /*outline: 2px dashed #f7f7f7;*/

}



@media all and (max-width: 767px){

    .content{

        padding: 0 20px;

    }   

}



.content ul{

    padding: 0;

    margin: 0;

    list-style: none;       

}







.content ul a{

    display: block;

    background: #0049c2;

    /* border: 4px solid #fff; */

    text-align: center;

    overflow: hidden;

    font-size: .7em;

    text-decoration: none;

    font-weight: bold;

    color: #fff;

    height: 70px;

    margin-bottom: -26px;

    border-radius: 15px;

    box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4);

    -webkit-transition: all linear .1s;

    -moz-transition: all linear .1s;

    transition: all linear .1s;

}





@media all and (max-width: 767px){

    ul a{

        font-size: 1em;

    }

}





ul a span{

    top: 50%;

    margin-top: -0.7em;

    display: block;

}



.administration > li > a{

    margin-bottom: 25px;

}



.director > li > a{

    width: 240px;

    height: 240px;

    margin: 0 auto 0px auto;

    background-color: #E10411;

}





/* edit this element height/margin-top to adjust height between department and director */

.subdirector:after{

    content: "";

    display: block;

    width: 0px;

    height: 255px;

    background: none repeat scroll 0% 0% #F00;

    border-left: 4px solid #A1610E;

    left: 45.45%;

    position: relative;

}



.subdirector,

.departments{

    position: absolute;

    width: 100%;

}



.subdirector > li:first-child{

    width: 18.59894921190893%;

    height: 64px;

    margin: 0 auto 92px auto;       

    padding-top: 25px;

    border-bottom: 4px solid #a1610e;

    z-index: 1; 

	



}



/* edit this element height/margin-top to adjust height between department and director */

.departments > li:first-child{  

    width: 18.5989%;

    height: 64px;

    margin: 120px auto 92px;

    padding-top: 25px;

    border-bottom: 0px solid #A1610E;

}



.subdirector > li:first-child{

    float: right;

    right: 36%;

    border-left: 4px solid #a1610e;

} 



#subdirector .image-container {

    overflow: hidden;

    float: left;

}



#subdirector img {

    width: 80px;

}



#subdirector span {

    margin-top: 0px;

    top: 20px;

    font-size: 11px;

}



#subdirector .title {

    font-size: 9px;

}



@media (max-width: 1139px){

    #subdirector .image-container {

        display: none;

    }

}



.departments > li:first-child{  

    float: left;

    left: 27.2%;

    /*border-right: 4px solid #a1610e; */ 

}



.subdirector > li:first-child a,

.departments > li:first-child a{

    width: 100%;

    background-color: #02508D;

}



.subdirector > li:first-child a{    

    left: 25px;

    background-color: #02508D;

}



.subdirector > li > ul {

    margin-top: 10px;

    z-index: -1;

}



.subdirector > li > ul > li{

    margin: 0px 0px 0px 25px;

    padding: 0px 0px 00px 0;

    border-left: 4px solid #a1610e;

    border-bottom: 4px solid #a1610e;

}



.subdirector > li > ul > li > a{

    /*margin: 10px;*/

    margin: 0px 0 0px 0;

    top:25px;

    background: #02508D;

}



.subdirectors a {

    height: 60px !important;

}



.subdirectors .image-container {

    overflow: hidden;

    float: left;

}



.subdirectors img {

    width: 60px;

}



.subdirectors span {

    margin-top: 0px;

    top: 20px;

    font-size: 10px;

}



.subdirectors .title {

    font-size: 9px;

}



@media (max-width: 1139px){

    .subdirectors .image-container {

        display: none;

    }



    .content{

    width: 100%;

    max-width: 1142px;

    margin: 0 auto;

    padding: 0 20px;

    height: 1800px;

}

}



@media all and (max-width: 767px){

    .subdirector > li:first-child,

    .departments > li:first-child{

        width: 40%; 

    }



    .subdirector > li:first-child{

        right: 10%;

        margin-right: 2px;

    }



    .subdirector:after{

        left: 49.8%;

    }



    .departments > li:first-child{

        left: 10%;

        margin-left: 2px;

    }



    .content{

    width: 100%;

    max-width: 1142px;

    margin: 0 auto;

    padding: 0 20px;

    height: 3320px;

}

}





.departments > li:first-child a{

    right: 25px;

}



.department:first-child,

.departments li:nth-child(2){

    margin-left: 0;

    clear: left;    

}



/* edit this element height/margin-top to adjust height between department and director */

.departments:after{

    content: "";

    display: block;

    position: absolute;

    width: 81.1%;

    height: 22px;

    border-top: 4px solid #A1610E;

    border-right: 4px solid #A1610E;

    border-left: 4px solid #A1610E;

    margin: 0px auto;

    top: 253px;

    left: 9.1%;

}





@media all and (max-width: 767px){

    .departments:after{

        border-right: none;

        left: 0;

        width: 49.8%;

    }

}



.department:before{

    content: "";

    display: block;

    position: absolute;

    width: 0;

    height: 22px;

    border-left: 4px solid #a1610e;

    z-index: 1;

    top: -22px;

    left: 50%;

    margin-left: -4px;

}



.department:first-child:before,

.department:last-child:before{

    border:none;

}



/*

.department{

    border-left: 4px solid #fff;

    width: 18.59894921190893%;

    float: left;

    margin-left: 1.751313485113835%;

    margin-bottom: 60px;

}

*/

.department{

    border-left: 4px solid #a1610e;

    width: 18.59894921190893%;

    float: left;

    margin-left: 8.25%;

    margin-bottom: 60px;

}



.lt-ie8 .department{

    width: 18.25%;

}



@media all and (max-width: 767px){

    .department{

        float: none;

        width: 100%;

        margin-left: 0;

    }



    .department:before{

        content: "";

        display: block;

        position: absolute;

        width: 0;

        height: 60px;

        border-left: 4px solid #a1610e;

        z-index: 1;

        top: -60px;

        left: 0%;

        margin-left: -4px;

    }



    .department:nth-child(2):before{

        display: none;

    }

}



.department > a {

    margin: -12px 0 -26px -4px;

    z-index: 1;

}



.department > a:hover {  

    /*height: 80px;*/

}



.department > ul {

    margin-top: 0px;

    margin-bottom: 0px;

}



.department > ul > li { 

    padding-left: 25px;

    border-bottom: 4px solid #a1610e;

    height: 80px;   

}



.department > ul > li a {

    top: 48px;  

    position: absolute;

    z-index: 1;

    width: 90%;

    height: 60px;

    vertical-align: middle;

    right: -1px;

    background-color: #02508D;

}



.department > ul > li a:hover{

    /*

    box-shadow: 8px 8px 9px -4px rgba(0,0,0,0.1);

    height: 80px;

    width: 95%;

    top: 39px;

    background-image: none!important;

    */

}



.director a {

    background: #000000;

}



#director .image-container {

    overflow: hidden;

    height: 170px;

}



#director img {

    width: 100%;

}



#director span {

    margin-top: 0px;

    top: 20px;

    font-size: 16px;

}



#director .title {

    font-size: 13px;

}



.department a {

    background: #0080C2;

}



.department .image-container {

    overflow: hidden;

    float: left;

}



.department img {

    width: 70px;

}



.department span {

    margin-top: 0px;

    top: 25px;

    font-size: 10px;

}



.department .title {

    font-size: 9px;

}



@media (max-width: 1139px){

    .department .image-container {

        display: none;

    }

}



/* Department/ section colors */

/*

.department.dep-a a{ background: #FFD600; }

.department.dep-b a{ background: #AAD4E7; }

.department.dep-c a{ background: #FDB0FD; }

.department.dep-d a{ background: #A3A2A2; }

.department.dep-e a{ background: #f0f0f0; }

*/



/* Section */



.section li{ 

    padding-left: 25px;

    border-bottom: 4px solid #a1610e;

    height: 80px;   

}



.section li a{

    /*background: #fff;*/

    top: 48px;  

    position: absolute;

    z-index: 1;

    width: 90%;

    height: 60px;

    vertical-align: middle;

    right: -1px;

}



.section > ul > li a:hover{

    /*

    box-shadow: 8px 8px 9px -4px rgba(0,0,0,0.1);

    height: 80px;

    width: 95%;

    top: 39px;

    background-image: none!important;

    */

}



.section > ul {

    margin-top: 0px;

    margin-bottom: 0px;

}



#s-a1 {

    margin-bottom: 315px;

}



#s-a1 > ul {

    left: 0px;

    top: 75px;

    border-left: 4px solid #a1610e;

}



/*Color */

.section a {

    background: #02508D;

}



/*individual section*/

@media all and (max-width: 767px){

    #s-b4 {

        margin-bottom: 375px;

    }

}



#s-b4 > ul {

    left: 0px;

    top: 75px;

    border-left: 4px solid #a1610e;

}





.imgnews {

    float: left;

    width: 100px;

    margin-right: 8px;

    margin-bottom: 8px;

    margin-top: 8px;

}



.entry p{

    margin-top: -3px;

}





ul.rig li h3 {

    font-size: 11px;

}



#s-a1 ul li a {

    background-color: #02508D;

}



.dep-a > ul > li > a {

    background-color: #0049C2;

}



#subdirector {

    background-color: #0049c2;

}



.carousel-caption {

    font-size: 18px;

}



#sidebarslider {

    margin-top: 10px;

    margin-bottom: 10px;

    width: 360px;

    height: 142px;

}



#sidebarsliderhome {

    margin-top: 10px;

    margin-bottom: 10px;

}





.carousel-indicators {

    margin-top: 20px;

}



#toftleft {

    float: left;

}



#logolpdb {

    margin-top: 10px;

}





#newsnumber {

    margin-left: -65px;

    margin-bottom: -40px;

}



#newshome {

}



.caption h4 {

    color: #428bca;

    text-decoration: none;

}



.caption a:hover {

    color: #2a6496;

    text-decoration: none;



}











.css-slideshow{

  position: relative;

  max-width: 100%;

  height: 94px;

}

.css-slideshow figure{

  margin: 0;

  max-width: 100%;

  height: 94px;

  background: #fff;

  position: absolute;

}

.css-slideshow img{

}

.css-slideshow figcaption{

  position: absolute;

  top: 0;

  color: #fff;

  background: rgba(0,0,0, .3);

  font-size: .8em;

  padding: 8px 12px;

  opacity: 0;

  transition: opacity .5s;

}

.css-slideshow:hover figure figcaption{

  transition: opacity .5s;

  opacity: 1;

}

.css-slideshow-attr{

  max-width: 447px;

  text-align: right;

  font-size: .7em;

  font-style: italic;

  margin:0 auto;

}

.css-slideshow-attr a{

  color: #666;

}

.css-slideshow figure{

  opacity:0;

}

figure:nth-child(1) {

  animation:xfade 22s infinite;

  -webkit-animation:xfade 4250ms infinite;

}

figure:nth-child(2) {

  animation: xfade 12s infinite;

  -webkit-animation:xfade 8500ms infinite;

}

figure:nth-child(3) {

  animation: xfade 8s infinite;

  -webkit-animation:xfade 17000ms infinite;

}

figure:nth-child(4) {

  animation: xfade 0s infinite;

  -webkit-animation:xfade 34000ms infinite;

}



@keyframes xfade{

  0%{

    opacity: 1;

  }

  25% {

    opacity:1;

  }

  45% {

    opacity:0;

  }

  65%{

    opacity: 0;

  }

  100% {

    opacity:1;

  }

}



@keyframes xfade{

  0%{

    opacity: 1;

  }

  25% {

    opacity:1;

  }

  45% {

    opacity:0;

  }

  65%{

    opacity: 0;

  }

  100% {

    opacity:1;

  }

}



@-webkit-keyframes xfade {

 0%{

    opacity: 1;

  }

  25% {

    opacity:1;

  }

  45% {

    opacity:0;

  }

  65%{

    opacity: 0;

  }

  100% {

    opacity:1;

  }

}





.thumb-post img {

    float: left;

    margin-right: 10px;

    margin-top: 15px;

    margin-bottom: 30px;

}



.thumb-post {

    width: 100px;

}



.text-post {

}



#gmbrdpn img {

    width: 115px;

    height: 115px;

    float: left;

    margin-right: 15px;

    margin-bottom: 1px;

}



#gmbrdpn p {

    margin-top: 10px;

}