@charset "utf-8";
/**************************
	CSS by Ginga Interactive
	Created on August 2009
	Coder: flep!
***************************/
@font-face{
	font-family:"FsansI" ;
	src:url('../Fontin_Sans_I_45b.otf') format('opentype');
}
@font-face{
	font-family:"FsansR";
	src:url('../Fontin_Sans_R_45b.otf') format('opentype');
}

body{margin:0; padding:0; background:/*#4C1D61 */#E9E6D4; position:relative;}
html, body{height:100%;}
#all{}
#full{width:100%; height:100%; position:absolute; z-index:1000; background:#E9E6D4; display:block; top:0; left:0;}
.ie6alert{width:100%; position:absolute; z-index:100; background:#000; color:#FFF; top:0; left:0;}
.ie6alert_text{color:#FFF; position:absolute; width:100%; z-index:101; top:150px; left:0; text-align:center; font:13px/18px Tahoma, Geneva, sans-serif;}
.ie6alert_text a{color:#FC0;}
.ie_alert{display:block; overflow:hidden; height:0px; background:#FFC; font:12px/20px Tahoma, Geneva, sans-serif; color:#333; width:100%; position:relative; z-index:100;}
.ie_alert a{color:#F60; text-decoration:none;}

a{cursor:pointer;}
.clear{clear:both;}
.no_bg{background:none !important;}
#top{width:1000px; height:99px; position:relative; z-index:4; overflow:hidden; background:url(../images/pattern_top.png) repeat;}
	#top h1{text-indent:-15000px; width:254px; height:38px; margin:33px 0px 0px 20px;  cursor:pointer;}
	#top h1.en{background:url(../images/en/logo_ginga.png) no-repeat;}
	#top h1.pt{background:url(../images/pt/logo_ginga.png) no-repeat;}
	#top ul{position:absolute; display:inline; right:22px; top:43px; margin:0; padding:0; cursor:pointer;}
	#top ul li{list-style:none; display:inline-block; background:url(../images/menu_divisor.gif) no-repeat right 10px; padding:0px 14px 0px 2px;}
	#top ul li a{color:#fff2d9; text-decoration:none; font:20px/22px "FsansI", Helvetica, sans-serif; cursor:pointer;}
	#top ul li a.selected, #top ul li a:hover{color:#911609;}
	
	#language{background:url(../images/language_label.gif) no-repeat; height:11px; padding-left:41px; position:absolute; right:37px; top:3px;}
	#language a{float:left; margin-left:5px; position:relative; z-index:3;}
	#language a.reb{opacity:0.5;}
	#language a.reb:hover{opacity:0.9;}
	#language #tt{position:absolute; right:10px; top:0px; display:none; opacity:0; z-index:2;}


#highlight{width:100%; position:absolute; z-index:3; top:0; overflow:hidden;}
	.flash_msg {width:1000px; height:129px; padding:0; padding-top:220px; margin:0; text-align:center; font:13px Tahoma, Geneva, sans-serif;}
	.flash_msg span{background-color:#C30; padding:10px; color:#E9E6D4;}
	.flash_msg a{color:#FFF;}
	
#magic_areas{min-height:250px; position:relative; z-index:2; overflow:visible;}
#mid{width:1000px; position:relative; z-index:0; background:#E9E6D4 url(../images/pattern_1.gif) repeat-x; padding:60px 0px 45px 0px;}

#sub_menu{position:absolute; top:320px; left:0; z-index:3; width:982px; padding-right:18px;}
#sub_menu ul.topnav{list-style:none; padding:0; margin:0; float:right; height:30px;}
#sub_menu ul.topnav li{display:inline; float:left; position:relative; background:url(../images/pattern_bt.gif) repeat 15px top; margin:0; padding:0; margin-right:12px; vertical-align:top;}
#sub_menu a.sub_link{display:inline-block; color:#FF3300; text-decoration:none; font:13px/29px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;   padding:0px 10px;}
#sub_menu a.sub_link:hover{color:#fff2d9;}
#sub_menu a#tags_bt{background:url(../images/tags_arrowdown.gif) no-repeat right center; padding-right:25px; margin-bottom:0;}
#sub_menu ul.topnav li ul.subnav{list-style:none; position:absolute; top:30px; right:0; margin:0; padding:10px 0; display:none; width:auto; background:url(../images/pattern_bt.gif) repeat right top; text-align:left;}
#sub_menu ul.topnav li ul.subnav li{margin:0; padding:0; clear:both; background:none; float:none;}
#sub_menu ul.topnav li ul.subnav li a{display:inline-block; white-space:nowrap; display:block; font:italic 14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#E9E6D5; background:url(../images/tags_menuarrow.gif) no-repeat 20px 8px; text-decoration:none; padding:0 20px 0 30px;}
#sub_menu ul.topnav li ul.subnav li a:hover{background:#911609 url(../images/tags_menuarrow.gif) no-repeat 20px 8px;}


#h_grid_cases{width:940px; height:190px; padding:0px 30px 25px 30px; overflow:hidden;}
	.h_box_areas, .h_boxes_keys, .h_externals{background:#F8F7F3; width:235px; height:215px; overflow:hidden; float:left; position:relative;}
		.h_box_areas h2{font:25px/22px "FsansI", Helvetica, sans-serif; padding:0; margin:20px 20px 0px 20px; color:#FF3500;}
		.h_box_areas p{font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#82795A; left:0; margin:0; padding:10px 20px 20px 30px; height:100px;}
		.h_box_areas a, .h_externals a, .box_cases p a, a.orangelink{font:italic 10px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FE3500; text-decoration:none; display:inline-block; float:right; padding-right:15px; margin-right:20px; background:url(../images/arrow_orange.gif) no-repeat center right;}
		.h_box_areas a:hover, .box_cases p a:hover{text-decoration:underline;}
		.h_box_areas a{position:absolute; top:185px; right:20px; margin:0;}

	.box_cases, .box_customers{float:left; width:235px; height:215px; overflow:hidden; position:relative; cursor:pointer;}
		.box_cases p, .box_customers .inner_box{width:215px; left:0; height:175px; overflow:hidden; position:absolute; font:italic 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; padding:20px 10px; margin:0; top:150px;}
		.box_customers .inner_box{top:/*215*/215px; background:url(../images/pattern_bt.gif); padding:0; width:235px; height:215px; display:block;}
		.box_cases p span{font: 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;}
		.box_cases p a{color:#E9E6D5; background:url(../images/arrow_cases.gif) no-repeat 200px 180px; position:absolute; display:block; width:95px; height:35px; top:0px; left:0px;
		padding:180px 0px 0px 140px;}

		.cases_color1{background:#660000;}
		.cases_color2{background:#911509;}
		.cases_color3{background:#B41B0B;}
		.cases_color4{background:#db3c11;}

#h_patthern1{height:215px; margin-top:30px; overflow:hidden; background:url(../images/pattern_2.gif) repeat;}
	#home_phrase{width:440px; padding:40px 30px 0px 30px; color:#786f53; font:20px/30px "FsansI", Helvetica, sans-serif;}
	#home_phrase a{color:#FF3500; text-decoration:none;}

#h_keys, #h_showreel{width:470px; height:430px; overflow:hidden; position:absolute; right:30px; margin-top:-195px;}
	#h_strategy{background:#796F54 url(../images/ico_strategy.png) no-repeat 150px 10px; left:235px;}
	#h_user{background:#615B43 url(../images/ico_userxperience.png) no-repeat 150px 10px; top:215px; left:0;}
	#h_campaigns{background:#524B39 url(../images/ico_campaigns.png) no-repeat 150px 10px; left:235px; top:215px;}

	.h_boxes_keys{position:absolute;}
	.h_boxes_keys h3{padding:0; margin:90px 0 10px 10px; color:#FEF2D8; font:italic 13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;}
	.h_boxes_keys ul{margin:0 0 0 10px; padding:0;}
	.h_boxes_keys ul li{padding:0 0 0 12px; margin:0; background:url(../images/arrow_keys.gif) no-repeat left center; list-style:none; font:11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
	.h_boxes_keys a{text-decoration:none; color:#E8E7D5;}
	.h_boxes_keys a:hover{text-decoration:underline;}
	
#h_showreel{right:auto; margin-top:20px; margin-left:30px;}
#h_patthern2{height:215px; margin-top:255px; margin-bottom:30px; overflow:hidden; background:url(../images/pattern_3.gif) repeat;}
	#customers{width:470px; margin-left:500px; text-align:center;}
		#customers h3{color:#796F54; font:15px/20px "FsansI", Helvetica, sans-serif; padding:0; margin:10px 0 0 10px; text-align:left;}
		#customers_gallery{width:470px; height:140px; margin:0; overflow:hidden;}
		#customers a{color:#796F54; margin:auto; font:italic 10px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none;}
		#customers a:hover{color:#B3A88E;}

#customers_gallery{position: relative;}
#customers_gallery .wrapper{width: 470px; overflow: auto; height: 140px; position: absolute; top: 0; left: 0;}
#customers_gallery .wrapper ul{width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0; }
#customers_gallery ul li{display: block; float: left; padding: 0; height: 140px; width: 470px; margin: 0; }


.h_externals{background:#F8F7F3 url(../images/dotted_v_division.gif) no-repeat top left;}
	.h_externals h3{font:15px/15px "FsansI", Helvetica, sans-serif; color:#B61B07; padding:0; margin:10px 0px 0px 10px;}
	.h_externals table{height:160px; color:#FD3301; font:italic 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;}
	.h_externals a{color:#B61A0D; background:url(../images/arrow_red.gif) no-repeat center right; margin-right:10px;}
	.h_externals_alt{background:#F8F7F3; margin-left:30px;}
	.h_externals table a{background:none; margin:0; color:#FD3301; font:italic 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:none;}

#footer{width:970px; height:178px; padding:20px 0px 0px 30px; overflow:hidden; background:url(../images/pattern_footer.png) repeat-x;}
	.footer_box{height:178px; color:#fff2d9; width:215px; float:left; padding-left:20px; background:url(../images/dotted_v_divisor_footer.gif) no-repeat left top;}
	.footer_box h4{font:20px/22px "FsansI", Helvetica, sans-serif; padding:0; margin:0; margin-bottom:10px;}

	.footer_box ul{margin:0 0 0 10px; padding:0;}
	.footer_box ul li{padding:0 0 0 12px; margin:0; background:url(../images/arrow_footer.gif) no-repeat left center; list-style:none; font:11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
	.footer_box a{text-decoration:none; color:#fff2d9;}
	.footer_box a:hover{text-decoration:underline;}

#lateral{width:260px; position:absolute; left:1000px; top:389px; display:none; text-align:center; overflow:hidden;}


#inner_magic{overflow:hidden; width:1000px; height:0px; background:url(../images/pattern_top.png); position:relative;}
.magic_divs{height:500px; overflow:hidden;}

/* TEST PURPOSES 
#inner_magic{height:500px;}
#magic_areas{z-index:5;}*/

.anythingSlider{width:1000px; height: 454px; position: relative; margin:0; }
.anythingSlider .wrapper{width: 1000px; overflow: auto; height: 454px; position: absolute; top: 0; left: 0;}
.anythingSlider .wrapper ul{width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0; }
.anythingSlider ul li{display: block; float: left; padding: 0; height: 391px; width: 1000px; margin: 0; }





#dv_contact, #dv_trends{display:none;}

.areas{width:925px; height:409px; overflow:hidden; padding:45px 0px 0px 45px;}
	.areas_c1, .areas_c2{float:left; overflow:hidden; height:365px;}
	.areas_c1{width:350px; overflow:visible;}
	.areas_c2{width:540px; padding-left:10px;}
		.areas_c1 h2{text-align:right; font:50px "FsansR", "Trebuchet MS", Helvetica, sans-serif; padding:0; margin:-8px 35px 0 0; color:#fff2d9; text-transform:uppercase;}
		.anythingSlider .areas_c1 ul, .areas_c1 ul{padding:0; margin:20px 0px 0px 55px; list-style:none; width:auto; position:static;}
		.anythingSlider .areas_c1 ul li, .areas_c1 ul li{font:italic 12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:0.5px; padding-left:15px; background:url(../images/arrow_areas.gif) no-repeat left center; text-transform:uppercase; margin-bottom:10px; width:auto; height:17px; float:none;}
		.areas_c1 ul li a{text-decoration:none; color:#e9e6d4;}
		.areas_c1 ul li a:hover{color:#FFF;}
		.areas_c1 ul li a.selected{font:italic 16px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;}
		
		.areas_c2, .text_contact{font:italic 14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;}
		.text_contact{padding:10px 20px 0px 40px;}
		.areas_c2 div{height:365px; overflow:hidden;}
		.areas_c2 .tt{text-transform:uppercase;}
		.areas_c2 .map{width:515px; height:345px; border:10px solid #FFF; background:#F2F2F2;}
		.address{padding:0 8px; font:16px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#911609; color:#ff3300; height:35px; margin-top:11px; margin-right:-3px;}
		.areas_c2 a, .areas_c1 a.another{color:#e9e6d4; text-decoration:underline;}
		.areas_c2 a:hover, .areas_c1 a.another:hover{color:#911609; text-decoration:none;}

#magic_menu{list-style:none; margin:0 auto 0 auto; padding:0; display:inline-block; overflow:visible;}
#magic_menu li{padding:0; margin:0; display:inline; overflow:visible;}
#magic_menu span{display:inline-block;}
#magic_menu li a{display:inline-block; padding:0 8px; font:16px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#911609; text-transform:lowercase; color:#ff3300; text-decoration:none; height:35px; margin-top:11px; margin-right:-3px;}
#magic_menu li a:hover{color:#FF643E;}
#magic_menu span.selected{background:url(../images/opentab.gif) no-repeat center top;}
#magic_menu span.selected a{color:#B41B0B;}
#magic_menu li a.magic_close, a.magic_close{width:35px; padding:0; height:35px; background:#D52800 url(../images/magic_close.gif) no-repeat center center; display:block;}
#magic_menu li a.magic_close:hover, a.magic_close:hover{background:#E72B00 url(../images/magic_close.gif) no-repeat center center;}
.mgT11{margin-top:11px;}


#grid_cases{width:940px; padding:0px 30px 25px 30px;}
	#grid_cases h2{font:13px "FsansI", "Trebuchet MS", Helvetica, sans-serif; color:#786F53; padding:0; margin:-10px 0 20px 0; display:block; text-align:left;}
	#grid_cases h2 span{color:#911609;}
.inner_box h4{font:italic 22px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:25px 0px 7px 20px; display:block; color:#FD3300;}
.customers_links{height:151px; overflow:hidden;}
.customers_links a{display:block; font:italic 10px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#E9E6D5; background:url(../images/arrow_footer.gif) no-repeat 29px 8px; text-decoration:none; padding-left:42px; text-transform:uppercase; width:235px !important;}
.customers_links a:hover{background:#911609 url(../images/arrow_footer.gif) no-repeat 29px 8px;}


#project{background:url(../images/bg_project_detail.gif) repeat-x left 70px; padding-left:30px;}
	#pj_left{width:235px; float:left;}
		.bt_pj{display:block; height:24px; overflow:hidden; background-position:6px 6px; background-repeat:no-repeat; color:#FFF; text-decoration:none; text-transform:uppercase; background-color:#B41B0B;}
			.bt_pj.fotos{background-image:url(../images/ico_fotos.gif);}
			.bt_pj.video{background-image:url(../images/ico_video.gif);}
			.bt_pj span{display:block; font:italic 10px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; float:left; cursor:pointer;}
				.bt_pj .bt_label{width:155px; background:url(../images/bt_proj_bg1.gif) repeat-y; margin-left:25px;}
				.bt_pj:hover .bt_label{color:#E9E6D4;}
				.bt_pj .bt_info{width:55px;}
				.bt_pj.bt2 {background-color:#911609;}
				.bt_pj.bt2 .bt_label{background:url(../images/bt_proj_bg2.gif) repeat-y;}
		#quote{overflow:hidden; font:15px/22px 'FsansI', "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FC4B1C;  padding:30px 10px 30px 15px;}
			.quote1{vertical-align:super;}
			.quote2{vertical-align:bottom;}
			#quote span{display:block; text-align:right; font:italic 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; padding-top:10px; padding-right:9px;}
		#ficha{background-color:#FFF; padding:20px; padding-right:0;}
			#ficha h2{font:24px/23px 'FsansI', "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0; color:#FC4B1B;}
			#ficha dl{margin:0; padding:5px 0px 0px 10px;}
				#ficha dt{font:italic 13px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#786F53; padding:18px 0px 10px 0px;}
					#ficha dd{margin:5px 0px 5px 10px; padding:0px 0px 0px 12px; font:12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/arrow_ficha.gif) no-repeat left center;}
						#ficha dd a{color:#A59A73; text-decoration:none;}
						#ficha dd a:hover{text-decoration:underline;}
			#premios{padding:30px 0 30px 20px; position:relative; z-index:10;}
				#premios .tooltip{top: 35px; left:130px; z-index:10; white-space:nowrap;}
			.tooltip{position:absolute; overflow:visible;padding-left:5px;}
			.tooltip .inside{padding:7px 10px; background:#FFFFCC; border:1px solid #A69B74; font:italic 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#786F53;}
			.arrow_tooltip{position:absolute; width:6px; height:9px; display:block; background:url(../images/arrow_tooltip.gif) no-repeat; top:15px; left:0px; z-index:11;}
				
	#pj_right{width:705px; float:left; position:relative;}
		.pj_tabs{position:absolute; left:0; top:0; width:705px; height:431px; overflow:hidden;}
		#texto{font:italic 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; -moz-column-count: 2; -webkit-column-count: 2; -moz-column-gap: 30px; -webkit-column-gap: 30px; color:#786F53; padding:30px 0px 30px 20px; margin-top:431px;}
		#texto a{color:#FC4B1C; text-decoration:none;}
		#texto a:hover{text-decoration:underline;}






.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1;}

.jScrollPaneTrack {position: absolute; cursor: pointer; right: 5px; top: 0; height: 100%; opacity:0.5; }
.jScrollPaneDrag {position: absolute; background: #FFF;	cursor: pointer; overflow: hidden; width:1px !important; margin-left:3px;}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;	bottom: 0; left: 0;	overflow: hidden;}
a.jScrollArrowUp, a.jScrollArrowDown{display: block; position: absolute; z-index: 1; right: 5px; text-indent: -2000px; overflow: hidden; height:11px; opacity:0.5;}
a.jScrollArrowUp {top:0; background:url(../images/arrow_up.gif) no-repeat center top;}
a.jScrollArrowDown {bottom:0; background:url(../images/arrow_down.gif) no-repeat center 3px;}