/***** GENERAL *****/
body { font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:1.5em; font-size:11px; color:#111; background:#fff;}
p {	margin-top:0px; margin-bottom:13px;}
a {color:#000;text-decoration:none;}
a img {border:0}
a:hover{color:#f90;text-decoration:underline;}
em {font-style:italic;}
textarea, input { font-family:Arial; text-align:left;line-height:1.3em; font-size: 1em; color:#333;}
ul {list-style: none;margin:0;padding:0;}
li {margin:0;padding:0;vertical-align:middle;}
h1 {font-size:1.666em; line-height: 1.333em; }
h2 {font-size:1.666em;line-height:1.333em;}
h3 {font-size:1.2em;line-height:1.333em;font-weight:bold;color:#f90}
.clearing {clear:both; height:0px;width:0px;overflow:hidden;margin:-1px 0px 0px 0px;padding:0;}
.clear {clear:both}
.cufon-loading h1 {visibility: hidden !important;}
.cufon-loading h2 {visibility: hidden !important;}
.line {margin:30px 0px 30px 0px;border-top:1px #ccc solid}

/***** ARCHITECTURE *****/
.wrap{position:relative;width:980px;margin:0 auto;padding:0px 0px 25px 0px;overflow:hidden;}
.cLeft, .cLeft1 {float:left;display:block;margin:0;padding:0}
.cRight, .cRight1, .cRightSearch {float:right;display:block;margin:0;padding:0;padding-left:20px;white-space:nowrap;}
.cRightSearch { padding: 0; }

tr.searchresults1 { background-color: #eeeeee;}
tr.searchresults2 { background-color: #f6f6f6;}
td.searchcolumn,td.searchcolumnwide {padding: 2px;}
td.searchcolumnwide {width: 100%;}

#header {position:relative;padding:0px 0px 20px 0px;margin:0;width:100%;overflow:hidden;}
img#mainlogo {margin-top: 5px;}
#sentence {font-size:1.666em; line-height: 1.333em;position:relative;padding:0px 0px 20px 0px;margin:0;width:100%;overflow:hidden;}
#main {position:relative;padding:20px 0px 20px 0px;margin:0;width:100%;overflow:hidden;}

div.section { margin-top:10px }
div.sectionbox {margin-top:30px}

button.link
{
	font-size: 11px;
	overflow: visible;
	width: auto;
	text-align: left;
/*	color: blue;*/
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	-moz-user-select: text;
	display:inline;
}
button.link span {
}
button.link:hover span,
button.link:focus span {
	color:#f90;
	text-decoration:underline;
}

.symbolrow
{
/*    background-image: url('/images/apps/market.png');*/
    background-repeat: no-repeat;
/*    padding: 8px 0 0 40px;*/
    vertical-align: middle;
    height: 40px;
    width: 200px;
}

.symboltitle
{
	padding-top: 10px;
	float: left;
}

.symbol
{
	float: left;
	margin-right: 10px;
}

/***** FOOTER  *****/
#footer {text-transform: uppercase; position:relative;padding:15px 0px 15px 0px;margin:0;width:100%;overflow:hidden;border-top:1px #888 solid;border-bottom:1px #888 solid;}
#footer ul {margin-right:-10px;}
#footer li {float:left;display:block;padding:0px 10px 0px 10px;border-right:1px #888 solid;}
#footer li a:hover {text-decoration:none;cursor:pointer;}
#footer a {color:#111}
#footer a:hover {color:#111;text-decoration:underline;}
/***** SIGN  *****/
#sign {position:relative;padding:15px 0px 0px 0px;margin:0;width:100%;overflow:hidden;text-align:center;font-size:0.8em;}
#sign a {color:#111}
#sign a:hover {color:#111;text-decoration:underline;}
/***** LANGUAGE BTN  *****/
#langBtn {float:right;}
#langBtn li {float:left;display:block;margin:-2px 0px 0px 1px;}
#langBtn li a:hover {text-decoration:none;cursor:pointer;}
/***** GLOBAL MENU  *****/
#globalMenu {clear:both;float:right;width:750px;height:30px;margin-top:51px;background:transparent url('../images/menu_bg.png') no-repeat 0px 0px;}
#globalMenu li {float:left;display:block;height:22px;overflow:hidden;padding:8px 20px 0px 20px;border-right:1px #888 solid; text-transform:uppercase;}
#globalMenu li a {text-decoration:none;color:#fff;}
#globalMenu li.selected a {text-decoration:none;color:#f90;}
#globalMenu li a:hover {text-decoration:none;color:#f90;}
/***** BOXES WHITE *****/
.box {position:relative;min-height:50px;margin-bottom:30px;width:100%;}
.box_top {position:relative;margin:0;padding:7px 20px 7px 20px;height:21px;overflow:hidden;background:#fff url('../images/box_top_bg.png') repeat-x 0px 0px;}
.box_top li {float:left;margin-left:10px;}
.box_top li a:hover {text-decoration:none;cursor:pointer;}
.box_main {padding:20px 20px 20px 20px;background:#fff url('../images/box_bg.png') repeat-y 0px 0px;}
.box_main .col1 {float:left;display:block;width:205px;}
.box_main .col2 {float:left;display:block;width:280px;}
.box_main .col3 {float:left;display:block;width:290px;}
.box_main .mrg {margin-right:40px}
.box_main_bottom {margin:0px 0px 0px 0px;height:20px;overflow:hidden;background:#fff;border-top:1px #BBB solid;text-align:center;}
.box_bottom {position:relative;margin:0px;padding:0;height:6px;background:transparent url('../images/box_bottom_bg.png') no-repeat bottom left;}
/***** BOXES GRAY ****/
.box_gray_top {position:relative;margin:0;padding:0;height:5px;overflow:hidden;background:transparent url('../images/box_gray_top_bg.png') no-repeat 0px 0px;}
.box_gray_main {padding:10px 20px 10px 20px;background:#d6d6d6 url('../images/box_gray_bg.png') repeat-y 0px 0px;}
.box_gray_main .col1 {float:left;display:block;width:290px;margin-right:30px;}
.box_gray_bottom {position:relative;clear:both;margin:0px;padding:0;height:5px;background:transparent url('../images/box_gray_bottom_bg.png') no-repeat bottom left;}
/***** BOXES 3 COLS ****/
.box3cols_top {position:relative;margin:0;padding:0;height:5px;overflow:hidden;background:transparent url('../images/box3cols_top_bg.png') no-repeat 0px 0px;}
.box3cols_main {padding:20px;background:#fff url('../images/box3cols_bg.png') repeat-y 0px 0px;}
.box3cols_main .col1 {float:left;display:block;width:290px;}
.box3cols_main .mrg {margin-right:35px}
.box3cols_bottom {position:relative;clear:both;margin:0px;padding:0;height:5px;background:transparent url('../images/box3cols_bottom_bg.png') no-repeat bottom left;}
/***** BOXES 3 COLS GRAY ****/
.box3cols_gray_top {position:relative;margin:0;padding:0;height:5px;overflow:hidden;background:transparent url('../images/box3cols_gray_top_bg.png') no-repeat 0px 0px;}
.box3cols_gray_main {padding:10px 20px 0px 20px;min-height:30px;background:#d6d6d6 url('../images/box3cols_gray_bg.png') repeat-y 0px 0px;}
.box3cols_gray_main .col1 {float:left;display:block;width:290px;margin-right:30px;}
.box3cols_gray_bottom {position:relative;clear:both;margin:0px;padding:0;height:5px;background:transparent url('../images/box3cols_gray_bottom_bg.png') no-repeat bottom left;}
/***** NEWS *****/
.news_datum {margin:10px 0px 0px 0px;color:#F90;font-weight:bold}
.youTube {margin:10px 0px 10px 0px;}


/***** BUTTONS *****/
/* Gray btn */
.btn_gray {text-transform: uppercase; border: 0 none;cursor:pointer;font-weight:bold;padding:0 10px 0 0;text-align:center;height:20px;line-height:20px;width:auto;background: transparent url('../images/btn_gray_right.png') no-repeat scroll right bottom;}
.btn_gray span {display: block;padding: 0 0 0 10px;position:relative;white-space: nowrap;height:20px;line-height:20px;background: transparent url('../images/btn_gray_left.png') no-repeat scroll left bottom;color:#111}
.btn_gray a:hover {text-decoration:none;cursor:pointer;}
.btn_gray:hover {background-position: 100% 0px;}
.btn_gray:hover span {background-position: 0% 0px;color:#fff}
/* Gray btn 2 */
.btn_gray2 {text-transform: uppercase; border: 0 none;cursor:pointer;font-weight:bold;padding:0 10px 0 0;text-align:center;height:20px;line-height:20px;width:auto;background: transparent url('../images/btn_gray2_right.png') no-repeat scroll right bottom;}
.btn_gray2 span {display: block;padding: 0 0 0 10px;position:relative;white-space: nowrap;height:20px;line-height:20px;background: transparent url('../images/btn_gray2_left.png') no-repeat scroll left bottom;color:#fff}
.btn_gray2 a:hover {text-decoration:none;cursor:pointer;}
.btn_gray2:hover {background-position: 100% 0px;}
.btn_gray2:hover span {background-position: 0% 0px;color:#111}
/* Black btn */
.btn_black {text-transform: uppercase; border: 0 none;cursor:pointer;font-weight:bold;padding:0 10px 0 0;text-align:center;height:20px;line-height:20px;width:auto;background: transparent url('../images/btn_black_right.png') no-repeat scroll right top;}
.btn_black span {display: block;padding: 0 0 0 10px;position:relative;white-space: nowrap;height:20px;line-height:20px;background: transparent url('../images/btn_black_left.png') no-repeat scroll left top;color:#fff;}
.btn_black a:hover {text-decoration:none;cursor:pointer;}
.btn_black:hover {background-position: 100% -20px;cursor:pointer;}
.btn_black:hover span {background-position: 0% -20px;color:#111;cursor:pointer;}
/* Orange btn */
.btn_orange {text-transform: uppercase; border: 0 none;cursor:pointer;font-weight:bold;padding:0 10px 0 0;text-align:center;height:20px;line-height:20px;width:auto;background: transparent url('../images/btn_orange_right.png') no-repeat scroll right top;}
.btn_orange span {display: block;padding: 0 0 0 10px;position:relative;white-space: nowrap;height:20px;line-height:20px;background: transparent url('../images/btn_orange_left.png') no-repeat scroll left top;color:#111;}
.btn_orange a:hover {text-decoration:none;cursor:pointer;}
.btn_orange:hover, .btn_orange:hover span {cursor:pointer;}
/* White Small btn */
.btn_white_small {text-transform: uppercase; border: 0 none;cursor:pointer;padding:0 10px 0 0;text-align:center;height:15px;line-height:15px;width:auto;background: transparent url('../images/btn_orange_small_right.png') no-repeat scroll right top;}
.btn_white_small span {display: block;padding: 0 0 0 10px;position:relative;white-space: nowrap;height:15px;line-height:15px;background: transparent url('../images/btn_orange_small_left.png') no-repeat scroll left top;color:#fff;font-size:0.909em;font-weight:bold;}
.btn_white_small a:hover {text-decoration:none;cursor:pointer;}
.btn_white_small:hover, .btn_white_small:hover span {cursor:pointer;}
/* Small btn */
.btn_small {text-transform: uppercase; border: 0 none;cursor:pointer;padding:0 10px 0 0;text-align:center;height:15px;line-height:15px;width:auto;}
.btn_small span {display: block;padding: 0 0 0 10px;position:relative;white-space:nowrap;height:15px;line-height:15px;color:#666;font-size:0.909em;font-weight:bold;}
.btn_small a:hover {text-decoration:none;cursor:pointer;}
.btn_small:hover, .btn_small:hover span {color:#111;cursor:pointer;}




/***** FORM *****/
textarea {overflow:auto;padding:2px;margin:0px;border:1px solid #666;}
label {position:relative;margin:0px;padding-bottom:5px;}
.f_btn {position:relative;padding:2px 0px 2px 0px;margin:0px 0px 0px 0px;border: 0 none;cursor:pointer;font-weight:bold;background:transparent;color:#fff} 
.f_input {position:relative;padding:2px;margin:0px;border:1px solid #666;width:150px;} 
.f_input:focus {background:#fff;border:1px solid #f90}
.f_button {margin:0;padding:2px 15px 2px 15px;background:#d3127a;text-align:center;border:0;color:#fff;font-size:11px;cursor:pointer;}
:focus{outline:none;}
/***** FORM: ERROR *****/
label.error, .errorTitle {margin:0px 0px 5px 0px;padding:0px;color:#eee;}
#FormMessageBox {position:relative;background:#333;margin:0px 0px 10px 0px;padding:20px;}
.form_error {color: #ff0000;}

/***** IMAGE BACKGROUND *****/
#supersize{position:fixed;}
#supersize img, #supersize a{height:100%;width:100%;position:absolute;z-index: 0;}


/***** SCROLLABLE *****/
.scrollable {position:relative;width:860px;height:425px;overflow:hidden;}
.scrollable {float:left;}
.scrollable .items {position:absolute;width:20000em;clear:both;}
.scrollable .items_grid {float:left;display:block;width:880px;}
.scrollable .items_grid a:hover {text-decoration:none;cursor:pointer;}
.card {float:left;width:180px;height:171px;margin:0px 20px 20px 0px;padding:10px;background:transparent url(../images/card_bg.jpg);}
.card .snd {position:relative;width:120px;height:5px;margin:0px auto;}
.card .pict {position:relative;width:180px;height:130px; display:block; margin:10px auto 8px auto;overflow:hidden}
.card .name {clear:both; display:block; position:relative;text-align:center;margin:7px 0px 0px 0px;height:32px;overflow:hidden;font-size:1.122em;color:#EEE}
.card .ui360 {position:absolute;left:75px;top:40px;}
.card a { color: #fff; }
.card a:hover { color:#f90; text-decoration:underline; }
a.browse {float:left;display:block;width:20px;height:102px;margin:151px 20px 0px 15px;background: url(../images/scrollable/arrow/hori_large2.png) no-repeat;cursor:pointer;}
a.right { background-position: 0 0px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-20px 0px; }
a.right:active { background-position:-40px 0px; } 
a.left {margin-left: 0px;background-position: 0 -102px; } 
a.left:hover {background-position:-20px -102px; }
a.left:active {background-position:-40px -102px; }
a.disabled {visibility:hidden !important;} 
.navi {display:inline-block;height:10px;margin:10px 0px 0px 0px;} 
.navi a {width:8px;height:8px;float:left;margin:auto 3px 0px 3px;background: url(../images/scrollable/arrow/navigator2.png) 0 0 no-repeat;display:block;}
.navi a:hover {background-position:0 -8px;}
.navi .active {background-position:0 -16px;}

/***** CARD DETAIL *****/
#card_detail .top {position:relative;width:940px;height:36px;background:url(../images/card_detail_top_bg.png);overflow:hidden;}
#card_detail .top li.spot_city {float:left;display:block;width:650px;margin:5px 0px 0 10px;color:#EEE;font-size:1.333em;line-height:1.333em;font-weight:bold;}
#card_detail .top li.spot_city h1 {color: #EEE; display: block;float: left;font-size: 1.1em;font-weight: bold;margin-right: 10px;}
#card_detail .top li.btn {text-transform: uppercase; float:right;display:block;margin:9px 10px 0px 5px;color:#444;}
#card_detail .top li.btn a {color:#ffffff;}
#card_detail .top li.btn a:hover {color:#ff9900;text-decoration:none;}
#card_detail .content {position:relative;margin:20px 0px 0px 0px;min-height:100px;}
#card_detail .content .map {float:left;display:block;width:340px;min-height:200px;}
#card_detail .content .map .top {position:relative;width:340px;height:25px;margin-bottom:10px;background:url(../images/card_detail_map_top_bg.png);overflow:hidden;}
#card_detail .content .map .top h3 {float:left;display:block;font-size:1.333em;line-height:1.333em;font-weight:bold;color:#333;margin:3px 0px 0px 10px;}
#card_detail .content .map .top li{float:right;display:block;margin:5px 0px 0px 0px;}
#card_detail .content .map .top li a:hover {text-decoration:none;cursor:pointer;}
#card_detail .content .map .map_pict {position:relative;width:340px;min-height:480px;}
#card_detail .content .spot_top {float:left;width:580px;height:25px;background:url(../images/card_detail_spot_top_bg.png);overflow:hidden;margin:0px 0px 20px 20px;}
#card_detail .content .spot_top li {float:left;margin:6px 5px 0 0;}
#card_detail .content .spot_top li.spot_title {float:left;width:435px;margin:4px 10px 0px;color:#111;font-size:1.333em;line-height:1.333em;font-weight:bold;}
#card_detail .content .txt {float:left;display:block;width:230px;min-height:200px;margin-left:20px;}
#card_detail .content .txt h3 {position:relative;font-size:1.333em;line-height:1.333em;font-weight:bold;color:#333;margin:3px 0px 10px 0px;}
#card_detail .content .tools {float:left;display:block;width:290px;margin-left:20px;}
#card_detail .content .tools img {border:#AAA 1px solid;margin-bottom:20px;}
#card_detail .guideobject_selected {color:#F5AD37;}
.dwl {position:relative;padding:10px;margin-bottom:1px;background:#E6E6E6;}
.dwl h3 {font-size:1.333em;line-height:1.333em;font-weight:bold;color:#333;margin:0px 0px 8px 0px;}

/* 360 player */

/* one small hack. */
.ui360 a.sm2_link {
 position:relative;
}
 
.ui360 {
 /* Firefox 3 doesn't show links otherwise? */
 width:100%;
}