/*
okezone
Kanal Travel - juni 2010
*/

body {background:#eef5cd url(../image/template/bg_body.gif) left top repeat-x; margin: 10px 0; font: normal 62.5% Arial, Helvetica, sans-serif; }
ol, ul, li, ul li, form, iframe, input, p { margin: 0pt; padding: 0pt; }
h1, h2{line-height: 140%}
h6{font-weight: normal;}
h5,h6{margin:0}
h1,h2,h3,h4{ margin:0;}
h1 {font-size:1.8em; font-family: timeless; line-height:150%;}
h2 {font-size:1.6em; font-family: timeless; line-height:120%; font-weight:normal;}
h3 {font-size:1.3em; font-family: timeless; line-height:100%; font-weight:normal;}
h4 {font-size:1.1em; font-weight:bold; line-height:150%; color:#454444;}
h5 {font-size:1em; padding-bottom:5px;}
h6 {font-size:0.8em; color:#666;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
p {color:#333333; line-height:150%; padding-top:5px;}

/*MAIN CLASS*/
.fl {float:left;}
.fr {float:right;}
.tc {text-align: center;}
.tl {text-align: left;}
.lh {line-height:150%; font-size:90%;}
.c {clear:both;}
.p5 {padding:5px}
.p5a {padding-top:5px}
.p5b {padding-right:5px}
.p5c {padding-bottom:5px}
.p5d {padding-left:5px}
.p10 {padding:10px;}
.p10a {padding-top:10px}
.p10b {padding-right:10px}
.p10c {padding-bottom:10px}
.p10d {padding-left:10px}
.p20a {padding-top:20px;}
.p20b {padding-right:20px;}
.p15a {padding-top:15px}
.sp1 {padding:0 12px;}
.m5b {margin-right:5px;}
.m10a {margin-top:10px;}
.m10b {margin-right:10px;}
.w970 {width:970px;}
.w950 {width:950px;}
.w960 {width:960px;}
.w940 {width:940px;}
.w930 {width:930px;}
.w630 {width:630px;}
.w620 {width:620px;}
.w608 {width:608px;}
.w450 {width:450px;}
.w370 {width:370px;}
.w300 {width:300px;}
.w245 {width:245px;}

/* Shadow */
.sh1 {-moz-box-shadow:0px 0px 10px #666;-webkit-box-shadow:0px 0px 10px #666;box-shadow: 0px 0px 10px #666;}
.sh2 {-moz-box-shadow:1px 3px 10px #C3C3C3;-webkit-box-shadow:1px 3px 10px #C3C3C3;box-shadow: 1px 3px 10px #C3C3C3;}
.ts2 {text-shadow: 1px 1px 1px white;}

/* border */
.brd {background:url(../image/template/bg_line2.png) no-repeat bottom;}

/* Round */
.r1 {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

/* Button */
.button2 {background:url(../image/template/button.png) no-repeat; width:71px; height:18px; padding-top:3px; text-align:center; float:right; margin-top:10px;}
.button2 a {color:black;}

/* Font */
@font-face {
	font-family: 'timeless';
	src: url('../fonts/timeless-webfont.eot');
	src: local('?'), url('../fonts/timeless-webfont.woff') format('woff'), url('../fonts/timeless-webfont.ttf') format('truetype'), url('../fonts/timeless-webfont.svg#webfontfnnTTnN1') format('svg');
	font-weight: normal;
	font-style: normal;
}

.ftime {font-family:timeless;}

/* Box */
.box {float:left; border:1px solid #bfd799; background:#eaf5cd url(../image/template/bg_content.gif) repeat-x; position:relative;}
.box .arrow {position:absolute; top:6px; left:-5px;}

/* Margin */
.margin2 {width:960px; margin:0 auto; font-size:1.2em;}

/* Canvas */
.canvas { width:960px; float:left; background: #eeebe6 url(../image/template/bg_body2.gif) repeat-x; }

/* Menu Kanal */
.menuKanal {width:940px; padding:0 10px; float:left; background:url(../image/template/bg_line2.png) no-repeat bottom; height:50px;}
.menuKanal ul {width:940px; float:left; list-style:none; font-family:timeless; font-size:1.6em;}
.menuKanal ul li {float:left; padding:8px 20px; background:url(../image/template/bg_line.png) left no-repeat;}
.menuKanal ul li.first {background:none;}
.menuKanal ul li a{ color:#596c34; text-decoration:none; padding-top:10px;}
.menuKanal ul li.active a, .menuKanal ul li a:hover {color:#ff4a12; }

/* Headline */
.headline {width:630px; float:left;}
.headline .photo {width:425px; float:left; position:relative;}
.headline .photo img.jpeg{padding:6px; background:white; -moz-box-shadow:0px 5px 10px #999;-webkit-box-shadow:0px 5px 10px #999;box-shadow: 0px 5px 10px #999;}
.headline .photo .head {position:absolute; left:-5px; top:10px;}
.headline .photo .title {width: 390px; position: absolute; bottom: 16px; left: 6px; background: url(../image/template/bg_trans.png) repeat scroll 0% 0% transparent; padding: 5px;}
.headline a {color:#ff4a12;}
.headline .cont {width:183px; float:left; background:#cdec7c url(../image/template/bg_headline2.gif) repeat-x; padding:10px; border:1px solid #dfeeac;}
.headline .cont .top {width:180px; float:left; border-bottom:1px dashed #999;}
.headline .cont .top h2 {color:#596C34; font-weight:bold;}
.headline .cont .content {width:180px; height:180px; float:left; padding-top:8px;}
.headline .cont .content p {padding-top:0; font-size:0.9em;}
.headline .cont .content h3{color:#ff4a12; font-weight:normal; padding-bottom:5px;}
.headline .cont .content .photo {width:75px; float:left; padding:5px 0 0px 0;}
.headline .cont .content .photo img {padding:2px; background:white;}

.headline .simple {width:608px; padding:10px; position:relative; float:left;background:#cdec7c url(../image/template/bg_headline2.gif) repeat-x; border:1px solid #dfeeac;}
.headline .simple .arrow {position:absolute; top:6px; left:-5px;}
.headline .simple .news {width:608px; padding:35px 0 10px 0;}


/* News */
.news {width:370px; float:left; padding:10px 14px 10px 0 ;}
.news .content {width:370px; float:left;background:url(../image/template/bg_line3.png) no-repeat bottom; padding-top:35px;}
.news .content ul{width:350px; float:left; padding:10px; background:url(../image/template/bg_line3.png) no-repeat; list-style:none;}
.news .content ul li {width:350px; float:left; padding:10px 0; border-bottom:1px dashed #999;}
.news .content ul li .photo {width:135px; float:left; padding-bottom:5px;}
.news .content ul li .photo img {padding:3px; background:white; -moz-box-shadow:0px 4px 6px #999;-webkit-box-shadow:0px 4px 6px #999;box-shadow: 0px 4px 6px #999;}
.news .content ul li .info h3 a{color:#ff4a12; font-weight:normal; line-height:110%;}
.news .content ul li .info h5 {line-height:120%; padding-bottom:2px; color:#454444;}
.news .content ul li .info h6 {line-height:130%; padding-bottom:2px;}
.news .opt {width:360px; float:left; padding-bottom:10px;}

/* My Journey */
.news .content2 {width:332px; float:left;}
.news .content2 ul{width:320px; float:left;  list-style:none;}
.news .content2 ul li {width:320px; float:left; padding:10px 0; }
.news .content2 ul li .photo {width:135px; float:left; padding-bottom:5px;}
.news .content2 ul li .photo img {padding:3px; background:white; -moz-box-shadow:0px 4px 6px #999;-webkit-box-shadow:0px 4px 6px #999;box-shadow: 0px 4px 6px #999;}
.news .content2 ul li .info h3 a{color:#ff4a12; font-weight:normal; line-height:110%;}
.news .content2 ul li .info h5 {line-height:120%; padding-bottom:2px; color:#454444;}
.news .content2 ul li .info h6 {line-height:130%; padding-bottom:2px;}

/* Suplemen */
.supl {width:246px; float:left; padding-top:10px;}

/* Suplemen - Gallery */
.supl .gall {width:246px; float:left; padding-bottom:10px;}
.supl .gall .content {width:244px; float:left;background:url(../image/template/bg_line4.png) no-repeat bottom; padding-top:35px;}
.supl .gall .content ul{width:224px; float:left; padding:10px; background:url(../image/template/bg_line4.png) no-repeat; list-style:none;}
.supl .gall .content ul li {width:224px; float:left; text-align:center; padding:8px 0; border-bottom:1px dashed #999;}
.supl .gall .content ul li .photo {width:224px; float:left;}
.supl .gall .content ul li .photo img {padding:3px; background:white; -moz-box-shadow:0px 4px 6px #999;-webkit-box-shadow:0px 4px 6px #999;box-shadow: 0px 4px 6px #999;}
.supl .gall .content ul li .link {width:224px; float:left; padding-bottom:5px;}
.supl .gall .content ul li .link a {color:#ff4a12; font-weight:normal; line-height:110%;}
.supl .gall .opt {width:234px; float:left; padding-bottom:10px;}


/* Suplemen - Gallery */
.supl .pop {width:246px; float:left; padding-bottom:10px;}
.supl .pop .content {width:244px; float:left;background:url(../image/template/bg_line4.png) no-repeat bottom; padding:35px 0 10px 0;}
.supl .pop .content ul{width:209px; float:left; padding:10px 10px 10px 25px; list-style:decimal; color:#baba5b; background:url(../image/template/bg_line4.png) no-repeat; font-family:timeless;}
.supl .pop .content ul li {width:209px; float:left; padding:6px 0; border-bottom:1px dashed #999;}
.supl .pop .content ul li h3 {font-size:1.1em;}
.supl .pop .content ul li a {color:#ff4a12;}
.supl .pop .opt {width:234px; float:left; padding-bottom:10px;}

/* Refrensia */
.ref {width:298px; float:left; padding:40px 0 10px 0;}
.ref ul{width:298px; float:left; padding:10px 0; list-style:none;background:url(../image/template/bg_line3.png) no-repeat top;}
.ref ul li {width:278px; float:left; padding:10px 0 0 0;}
.ref ul li .list {width:258px; float:left; padding:10px; background:#d5d589 url(../image/template/bg_ref.gif) repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-top: 1px solid #f7fbeb;}
.ref ul li .list .photo {width:75px; float:left;}
.ref ul li .list .photo  img {padding:3px; -moz-box-shadow:0px 4px 6px #999;-webkit-box-shadow:0px 4px 6px #999;box-shadow: 0px 4px 6px #999; background:white;}
.ref ul li .list .info {width:183px; float:left;}
.ref ul li .list .info h4 a{padding-bottom:2px;color:#ff4a12; font-weight:bold;}
.ref ul li .list .info .link {width:180px; padding-bottom:0px; background:url(../image/template/arrow.png) no-repeat right; border-bottom:1px solid #eaf4cc;}
.ref ul li .list .info h5 {font-size:1.0em; font-weight:normal;}
.ref ul li .list .info h5 a {color:#ff4a12; font-weight:normal; }
.ref ul li .list .info .loc {width:150px; float:left; padding-top:5px;}
.ref .share {width:288px; float:left; background:#508f8a; text-align:center; color:#eaf4cc; padding:5px; margin-top:10px;}

/* Footer */
.footer {width:940px; float:left; padding:10px;}
.footer .info {width:680px; float:left;}
.footer ul {list-style:none; padding-bottom:5px; font-size:0.9em;}
.footer li{ display:inline; padding-bottom:5px;}
.footer li a{color:#666;}
.footer .logo {width:240px; float:right; padding-top:10px; text-align:center;}

/* Paging */
.paging{width:580px; padding:10px; float:left}
.paging ul li{display:block;font-size:85%; float:left; padding:0;margin: 2px 4px;}
.paging li{display:block; margin: 0;}
.paging li a{ text-decoration:none; margin: 0;-moz-border-radius:3px;-webkit-border-radius:3px; background:  #EEE; border: 1px solid #CCC; display:block; padding: 4px 8px; text-align:center; float:left; color:#FF4A12;}
.paging li.act{-moz-border-radius:3px;-webkit-border-radius:3px; background:  #FEE; border: 1px solid #CCC; display:block; padding: 4px 8px; text-align:center}
.paging li.act, .paging li.act:hover{ display:block; float:left;background:#FEE ;list-style:none; border:none; border:1px solid #CCC; color:#666}

/* Misc */
.misc {width:305px; float:left; padding-bottom:10px;}
.miscBox {width:285px; padding:10px; float:left; background:#cdec7c url(../image/template/bg_headline2.gif) repeat-x;}
.miscBox .top {width:285px; border-bottom:1px dashed #999; padding-bottom:5px;}
.miscBox .top h3 {color:#596C34; font-weight:bold;}
.miscBox .content {width:285px; float:left; padding:5px 0;}
.miscBox .content h4 a{color:#ff4a12;}
.miscBox .content .photo {width:135px; float:left; padding-top:5px;}
.miscBox .content .photo img {padding:3px; background:white; -moz-box-shadow:0px 4px 6px #999;-webkit-box-shadow:0px 4px 6px #999;box-shadow: 0px 4px 6px #999;}
.miscBox .content p {font-size:0.9em;}
.miscBox .list {width:285px; float:left;}
.miscBox .list ul {width:270px; float:left; color:#baba5b; list-style:square; padding-left:15px;}
.miscBox .list ul li {width:270px; float:left; border-bottom:1px dashed #999; padding:5px 0;}
.miscBox .list ul li a {color:#ff4a12; font-size:0.9em;}

/* Gateway Refrensia */
.gate {width:243px; float:left; border:1px solid #bfd799; height:90px; background:url(../image/template/bg_ref2.png) no-repeat;}
.gate .place {width:233px; float:left; padding:52px 0 0 10px;}
.gate .place select {width:120px;}

/* Mail */
.mail {width:243px; float:left; border:1px solid #bfd799; height:90px; background:url(../image/template/email2.gif) no-repeat; }
.mail h3 {padding:60px 0 0 80px;; color:#ff4a12;}

/* Gateway Journey */
.gwJourney {width:352px; float:left; background:#bad340; padding:10px;}
.gwJourney .arrow {position:relative; left:-15px;}
.gwJourney .box {float:left; width:332px; background:#FFF url(../image/template/bg_journey.gif) repeat-x;}

.ads-google {background: url("../image/tpl/bg/bg-ads-google.jpg") no-repeat scroll right top ;padding: 10px 20px 0 40px;width: 240px;}

/* biznet logo */
.biznet {padding:10px 0 5px 0;}