@import url(http://fonts.googleapis.com/css?family=Roboto);
body {
	margin-top: 0px;
	
	
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
visibility: hidden;
color: black;
text-decoration: none;
}


.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 25px;
left: 5px; /*position where enlarged image should offset horizontally */
font-family: 'Roboto', sans-serif;
color: #036;
font-size: 11px;
font-style:italic bold;
width:100px;
}




.marquee
{
    font-family: 'Roboto', sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
}
marquee
{
    font-family: 'Roboto', sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
}

a
{
    font-family: 'Roboto', sans-serif;;
    color: #036;
    font-size: 11px;
    text-decoration: none;
}
a:visited
{
    font-family: 'Roboto', sans-serif;
    color: #036;
    font-size: 11px;
    text-decoration: underline;
}
h1
{
  font-family: 'Roboto', sans-serif;
  color: #999999;
}
strong,b{
  font-family: 'Roboto', sans-serif;
  color: #7a7a7a;
}
h4
{
  font-family: 'Roboto', sans-serif;
  color: #00466F;
}
h2
{
  font-family: 'Roboto', sans-serif;
  /*color: #00466F;*/
  color: #7a7a7a;
}

h1,h2,h3,h4,h5,h6
{
margin-bottom: 0px;
padding-bottom: 0px;
}
p,ul,label
{
    font-family: 'Roboto', sans-serif;
    color: #666;
    font-size: 12px;
    text-decoration: none;
    text-align: justify;
    margin-bottom: 6px;
    padding-bottom: 6px;
}
.garis{
color: #999;
    background-image: url(../img/garis.jpg);
    background-repeat: repeat-x;
    background-position: Center;
}
.garis-berdiri {
    /*background-image: url(../img/garis-berdiri.jpg);*/
    background-position: right;
    background-repeat: repeat-y;
    color: #999999;
	margin-right: 6px;
    padding-right: 6px;
	height: 100%;
}
.top{
	border-bottom: 5px solid #0080ff;
	background-color: #00008e;
	background-repeat: no-repeat;
	height: 12px;
	position:absolute top;
	color:#fff;
	font-family: Corbel,Calibri,"Trebuchet MS",Arial,sans-serif;
}

/*.footer{
	
	border-top: 3px solid #1E7C9A;
	background-color: #103674;
	height: 100px;
	color:#fff;
	font-family: Corbel,Calibri,"Trebuchet MS",Arial,sans-serif;
}
*/
.footer { 
	border-top: 3px solid #1E7C9A;
	height: 59px; 
	margin: 0 auto; 
	color: #fff; 
	clear: both; 
	padding: 1em 1em; 
	background: #103674; 
	position: relative; 
	bottom: 0px; 
}
.content{
	background-repeat: no-repeat;
    background-image: url(../img/content_b.png);
    background-position: Center;
	padding: 1em 1em; 
}
.tableBorderHome{
	border:1px solid black;
}

.float_x{
  padding-left: 0px;
}
.float_x li{
  float: left;
  list-style: none;
  padding-right: 16px;


}
.float_x li:last-child{
    padding-right: 0px;
}

.clrfx{
  clear: both;
}

.garis-berdiri:first-child{
  padding-left: 0px;
}
.garis-berdiri:last-child{
  padding-right: 0px;
}
.garis-berdiri{
  padding: 4px;
}

.top2{

  padding-top: 14px;
}