@font-face {
    font-family: 'HelveticaNeueLTStd77BoldCondensed';
    src: url('fonts/helveticaneueltstd-bdcn.eot');
    src: url('fonts/helveticaneueltstd-bdcn.eot') format('embedded-opentype'),
	url('fonts/helveticaneueltstd-bdcn.woff') format('woff'),
	url('fonts/helveticaneueltstd-bdcn.ttf') format('truetype'),
	url('fonts/helveticaneueltstd-bdcn.svg#HelveticaNeueLTStd77BoldCondensed') format('svg');
}

body{
    padding:0px;
    margin:0px;
    background:#fff url(images/body.jpg) repeat-x top center;
    font-family:arial;
    font-size:12px;
    color:#3c3e3c;
}
@media all and (max-width: 1024){
    body{
	background:#fff url(images/body-1024.jpg) repeat-x top center;
    }
}
@media all and (max-width: 1360){
    body{
	background:#fff url(images/body-360.jpg) repeat-x top center;
    }
}
table tbody{bordeR:none;}
/* general */
a{
    text-decoration:none;
    color:#2e3192;
    border:none;
    outline: none;
}
a:hover{color: #ef0808; text-decoration: underline;}
a img{
    border:none;
    outline: none;
}
p{
    line-height:25px;
    padding: 0px; margin: 0px 0px 10px 0px;
}
a.administrationConfig{
    background:url(images/config.png) no-repeat center;
    width:60px;
    height:60px;
    display:block;
    position:absolute;
    top:30px;
    left:20px;
}
a.administrationConfig:hover{background:#fff url(images/config.png) no-repeat center;}

.header{
    width:100%;
    display:block;
    padding:0px;
    margin:0px 0px 10px 0px;
}
.container{
    width:940px;
    padding:0px 10px;
    margin:0px auto;
}
.menuArea{
    width:442px;
    float:right;
    padding:0px;
    margin:15px 0px 0px 0px;
    height:37px;
    background:url(images/bg-menu.png) no-repeat center top;
}
.menuArea ul{
    padding:0px;
    margin:5px 0px;
    list-style:none;
    text-align:center;
}
.menuArea ul li{
    display:inline-block;
    padding:0px;
    margin:0px;
    border-right:1px solid #cacaca;
}
.menuArea ul li:last-child{
    border-right:none;
}
.menuArea ul li a{
    display:block;
    padding:5px 17px;
    margin:0px;	
    color:#7e7e7e;
}
.menuArea ul li a:hover, .menuArea ul li a.active{
    color:#2e3192;
    font-weight:bold;
}
/* slider area */
.slider{
    width:938px;
    height:450px;
    display:block;
    padding:0px;
    margin:0px 0px 20px 0px;
    overflow:hidden;
    border:1px solid #cecece;
    position:relative;
    -moz-box-shadow: 0 0 3px 3px #a3a3a3;
    -webkit-box-shadow: 0 0 3px 3px #a3a3a3;
    box-shadow: 0 0 3px 3px #a3a3a3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
}
.slider a.prev{
    width:144px;
    height:71px;
    display:block;
    position:absolute;
    top:170px;
    left:-113px;
    background:url(images/prev.png) no-repeat top right;
    z-index:90;
}
.slider a.prev span{
    height:57px;
    width:100px;
    display:block;
    position: absolute;
    left:5px;
    top:7px;
}
.slider a.prev span img{
    height:57px;
    width:100px;
}
.slider a.next{
    width:144px;
    height:71px;
    display:block;
    position:absolute;
    top:170px;
    right:-113px;
    background:url(images/next.png) no-repeat top left;
    z-index:90;
}
.slider a.next span{
    height:57px;
    width:100px;
    display:block;
    position: absolute;
    left:39px;
    top:7px;
}
.slider a.next span img{
    height:57px;
    width:100px;
}
.slider .sliderArea{
    width:938px;
    height:536px;
    display:block;
    padding:0px;
    margin:0px;
    overflow:hidden;
}
.slider .sliderArea .sliderItem{
    position:relative;
    width:938px;
    height:450px;
    display:block;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}
.slider .sliderArea .sliderItem img{
    width:938px;
    height:450px;
    display:block;
}
.slider .sliderArea .sliderItem .areaDescription table{padding: 0px; margin: 0px;}
.slider .sliderArea .sliderItem .areaDescription{
    position:absolute;
    top:10px;
    left:10px;
    width:400px;
    padding:10px;

    color:#fff;
    min-height:130px;
}
.slider .sliderArea .sliderItem .areaDescription p{
    padding:0px;
    margin:0px;
    line-height: 15px;
    text-align: justify;
}
.slider .sliderArea .sliderItem .areaDescription span.title{
    font-size:24px;
    text-decoration:uppercase;
    margin-bottom:10px;
    display:block;
}
.blue-bg{background:url(images/bg-slider-text.png)repeat;}
.brown-bg{background:url(images/coklat.png)repeat;}
.green-bg{background:url(images/ijo.png)repeat;}
/* banner area */
.banner{
    width:100%;
    display:block;
    padding:0px;
    margin:0px 0px 20px 0px;
}
.box{
    width:298px;
    height:189px;
    padding:0px;
    margin-right:20px;
    float:left;
    display:block;
    border:1px solid #dde0e2;
    position: relative;
    overflow:hidden;
    -moz-box-shadow: 0 0 3px 3px #a3a3a3;
    -webkit-box-shadow: 0 0 3px 3px #a3a3a3;
    box-shadow: 0 0 3px 3px #a3a3a3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background: #ebebeb;
}
.box span.areaAbsolute{
    position: absolute;
    bottom: 0px;
    left:0px;
    width:278px;
    padding: 5px 10px;
    font-size:18px;
    color:#fff;
    margin:0px;
    display: block;
}
.box .title{
    font-size: 18px;
    color:#000000;
    width: 100%;
    text-align: center;
    padding:10px 0px;
}
.box .image{
    text-align: center;
    display: block;
    padding: 10px 0px;
}
.box .image img{
    display: inline-block;
    padding: 0px 5px;
}
.box .title span{
    display: inline;
}
.box span a{
    color:#fff;
    width:100%;
    display: block;
}
.box span a:hover{
    text-decoration: underline;
}
.box span.titleRed{
    background: url(images/bg-banner1.png) no-repeat top center;
}
.box span.titleGreen{
    background: url(images/bg-banner2.png) no-repeat top center;
}
.box span.titleBlue{
    background: url(images/bg-banner3.png) no-repeat top center;
}
.last{
    margin-right:0px;
}
/* higlight */
.higlight{
    width:100%;
    padding:0px;
    margin:0px 0px 20px 0px;
    display:block;
    -moz-box-shadow: 0 0 3px 3px #a3a3a3;
    -webkit-box-shadow: 0 0 3px 3px #a3a3a3;
    box-shadow: 0 0 3px 3px #a3a3a3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;
}
.titleHiglight{
    width:920px;
    padding:0px 10px;
    margin:0px;
    display:block;
    height:34px;
    background:url(images/bg-higlights.png) no-repeat top center;
    color:#fff;
    font-size:18px;
    line-height:35px;
}
.contentHigliht{
    width:880px;
    padding:0px;
    margin:0px;
    display:block;
    background:#fff url(images/bg-box.png) repeat-x top;
    padding:10px 30px 10px 30px;
}
.contentHigliht h3{
    font-size:16px;
    color:#000000;
    padding:0px 0px 10px 0px;
    border-bottom:1px dashed #aaaaaa;
}
.contentHigliht ul.listHiglight{
    list-style:none;
    padding:0px;
    margin:0px;
}
.contentHigliht ul.listHiglight li span.title{
    font-size:24px;
    text-decoration:uppercase;
    margin-bottom:10px;
    display:block;
    width:100%;
}
.contentHigliht ul.listHiglight li p{
    padding:0px;
    margin:0px;
}
.contentHigliht ul.listHiglight  span.date{
    color:#ff0000;
}

.footerHigliht{
    width:100%;
    padding:0px;
    margin:0px;
    display:block;
    background:#fff;
    height:2px;
    /*background:url(images/big-bottom-shadow.png) no-repeat bottom center;*/
}
.showHiglight{
    height:90px;
    overflow:hidden;
}
.itemShowHighlight{
     height:90px;
    overflow:hidden;
}
/* footer */
.footer{
    text-align:center;
    padding:0px 0px 10px 0px;
    font-size:10px;
    color:#6d6d6d;
}
/* contentPageArea */
.contentPageArea{
    width:100%;
    display:block;
    padding:0px;
    margin:0px 0px 20px 0px;
}
.contentPageArea .contentLeft{
    width:578px;
    height:auto;
    padding:10px 20px;
    background:#fff;
    border:1px solid #cecece;
    float:left;
    -moz-box-shadow: 0 0 3px 3px #a3a3a3;
    -webkit-box-shadow: 0 0 3px 3px #a3a3a3;
    box-shadow: 0 0 3px 3px #a3a3a3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.contentPageArea  .contentRight{
    width:300px;
    float:right;
    display:block;
    -moz-box-shadow: 0 0 3px 3px #a3a3a3;
    -webkit-box-shadow: 0 0 3px 3px #a3a3a3;
    box-shadow: 0 0 3px 3px #a3a3a3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.contentPageArea  .contentRight .titleArea{
    width:280px;
    display:block;
    height:34px;
    overflow:hidden;
    background:url(images/top_box_litle.png) no-repeat top center;
    color: #fff;
    font-size: 18px;
    line-height: 34px;
    text-transform: uppercase;
    padding: 0px 10px;
}
.contentPageArea  .contentRight .contentArea{
    margin:0px;
    padding:10px;
    width:278px;
    border-left:1px solid #cecece;
    border-right:1px solid #cecece;
    border-bottom:1px solid #cecece;
    background:#fff;
}
.contentPageArea  .contentRight .contentArea ul.list{
    padding:0px;
    margin:0px;
    list-style:none;
    width:100%;
}
.contentPageArea  .contentRight .contentArea ul.list li{
    width:100%;
    display:block;
    margin:0px 0px 10px 0px;
    border-bottom:1px solid #e4e4e4;
    color:#9b9b9b;
    font-size:13px;
}
.contentPageArea  .contentRight .contentArea ul.list li:hover{background: #d9d9d9;}
.contentPageArea  .contentRight .contentArea ul.list li p{
    width:96%;
    display: block;
    padding:5px 2% 5px 2%;
}
.contentPageArea  .contentRight .contentArea ul.list li a{color:#9b9b9b; display: inline-block;}
.contentPageArea  .contentRight .contentArea ul.list li a:hover{color:#363636;}
.contentPageArea .contentLeft h2.title{
    color:#2f3193;
    font-size:26px;
    padding:20px 0px 10px 0px;
    margin:0px;
    width:100%;
    display:block;
    border-bottom:1px dashed #e3e3e3;
}
.contentPageArea  .contentLeft .dateArea{
    width:100%;
    display:block;
    padding:5px 0px;
    margin:10px 0px;
    text-align:right;
    font-size:14px;
}
.contentPageArea  .contentLeft .dateArea a.prevDate{
    color:#9b9b9b;
    border-right:1px solid #909090;
    padding:0px 10px;
    display:inline-block;
}
.contentPageArea  .contentLeft .dateArea a.prevDate:hover{
    background:url(images/prev-date.png) no-repeat left center;
    color:#2e3192;
}
.contentPageArea  .contentLeft .dateArea a.nextDate{
    color:#9b9b9b;
    padding:0px 10px;
    display:inline-block;
}
.contentPageArea  .contentLeft .dateArea a.nextDate:hover{
    background:url(images/next-date.png) no-repeat right center;
    color:#2e3192;
}
.boxListEvent{
    width:570px;
    border:1px solid #d8d8d8;
    background:#f4fafb;
    padding:0px;
    display:inline-block;
    margin:10px 0px;
}
.boxListEvent:hover{
    background:#a1dae3;
}
.boxListEvent a{
    display:inline-block;
    width:100%;
    padding: 0px 0px 10px 0px; 
    margin: 0px;
}
.boxListEvent a:hover{text-decoration: none;}
.boxListEvent img{
    float:left;
    margin:0px 10px 0px 10px;
}
.boxListEvent a .title-full{
    display:block;
    font-size:16px;
    color:#fff;
    font-weight:bold;
    width:98%;
    background:#126aae;
    padding: 5px 1%;
    margin-bottom: 10px;
}

.boxListEvent a .title{
    display:block;
    font-size:13px;
    color:#2e3192;
    font-weight:bold;
    margin-bottom: 10px;
}
.boxListEvent a .detail{
    color:#9b9b9b;
}

.contentPageArea .contentFull{
    width:898px;
    height:auto;
    padding:20px 20px;
    background:#fff;
    border:1px solid #cecece;
    float:left;
    color:#9b9b9b;
    -moz-box-shadow: 0 0 3px 3px #a3a3a3;
    -webkit-box-shadow: 0 0 3px 3px #a3a3a3;
    box-shadow: 0 0 3px 3px #a3a3a3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.contentPageArea .contentFull h1, h2, h3, h4, h5, h6{
    color:#2f3193;
    padding:0px 0px 10px 0px;
    margin:0px 0px 10px 0px;
    width:100%;
    display:block;
    font-family: 'HelveticaNeueLTStd77BoldCondensed';
    border-bottom:1px dashed #e3e3e3;
    text-transform: uppercase;
}
.contentPageArea .contentFull h1.title{
    margin-bottom: 20px;
}
.contentPageArea .contentFull h1{
    font-size:30px;
}
.contentPageArea .contentFull h2{
    font-size:24px;
}
.contentPageArea .contentFull h3{
    font-size:20px;
}
.contentPageArea .contentFull h4{
    font-size:18px;
}
.contentPageArea .contentFull h5{
    font-size:16px;
}
.contentPageArea .contentFull h6{
    font-size:14px;
}
.contentPageArea .contentFull .dateArea{
    width:100%;
    display: block;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}
.contentPageArea .contentFull table{border: none; padding: 0px; margin: 0px 0px 10px; width:100%;}
.contentPageArea .contentFull table thead, .contentPageArea .contentFull table tbody{border: none;}
.contentPageArea .contentFull table tr td{padding-right: 20px;}
.contentPageArea .contentFull img{margin: 10px; max-width: 898px;}

.contentPageArea .contentFull .leftArea{
    width:530px;
    float:left;
    padding: 0px;
    margin: 0px;
    display: block;
}
.contentPageArea .contentFull .rightArea{
    width:350px;
    float:right;
    padding: 0px;
    margin: 0px;
    display: block;
}
.contentPageArea .contentFull ul, .contentPageArea .contentFull ol{
    padding: 0px;
    margin: 10px 0px;
    width: 100%;
    display: block;
}
.contentPageArea .contentFull ul li, .contentPageArea .contentFull ol li{
    margin-left: 20px;
    margin-bottom: 10px;
}
.mapsArea{
    width:352px;
    height: 277px;
    display: block;
    border:1px solid #dfdfdf;
}
.titleMaps{
    font-weight: bold;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
/* breadcum area */
.breadcum{
    padding:0px;
    margin: 0px 0px 10px 0px;
    width:100%;
}
.breadcum ul{
    list-style:none;
    padding: 0px;
    margin:0px;
    width:100%;
    display: block;
}
.breadcum ul li{
    display: inline-block;
    color:#9b9b9b;
}
.breadcum ul li a{
    display: block;
    padding-right: 15px;
    margin-right: 5px;
    background: url(images/breadcum-li.png) no-repeat center right;
    color:#2e3192;
}
/* utilyties */
.spacer{
    width:100%;
    display:block;
    clear:both;
    height:1px;
}
.red{
    color:#ea262d;
}
.orange{
    color:#ff9900;
}
.green{
    color:#009900;
}
.helveticaNoue77Bold{
    font-family: 'HelveticaNeueLTStd77BoldCondensed';
}
.oldGreen{
    color:#006600;
}
.oldRed{
    color: #993300;
}
/* gallery area */
.contentPageArea .contentFull .gallery{
    width:100%;
    display: block;
    padding: 0px;
    margin: 0px;
}
.contentPageArea .contentFull .gallery ul.list-gallery{
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: left;
}
.contentPageArea .contentFull .gallery ul.list-gallery li{
    display: inline-block;
    margin: 0px 30px 20px 0px;
    padding:0px;
    width:200px;
    vertical-align: top;
}

.contentPageArea .contentFull .gallery ul.list-gallery li.last{
    margin:0px;
}
.contentPageArea .contentFull .gallery ul.list-gallery li span.title{font-weight: bold; font-size: 14px;  text-align: center; width:100%; display: block;}
.contentPageArea .contentFull .gallery ul.list-gallery li .area-show{width:180px; padding: 10px; margin: 0px;}
.contentPageArea .contentFull .gallery ul.list-gallery li .area-show img{width:180px; height: 180px; padding: 0px; margin: 0px;}
.contentPageArea .contentFull .gallery ul.list-gallery li .area-show:hover{background: #68bfd5;}
.contentPageArea .contentFull .gallery ul.list-gallery li .area-show:hover span.title{color: #fff;}


/* pager area */
.contentPageArea ul.pager{
    padding:0px;
    margin: 0px;
}
.contentPageArea ul.pager li{
    padding:5px;
    margin: 0px 2px;
    background: #161C3D;
    color: #fff;
}
.contentPageArea ul.pager li.pager-current, ul.pager li:hover{
    margin: 0px 2px;
    background: #990000;
    padding:5px;
}
.contentPageArea ul.pager li a{
    color: #fff;
    padding:5px;
}
/* news area */
.contentPageArea .news{width:100%; display: block; padding: 0px; margin: 10px 0px;}
.contentPageArea .news ul.list-news{
    width:100%;
    display: block;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.contentPageArea .news  ul.list-news li{
    display: inline-block;
    border-bottom: 1px solid #E4E4E4;
    padding: 5px 0px;
    margin: 0px 0px 10px 0px;
}
.contentPageArea .news  ul.list-news li:hover{background: #b3e9f6;}
.contentPageArea .news  ul.list-news li img{float:left; margin:0px 10px 0px 0px;}
.contentPageArea .news  ul.list-news li .title{width:100%; display: block; font-weight: bold; font-size: 16px; margin-bottom: 10px;}
.readmore{display:block; width:96%; text-align: right; padding: 0px 2%;}
.info-left img{ float:left; margin: 0px 10px 0px 0px;}
.contentPageArea .contentRight .contentArea ul.info-left li{
    display: inline-block;
}
.contentPageArea .contentRight .contentArea ul.info-left li a{display: inline-block}
.contentPageArea .contentRight .contentArea ul.info-left li .title{display: block; margin-bottom: 5px; color:#ea262d; font-size: 14px; font-weight: bold;}
.contentPageArea .contentRight .contentArea ul.info-left li a .title{color:#ea262d;}
/* event info detail */
.detail-info{width:100%; display: inline-block; padding: 0px; margin: 0px;}
.detail-info .left{float:left; padding: 0px; margin: 0px; width:530px; display: block;}
.detail-info .left .date-place-area{width: 100%; display: block; padding: 0px; margin: 0px; margin-bottom: 10px; font-weight: bold;}
.detail-info .left .image-area{width: 100%; display: block; padding: 0px; margin: 0px; margin-bottom: 10px;}
.detail-info .right{float:right; padding: 0px; margin: 0px; width:352px; display: block;}
.detail-info .right .title{color:#919191; width:100%; display: block; margin-bottom: 10px; font-weight: bold;}
.maps-area{width: 350px; border:1px solid #d3d3d3; height:275px; display: block;}

/* contact us area */
.detail-contact{width:100%; display: inline-block; padding: 0px; margin: 0px;}
.detail-contact .left{width:550px; display: block; padding: 0px; margin: 0px; float: left;}
.detail-contact .left .webform-client-form{width:100%; display: inline-block; padding: 0px; margin: 0px;}
.detail-contact .left .webform-client-form .form-item{padding: 0px; margin: 0px 0px 10px 0px; display: inline-block; vertical-align: top;}
.detail-contact .left .webform-client-form .form-item label{display: inline-block; width:200px;}
.detail-contact .left .webform-client-form .form-item .form-text{ width:300px; display: inline-block; padding: 5px 10px; border:1px solid #d0d0d0;}
.detail-contact .left .webform-client-form .form-item .form-textarea{ width:300px; display: inline-block; padding: 5px 10px; border:1px solid #d0d0d0;}
.detail-contact .left .webform-client-form .form-item .form-select{width:150px;  display: inline-block; padding: 5px 10px; border:1px solid #d0d0d0;}
.detail-contact .left .webform-client-form .form-item  .form-radios{width:300px; display: inline-block; padding: 5px 10px;}
.detail-contact .left .webform-client-form .form-item  .form-radios label{width:80px; display: inline-block;}
.detail-contact .left .webform-client-form  #edit-actions{display: inline-block; width:520px;}
.detail-contact .left .webform-client-form  #edit-actions #edit-submit{float:right; background: #71c5cd; bordeR:none; font-weight: bold; color:#fff; text-transform: uppercase; padding: 5px 10px; cursor:pointer;}
.detail-contact .left .webform-client-form  #edit-actions #edit-submit:hover{background: #fe1c1c;}

.detail-contact .right{width:310px; display: block; padding: 0px; margin: 0px; float: right;}
.detail-contact .right h2{font-size: 18px;}