html, body{
	font-family: 'Roboto', sans-serif;
	/*font-family:"Cabin-Regular";*/
    font-size: 100%;
    overflow-x: hidden;
}
@font-face{
    font-family: 'Lato-Regular';
	src:url(../fonts/Lato-Regular.ttf) format('truetype');
}
@font-face{
    font-family: 'Cabin-Regular';
	src:url(../fonts/Cabin-Regular.ttf) format('truetype');
}
.margine {
	clear:both;
}
.margine10 {
	clear:both;
	margin-bottom:10px;
}
.margine20 {
	clear:both;
	margin-bottom:20px;
}
.margine1 {
	clear:both;
	margin-bottom:1em;
}
.margine2 {
	clear:both;
	margin-bottom:2em;
}
.mainFrame {
	width:100%;
	padding:10px;
}
.imgLogo {
	float:left;
	margin-right:20px;
}
.logo {
	float:left;
	width:50%;
	font-size:1.7em;
	font-weight:bold;
}
.frameJam {
	float:right;
	margin-right:20px;
	padding-top:10px;
}
.tanggal {
	float:left;
	margin-right:10px;
	font-size:1.2em;
}
.jam {
	float:left;
	margin-right:10px;
	font-size:1.2em;
}
.border1 {
	border:1px solid;
}
.border2 {
	border:2px solid;
}
.border3 {
	border:3px solid;
}
.secondFrame {
	width:100%;
	padding:10px;
	margin-top:10px;
	border:0px solid;
}
.stringStandard {
	font-size:1.2em;
}
.frame1 {
	float:left;
	width:25%;
	border:0px solid;
}
.frame2 {
	float:left;
	width:75%;
	border:0px solid;
	padding:3px;
}
.frame1a {
	float:none;
	width:100%;
	height:165px;
	border:0px solid;
	padding-top:15px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:15px;
}
.frame1a .title {
	font-size:1.4em;
	width:100%;
	margin-bottom:15px;
	font-weight:bold;
}
.frame1a .titleAngka {
	float:left;
	font-size:1.4em;
	width:60%;
	font-weight:bold;
	margin-bottom:10px;
}
.frame1a .angka {
	float:right;
	font-size:1.4em;
	text-align:right;
	width:35%;
	font-weight:bold;
}
.frame2a {
	width:100%;
	height:675px;
	border:0px solid;
	padding-left:5px;
	padding-right:5px;
}
.frame2aLeft {
	width:60%;
	float:left;
}
.frame2aRight {
	width:37%;
	float:left;
}
.frame2ax {
	width:100%;
	height:423px;
	margin-right:10px;
	padding:15px;
}
.frame2ax .title {
	text-align:center;
	text-transform:uppercase;
	margin-bottom:20px;
	font-size:2.0em;
	font-weight:bold;
}
.frame2ax .titleAngka {
	float:left;
	font-size:1.8em;
	text-transform:uppercase;
	width:45%;
	font-weight:bold;
	margin-bottom:10px;
	border:0px solid;
	padding-left:10px;
}
.frame2ax .angka {
	float:right;
	font-size:1.8em;
	text-align:right;
	width:55%;
	font-weight:bold;
	border:0px solid;
	padding-right:10px;
}
.frame2b {
	width:100%;
	height:310px;
	border:0px solid;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
}
.frame2bx {
	width:32%;
	float:left;
	height:310px;
	margin-right:10px;
	padding:10px;
}
.frame2bx .title {
	text-align:center;
	text-transform:uppercase;
	margin-bottom:10px;
	font-size:1.4em;
	font-weight:bold;
}
.frame2bx .titleBranch {
	margin-bottom:5px;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
}
.frame2bx .titleAngka {
	float:left;
	font-size:1em;
	text-transform:uppercase;
	width:45%;
	font-weight:bold;
	margin-bottom:10px;
	border:0px solid;
	padding-left:15px;
}
.frame2bx .angka {
	float:right;
	font-size:1em;
	text-align:right;
	width:55%;
	font-weight:bold;
	border:0px solid;
	padding-right:10px;
}
.frame2bx .titleAngkaBig {
	float:left;
	font-size:1.1em;
	text-transform:uppercase;
	width:45%;
	font-weight:bold;
	margin-bottom:15px;
	border:0px solid;
	padding-left:15px;
}
.frame2bx .angkaBig {
	float:right;
	font-size:1.1em;
	text-align:right;
	width:55%;
	font-weight:bold;
	border:0px solid;
	padding-right:10px;
}
.frame2cx {
	width:100%;
	float:left;
	height:370px;
	margin-right:10px;
	padding:15px;
}
.frame2cx .titleTop {
	text-align:center;
	text-transform:uppercase;
	font-size:3em;
	font-weight:bold;
}
.frame2cx .angkaMiddle {
	text-align:center;
	text-transform:uppercase;
	font-size:6.0em;
	font-weight:bold;
	padding-top:30px;
	padding-bottom:30px;
}
.frame2cx .titleBottom {
	text-align:center;
	text-transform:uppercase;
	font-size:3em;
	font-weight:bold;
}
.frame2dx {
	width:100%;
	min-height:670px;
	padding:10px;
}
.frame2dx .title {
	text-align:center;
	text-transform:uppercase;
	margin-bottom:20px;
	font-size:1.2em;
	font-weight:bold;
}
.frame2dx .baris {
	height:68px;
	margin-bottom:5px;
}
.frame2dx .baris .cabang {
	font-size:1.2em;
	width:100%;
	font-weight:bold;
}
.frame2dx .baris .angka {
	font-size:1.4em;
	width:100%;
	font-weight:bold;
	padding-top:0px;
}
.background1 {
	background:#00BFFF;
}
.background2 {
	background:#00B2EE;
}
.background3 {
	background:#1E90FF;
}
.background4 {
	background:#1C86EE;
}
.background5 {
	background:#1874CD;
}
.background6 {
	background:#104E8B;
}
.background7 {
	background:#00688B;
}
.backgroundGrey {
	background:#E6E6FA;
}
.color1 {
	color:#00BFFF;
}
.color2 {
	color:#00B2EE;
}
.color3 {
	color:#1E90FF;
}
.color4 {
	color:#1C86EE;
}
.color5 {
	color:#1874CD;
}
.color6 {
	color:#104E8B;
}
.colorWhite {
	color:#FFF;
}
.textCenter {
	text-align:center;
}
.letterSpacing3 {
	letter-spacing:3px;
}
.letterSpacing5 {
	letter-spacing:5px;
}
.tower {
	height:280px;
	width:50px;
	border:1px solid;
	background:#FFF;
}
.col2 {
    width:2%;
}
.col3 {
    width:3%;
}
.col5 {
    width:5%;
}
.col7 {
    width:7%;
}
.col10 {
    width:10%;
}
.col15 {
    width:15%;
}
.col16 {
    width:16%;
}
.col17 {
    width:17%;
}
.col18 {
    width:18%;
}
.col19 {
    width:19%;
}
.col20 {
    width:20%;
}
.col25 {
    width:25%;
}
.col30 {
    width:30%;
}
.col35 {
    width:35%;
}
.col36 {
    width:36%;
}
.col37 {
    width:37%;
}
.col38 {
    width:38%;
}
.col39 {
    width:39%;
}
.col40 {
    width:40%;
}
.col45 {
    width:45%;
}
.col50 {
    width:50%;
}
.col51 {
    width:51%;
}
.col52 {
    width:52%;
}
.col53 {
    width:53%;
}
.co54 {
    width:54%;
}
.col55 {
    width:55%;
}
.col60 {
    width:60%;
}
.col65 {
    width:65%;
}
.col70 {
    width:70%;
}
.col75 {
    width:75%;
}
.col80 {
    width:80%;
}
.col85 {
    width:85%;
}
.col90 {
    width:90%;
}
.col95 {
    width:95%;
}
.col100 {
    width:100%;
}
.floatLeft {
    float:left;
}
.floatRight {
    float:right;
}
.padding3 {
    padding:3px;
}
.padding5 {
    padding:5px;
}
.padding10 {
    padding:10px;
}
.padding20 {
    padding:20px;
}
.padding1 {
    padding:1em;
}
.padding2 {
    padding:2em;
}
.paddingLeft {
    padding-left: 1em;
}
.paddingLeft5 {
    padding-left: 5px;
}
.paddingLeft10 {
    padding-left: 10px;
}
.paddingLeft20 {
    padding-left: 20px;
}
.paddingLeft1 {
    padding-left: 1em;
}
.paddingLeft2 {
    padding-left: 2em;
}
.paddingLeft3 {
    padding-left: 3em;
}
.paddingLeft4 {
    padding-left: 4em;
}
.paddingRight {
    padding-right: 1em;
}
.paddingRight5 {
    padding-right: 5px;
}
.paddingRight10 {
    padding-right: 10px;
}
.paddingRight20 {
    padding-right: 20px;
}
.paddingRight1 {
    padding-right: 1em;
}
.paddingRight2 {
    padding-right: 2em;
}
.paddingRight3 {
    padding-right: 3em;
}
.paddingTop {
    padding-top: 1em;
}
.paddingTop5 {
    padding-top: 5px;
}
.paddingTop7 {
    padding-top: 7px;
}
.paddingTop10 {
    padding-top: 10px;
}
.paddingTop20 {
    padding-top: 20px;
}
.paddingTop1 {
    padding-top: 1em;
}
.paddingTop2 {
    padding-top: 2em;
}
.paddingTop3 {
    padding-top: 3em;
}
.paddingTop3 {
    padding-top: 3em;
}
.paddingTop4 {
    padding-top: 4em;
}
.paddingTop8 {
    padding-top: 8em;
}
.paddingBottom {
    padding-bottom: 1em;
}
.paddingBottom1 {
    padding-bottom: 1em;
}
.paddingBottom5 {
    padding-bottom: 5px;
}
.paddingBottom7 {
    padding-bottom: 7px;
}
.paddingBottom10 {
    padding-bottom: 10px;
}
.paddingBottom20 {
    padding-bottom: 20px;
}
.paddingBottom1 {
    padding-bottom: 1em;
}
.paddingBottom2 {
    padding-bottom: 2em;
}
.paddingBottom25 {
    padding-bottom: 2.5em;
}
.paddingBottom3 {
    padding-bottom: 3em;
}
.margin0 {
    margin:0;
}
.marginLeft5 {
    margin-left:5px;
}
.marginLeft10 {
    margin-left:10px;
}
.marginLeft1 {
    margin-left:1em;
}
.marginLeft2 {
    margin-left:2em;
}
.marginRight1 {
    margin-right:1em;
}
.marginRight2 {
    margin-right:2em;
}
.marginRight1px {
    margin-right:1px;
}
.marginRight2px {
    margin-right:2px;
}
.marginRight5 {
    margin-right:5px;
}
.marginRight10 {
    margin-right:10px;
}
.marginTop5 {
    margin-top:5px;
}
.marginTop10 {
    margin-top:10px;
}
.marginTop20 {
    margin-top:20px;
}
.marginTop1 {
    margin-top:1em;
}
.marginTop2 {
    margin-top:2em;
}
.marginTop25 {
    margin-top:2.5em;
}
.marginTop3 {
    margin-top:3em;
}
.marginBottom5 {
    margin-bottom:5px;
}
.marginBottom10 {
    margin-bottom:10px;
}
.marginBottom20 {
    margin-bottom:20px;
}
.marginBottom20px {
    margin-bottom:20px;
}
.marginBottom1 {
    margin-bottom:1em;
}
.marginBottom2 {
    margin-bottom:2em;
}
.marginBottom25 {
    margin-bottom:2.5em;
}
.marginBottom3 {
    margin-bottom:3em;
}
.border1 {
    border:1px solid;
}
.borderGrey1 {
    border:1px solid #D4D4D4;
}
.borderBlue1 {
    border:1px solid #8DB6CD;
}
.borderTopBottom {
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.borderLeft {
    border-left:1px solid;
}
.borderRight {
    border-right:1px solid;
}
.borderLeftRight {
    border-left:1px solid;
    border-right:1px solid;
}
.borderTop1 {
    border-top:1px solid;
}
.borderBottom1 {
    border-bottom:1px solid;
}
.textCenter {
	text-align:center;
}
.textRight {
	text-align:right;
}