@charset "utf-8";
/* CSS Document */

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}
ol, ul {list-style:none}
blockquote, q {quotes:none}
table, table td {padding:0;border:none;border-collapse:collapse}
img {vertical-align:top}
embed {vertical-align:top}
* { border:none}

@font-face {
    font-family: 'cartogothic_stdbold_italic';
    src: url('font/cartogothicstd-bolditalic-webfont.eot');
    src: url('font/cartogothicstd-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/cartogothicstd-bolditalic-webfont.woff') format('woff'),
         url('font/cartogothicstd-bolditalic-webfont.ttf') format('truetype'),
         url('font/cartogothicstd-bolditalic-webfont.svg#cartogothic_stdbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cartogothic_stdregular';
    src: url('font/cartogothicstd-book-webfont.eot');
    src: url('font/cartogothicstd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/cartogothicstd-book-webfont.woff') format('woff'),
         url('font/cartogothicstd-book-webfont.ttf') format('truetype'),
         url('font/cartogothicstd-book-webfont.svg#cartogothic_stdregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ============================= GENERAL ====================== */

body {
	background-image:url(../images/bg_images.png);
	background-repeat:no-repeat;
	font-family:"CartoGothic Std", "Century Gothic", "Trebuchet MS";
}

#top_shadow {
	background:url(../images/top_main.png) repeat-x;
	height:15px;
	width:942px;
	float:left;
}

#left_shadow {
	background:url(../images/left_main.png) repeat-y;
	width:19px;
	margin-right:961px;
	float:left;
	position:relative;
	z-index:100;
}

#right_shadow {
	background:url(../images/right_main.png) repeat-y;
	width:19px;
	position:relative;
	z-index:200;
	margin-left:961px;
	float:left;
}

#main {
	float:left;
	width:942px;
	background-color:#fff;
	float:left;
	position:relative;
	z-index:300;
	margin-left:-942px;
}

#bg_form {
background-image: url(../images/bg_form.png);
width: 489px;
background-repeat: repeat-y;
}
/*========================== HEADER ===========================*/
header {
	width:100%;
	height:180px;
	position:relative;
}

.top{
	background-image:url(../images/top.png);
	height:32px;
	background-repeat:repeat-x;
}

.wrapper_header {
	width:980px;
	margin:0 auto;
}

#row_header1 {
	width:100%;
	height:32px;
}

#row_header2 {
	width:100%;
	height:91pxpx;
}

#row_header3 {
	width:100%;
	height:57pxpx;
}

#text_call {
	width:630px;
	font-size:30px;
	padding:30px 0;
	height:31px;
	float:left;
	text-align:right;
	color:#d20202;
}


/*= date */

#bg_date {
	background:url(../images/bg_date.png) repeat-x;
	width:300px;
	height:32px;
	float:left;
	text-align:center;
	color:#1d2088;
}

/*= Menu */

.wrapper_menu {
	width:100%;
	height:42px;
}

#bg_menu {
	background:url(../images/bg-menu.png) repeat-x;
	height:42px;
	width:916px;
	float:left;
}

/*= search */

.field_search {
	background:url(../images/field_search.png) no-repeat;
	padding:7px 5px;
	height:15px;
	width:165px;
	border:0;
	margin:0;
	font-size:12px;
	color:#363636;
}

.bt_search {
	background:url(../images/bt_search.png) no-repeat;
	width:29px;
	height:28px;
	padding:0;
	border:0;
	margin:0;
}

/*=================================== CONTENT ===============================*/

.content {
	width:100%;
	position:relative;
}

.wrapper_content {
	width:980px;
	margin:0 auto;
}

#sidebar {
	width:280px;
	float:left;
	margin-right:7px;
}

#main_content{
	width:651px;
	float:left;
	margin-left:4px;
}

.size_tab{
	width:280px;
	height:auto;
}

#desc_content {
	background:#f2f2f2;
	float:left;
	width:651px;
}

#desc_content1 {
	background:#fff;
	float:left;
	width:651px;
}


#title_content {
	color:#006;
	padding:8px 0;
	border-bottom:1px dotted #363636;
	font-weight:bold;
}

#title_content1 {
	color:#d20202;
	padding:8px 0;
	border-bottom:1px dotted #363636;
	font-size:24px;
}

/*=tab */

#red_tab {
	width:270px;
	background:url(../images/red_tab.png) repeat-x;
	height:26px;
	padding:5px;
}

#blue_tab {
	width:270px;
	background:url(../images/blue_tab.png) repeat-x;
	height:26px;
	padding:5px;
}

#title_redtab {
	font-size:15px;
	color:#fff799;
	text-align:center;
	text-transform:uppercase;
	height:24px;
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
}

#content_redtab {
	background:#f2f2f2;
	height:auto;
	font-size:13px;
	color:#363636;
	line-height:1.3em;
}

#content_redtab1 {
	background:#a90505;
	height:auto;
	font-size:13px;
	color:#fff;
	line-height:1.3em;
}

/*= slide */

.size_slide{
	width:100%;
}

/*= News */

.list_news {
	list-style:none;
	padding:0 5px 5px 5px;
	margin:0;
	font-size:13px;
	color:#464646;
	line-height:1.5em;
}

.list_news li{
	border-bottom:dotted 1px #898989;
	padding:5px 0;
}

.list_news li a{
	text-decoration:underline;
	color:#464646;
}

.list_news li a:hover{
	text-decoration:underline;
	color:#00F;
}

.date_news {
	font-size:11px;
	color:#b11c1c;
}

.list_modul {
	list-style:url(../images/arrow_3.png);
	padding-left:20px;
}

.list_modul li{
	border-bottom:dotted 1px #898989;
	padding:5px 0;
}

#date_1 {
	font-size:11px;
	color:#2e3192;
}

#desc_1 {
	font-size:12px;
	color:#464646;
	text-align:justify;
}

.link_more a {
	color:#9e0b0f;
	text-decoration:none;
	font-size:12px;
}

#link_title {
	font-size:13px;
	color:#9e0b0f;
}

#link_title a {
	text-decoration:none;
	font-size:13px;
	color:#9e0b0f;
}

#link_title a:hover {
	text-decoration:none;
	font-size:13px;
	color:#F60;
}

/*= Slide Gallery */
#container {
	width:260px;;
	position:relative;
	z-index:0;
	height:auto;
}

#example {
	width:260px;
	position:relative;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:5px;
	left:222px;
	width:17px;
	height:18px;
	display:block;
	z-index:101;
}

#slides .next {
	left:244px;
}

/*= Slide Product */

.row_grey1 {
	width:100%;
	height:16px;
}
#top_grey {
	width:910px;
	background:url(../images/top_grey.png) repeat-x;
	height:16px;
	float:left;
}

#bottom_grey {
	width:910px;
	background:url(../images/bottom_grey.png) repeat-x;
	height:16px;
	float:left;
}

#bg_grey {
	width:940px;
	float:left;
	border-left:1px solid #898989;
	border-right:1px solid #898989;
	background:#f2f2f2;
}

/*= Category Product */
.product {
	width:631px;
	/* height:154px; */
	height:auto;
	margin-bottom:10px;
	float:left;
}

#row1_cataegory {
	width:631px;
	height:12px;
}

#top_category {
	width:589px;
	background:#fff;
	height:11px;
	border-top:1px #7d7d7d solid;
	float:left;
}

#bottom_category {
	width:589px;
	background:#fff;
	height:11px;
	border-bottom:1px #7d7d7d solid;
	float:left;
}

#row2_cataegory {
	width:631px;
}

#left_category {
	background-image:url(../images/left_paket.png);
	background-repeat:repeat-y;
	width:27px;
	float:left;
	position:relative;
	z-index:400;
	margin-right:604px;
}

#main_category{
	width:592px;
	float:left;
	background-color:#fff;
	border-right:1px solid #7d7d7d;
	padding:5px;
	position:relative;
	margin-left:27px;
	z-index:500;
}

#thumb_leftcategory {
	float:left;
	width:150px;
	color:#1d2088;
	margin-right:10px;
}

#title_category {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

.list_package {
	list-style:url(../images/arrow_2.png);
	line-height:2em;
	color:#464646;
	font-size:13px;
	padding:3px;
	margin-left:25px;
}


.list_package a{
	text-decoration:none;
	color:#464646;
}

.list_package a:hover{
	text-decoration:none;
	color:red;
}

#link_more a{
	padding:10px;
	text-decoration:none;
	color:#1d2088;
	font-size:13px;
	text-align:right;
	width:90%;
	float:right;
}

/*=list Product */
.size_list {
	width:611px;
	padding:5px 10px;
	float:left;
}

#img_list {
	float:left; padding:5px; border:1px #464646 solid; background:#fff; margin-right:10px; margin-bottom:20px;
	width:191px;
	height:130px;
}

#desc_list {
	float:left;
	width:378px;
	height:120px;
	font-size:12px;
	color:#464646;
	padding:10px;
}

.link_product a{
	text-decoration:none;
	color:red;
}

.link_product a:hover{
	text-decoration:none;
	color:#009;
}

/*= Deatil product */
.bg_detail{
	font-size:12px;
	padding:3px 10px;
	background-color:#f2f2f2;
	width:60px;
	color:#464646;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width:611px;
}

.list_detail {
	list-style:url(../images/arrow1.png);
	margin-left:20px;
	padding:10px;
	vertical-align:middle;
}

.list_detail li{
	background-color:#fff;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:10px;
}

.shopingcart
{
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	text-decoration: none;
	font-size: 12px;
	border: 1px solid  #39b54a;
}

.shopingcart tbody
{
	vertical-align:middle;
	padding:3px;
}
.shopingcart th
{
	padding: 3px 5px;
	background-color: #1d2088;
	color: #fff200;
	font-weight: bolder;
	vertical-align:middle;
}
.shopingcart td
{
	color: #666666;
	padding:3px;
}
.shopingcart tr.style1
{
	padding: 3px;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFFFFF;
	text-align:center;
	vertical-align:middle;
	
}
.shopingcart tr.style2
{
	padding: 3px;
	font-size: 12px;
	background-color: #EFEFEF;
}


/*= Content Gallery */

.content_gallery {
	width:100%;
}

.content_gallery img{
	padding:5px;
	background-color:#fff;
	border:1px #036 solid;
	float:left;
	margin:10px 20px;
}

/*= Contact */

.field_contact{
	padding:3px 5px;
	border:1px solid #898989;
}

.bt_contact {
	font-size:12px;
	padding:3px 5px;
	background-color:#06C;
	width:60px;
	border:1px solid #039;
	color:#fff;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/*========================== Footer ========================*/

footer {
	width:100%;
	position:relative;
	height:60px;
}

.wrapper_footer{
	width:980px;
	margin:0 auto;
}

#row1_footer{
	width:100%;
	height:40px;
}

#row2_footer{
	width:100%;
	height:20px;
	padding:10px 0;
	float:left;
}

#bg_footer{
	background:url(../images/bg_footer.png) repeat-x;
	height:14px;
	padding:13px 5px;
	color:#fff799;
	font-style:normal;
	width:932px;
	float:left;
	font-size:12px;
}

.link_footer a{
	text-decoration:none;
	color:#fff799;
	padding:0 15px;
}

.link_footer a:hover{
	text-decoration:none;
	color:#fff;
	padding:0 15px;
}
/*** paging ***/
.paging a{
	text-decoration:none;
}

#tabelpagingnormal, #tabelpaginonpage {
	width : auto;
	border : 1px solid black;
	padding : 3px 5px 3px 5px;
	float : left;
	letter-spacing: 2px;
	margin-right: 5px;	
	font-weight: bold;
	text-decoration:none;
}

#tabelpagingnormal  {
	text-decoration:none;
	background-color: white;
	color: black;
}

#tabelpaginonpage {
	text-decoration:none;
	background-color: black;
	color: white;
}

#tabelpaging a  {
	text-decoration: none;  
	color: white; 
	font-weight: bold;
}

/*_Gallery*/
.thumb_img {
    float: left;
    width: 270px;
    margin: 0px 20px 30px;
    height: 220px;
    color: rgb(0, 0, 102);
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-align: center;
}

.img_core {
    padding: 3px;
    border: 1px solid rgb(0, 0, 51);
}