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

/*png fix*/ 
img, div, input, a, table, td, ul, li { behavior: url("js/iepngfix.htc") }

/* Reset */

html, body, div, span, h1, h2, h3, h4, h5, h6, p,
a, em, font, img, strong, b, u, i, center,
dl, dt, dd, ol, ul, li, form, label, 
table, caption, tbody, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

/*  Tags */

body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF url(../img/bg_body.gif) repeat-x 0px 0px;
	color: #666666;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration:none;
}
a:HOVER {
	color:#FF7300 !important;
}
p {
	font-size:11px;
	/*line-height:15px;*/
	margin-bottom:10px;
	color:#666;
}
p a {
	color:#084F60;
	text-decoration:underline
}
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
}

/* Common Classes */
.clr {
	clear: both;
}
li.last {
	border: none !important;
	background-image:none
}
.naranja {
	color:#ff7300;
}
.naranja a{
	color:#ff7300;
	text-decoration:none;
}
.azul {
	color:#084F60;
}
.collabNetLogo {
	background:url(../img/logo_collaNet.gif) no-repeat top left;
	padding-top:39px;
	width:164px;
	height:0px;
	overflow:hidden;
	display:block;
}
.citiLogo {
	background:url(../img/logo_citi.gif) no-repeat top left;
	padding-top:26px;
	width:40px;
	height:0px;
	overflow:hidden;
	display:block;
}

.mail {
	background: url(../img/icon_mail.gif) no-repeat top left;
	padding-left: 23px;
}
.otherSite {
}

.imgRight {
	float: right;
	margin: 0px 0px 20px 20px;
}

a.seeMore {}
.subtext {
	font-style:italic;
}

.hidden {
	display: none;
}


/* Listas especiales Seccion Filosofia */

/* filosofia */
#textArea ul#philo {
	list-style-type: none;
	font-size: 9pt;
	}

#textArea ul#philo li {
 	background-image: none;
	position: relative;
	padding: 5px 5px 8px 30px;
	height: 32px;
	line-height: 12pt;
	margin: 0px;
	
	}

#textArea ul#philo li div {
	width: 32px;
	height: 32px;
	position: absolute;
	left: -10px;	
	}
		
#textArea ul#philo li.one,
#textArea ul#philo li.three,
#textArea ul#philo li.five {
	background-color: #eee;
	}
	
#textArea ul#philo li.one div {
	background: url(../img/philo_01.png) no-repeat;
	}
	
ul#philo li.two div {
 	background: url(../img/philo_02.png) no-repeat left;
	}
	
ul#philo li.three div{
	background: url(../img/philo_03.png) no-repeat left;
	}
	
ul#philo li.four div {
	background: url(../img/philo_04.png) no-repeat left;
	}	

ul#philo li.five div {
	background: url(../img/philo_05.png) no-repeat left;
	}

/* Principios */

#textArea ul#philo li.list_ppios_2 {
	background-color: #eee;
	}
	
#textArea ul#philo li.list_ppios div,
#textArea ul#philo li.list_ppios_2 div {
	background: url(../img/ppios_01.png) no-repeat left;
	}


/*
.citiLogo {
	background:url(../img/logo_citi.gif) no-repeat 3px 3px;
	padding-top:32px;
	width:46px;
	height:0px;
	overflow:hidden;
	display:block;
	border: 1px solid #CCCCCC;
}
*/

/********** Hidden tags ***********/

/********** Services Graphic ***********/

#hidden_services,
#hidden_services_en {
	padding-top: 271px;
	height: 0px;
	overflow: hidden;
	width: 435px;
	margin-top: 20px;
	}
	
#hidden_services {
	background: url(../img/services_s.jpg) no-repeat left;
	}
	
#hidden_services_en {
	background: url(../img/services_e.jpg) no-repeat left;
	}
	
	

/********** Technology Graphic ***********/

#hidden_techno,
#hidden_techno_en {
	padding-top: 492px;
	height: 0px;
	overflow: hidden;
	width: 435px;
	}
	
#hidden_techno {
	background: url(../img/technologies_s.jpg) no-repeat left;
	}
	
#hidden_techno_en {
	background: url(../img/technologies_e.jpg) no-repeat left;
	}

/********** QA Graphic ***********/

#hidden_qa,
#hidden_qa_en {
	padding-top: 384px;
	height: 0px;
	overflow: hidden;
	width: 435px;
	}
	
#hidden_qa {
	background: url(../img/qa_s.jpg) no-repeat left;
	}
		
#hidden_qa_en {
	background: url(../img/qa_e.jpg) no-repeat left;	
	}

/********** Solutions implementations Graphic ***********/

#hidden_solutionsimp,
#hidden_solutionsimp_en {
	padding-top: 375px;
	height: 0px;
	overflow: hidden;
	width: 385px;
	margin-left: 20px;
	}
	
#hidden_solutionsimp {
	background: url(../img/solutions_s.jpg) no-repeat left;
	}
		
#hidden_solutionsimp_en {
	background: url(../img/solutions_e.jpg) no-repeat left;	
	}

/********** Products csvn Graphic ***********/

#hidden_csvn,
#hidden_csvn_en {
	padding-top: 154px;
	height: 0px;
	overflow: hidden;
	width: 320px;
	margin:20px 20px 20px 50px;
	}
	
#hidden_csvn {
	background: url(../img/products_csvn_graphic_s.gif) no-repeat left;
	}
		
#hidden_csvn_en {
	background: url(../img/products_csvn_graphic_e.gif) no-repeat left;	
	}
	

/********** Products ccubit Graphic ***********/

#hidden_ccubit,
#hidden_ccubit_en {
	padding-top: 278px;
	height: 0px;
	overflow: hidden;
	width: 422px;
	margin: 20px 20px 20px 20px;
	}
	
#hidden_ccubit {
	background: url(../img/products_lm_graphic_s.gif) no-repeat left;
	}
		
#hidden_ccubit_en {
	background: url(../img/products_ccubit_graphic_e.gif) no-repeat left;	
	}
	
/********** Products csfe Graphic ***********/

#hidden_csfe,
#hidden_csfe_en {
	padding-top: 254px;
	height: 0px;
	overflow: hidden;
	width: 386px;
	margin: 20px 20px 20px 5px;
	}
	
#hidden_csfe {
	background: url(../img/products_ctf_graphic_s.gif) no-repeat left;
}
		
#hidden_csfe_en {
	background: url(../img/products_ctf_graphic_e.gif) no-repeat left;	
	}


/********** Products Graphic ***********/

#hidden_products,
#hidden_products_en {
	padding-top: 198px;
	height: 0px;
	overflow: hidden;
	width: 435px;
	margin-top: 20px;
	position: relative;
	}
	
#hidden_products {
	background: url(../img/products_s.jpg) no-repeat left;
	}
		
#hidden_products_en {
	background: url(../img/products_e.jpg) no-repeat left;	
	}
	
#hidden_products a.first,
#hidden_products_en a.first {
	display: block;
	padding-top: 125px;
	height: 0px;
	overflow: hidden;
	width:130px;
	position:absolute;
	left:14px;
	top:58px;
	}

#hidden_products a.second,
#hidden_products_en a.second {
	display: block;
	padding-top: 125px;
	height: 0px;
	overflow: hidden;
	width:130px;
	position:absolute;
	left:152px;
	top:58px;
	}
	
#hidden_products a.third,
#hidden_products_en a.third {
	display: block;
	padding-top: 125px;
	height: 0px;
	overflow: hidden;
	width:125px;
	position:absolute;
	left:292px;
	top:58px;
	}
	
	
/********** Products CTF Graphic ***********/

.products-ctf-bg {
	background: url(../img/collabnet_teamforge_bg.jpg) no-repeat left;
	width: 430px;
	height: 410px;
	margin-top: 10px;
}

#textArea .products-ctf-bg,
#textArea .products-ctf-bg a {
	color: #ffffff;
	}
	
#textArea .products-ctf-bg ul li {
	padding-left: 10px;
	margin-bottom: 5px;
	background: url(../img/bullet_white.png) no-repeat 0px 6px;
} 

.products-ctf-text-1 {
	padding-top: 70px;
	padding-left: 38px;
	width: 360px;
	}
	
.products-ctf-text-2 {
	padding-left: 38px;
	}
	
.products-ctf-text-2 ul {
	float: left;
	width: 95px;
	margin-top: 20px;
	}

.products-ctf-text-2 ul.products-graph {
	float: left;
	width: 105px;
	margin-top: 20px;
	}
	
.products-ctf-text-3 {
	clear: both;
	font-size: 15px;
	margin-left: 58px;
	font-weight: bold;
	width: 260px;
	}
	
.products-ctf-text-3-en {
	clear: both;
	font-size: 15px;
	margin-top: 20px;
	margin-left: 58px;
	font-weight: bold;
	width: 260px;
	float: left;
	}
	
.products-ctf-text-4 {
	padding-left: 45px;
	clear: both;
	}
	
#textArea .products-ctf-bg .products-ctf-text-4 ul {
	padding-top: 5px;
	width: 90px;
	float: left;
	}
		
	
.products-ctf-text-5 {
	clear: both;
	font-size: 20px;
	font-weight: bold;
	margin-left: 78px;
	float: left;
	margin-top: 20px;
	} 
	
.products-ctf-text-5-en {
	clear: both;
	font-size: 20px;
	font-weight: bold;
	margin-left: 108px;
	float: left;
	margin-top: 30px;
	} 
	
/***************/
/*    LAYOUT   */
/***************/

#pageWrapper {
	width:772px;
	margin:0 auto;
	text-align:left;
	height:500px;
	background-color:#FFFFFF;
	position:relative;
	background:url(../img/waves_00b.jpg) no-repeat top left #ffffff;
}

/*** Waves Backgrounds ***/

/* B-Vision */
#body01 #pageWrapper {
	background:url(../img/waves_01b.jpg) no-repeat top left #ffffff;
}
/* Servicios y Soluciones */
#body02a #pageWrapper, #body02 #pageWrapper, #body03 #pageWrapper, #body04 #pageWrapper, 
#body05 #pageWrapper, #body06 #pageWrapper, #body07 #pageWrapper {
	background:url(../img/waves_02.jpg) no-repeat top left #ffffff;
}
#body05b #pageWrapper {
	background:url(../img/waves_02b.jpg) no-repeat top left #ffffff;
}
/* Productos */
#body08 #pageWrapper {
	background:url(../img/waves_03.jpg) no-repeat top left #ffffff;
}
/* Clientes */
#body09 #pageWrapper {
	background:url(../img/waves_04.jpg) no-repeat top left #ffffff;
}
/* Contacto */
#body10 #pageWrapper {
	background:url(../img/waves_05.jpg) no-repeat top left #ffffff;
}
/* Carrera */
#body13 #pageWrapper {
	background:url(../img/waves_06.jpg) no-repeat top left #ffffff;
}
/* Otras paginas */
#body11 #pageWrapper, #body12 #pageWrapper, #body14 #pageWrapper, #body15 #pageWrapper {
	background:url(../img/waves_07.jpg) no-repeat top left #ffffff;
}


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

#header {
	height:148px;
}
#header a.bvision {
	display:block;
	position:absolute;
	width:93px;
	height:41px;
	top:81px;
	left:65px;
}
#header ul#topMenu {
	position:absolute;
	right:67px;
	top:108px
}
#header ul#topMenu li {
	display:inline;
	border-right: solid 1px #B2B2B2;
	margin:0px;
	padding:0 3px 0 8px;
	font-size:10px;
}
#header ul#topMenu li a {
	font-size:11px;
	color:#B2B2B2;
}
#header ul#topMenu li.active a {
	color:#FF7300;
}

/* Clientes login popup */

#popups_mask.mask {
	display: none;
	left:0pt;
	position:absolute;
	top:0pt;
	z-index:0;
	height: 1200px !important;
	width: 100%;
	background-color:#ffffff;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}
.panel-container.shadow {
	padding:0px;
}
.panel-container {
	overflow:visible;
	position:absolute;
	visibility:hidden;
	z-index:99;
	background: #F2F3F3 url(../img/loginPopup_bg.gif) repeat-x top center;
	left:35%;
	top:25%;
	width:344px;
	border:solid 1px #d7d7d7;
	padding:8px
	
	/*height: 502px;*/
}
#popupLogin_c.panel-container,
#popupLogin_d.panel-container {
	left:35%;
	top:25%;
	width: 344px;
	/*height: 502px;*/
}
#popupMap_c.panel-container {
	left:17%;
	top:6%;
	width: 825px;
	padding: 10px; 
}
#popupMap_d.panel-container {
	left:25%;
	top:7%;
	width: 615px;
	padding: 10px 10px 10px 10px; 
}
#popupMap_e.panel-container {
	left:21%;
	top:7%;
	width: 726px;
	padding: 10px 10px 10px 10px; 
}
.panel-container .popupHeader a.popupClose {
	position: absolute;
	display: block;
	width: 7px;
	height: 15px;
	top: 3px;
	right: 4px;
	color:#084F60;
}
#pageWrapper #popupMap_c.panel-container,
#pageWrapper #popupMap_d.panel-container,
#pageWrapper #popupMap_e.panel-container {
	left:9%;
	top:10%;
	width: 600px;
	padding: 15px; 
}
.mapCanvas {
	width:600px;
	height:400px;
	/* width:213px;
	height:160px;
	overflow: hidden;*/
}
.mapCanvas div div{
	font-size:12px;
}
#popupMap_c.panel-container img, 
#popupMap_d.panel-container img, 
#popupMap_e.panel-container img {
	clear: both;
	margin-top:15px
}
.panel-container h1 {
	font-size:14px;
	color:#FF7300;
	line-height:18px;
	margin:5px auto 15px;
}
.panel-container .popupClose span {
	font-size:11px;
	font-weight:bold;
}
.panel-container form label {
	font-size:11px;
	width:128px;
	float:left;
	text-align:right;
	margin-bottom:10px;
	margin-left:20px
}
.panel-container form input, .panel-container form p {
	margin-bottom:10px;
	float:left;
	margin-left:10px
}
.panel-container form .formBoxButtons {
	clear:both;
	width:180px;
	height:30px;
	margin-left:110px;
	text-align:center;
}
.panel-container form div.formBoxButtons input.formBtn {
	width: 60px;
	height: 20px;
	margin: 0px 15px 0px 0px !important;
	color:#084F60;
	font-weight: bold;
	text-transform: uppercase;
	display: inline;
}


/************************/
/* MAIN MENU AND BANNER */
/************************/

#mainBanner {
	height: 185px;
	width: 700px;
	margin-left: 33px;
	position: relative;
}
#mainBannerMenu {
	/*height: 180px;*/
	z-index: 99;
	position: absolute;
}
#mainBannerImage {
	height: 181px;
	position: relative;
	z-index: 90;
	background-repeat:no-repeat;
	background-position:0px 26px;
}
#mainBannerImage h2 {
	display: none !important;
}

#body00 #mainBanner {
	height: 212px;
}
#body00 #mainBannerImage {
	top: 28px;
}


/* B-Vision */
#body01 #mainBannerImage {
	background-image: url(../img/b01_s.jpg);
}
#body01.eng #mainBannerImage {
	background-image: url(../img/b01_e.jpg);
}
/* Services - home */
#body02a #mainBannerImage {
	background-image: url(../img/b02a_s.jpg);
}
#body02a.eng #mainBannerImage {
	background-image: url(../img/b02a_e.jpg);
}
/* Desarrollo de soft */
#body02 #mainBannerImage {
	background-image: url(../img/b02b_s.jpg);
}
#body02.eng #mainBannerImage {
	background-image: url(../img/b02b_e.jpg);
}
/* Rev Arq */
#body03 #mainBannerImage {
	background-image: url(../img/b03_s.jpg);
}
#body03.eng #mainBannerImage {
	background-image: url(../img/b03_e.jpg);
}
/* Audit Codigo */
#body04 #mainBannerImage {
	background-image: url(../img/b04_s.jpg);
}
#body04.eng #mainBannerImage {
	background-image: url(../img/b04_e.jpg);
}
/* Imp de Soluciones */
#body05 #mainBannerImage, #body05b #mainBannerImage {
	background-image: url(../img/b05_s.jpg);
}
#body05.eng #mainBannerImage, #body05b.eng #mainBannerImage {
	background-image: url(../img/b05_e.jpg);
}
/* Disenio y Contenidos */
#body06 #mainBannerImage {
	background-image: url(../img/b06_s.jpg);
}
#body06.eng #mainBannerImage {
	background-image: url(../img/b06_e.jpg);
}
/* Capital Humano */
#body07 #mainBannerImage {
	background-image: url(../img/b07_s.jpg);
}
#body07.eng #mainBannerImage {
	background-image: url(../img/b07_e.jpg);
}
/* Productos */
#body08 #mainBannerImage {
	background-image: url(../img/b08_s.jpg);
}
#body08.eng #mainBannerImage {
	background-image: url(../img/b08_e.jpg);
}
/* Clientes */
#body09 #mainBannerImage {
	background-image: url(../img/b09_s.jpg);
	background-position: 0px 24px;
}
#body09.eng #mainBannerImage {
	background-image: url(../img/b09_e.jpg);
	background-position: 0px 24px;
}
/* Contacto */
#body10 #mainBannerImage {
	background-image: url(../img/b10_s.jpg);
}
#body10.eng #mainBannerImage {
	background-image: url(../img/b10_e.jpg);
}
/* Carrera */
#body13 #mainBannerImage {
	background-image: url(../img/b13_s.jpg);
}
#body13.eng #mainBannerImage {
	background-image: url(../img/b13_e.jpg);
}
/* Error */
#body15 #mainBannerImage {
	background-image: url(../img/b404.jpg);
}

/* Otras paginas */
#body11 #mainBannerImage, #body12 #mainBannerImage, #body14 #mainBannerImage {
	background-image: url(../img/b11_s.jpg);
}
#body11.eng #mainBannerImage, #body12.eng #mainBannerImage, #body14.eng #mainBannerImage {
	background-image: url(../img/b11_e.jpg);
}



/***********/
/* CONTENT */
/***********/

#breadcrumb {
	margin: 0px 0px 0px 76px;
	font-size: 10px;
	padding: 0px 0px 1px 0px;
	line-height: 15px;
	color:#B2B2B2;
}
#breadcrumb a {
	color:#084F60;
}
#breadcrumb span {
	margin: 0px 2px;
}

#contentArea {
	width:697px;
	background: url(../img/contentArea_bg.gif) no-repeat top left;
	min-height:300px;
	margin:5px 0 0 37px;
}
* html #contentArea {
	height:300px;
}

/* Left Menu */

#submenu {
	width: 180px;
	padding: 20px 10px 50px 20px;
	float: left;
	display: inline;
}
#submenu li {
	margin-left:20px;
	background:url(../img/submenu_separator.gif) no-repeat bottom left;
	padding: 3px 0px 7px 1px;
	line-height: 13px;
}
/*#submenu li.last {
	background: none;
}*/
#submenu li a {
	color:#084F60;
	font-size:11px;
}
#submenu li.active a {
	color:#FF7300;
}

#submenu li ul {
	display: none;
	padding-bottom: 3px;
	margin:5px 0
}
#submenu li#active ul {
	display: block;
}
#submenu li ul li {
	margin-left:5px;
	background: none;
	line-height:14px;
	padding: 3px 0px 3px 10px;
	background:url(../img/bullet_dash.gif) no-repeat left 10px;
}
#submenu li#active ul li a {
	color:#084F60;
	font-size:11px;
}
#submenu li#active ul li#active a {
	color:#FF7300;
}
#pdfLinks {
	margin-top:40px;
}
#pdfLinks li {
	background:none;
}
#pdfLinks li a {
	color:#B2B2B2;
	font-size:11px;
	background:url(../img/pdfDownload_icon.gif) no-repeat left 2px;
	padding-left:23px;
	display:block;
	height:20px;
}
#pdfLinks li a:hover{
	background:url(../img/pdfDownload_icon.gif) no-repeat left -37px;
}

/* Main Content */

#textArea {
	width: 435px;
	float: right;
	padding: 20px 30px 50px 0;
	font-size:11px;
	color:#666;
}
#textArea {
	width: 435px;
	float: right;
	padding: 20px 30px 50px 0;
	font-size:11px;
	color:#666;
}
.fullWidth #textArea {
	width: 635px;
	padding:20px 30px;
	float:left;
}
#textArea h1 {
	font-size:16px;
	color:#FF7300;
	line-height:18px
}
#textArea h2 {
	color:#888888;
	font-size:13px;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:6px;
	text-align:left;
}
#textArea h3 {
	color:#666666;
	font-size:12px;
	line-height:15px;
	margin-top:10px;
}
#textArea h4 {
	color:#666666;
	font-size:11px;
	margin-top:10px;
}
#textArea h5 {
	color:#666666;
	font-size:11px;
	margin-top:10px;
	text-transform:uppercase;
	font-weight:normal;
	font-size:10px
}
#textArea h6 {
	color:#666666;
	margin-top:10px;
	text-transform:uppercase;
	font-weight:normal;
	font-size:10px
}
#textArea p {
	margin: 10px 0px 0px 0px;
	line-height:15px
}
#textArea a {
	color:#084F60;
}
#textArea img, #textArea img.graphic {
	margin: 15px auto;
	display: block;
}

#textArea ul {
	padding: 15px 0px 10px 15px;
}
#textArea ul li {
	padding-left: 10px;
	margin-bottom: 10px;
	background: url(../img/bullet_orange.gif) no-repeat 0px 6px;
}
#textArea ul li li {
	padding-left: 10px;
	margin-bottom: 3px;
	background: url(../img/bullet_gray.gif) no-repeat 0px 6px;
}
#textArea ol {
	list-style-type: decimal;
	padding-left: 25px;
	padding-top: 5px;
	margin-bottom:15px;
}
#textArea ol li {
	margin-bottom: 10px;
}
#textArea ol li li {
	margin-bottom: 3px;
}


/* Separador */

div#textArea div.separator {
	border-bottom:1px solid #DDDDDD;
	margin-bottom: 20px;
	margin-top: 20px;
}

/* Box destacado */
#textArea .destacado {
	padding: 0px 0px 15px 0px;
	width:430px;
	min-height: 80px;
	clear: both;
	margin: 15px 0px 0px;
	background: url(../img/box_successcases_bg.gif) no-repeat bottom left #e6e6e6;
}
#textArea .destacado .destacadoTop {
	background: url(../img/box_successcases_top_bg2b.gif) no-repeat top left #e6e6e6;
	height: 8px;
}

#textArea .destacado h3, #textArea .destacado h4, #textArea .destacado ul, #textArea .destacado ol, #textArea .destacado p {
	padding: 0px 15px;
}
#textArea .destacado h3 {
	color:#084F60;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0 0 7px 0;
}
#textArea .destacado p {
	margin: 0 0 7px 0;
}
#textArea .destacado p.quote {
	margin: 0 0 7px 0;
	font-style: italic;
	display: block;
}
#textArea .destacado p.quote strong {
	display:block;
	text-align:right;
	font-style:normal;
	font-weight:bold;
	margin-top:10px;
}
#textArea .destacado ul li {
	padding-left: 10px;
	margin-bottom: 3px;
	background: url(../img/bullet_gray.gif) no-repeat 0px 6px;
}
#textArea .destacado ol {
	margin-left: 25px;
}


/* Bottom tabs */

#bottomTabs {
	width: 696px;
	height:51px;
	/*float:left;*/
	clear: both;	
}
#bottomTabs li {
	width:230px;
	display:block;
	float:left;
	/*height:31px;*/
	text-align:center;
	padding-left:2px;
	font-size:11px;
	color:#666;
	line-height:30px;
}
#bottomTabs li.last {
	padding-left:0px;
}
#bottomTabs li#active {
}
#bottomTabs li a {
	width:230px;
	display:block;
	height:31px;
	font-size:11px;
	color:#666;
	line-height:30px;
	background:url(../img/bottom_tabs.gif) no-repeat top left;
	text-decoration:none;
}
#bottomTabs li a:hover {
	color:#FF7300;
	background:url(../img/bottom_tabs.gif) no-repeat left -32px;
	height:38px;
}
#bottomTabs li#active a {
	background:url(../img/bottom_tabs.gif) no-repeat left -32px;
	height:38px;
	color:#FF7300;
}


/*** HOME ***/

/* 3 tabs */ 
#tabs {
	position:relative;
	margin:7px 0 0 37px;
	width:702px;
	height:155px;
}
#tabs ul {
	position:relative;
	border-bottom:solid 1px #e5e5e5;
	height:45px;
	display:block;
	width:691px;
	z-index:2;
}
#tabs ul li {
	display:block;
	float:left;
	z-index:300;
	margin-bottom:-1px;
}

/* Tab desactivo */
#tabs li a#tabs01, 
#tabs li a#tabs02, 
#tabs li a#tabs03 {
	display:block;
	width:225px;
	height:45px;
	background: url(../img/tab.gif) no-repeat top left;
	color:#6e6e6e;
	line-height:45px;
	text-align:center;
	font-size:14px;
	border-bottom:solid 1px #e5e5e5;
	position: relative;
	padding-right:8px
}
 /* Tab activo */
#tabs li a:hover,
#tabs li a.selected {
	background: url(../img/tab.gif) no-repeat left -46px #FFFFFF !important;
	color:#ff7300 !important;
	text-decoration:none;
	height:45px;
	border-bottom:solid 1px white !important;
	padding-right:8px
}

#tabs li.three a#tabs03,
#tabs li.three a#tabs03:hover {
	padding-right:0px
}
#tabs div {
	display:none;
	color:#084f60;
	font-size:12px;
	text-align:left;
}
#tabs div p,
#tabs div.selected p {
	color:#084f60;
	font-size:12px;
	text-align:left;
	width:450px;
	margin:0px;
	line-height:15px
}

#tabs div.selected {
	display:block;
	width:650px;
	height:85px;
	background-color:#FFFFFF;
	position:absolute;
	top:46px;
	padding:25px 0 0 45px;
	cursor:pointer;
	line-height:20px;
	font-size:12px;
}
#tabs div#tabsContent02 span.collabNetLogo {
	position:absolute;
	top:33px;
	right:35px;
	width:164px;
	height:0px;
	padding-top:39px;
	background:url(../img/logo_collabnet.gif) no-repeat top left;
	overflow:hidden;
}
#tabs div#tabsContent01 span.javaExpertsLogo {
	position:absolute;
	top:30px;
	right:57px;
	width:62px;
	height:0px;
	padding-top:60px;
	background:url(../img/java_experts_s.gif) no-repeat top left;
	overflow:hidden;
}
.eng #tabs div#tabsContent01 span.javaExpertsLogo {
	background:url(../img/java_experts_e.jpg) no-repeat top left;
	width:62px;
	height:0px;
	padding-top:60px;
}


/* Home boxes */

#homeBoxes {
	background:url(../img/home_boxes.gif) no-repeat top left;
	width: 699px;
	min-height: 174px;
	margin: 0px 0 10px 37px;
	font-size:11px;
}
#homeBoxes h4 {
	font-size:11px;
	font-weight:normal;
	color:#084F60;
	margin:0 0 10px 0;
	text-align:center;
}
#homeBoxes .one,
#homeBoxes .two,
#homeBoxes .three {
	width:173px;
	min-height:160px;
	padding:30px;
	float:left;
}
#homeBoxes ul li,
#homeBoxes p {
	padding-top:17px
}
#homeBoxes ul li {
	clear: both;
}
#homeBoxes ul li a {
	padding-left: 20px;
	background:url(../img/bullet_plus.gif) no-repeat 0px 2px;
	color:#666666;
	display: block;
}
/*#homeBoxes .two ul li a {
	float: left;
	width: 100px;
}
#homeBoxes .citiLogo {
	margin: 0px;
	display: inline;
	float: right;
}*/
#homeBoxes img {
	margin: 8px auto 0px auto;
	display: block;
}
#homeBoxes p a {
	color:#666666;
}
#homeBoxes .three {
	text-align:center;
	background: url(../img/visionarios.gif) no-repeat bottom center;
	min-height:173px; 
}
#homeBoxes .three {
	height:173px;
}
#homeBoxes .three p {
	padding-top:2px;
}


/*** CLIENTES > CASOS DE EXITO ***/
#textArea .casoDeExito, #textArea .casoDeExitoDetail, #textArea .products {
	padding: 0px;
	margin: 18px 0px 0px 0px;
	width:430px;
	clear: both;
}
#textArea .products {
	margin: 15px 0px 0px 0px;
}
#textArea .casoDeExitoTop, #textArea .productsTop {
	background: url(../img/box_successcases_top_bgb.gif) no-repeat top left #e6e6e6;
	height: 8px;
	line-height: 8px;
	margin: 0px;
}
#textArea .casoDeExitoTabs {
	height: 32px;
	margin: 0;
	padding: 0;
}
#textArea .casoDeExitoTabs li {
	height: 32px;
	width: 109px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}
#textArea .casoDeExitoTabs li#casoDeExitoTabs01, #textArea .casoDeExitoTabs li#casoDeExitoTabs02 {
	width: 108px;
}
#textArea .casoDeExitoTabs li#casoDeExitoTabs03 {
	width: 105px;
}
#textArea .casoDeExitoTabs li a {
	height: 32px;
	display: block;
}
#textArea .casoDeExitoTabs li#casoDeExitoTabs00 a {
	background: url(../img/successcases_tabs_00_s.jpg) no-repeat top left;
}
#textArea .casoDeExitoTabs li#casoDeExitoTabs00.selected a, 
#textArea .casoDeExitoTabs li#casoDeExitoTabs00 a:hover {
	background: url(../img/successcases_tabs_00h_s.jpg) no-repeat top left;
}
.eng #textArea .casoDeExitoTabs li#casoDeExitoTabs00 a {
	background: url(../img/successcases_tabs_00_e.jpg) no-repeat top left;
}
.eng #textArea .casoDeExitoTabs li#casoDeExitoTabs00.selected a, 
.eng #textArea .casoDeExitoTabs li#casoDeExitoTabs00 a:hover {
	background: url(../img/successcases_tabs_00h_e.jpg) no-repeat top left;
}
#textArea .casoDeExitoTabs li#casoDeExitoTabs01 a {
	background: url(../img/successcases_tabs_01_s.jpg) no-repeat top left;
} 
#textArea .casoDeExitoTabs li#casoDeExitoTabs01.selected a, 
#textArea .casoDeExitoTabs li#casoDeExitoTabs01 a:hover {
	background: url(../img/successcases_tabs_01h_s.jpg) no-repeat top left;
}
.eng #textArea .casoDeExitoTabs li#casoDeExitoTabs01 a {
	background: url(../img/successcases_tabs_01_e.jpg) no-repeat top left;
}
.eng #textArea .casoDeExitoTabs li#casoDeExitoTabs01.selected a, 
.eng #textArea .casoDeExitoTabs li#casoDeExitoTabs01 a:hover {
	background: url(../img/successcases_tabs_01h_e.jpg) no-repeat top left;
}
#textArea .casoDeExitoTabs li#casoDeExitoTabs02 a {
	background: url(../img/successcases_tabs_02_s.jpg) no-repeat top left;
}
#textArea .casoDeExitoTabs li#casoDeExitoTabs02.selected a, 
#textArea .casoDeExitoTabs li#casoDeExitoTabs02 a:hover {
	background: url(../img/successcases_tabs_02h_s.jpg) no-repeat top left;
}
.eng #textArea .casoDeExitoTabs li#casoDeExitoTabs02 a {
	background: url(../img/successcases_tabs_02_e.jpg) no-repeat top left;
}
.eng #textArea .casoDeExitoTabs li#casoDeExitoTabs02.selected a, 
.eng #textArea .casoDeExitoTabs li#casoDeExitoTabs02 a:hover {
	background: url(../img/successcases_tabs_02h_e.jpg) no-repeat top left;
}
#textArea .casoDeExitoTabs li#casoDeExitoTabs03 a {
	background: url(../img/successcases_tabs_03_s.jpg) no-repeat top left;
}
#textArea .casoDeExitoTabs li#casoDeExitoTabs03.selected a, 
#textArea .casoDeExitoTabs li#casoDeExitoTabs03 a:hover {
	background: url(../img/successcases_tabs_03h_s.jpg) no-repeat top left;
}
.eng #textArea .casoDeExitoTabs li#casoDeExitoTabs03 a {
	background: url(../img/successcases_tabs_03_e.jpg) no-repeat top left;
}
.eng #textArea .casoDeExitoTabs li#casoDeExitoTabs03.selected a, 
.eng #textArea .casoDeExitoTabs li#casoDeExitoTabs03 a:hover {
	background: url(../img/successcases_tabs_03h_e.jpg) no-repeat top left;
}

#textArea .casoDeExitoTabs li a span {
	display: none;
}

#textArea .casoDeExitoWrapper, #textArea .productsWrapper {
	padding: 0px 0px 0px 15px;
	background: url(../img/box_successcases_bg.gif) no-repeat bottom left #e6e6e6;
}
#textArea .casoDeExitoDetail .casoDeExitoWrapper {
	background: url(../img/box_successcases_bg2.gif) no-repeat bottom left #efefef;
	min-height: 360px;
	padding-top: 10px;
}
#textArea .casoDeExitoContent, #textArea .productsContent {
	float: left;
	display: inline;
	width: 300px;
	padding-top: 3px;
}
#textArea .casoDeExitoDetail .casoDeExitoContent {
	display: none;
}
#textArea .productsContent {
	width: 250px;
}
#textArea .casoDeExitoDetail .casoDeExitoContent#casoDeExito00 {
	display: inline;
}
#textArea .casoDeExito .clr, #textArea .casoDeExitoDetail .clr, #textArea .products .clr  {
	height: 15px;
}
#textArea .casoDeExitoWrapper img, #textArea .productsWrapper img {
	display: inline;
	float: left;
	margin: 5px 20px 0px 0px;
	padding: 10px;
}
#textArea .productsWrapper img {
	margin: 5px 15px 0px 0px;
	padding: 0px;
}
#textArea .casoDeExitoContent h3, #textArea .productsContent h3 {
	margin: 0px;
	font-size: 13px;
	color:#FF7300;
}
#textArea .casoDeExitoContent h4, #textArea .productsContent h4 {
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px;
}
#textArea .casoDeExitoContent h5, #textArea .productsContent h5 {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	margin: 5px 0px 0px 0px;
	padding-bottom: 5px;
}
#textArea .casoDeExitoContent h6, #textArea .productsContent h6 {
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
}
#textArea .casoDeExitoContent p, #textArea .productsContent p {
	margin: 5px 0px 0px 0px;
}
#textArea .casoDeExitoContent p a, #textArea .productsContent p a {
	text-decoration: none;
	color:#FF7300;
}


/*** EVENTOS Y NOVEDADES ***/
#textArea .news {
	padding: 0px;
	margin: 18px 0px 0px 0px;
	width:430px;
	clear: both;
}
#textArea .news .newsTop {
	background: url(../img/box_successcases_top_bgb.gif) no-repeat top left #e6e6e6;
	height: 8px;
}
#textArea .news .newsContent {
	padding: 0px 15px 15px 15px;
	background: url(../img/box_successcases_bg.gif) no-repeat bottom left #e6e6e6;
}
#textArea .news h3 {
	margin: 0px;
	font-size: 13px;
	color:#FF7300;
}
#textArea .news h4 {
	font-size: 10px;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
}
#textArea .news h6 {
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
}
#textArea .news p {
	margin: 5px 0px 0px 0px;
}
#textArea .news p a {
	text-decoration: none;
	color:#FF7300;
}

/*** CONTACTO > ENVIAR MENSAJE FORM ***/
#textArea .form {
	padding: 0px;
	margin: 20px 0px 0px 0px;
	width:430px;
	clear: both;
}
#textArea .form .formTop {
	background: url(../img/box_successcases_top_bgb.gif) no-repeat top left #e6e6e6;
	height: 8px;
}
#textArea .form .formWrapper {
	padding: 10px 0px 15px 15px;
	background: url(../img/box_successcases_bg.gif) no-repeat bottom left #e6e6e6;
	float:left;
}
#textArea .form .formContent {
	float: left;
	display: inline;
	width: 300px;
	padding-top: 3px;
}
#textArea .form label, #textArea .form input {
	float: left;
	display: inline;
	width: 115px;
}
#textArea .form label {
	font-weight: bold;
	line-height: 23px;
	height: 23px;
}
#textArea .form .inputText {
	width: 270px;
}
#textArea .form textarea {
	float: left;
	display: inline;
	width: 270px;
	height: 100px;
}
#textArea .form .formItem {
	float: left;
	min-height: 45px;
}
* html #textArea .form .formItem {
	height: 45px;
}
#textArea .form .captcha {
	height:50px;
	padding:10px 20px 0 0 ;
	width:220px;
	text-align:right;
	float:right;
}
#textArea .form .captcha img {
	float: right;
	margin:5px 5px 5px 0;
}
#textArea .form .captcha input {
	width:55px;
	margin-top:5px;
	float:right;
	font-size:15px;
	line-height:25px;
	font-weight:bold;
	text-transform:uppercase;
}
#textArea .form .captcha p {
	clear:both;
}
#textArea .form input.formBtn {
	display: inline;
	width: 70px;
	clear: both !important;
	float: right;
	margin: 10px 15px 0px 0px;
	color:#084F60;
}
#textArea .form .clr {
	height: 0px;
}
#textArea .error {
	font-weight:bold;
	color:#FF0000;
}
td.capability {
	width:80px;
	text-align:center;
	vertical-align:middle;
	padding:0 0 0 15px;
	font-weight:bold;
}



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

#footer {
	float:left;
	clear:both;
	border-top:solid 1px #e6e6e6;
	height:70px;
	padding-top:15px;
	width:100%;
	text-align:center;
	background:url(../img/waves_footer.jpg) no-repeat 20px bottom;
}
#footer ul li {
	display:inline;
	border-right: solid 1px #B2B2B2;
	margin:0px;
	padding:0 5px;
	font-size:10px;
}
#footer ul li a {
	font-size:11px;
	color:#B2B2B2;
}