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

html { background-color:#900;}
body {margin:0; padding:0; 	
	text-align:center;}
p {font-family:"Arial"; font-size:12px; text-decoration:none; font-weight:normal; color:#FFF; margin:0; padding:0; text-align:justify;}
span {font-family:"Arial"; font-size:12px; text-decoration:none; font-weight:normal; color:#F00; margin:0; padding:0;}
img{border:none;}
a {text-decoration:none; color:#F00;}
li {font-family:"Arial"; font-size:12px; text-decoration:none; font-weight:normal; color:#FFF; margin:0; padding:0;}
h1 { font-size:25px; color:#333; text-decoration:none; margin:0; padding:0;}
h2 { font-size:25px; color:#FFF; text-decoration:none;margin:0; padding:0;}
h3 { font-size:13px; color:#FFF; text-decoration:none;margin:0; padding:0;}
h4 { font-family:"Arial"; font-size:16px; text-decoration:none; font-weight:bold; color:#333;}
#Container {margin:0 auto;
	text-align:left;
	width:920px; height:auto;}
	#Header { margin:0; padding:0;
		width:920px; height:145px;
		background-image:url(images/GB-a-920.jpg); background-repeat:no-repeat;
		overflow:hidden;}
		#Menu {width:880px; height:120px;
			padding:0; margin-left:35px; margin-top:10px;
			list-style:none}
		#Menu li {float:left;}
		#Menu li a {text-indent:-999999px;
			display:block;}
			#TabHome, #TabHomeAct {margin:0; padding:0;
				width:220px; height:120px;
				background-image:url(images/menu/logo-bygato.gif); background-repeat:no-repeat;}
			#TabHome:hover, #TabHomeAct {background-position:-220px;}
			#TabLogos, #TabLogosAct {margin:0; padding:0;
				width:105px; height:120px;
				background-image:url(images/menu/logo-bttn.gif); background-repeat:no-repeat;}
			#TabLogos:hover, #TabLogosAct {background-position:-105px;}
			#TabWeb, #TabWebAct {margin:0; padding:0;
				width:105px; height:120px;
				background-image:url(images/menu/web-design-bttn.gif); background-repeat:no-repeat;}
			#TabWeb:hover, #TabWebAct {background-position:-105px;}
			#TabPrint, #TabPrintAct {margin:0; padding:0;
				width:105px; height:120px;
				background-image:url(images/menu/print-bttn.gif); background-repeat:no-repeat;}
			#TabPrint:hover, #TabPrintAct {background-position:-105px;}
			#TabIllustration, #TabIllustrationAct {margin:0; padding:0;
				width:105px; height:120px;
				background-image:url(images/menu/ilustration-bttn.gif); background-repeat:no-repeat;}
			#TabIllustration:hover, #TabIllustrationAct {background-position:-105px;}
			#TabAdvertising, #TabAdvertisingAct {margin:0; padding:0;
				width:105px; height:120px;
				background-image:url(images/menu/advertising-bttn.gif); background-repeat:no-repeat;}
			#TabAdvertising:hover, #TabAdvertisingAct {background-position:-105px;}
			#TabMotion, #TabMotionAct {margin:0; padding:0;
				width:105px; height:120px;
				background-image:url(images/menu/motion-bttn.gif); background-repeat:no-repeat;}
			#TabMotion:hover, #TabMotionAct {background-position:-105px;}
/* MENU ESPAÑOL */
			#TabHomeE, #TabHomeEAct {margin:0; padding:0;
				width:220px; height:120px;
				background-image:url(images/menu/logo-bygato.gif); background-repeat:no-repeat;}
			#TabHomeE:hover, #TabHomeEAct {background-position:-220px;}
			#TabLogosE, #TabLogosEAct {margin:0; padding:0;
				width:105px; height:120px;
				background-image:url(images/menu/Diseno-de-logos.gif); background-repeat:no-repeat;}
			#TabLogosE:hover, #TabLogosEAct {background-position:-105px;}
			#TabWebE, #TabWebEAct {margin:0; padding:0;
				width:105px; height:120px;
				background-image:url(images/menu/Diseno-Web.gif); background-repeat:no-repeat;}
			#TabWebE:hover, #TabWebEAct {background-position:-105px;}
			#TabPrintE, #TabPrintEAct {margin:0; padding:0;
				width:105px; height:120px;
				background-image:url(images/menu/Diseno-de-impresiones.gif); background-repeat:no-repeat;}
			#TabPrintE:hover, #TabPrintEAct {background-position:-105px;}
			#TabIllustrationE, #TabIllustrationEAct {margin:0; padding:0;
				width:105px; height:120px;
				background-image:url(images/menu/Ilustraciones.gif); background-repeat:no-repeat;}
			#TabIllustrationE:hover, #TabIllustrationEAct {background-position:-105px;}
			#TabAdvertisingE, #TabAdvertisingEAct {margin:0; padding:0;
				width:105px; height:120px;
				background-image:url(images/menu/Diseno-publicitario.gif); background-repeat:no-repeat;}
			#TabAdvertisingE:hover, #TabAdvertisingEAct {background-position:-105px;}
			#TabMotionE, #TabMotionEAct {margin:0; padding:0;
				width:105px; height:120px;
				background-image:url(images/menu/Video-Animacion.gif); background-repeat:no-repeat;}
			#TabMotionE:hover, #TabMotionEAct {background-position:-105px;}
	#MainSlider {width:920px; height:410px;
		background-image:url(images/MainSlider.png); background-position:top center; background-repeat:no-repeat;
		overflow:hidden;}
		#LabelMainSlider{margin-left:60px; margin-top:5px;
			width:800px; height:30px;
			overflow:hidden;}
			#Label {width:670px; height:30px;
				float:left;}
			#Langs {width:110px; height:22px;
				padding-top:8px; padding-left:12px; margin-left:670px; margin-top:0;
				background-image:url(images/Breaker.gif); background-repeat:no-repeat; background-position:left top;
				list-style:none;}
			#Langs li {float:left; color:#333;}
			#Langs li a {font-size:14px; color:#333;}
			#Langs li a:hover {color:#FFF;}			
		#ContentMotion { width:795px; height:350px;
			margin-left:35px; padding-left:55px; padding-top:30px;
			background-image:url(images/RepMotion.jpg); background-repeat:repeat-x;}
	.ThreeBoxes {margin-top:35px; margin-left:35px; padding:0;
		width:855px; height:auto;
		overflow:hidden;}
		.GradBoxHome, .GradBox {width:250px; height:280px;
			padding-left:10px; padding-top:25px; padding-bottom:5px; padding-right:10px;
			background-image:url(images/BGGrad.jpg); background-repeat:repeat-x;
			float:left;}
		.GradBox { height:auto;}
			.LabelVert {width:35px; height:245px;
				float:left;}
			.TextGradBoxHome, .TextGradBox {width:200px; height:250px;
				padding-left:5px;
				margin-left:30px;}
			.TextGradBox {height:auto;}
			
			.ListGradBox {list-style-image:url(images/LiSquare.gif); margin-left:15px; padding:0;}
			.ListGradBox li {margin:0;}
		.GradDDBox {width:540px; height:auto;
			padding-left:10px; padding-top:25px; padding-bottom:5px; padding-right:10px;
			background-image:url(images/BGGrad.jpg); background-repeat:repeat-x;
			float:left;}
			.TextGradDDBox {width:220px; height:auto;
				padding-left:5px;
				margin-left:15px; margin-bottom:10px;
				float:left;}
			.TextGradDDBox h3 a {color:#FFF; font-size:16px;}
			.ListGradDDBox {list-style-image:url(images/LiSquare.gif); margin-left:15px; padding:0;}
			.ListGradDDBox li {margin:0;}
			.TextGradDBox {width:460px; height:auto;
				padding-left:5px;
				margin-left:50px; margin-bottom:10px;
				display:block;}
			.TextGradDBox span {font-size:13px;}
				.BoxLink { width:220px; height:120px;
					margin:0; padding:0; margin-bottom:10px;
					list-style:none;
					border:1px #d50000 solid;
					background-color:#900;}
				.BoxLink li a { text-indent:-999999px;
					display:block;}
					#TabStationary {width:220px; height:120px;
						background-image:url(images/boxlinks/TabStationary.gif); background-repeat:no-repeat;}
					#TabStationary:hover {background-position:-220px;}
					#TabPapeleria{width:220px; height:120px;
						background-image:url(images/boxlinks/TabPapeleria.gif); background-repeat:no-repeat;}
					#TabPapeleria:hover {background-position:-220px;}
					#TabCharacters {width:220px; height:120px;
						background-image:url(images/boxlinks/TabCharacters.gif); background-repeat:no-repeat;}
					#TabCharacters:hover {background-position:-220px;}
					#TabPersonajes {width:220px; height:120px;
						background-image:url(images/boxlinks/TabPersonajes.gif); background-repeat:no-repeat;}
					#TabPersonajes:hover {background-position:-220px;}
					#TabWebsite {width:220px; height:120px;
						background-image:url(images/boxlinks/TabWebsite.gif); background-repeat:no-repeat;}
					#TabWebsite:hover {background-position:-220px;}
					#TabVideos {width:220px; height:120px;
						background-image:url(images/boxlinks/TabVideos.gif); background-repeat:no-repeat;}
					#TabVideos:hover {background-position:-220px;}
					#TabAgrotakesi {width:220px; height:120px;
						background-image:url(images/boxlinks/LinkAgrotakesi.jpg); background-repeat:no-repeat;}
					#TabAgrotakesi:hover {background-position:-220px;}
					#TabPhantomAdv {width:220px; height:120px;
						background-image:url(images/boxlinks/LinkPhantonAdv.jpg); background-repeat:no-repeat;}
					#TabPhantomAdv:hover {background-position:-220px;}
					#TabAgrotakesiEsp {width:220px; height:120px;
						background-image:url(images/boxlinks/LinkAgrotakesiEsp.jpg); background-repeat:no-repeat;}
					#TabAgrotakesiEsp:hover {background-position:-220px;}
					#TabPhantomAdvEsp {width:220px; height:120px;
						background-image:url(images/boxlinks/LinkPhantonAdvEsp.jpg); background-repeat:no-repeat;}
					#TabPhantomAdvEsp:hover {background-position:-220px;}
					#TabIcons {width:220px; height:120px;
						background-image:url(images/boxlinks/TabIcons.gif); background-repeat:no-repeat;}
					#TabIcons:hover {background-position:-220px;}
					#TabIconos {width:220px; height:120px;
						background-image:url(images/boxlinks/TabIconos.gif); background-repeat:no-repeat;}
					#TabIconos:hover {background-position:-220px;}
					#TabApparel {width:220px; height:120px;
						background-image:url(images/boxlinks/TabApparel.gif); background-repeat:no-repeat;}
					#TabApparel:hover {background-position:-220px;}
					#TabRopa {width:220px; height:120px;
						background-image:url(images/boxlinks/TabRopa.gif); background-repeat:no-repeat;}
					#TabRopa:hover {background-position:-220px;}
					#TabSocial {width:220px; height:120px;
						background-image:url(images/boxlinks/TabSocial.gif); background-repeat:no-repeat;}
					#TabSocial:hover {background-position:-220px;}
					#TabRedesSociales {width:220px; height:120px;
						background-image:url(images/boxlinks/TabRedesSociales.gif); background-repeat:no-repeat;}
					#TabRedesSociales:hover {background-position:-220px;}
					#TabAds {width:220px; height:120px;
						background-image:url(images/boxlinks/TabAds.gif); background-repeat:no-repeat;}
					#TabAds:hover {background-position:-220px;}
					#TabPublicidad {width:220px; height:120px;
						background-image:url(images/boxlinks/TabPublicidad.gif); background-repeat:no-repeat;}
					#TabPublicidad:hover {background-position:-220px;}									
					#TabAnimation {width:220px; height:120px;
						background-image:url(images/boxlinks/TabAnimation.gif); background-repeat:no-repeat;}
					#TabAnimation:hover {background-position:-220px;}
					#TabAnimacion {width:220px; height:120px;
						background-image:url(images/boxlinks/TabAnimacion.gif); background-repeat:no-repeat;}
					#TabAnimacion:hover {background-position:-220px;}
					#TabEcommerce {width:220px; height:120px;
						background-image:url(images/boxlinks/TabEcommerce.gif); background-repeat:no-repeat;}
					#TabEcommerce:hover {background-position:-220px;}
					#TabLogosXX {width:220px; height:120px;
						background-image:url(images/boxlinks/TabLogosXX.gif); background-repeat:no-repeat;}
					#TabLogosXX:hover {background-position:-220px;}
					#TabPhotography {width:220px; height:120px;
						background-image:url(images/boxlinks/TabPhotography.gif); background-repeat:no-repeat;}
					#TabPhotography:hover {background-position:-220px;}
					#TabFotografia {width:220px; height:120px;
						background-image:url(images/boxlinks/TabFotografia.gif); background-repeat:no-repeat;}
					#TabFotografia:hover {background-position:-220px;}
					#TabToon{width:220px; height:120px;
						background-image:url(images/boxlinks/TabToon.gif); background-repeat:no-repeat;}
					#TabToon:hover {background-position:-220px;}
					#TabCaricaturas{width:220px; height:120px;
						background-image:url(images/boxlinks/TabCaricaturas.gif); background-repeat:no-repeat;}
					#TabCaricaturas:hover {background-position:-220px;}
					#TabBrochures{width:220px; height:120px;
						background-image:url(images/boxlinks/TabBrochures.gif); background-repeat:no-repeat;}
					#TabBrochures:hover {background-position:-220px;}
					#TabCatalogos{width:220px; height:120px;
						background-image:url(images/boxlinks/TabCatalogos.gif); background-repeat:no-repeat;}
					#TabCatalogos:hover {background-position:-220px;}
					#TabBillboards{width:220px; height:120px;
						background-image:url(images/boxlinks/TabBillboards.gif); background-repeat:no-repeat;}
					#TabBillboards:hover {background-position:-220px;}
					#TabGigantografias{width:220px; height:120px;
						background-image:url(images/boxlinks/TabGigantografias.gif); background-repeat:no-repeat;}
					#TabGigantografias:hover {background-position:-220px;}
					#TabSoon{width:220px; height:120px;
						background-image:url(images/boxlinks/TabSoon.gif); background-repeat:no-repeat;}
					#TabSoon:hover {background-position:-220px;}
					#TabPronto{width:220px; height:120px;
						background-image:url(images/boxlinks/TabPronto.gif); background-repeat:no-repeat;}
					#TabPronto:hover {background-position:-220px;}
					#TabVideo01{width:220px; height:120px;
						background-image:url(images/boxlinks/LinkVideo01.jpg); background-repeat:no-repeat;}
					#TabVideo01:hover {background-position:-220px;}
					#TabVideo02{width:220px; height:120px;
						background-image:url(images/boxlinks/LinkVideo02.jpg); background-repeat:no-repeat;}
					#TabVideo02:hover {background-position:-220px;}
			.LearnMore {margin:0; padding:0; margin-left:160px;
				width:85px; height:30px;
				list-style:none;}
			.LearnMore2 {margin:0; padding:0; margin-left:135px;
				width:85px; height:30px;
				list-style:none;}
			.LearnMore li a, .LearnMore2 li a {display:block; text-decoration:underline;}
				.TabMore { width:85px; height:14px; padding-top:16px;
					background-image:url(images/TabMore.gif); background-repeat:no-repeat;}
				.TabMore:hover {background-position:-85px; color:#650000;}
				.TabMore2 { width:85px; height:14px; padding-top:16px;
					background-image:url(images/TabMore2.gif); background-repeat:no-repeat;}
				.TabMore2:hover {background-position:-85px; color:#650000;}				
			#ImaCS {margin-top:25px; margin-left:25px;
				width:140px; height:70px;}
		#BoxWwa, #BoxWwd {margin-right:20px;}
		.NormalBox {width:270px; height:auto;
			padding-left:0; padding-top:25px; padding-bottom:5px; padding-right:0;
			float:left;}
		.NormalBox p {margin-left:10px;}
		.NormalBox ul {margin-left:170px; margin-top:10px;}
		.NormalBox h2 {text-align:center;}
		.NormalBox h2 span {font-size:25px;}
		#BlogBox, #ContBox {margin-right:20px;}
			#BlogIma { width:268px; height:143px;
				padding:1px; margin-top:20px; margin-bottom:10px;
				background-color:#d50000;}
		#ContBox p { margin-left:70px;}
		#LinkBox img {margin-left:70px; margin-top:60px;}

#Footer {width:auto; height:200px;
	margin-top:50px;
	background-image:url(images/FooterRep.jpg); background-repeat:repeat-x;}
	#FooterContent {margin:0 auto;
		text-align:left;
		width:920px; height:200px;}
		#FooterUbication {width:180px; height:130px;
			padding-top:70px; padding-left:20px;
			float:left;}
		#FooterUbication a {color:#FFF;}
		#FooterUbication a:hover {color:#666;}
		#FooterUbication a span:hover {color:#FFF;}
		.FooterBreaker {margin-top:70px; padding:0;
			width:4px; height:112px;
			float:left;}
		#FooterLinks {width:330px; height:130px;
			padding-top:70px; padding-left:30px; padding-right:20px;
			float:left;}
			.FooterListLinks { list-style:none; margin:0; padding:0;
				width:110px; height:auto; line-height:15px;
				float:left;}
			.FooterListLinks a span {color:#FFF; font-weight:bold;}
			.FooterListLinks a {color:#666;}
			.FooterListLinks a:hover {color:#FFF;}
		#FooterImage {width:320px; height:200px;
			margin-left:5px;
			float:left;}
	#Copyright {margin:0 auto;
		text-align:left;
		width:920px; height:55px;
		overflow:hidden;}
	#Copyright p {text-align:center; margin-top:20px; font-size:10px;}
/* WHAT WE DO - WHO WE ARE BIG BOX */
	.OneBox {margin-top:0; margin-left:35px; padding:0; padding-top:30px;
		width:855px; height:auto;
		background-image:url(images/BigBGRep.jpg); background-repeat:repeat-x;
		overflow:hidden;}
	.OneBox2 {margin-top:0; margin-left:35px; padding:0; padding-top:30px;
		width:855px; height:auto;
		background-image:url(images/BigBGRep2.jpg); background-repeat:repeat-x;
		overflow:hidden;}
		.LabelVertBig {width:65px; height:350px;
			margin-left:15px;
			float:left;}
		.MainText {width:200px; height:auto;
			padding-left:15px; padding-right:15px;
			float:left;}
			#IllimaniPic {width:198px; height:160px;
				margin-top:10px;
				border:#d50000 1px solid;}
		.BigBreaker {width:2px; height:570px;
			margin-left:20px; margin-right:10px;
			background-image:url(images/BigBreaker.jpg); background-repeat:no-repeat;
			float:left;}
		.BigBreaker2 {width:2px; height:680px;
			margin-left:20px; margin-right:10px;
			background-image:url(images/BigBreaker-670.jpg); background-repeat:no-repeat;
			float:left;}
		.TeamData { width:450px; height:100px;
			margin-left:25px; margin-bottom:20px;
			float:left;}
			.MemberPic { width:106px; height:96px;
				margin-top:1px;
				background-color:#900;
				border:#d50000 1px solid;
				float:left;}
			.MemberText { width:315px; height:100px;
				margin-left:27px;
				float:left;}
			.MemberText span {font-size:24px; color:#790000;}
			.MemberText h3 {color:#790000; font-size:12px;}
			
/* CASE STUDIES HUGE BOX */
	.HugeBox {margin-top:0; margin-left:35px; padding:0; padding-top:30px;
		width:855px; height:2290px;
		background-image:url(images/HugeBGRep.jpg); background-repeat:repeat-x;
		overflow:hidden;}
		.LabelVertHuge {width:65px; height:470px;
			margin-left:15px;
			float:left;}
		.HugeBreaker {width:2px; height:2260px;
			margin-left:20px; margin-right:10px;
			background-image:url(images/HugeBreaker.jpg); background-repeat:no-repeat;
			float:left;}
			.CaseText {width:200px; height:auto;
				padding-left:15px; padding-right:15px;
				margin-bottom:20px;
				float:left;}
			.CaseText span { color:#710000; font-size:25px;}
			.CaseImage {width:460px; height:auto;
				margin-left:25px; margin-bottom:20px;
				text-align:center;
				float:left;}
			#AgroAboutText { height:360px;}
			#AgroAboutIma { height:360px;}
			
/* SLIDER */
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
	margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    text-indent:-99999px;}
/* // image replacement */
#MainSliderContent{	margin:0 auto;
	position:relative;
	text-align:left;
	width:850px;
	margin-bottom:10px; margin-top:5px;}
/* Easy Slider */
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{ margin:0; padding:0;
		list-style:none;}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:850px;
		height:330px;
		overflow:hidden;}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ display:block;
		width:35px;
		height:70px;
		position:absolute;
		left:-35px;
		top:125px;
		z-index:1000;}	
	#nextBtn, #slider1next{ left:850px; top:125px;}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{ display:block;
		position:relative;
		width:35px;
		height:70px;
		background:url(images/Slide%20images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ background:url(images/Slide%20images/btn_next.gif) no-repeat 0 0;}	
		
/* // Easy Slider */