/*- Reset Styles -----------------------------------------------------------*/
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
		ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
		{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}

		ol, ul {list-style:none;}
		h1, h2, h3, h4, h5, h6, li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
/*- Fin de Reset Styles ----------------------------------------------------*/

/*- Estilos Generales ------------------------------------------------------*/

		body {font:76% Arial, Helvetica, sans-serif; background:#161515;}

			/*- Contenedor de resolucion -*/
			.wrap {width:850px; margin:0 auto;}

			/*- Labels accesibles -*/
			.accesible {display:block; width:1px; height:1px; overflow:hidden; position:absolute; top:0; left:-9999px;}

			/*- Carga de Sprite -*/
			#logo h1 a,
			#topMenu li a,
			#searchBox button,
			#intro a,
			#sectionText h3,
			#sidebar h3,
			#bottomInfoLogo,
			#events,
			#flag {display:block; font-size:0; text-indent:-9999em; background-image:url(../../../imgs/sprite_es.png);}

			/*- Clears -*/
			#header .wrap,
			#topMenu ul,
			#mainContent .wrap,
			.contacto p,
			.gallery,
			#subscribeBox p,
			#bottomMenu ul {overflow:hidden;}

			/* Extra (ait) */
			#sectionText a {color:#eeeeee;font-weight:bold;text-decoration:none;}
			#sectionText a:hover {text-decoration:underline;}
			.extra_content {
				margin-bottom: 22px;
				color: #888686;
				font-size: 110%;
			}
			.highlight {
				background-color: #BFD730;
				-moz-border-radius: 3px;
				color: #161515;
			}

/*- Fin de Estilos Generales -----------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*- Header -----------------------------------------------------------------*/


		#header {background:#FFF url(../../../imgs/headerBg.jpg) repeat-x 0 0; border-bottom:5px solid #3E6820;}
			#header .wrap {padding:30px 0;}

				/*- Logo -*/
				#logo {float:left;}
					#logo h1,
					#logo h1 a {display:block; width:202px; height:51px;}
					#logo h1 a {background-position:-1px -1px;}

				/*- Busqueda -*/
				#searchBox {float:right;}
					#searchBox p {border:1px solid #3F7331;padding-right: 3px;}
					#searchBox input {color:#666; padding:3px; background:#DFDEE3; border:0;}
					#searchBox button {width:14px; height:14px; background-position:-204px -38px; cursor:pointer; display:inline; position:relative; top:-3px;}
				#flag {
					width: 19px;
					height: 13px;
					float: right;
					background-position: -75px -65px;
					margin: 6px 0 6px 6px;
				}

				/*- Menu superior -*/
				#topMenu {float:right; clear:right;}
					#topMenu li {float:left; margin:15px 15px 0 0;}
						#topMenu li h2,
						#topMenu li a {height:11px;}
						/*- Cada Link -*/
						.menu-inicio a {width:28px; background-position:-1px -53px;}
						.menu-khuint a {width:36px; background-position:-30px -53px;}
						.menu-servicios a {width:51px; background-position:-67px -53px;}
						.menu-clientes a {width:47px; background-position:-119px -53px;}
						.menu-blogint a {width:43px; background-position:-167px -53px;}
						.menu-contacto a {width:52px; background-position:-211px -53px;}
						/*- Override margin -*/
						#topMenu .lastItem {margin-right:0;}

				/*- Solapa Intro -*/
				#intro,
				#intro a {width:73px; height:13px;}
				#intro {margin:0 auto;}
					#intro a {background-position:-1px -65px; position:relative; left:-30px;}

/*- Fin de Header ----------------------------------------------------------*/

/*- Flash Banner -----------------------------------------------------------*/
		#flashBanner {width:950px; margin:0 auto;}
/*- Fin de Flash Banner ----------------------------------------------------*/

/*- Contenido central  -----------------------------------------------------*/
		#mainContent {padding-top: 10px;}

			/*- Texto de la seccion -*/
			#sectionText {float:left; width:590px; margin-right:50px;}
				#sectionText h3 {height:34px;}
				#sectionText h4 strong,
				#sectionText h5 strong {text-transform:uppercase;}
				#sectionText h4,
				#sectionText h4 strong {display:block; background-image:url(../../../imgs/h4-strongBg.png); background-position:100% 0; background-repeat:repeat-y;}
				#sectionText h4 {padding-bottom:8px; margin:10px 0 15px; background:url(../../../imgs/h4Bg.jpg) no-repeat 100% 100%;}
					#sectionText h4 strong {color:#FFF; font-size:0.9em; font-weight:normal;padding:5px 10px 4px;}

				/*- Componentes de los servicios -*/
				.feature,
				#sectionText fieldset {color:#888686; padding:0 0 30px 90px;}
					.feature h5,
					#sectionText fieldset h5 {margin-bottom:10px; background:#272626;}
						.feature h5 strong,
						#sectionText fieldset h5 strong {color:#CCC; padding-right:8px; background:#161515;}
					.feature ul li {padding:0 0 5px 10px;}
					.feature ul li,
					.feature p {line-height:130%;}
					.feature p {text-align:justify; padding-bottom:20px;}

				/*- Nota: Agregamos una clase al contenido central dependiendo de la seccion -*/

				/*- SOLO SECCION MAILINT -*/
				.mailint #sectionText h3 {width:105px; background-position:-1px -79px;}
				.mailint #sectionText h4 strong {background-color:#C06B0E;border-bottom: 1px solid #f3ad3f;}
				.mailint .playBadge {background:url(../../../imgs/mailint/playBadge.png) no-repeat 0 0;}
				.mailint .plusBadge {background:url(../../../imgs/mailint/plusBadge.png) no-repeat 0 0;}
				.mailint .alertBadge {background:url(../../../imgs/mailint/alertBadge.png) no-repeat 0 0;}
				.mailint .feature li {background:url(../../../imgs/mailint/bullet.gif) no-repeat 0 43%;}

				/*- SOLO SECCION WINT -*/
				.wint #sectionText h3 {width:70px; background-position:-107px -79px;}
				.wint #sectionText h4 strong {color:#373737 !important; background-color:#CAC9C8;border-bottom: 1px solid #ffffff;}
				.wint .playBadge {background:url(../../../imgs/wint/playBadge.png) no-repeat 0 0;}
				.wint .plusBadge {background:url(../../../imgs/wint/plusBadge.png) no-repeat 0 0;}
				.wint .alertBadge {background:url(../../../imgs/wint/alertBadge.png) no-repeat 0 0;}
				.wint .feature li {background:url(../../../imgs/wint/bullet.gif) no-repeat 0 43%;}

				/*- SOLO SECCION BLUEINT -*/
				.blueint #sectionText h3 {width:111px; background-position:-178px -79px;}
				.blueint #sectionText h4 strong {background-color:#4975AF;border-bottom: 1px solid #8ad2fc;}
				.blueint .playBadge {background:url(../../../imgs/blueint/playBadge.png) no-repeat 0 0;}
				.blueint .plusBadge {background:url(../../../imgs/blueint/plusBadge.png) no-repeat 0 0;}
				.blueint .alertBadge {background:url(../../../imgs/blueint/alertBadge.png) no-repeat 0 0;}
				.blueint .feature li {background:url(../../../imgs/blueint/bullet.gif) no-repeat 0 43%;}

				/*- SOLO SECCION MOBINT -*/
				.mobint #sectionText h3 {width:120px; background-position:-290px -79px;}
				.mobint #sectionText h4 strong {color:#323328 !important; background-color:#d8e003;border-bottom: 1px solid #f5f8ac;}
				.mobint .playBadge {background:url(../../../imgs/mobileint/playBadge.png) no-repeat 0 0;}
				.mobint .plusBadge {background:url(../../../imgs/mobileint/plusBadge.png) no-repeat 0 0;}
				.mobint .alertBadge {background:url(../../../imgs/mobileint/alertBadge.png) no-repeat 0 0;}
				.mobint .feature li {background:url(../../../imgs/mobileint/bullet.gif) no-repeat 0 43%;}

				/*- SOLO SECCION GAMEINT -*/
				.gameint #sectionText h3 {width:141px; height:42px !important; background-position:-700px -79px;}
				.gameint #sectionText h4 strong {color:#eeeeee !important; background-color:#457523;border-bottom: 1px solid #78a856;}
				.gameint .playBadge {background:url(../../../imgs/gameint/playBadge.png) no-repeat 0 0;}
				.gameint .plusBadge {background:url(../../../imgs/gameint/plusBadge.png) no-repeat 0 0;}
				.gameint .alertBadge {background:url(../../../imgs/gameint/alertBadge.png) no-repeat 0 0;}
				.gameint .feature li {background:url(../../../imgs/gameint/bullet.gif) no-repeat 0 43%;}

				/*- SOLO SECCION BRANDINT -*/
				.brandint #sectionText h3 {width:141px; height:34px !important; background-position:-1083px -36px;}
				.brandint #sectionText h4 strong {color:#eeeeee !important; background-color:#457523;border-bottom: 1px solid #78a856;}
				.brandint .playBadge {background:url(../../../imgs/brandint/playBadge.png) no-repeat 0 0;}
				.brandint .plusBadge {background:url(../../../imgs/brandint/plusBadge.png) no-repeat 0 0;}
				.brandint .alertBadge {background:url(../../../imgs/brandint/alertBadge.png) no-repeat 0 0;}
				.brandint .feature li {background:url(../../../imgs/brandint/bullet.gif) no-repeat 0 43%;}

				/*- SOLO SECCION SERVICIOS  -*/
				.servicios #sectionText h3 {width:149px; height:34px !important; background-position:-383px -1px;}
				.servicios #sectionText h4 strong {color:#eeeeee !important; background-color:#373737;border-bottom:1px solid #6A6A6A;}
				.servicios .playBadge {background:url(../../../imgs/wint/playBadge.png) no-repeat 0 0;}
				.servicios .plusBadge {background:url(../../../imgs/wint/plusBadge.png) no-repeat 0 0;}
				.servicios .alertBadge {background:url(../../../imgs/wint/alertBadge.png) no-repeat 0 0;}
				.servicios .feature li {background:url(../../../imgs/wint/bullet.gif) no-repeat 0 43%;}

				/*- SOLO SECCION KHUINT  -*/
				.khuint #sectionText h3 {width:101px; height:34px !important; background-position:-533px -1px;}
				.khuint #sectionText h4 strong {color:#eeeeee !important; background-color:#373737;border-bottom:1px solid #6A6A6A;}
				.khuint .playBadge {background:url(../../../imgs/wint/playBadge.png) no-repeat 0 0;}
				.khuint .plusBadge {background:url(../../../imgs/wint/plusBadge.png) no-repeat 0 0;}
				.khuint .alertBadge {background:url(../../../imgs/wint/alertBadge.png) no-repeat 0 0;}
				.khuint .feature li {background:url(../../../imgs/wint/bullet.gif) no-repeat 0 43%;}

				/*- SOLO RESULTADOS DE LA BUSQUEDA  -*/
				.search #sectionText h3 {width:202px; height:50px !important; background-position:-1px -1px;}
				.search #sectionText h4 strong {color:#eeeeee !important; background-color:#373737;}
				.search .playBadge {background:url(../../../imgs/wint/playBadge.png) no-repeat 0 0;}
				.search .plusBadge {background:url(../../../imgs/wint/plusBadge.png) no-repeat 0 0;}
				.search .alertBadge {background:url(../../../imgs/wint/alertBadge.png) no-repeat 0 0;}
				.search .feature li {background:url(../../../imgs/wint/bullet.gif) no-repeat 0 43%;}
				.search .feature {padding: 0;}

				/*- SOLO SECCIONES INSTITUCIONALES  -*/
				.inst #sectionText h3 {width:141px; height:42px !important; background-position:-700px -79px;}
				.inst #sectionText h4 strong {color:#191C18 !important; background-color:#373737;border-bottom:1px solid #6A6A6A;}
				.inst .playBadge {background:url(../../../imgs/wint/playBadge.png) no-repeat 0 0;}
				.inst .plusBadge {background:url(../../../imgs/wint/plusBadge.png) no-repeat 0 0;}
				.inst .alertBadge {background:url(../../../imgs/wint/alertBadge.png) no-repeat 0 0;}
				.inst .feature li {background:url(../../../imgs/wint/bullet.gif) no-repeat 0 43%;}

				/*- SOLO SECCION CLIENTES -*/
				.clientes #sectionText h3 {width:131px; background-position:-411px -79px;}
				.clientes #sectionText h4 strong {background-color:#575655;border-bottom:1px solid #8c8c8c;}
				/*- Menu de la Galeria -*/
				#workMenu {float:left; width:59px;}
					#workMenu li {margin-bottom:14px;}
						#workMenu li a {color:#FFF; font-weight:bold; text-decoration:none; padding:3px 6px; background:#393939;}
						/*- Galeria actual -*/
						#workMenu li.currentGallery a {display:block; color:#161515; background:#FFF;}
				/*- Galeria -*/
				.gallery {width:531px;}
					.gallery li {float:left; font-size:0.9em; width:162px; margin:0 0 9px 9px; background:#FFF; border:3px solid #FFF;}
						.gallery a {text-decoration:none;}
							.gallery li strong {color:#575655; text-transform:uppercase; display:block; padding:4px 3px 3px;}
							.gallery li img {width:162px; height:87px;}


				/*- SOLO SECCION CONTACTO -*/
				.contacto #sectionText h3 {width:156px; background-position:-543px -79px;}
				.contacto #sectionText h4 strong {background-color:#575655;border-bottom:1px solid #8c8c8c;}
				.contacto .mailBadge {background:url(../../../imgs/contacto/mailBadge.png) no-repeat 0 0;}
					.contacto .mailBadge p {background:url(../../../imgs/contacto/bullet.gif) no-repeat 0 43%;}
				/*- Datos personales -*/
					.contacto #sectionText p {padding-bottom:5px;}
						.contacto #sectionText label,
						.contacto #sectionText input {float:left;}
						.contacto #sectionText label {padding-left:10px; min-width:60px; text-transform:lowercase;}
						.contacto #sectionText input,
						.contacto #sectionText textarea {border:0; width:428px;}
				/*- Comentarios -*/
				#commentsHolder {padding-bottom:0 !important;}
					.contacto #sectionText textarea {height:80px; margin-left:70px; overflow:auto;}
					.contacto #sectionText button {color:#666; font-size:1.2em; text-transform:uppercase; float:right; cursor:pointer;}


/*- Fin de Contenido central  ----------------------------------------------*/

/*- Sidebar ----------------------------------------------------------------*/
		#sidebar {float:right; width:210px; font:0.9em Verdana, Arial, sans-serif;}

			/*- Subscribirse -*/
			#subscribeTitle {width:197px; height:48px; background-position:-1px -114px;}
				#subscribeBox {padding-top:6px; background:url(../../../imgs/sidebar/subscribe-outer-repeatY.png) repeat-y 0 0;}
					#subscribeBox div {padding-bottom:20px; background:url(../../../imgs/sidebar/subscribe-outer-bottomBg.png) no-repeat 0 100%;}
						#subscribeBox div form {margin:0 12px; background:url(../../../imgs/sidebar/subscribe-inner-repeatY.png) repeat-y 0 0;}
							#subscribeBox p {color:#2A2A2A; background:url(../../../imgs/sidebar/subscribe-inner-bottomBg.png) no-repeat 0 100%;}
								#subscribeBox span {display:block; padding:12px; background:url(../../../imgs/sidebar/subscribe-inner-topBg.png) no-repeat 0 0;}
								#subscribeBox input {padding:3px; width:140px; margin:0 12px; border:1px solid #D5D2D2;}
								#subscribeBtnContainer {background:none !important; text-align:right;}
									#subscribeBox button {text-transform:uppercase; cursor:pointer; margin-right:12px;}

			/*- Posts del blog -*/
			#postsTitle {width:118px; height:55px; margin-top:25px; background-position:-199px -114px;}
				/*- Lista de posts -*/
				#posts li {line-height:140%; padding:7px 3px 9px; border-bottom:1px solid #0D0D0D;}
					#posts li a {color:#FFF; text-decoration:none;}
					#posts li a:hover {text-decoration:underline;}

			#twitterTitle {width:117px; height:53px; margin:20px 0 0 2px; background-position:-264px -1px;}

			#events {width:188px; height:94px; margin:20px 4px; background-position:-318px -114px;}
/*- Fin de Sidebar ---------------------------------------------------------*/

/*- Footer -----------------------------------------------------------------*/
		#footer {padding:20px 0 30px; margin-top:40px; background:#000;}

			/*- Menu inferior -*/
			#bottomMenu {padding-bottom:20px;}
				#bottomMenu ul {padding-bottom:3px;}
					#bottomMenu li {float:left; color:#B4B3B3; text-transform:lowercase; padding-right:7px; margin-right:7px; border-right:1px solid #B4B3B3;}
						#bottomMenu li a {color:#B4B3B3; font-weight:bold; text-decoration:none;}
						#bottomMenu li a:hover {color:#FFF; text-decoration:underline;}
						#bottomMenu li strong {float:left; margin-right:7px;}
							#bottomMenu li ul {float:left;}
								#bottomMenu li ul li {padding:0; border:0;}
									#bottomMenu li ul li a {font-weight:normal;}
				/*- Ultimo elemento: override borde -*/
				#bottomMenu .lastItem {border:0;}

			/*- Informacion de contacto -*/
			#bottomInfo {}
			#bottomInfo p {display:block; color:#6D6F72; text-transform:lowercase; padding-bottom:3px;}
			#bottomInfo a {color:#B4B3B3;text-decoration:none;}
				/*- Logo -*/
				#bottomInfoLogo {float:left; width:73px; height:18px; margin:8px 15px 0 0; background-position:-1px -163px;}
/*- Fin de Footer ----------------------------------------------------------*/

/*- IE 6 Fixes -------------------------------------------------------------*/
		/*- Cambio el Sprite por un .GIF -*/
		* html #logo h1 a,
		* html #topMenu li a,
		* html #searchBox button,
		* html #intro a,
		* html #sectionText h3,
		* html #sidebar h3,
		* html #bottomInfoLogo {background-image:url(../../../imgs/ie6/sprite.gif);}

		/*- Corrigo caja de busqueda -*/
		* html #searchBox input {margin-right:3px;}

		/*- Corrigo menu superior -*/
		* html #topMenu li h2,
		* html #topMenu li a {float:left; overflow:hidden;}

		/*- Corrigo galeria -*/
		* html #workMenu {width:56px;}
		* html #workMenu li.currentGallery {margin-bottom:0;}
		* html .gallery li {display:inline;}

		/*- Corrigo hasLayout -*/
		* html .feature,
		* html #sectionText fieldset,
		* html .contacto .mailBadge p,
		* html #subscribeBox div form,
		* html #subscribeBox span {height:1%;}

		/*- Cambio la flecha del H4 STRONG por un .GIF -*/
		* html #sectionText h4 strong {background-image:url(../../../imgs/ie6/h4-strongBg.gif);}

		/*- Corrigo la propiedad min-width -*/
		* html .contacto label {width:60px;}
/*- Fin IE 6 Fixes ---------------------------------------------------------*/

/*- IE 7 Fixes -------------------------------------------------------------*/
		/*- Corrigo caja de busqueda -*/
		*+ html #searchBox input {margin-right:3px;}
		*+ html #searchBox button {top:-5px;}

		/*- Corrigo hasLayout -*/
		*+ html .feature,
		*+ html #sectionText fieldset {min-height:1%;}
/*- Fin IE 7 Fixes ---------------------------------------------------------*/
