/* CSS Document */
@import url("http://pradnya-paramita.ac.id/css/icon-sos.css");


body{
margin:0 auto;
width:1000px;
font-family:Arial,Helvetica,sans-serif;
/*background:url(../img/new.jpg) no-repeat scroll;*/
background-color:#133783;
background-size: 100% 100%;
min-height: 700px;
}
/*
body{
margin:0 auto;
width:1000px;
font-family:Arial,Helvetica,sans-serif;
background:url(../img/kecil3.png) repeat scroll 0% 0% transparent;
}
*/

.header{
padding:15px;
/*background:#036;*/
color:#FFFFFF;
}

.menu-header{
float:right;
margin-left:0px;
margin-top:50px;
font-size:18px;
font-weight:bold;
}

.menu-header a{
color:#FFFFFF;
display:block;
padding:7px;
padding-right:14px;
padding-left:14px;
float:left;
}

.menu-header a:hover{
color:#FFFFFF;
display:block;
padding:7px;
padding-right:14px;
padding-left:14px;
float:left;
text-decoration:underline;
}

.logo1{
float:left;
margin-left:100px;
padding-top:7px;
}

a{
text-decoration:none;
color:#000000;
}

p{
font-size:13px;
}

.nav ul{
width:990px;
background:#F39C12;
padding:0;
margin:0;
float:left;
list-style-type:none;
padding-left:10px;
z-index:999;
border-radius:8px;
margin-bottom:10px;
}

.nav ul li {
float:left;
}

.nav ul li a{
text-decoration:none;
display:block;
padding:12px;
color:#036;
font-size:13px;
font-weight:bold;
}

.nav ul li a:hover{
text-decoration:none;
display:block;
padding:12px;
color:#FFF;
font-size:13px;
font-weight:bold;
background:#FB7922;
transition:0.5s;
}

.nav li ul{
width:249px;
position:absolute;
margin:0;
padding:0;
left:-99em;
border-radius:0px 0px 8px 8px;
}

.nav ul li:hover > ul{
transition:0.5s;
left:auto;
}

.nav li ul li a{
width:225px;
}


.content{
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
padding-top:10px;
background:#FFFFFF;
padding-bottom:30px;
padding-left:10px;
padding-right:10px;
border-radius:8px;
margin-bottom:10px;
}

.content-left{
box-shadow:0 5px 15px rgba(0,0,0,0.2);
z-index:99;
float:left;
width:69.2%;
margin:5px;
}

.content-left-header{
padding:10px;
padding-left:15px;
font-size:14px;
text-transform:uppercase;
font-weight:700;
border-bottom:1px solid #e8e8e8;
}

.content-left-info{
padding:10px;
padding-left:15px;
background:#F6F6F6;
}

.content-left-body{
padding:10px;
padding-left:15px;
}

.content-left-auth{
box-shadow:0 5px 15px rgba(0,0,0,0.2);
z-index:99;
float:left;
width:66.7%;
margin:5px;
padding:10px;
padding-left:15px;
}

.content-left-auth-header{
border-bottom:1px solid #e8e8e8;
margin-bottom:10px;
padding-bottom:5px;
padding-top:5px;
font-weight:700;
text-transform:capitalize;
}

.content-left-val{
box-shadow:0 5px 15px rgba(0,0,0,0.2);
z-index:99;
float:left;
width:69.2%;
margin:5px;
border-radius:8px;
}

.img-auth{
float:left;
margin-right:15px;
border:1px solid #e8e8e8;
}

.content-right{
float:right;
width:28%;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
margin:5px;
margin-right:7px;
border-radius:8px;
}

.content-right-fa{
float:right;
width:29.5%;
padding:0;
margin:0;
}

.content-right-head{
background:#159;
color:#FFFFFF;
padding:10px;
text-transform:uppercase;
font-weight:bold;
border-radius:0px 8px 0px 8px;
}

.dropdown-menu{
padding:10px;
}

.dropdown-menu ul, .faico-big ul{
list-style-type:none;
padding:0;
margin:0;
}

.dropdown-menu ul li{
border-bottom:1px solid #e8e8e8;
}

.dropdown-menu ul li a{
text-decoration:none;
color:#000000;
display:block;
padding-bottom:5px;
padding-top:5px;
}

.dropdown-menu ul li a:hover{
margin-left:10px;
-moz-transition:0.5s;
-o-transition:0.5s;
-khtml-transition:0.5s;
color:#0066FF;
}

.slider{
width:65%;
border:1px solid #000000;
float:left;
margin:5px;
}

.aside{
border:1px solid #000000;
margin:5px;
}

.istansi{
margin-bottom:15px;
margin-top:5px;
margin:5px;
text-align:center;
}

.img{
border:1px solid #E8E8E8;
margin:5px;
}

.news-kiri
{
float:left;
}

.news-kanan{
float:right;
}

.news1{
box-shadow:0 5px 15px rgba(0,0,0,0.2);
margin-top:10px;
width:450px;
margin-right:15px;
margin:5px;
border-radius:8px;
}

.news2{
box-shadow:0 5px 15px rgba(0,0,0,0.2);
margin-top:10px;
width:250px;
margin:5px;
margin-bottom:15px;
border-radius:8px;
}

.news3{
box-shadow:0 5px 15px rgba(0,0,0,0.2);
margin-top:10px;
width:250px;
margin-right:15px;
margin:5px;
margin-bottom:15px;
border-radius:8px;
}

.tgl{
margin-left:10px;
font-size:11px;
margin-bottom:10px;
margin-top:5px;
text-transform:capitalize;
}

.news-head{
background:#159;
color:#FFFFFF;
padding:10px;
text-transform:uppercase;
font-weight:bold;
border-radius:0px 8px 0px 8px;
}

.news-body{
padding:10px;
}

.news-content{
border-bottom:1px solid #e8e8e8;
margin-bottom:20px;
padding-bottom:10px;
}

.news-title{
font-size:16px;
padding:10px;
text-decoration:underline;
padding-bottom:0px;
}

.news-title a{
text-decoration:none;
font-weight:bold;
color:#333;
}

.news-title a:hover{
text-decoration:none;
font-weight:bold;
color:#159;
}

.news-content-left{
padding:10px;
width:120px;
float:left;
}

.news-content-right{
padding:10px;
width:270px;
float:right;
}

.news-content-left-all{
padding:10px;
width:150px;
float:left;
}

.news-content-right-all{
padding:10px;
width:460px;
float:right;
}

.news-content-right a, .news-content-right-all a{
text-decoration:none;
font-weight:bold;
color:#FFF;
background:#036;
padding:5px;
position:relative;
border-radius:0px 8px;
top:-10px;
font-size:10px;
}

.news-content-right a:hover, .news-content-right-all a:hover{
color:#FFFF00;
}

.news-footer{
border-radius:5px;
text-transform:capitalize;
color:#FFFFFF;
text-align:right;
font-weight:bold;
}

.news-footer a{
font-size:13px;
text-decoration:none;
color:#036;
}

.news-footer a:hover{
font-size:13px;
text-decoration:none;
color:#036;
text-decoration:underline;
}

.artikel-footer{
padding:10px;
text-transform:capitalize;
color:#FFFFFF;
text-align:right;
font-weight:bold;
border-top:1px solid #e3e3e3;
}

.artikel-footer a{
font-size:13px;
text-decoration:none;
color:#036;
}

.artikel-footer a:hover{
font-size:13px;
text-decoration:none;
color:#036;
text-decoration:underline;
}

.halaman{
padding:20px;
font-size:16px;
font-weight:bold;
}

.halaman a{
background:#036;
padding:7px;
border-radius:0 8px;
text-decoration:none;
color:#FFF;
font-weight:bold;
text-align:center;
}

.halaman a:hover{
color:#FFFF00;
}

.footer{
background:#222;
padding:20px;
float:left;
border-bottom:1px solid #333;
border-radius:8px;
}

.footer-content{
color:#FFFFFF;
font-size:13px;
padding:10px;
width:300px;
float:left;
}

.footer-head{
border-bottom:1px solid #333;
padding:10px;
text-transform:capitalize;
font-size:14px;
font-weight:bold;
}

.footer-body{
padding:10px;
}

.bio-auth-left{
float:left;
width:19%;
}
.bio-auth-right{
float:right;
width:80%;
}

.pro-auth{
background:url(../img/listIcons.png) no-repeat scroll -7px -6px transparent;
padding-left:20px;
margin-right:40px;
text-transform:capitalize;
}

.pro-auth1{
background:url(../img/listIcons.png) no-repeat scroll -7px -6px transparent;
text-transform:capitalize;
padding-left:20px;
margin-right:40px;
}

.info-tgl{
background:url(../img/listIcons.png) no-repeat scroll -7px -68px transparent;
padding-left:20px;
margin-right:40px;
}

.info-tgl1{
background:url(../img/listIcons.png) no-repeat scroll -7px -69px transparent;
padding-left:20px;
}

.info-kat{
background:url(../img/listIcons.png) no-repeat scroll -7px -178px transparent;
padding-left:20px;
margin-right:40px;
}

.cop-dev{
background:#222;
}
.copyright{
/*background:#036;*/
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
float:left;
padding:10px;
font-size:10px;
width:480px;
}

.dev{
/*background:#036;*/
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
float:right;
padding:10px;
font-size:10px;
width:480px;
text-align:right;
}

.url-nav{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
padding:10px;
}

.url-nav a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
font-weight:bold;
}

.url-nav a:hover{
text-decoration:underline;
color:#036;
}

.slider1_container
{
box-shadow:0 5px 15px rgba(5,5,5,5);
z-index:99;
}

.captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
        }
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            background: url(../img/browser-icons.png);
        }

.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
            {
                filter: alpha(opacity=70);
                opacity: .7;
                overflow:hidden;
                cursor: pointer;
                border: #000 1px solid;
            }
            .jssorb01 div { background-color: gray; }
            .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
            .jssorb01 .av { background-color: #fff; }
            .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../img/a17.png) no-repeat;
                overflow:hidden;
            }
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05ldn { background-position: -250px -40px; }
            .jssora05rdn { background-position: -310px -40px; }

/*@media screen and (max-width:980px) {
	.slider{
	width:65%;
	border:1px solid #000000;
	float:left;
	margin:5px;
	}
	.content-left{
	box-shadow:0 5px 15px rgba(0,0,0,0.2);
	z-index:99;
	float:left;
	width:69.2%;
	margin:5px;
	}
	.content-right{
	width:28%;
	}
	.content-left, #slider1_container{
	
	}
	.nav ul{
	margin-bottom:20px;
	}
	.content{
	padding:0;
	}
	.content-right{
	
	}
	.footer, .header{
	padding:5px;
	}
	
	.istansi{
	text-align:center;
	margin:auto;
	}
		.footer{
background:#222;
color:#FFFFFF;
font-size:13px;
padding:10px;
margin-top:10px;
width:31.3%;
float:left;
}   
}

@media screen and (max-width:800px) {
	.content-left, #slider1_container{
	float:none;
	}
	.content-right{
	float:none;
	}
	html,body, .header, .content, .content-left, .content-right, .news, .footer, .nav ul{
	width:100%;
	}
	
	.content-left{
	width:85%;
	margin-left:8%;
	margin-bottom:10px;
	}
	
	.istansi{
	text-align:center;
	}
}

@media screen and (max-width:700px) {
	.content-left, #slider1_container{
	float:none;
	}
	
	html,body, .header, .content, .content-left, .content-right, .news, .footer, .nav ul, .nav ul li, .nav li ul li a, .nav li ul li a:hover, .nav li ul li, .nav li ul{
	width:100%;
	}
	
	.nav ul li:hover > ul{
	margin-left:40px;
	position:relative;
	}
	.nav ul{
	margin-bottom:20px;
	}
	.content{
	padding:0;
	}
	.content-right{
	float:none;
	}
	.footer, .header{
	padding:5px;
	}
	
	.istansi{
	text-align:center;
	margin:auto;
	margin-bottom:30px;
	}
}


@media screen and (max-width:480px) {
	.content-left, #slider1_container{
	display:none;
	}
	
	html,body, .header, .content, .content-left, .content-right, .news, .footer, .nav ul, .nav ul li, .nav li ul li a, .nav li ul li a:hover, .nav li ul li, .nav li ul{
	width:100%;
	}
	
	.nav ul li:hover > ul{
	margin-left:40px;
	position:relative;
	width:100%;
	}
	.nav ul{
	margin-bottom:20px;
	}
	.content{
	padding:0;
	}
	.content-right{
	float:none;
	}
	.footer, .header{
	padding:5px;
	}
	
	.istansi{
	text-align:center;
	margin:auto;
	margin-bottom:30px;
	}
	
	.footer{
background:#222;
color:#FFFFFF;
font-size:13px;
padding:10px;
margin-top:10px;
width:100%;
float:none;
}
}
*/