/*@import url(http://fonts.googleapis.com/css?family=Dosis); */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src:url(../../../fonts/xIAtSaglM8LZOYdGmG1JqQ.woff) format('woff');
}

body{
background: url('../images/boxed-bg.jpg') repeat fixed;
line-height:30px;
}
.content-wrapper{background:url(../images/splashx.png) #FFFFFF no-repeat right top;}
.katapengantar{
font-family: 'Dosis', sans-serif;
font-weight: 400; 
font-size:24px;
text-align:center;
font-weight:bold;
background-color:#DD4B39; color:#ffffff; padding:20px; font-weight: 400;
border-bottom:3px solid #F39C12;
}

.penawaran{
background:url(../images/thumbs.png) #FFFFFF no-repeat left top;
height:350px; 
}

.bg-layanan-webdev{
background:url(../images/php-web-application-develop.gif) #FFFFFF no-repeat right bottom;
}

.bg-mozaik{
background:url(../images/website-designing-header.png) repeat-x top right;
}

.bg-pshop{
background:url(../images/pshop.png) no-repeat bottom right;
}

.bg-konsul{
background:url(../images/strategy.png) no-repeat bottom right;
}

.webdev{
background:url(../images/webdev.jpg) #FFFFFF no-repeat left bottom;
float:right; width:340px; height:100px; margin-top:10px; margin-right:10px; 
}

.teamwork-bg{
height:300px;
width:350px;
position:absolute;
z-index:0;
right:0;
bottom:0;
background:url(../images/teamwork.png) no-repeat right bottom; z-index:100;
}

.gelombang{background:url(../images/splash2.png) #FFFFFF no-repeat left top; height:50px;}

.main-header{border-top:3px solid #F39C12;}

.bgfooter{
background:url(../images/bgfooter.png) repeat-x;
}

.btn-app{box-shadow:0 5px 0px #DD4B39;}
.btn-app:hover{box-shadow:0 5px 0px #CD840F;}
.bg-default:hover, .bg-default{color:#666666;}




table.table1{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
}
.table1 thead th{
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    border:1px solid #f2f2f2;
    font-size: 20px;  
    background-color:#DD4B3F;
    
}
.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#000000;
	border-bottom:1px solid #666666;
 
    background-color:#f2f2f2;
 
    padding:0px 10px;
     
}
.table1 tfoot td{
    color: #DD4B3F;
    font-size:25px;
    text-align:right;
	border: 1px solid #E7EFE0;
    padding:10px 10px 10px 0px;
    text-shadow:1px 1px 1px #444;
}
.table1 tfoot th{
    color:#666;
	padding:0px 10px;
}
.table1 tbody td{
    padding:10px;
    text-align:center;
    
    border: 1px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
.table1 tbody span.check::before{
    content : url(../images/check0.png)
}
.menu_login_atas{
background-color:#f2f2f2; 
padding:10px; 
width:170px; 
border-bottom-left-radius:10px;
-moz-border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
-moz-border-bottom-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
}
.menu_login_atas a{
color:#666666;
}

::-webkit-scrollbar{width:.5em;height:.35em;}
::-webkit-scrollbar-track{background:#3b3b3b;}
::-webkit-scrollbar-thumb{background:#f25d3c;}

.segitiga {
    position   : relative;
    z-index    : 99999;
}

.segitiga:after {
    content      : "";
    position     : absolute;
    bottom       : -15px;
    left         : 50%;
    margin-left  : -7.5px;
    border-width : 15px 15px 0;
    border-style : solid;
    border-color : #DD4B39 transparent;
    display      : block;
    width        : 0;
}
.txt-white{color:#FFF;}
.txt-bold{font-weight:bold;}
.padding-r20{padding-right:20px;}
.padding-t50{padding-top:50px;}

.margin-t10{margin-top:35px;}

.txt-size{font-size:20px;}