/*
Theme Name: Safemax
Theme URI: #
Author: Adi Sulistianto
Author URI: #
Description: #
Version: Ver 1.1
License: Premium Themes
*/


html, body { 
	margin: 0; 
	padding: 0;
	width: 100%; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}

.row {
    max-width: 960px !important;
}



.wrap {width:100%;}
#wrap-content {
 	-webkit-box-shadow: 2px 5px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    2px 5px 5px rgba(50, 50, 50, 0.5);
	box-shadow:         2px 5px 5px rgba(50, 50, 50, 0.5);
	border-left:0.1em solid #DDDDDD; border-right:0.1em solid #DDDDDD;
}

#wrap-logo {
 	width:100%;
        max-width:200px;
        height:auto;
}

.breadcrumb { 
    font: 11px Arial, Helvetica, sans-serif;
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    margin:0px;
    margin-bottom:5px;
    padding:7px 10px 0 10px;
    overflow:hidden;
}

.breadcrumb ul li a {
    color:#9b9b9b;
    font: 11px Arial, Helvetica, sans-serif;
}
.breadcrumb ul li  {
    font: 11px Arial, Helvetica, sans-serif;
}

#content {

/*
	padding:10px; margin:0px;
	border:0.1em solid #ddedf6; background:#fcfcfc;
	-webkit-box-shadow: 2px 5px 5px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    2px 5px 5px rgba(50, 50, 50, 0.2);
	box-shadow:         2px 5px 5px rgba(50, 50, 50, 0.2);

	border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;
*/
	
}
#content .top h1 {
	font-family: 'Enriqueta', serif; 
	font-size:25px;
	color:#342100;
	margin: 0 0 10px 0; padding: 0 0 5px 0; 
}
#content .middle {
	color:#484d56;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	height: auto;
	line-height: 16px;
	min-height:250px; overflow:auto;

	margin-bottom:20px; padding:20px;
	background:#FFFFFF;
	-webkit-box-shadow: 2px 5px 5px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    2px 5px 5px rgba(50, 50, 50, 0.2);
	box-shadow:         2px 5px 5px rgba(50, 50, 50, 0.2);

	border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;

}


#content .middle a,table,tr,td {
	color:#484d56;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
}

#content .middle img {max-width:100%;height:auto;}
#content .middle ul {margin:-5px 0 0 0;padding:0;}
#content .middle ul {margin:0;padding:0;}
#content .middle ol {margin:-5px 0 0 0;padding:0;}


/* SIDEBAR */
.box {
	margin:0 0 15px 0;
}
.box .top {
	font-family: 'Enriqueta', serif; 
	font-size:22px;
	margin-bottom:0px;
	padding:0;
	color: #595256;


}
.box .textwidget {
	color:#595256;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
}




.box .textwidget img {max-width:100%;height:auto;}



.box ul {
	font-size: 13px;	
        color: #595256;
        margin:0;list-style:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;

}

.box ul li {
	margin:0px;padding-bottom:5px;padding-top:5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
        color: #595256;
        display:inline-block; width:100%;

}
.box ul li a {
        color: #595256;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
}

.cat-post-item a {
        color: #595256;
	font-family: Tahoma, Geneva, sans-serif; font-weight:bold;
	font-size: 15px;
}

.box ul li a:hover {
        color: #000000;
}

.box ul li img {
	float:left;
	margin-right:10px;
	border:0.1em solid #CCCCCC;padding:3px;
	background:#FFFFFF;
	margin-top:3px; width:100%; height:auto;
}

/* FOOTER BOX */
.footerbox {
	margin:0px;
}
.footerbox .top {
	color:#72acd1;
	font-family: 'Enriqueta', serif; 
	font-size:24px;
	margin-bottom:5px;

}
.footerbox .textwidget {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color:#72acd1;

}
.footerbox .textwidget img {max-width:100%;height:auto;}



.footerbox ul {
	font-size: 13px;	
        color: #3f2800;
        margin:0;padding:0px;list-style:none;


}

.footerbox ul li {
	border-bottom:0.1em solid  #CCCCCC;margin:0px;padding-bottom:5px;padding-top:5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
        color: #3f2800;
        display:inline-block; width:100%;

}
.footerbox ul li a {
        color: #3f2800;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;


}

.footerbox ul li a:hover {
        color: #3f2800;
}

.footerbox ul li img {
	float:left;
	margin-right:10px;
	border:0.1em solid #CCCCCC;padding:3px;
	background:#FFFFFF;
	margin-top:3px; width:50px; height:50px;
}

a {
  text-decoration:none;
}

.thumbnail img {
   border: 5px solid #CCCCCC; float: left; display: inline; margin-right: 15px; margin-bottom: 5px;
}


.footer {
	border-top:0.1em solid #87b0d1;padding:10px 0 15px 0;color:#87b0d1;
}



#news {
	clear: both;
	float: left;
}

#news ul {
	list-style-type: none;
	margin: 0 0 0 2px;
	padding: 0
}

#news ul li {
	width:500px;
	padding:5px;
	background-color: #FFFFFF;
	margin:3px;
}

.loop-thumbnail a img {
   width:100px; height:auto; border:0.1em solid #CCCCCC;padding:3px;
}

.loop-readmore {
	float:right;
}
.loop-readmore a {
	color:#402800;

}

.loop-title {
	text-align:left;font-weight:bold;

}

.loop-title a{
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	color:#402800;
}

.thumbnail img {
   width:300px; height:auto;
}
.lineHead {
   height:10px;
   background:#181818;
   margin-bottom:5px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left; border:0.1em solid #DDDDDD;padding:5px;background:#FFFFFF;
}

.alignright {
	float: right; border:0.1em solid #DDDDDD;padding:5px;background:#FFFFFF;
}



/* =Menu -------------------------------------------------------------- */

#access {
	margin: 0 auto;
	display: block;
	padding:0; z-index:10000;
}
#access .menu-header,
div.menu {
	margin:0px;

}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0; margin:0px;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative; 
}
#access a {
	
	color: #8897b2;
	font-family: 'Enriqueta', serif; 
	text-transform:uppercase;
	font-size: 14px; 
	padding: 0 20px 0 0;


}
#access ul ul {
	display: none;
	position: absolute;
	top: 25px;
	left: 0px;
	float: left;
	z-index: 99999;

	padding:0 0 5px 0;

/*
	background:#FFFFFF;
	border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-khtml-border-radius: 0 0 5px 5px;
	border-left:0.1em solid #f1f1f1;
	border-right:0.1em solid #f1f1f1;
	border-bottom:0.1em solid #f1f1f1;
*/
}
#access ul ul li {
	width: 200px;
	padding:5px 0;

}
#access ul ul li a {
	background-image:none;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	color: #000000;
	line-height: 1em;
	padding: 10px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	color: #224889;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #224889;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #224889;
}

.lightbox img { width:100%; height:auto;}



.box .textwidget input,textarea{width:100%;display:block}
.contact {background:#f1f1f1;padding:10px;-moz-border-radius: 5px;border-radius: 5px;}
.contact input,textarea{width:100%;display:block}

.gallery-item img {
	border:0.1em solid #DDDDDD; background:#FFFFFF;padding:5px;
	margin-bottom:10px; margin-top:10px;
	-webkit-box-shadow: 2px 5px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    2px 5px 5px rgba(50, 50, 50, 0.5);
	box-shadow:         2px 5px 5px rgba(50, 50, 50, 0.5);
}

hr {height:1px;border-top:0.1em solid #CCCCCC;margin:10px 0;}

.baris {border-bottom:0.1em solid #f1f1f1;overflow:auto;padding:5px 0;}
.inner-1 {float:right;width:120px;}


.headerbg {background:url('images/headerbg.jpg');}
#rowhome {
	background:#FFFFFF; padding:20px;
	-webkit-box-shadow: 2px 5px 5px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    2px 5px 5px rgba(50, 50, 50, 0.2);
	box-shadow:         2px 5px 5px rgba(50, 50, 50, 0.2);

	border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;
}