@charset "utf-8";



blockquote {
	

	quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
	color: #be933f;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
blockquote:after {
	color: #be933f;
	content: close-quote;
	font-size: 4em;
	line-height: 0.1em;
	vertical-align: -0.6em;
	margin-left: 0.25em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}


ul.model1 {
	list-style-type:none;
	padding-left: 15px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 17px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

ul.model1 li 

{
	padding: 0 0 0 20px;
	padding-left: 22px;
	line-height: 30px;
	background-color: transparent;
	background-image: url(images/pt.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}


.alert{
	
	padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px
}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{
		
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}

.close2{
	float:right;
	background-color:transparent !important;
	border:1px solid #ccc !important;
	color:#111 !important;
	font-weight:bold !important;
	text-decoration:none !important;
	display:inline-block !important;
	font-family:Arial, Helvetica, sans-serif !important;
	outline:none !important;
	position:relative !important;
	font-size:13px !important;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
}
.close2:active{
top:1px;
left:1px;

}

img{max-width:100%;height:auto;}

.table-responsive {
	overflow-x: auto;
}
table.data1 {
	padding: 5px;
	border-collapse: collapse;
	border-color: #cccccc;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: #FFF;
}

table.data1 td {
	margin: 0px;
	padding: 5px;
	border: 1px solid #EEE;
}
table.data1 th {
	margin: 0px;
	padding: 5px;
	border: 1px solid #EEE;
}



table.data2 {
	padding: 10px;
	border-collapse: collapse;
	border-color: #cccccc;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #000;
}

table.data2 tr {
	margin: 0px;
	padding: 5px;
	border: 1px solid #dadee6;
}
table.data2 th {
	margin: 0px;
	padding: 5px;
	border: 1px solid #dadee6;
}

table.data2 tr:nth-child(odd){
  background:#e9e9e9; /* Baris ganjil Dihitung dari Header*/
}
table.data2 tr:nth-child(even){
  background:#f6f6f6; /* Baris Genap */
}


table.data3 {
	padding: 10px;
	border-collapse: collapse;
	border-color: #cccccc;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #000;
}

table.data3 tr {
	margin: 0px;
	padding: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dadee6;
	border-right-color: #dadee6;
	border-bottom-color: #dadee6;
	border-left-color: #dadee6;
}
table.data3 th {
	margin: 0px;
	padding: 5px;
	border: 1px solid #dadee6;
}
table.data3 td {
	margin: 0px;
	padding: 5px;
	border: 0px solid #dadee6;
}

table.responsive {
	margin: 0px;
	padding: 5px;
	border-collapse: collapse;
	border-color: #103977;
	width: 100%;
	text-align: center;
}

table.responsive tr {
	margin: 0px;
	padding: 5px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #103977;
}
table.responsive th {
	margin: 0px;
	padding: 5px;
	border: 0px solid #103977;
	background-color: #384147;
}
table.responsive td {
	margin: 0px;
	padding: 5px;
	border: 0px solid #103977;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
table.responsive td:hover
{
	background: #000;
	color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
table.responsive2 {
	margin: 0px;
	padding: 5px;
	border-collapse: collapse;
	border-color: #e5e8e9;
	width: 100%;
	text-align: left;
}

table.responsive2 tr {
	margin: 0px;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e8e9;
}
table.responsive2 th {
	margin: 0px;
	padding: 5px;
	border: 1px solid #e5e8e9;
	background-color: #384147;
}





table.responsive-noborder {
	margin: 0px;
	width: 100%;
	text-align: left;
}

table.responsive-noborder tr {
	margin: 0px;
	
	
}
table.responsive-noborder th {
	margin: 0px;
	
	
}


a ,
a:link,
a:visited 		{
	color: #666;
	TEXT-DECORATION: none;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	line-height: 1.5em;
}
a:hover,
a:active 		{
	color: #36C;
}
.image2 {
	border:3px solid #ffffff;
	
}
.image3 {
	border:3px solid #ffffff;
	
	box-shadow: 0 0 2px #c7c7c7;
	-moz-box-shadow: 0 0 2px #c7c7c7;
	-webkit-box-shadow: 0 0 2px #c7c7c7;
}
.image_float {
	border:1px solid #CCC;
	float:left;
	margin-bottom: 20px;
	padding: 5px;
	margin-top: 5px;
	margin-right: 20px;
}
.float-right {
	float:right;
	margin-left: 15px;
	margin-bottom: 5px;
	vertical-align: bottom;
}
.float-left {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 0px;
}

#current
{
	color: #FFF;
	text-decoration: underline;
}

/*a:link,
a:visited 		{
	color: #C60;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
a:hover,
a:active 		{
	TEXT-DECORATION: underline;
	color: #C60;
}*/

#body {
	height: auto;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
}

#top1 {
	height: auto;
	width: 100%;
	background-color: #4bacc6;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1px;
	padding-bottom: 10px;
}
#top1_wrap {
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#top_left1 {
	float: left;
}
#top_right1 {
	float: right;
}
#font_top {
	font-family: 'ABeeZee', sans-serif;
	font-size: 13px;
	color: #fff;
	text-align: left;
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 1.5em;
}
#font_top a {
	font-family: 'ABeeZee', sans-serif;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
}
#font_top a:hover {
	color: #fff;
	text-decoration: underline;
}
#font_top2 {
	font-family: 'ABeeZee', sans-serif;
	font-size: 13px;
	color: #FFF;
	text-align: right;
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 1.5em;
	display: inline;
}

#top2 {
	height: auto;
	width: 100%;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	
}
#top2_wrap {
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#top_left2 {
	float: left;
}
#top_right2 {
	float: right;
	padding-top: 10px;
}
#wrap_header {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
}
#header_slide {
	width: 100%;
	height: 800px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center center;	/*background-size:cover;*/
}
#font_slide {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 3em;
	color: #fff;
	font-weight: normal;
	text-align: center;
	text-shadow:0 1px 1px #000000;
	margin-top: 15%;
}
#font_slide2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.5em;
	color: #FFF;
	font-weight: normal;
	text-align: center;
	text-shadow:0 1px 1px #000000;
	line-height: 2em;	
}



#menu_kirimain{
	color: #333;
	text-decoration:none;
	text-align:left;
	font-family: "Myriad Pro";
	font-size: 13px;
	margin: 0;
	font-weight: bold;
	display: block;
	text-shadow:0 1px 1px #ffffff;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color:#f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8f8f8 0%,#e2e2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#e2e2e2 100%); /* IE10+ */
	background: linear-gradient(top,  #f8f8f8 0%,#e2e2e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */

}


#menu_kirimain  a:hover, #menu_kirimain a:active {
	color: #000;
	text-decoration:none;
	text-align:left;
	text-shadow:0 1px 1px #ffffff;
	font-weight: normal;
}

#menu_kiri{
	font-family: "Century Gothic";
	font-size: 12px;
	color: #743E01;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	font-weight: normal;
	width: 220px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}


#menu_kiri  a:link, #menu_kiri a:visited{
	color: #666;
	text-decoration:none;
	text-align:left;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 10px;
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'ABeeZee', sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-shadow:0 1px 1px #ffffff;
}
#menu_kiri  a:hover, #menu_kiri a:active {
	color: #FFF;
	text-decoration: none;
	background-color: #000;
	display: block;
	text-shadow:0 1px 1px #000000;
}
#menu_related{
	text-align: left;
}


#menu_related  a:link, #menu_related a:visited{
	color: #333;
	text-decoration:none;
	text-align:left;
	font-family: 'ABeeZee', sans-serif;
	font-size: 13px;
	font-weight: normal;
	display: block;
	text-shadow:0 1px 1px #ffffff;
	background-image: url(images/list-marker.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#menu_related  a:hover, #menu_related a:active {
	color: #069;
	text-decoration: none;
	text-shadow:0 1px 1px #ffffff;
}

.padding {
	height: 20px;
	width: auto;
	background-color: transparent;
}
#header_bg {
	background-color: #f5f5f5;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/heading.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: right center;

}
#header_bg2 {
	background-color: #f5f5f5;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/heading2.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: right center;

}
#header_bg_wrap {
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2em;
	padding-bottom: 2em;
}

#content_section1 {
	height: auto;
	width: 100%;
	background-color: #FFF;
	
}
	
#content_wrapper1 {
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0%;
	padding-bottom: 2%;
}
#content_wrapper1 h1 {
	color: #000;
	text-align: center;
	text-decoration: none;
}
#content_wrapper1 h2 {
	font-family: 'ABeeZee', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333;
}
#content_wrapper1 a {
	color: #333;
	font-weight: normal;
}
#content_wrapper1 a:hover {

	color: #009e82;
}
#content_section2 {
	height: auto;
	width: 100%;
	background-color: #79C2D5;	
}
	
#content_wrapper2 {
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2%;
	padding-bottom: 2%;
}
#content_wrapper2 h1 {
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
#content_wrapper2 h2 {
	font-family: 'ABeeZee', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	line-height: 1.5em;
}


#content_section3 {
	height: auto;
	width: 100%;
	background-color: #fafafa;	
}
	
#content_wrapper3 {
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2%;
	padding-bottom: 2%;
}
#content_wrapper3 h1 {
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
#content_wrapper3 h2 {
	font-family: 'ABeeZee', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	text-align: left;
	line-height: 1.5em;
}
#content_section4 {
	height: auto;
	width: 100%;
	background-color: #092a5b;
}
	
#content_wrapper4 {
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2%;
	padding-bottom: 2%;
}
#content_wrapper4 h1 {
	color: #000;
	text-align: center;
	text-decoration: underline;
}
#content_wrapper4 h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	line-height: 2em;
}

#content_wrapper {
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

#content_left {
	height: auto;
	width: 28%;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-left: 2px;
}
#content_left_head1 {
	height: auto;
	width: 100%;
	background-color: #2a3052;
}

#content_left_title {
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content_left_box {
	height: auto;
	width: auto;
	background-color: #FFF;
	border: 1px solid #E4E4E4;
	padding: 10px;
}
#content {
	height: auto;
	width: 68%;
	float: left;
	border: 0px solid #EBEBEB;
	padding-bottom: 20px;
	padding-top: 10px;
	background-color: #FFF;
	margin-top: 20px;
	padding-right: 1%;
	padding-left: 1%;
}


#homefloat {
	font-family: 'ABeeZee', sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 16%;
	margin: 1%;
	height: 250px;
	padding: 1%;
}
#homefloat_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999;
	font-weight: normal;
	text-shadow: 0px 1px 0px #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 40px;
	text-align: center;
}
#homefloat_title a:link,#homefloat_title a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #999;
	text-shadow: 0px 1px 0px #000000;
}
#homefloat_title a:hover,#homefloat_title a:active {
	color: #C60;
	text-decoration: none;
}

#contentfloat {
	float: left;
	width: 29%;
	margin: 1%;
	height: 370px;
	background-color: #fafafa;
	padding: 1%;
}

#contentfloatmaid1 {
	float: left;
	width: 23%;
	height: auto;
	margin-right: 2%;
}

#contentfloatmaid2 {
	float: left;
	width: 75%;
	height: auto;
}


#footer {
	height: auto;
	width: 100%;
	background-color: #303030;
}
#footer2 {
	height: auto;
	width: 100%;
	background-color: #1c1c1c;
}
#footer_wrap {
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer1_left {
	float: left;
}
#footer1_right {
	float: right;
	margin-top: 20px;
}

#bottomfloat_title {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #ececec;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-decoration: none;
}

#bottomfloat1 {
	float: left;
	width: 18%;
	margin: 1%;
	height: auto;
}
#bottomfloat2 {
	float: left;
	width: 28%;
	margin: 1%;
	height: auto;
}
#bottomfloat3 {
	float: left;
	width: 48%;
	margin: 1%;
	height: auto;
}
#bottom_menu {
	font-family: 'ABeeZee', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #6f644a;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
#bottom_menu a:link,#bottom_menu a:visited {
	background-image: url(images/list-marker.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	font-family: 'ABeeZee', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #CCC;
	padding-left: 15px;
	margin: 0px;
	display: block;
}
#bottom_menu a:hover,#bottom_menu a:active {
	color: #4bacc6;
	text-decoration: none;
}




#bottom_teks {
	font-family: 'ABeeZee', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
#bottom_teks a:link,#bottom_teks a:visited {
	font-family: 'ABeeZee', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #CCC;
}
#bottom_teks a:hover,#bottom_teks a:active {
	color: #4bacc6;
	text-decoration: none;
}

#bottom_teks2 {
	font-family: 'ABeeZee', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #D6D6D6;
	line-height: 1.5em;
}
#bottom_teks2 a:link,#bottom_teks2 a:visited {
	font-family: 'ABeeZee', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #CCC;
}

#bottom_teks2 a:hover,#bottom_teks2 a:active {
	color: #4bacc6;
	text-decoration: underline;
}
h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 32px;
	color: #FFF;
	font-weight: normal;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
h2 {
	font-family: 'ABeeZee', sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #666;
	line-height: 1.5em;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
h3 {
	font-family: 'ABeeZee', sans-serif;
	font-size: 13px;
	text-align: center;
	color: #333;
	line-height: 1em;
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
h4 {
	font-family: 'ABeeZee', sans-serif;
	font-size: 18px;
	text-align: left;
	color: #333;
	line-height: 1.8em;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	text-align: center;
	color: #666;
	line-height: 1.5em;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
}
#font_back_produk {
	color: #333;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	padding: 10px;
	text-decoration: none;
	font-family: 'ABeeZee', sans-serif;
	border: 1px solid #f2f2f2;
	background-color: #FFF;
	line-height: 1.5em;
}
#font_content_box {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	display: inline;
}
#font_content_name {
	font-size: 13px;
	color: #333;
	font-weight: normal;
	font-family: 'ABeeZee', sans-serif;
}
#font_content_harga {
	font-family: 'ABeeZee', sans-serif;
	font-size: 14px;
	color: #069;
	font-weight: normal;
	text-align: right;
}
#font_content_judul2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	color: #333;
	font-weight: normal;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
}
#font_content_judul2 a:link, #font_content_judul2 a:visited {
	text-align: justify;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	color: #333;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}

#font_content_judul2 a:hover, #font_content_judul2 a:active {
	color: #0080C0;
	text-decoration: none;
}

#font_content_subjudul {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: normal;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #CCC;
	display: block;
	margin-top: 10px;
}



#font_side {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #666;
	text-align: left;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#font_side a:link, #font_side a:visited {
	color: #666;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	font-weight: normal;
}
#font_side a:hover, #font_side a:active {
	color: #000;
	text-decoration: none;
}

#font_side2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #666;
	text-align: center;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#font_side2 a:link, #font_side2 a:visited {
	color: #666;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	font-weight: normal;
}
#font_side2 a:hover, #font_side2 a:active {
	color: #000;
	text-decoration: underline;
}

#font_detail {
	padding-top: 10px;
	padding-top: 10px;
}
#font_detail a:link, #font_detail a:visited {
	font-family: 'ABeeZee', sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 0px solid #000;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
	background-color:#f59f25;
	background: -moz-linear-gradient(top,  #f59f25 0%, #e47c1f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f59f25), color-stop(100%,#e47c1f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f59f25 0%,#e47c1f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f59f25 0%,#e47c1f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f59f25 0%,#e47c1f 100%); /* IE10+ */
	background: linear-gradient(top,  #f59f25 0%,#e47c1f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59f25', endColorstr='#e47c1f',GradientType=0 ); /* IE6-9 */
}

#font_detail a:hover, #font_detail a:active {
	background-color:#2c66bb;
	background: -moz-linear-gradient(top,  #2c66bb 0%, #1c466a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c66bb), color-stop(100%,#1c466a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2c66bb 0%,#1c466a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2c66bb 0%,#1c466a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2c66bb 0%,#1c466a 100%); /* IE10+ */
	background: linear-gradient(top,  #2c66bb 0%,#1c466a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c66bb', endColorstr='#1c466a',GradientType=0 ); /* IE6-9 */
	
	color: #FFF;
	text-decoration: none;
}

#font_detail2 {
	margin: 0px;
	padding: 5px;
}
#font_detail2 a:link, #font_detail2 a:visited {
	font-family: 'ABeeZee', sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 3px solid #e4e4e4;
	text-align: center;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	background-color:#f59f25;
	background: -moz-linear-gradient(top,  #f59f25 0%, #e47c1f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f59f25), color-stop(100%,#e47c1f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f59f25 0%,#e47c1f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f59f25 0%,#e47c1f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f59f25 0%,#e47c1f 100%); /* IE10+ */
	background: linear-gradient(top,  #f59f25 0%,#e47c1f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59f25', endColorstr='#e47c1f',GradientType=0 ); /* IE6-9 */
	margin: 0px;
}

#font_detail2 a:hover, #font_detail2 a:active {
	background-color:#2c66bb;
	background: -moz-linear-gradient(top,  #2c66bb 0%, #1c466a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c66bb), color-stop(100%,#1c466a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2c66bb 0%,#1c466a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2c66bb 0%,#1c466a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2c66bb 0%,#1c466a 100%); /* IE10+ */
	background: linear-gradient(top,  #2c66bb 0%,#1c466a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c66bb', endColorstr='#1c466a',GradientType=0 ); /* IE6-9 */
	
	color: #FFF;
	text-decoration: none;
}



#font_date_posting {
	font-family: 'ABeeZee', sans-serif;
	font-size: 13px;
	text-align: left;
	color: #666;
	font-weight: bold;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#font_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	text-align: left;
	float: right;
}
#font_view {
	font-family: 'ABeeZee', sans-serif;
	font-size: 13px;
	text-align: left;
	color: #069;
	font-weight: bold;
	margin: 0px;
}

#font_button {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-top: 5px;
}

#font_button a:link, #font_button a:visited {
	color: #FFF;
	text-align: justify;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	background-color:#7ac52a;
	background: -moz-linear-gradient(top,  #7ac52a 0%, #66ad1a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ac52a), color-stop(100%,#66ad1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7ac52a 0%,#66ad1a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7ac52a 0%,#66ad1a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7ac52a 0%,#66ad1a 100%); /* IE10+ */
	background: linear-gradient(top,  #7ac52a 0%,#66ad1a 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ac52a', endColorstr='#66ad1a',GradientType=0 ); /* IE6-9 */
}

#font_button a:hover, #font_button a:active {
	color: #FFF;
	text-align: justify;
	text-decoration: none;
	background-color:#66ad1a;
	background: -moz-linear-gradient(top,  #66ad1a 0%, #7ac52a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66ad1a), color-stop(100%,#7ac52a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #66ad1a 0%,#7ac52a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #66ad1a 0%,#7ac52a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #66ad1a 0%,#7ac52a 100%); /* IE10+ */
	background: linear-gradient(top,  #66ad1a 0%,#7ac52a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ad1a', endColorstr='#7ac52a',GradientType=0 ); /* IE6-9 */
}

#font_button2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	margin-top: 5px;
	margin-bottom: 2px;
	display: inline-block;
	padding-top: 5px;
}

#font_button2 a:link, #font_button2 a:visited {
	color: #FFF;
	text-align: justify;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	background-color:#2199c6;
	background: -moz-linear-gradient(top,  #2199c6 0%, #1079a1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2199c6), color-stop(100%,#1079a1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2199c6 0%,#1079a1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2199c6 0%,#1079a1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2199c6 0%,#1079a1 100%); /* IE10+ */
	background: linear-gradient(top,  #2199c6 0%,#1079a1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2199c6', endColorstr='#1079a1',GradientType=0 ); /* IE6-9 */
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#font_button2 a:hover, #font_button2 a:active {
	color: #FFF;
	text-align: justify;
	text-decoration: none;
	background-color:#1079a1;
	background: -moz-linear-gradient(top,  #1079a1 0%, #2199c6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1079a1), color-stop(100%,#2199c6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1079a1 0%,#2199c6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1079a1 0%,#2199c6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1079a1 0%,#2199c6 100%); /* IE10+ */
	background: linear-gradient(top,  #1079a1 0%,#2199c6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1079a1', endColorstr='#2199c6',GradientType=0 ); /* IE6-9 */
}

#font_button3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	margin-top: 5px;
	margin-bottom: 2px;
	display: inline-block;
	padding-top: 5px;
}

#font_button3 a:link, #font_button3 a:visited {
	color: #FFF;
	text-align: justify;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	background-color:#e01c1c;
	background: -moz-linear-gradient(top,  #e01c1c 0%, #bd1010 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e01c1c), color-stop(100%,#bd1010)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e01c1c 0%,#bd1010 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e01c1c 0%,#bd1010 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e01c1c 0%,#bd1010 100%); /* IE10+ */
	background: linear-gradient(top,  #e01c1c 0%,#bd1010 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e01c1c', endColorstr='#bd1010',GradientType=0 ); /* IE6-9 */
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#font_button3 a:hover, #font_button3 a:active {
	color: #FFF;
	text-align: justify;
	text-decoration: none;
	background-color:#bd1010;
	background: -moz-linear-gradient(top,  #bd1010 0%, #e01c1c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd1010), color-stop(100%,#e01c1c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bd1010 0%,#e01c1c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bd1010 0%,#e01c1c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bd1010 0%,#e01c1c 100%); /* IE10+ */
	background: linear-gradient(top,  #bd1010 0%,#e01c1c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd1010', endColorstr='#e01c1c',GradientType=0 ); /* IE6-9 */
}





input,select,textarea {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	font-size: 12px;
	padding: 8px;
	border: 1px solid #ebebeb;
	background-color: #fafafa;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
input:focus, textarea:focus, select:focus {
	background-color: #fafafa;
	box-shadow: 0 0 5px #11aed5;
	-moz-box-shadow: 0 0 5px #11aed5;
	-webkit-box-shadow: 0 0 5px #11aed5;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
input.error, select.error, textarea.error {
	border: 1px solid #c92d01;
	color: #000;
	background-color: #F8F8F8;
	font-size: 12px;	
}
label.error {
	color:#c92d01;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.page{
	font-family: 'Roboto Condensed', sans-serif;
	padding: 5px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	margin: 1;
	border: 0px solid #CCC;
	text-align: center;
	font-size: 14px;
}
.page a {
	color: #FFF;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	border: 1px solid #333;
	background-color: #333;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	line-height: 3.5em;
}
.page a:hover {
	padding: 5px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	background-color: #145da1;
	border: 1px solid #145da1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#font_block {
	color: #666;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	font-family: 'ABeeZee', sans-serif;
	border: 1px solid #f5f5f5;
	background-color: #FFF;
	padding: 20px;
}
#font_form {
	font-family: 'ABeeZee', sans-serif;
	font-size: 14px;
	text-align: left;
	color: #333;
	font-weight: normal;
	border: 0px solid #fafafa;
	padding: 10px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	line-height: 1.5em;
}

#padding_produk {
	height: 10px;
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1c8bb;
}


#font_strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C00;
	text-decoration: none;
	font-weight: normal;
}

.elipse{
	border: 1px solid #333;
	background-color: #333;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18px;
	color:#FFFFFF;
	font-weight: normal;
	width: auto;
	display: inline;
	padding: 5px;
	cursor:pointer;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
    } 
	
    .elipse:hover{
	background-color: #1e57ac;
	border: 1px solid #1e57ac;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	color: #FFF;
	text-decoration: none;
    } 
	
    .elipse:active{
	background-color: #1e57ac;
	border: 1px solid #1e57ac;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	color: #FFF;
	text-decoration: none;
    } 
	
#back_share {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	width: 670px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f5f5f5;
	border: 1px solid #E8E8E8;
}



.aToolTip {
	border:1px solid #333;
	color:#fff;
	margin:0;
	padding:2px 10px;
	font-size:12px;
	background-image: url(images/bg_opacity.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
}
.aToolTip .aToolTipContent {position:relative;margin:0;padding:0;}
a.aToolTipCloseBtn {display:block;height:20px;width:20px;overflow:hidden;background:url(../images/loading/close.gif) no-repeat;text-indent:-9999px;outline:none;position:absolute;top:-15px;right:-20px;}

.scrollup{
	width:100px;
	height:100px;
	opacity:0.3;
	position:fixed;
	bottom:60px;
	right:30px;
	display:none;
	text-indent:-9999px;
	background-image: url(images/icon_top.png);
	background-repeat: no-repeat;
}

#badge_sold {
	text-decoration:none;
	width: 80px;
	height: 80px;
	background-image: url(images/bagde_sold.png);
	background-repeat: no-repeat;
	z-index:31;
	position: absolute;
	margin: 0px;
	padding: 0px;
}


.toggleMenu {
	display:  none;
	margin: 5px;
	background-image: url(images/nav-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	border: 1px solid #FFF;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border: 0px solid #fff;	
}
.toggleMenu a:link, .toggleMenu a:visited {
	color: #FFF;
	
}
.nav {
	list-style: none;


     *zoom: 1;
	margin: 0px;
	padding: 0px;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
	list-style: none;
	width: 14em;
	margin: 0px;
	padding: 0px;
}
.nav li  a  {
	color:#3a3a3a;
}
.nav a {
	margin: 0px;
	font-weight: bold;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-family: 'ABeeZee', sans-serif;
	font-size: 13px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.nav a:hover {
	color: #FFF;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: #f5821f;
}
.nav li {
    position: relative;
}
.nav > li {
	float: left;
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
	display: block;
	position: relative;
	z-index:1000;
	background-color: #131c28;
	color: #FFF;
}
.nav li li li a {
	background-color: #4E4E4E;
	z-index:1000;
	border-top-color: #4E4E4E;
}

@media screen and (max-width: 900px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	.nav li  a  {
	color:#fff;
	}

}



.masonry { /* Masonry container */
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}
.masonry2 { /* Masonry container */
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.item { /* Masonry bricks or child elements */
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.2em;
	color:#333;
	font-weight: normal;
	border: 0px solid #CCC;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1.5em;
	margin-left: 0;
	line-height: 2em;
	background-color: #fafafa;
	padding: 0.3em;
}
@media only screen and (min-width: 320px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count:2;
    }
	 .masonry2 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
	 .masonry2 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
	 .masonry2 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6;
    }
	 .masonry2 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}



#slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
