@font-face { font-family: cggi-font; src: url(fonts/cgor45w.ttf); }
@font-face { font-family: helv-font; src: url(fonts/Helv.ttf); }
@font-face { font-family: montserrat-font; src: url(fonts/Montserrat-Regular.otf); }
@font-face { font-family: gothamic-font; src: url(fonts/Gothamic.ttf); }
@font-face { font-family: gotham-font; src: url(fonts/Gothamblack.otf); }

body {
	font-family: montserrat-font;
	font-size: 13px;
	margin:0;
	padding:0;
	color:#333;
	line-height:17px;
	letter-spacing:0.5px;
	background:#888;
}
h1, h2, h3, h4, h5 {
	 font-family: gothamic-font;
	 margin:0;
	 padding:0; 
}
p {
	margin:0; 
}
a {
	text-decoration:none;
	 color:#000000; 
}
a:hover {
	 color:#000
}
a.cssLinkUnderline:hover {
	 text-decoration:none;
	 color:#DC2A1B; 
}
a.cssLinkLight:hover {
	 text-decoration:underline;
	 color:#333333; 
}
a.cssTextNavLight:hover {
	 text-decoration:underline;
	 color:#ffffff; 
}
a.cssTextHeaderLight:hover {
	 text-decoration:underline;
	 color:#ffffff; 
}
a.cssNav:hover {
	 color:#000;
	 text-decoration:none;
	 background:#eee; 
}
a.cssNav-xs:hover {
	 color:#000;
	 text-decoration:none;
	 background:#eee; 
}
.cssNav2:hover {
	 color:#fff;
	 text-decoration:none;
	 background:#ccc;
	 cursor:pointer 
}
.cssButtonRound:hover {
	 background:#DA251A; 
}
.cssButtonRound2:hover {
	 color:#FFFFFF;
	 background:#FFC206; 
}
.container{
	 margin-right:auto;
	 margin-left:auto; 
}
@media (min-width:768px){
	.container{
	 width:750px;
	 margin-right:auto;
	 margin-left:auto; 
} }	
@media (min-width:992px){
	.container{
	 width:980px;
	 margin-right:auto;
	 margin-left:auto; 
} }	
@media (min-width:1200px){
	.container{
	 width:1000px;
	margin-right:auto;
	 margin-left:auto; 
} }
@media (min-width:1440px){
	.container{
	 width:1220px;
	margin-right:auto;
	 margin-left:auto; 
} }	
.container-fluid{
	 margin:0;
	 padding:0 
}
.table-borderless td, th {
	 border:0 !important; 
}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{
	padding:4px;
	line-height:1.42857143;
	vertical-align:top;
	border-top:1px solid #ddd;
}
.logo{
	 width:25%;
	 margin:0px; 
}
@media (min-width:768px){
	 .logo{
	 width:40%;
	 margin:0;
	 text-align:center; 
} }	
.icon-bar {
	 background-color:#ddd !important; 
}
#page_bg {
	width:100%;
	height:135px;
	position:fixed;
	z-index:1;
	background:#fff;
}
#page_front {
	position:absolute;
	z-index:2000;
}
#page {
	width:100%;
	z-index:10;
	position:absolute;
}
#header {
	width:100%;
	margin:0 auto;
	border-bottom:4px solid #000;
}
#header h1 {
	font-family: gothamic-font;
	font-size: 12px;
	letter-spacing:2px;
	color:#888;
}
.header {
	color:#333;
	width:100%;
	margin:0 auto;
}
#header_top {
	z-index:5000;
	width:100%;
	background:#eee;
}
.header_main {
	color:#333;
	width:100%;
	padding:0;
	margin:0 auto;
}
#header_nav {
	width:100%;
	color:#000;
	margin:0 auto;
	padding:0;
	background:#fff;
}
@media (min-width:768px){
	#header_nav {
	width:100%;
	color:#fff;
	margin:0 auto;
	padding:5px 0;
	background: #000;
} }	
#header_nav_category {
	width:100%;
	color:#000;
	margin:0 auto;
	padding:0;
	background:#fff;
}
.header_nav {
	width:100%;
	color:#333;
	margin:0 auto;
	padding:5px 0;
}
.header_bottom {
	padding-top:5px;
	border-bottom:1px solid #FFC206;
}
#footer {
	width:100%;
	margin:0 auto;
}
.footer {
	width:100%;
	font-family: montserrat-font;
	font-size: 11px;
	color:#aaa;
	margin:0 auto;
	padding:0;
	background:#222;
}
.footer_top {
	width:100%;
	font-family: montserrat-font;
	font-size: 11px;
	color:#aaa;
	margin:0 auto;
	padding:30px 0;
	background:#222;
}
#footer .footer_top h3 {
	font-family: montserrat-font;
	font-size: 16px;
	line-height:24px;
	color:#777;
}
.footer_main {
	font-family: montserrat-font;
	font-size: 11px;
	color:#fff;
	margin:0 auto;
	padding:4px 0;
	background:#252525;
}
.footer_main a {
	 color:#FFF;
	 padding:8px 10px;
	 text-decoration:none; 
}
.footer_main a:hover {
	 color:#aaa;
	 background:#000;
	 padding:8px 10px;
	 text-decoration:none; 
}
 .footer_bottom {
	width:100%;
	font-family: montserrat-font;
	font-size: 11px;
	color:#888888;
	padding:0;
	background:#000;
}
.footer_bottom_main {
	font-family: montserrat-font;
	font-size: 11px;
	color:#aaa;
	margin:0 auto;
	padding:15px;
}
.footer a {
	color:#666;
}
.footer_bottom a {
	color:#999999;
	text-decoration:underline;
}
.footer a:hover {
	color:#000;
	text-decoration:underline;
}
.footer li {
	padding-bottom:7px;
}
@media (min-width:768px){
	 .footer li {
	padding-bottom:0;
} }	
#main {
	margin:0;
	padding:0;
}
@media (min-width:768px){
#main {
	margin:0 auto;
}	
}
.main {
	width:100%;
	margin:0 auto;
	padding:0;
	background:#000;
}
.main h2 {
	font-family: gothamic-font;
	font-size: 22px;
	color:#000;
	line-height:15px;
	letter-spacing:0.5px;
	text-decoration:none;
}
.main p {
	margin:0;
}
.main ul {
	list-style-type:disc;
	margin:0;
	padding:0 0 0 20px;
}
.main ol {
	margin:0;
	padding:7px 0 0 20px;
}
#mainContent {
	 width:730px;
	float:left;
}
#mainContent1 {
	 width:760px;
	margin:0 0 20px 0;
	float:left;
}
.mainContent1 {
	color:#555555;
	padding:0 0 0 15px;
	line-height:17px;
	letter-spacing:0.2px;
}
#mainContent2 {
	margin:0 0 20px 0;
	 width:720px;
	float:left;
}
.mainContent2 {
	color:#555555;
	padding:0 15px 0 10px;
	line-height:17px;
	letter-spacing:0.2px;
}
.main .mainContent2 h2, .mainContent2 h3, .mainContent3 h2, .mainContent3 h3 {
	font-family: montserrat-font;
	font-size: 14px;
	line-height:14px;
	font-weight:bold;
	color:#000;
}
#mainContent3 {
	width:100%;
	float:left;
}
.mainContent3 {
	color:#555555;
	line-height:17px;
	letter-spacing:0.2px;
}
#sidebar {
	width:100%;
	float:left;
}
.sidebar { padding:0; }
@media (min-width:768px){
.sidebar { padding: 20px 0; }
}
#sidebar1 {
	width:100%;
	float:left;
	line-height:17px;
	letter-spacing:0.2px;
}
.sidebar1 {
	color:#444444;
}
@media (min-width:768px){
.sidebar1 {
	color:#444444;
	padding: 20px 0;
}	
}
#sidebar2 {
	width:100%;
	float:right;
	line-height:17px;
	letter-spacing:0.2px;
}
.sidebar2 {
	color:#555555;
	margin-left:10px;
}
.clearfloat {
	clear:both;
}
.linespace {
	width:940px;
	height:7px;
	margin:0 auto;
	border-left:15px solid #FFFFFF;
	border-right:15px solid #FFFFFF;
	background:#999999
}
.cssObjectLight {
	font-family: montserrat-font;
	font-size: 12px;
	text-decoration:none;
	background-color:#F5F5F5;
	padding:7px 20px;
}
.cssObjectLight2 {
	font-family: montserrat-font;
	font-size: 12px;
	text-decoration:none;
	background-color:#F5F5F5;
	padding:5px 15px;
}
.cssTitleHeader1 {
	margin:0;
	padding:0;
	font-family: montserrat-font;
	font-size: 14px;
	letter-spacing:0.1px;
	font-weight:bold;
	color:#fff;
}
.cssTitleHeader2 {
	margin:0;
	padding:0;
	font-size:11px;
	letter-spacing:0.1px;
	color:#fff;
	font-style:italic;
}
.cssTitleHeaderTagline {
	font-family: montserrat-font;
	font-size: 11px;
	letter-spacing:0.01px;
	color:#ccc;
}
.cssDash {
	list-style:none;
	padding:0;
	margin:0;
}
.cssDash > li {
	display:inline-block;
}
.cssDash > li > h2:before {
	content:"-";
	text-indent:0;
	width:0;
	font-size:9px;
	color:#FFF;
	position:relative;
	left:-0.1em;
}
.cssDash > li:first-child > h2:before {
	content:"";
}
.cssTextUnderline {
	text-decoration:underline;
}
.cssTextNormal {
	font-family: montserrat-font;
	font-size: 13px;
	color:#666;
	text-decoration:none;
	line-height:17px;
	letter-spacing:0.2px;
}
.cssTextHeader {
	font-family: gothamic-font;
	font-size: 18px;
	color:#000;
	text-decoration:none;
}
.cssTextHeaderDetail {
	font-family: gothamic-font;
	font-size: 30px;
	color: #000;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:0.5px;
	padding:0 15px;
}
.cssTextHeader2 {
	font-family: gothamic-font;
	font-size: 18px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
.cssTextHeaderBig {
	font-family: gothamic-font;
	font-size: 24px;
	color:#000;
	letter-spacing:2px;
	text-decoration:none;
}
.cssTextHeaderBigRed {
	font-family: gothamic-font;
	font-size: 17px;
	color:#F00;
	font-weight:bold;
	text-decoration:none;
}
.cssTextHeaderContent {
	font-family: gothamic-font;
	font-size: 15px;
	color:#333;
	letter-spacing:1px;
	text-decoration:none;
}
.cssTextHeaderSmall {
	font-family: gothamic-font;
	font-size: 13px;
	color:#3399FF;
	text-decoration:none;
}
.cssTextHeaderLight {
	font-family: gothamic-font;
	font-size: 14px;
	color:#aaa;
	text-decoration:none;
}
.cssTextSmall {
	font-family: montserrat-font;
	font-size: 12px;
	color:#777777;
	text-decoration:none;
}
@media (min-width:768px){
	.cssTextSmall {
	font-family: montserrat-font;
	font-size: 11px;
	color:#777777;
	text-decoration:none;
} }	
.cssTextSmallLight {
	font-family: montserrat-font;
	font-size: 11px;
	color:#aaa;
	text-decoration:none;
}
.cssTextVerrySmall {
	font-family: montserrat-font;
	font-size: 10px;
}
.cssTextLinkVerrySmall {
	font-family: montserrat-font;
	font-size: 10px;
	color:#CC3300;
	text-decoration:underline;
}
.cssTextSmallUnderline {
	font-family: montserrat-font;
	font-size: 10px;
	color:#666666;
	text-decoration:underline;
}
.cssTextItalic {
	font-style:italic; 
}
.cssLinkUnderline {
	color:#000000;
	text-decoration:underline;
}
.cssLinkLight {
	color:#DC2A1B;
	text-decoration:none;
}
.cssTextNav {
	font-family: montserrat-font;
	font-size: 12px;
	color:#fff;
	text-decoration:none;
}
.cssTextNavLight {
	font-family: montserrat-font;
	font-size: 12px;
	color:#ffffff;
	text-decoration:none;
}
.cssTextNavHeader {
	font-family: montserrat-font;
	font-size: 12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
.cssTextNavLightHeader {
	font-family: montserrat-font;
	font-size: 12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
.cssTextMessage {
	font-family: montserrat-font;
	font-size: 11px;
	color:#CC0000;
}
.cssTextMarquee {
	font-family: montserrat-font;
	font-size: 18px;
	color:#eee;
	font-weight:bold;
}
.cssCalendar {
	font-family: montserrat-font;
	font-size: 11px;
	color:#555555;
}
.cssCalendarHeader {
	font-family: montserrat-font;
	font-size: 14px;
	color:#ffffff;
	height:20px;
	font-weight:bold;
	text-decoration:none;
	padding-top:5px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:#DA251A;
}
.cssCalendarNav {
	font-family: montserrat-font;
	font-size: 14px;
	color:#ffffff;
}
.cssCalendarBox {
	font-family: montserrat-font;
	font-size: 11px;
	color:#555555;
	padding:1px;
	border:1px solid #cccccc;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:url(images/bg_gradian_box.jpg) top repeat-x;
}
.cssCalendarEvent {
	font-family: montserrat-font;
	font-size: 11px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 2px;
	border:1px solid #FFFFFF;
	background:#DC2A1B;
}
.cssTextMore {
	font-family: montserrat-font;
	font-size: 11px;
	color:#000000;
	text-decoration:underline;
}
.cssNav {
	font-family: gothamic-font;
	font-size: 14px;
	padding:10px 18px 15px 18px;
	color:#999;
	letter-spacing:0.5px;
	text-decoration:none;
}
.cssNav-xs {
	font-family: gothamic-font;
	font-size: 14px;
	color:#999;
	text-decoration:none;
}
.cssNavmenu-xs {
	font-family: montserrat-font;
	font-size: 14px;
	color:#000;
	text-decoration:none;
}
.cssNav2 {
	font-family: montserrat-font;
	font-size: 12px;
	padding:15px 17px;
	color:#000;
	text-decoration:none;
	text-align:center;
	letter-spacing:0.5px;
	border-right:1px solid #ddd;
}
.cssNav2-xs {
	font-family: montserrat-font;
	font-size: 16px;
	color:#fff;
	text-decoration:none;
}
.cssBarTop {
	font-family: montserrat-font;
	font-size: 12px;
	color:#383838;
	text-decoration:none;
	background:#eeeeee url(images/bg_barTop.jpg) bottom repeat-x;
}
.cssBar {
	font-family: montserrat-font;
	font-size: 12px;
	height:34px;
	color:#838383;
	font-weight:bold;
	text-decoration:none;
	padding:8px 15px;
	-moz-border-radius:12px 12px 0px 0px;
	-webkit-border-radius:12px 12px 0px 0px;
	background:#eeeeee url(images/bg_bar1.jpg) top repeat-x;
}
.cssBar1 {
	font-family: montserrat-font;
	font-size: 12px;
	height:34px;
	color:#838383;
	font-weight:bold;
	text-decoration:none;
	padding:8px 20px;
	-moz-border-radius:12px 0px 0px 0px;
	-webkit-border-radius:12px 0px 0px 0px;
	background:#eeeeee url(images/bg_bar1.jpg) top repeat-x;
}
.cssBar2 {
	font-family: montserrat-font;
	font-size: 12px;
	height:34px;
	color:#838383;
	font-weight:bold;
	text-decoration:none;
	padding:8px 20px;
	-moz-border-radius:0px 12px 0px 0px;
	-webkit-border-radius:0px 12px 0px 0px;
	background:#eeeeee url(images/bg_bar1.jpg) top repeat-x;
}
#cssmenu {
	padding:0;
	margin:0;
	border:0;
	line-height:1;
}
#cssmenu ul,#cssmenu ul li,#cssmenu ul ul {
	list-style:none;
	margin:0;
	padding:0;
}
#cssmenu ul {
	position:relative;
	width:100%;
	z-index:597;
	float:left;
}
#cssmenu ul li {
	font-family: montserrat-font;
	font-size: 12px;
	padding:6px 0px 5px 0px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	color:#000;
	background:#fff url(images/img_arrow.gif) right no-repeat;
	min-height:1px;
	line-height:1em;
	vertical-align:middle;
	position:relative;
}
#cssmenu ul li:hover {
	position:relative;
	z-index:599;
	cursor:default;
	background:#eee url(images/img_arrow.gif) right no-repeat;
}
#cssmenu ul ul li:hover {
	position:relative;
	z-index:599;
	cursor:default;
	background:#eee;
}
#cssmenu ul ul {
	visibility:hidden;
	position:absolute;
	top:100%;
	left:0px;
	z-index:598;
	width:75%;
	border:1px solid #ccc;
	border-bottom:none;
}
#cssmenu ul ul li {
	float:none;
	padding-left:12px;
	padding-right:5px;
	background:rgb(255, 255, 255);
	background:rgba(255, 255, 255, 0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}
#cssmenu ul ul ul {
	top:0;
	right:0;
	width:100%;
}
#cssmenu ul li:hover > ul {
	visibility:visible;
}
#cssmenu ul ul {
	top:1px;
	left:99%;
}
#cssmenu ul li {
	float:none;
}
#cssmenu ul ul {
	margin-top:1px;
}
#cssmenu ul ul li {
	font-weight:bold;
}
.cssListHeader {
	font-family: montserrat-font;
	font-size: 15px;
	padding:1px 0;
	color:#000;
	font-weight:bold;
	border-top:1px solid #CCC;
	background:#ddd;
}
.cssList {
	font-family: montserrat-font;
	font-size: 12px;
	padding:1px 0;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	color:#000;
	background:#fff;
}
.cssListOver {
	font-family: montserrat-font;
	font-size: 12px;
	padding:1px 0;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	color:#000;
	background:#eee;
}
.cssListHeaderOver {
	font-family: montserrat-font;
	font-size: 16px;
	padding:1px 0;
	color:#000;
}
.cssListActive {
	font-family: montserrat-font;
	font-size: 12px;
	padding:1px 0;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	color:#000;
	background:#f7f7f7 url(images/img_arrow.gif) right no-repeat;
}
.cssListHeader2 {
	font-family: montserrat-font;
	font-size: 16px;
	padding:1px 0;
	color:#fff;
	background:#F90;
}
.cssList2 {
	font-family: montserrat-font;
	font-size: 12px;
	padding:1px 0;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}
.cssListOver2 {
	font-family: montserrat-font;
	font-size: 12px;
	padding:1px 0;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	color:#000;
	background:#eee;
}
.cssListActive2 {
	font-family: montserrat-font;
	font-size: 12px;
	padding:1px 0;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	color:#000;
	background:#f7f7f7;
}
.cssFrame {
	border:1px solid #ddd;
}
.cssFrameItem {
	border:1px solid #ddd;
	background:url(images/line_shadow.jpg) bottom center no-repeat;
}
.cssFrameRound {
	border:1px solid #ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.cssFrameLight {
	border:0.5px solid #FFFFFF;
}
.cssLineT {
	border-top:1px solid #ddd;
}
.cssLineB {
	border-bottom:1px solid #ddd;
}
.cssLineL {
	border-left:1px solid #ddd;
}
.cssLineR {
	border-right:1px solid #ddd;
}
.cssLineLR {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.cssLineTB {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.cssBox {
	font-family: montserrat-font;
	font-size: 12px;
	color:#555555;
	background:url(images/bg_gradian_box.jpg) top repeat-x;
}
.cssBoxBar {
	font-family: montserrat-font;
	font-size: 12px;
	color:#555555;
	background:url(images/bg_gradian_box.jpg) top repeat-x;
}
.cssGrid {
	padding:4px;
	color:#555555;
	border-bottom:solid 1px #ffffff;
	cursor:default;
}
.cssGridOver {
	padding:4px;
	color:#FFFFFF;
	font-weight:bold;
	background:#DA251A;
	border-bottom:solid 1px #ffffff;
	cursor:default;
}
.cssButton {
	font-family: montserrat-font;
	font-size: 11px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
.cssButton2 {
	font-family: montserrat-font;
	font-size: 11px;
	color:#ffffff;
	font-weight:bold;
	background:#DA251A;
	text-decoration:none;
	border-bottom:solid 1px #ffffff;
}
.cssPage {
	font-family: montserrat-font;
	font-size: 12px;
	color:#000000;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}
.cssPageCurrent {
	font-family: montserrat-font;
	font-size: 12px;
	color:#000;
	border:1px solid #CCCCCC;
	background-color:#ddd;
}
.cssPageOver {
	font-family: montserrat-font;
	font-size: 12px;
	color:#000000;
	border:1px solid #CCCCCC;
	background-color:#eee;
}
.cssPageTitle {
	font-family: montserrat-font;
	font-size: 12px;
	color:#555555;
}
.cssTextItem {
	font-family: montserrat-font;
	font-size: 13px;
	line-height:13px;
	color:#000;
	font-weight: normal;
}
.cssTextTitlePrice {
	font-family: montserrat-font;
	font-size: 14px;
	color:#C79461;
	font-weight:bold;
	text-decoration:none;
}
.cssTextItemPrice {
	font-family: montserrat-font;
	font-size: 13px;
	color:#B20000;
	font-weight:bold;
	text-decoration:none;
}
@media (min-width:768px){
	.cssTextItemPrice {
	font-family: montserrat-font;
	font-size: 15px;
	color:#B20000;
	font-weight:bold;
	text-decoration:none;
} }	
.cssTextItemPriceDetail {
	font-family: montserrat-font;
	font-size: 16px;
	color:#B20000;
	font-weight:bold;
	text-decoration:none;
}
.cssTextItemPriceBig {
	font-family: montserrat-font;
	font-size: 20px;
	color:#CC3300;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:-1px;
}
.cssTextItemCall {
	font-family: montserrat-font;
	font-size: 15px;
}
@media (min-width:768px){
	.cssTextItemCall {
	font-family: montserrat-font;
	font-size: 17px;
	color:#CC3300;
	font-weight:bold;
	text-decoration:underline;
} }	
.cssTextItemStatus {
	font-family: montserrat-font;
	font-size: 12px;
	color:#383838;
	font-weight:bold;
	text-decoration:underline;
}
.cssTextItemDiscount {
	font-family: montserrat-font;
	font-size: 11px;
	color:#383838;
	text-decoration:line-through;
}
.cssTab {
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background:url("images/bg_tab.jpg") top repeat-x;
}
.cssTabOver {
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#EEEEEE;
}
.cssSearchRound {
	width:height:18px;
	font-family: montserrat-font;
	font-size: 11px;
	border:1px solid #ccc;
	color:#999999;
	padding:1px 30px;
	background:#fff url("images/icon_search.jpg") left no-repeat;
}
.cssSearch {
	width:100px;
	height:18px;
	font-family: montserrat-font;
	font-size: 11px;
	border:1px solid #ccc;
	color:#999999;
	padding:1px 30px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#fff url("images/icon_search.jpg") left no-repeat;
}
.cssButtonRound {
	font-family: montserrat-font;
	font-size: 11px;
	color:#fff;
	padding:3px;
	border:1px solid #CCCCCC;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	background:#000;
}
.cssButtonRound2 {
	font-family: montserrat-font;
	font-size: 10px;
	color:#000;
	padding:1px;
	border:1px solid #CCCCCC;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#eee;
}
.cssObjectTransparent {
	opacity:0.40;
	filter:alpha(opacity=40);
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);
	
}
.cssTabledetail {
	margin:15px 0;
	padding:0 15px;
	border: none;
}
@media (min-width:768px){
.cssTabledetail {
	margin:15px;
	padding:0 15px;
} }
.cssTabledetail .table td {
	border:none;
	padding:2px;
}
/* WhatsApp */
.wa-area {
  position: fixed;
  bottom:5%;
  right:0;
  /* -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); */
  z-index:5000;
  text-align:right;
}
.wa-area a {
  display: block;
  text-align: center;
  padding: 4px 7px;
  transition: all 0.3s ease;
  color: white;
  font-size: 36px;
}
.wa-area a:hover {
  background-color: #000;
}
.title-wa {
  text-align: center;
  font-size: 10px;
  color: #000;
  padding:4px 2px;
  background: rgba(204,204,204,0.7);
}
.icon-wa {
  background: #0DC143; /* #1EBEA5; */
  color: white;
}
.icon-title-wa {
  font-size: 8px;
  color: #fff;
  font-weight:lighter;
}

/* Position Style */

.container-box {
	position: relative;
}

.container-box .content-right { padding-left:80px; text-align:right; }
@media (min-width:768px){ .container-box .content-right { padding-left:80px; text-align:left; } }
.container-box .content-left { padding-right:80px; text-align:left; }
@media (min-width:768px){ .container-box .content-left { padding-right:80px; text-align:right; } }

.container-box-content { position: absolute; }
@media (min-width:768px){ .container-box-content { position: relative; } }

.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

.top-left {
    position: relative;
    top: 8px;
    left: 16px;
}
@media (min-width:768px){ .top-left {
    position: absolute;
    top: 8px;
    left: 16px;
} }

.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}
.top-centered {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-14%);
}
.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
}
.bottom-centered {
    position: absolute;
    bottom: 30px;
	left: 50%;
    transform: translateX(-50%);
}

.centered {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (min-width:768px){ .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} }
.centered-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}