/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 9, 2015 */



@font-face {
    font-family: 'antoniobold';
    src: url('Antonio-Bold-webfont.eot');
    src: url('Antonio-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('Antonio-Bold-webfont.woff2') format('woff2'),
         url('Antonio-Bold-webfont.woff') format('woff'),
         url('Antonio-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'antoniolight';
    src: url('Antonio-Light-webfont.eot');
    src: url('Antonio-Light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('Antonio-Light-webfont.woff2') format('woff2'),
         url('Antonio-Light-webfont.woff') format('woff'),
         url('Antonio-Light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'antonioregular';
    src: url('Antonio-Regular-webfont.eot');
    src: url('Antonio-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('Antonio-Regular-webfont.woff2') format('woff2'),
         url('Antonio-Regular-webfont.woff') format('woff'),
         url('Antonio-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

#home .caption h1 a { text-transform:none !important; font-family: 'Roboto Condensed',sans-serif; color:#FFF; font-size:24px;}
#home .caption h1 a:hover { color:#FC0;}
#home .caption .kecil {text-transform:none !important; font-size:14px; font-family:'Open Sans',sans-serif; width:360px; line-height:19px; margin-top:10px;}
#home nav.main li a { font-size:14px; text-transform:none;font-family:'Open Sans',sans-serif; font-weight:normal; padding:8px;}
nav.main li :a:visited { background-color: transparent;}
nav.main li ul {width:300px; display:compact;}
nav.main li a { border-bottom:1px dotted #CCC; width:260px;}


#blog .caption h1 a { text-transform:none !important; font-family: 'Roboto Condensed',sans-serif; color:#FFF; font-size:24px;}
#blog .caption h1 a:hover { color:#FC0;}
#blog .caption .kecil {text-transform:none !important; font-size:14px; font-family:'Open Sans',sans-serif; width:360px; line-height:19px; margin-top:10px;}
#blog nav.main li a { font-size:14px; text-transform:none;font-family:'Open Sans',sans-serif; font-weight:normal; padding:8px;}
#blog .wrapper .page article h2 { text-transform:none !important;}

<!-- untuk map peta asean -->
.wrap_peta { width:700px; position:relative; height:700px;}
.pt_myanmar { position:absolute; left:10px; top:10px;}
.ktk_simbol { width:38px; height:46px; float:left; margin-right:10px;}
.tpt_jdl { float:left; width:250px; height:46px; font-family: 'Oswald', sans-serif; font-size:30px; text-transform:uppercase;}
.hg10 { height:10px !important;} .hg15 { height:15px !important;} .hg20 { height:20px !important;} .hg5{ height:5px !important;}
.jdl { font-family:'Oswald',sans-serif; font-size:30px; }
.jdl24{ font-family:'Oswald',sans-serif; font-size:20px; color:#F30; }
.wmerah { color:#F00;} .whijau { color: #090;}

.tanya { font-size:18px; font-weight:bold; padding:8px 10px 2px; font-style:italic; border-bottom:1px dotted #DDDDDD;}
.jawab { margin: 5px 10px; border-left:3px solid #666; padding-left: 10px;}
.tab-pane .jawab { font-size:14px !important; line-height:21px;}
.jawab ol, .jawab ul { padding:15px 0px;}
.jawab ol li { font-size:14px; line-height:20px; list-style-type:lower-latin; padding-left:10px; margin-bottom:10px; margin-left:15px;}
.jawab ul li { font-size:14px; line-height:20px; list-style-type:circle;  padding-left:10px; margin-bottom:10px; margin-left:15px;}

.blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
.blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.blockquote p {
  display: inline;
}
.font_anto { font-family: "antoniobold",sans-serif;}