/* CSS Document */

body{
background: #cbd5de url(http://www.upi.edu/images/bg_body.gif) no-repeat top center;
font-family: Arial, Helvetica, sans-serif;
color:#000;
margin:0 auto;
padding: 0;
}
/*#wrap {
margin: 0 auto;
padding: 0;
width: 1062px;
}
*/
a{
color: #810A0A;
text-decoration:none;
}
a:hover{
color: #000;
text-decoration:underline;
}
/*-----atas-----*/
table {
margin: 0;
padding: 0;
font: 11px normal tahoma,arial,verdana;
}
td {
margin: 0;
padding: 3px;
font: 11px normal arial,tahoma,arial,verdana;
}

#atas {
margin: 0 auto;
padding: 0;
}
#atasna {
background: url(http://www.upi.edu/images/bg-atasna.jpg) repeat-x top center;
margin: 0 auto ;
padding: 0;
width:1024px;
height: 38px;
}
.logo{
float: left;
width:383px;
height:28px;
margin: 5px 10px;
}
.search{
float: right;
margin: 5px 10px;
}
#bg-atas{
background: url(http://www.upi.edu/images/bg-head.jpg) no-repeat;
margin: auto;
padding: 0;
width: 1024px;
height: 169px;
}
#bg-drop{
background: url(http://www.upi.edu/images/bg_drop.gif) repeat-x;
height:8px;
width: 1024px;
margin: auto ;
padding: 0;
}
.language{
float:right;
text-align:right;
width:790px;
margin-right:15px;
font-size: 10px;
color: #fff;
}
.bahasa{
background: url(http://www.upi.edu/images/id.JPG) no-repeat 0 transparent;
width: 16px;
height: 11px;
padding-left: 20px;
margin-right:5px;
}
.english{
background: url(http://www.upi.edu/images/gb.JPG) no-repeat 0 transparent;
width: 16px;
height: 11px;
padding-left: 20px;
}
.language a{
text-decoration: none;
color: #fff;
}
.language a:hover{
text-decoration: underline;
color: #fff;
}

/*-----end atas-----*/
#row{
width: 310px;
float:left;
margin: 20px 0 10px 10px;
padding:10px;
font:12px arial,tahoma;
}
/*----navigasi atas----*/
#topnav {
	font-family: Verdana, Arial;
	font-size:11px;
	margin: auto 0; 
	padding: 0;
	float: left;
	width: auto;
	list-style: none;
	position: absolute; /*--Set relative positioning on the unordered list itself - not on the list item--*/

}
#topnav ul {
	font-family: Verdana, Arial;
	font-size:11px;
	margin: auto 0; 
	padding: 0;
	float: left;
	list-style: none;
	position: absolute; /*--Set relative positioning on the unordered list itself - not on the list item--*/

}

#topnav li {
	float: left;
	position: relative;
	margin:px 0 0;
	padding:0;
	}
#topnav li.open, #topnav li:hover {
  background: #750100;
  }
#topnav li a {
	display: block;
	padding: 5px 12px;
	line-height: 21px;
	color: #fff;
	text-decoration: none;
	list-style: none;
	}
#topnav li ul {
  display: none;
  float:left;
  position: absolute;
  top: 30px;
  left: 0;
  width: 160px;
  padding: 0 0 5px;
  background: #750100;
  list-style:none;
  }
#topnav li:hover ul {
  display: block;
  }
#topnav li ul li {
  float: none;
  }
#topnav li ul li a {
  padding: 8px 10px;
  display: inline-block;
  }
#topnav li ul li a {display: block;}
#topnav li ul li a:hover {
  background: #000;
  color: #bbb;
  }




#image{
height: 138px;
width:239px;
/*background: url(http://www.upi.edu/images/ed-1432.png) no-repeat;*/
}
#image img {
    border: 0 none;
    float: left;
    margin: 20px 1px 0 10px;
    padding: 0;
                }
/*-----end navigasi------*/
#seluruh {
margin: 0 auto  ;
padding: 0;
width: 1024px;
}
h3 {
margin:0 auto;
font-size:15px;
font-weight: bold;
color: #922c2b;
}
.isi{
background: #efeee5;
width:1024px;
float:left;
}
/*----agenda-------*/

.agenda{
color:#134b91;
margin: 0;
padding:0px;
font:11px Verdana,sans-serif;
list-style:none;
line-height:160%;

}
.berita{
font:11px Verdana,sans-serif;
float:right;
margin: 0;
padding:0px;
list-style:none;
line-height:160%;
color:#134b91;

}
.spot{
font:11px Verdana,sans-serif;
margin: 0;
padding:0px;
list-style:none;
line-height:160%;
color:#134b91;

}
.agenda ul {
margin: 10px 35px 0 0;
padding: 0;
}
li.row{
margin: 15px 0;
padding:0;
color: #000;
}
li.row a{
color: #810A0A;
text-decoration:none;
}
li.row a:hover{
color: #000;
text-decoration:underline;
}
/*----spot-------*/

#spot ul {
list-style: none;
display:block;
margin: 15px 0 0 255px;
padding: 0;
}
li.mid{
background: url(http://www.upi.edu/images/icon_list.gif) no-repeat 0px 3px;
margin: 8px 0 5px 0;
padding:0 10px 0px 20px;
}
li.mid a{
color: #810A0A;
text-decoration:none;
}
li.mid a:hover{
color: #000;
text-decoration:underline;
}

.bul{
margin: 5px 0;
padding:0;
color: #555;
list-style:square;
}
.bul a{
color: #eee;
text-decoration:none;
}
.bul a:hover{
color: #eee;
text-decoration:underline;
}

/*----berita-------*/

#berita ul {
list-style: none;
display:block;
margin: 0;
padding: 0;
}
li.rite{
float:left;
margin: 4px 0px 0px 0px;
background: url("http://www.upi.edu/images/icon_info.gif") no-repeat scroll 0 8px transparent;
padding:2px 0 0px 15px;
}
li.rite a{
color: #810A0A;
text-decoration:none;
}
li.rite a:hover{
color: #000;
text-decoration:underline;
}
img.berita {
float: left;
margin:0 10px 0 0px;
padding: 0;
border:0px;
}
 img {
float: left;
margin:0 1px 0 0px;
padding: 0;
border:0px;
}

/*----info----*/
#infona{
clear:both;
background:#EFEEE5;
float:left;
width: 1024px;
margin: 0 auto;
padding: 0;
}
#info{
clear:both;
background:#FFFFFF;
float:left;
width: 1024px;
margin: 0 auto;
padding: 0;
}
.info1{
width: 335px;
float:left;
margin: 10px 0 0px 8px;
padding:5px;
}
.leher{
background:#922c2b;
margin: 0 auto;
padding:0;
width: 335px;
height:33px;
}
.leher h3{
margin-left:5px;
margin-right:10px;
padding: 10px 5px;
font-size:13px;
color: #fff;
}

.tubuh{
font:12px arial,helvetica;
color:#20497c;
background: url(http://www.upi.edu/images/bg_tubuh.png) repeat-x;
width:335px;
margin:0 auto;
padding:0;
height: 190px;
}
.tubuh ul{
list-style:none;
margin: 0 auto;
padding: 5px 10px;
}
.tubuh li{
background: url(http://www.upi.edu/images/icon_info.gif) no-repeat 0px 5px;
margin:5px 0px 0 0px;
padding:2px 0 5px 15px;

}

.info2{
background: ;
width: 335px;
float:left;
margin: 10px 0 0px 4px;
padding:5px;
}
.leher2{
background: url(http://www.upi.edu/images/top2.jpg) no-repeat;
margin: 0 auto;
padding:0;
width: 351px;
height:11px;
}
.kaki2{
background:url(http://www.upi.edu/images/bot2.jpg) no-repeat;
width: 351px;
height:11px;
margin: 0 auto;
padding:0;
}


.info3{
width: 299px;
float:left;
margin: 10px 0 0px 4px;
padding:5px;
}
.info3 img{
margin:8px 0 0 0;
}
.leher3{
background:#333;
color:#FFFFFF;
margin: 0 auto;
padding:0;
width: 300px;
height:33px;
}
.leher3 h3{
margin-left:5px;
margin-right:10px;
padding: 10px 0 0 5px;
font-size:13px;
color: #fff;
}


.download {
width: 335px;
float:left;
margin: 0px 0 10px 8px;
padding:5px;
}
.leher_download{
background:#134b91;
color:#FFFFFF;
margin: 0 auto;
padding:0;
width: 335px;
height:33px;
}
.leher_download h3{
margin-left:5px;
margin-right:10px;
padding: 10px 0 0 5px;
font-size:13px;
color: #fff;
}

.tubuh2{
font:12px arial,helvetica;
border:#f0efec solid 1px;
color:#20497c;
width:333px;
margin:0 auto;
padding:0;
height: auto;
min-height: 190px;
}
.tubuh2 ul{
list-style:none;
margin: 0 auto;
padding: 5px 10px;
}
.tubuh2 li{
background: url(http://www.upi.edu/images/icon_info.gif) no-repeat 0px 5px;
margin:5px 0px 0 0px;
padding:2px 0 5px 15px;

}

.quick{
width: 299px;
float:left;
margin: 0;
padding:5px;
}
 h2{
    color: #922C2B;
        font-size: 15px;
            font-weight: bold;
                margin: 0 0 0 15px;
}
/*----end info----*/
/*----bawah---*/
#wrap-bawah{
clear:both;
padding: 0;
margin:0 auto;
width:1024px;
}
#bawah{
background:#000;
float:left;
width:1024px;
font-size:12px;
color: #aaa;
padding:10px 0 10px 0;
}
.bawahna {
margin:0 10px;
padding:0;
text-align:right;
width:500px;
float: right;
line-height: 20px;
}
.bawahna img{
margin:0 2px;
padding:0;
float: right;
}

.bawahna a {
color:#C32E00;
text-decoration:none;
}
.bawahna a:hover {
color:#C32E00;
text-decoration:underline;
}
.social{
float right:
width:65px;
margin-left: 10px;
}
#akademik{
background:#818080;
float:left;
width:1024px;
border-bottom: 1px dotted #666;
padding: 0 0 10px 0;
}
#akademik h3{
font: 19px/30px "Trebuchet MS",Arial,Helvetica,sans-serif;
color:orange;
margin-left:25px;
}
#akademik ul{
list-style:none;
font: tahoma,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
color:#000;
margin:3px 0px 10px 0;
padding-left: 25px;

}
#akademik li{
margin:5px 0 0 5px;
padding:0;
font-weight:normal;
}
#akademik li a{
color:#eee;
text-decoration:none;
}
#akademik li a:hover{
color:#eee;
text-decoration:underline;
}

.kolom1 {
float:left;
margin-top:10px;

width:337px;
}
.kolom2 {
background:url(http://www.upi.edu/images/bg_col.jpg) repeat-y;
float:left;
margin-top:40px;
width:337px;
}
.kolom3 {
background:url(http://www.upi.edu/images/bg_col.jpg) repeat-y;
float:left;
margin-top:40px;
width:337px;
}

/*----end bawah----*/
/*----detail----*/
.menu {
margin: 30px 0;
float:left;
width: 224px;
}
.menu h2{
width: 194px;
height: 31px;
text-align:right;
padding:5px 15px 0 0;
margin: 0 0 0 16px;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:21px;
color:#FFFFFF;
background: #710100;
}
.menu a{
margin:0 auto;
padding-right:10px;
display:block;
text-decoration:none;
color:#000000;
}
.menu a:hover{
display:block;
background: #CCCCCC;
}
.menu ul{
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
list-style: none;
text-align:right;
padding:0 0 0 42px;
}
.menu li{
display:block;
line-height: 29px;
border-bottom: 1px solid #c2c2c2;
padding: 0 px;
margin:0;
}
.detil{
border-left:solid 1px #c2c2c2;
margin-top: 30px;
padding: 0px 10px 35px 10px;
float:left;
width: 530px;
font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000;
line-height: 160%;
}
.detil 
h1{
font-family: "Palatino","Georgia","Times New Roman", Times, serif;
font-weight: normal;
font-size: 23px;
margin: 0px 0 0 0px;
padding: 10px 0px;
line-height: 160%;
}
.detil h2{
font-family: "Palatino","Georgia","Times New Roman", Times, serif;
font-weight: normal;
font-size: 20px;
margin: 10px 0 0 0px;;
}
.detil p, pre{
margin: 5px 5px 10px 0px;;
line-height: 20px;
font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size: 11px;
}
.detil ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 25px;
line-height: 20px;
}
.detil li{
font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 20px;
}
.detil a{
text-decoration:none;
color:#810A0A;
}
.detil a:hover{
color:#000000;
text-decoration:none;
}

.adv{
background: #eaeaea;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top: 30px;
margin-right: 8px;
float: left;
width: 220px;
}
.adv h3{
margin:0 0 0px 10px;
font-size:20px;
font-weight: bold;
color: #7c0100;
}
.adv ul{
display:block;
list-style:none;
margin-left: 10px;
margin-right:5px;
padding: 3px;
}
.adv ul li{
display:block;
list-style:none;
margin-left: 0px;
margin-right:5px;
margin-bottom: 10px;
padding: 3px;
}

.date{
font-weight:
;
color:#000;
font-size:10px;
margin:  0px;
padding:0;
}
.datenews{
color:#922c2b;
font-size:10px;
margin:0 0 3px;
padding:0;
}

/*----end detail----*/
#foot{
margin:0;
}

#fake-body {
overflow:auto;
z-index:1;
}

#dock {
background:#ccc url(http://www.upi.edu/images/bg.gif) repeat-x;
height:200px;
z-index:100;
width:100%;
}

.alert {
font-size:12px;
background:#fff4de url() repeat-x;
/*margin: 15px 0px;*/
padding: 5px;
/*border: 1px dashed #ffe1cd;*/
border: 2px solid #fff;
color: #20497c;
}
.alert h4{
border-bottom: 1px solid #e0e0e0;
color:##134B91;
font-size:12px;
font-weight:bold;
margin:5px 3px 0;
}
.alert ul {
list-style:none outside none;
margin:0 auto;
padding:5px 3px;
}
.alert li{
background:url("http://www.upi.edu/images/icon_info.gif") no-repeat scroll 0 5px ;
margin:5px 0 5px;
padding:0 10px 0 20px;
}
.alert li a{
color:#134B91;
}
/*---search---*/
#field {
background: #770100;
border:1px solid #620100;
height:19px;
margin:2px 0;
padding:0 4px;
width:25ex;
color:#3e0100;
font-size:12px;
float:left;
}
#field:focus{
background: #ffffff;
border-color:#dddddd;
color:#000;
float:left;
}
#go{
background:url("http://www.upi.edu/images/lup.png") no-repeat scroll 0 0 transparent;

border:0 none;
height:21px;
margin:2px 0px 0 0;
width:35px;
}

.selamat {
text-align:center;
padding: 0px;
}

/*---end pencarian---*/
/*---table telepon---*/
.telepon{
margin-top:30px;
margin-left:20px;
}
.telepon table{
 background: none repeat scroll 0 0 #7c7c7c;
 border: 5px solid #626262;
 border-collapse: collapse;
 color: #FFFFFF;
 width: 500px;
}
.ekstensi {
background-color: #6f6f6f;
}
.telepon thead th {
border-bottom: 1px solid #FFFFFF;
font-size: 120%;
padding: 0.5em 1em 0.5em 0.5em;
text-align: left;
color:#f8c715;
                }
.telepon td{
padding: 0.5em 0.5em;
}
.telepon tbody tr.odd td {
    background: url("http://www.upi.edu/images/tr_bg.png") repeat scroll left top transparent;
    }
/*---end table telepon---*/
.spotna{
margin-top: 230px;	
}
.hot{
    float: left;
        margin: 5px 10px 0;
            padding: 0;
}