/*
Theme Name: Tema new
Description: Theme kertasnasi.com
Author: tah
Author URI: http://tahhal.wordpress.com/
*/

body{
	background-color:#EBEBEB;
	font-family: Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;
    	background-image: url(image/bg.jpg);
   	background-repeat: repeat-x;
	font-weight:400;
	padding:0;
	margin:0;
    width: 100%;
    float: left;
}

.tocenter{
	width:1000px;
	margin:0 auto;
}

#wrapper{
	width:100%;
}

hr{
    border-top: 1px solid #B0A87F;
}

.row{
	width:100%;
	float:left;
}
.col-1{
	width:22%;
	float:left;
}
.col{
	float:left;
}
.pad-head{
	padding-top:60px;
}
.pad{
	padding-top:25px;
	padding-left:20px;
}

.right{
    float: right;
    padding: 10px 0 10px 10px;
    color: #ccc;
    font-size: 12px;
}
.right a{
    text-decoration: none; 
    color: #fff;
}
.right a:hover{
    color: #ccc;
}

/*nav-top*/
.nav-top{
    height: 35px;
    background-color: #333333;
    border-bottom: 4px solid #B0A87F;
    position: fixed;
    width: 100%;
    z-index: 10000;
}
.left{
    float: left;
    height: 36px;
    padding: 6px 0 0 0;
}
.left a{
    font-family:"Alegreya", "Georgia", serif;   
    color: #FFFFFF;
    text-decoration: none;
    font-style: italic;
    font-size: 15px;
    
}
.left a:hover{
    color: #ccc;
}
/* Header */
.header{
	height:145px;
}
.nomargin{
	margin:0;
	width: 50%;
}
.header h2{
	font-weight:normal;
    font-size: 16px;
}
.header h1{
	font-family:"Alegreya", "Georgia", serif;
	font-weight:bold;
	font-style:italic;
	text-shadow:0 2px 2px #999;
	color:#fff
}
.header a{
    text-decoration: none;
    color: #fff;
}
.logo{
	/*float:left;*/
	height:100px;
	margin:0 0 0 -10px;
}


/* Navbar */
.navbar{
	background-color:#3D4043;
	height:auto;
    float: left;
    width: 100%;
	color:#FCFFFF;
	/*box-shadow:0px 0px 3px #666;*/
}
	.nav{
		float:left;
	}
		.nav ul{
			list-style:none;
			padding:0;
			margin:0;
		}
			.nav ul li{
				float:left;
				font-size:17px;
				color:#FFFFFF;
				/*border-right:1px solid #DEDEDC;*/
				/*border-left:1px solid #F2B131;*/
			}
				.nav ul li a{
					text-decoration:none;
					color:#fff;
					padding:14px;
					font-size:14px;
				}
	/*dropdown*/
	.nav {  
	  display: block;  
	  float: left;  
	  width: 75%;  
	}  
	.nav .menu-header,  
	div.menu {  
	  width: 100%;  
	}  
	.nav .menu-header ul,  
	div.menu ul {  
	  list-style: none;  
	  margin: 0;  
	}  
	.nav .menu-header li,  
	div.menu li {  
	  float: left;  
	  position: relative;  
	}  
	.nav a {  
	  color: #aaa;  
	  display: block;  
	  padding: 0;  
	  text-decoration: none;  
	}  
	.nav ul ul {  
	  display: none;  
	  position: absolute;
	  margin-top: -20px;  
	  top: 47px;  
	  left: 0;  
	  float: left;  
	  width: 10%;  
	  z-index: 99999;  
	}  
	.nav ul ul li {  
	  min-width: 180px;
	  margin-top: -2px;
	}  
	.nav ul ul ul {  
	  left: 174px;  
	  top: 0px;  
	}  
	.nav ul ul a {  
	  background: #3D4043;  
	  line-height: 1em;  
	  padding: 12px;  
	  width: 150px;  
	  height: auto;  
	}  
	.nav li:hover > a,  
	.nav ul ul :hover > a {  
	  background: #FFD42A;  
	  color:#fff;
	  -webkit-transition-duration: 400ms;
	  -webkit-transition-property: width, background;
	  -webkit-transition-timing-function: ease;
	}  
	.nav ul li:hover > ul {  
        display: block;  
        -webkit-transition-duration: 400ms;
        -webkit-transition-property: width, background;
        -webkit-transition-timing-function: ease;
	}  

	.search{
		float:right;
	}
		.search label{
			display:none;
		}
		.search input[type="submit"]{
			margin:10px 10px 10px -3px;
			padding:4px;
			/*border-radius:0 5px 5px 0;*/
			border:none;
			font-family:'Roboto Condensed', sans-serif;
			font-weight:400; 
			color:#fff;
			background-color:#CC3300;
			font-size:12px;
		}
		.search input[type="submit"]:hover{
			background-color:#990000;
			-webkit-transition-duration: 100ms;
            -webkit-transition-property: width, background;
            -webkit-transition-timing-function: ease;
		}
		.search input[type="text"]{
			margin:10px 0 10px 0;
			font-size:12px;
			width:110px;
			color:#303234;
			padding:5px;
			/*border-radius:5px 0 0 5px;*/
			border:none;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: 400;
			background-color:#FFD42A;
		}
		.search input[type="text"]:focus{
			width:140px;
			-webkit-transition-duration: 400ms;
-webkit-transition-property: width, background;
-webkit-transition-timing-function: ease;
		}

/* banner */
.banner img{
	width:100%; 
	margin:0 auto; 
	height:auto;
	padding: 1px;
}
#slider div.sliderInner{
	
}


/* content */
.bg{
	background-color:#fff;
	float:left;
	width:100%;
	padding-bottom:20px;
}
.content-page{
	font-size:14px;
	float:left;
	padding:0;
	width:72%;
	margin:10px 0;
}
.cat-content-page{
    font-size:11px;
	float:left;
	padding:0;
	width:100%;
	margin:0;
}
.desc{
    text-align: center;
    color: #333333;
    /*font-family: "Alegreya", "Georgia", serif;
    font-style: italic;*/
}
    .img{
        width: 200px;
        height: 170px;
        padding: 4px;
        margin: 5px;
        box-shadow: 0 0 5px #333;
    }
    .desc img{
        height: 300px;
    }
    .nobold{
        font-weight: normal;
        white-space: normal;
    }
    .red{
        color: red;
    }
    .blue{
        color: blue;
    }


.harga{
    line-height: normal;
    border-top:1px solid #333;
    border-left: 1px solid #333;
    border-spacing: 0;
    width: 100%;
}
    .harga td, th{
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        padding: 8px;
        margin: 0;
        text-align: center;
    }
    .harga tr{
        border-color:inherit;
    }


.col-post{
	width:23%;
	height:260px;
	float:left;
	margin-left:10px;
	margin-top:5px;
    border:1px solid #B0A87F;
	/*border-left:1px solid #C5BC8E;
	border-right:1px solid #C5BC8E;
	border-bottom:1px solid #C5BC8E;*/
}
.col-cat{
	width:23.9%;
	height:auto;
	float:left;
	margin-left:5px;
	margin-top:5px;
    border:1px solid #B0A87F;
	/*border-left:1px solid #C5BC8E;
	border-right:1px solid #C5BC8E;
	border-bottom:1px solid #C5BC8E;*/
}
	.entry{
		padding:;
		text-align:center;
		width:100%; 
		font-size: 11px;
	}
	
	
		.entry h3{
			padding:0;
			margin:0 0 5px 0;
			width:100%;
		}
			.entry h3 a{
				color:#666;
				text-decoration:none;
			}
				.entry h3 a:hover{
					color:#0066FF;
				}
		
		.entry p{
			margin: 0 0 15px 0;
		}
		.entry img{
			width:130px;
			height:130px;
			/*border-radius:50px;*/
			padding:3px;
			box-shadow: 0 0 5px #666;
			margin:10px 0 10px 0;
		}
	.entry-page{
		width:97%; 
		float:left;
        border-top:4px solid #B0A87F;
    	border-left:1px solid #C5BC8E;
    	border-right:1px solid #C5BC8E;
    	border-bottom:1px solid #C5BC8E;
        padding: 15px;
	}
		.entry-page h3{
			padding:0;
			margin:0;
		}
        .entry-page h5{
            font-weight: normal;
        }
			.entry-page h3 a{
				color:#666;
				text-decoration:none;
			}
				.entry-page h3 a:hover{
					color:#0066FF;
				}
		.entry-page a{
			color:#666;
		}
		.entry-page a:hover{
			text-decoration:none;
			color:#0066ff;
		}
		.image{
			width:300px;
			height:300px;
			/*border-radius:50px;*/
			padding:3px;
			box-shadow: 0 0 5px #666;
			margin:10px 0 10px 0;
            float: left;
            margin-right: 10px;
		}

/* crausel */
.crausel{
    width: 100%;
    height: 450px;
    margin-bottom: 11px;
}
.thumb{
    width: 12%;
    height: 350px;
    float: left;
    margin-top: 40px;
}
    .thumb ul{
        list-style: none;
        margin: 0;
        float: left;
        padding: 0;
    }
        .thumb li{
            padding:0 0 3px 0;
            cursor: pointer;
        }
        .thumb li img{
            width: 100px;
            height: 100px;
            padding: 4px;
            border: 1px solid #FFD42A;
        }
        .thumb li img:hover{
            border: 1px solid #FFD42A;
            box-shadow: 0 0 5px #FFD42A;
        }
            .aktif{
                box-shadow: 0 0 5px #FFD42A;
            }
.imglar{
    width: 50%;
    height: 380px;
    margin-left: 27%;
}
.imglar img{
    width: 400px;
    height: 400px;
    padding: 4px;
}

/* /crausel */

/* tab-post */
.tab-post{
    width: 100%;
    height: 39px;
    font-size: 14px;
    float: left;
    border-bottom: 1px solid #C5BC8E;
}
    .tab-post ul{
        list-style: none;
        float: left;
        margin: 0 0 0 10px;
        padding: 0;
    }
    .tab-post li{
        float: left;
        padding: 7px 10px 10px 10px;
        cursor:pointer;
    }
.active{
    background-color: ;
    border-top: 4px solid #696758;
    border-left: 1px solid #C5BC8E;
    border-right: 1px solid #C5BC8E;
    border-bottom: 1px solid #fff;
}
.isi-tab{
    padding: 10px;
    margin-top: 51px;
    font-size: 14px;
    border-left: 1px solid #C5BC8E;
    border-right: 1px solid #C5BC8E;
    border-bottom: 1px solid #C5BC8E;
}
.isi-tab table{
    text-align: left;
}
.isi-tab table td{
    text-align: left;
}
/*/tab-post*/



		
	.wp-pagenavi{
		width:100%;
		text-align:center;
		margin-top:10px;
		margin-bottom:10px;
	}
		.wp-pagenavi span{
			padding:5px;
			margin:2px;
		}
		.wp-pagenavi a{
			padding:5px;
			margin:2px;
			text-decoration:none;
			color:#666;
		}
		.wp-pagenavi a:hover{
			color:#0066FF;
		}
	.continue{
		color:#333333;
	}
	.continue:hover{
		color:#0066FF;
		text-decoration:none;
	}
	
/*sidebar*/
.sidebar{
	margin:10px 10px 20px 10px;
	float:left;
	width:25%;
	font-size:13px;
}
	.sd-widget{
		margin:0;
	}
		.sd-widget h3{
			border:1px solid #D4CD98;
			padding:10px 10px;
			border-top:4px solid #B0A87F;
			color:#3D4043;
			margin:0;

		}
		.sd-widget label{display:none;}
		
		.sd-widget table th{
			padding:2px;
		}
        .sd-widget table td{
			padding:2px;
            border-right: 1px solid #D4CD98;
            text-align: left;
		}
		.sd-widget a{
			color:#666;
			font-weight : bold;
		}
		.sd-widget a:hover{
			color:#0066FF;
			text-decoration:none;
		}
		
		.sd-widget ul{
			list-style:none;
			margin:0px 0 15px 0;
			padding:0;
		}
			.sd-widget ul li {
				margin:0 0 0px 20px;
				padding:10px 0 10px 10px;
				border-right:1px solid #D4CD98;
				border-bottom:1px solid #D4CD98;
                vertical-align: text-top;
			}
            .ekspedisi li img{
                width: 90px;
                height: 60px;
                padding: 2px;
                box-shadow: 0 0 3px #333;
                margin: 5px;
            }
            
        .bank{
            font-size: 16px;    
        }
        .bank li img{
            width: 150px;
            margin: 0 auto;
            box-shadow: 0 0 3px #333;
        }
        
        .pesinst span{
            font-size: 14px;
            margin-left: 5px;
            vertical-align: text-top;
        }
        .pesinst img{
            width: 30px;

        }
            
            .sd-widget ul ul{
                list-style:none;
                margin: 10px 0 0 0px;
                padding:0;
                border-top:1px solid #D4CD98 ;
                display: none;
                z-index: 9999;
                
            }
            .sd-widget ul li:hover > ul {
                display: block;
		
            }
                .sd-widget li li{
                    margin:0 0 0px 0px;
				    padding:10px 0 10px 10px;
                    border: none;
                    background-color: #fff;
                    border-left:4px dotted #D4CD98;
				    border-bottom:1px solid #D4CD98;
                }
				.sd-widget li li:before{content:'- ';}
                .sd-widget li li a{
                    
                }
			.sd-widget div{
				margin:0 0 15px 20px;
				padding:10px;
				border-right:1px solid #D4CD98;
				border-bottom:1px solid #D4CD98;
			}
		.sd-widget table{
			width:100%;
			margin:0 auto;
		}

        .sd-widget input[type="submit"]{
			margin:;
			padding:5px;
			/*border-radius:0 5px 5px 0;*/
			border:none;
			font-family:'Roboto Condensed', sans-serif;
			font-weight:400; 
			color:#fff;
			background-color:#CC3300;
			font-size:14px;
		}
		.sd-widget input[type="submit"]:hover{
			background-color:#990000;
			-webkit-transition-duration: 100ms;
            -webkit-transition-property: width, background;
            -webkit-transition-timing-function: ease;
		}
		.sd-widget input[type="text"]{
			margin:10px 0 10px 0;
			font-size:14px;
			width:140px;
			color:#303234;
			padding:4px;
			/*border-radius:5px 0 0 5px;*/
			font-family: 'Roboto Condensed', sans-serif;
			font-weight:400;
			border:1px solid #ccc;
		}
/*sosial media*/
.sosico{
    width: 40px;
    height: 40px;
}
/*/sosial media*/
		

/*footer*/
.footer{
	text-align:center;
	color:#666;
	font-size:14px;
	background-color:#333333;
	float:left;
	width:100%;
    min-width: 1000px;
	padding:30px 0 0 0;
}
	.footer a{
		color:#666;
		text-decoration: none;
	}
	.footer a:hover {
		color: #0074a2;
	}
		.footer a:hover{
			text-decoration:none;
			color:#0099FF;
		}
.pading{
    background-color: #EBEBEB;
    padding: 20px 0;
}
.delimiter {
	clear : both;
}


.biru{

font-size: 250%;
color: blue;
}

.merah{

font-size: 300%;
color: red;
}


.coba{
float: right;
padding-top: 30px;
box-shadow: 0px 0px 5px #666;
}