body {
    margin:0;
    font-size:13px;
}
.body-outer {
    margin:0 auto;
    padding:0;
    width:100%;
}
#header {
}
#top-header {
    width:100%; 
    height:28px;      
    background:#0B0198;
}
#second-header {
    width:100%;
    height:95px; 
    max-height:95px; 
    background:url(images/header_bg.png) no-repeat; 
    background-size:cover;
    border-bottom:1px solid #2C70A4;
}
#logo {
    position:absolute; 
    top:3px; 
    left:20px;
    height:112px;
    width:112px;
    background:url(images/logo.png) 112px 112px;
}
#app-name {
    position:absolute; 
    top:25px; 
    left:140px;
    width:540px;
    height:80px;
    background:url(images/app_name.png) no-repeat;
}
#address {
    position:absolute;
    top:100px;
    left:145px;
    font-family:Verdana;
    font-size:13px;    
    color:#fff;
}
#mission 
{
    position:absolute;
    top:32px;
    right:30px;
    width:400px;
    background-color: transparent;
    color: #ffffff;
    text-align:justify;
    font-family:Verdana;
    font-size:13px;
    line-height:17px;
}
.body-content {
    min-height:550px;
}
.page-title {
    font-family:Arial;
    font-size:18px;
    font-weight:bold;
    border-bottom:1px solid #ccc;
    padding-bottom:5px;
    margin-bottom:15px;
}
.panel-sidebar-left {
    display:none;
    /*width: 200px;
    float: left;    
    padding-left:5px;
    padding-right:3px;*/
}
.panel-sidebar-right {    
    display:block;
    margin-top:30px;
    width: 250px;
    float: right;    
}
.panel-main-content {
    display:block;
    padding-left: 0px;    
    padding-right:265px;
	min-height:600px;
}
.panel-sidebar-right img {
    display:block;
    width:230px;
    margin-bottom:5px;
    border:1px solid #ccc;
}
#footer {
    min-height: 213px;
    background: #103157;
    color: #fff;        
    line-height:18px;
    font-size:12px;
}
.footer-title {
    font-weight:bold;
    border-bottom:1px dotted #22689D;
    margin-left:5px;
    margin-right:5px;
    margin-top:15px;
    margin-bottom:20px;
}
.footer-content {    
}
.footer-copyright {
    margin-top:10px;
    /*border-top:1px solid #22689D;*/
    padding-top:15px;
    background: #002147;
    color:#fff;
}
#footer ul {
    list-style:none;
    padding-left:5px;
}
#footer a { color:#fff; }
/*navbar*/
.navbar-custom {
    color: #fff;
	font-size:14px;	
    padding-top:0;
    padding-bottom:0;
    background-color: #103157;
    background-image:none;
    border-radius:0;
}
.nav-custom-item {    
    border-left:1px solid #fff;
}
.nav > .nav-custom-item:first-child {
    border-left:none !important;
}
.nav-custom-item > a {
    color:#fff;
}
.nav-custom-item > a:hover {
    color:#fff;
    background-color: #096eba !important;
}

.nav-custom-item > a:focus {
    color:#fff;
    background-color: #075794 !important;
}
.navbar-brand { display:none; color:#fff;}
.icon-bar { background-color:#fff;}
.text-justify {
    text-align:justify;
}
/*carousel*/
#main-slider {
    width: 100%;
    height: 230px;
    position: relative;
}
.carousel-indicators {
    bottom: 0px !important;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img
{
    width:850px;
    height:230px;
    margin:0 auto !important;
}
.carousel-inner>.item-0 { background: url(slides/bg-000.jpg) no-repeat center 0;}
.carousel-inner>.item-1 { background: url(slides/bg-001.jpg) no-repeat center 0;}
.carousel-inner>.item-2 { background: url(slides/bg-002.jpg) no-repeat center 0;}
.carousel-inner>.item-3 { background: url(slides/bg-003.jpg) no-repeat center 0;;}
.carousel-inner>.item-4 { background: url(slides/bg-004.jpg) no-repeat center 0;;}
.carousel-inner>.item-5 { background: url(slides/bg-005.jpg) no-repeat center 0;;}
/*icons*/
.ums-icon-30 {
    background: url(images/sprite.png) no-repeat;
    width: 40px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 3px;
}
.ums-icon-student-01 { background-position: 1px -51px ;}
.ums-icon-student-02 { background-position: -4px -90px; }
.ums-icon-student-03 { background-position:-52px -50px; }
.ums-icon-teacher { background-position: -54px -88px; }
.ums-icon-users { background-position:-109px -52px; }
.ums-icon-bussiness { background-position: -109px -52px; }
.ums-icon-news { background-position:-56px -139px;}
.ums-icon-links { background-position:-99px -140px;}
.ums-icon-services { background-position:-9px -177px; }
.ums-icon-partners { background-position:-52px -174px; }
.ums-icon-facebook { background-position:-166px -54px ;}
.ums-icon-google { background-position:-203px -54px;}
.wd-icon-linkedin { background-position:-240px -54px ;}
.ums-icon-youtube { background-position: -166px -91px;}
.ums-icon-twitter { background-position: -203px -91px;}
.ums-icon-rss { background-position:-240px -91px;}
.ums-icon-notify { background-position: -10px -139px; }

@media only screen and (max-width: 800px) {
    #header { display:none; }
    #main-slider {         
    }
    .navbar-brand { display:block; color:#fff;}
    .nav-custom-item { border-left: 0; }
    .ums-icon-30 { display:none;} 
    .panel-sidebar-left { display:none; }
    .panel-sidebar-right { display:none; }
    .panel-main-content {
        padding-left: 0px;
        padding-right: 0px;
    }    
    .panel-sidebar-right img {
        width:200px;
        margin-bottom:5px;
        border:1px solid #ccc;
    }  
}

@media only screen and (max-device-width: 800px) {
    #header { display:none; }
    #main-slider { 
        width:100%;
        height:auto;
    }    
    .carousel-indicators { display:none; }
    .carousel-control { display:none; }
    .carousel-inner>.item>img, .carousel-inner>.item>a>img {
        width:100%;
        height:auto;
        margin:0 auto !important;
    }    
    .nav-custom-item { border-left: 0; }
    .ums-icon-30 { display:none;}    
    .panel-sidebar-left { display:none; }
    .panel-sidebar-right { display:none; }
    .panel-main-content {
        padding-left: 0px;
        padding-right: 0px;
    }    
    .panel-sidebar-right img {
        width:200px;
        margin-bottom:5px;
        border:1px solid #ccc;
    }  
}