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


p { 
	font-size:9pt;
	line-height: 13pt;
	color: #919294;
	float: left;}
	
a { text-decoration: none;
	
	font-size:9pt;
	line-height: 13pt;
	color: #919294;
	cursor:pointer;}

a:hover {	text-decoration: underline;}

h1 {
	color: #FF4F10;
	font-size: 16pt;
	font-weight: normal;
	float: left;
	width: 100%;
	letter-spacing: -0.1pt;}

h2 {
	font-size:11pt;
	font-weight: bold;
	color: #9A9A9A;
	float: left;
	width: 100%;
	letter-spacing: -0.1pt;}

h3 {
	font-size:11pt;
	font-weight: bold;
	color: #FF4F10;
	float: left;
	width: 100%;
	letter-spacing: -0.1pt;}
	
.bold { font-weight: bold; }
.bolditalic { font-weight: bold; font-style: italic; }
.capitalize { text-transform: capitalize;}
.uppercase { text-transform: capitalize;}

.hidden { display: none;}

ul, li { list-style: none; }

input, select, textarea {
			font-size: 11px; font-family:Arial, Helvetica, sans-serif;}

textarea { 	font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color: #868788;}
			
.orange { color: #ff4f10;}
.vinieta { padding-left: 10px; background: url(../images/body/vinieta_orange.png) no-repeat 0 5px;}
.left {float: left;}
			
img {_behavior: url(/styles/iepngfix.htc);}	

/* HEADER ***********************************************************/

	.headerLeft a.logo {
		float: left;
		width: 70px;
		height:38px;}
		
	.headerLeft h1 { 
		float: left;
		margin-top: 10px;
		padding-left: 20px;
		width: 50%;
		font-size: 11pt;
		font-weight: bold;
		color: #BFBFBF;}
		
	.headerLeft .headerContact {
		float: right;
		width: 250px;}
		
	/* MENU PRINCIPAL ***********************************************/
	
	#Menu {
		float: left;
		clear: left;
		margin-top: 25px;
		padding-left: 4px;
		width: 765px; 
		background: url(../images/header/menu_left.png) no-repeat;}
		
		#Black #Menu {background: url(../images/header/Black_menu_left.png) no-repeat;}
		
		#Menu div {
			float: left;
			padding-right: 0.4%;
			width: 99.6%;
			background: url(../images/header/menu_right.gif) no-repeat right top;  }
			
			#Black #Menu div {background: url(../images/header/Black_menu_right.gif) no-repeat right top; }
				
		#Menu ul {
			float: left;
			width: 100%;
			height: auto;
			background: url(../images/header/menu_back.png) repeat-x;}
			
			#Black #Menu ul {background: url(../images/header/Black_menu_back.png) repeat-x;}
			
		#Menu ul li {
			float: left;
			padding-right: 8px;
			width: auto;
			height: 45px;}
			
			#Menu ul li.right { float: right;}
			
			#Menu ul li a { 
			float: left;
			margin-top: -7px;
			height: 45px;
			background: url(../images/header/menu_items.png) no-repeat;
			position: relative;
			z-index: 1;}
			
			#Black #Menu ul li a {background-image: url(../images/header/Black_menu_items.png);}
			
			#Menu ul li.right a,
			#Black #Menu ul li.right a { background: none; margin-top: 7px; height: auto;}
			
			#Menu ul li a span { display: none;}
			
			#Menu ul li.menuServicios a { 
				width:68px;
				background-position: 0 0;}
				
				#Menu ul li.menuServicios a:hover,
				#Menu ul li.menuServicios a.selected { background-position: 0 bottom;}
			
			#Menu ul li.menuProductos a {
				width:75px;
				background-position: -74px top ;}
				
				#Menu ul li.menuProductos a:hover,
				#Menu ul li.menuProductos a.selected { background-position: -74px bottom;}
				
			#Menu ul li.menuComo a { 
				width:116px;
				background-position: -156px top ;}
				
				#Menu ul li.menuComo a:hover,
				#Menu ul li.menuComo a.selected { background-position: -156px bottom;}
				
			#Menu ul li.menuCasos a { 
				width:96px;
				background-position: -280px top ;}
				
				#Menu ul li.menuCasos a:hover,
				#Menu ul li.menuCasos a.selected { background-position: -280px bottom;}
				
			#Menu ul li.menuClientes a { 
				width:61px;
				background-position: -384px top ;}
				
				#Menu ul li.menuClientes a:hover,
				#Menu ul li.menuClientes a.selected { background-position: -384px bottom;}
				
			#Menu ul li.menuQuienes a { 
				width:100px;
				background-position: -454px top }
				
				#Menu ul li.menuQuienes a:hover ,
				#Menu ul li.menuQuienes a.selected{ background-position: -454px bottom;}
				
			#Menu ul li.menuPrensa a { 
				width:51px;
				background-position: -564px top ;}
				
				#Menu ul li.menuPrensa a:hover,
				#Menu ul li.menuPrensa a.selected { background-position: -564px bottom;}
			
			#Menu ul li.menuContacto a { 
				width:65px; 
				margin-right:0;
				background-position: -622px top ;}
				
				#Menu ul li.menuContacto a:hover,
				#Menu ul li.menuContacto a.selected { background-position: -622px bottom;}
				
				
				
		/* headerRight ************************************************************/
		
		.headerChange {
			float: left;
			padding-left: 60px;
			height: 76px;
			background: url(../images/header/Black_screen.png) no-repeat;
			_behavior: url(/styles/iepngfix.htc);}
			
			#Black .headerChange { background-image: url(../images/header/White_screen.png);}
			
			.headerChange a.txt { float: left; width: 100%; font-size: 7pt; padding-top: 5px;}
			
			.headerChange .butLighted { margin-top: 10px; color: #CCC;}
			
				.headerChange .butLighted p { color:#CCC;}
				
				#Black .headerChange .butLighted p { color:#666;}
			
		
		.headerSecondaryMenu {
		float: left;
		clear: left;
		width: 100%;}
		
		.headerSecondaryMenu ul {
			float: left;
			width: 100%;}
			
		.headerSecondaryMenu ul li {
			float: left;
			width: auto;
			height: 45px;}
			
			.headerSecondaryMenu ul li a { 
			float: left;
			margin-top: -12px;
			height: 45px;
			background: url(../images/header/menu_secondary_items.png) no-repeat;
			position: relative;
			z-index: 1;	}
			
			#Black .headerSecondaryMenu ul li a { background-image: url(../images/header/Black_menu_secondary_items.png);}
			
			.headerSecondaryMenu ul li a span { display: none;}
			
			.headerSecondaryMenu ul li.menuSumate a { 
				width:96px;
				background-position: 0 0;}
				
				.headerSecondaryMenu ul li.menuSumate a:hover,
				.headerSecondaryMenu ul li.menuSumate a.selected { background-position: 0 bottom;}
				
				.headerSecondaryMenu ul li.menuSumate { padding-right: 20px;}
			
			.headerSecondaryMenu ul li.menuEng a {
				width:30px;
				background-position: -121px top ;}
				
				.headerSecondaryMenu ul li.menuEng a:hover,
				.headerSecondaryMenu ul li.menuEng a.selected{ background-position: -121px bottom;}
				
			.headerSecondaryMenu ul li.menuSpa a {
				width:29px;
				background-position: -157px top ;}
				
				.headerSecondaryMenu ul li.menuSpa a:hover,
				.headerSecondaryMenu ul li.menuSpa a.selected { background-position: -157px bottom;}
				
/* SUBMENU ***********************************************/
	
	#Submenu {
		float: left;
		clear: left;
		position: relative;
		z-index: 1;
		padding-left: 20px;
		margin-top: 15px;
		margin-bottom: -40px;
		height: 20px;
		width: auto;}
		
		#Submenu li { float: left; width: auto; color: #919294;}
				
				
				
/* MAIN **********************************************/

	.containerFlash {
		float: left;
		margin-top: 2px;
		width: 100%;
		height: 170px;
		background: url(../images/body/site_internals_flash.png) no-repeat right top;
		_behavior: url(/styles/iepngfix.htc);	}
		
		.containerFlash img { float: left; }
		
		.containerFlashHome {background: url(../images/body/site_main_flash.png) no-repeat right top; height: 230px;}
		
		.containerFlash div {
			float: left; width: 750px; padding-left: 30px;}
			
		.containerFlash div.flashInternalProduct { margin-top: 4px;}
		
			.containerFlash div div.flashInternalProduct { float: left; width: auto; padding-left: 10px; margin-top: 4px;}
			
		.containerFlash div .internalTitles { margin-left: 10px; }
			
		.containerFlash div.containerSubtitles {
			float: right;
			width: 418px;
			height: 76px;
			margin-top: -66px;}
			
			.containerFlash div.FlashWhite, .containerText div.FlashWhite,	.imageWhite, .columnProductCont div.FlashWhite { display: block;}
			.containerFlash div.FlashBlack, .containerText div.FlashBlack, .imageBlack, .columnProductCont div.FlashBlack { display: none;}
			
			#Black .containerFlash div.FlashWhite, #Black .containerText div.FlashWhite, #Black .imageWhite, #Black .columnProductCont div.FlashWhite { display: none;}
			#Black .containerFlash div.FlashBlack, #Black .containerText div.FlashBlack, #Black .imageBlack, #Black .columnProductCont div.FlashBlack { display: block;}
			
		.containerFlash p {
			float: left;
			padding-left: 30px;
			margin-top: 55px;
			width: 100%;
			font-size: 8pt;}
			
			.containerFlash p a {
			font-size: 8pt;}
		
	.containerText {
		float: left;
		margin-top: -15px;
		padding-left: 30px;
		width: 510px;}
		
		.containerTextHome { margin-top: 20px;}
		.containerTextProduct { width: 545px;}
		
	.containerTextLarge {
		float: left;
		padding-left: 4%;
		width: 680px;}
		
		.containerText h1 {
			float: left;
			width: 60%;
			color: #FF4F10;
			font-size: 16pt;
			font-weight: normal;}
		
		.containerText h2 {
			float: left;
			margin-top: 30px;
			width: 100%;
			color: #FF4F10;
			font-size: 13pt;
			font-weight: normal;}
			
			.containerText h2.containerTextFirst { margin-top:0;}
			
		.containerText p.fecha {
			float: right;
			margin-top: 5px; 
			width: 35%;			
			font-size:9pt;
			line-height: 16pt;
			color: #B2B2B2;}
			
			#Black .containerText p.fecha,
			#Black .containerTextLarge p.fecha{ color: #BFBFBF;}
			
		.containerText p {
			float: left;
			margin-top: 10px; 
			width: 90%;			
			font-size:10pt;
			line-height: 16pt;}
			
			#Black .containerText p,
			#Black .containerTextLarge p{ color: #BFBFBF;}
			
		.containerText p strong {font-weight: normal; color: #474747;}
		.containerText p a {color: #919294;}
			
			#Black .containerText p a { color: #BFBFBF;}
			#Black .containerText p strong { color: #fff;}
			
		.containerText ul.vinieta {
			float: left;
			padding: 0;
			margin: 10px 0 20px 0;
			width: 100%;
			background: none;}
			
			.containerText ul.vinieta li {
				float: left;
				padding-bottom: 5px;
				width: 90%;			
				font-size:10pt;
				line-height: 16pt;
				padding-left: 10px;
				color: #919294;
				background: url(../images/body/vinieta_orange.png) no-repeat;
				background-position: 0 7px;}
				
				#Black .containerText ul.vinieta li { color: #BFBFBF;}
				
				.containerText ul.vinieta li p { float: left; width: auto; padding: 0; margin: 0; padding-right: 10px; width: 60%;}
				
				.containerText ul.vinieta li .butSmall { margin-top: 2px;}
				
				.containerText ul.vinieta li .butSmall p { height: 15px; padding-top: 1px; line-height: normal; padding-right: 0; width: auto;}
			
			
	/* containerNews *********************/
			
	.containerNews {
		float: left;
		width: 100%;}
			
		.containerNews li {
			float: left;
			width: 100%;
			margin-bottom: 50px;}
			
	.containerClient {
		float: left;
		width: 230px;}
	
		.containerClient h2 { margin-bottom: 10px;} 
		
			
	/* containerBanner *********************/
	
	.containerBanner { 
	float: left;
	padding-left: 15px;
	width: 760px;
	margin-top: -20px;}
	
		.containerBanner a { float: left; width: auto; margin:0; padding: 0; padding-right: 15px;}
		
	/* columnSeparator *********************/
		
	.columnSeparator {
	float: left;
	width: 100%;
	height: 1px;
	font-size: 0;
	padding: 0; 
	margin: 0;
	border-top: 1px solid #C8C8C8;}
	
	/* Keywords *********************/
	
	#Keywords { 
	display: block;
	margin-top: -135px;
	width: 100%;
	position:relative;
	z-index:1;}
	
		.containerBanner #Keywords { float: left; width: 25%;}
		
		#Keywords h2 { padding-top: 10px;}
		
		#Column #Keywords h2 { padding-top: 20px; *margin-top: 135px;}
		
		#Keywords .keywordsContent {
			float: left;
			width: 100%;
			margin-top: 10px;
			font-family: Georgia, serif;
			font-style: italic;
			font-size: 8pt;
			line-height: 16pt;
			color: #9B9C9E;}
			
			#Column #Keywords .keywordsContent { line-height: 14pt;}
	
		#Keywords .keywordsContent a {
			float: none;
			margin: 0;
			padding: 0;
			display:inline;
			width: auto;
			font-family: Georgia, serif;
			font-style: italic;}
		
		#Keywords .keywordsContent a.small {
			font-size: 8pt;
			color: #9B9C9E;}
			
		#Keywords .keywordsContent a.medium {
			font-size: 12pt;
			color: #696969;}
			
			#Column #Keywords .keywordsContent a.medium { font-size: 10pt; letter-spacing:0;}
			
		#Keywords .keywordsContent a.big {
			font-size: 13pt;
			color: #FF4F10;}
			
			#Column #Keywords .keywordsContent a.big { font-size: 11pt;}
			
/* como trabajamos */

.containerWide {
	float: left;
	padding-left: 4%;
	width: 95%;}
	
	.quienesSomos { padding-left: 2%; padding-bottom: 15px;}
	

.containerTextColumnLeft {
	float: left;
	width: 359px;}
	
	.quienesSomos .containerTextColumnLeft,
	.mapaSitio .containerTextColumnLeft{
	width: 330px;
	padding-top: 15px;
	padding-left: 15px;
	background: url(../images/body/itemBack.png) no-repeat;}
	
	.mapaSitio .containerTextColumnLeft { width: 95%; margin-top: 15px;}
	
	#Black .quienesSomos .containerTextColumnLeft,
	#Black .mapaSitio .containerTextColumnLeft { background-image: url(../images/body/itemBackBlack.png);}
	
.containerTextColumnRight {
	float: right;
	width: 305px;
	text-align: center;}
	
	.quienesSomos .containerTextColumnRight { 
	padding-top: 15px;
	text-align: left;
	width: 330px;}
	
	.containerTextColumnRight .flashWhite { display: block; }
	.containerTextColumnRight .flashBlack { display: none; }
	#Black .containerTextColumnRight .flashWhite { display: none;}
	#Black .containerTextColumnRight .flashBlack { display: block;}
	
	.containerTextColumnRight .flashComoTrabajamos { margin-top: 60px;}
	
	.containerTextColumnLeft h4,
	.containerTextColumnRight h4{ color:#333; font-weight: normal; font-size: 13pt; margin-bottom: 15px; text-align: left;}
	
	#Black .containerTextColumnLeft h4,
	#Black .containerTextColumnRight h4{ color:#CCCCCC;}
	
	.containerTextColumnLeft p, 
	.quienesSomos .containerTextColumnRight p { padding-bottom: 20px; width: 100%;}
	
	.containerTextColumnLeft p.black { color:#333;}
	#Black .containerTextColumnLeft p.black{ color:#CCCCCC;}
	
	.containerTextColumnLeft h3,
	.containerTextColumnRight h3 { font-size: 13pt; font-weight: normal; width: 70%; padding: 0 0 5px 0;}
	
	.quienesSomos .quienesSomosModulos {
		float: left;
		clear: left;
		margin-bottom: 10px;
		width: 100%;
		padding-bottom: 10px;
		border-bottom: 1px solid #E1E1E1;}
		
		.quienesSomos .quienesSomosModulos img,
		.quienesSomos .quienesSomosModulos object { float: left;}
		
		.quienesSomos .quienesSomosModulos p { width: 55%; padding-left: 10px; padding-bottom: 10px;}
		
		.quienesSomos .quienesSomosModulos a.butSmall { float: right;}
	 
/* como trabajamos */

.comoTrabajamosPasos {
	float: left;
	width: 359px;}
	
	.comoTrabajamosPasos li {
		margin-bottom: 15px;
		float: left;
		padding-bottom: 10px;
		width: 100%;
		background: url(../images/body/recuadroPasosBottom.png) no-repeat bottom left;}
		
		.comoTrabajamosPasos li div {
			float: left;
			padding-top: 10px;
			width: 100%;
			background: url(../images/body/recuadroPasosTop.png) no-repeat;}
			
			#Black .comoTrabajamosPasos li div {background-image: url(../images/body/Black_recuadroPasosTop.png);}
			#Black .comoTrabajamosPasos li {background-image: url(../images/body/Black_recuadroPasosBottom.png);}
			
		.comoTrabajamosPasos li div span {
			float: left;
			width: 19px;
			font-weight: bold;
			color: #fff;
			text-align: center;}
			
		.comoTrabajamosPasos li div p {
			float: left;
			padding-left: 10px;
			padding-bottom: 0;
			margin-bottom: 0;
			width: 90%;
			color: #4D4D4D;}
			
			#Black .comoTrabajamosPasos li div p { color:#999999;}
	
	
/* containerColumn ******************************************************/

	.containerColumn {
		float: right;
		width: 210px;}
		
	.containerGrayBox {
		float: left;
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 30px;
		background: url(../images/body/recuadroGrisBottom.png) no-repeat bottom;}
		
		#Black .containerGrayBox {background-image: url(../images/body/Black_recuadroGrisBottom.png)}
		
		.containerGrayBox div {
			float: left;
			width: 100%;
			padding-top: 10px;
			background: url(../images/body/recuadroGrisTop.png) no-repeat;}
			
			#Black .containerGrayBox div {background-image: url(../images/body/Black_recuadroGrisTop.png)}
			
			.containerGrayBox ul {
				float: left;
				padding: 0 0 0 5%;
				background: #909192 url(../images/body/recuadroGrisBack.png) repeat-x;
				width: 95%;
				*width: 94.9%;}
				
				.containerGrayBox ul.newsScroll {
					height: 220px;
					overflow-y: scroll; 
					overflow-x: hidden;}
				
				#Black .containerGrayBox ul {
					background-image: url(../images/body/Black_recuadroGrisBack.png);
					background-color: #666769;}
				
				.containerGrayBox ul li {
					float: left;
					padding-bottom: 5px;
					width: 94%;
					padding-left: 5%;
					background: url(../images/body/vinieta.png) no-repeat;
					background-position: 0 5px;
					color: #fff;}
					
					.containerGrayBox ul li.title { background: none; padding-left: 0; padding-bottom: 10px;}
					
					.containerGrayBox ul li h3,
					.containerGrayBox ul li a,
					.containerGrayBox ul li p {
						float: left;
						clear: left;
						width: 98%;
						color: #fff;}
						
					.containerGrayBox ul li h3 { font-size: 11pt; font-weight: normal;}
						
						.containerGrayBox ul li p { font-size: 7.5pt; color: #E6E6E6; margin-top: -3px; }
						
.containerGrayBigBox {
	float: left;
	margin-top: 15px;
	width: 457px;
	padding-right: 13px;
	background: url(../images/body/recuadroGrisBigRight.png) no-repeat right top;}	
	
	#Black .containerGrayBigBox {background-image: url(../images/body/Black_recuadroGrisBigRight.png);}
	
	.containerGrayBigBox div {
		float: left;
		width: 457px;
		background: url(../images/body/recuadroGrisBigBack.png) repeat-x;}
		
		#Black .containerGrayBigBox div {background-image: url(../images/body/recuadroGrisBigBack.png);}
		
		.containerGrayBigBox div div {
		float: left;
		padding-left: 13px;
		padding-top: 10px;
		width: 444px;
		background: url(../images/body/recuadroGrisBigLeft.png) no-repeat;
		height: 210px;
		text-align: center;}
		
		#Black .containerGrayBigBox div div { background-image: url(../images/body/Black_recuadroGrisBigLeft.png); }
		
		.containerGrayBigBox div div p.item,
		#Black .containerGrayBigBox div div p.item {
			margin: 0;
			color: #fff;
			padding-left: 10px;
			background: url(../images/body/vinieta.png) no-repeat;
			background-position: 0 7px;
			text-align: left;}
			
		.containerGrayBigBox div div img { margin-top: 15px;}
	
			
			
/* orangeBox *************************/

.orangeBox {
	float: left;
	width: 210px;}
	
	.orangeBox .orangeBoxBottom {
		float: left;
		margin: 0;
		padding:0;
		width: 100%;
		height: 100px;
		background: url(../images/body/recuadroOrangeBottom.png) bottom no-repeat;
		_behavior: url(/styles/iepngfix.htc);}
		
		#Black .orangeBox .orangeBoxBottom {background-image: url(../images/body/recuadroOrangeBottom.png);}
	
	.orangeBox div {
		float: left;
		padding-top: 5px;
		width: 100%;
		background: url(../images/body/recuadroOrangeTop.png) no-repeat;}
		
		#Black .orangeBox div {background-image: url(../images/body/Black_recuadroOrangeTop.png)}
		
		.orangeBox div div {
			width: 90%;
			padding: 0 5%;
			background: #fe5d23 url(../images/body/recuadroOrangeBack.png) repeat-x;}
			
			#Black .orangeBox div div {background-image: url(../images/body/recuadroOrangeBack.png)}
			
			.orangeBox div div h2 {
				margin-bottom: 5px;
				color: #fff;
				font-weight: normal;
				font-size: 11pt;}
				
			.orangeBox div div p.item {
				float: left;
				margin: 3px 0;
				width: 90%;
				padding-left: 10px;
				background: url(../images/body/vinieta.png) no-repeat;
				background-position: 0 5px;
				color: #fff;}
				
			.orangeBox div div p.item a {color: #fff; text-decoration: none;}
				
				.orangeBox div div p.item span { font-size: 10px;}

						
/* recuadroLine *************************************************************/

.recuadroLine {
	float: left;
	width: auto;
	margin-top: 30px;
	padding-right: 20px;}
	
	.recuadroLineConsultoria { padding-right: 0;}
	
	.recuadroLine .recuadroLineTop,
	.recuadroLine .recuadroLineBottom{
		float: left;
		clear: left;
		width: auto;
		padding-right: 10px;
		background: url(../images/body/recuadroLineTopRight.png) no-repeat top right;
		font-size: 0;}
		
		.recuadroLine .recuadroLineBottom { background: url(../images/body/recuadroLineBottomRight.png) no-repeat bottom right;}
		
		#Black .recuadroLine .recuadroLineTop { background-position: right -10px;}
		#Black .recuadroLine .recuadroLineBottom { background-position: right 0;}
		
		.recuadroLine .recuadroLineTop div,
		.recuadroLine .recuadroLineBottom div {
			float: left;
			width: auto;
			padding-left: 10px;
			height: 10px;
			background: url(../images/body/recuadroLineTopLeft.png) no-repeat;
			font-size: 0;}
			
			.recuadroLine .recuadroLineBottom div { background: url(../images/body/recuadroLineBottomLeft.png) no-repeat bottom left;}
			
			#Black .recuadroLine .recuadroLineTop div { background-position: left -10px;}
			#Black .recuadroLine .recuadroLineBottom div { background-position: left 0;}
			
		.recuadroLine .recuadroLineTop div div,
		.recuadroLine .recuadroLineBottom div div {
			float: left;
			width: 100%;
			height: 9px;
			background: none;
			border-top: 1px solid #bebebe;
			font-size: 0;}
			
			.recuadroLine .recuadroLineBottom div div { border-top: none; border-bottom: 1px solid #bebebe;}
			
			.recuadroLineAplicaciones .recuadroLineTop div div,
			.recuadroLineAplicaciones .recuadroLineBottom div div,
			.recuadroLineAplicaciones .recuadroLineContent { width: 260px;}
			.recuadroLineConsultoria .recuadroLineTop div div,
			.recuadroLineConsultoria .recuadroLineBottom div div,
			.recuadroLineConsultoria .recuadroLineContent{ width: 340px;}
			
			.recuadroLineAplicaciones .recuadroLineContent { width: 268px;}
			.recuadroLineConsultoria .recuadroLineContent{ width: 348px;}
			
	.recuadroLine .recuadroLineContent {
		float: left;
		clear: left;
		padding: 0 10px;
		border-left: 1px solid #bebebe;
		border-right: 1px solid #bebebe;}
		
		.recuadroLine .recuadroLineContent h2 {
			float: left;
			width: 100%;
			font-weight: normal;
			color: #767676;}
			
			#Black .recuadroLine .recuadroLineContent h2 {color: #C2C2C2;}
			
		.recuadroLine .recuadroLineContent ul {
			float: left;
			width: 100%;
			margin-top: 10px;}
			
			.recuadroLine .recuadroLineContent ul li {
				float: left;
				margin: 5px 0;
				width: 100%;
				height: 28px;}
				
				.recuadroLine .recuadroLineContent ul li a {
					float: left;
					width: 100%;
					height: 28px;
					font-size: 11pt;
					color: #606060;
					background: url(../images/body/recuadroLineItemBack.png) repeat-x;}
					
					.recuadroLine .recuadroLineContent ul li a span.item {
					float: left;
					width: 100%;
					height: 28px;
					background: url(../images/body/recuadroLineItemRight.png) right top no-repeat;}
					
				.recuadroLine .recuadroLineContent ul li a span.item span {
					float: left;
					width: 100%;
					height: 28px;
					background: url(../images/body/recuadroLineItemLeft.png) no-repeat;}
					
				.recuadroLine .recuadroLineContent ul li a span.item span span {
					float: right;
					width: 97%;
					padding-top: 6px;
					height: 22px;
					background-repeat: no-repeat;
					text-indent: 40px;
					font-size: 11pt;
					color: #606060;
					_behavior: url(/styles/iepngfix.htc);}
					
					.recuadroLineConsultoria .recuadroLineContent ul li a span.item span span { width: 97.5%;}
					
					.recuadroLine .recuadroLineContent ul li.e-commerce a span.item span span {
					background-image: url(../images/icons/commerce.png);}
					.recuadroLine .recuadroLineContent ul li.corporativos a span.item span span {
					background-image: url(../images/icons/corporativos.png);}
					.recuadroLine .recuadroLineContent ul li.e-learning a span.item span span {
					background-image: url(../images/icons/learning.png);}
					.recuadroLine .recuadroLineContent ul li.hotsites a span.item span span {
					background-image: url(../images/icons/hotsite.png);}
					.recuadroLine .recuadroLineContent ul li.web a span.item span span {
					background-image: url(../images/icons/web.png);}
					.recuadroLine .recuadroLineContent ul li.email a span.item span span {
					background-image: url(../images/icons/email.png);}
					.recuadroLine .recuadroLineContent ul li.integraciones a span.item span span {
					background-image: url(../images/icons/integraciones.png);}
					.recuadroLine .recuadroLineContent ul li.diseno_aplicaciones a span.item span span {
					background-image: url(../images/icons/disenio.png);}
					.recuadroLine .recuadroLineContent ul li.sistemas_gestion a span.item span span {
					background-image: url(../images/icons/gestion.png);}
					.recuadroLine .recuadroLineContent ul li.optimizacion a span.item span span {
					background-image: url(../images/icons/optimizacion.png);}
					.recuadroLine .recuadroLineContent ul li.qa a span.item span span {
					background-image: url(../images/icons/qa.png);}
					.recuadroLine .recuadroLineContent ul li.desarrollo a span.item span span {
					background-image: url(../images/icons/desarrollo.png);}
					.recuadroLine .recuadroLineContent ul li.outsourcing a span.item span span {
					background-image: url(../images/icons/outsource.png);}
					
				
				.recuadroLine .recuadroLineContent ul li a:hover {
					text-decoration: none;
					color: #fff;
					background-position: 0 -29px;}
					
					.recuadroLine .recuadroLineContent ul li a:hover span.item {
					background-position: right -29px;}
					
				.recuadroLine .recuadroLineContent ul li a:hover span.item span {
					background-position: left -29px;}
					
				.recuadroLine .recuadroLineContent ul li a:hover span.item span span {
					color: #fff;
					background-position: 0 0;}
					
			#Black .recuadroLine .recuadroLineContent ul li a {
			background-position: 0 -58px; color:#CFCFCF;}
					
			#Black .recuadroLine .recuadroLineContent ul li a span.item {
			background-position: right -58px;}
					
			#Black .recuadroLine .recuadroLineContent ul li a span.item span {
			background-position: left -58px;}
			
			#Black .recuadroLine .recuadroLineContent ul li a span.item span span {
			color: #CFCFCF;
			background-position: 0 0;}
					
			
				#Black .recuadroLine .recuadroLineContent ul li a:hover {
					text-decoration: none;
					color: #fff;
					background-position: 0 -87px;}
					
					#Black .recuadroLine .recuadroLineContent ul li a:hover span.item {
					background-position: right -87px;}
					
				#Black .recuadroLine .recuadroLineContent ul li a:hover span.item span {
					background-position: left -87px;}
					
				#Black .recuadroLine .recuadroLineContent ul li a:hover span.item span span {
					color: #fff;
					background-position: 0 0;}
					
		

						
/* CONTACTO ***********************************************************/

.containerContact {
		float: left;
		padding-left: 4%;
		width: 766px;}
		
		.contactLeft {
			float: left;
			clear: left;
			margin-top: 10px;
			width: 30%;}
			
			.contactLeft .text, .contactLeft p { float: left; width: 100%; }
			
				.contactLeft p.black { color:#333;}
				#Black .contactLeft p.black { color:#CCC;}
			
			.contactLeft h3 { 
			font-size: 11pt;
			margin-top: 30px;
			font-weight: normal; 
			width: 100%; 
			padding-bottom: 5px;}
			
			.contactLeft a { 
			float: left; 
			width: 100%; 
			color: #2f2f2f;}
			
			#Black .contactLeft a { color:#CCC;}
			
		.contactForm {
			float: right;
			padding: 0;
			width: 65%;}
			
			.contactForm label { 
			float: left; 
			clear: left; 
			margin-top: 10px;
			width: 30%;}
			
			#Black .contactForm label { color: #A8A8A8;}
			
			.contactForm label span, .contactForm p span {
				padding: 0 3px;
				font-size: 14px;
				font-weight: bold;
				color: #ff4f10;}
			
			.contactForm .contactInput,
			.contactForm .contactTextarea { 
			float: left;
			margin: 5px 0;
			padding-right: 4px;
			width: auto;
			background: url(../images/body/inputRight.png) no-repeat top right;}
			
				#Black .contactForm .contactInput { background-position: bottom right;}
			
				.contactForm .contactTextarea {
					margin-top: 10px;
					background-image: url(../images/body/textareaRight.png);}
					
					#Black .contactForm .contactTextarea { background-position: bottom right;}
			
				.contactForm .contactInput div,
				.contactForm .contactTextarea div{ 
				float: left;
				padding-left: 4px;
				width: auto;
				background: url(../images/body/inputLeft.png) no-repeat top left;}
				
					#Black .contactForm .contactInput div { background-position: bottom left;}
				
					.contactForm .contactTextarea div {
					background-image: url(../images/body/textareaLeft.png);}
					
					#Black .contactForm .contactTextarea div { background-position: bottom left;}
				
				.contactForm .contactInput input,
				.contactForm select,
				.contactForm .contactTextarea textarea {
					float: left;
					padding: 4px 2px;
					padding-bottom: 0;
					height:19px;
					width: 314px;
					border: none;
					border-top: 1px solid #C8C8C8;
					border-bottom: 1px solid #C8C8C8;
					font-size: 9pt;
					color: #2f2f2f;}
					
					.contactForm select,
					.contactForm input.inputFile { 
					margin-top: 5px;
					width: 325px;
					height: 25px;
					border: 1px solid #C8C8C8;
					background: #fff;}
					
					.contactForm input.inputFile { 
						padding: 4px; 
						height: auto; 
						margin-bottom: 5px;}
					
					.contactForm .contactTextarea textarea  {
						height: 94px;}
						
						
					#Black .contactForm .contactInput input,
					#Black .contactForm select,
					#Black .contactForm .contactTextarea textarea { background: #9b9b9b; color: #fff;}
					
					.contactForm .contactTel {
						float: left;
						width: 322px;}
						
						.contactForm .contactTel p {
							float: left;
							margin-top: 7px;
							width: 10px;
							text-align: center;}
							
							.contactForm .contactTel .contactInput input.contactArea {
							width: 50px;}
							
							.contactForm .contactTel .contactInput input.contactNumber {
							width: 120px;}
							
							.contactForm .contactTel span {
								float: left;
								clear: left;
								width: 100%;
								font-size: 8pt;}
								
								#Black .contactForm .contactTel span { color: #A8A8A8;}
								
					.contactForm .contactButtons {
						float: left;
						clear: left;
						padding-left: 150px;
						margin-top: 15px;
						width: 322px;} 
						
					.pasantiasFlash { margin-top: 30px;}
						
			/* sumate al equipo */
			
			.sumateAlEquipo {
				float: left;
				width: 766px;
				padding-left: 4%;
				padding-bottom: 20px;}
				
				.sumateAlEquipo img { float: left;}
		
				
				.sumateAlEquipo div { float: left; width: 312px; padding-left: 20px;}
				
				.sumateAlEquipo div p { font-size: 10pt;}
				
				.sumateAlEquipo div p strong { color: #333; font-weight: bold;}
				
				.sumateAlEquipo div img { margin-top: 50px;}
				
			/* Mensaje en contacto */
			
			.contactMessage { float: left; width: 100%; margin: 10px 0; text-align: center;}
						
/* PRODUCTS ***********************************************************/

.columnProductCont {
	float: left;
	padding-right: 5%;
	width: 40%;}
	
	.columnProductCont .containerTextProduct {
		float: left;
		width: 100%;}
	
	.columnProductCont .clientButtons {
		padding-left: 15px;}
	
	.columnProductCont .containerProductColumn,
	#Black .columnProductCont .containerProductColumn {
		background: none;
		margin-top: 10px;
		padding-left: 15px;
		margin-bottom: 5px;}
		
	.columnProductCont .containerSubtitles { float: left; padding-left: 25px;}

.containerProduct {
	float: left;
	margin: 45px 0;
	padding-left: 30px;
	width: 100%;}
	
	ul.containerProduct li {
		float: left;
		width: 100%;
		padding-bottom: 30px;
		background: url(../images/body/itemBack.png) no-repeat;}
	
	#Black ul.containerProduct li {background: url(../images/body/itemBackBlack.png) no-repeat;}
		
		ul.containerProduct li a {
			float: left;
			margin-top: 5px;
			padding-top: 5px;
			width: 115px;
			height: 28px;
			font-size: 11px;
			line-height: 13px;
			color: #333333;}
		
		#Black ul.containerProduct li a {color: #FFF;}
		
			ul.containerProduct li a.jira { padding-left: 110px; background: url(../images/body/products/productJira.png) no-repeat;}
			ul.containerProduct li a.confluence { padding-left: 190px; background: url(../images/body/products/productConfluence.png) no-repeat;}
			ul.containerProduct li a.fisheye { padding-left: 145px; background: url(../images/body/products/productFisheye.png) no-repeat;}
			ul.containerProduct li a.crown { padding-left: 145px; background: url(../images/body/products/productCrown.png) no-repeat;}
			ul.containerProduct li a.b2c { padding-left: 145px; background: url(../images/body/products/productB2c.png) no-repeat;}
			ul.containerProduct li a.b2b { padding-left: 145px; background: url(../images/body/products/productB2b.png) no-repeat;}
			ul.containerProduct li a.cms { padding-left: 155px; background: url(../images/body/products/productCms.png) no-repeat;}
			
			#Black ul.containerProduct li a.jira,
			#Black ul.containerProduct li a.confluence,
			#Black ul.containerProduct li a.fisheye,
			#Black ul.containerProduct li a.crown,
			#Black ul.containerProduct li a.b2c,
			#Black ul.containerProduct li a.b2b,
			#Black ul.containerProduct li a.cms { background-position: 0 -33px;}
		
		.containerBannerProduct { padding-left: 15px;} 
		.containerBannerProduct a { padding-right: 15px;}	
		.containerBannerProduct a.lastBanner { padding-right: 0;}
		
		.containerTextProduct .containerTextVinietas p,
		#Black .containerTextProduct .containerTextVinietas p{
			float: left;
			padding: 0;
			margin: 0;
			padding-left: 8px;
			padding-right: 15px;
			width: auto;
			color: #FF4F10;
			background: url(../images/body/vinieta_orange.png) no-repeat 0 8px;}
		
		.containerProductColumn {
			float: left;
			margin-top: 20px;
			margin-bottom: 30px;
			padding-top: 5px;
			padding-left: 45px;
			width: 280px;
			background: url(../images/body/products/productBack.png) no-repeat;
			background-position: 30px top;}
		
		#Black .containerProductColumn {background-image: url(../images/body/products/productBackBlack.png);}
		
		.containerProductColumn p { float: left; clear: left; padding-bottom: 5px; width: 95%;}
		
		.containerProductColumn ul li { float: left; clear: left; width: 100%; padding-bottom: 5px;}
		.containerProductColumn ul li p {float: left; clear: none; padding:0; padding-left: 6px; width: 85%;}
		.containerProductColumn ul li img {float: left;}
	
/* CASOS DE EXITO *****************************************************/

.containerCasos {
	float: left;
	padding-left: 20px;
	width: 95%;}
	
	.containerCasos ul {
		float: left;
		width: 100%;}
		
		.containerCasos li {
			float: left;
			width:45%;
			padding: 15px;
			height: 120px;
			background: url(../images/body/itemBack.png) no-repeat;}
			
			#Black .containerCasos li { background-image: url(../images/body/itemBackBlack.png) }
			
			.containerCasos li img { float: left; margin-bottom: 5px;}
			
			.containerCasos li div { 
			float: left;
			padding-left: 10px;
			width: 30%; }
			
			.containerCasos li div.large {  width: 60%; margin-top: 10px;}
				
				.containerCasos li div.large a { padding-left: 10px;}
			
			.containerCasos li ul { margin-bottom: 10px;}
			
			.containerCasos li ul li {
				clear: left;
				padding: 0;
				padding-left: 10px;
				width: 90%;
				height: auto;
				background: url(../images/body/vinietaGray.png) no-repeat;
				background-position: 0 6px;
				font-size: 9pt;
				color: #A3A3A3;}
				
				#Black .containerCasos li ul li { background-image: url(../images/body/vinietaGray.png) }
				
				
			img.imgWhite { display: block;}
			img.imgBlack { display: none;}
			#Black img.imgWhite { display: none;}
			#Black img.imgBlack { display: block;}
			
			
/* CLIENTES *****************************************************/

.containerClientList {
	float: left;
	width: 100%;
	padding-bottom: 10px;}
	
	#Black .containerClientList {
		background: url(../images/body/Black_clients_Bottom.png) no-repeat bottom right;}
	
	.clientLogoBlack {
		float: left;
		width: 150px;
		padding-top: 10px;}
		
		.clientLogoBlack div {
			float:left;
			padding-top:2px;
			width: 100%;}
			
			#Black .clientLogoBlack {
				background: url(../images/body/Black_clientLogoTop.png) no-repeat;}
				
			#Black .clientLogoBlack div {
				background: #fff url(../images/body/Black_clientLogoBottom.png) no-repeat bottom left;}
	
	.containerClientList div {
		float: right;
		padding-top: 10px;
		width: 766px;
		}
		
		#Black .containerClientList div {background: #fff url(../images/body/Black_clients_Top.png) no-repeat right top;}
	
	
	.containerClientList ul { float: left; width: 100%;}
	
	.containerClientList li {
		float: left;
		clear: none;
		padding-left: 20px;}
		
		.containerClientList li div,
		#Black .containerClientList li div {
			float: left;
			width: 169px;
			text-align: center;
			background: none;}
			
			.containerClientList li div a { 
			float: left; 
			width:100%;
			padding-top: 15px;
			height: 100px; 
			background: url(../images/body/clientsBack.png) no-repeat;}
			
			.containerClientList li div a span {
				float: left;
				margin-top: 5px;
				width: 100%;
				text-align: center;
				color: #fff;
				font-size: 9pt;}
				
				.containerClientList li div a:hover {background-position: 0 -120px; _background: url(../images/body/clientsBack.png) no-repeat;}
				
				.containerClientList li div a:hover span,
				.containerClientList li div a:hover {color: #3D3D3D; text-decoration: none;}
				

.client {
	float: left;
	padding-left: 20px;
	width: 95%;}
	
	.client ul {
		float: left;
		width: 100%;}
		
		.client li {
			float: left;
			padding-top: 15px;
			padding-left: 15px;
			width:98.5%;
			background: url(../images/body/itemBack.png) no-repeat;}
			
			#Black .client li { background-image: url(../images/body/itemBackBlack.png); }
			
			.client li .clientImages { 
				float: left;
				width: 175px;
				text-align: center;}
			
				.client li .clientImages img { float: left;}
				
				.client li .clientImages img.clientLogo { float: none; margin: 0 auto; margin-bottom: 10px;}
				
				.client li .clientImages .clientSeparator { display:block; height: 30px;}
			
		
			.client li .clientDescription {
				float:left;
				padding: 0 15px;
				width: 40%;}
				
				.client li .clientDescription p { margin-top: 10px; color: #666; }
				
					#Black .client li .clientDescription p { color: #BCBCBC;}
				
				.client li .clientDescription a p { color: #fff;}
				
				.client li .clientDescription .clientButtons,
				.columnProductCont .containerProduct .clientButtons {
					float: left;
					clear: left;
					width: 100%;
					margin-top: 15px;}
					
				.columnProductCont .containerProduct .clientButtons { margin-top: -5px; width: 90%;}
					
				.columnProductCont .containerProduct .clientButtons a { width: auto; height: 16px; background-position: right top; padding-top: 0;}
				.columnProductCont .containerProduct .clientButtons a:hover { background-position: right bottom;}
				
					.client li .clientDescription .clientButtons p,
					.columnProductCont .containerProduct .clientButtons p { margin: 0;}
					
					.client li .clientDescription .clientButtons a.clientLink,
					.columnProductCont  .containerProduct li .clientButtons a.clientLink { padding-left: 10px;}
					
						#Black .client li .clientDescription .clientButtons .butSmall p,
						#Black .columnProductCont .containerProduct .clientButtons .butSmall p { color: #2f2f2f;}
					
			.client li .containerColumn {
				float: right;
				width: 210px;
				margin-top: 5px;}
				
				.client li .containerColumn .containerGrayBox ul { width:95%;}
						
					.client li .containerColumn .containerGrayBox ul li {
					width: 150px;
					padding: 5px 10px; 
					padding-right: 0;
					background-position: left 10px;}
					
					#Black .client li .containerColumn .containerGrayBox ul li { background-image: url(../images/body/vinieta.png);}
					
					.client li .containerColumn .containerGrayBox ul li.title { padding-left: 0;}
					
						#Black .client li .containerColumn .containerGrayBox ul li.title { background: none;}
					
					.client li .containerColumn .containerGrayBox ul li a { color: #fff;}
					
					.client .clientDescriptionWork { margin-top: 25px;}
					
						.client .clientDescriptionWork h3 { font-size: 10pt; margin-bottom: 10px;}
						
						.client .clientDescriptionWork a {
							margin-top: 5px; font-size: 9pt; display: block;}
					
				/* CASOS DE EXITO */
				
				.client li.buttonsCasos { 
				margin-top: 10px; 
				background:none; }
				
				.client li.buttonsCasosTicketek { margin-top: -45px;}
				
				#Black .client li.buttonsCasos { background: none;}
				
				.buttonsCasos a {
					float: left;
					width:auto;
					height: 40px;
					_behavior: url(/styles/iepngfix.htc);}
					
					.buttonsCasos a.butOrangeBigPdf {
						clear: left;
						display: block;
						background: url(../images/buttons/casosPDF.png) no-repeat;
						width: 175px;}
					
					.buttonsCasos a.butOrangeBigContacto {
						margin-left: 15px;
						background: url(../images/buttons/casosContacto.png) no-repeat;
						width: 260px;}
				
		
/* COLUMN *************************************************************/


.columnClients {
	float: left;
	margin-top: 25px;
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px solid #C8C8C8;}
	
	.columnClients h2 {
		float: left;
		padding-bottom: 15px;
		width: 100%;}
		
.columnNews {
	float: left;
	margin-top: 20px;
	width: 100%;
	padding-bottom: 20px;}
	
	.columnNews h2 { width: 50%;}
	
	.columnNews .butSmall { float: right;}
	
	.columnNews li {
		float: left;
		clear: left;
		width: 100%;
		margin: 15px 0 0 0;}
		
		.columnNews li p, .columnNews li p a { font-size: 8pt; line-height: 12pt;}
		
		.columnNews li p a {color: #474747;}
		
			#Black .columnNews li p a {color: #fff;}
		
		.columnNews li .butSmall { float: left; margin-top: 10px;}

/* FOOTER ****************************************************************/

	
	#Footer .footerLeft {
		float: left;
		padding: 15px 55px;
		padding-right: 0;
		width: 285px;
		border-right: 1px solid #E1E1E1;
		background: url(../images/footer/ids_small.png) no-repeat;
		background-position: 0 20px;}
		
		#Black #Footer .footerLeft {
			background-image: url(../images/footer/Black_ids_small.png);
			border-right: 1px solid #000;}
	
	#Footer .footerRight {
		float: left;
		padding-top: 15px;
		padding-left: 20px;
		margin-left: -1px;
		padding-bottom: 30px;
		border-left: 1px solid #E1E1E1;
		width: 600px;}
		
		#Black #Footer .footerRight {border-left: 1px solid #444;}

	.footerLeft p { float: left; width: 100%; font-size: 8pt; color: #818285;}
	
		.footerLeft p.gray { margin-bottom: 3px; color: #919294;}
		
		.footerLeft .butSmall { margin-top: 10px; margin-right:10px;}
		
	.footerRight ul {
		float: left;
		clear: none;
		margin-right: 30px;
		width: auto;}
		
		.footerRight ul.columnRight { margin-right: 0;}
		
		.footerRight li { 
		float: left;
		clear: left; 
		width: auto;}
		
		.footerRight li a { font-size: 8pt; line-height: normal; width: auto;}
			
			.footerRight li h3 { }
			
	.footerRight li h3 a,
	.footerRight li h3 {		
	font-weight: bold;
	color: #FF4F10;
	float: left;
	font-size: 9pt; 
	padding-bottom: 1px; 
	font-weight: normal; 
	width: auto;}		
	
	
	.footerRight a.footerCace { float: right; margin-bottom: 10px;}

	
/* BOTONES */

	/* botones alto contraste */
	
	.butLighted {
		float: left;
		width: auto;
		padding-right: 4px;
		background: url(../images/buttons/bot_black_right.png) no-repeat right top;}
		
		#Black .butLighted {background-image: url(../images/buttons/bot_white_right.png)}
		
		.butLighted div {
			float: left;
			width: auto;
			padding-left: 4px;
			background: url(../images/buttons/bot_black_left.png) no-repeat;}
			
			#Black .butLighted div {background-image: url(../images/buttons/bot_white_left.png)}
		
		.butLighted p {
			float: left;
			width: auto;
			padding: 4px;
			padding-bottom: 0;
			height: 20px;
			background: #333434;
			color: #CCC;
			font-size: 9pt;
			font-weight: bold;}
			
			#Black .butLighted p { background: #fff; color: #666;}
			
		.butLighted:hover, .butLighted:hover p { text-decoration: none; color: #fff;}
		
			#Black .butLighted:hover p { color: #000;}
		
	/* botones chicos */
	
	.butSmall  {
		float: left;
		width: auto;
		padding-right: 4px;
		background: url(../images/buttons/bot_gray_right.png) no-repeat right top;
		height: 16px;}
		
		#Black .butSmall { background-image: url(../images/buttons/bot_Black_gray_right.png);}
		
		.butSmall div,
		.containerCasos li div .butSmall div  {
			float: left; 
			width: auto;
			padding-left: 4px;
			background: url(../images/buttons/bot_gray_left.png) no-repeat;
			font-size:0;}
			
			#Black .butSmall div { background-image: url(../images/buttons/bot_Black_gray_left.png);}
		
		.butSmall p,
		.quienesSomos .quienesSomosModulos a.butSmall p {
			float: left;
			display: block;
			width: auto;
			margin: 0;
			padding: 0;
			height: 16px;
			background: #b6b6b6;
			color: #fff;
			font-size: 8pt;
			overflow: hidden;}
			
			#Black .butSmall p { background: #E0E0E0; color: #2f2f2f;}
			
		.butSmall:hover, .butSmall:hover p { text-decoration: none; }
		.butSmall:hover { background-position: right bottom;}
		.butSmall:hover div,
		.containerCasos li div .butSmall:hover div { background-position: left bottom;}
		.butSmall:hover div p,
		.quienesSomos .quienesSomosModulos a.butSmall:hover p{ background:#9e9e9e;}
		
			#Black .butSmall:hover div p,
			#Black .quienesSomos .quienesSomosModulos a.butSmall:hover p{ background:#fff;}
			
	/* botones grandes */
			
	.butGrayBig {
		float: left;
		width: auto;
		padding-right: 4px;
		background: url(../images/buttons/bot_grayBig_right.png) no-repeat right top;
		height: 28px;}
		
		.butGrayBigRight { float: right;}
		
		#Black .butGrayBig { background-image: url(../images/buttons/bot_Black_grayBig_right.png);}
		
		.butGrayBig div {
			float: left; 
			width: auto;
			padding-left: 4px;
			background: url(../images/buttons/bot_grayBig_left.png) no-repeat top left;
			font-size:0;}
			
			#Black .butGrayBig div { background-image: url(../images/buttons/bot_Black_grayBig_left.png);}
		
		.butGrayBig p {
			float: left;
			width: auto;
			padding: 4px 5px;
			padding-bottom: 0;
			height: 24px;
			background: url(../images/buttons/bot_grayBig_back.png) repeat-x;
			color: #606060;
			font-size: 10pt;
			overflow: hidden;}
			
			
		.butGrayBig:hover, .butGrayBig:hover p { text-decoration: none; }
		.butGrayBig:hover { background-position: right bottom;}
		.butGrayBig:hover div { background-position: left bottom;}
		.butGrayBig:hover div p { background-position: left bottom; color: #fff;}
		
		/* botones chicos */
	
	.butOrange {
		float: left;
		width: auto;
		padding-right: 4px;
		background: url(../images/buttons/bot_Orange_right.png) no-repeat right top;
		height: 16px;}
		
		#Black .butOrange { background-image: url(../images/buttons/bot_Black_Orange_right.png);}
		
		.butOrange div {
			float: left;
			margin: 0;
			padding: 0;
			width: auto;
			padding-left: 4px;
			background: url(../images/buttons/bot_Orange_left.png) no-repeat;
			font-size:0;}
			
			#Black .butOrange div { background-image: url(../images/buttons/bot_Black_Orange_left.png);}
		
		.butOrange p {
			float: left;
			width: auto;
			margin: 0;
			padding: 0;
			padding-bottom: 0;
			height: 16px;
			background: #fa4f10;
			color: #fff;
			font-size: 8pt;
			overflow: hidden;}
			
			
		.butOrange:hover, .butOrange:hover p { text-decoration: none; }
		.butOrange:hover { background-position: right bottom;}
		.butOrange:hover div { background-position: left bottom;}
		.butOrange:hover div p { background:#e83300;}
		
/* Version Ingles */

.englishFlash {margin-top: -130px; margin-bottom: 50px;}

/* Mapa del sitio */

a.linkMapa { float: left; margin-top: 10px; font-size: 11px; width: 90px;}

.mapaSitio ul { float: left; width: 100%;}

.mapaSitio li { float: left; width: auto; padding-right: 20px; }

.mapaSitio li a { display: block; width: auto; clear: left; margin-bottom: 5px;}

	.mapaSitio li a.orange { color: #FF4F10; font-size: 11pt; margin-bottom: 10px; }
	.mapaSitio li a.grey {}

	.mapaSitio li a.black { color: #4D4D4D; font-size: 11pt;}
	
	#Black .mapaSitio li a.black { color: #fff; font-size: 11pt;}
	
	#Black .mapaTitle { display: none;}
	#Black .mapaTitleBlack { display: block;}
	.mapaTitleBlack { display: none;}

/* FacebookBox */

.facebookBox { float: left; width: 100%; margin-top: 20px; border-top: 1px solid #c8c8c8;}

.bannerMicrositios {
	margin-bottom: 35px;
	margin-top: -30px;}