/* Normalize
  ====================================================  */

body,
h1, h2, h3, h4, h5, h6,
p, div, span, ul, li,
a, a:link, a:visited,
blockquote, acronym,
input, select, textarea {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-style: normal;
    height: auto;
}


/* Layout
  ====================================================  */

#header,
#pageIntro,
#wrapper,
#footer,
#mockup {
  width: 780px;
  margin: 0 auto;
  clear: both;
  display: block;
}

#header {
  height: 82px;
  overflow: hidden;
}
#pageIntro {
  overflow: hidden;
}
#side,
#main {
  float: left;
  display: inline;
  margin: 0 0 0 15px;
}
#side {
  width: 215px;
  overflow: hidden;

}
#main {
  width: 535px;
}
#footer {
  height: 29px;
  overflow: hidden;
}
.clear {
  clear: both;
}


/* Style
  ====================================================  */
body {
  font: 100.01%/1.1 "Trebuchet MS", sans-serif;
  color: #565656;
  background: #000000 url(../images/body_back_v2.jpg) no-repeat top center;
}
#wrapper {
  background: #FFFFFF;
}
a, a:link, a:visited {
  text-decoration: none;
  color: #453B14;
}
a.moreInfo {
  color: #595914;
  background: transparent url(../images/arrow.gif) no-repeat right 5px;
  padding: 0 10px 0 0;
  font-weight: bold;
}
img {
  border: 0;
}
img.banner {
  margin: 5px 0 0 0;
  border: 1px solid #D1CAA9;
}

p, li {
  font-size: 11px;
}

p.explain {
  padding: 0 0 2px 5px;
  margin: 30px 15px 12px 0;
  background: transparent url(../images/dot_gray.gif) repeat-x bottom left;
}

#side {
  background: #D1D1A4;
}
#side ul {
  margin: 0 0 30px 0;
  padding: 0px 0px;
  left: 0px;
  list-style: none;
}
#side li {
  background: transparent url(../images/dot_green.gif) repeat-x bottom left;
}
#side li.item {
  padding: 11px 0 11px 0;
  margin: 0 0 0 0;
}
#side li.item a {
  color: #565656;
  margin: 0 0 0 0;
  display: block;
  padding: 0 4px 0 28px;
  background: transparent url(../images/square_arrow.png) no-repeat 10px top;
}
li.title {
  padding-left: 10px;
}
ul.withArrows {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.withArrows li {
  background: transparent url(../images/arrow.gif) no-repeat left 3px;
  display: block;
  padding: 0 0 0 10px;
  margin: 15px 0 15px 0;
  text-indent: 0;
}


h3, .title, .subtitle, .navigation, #sideNavigation {
  font-family: "HelveticaNeue-Light", "Helvetica Neue", "Helvetica Neue Light", "Helvetica", sans-serif;
  letter-spacing: -1px;
}
h3, .title {
  clear: both;
  font-weight: 300;
  color: #000000;
  font-size: 20px;
  padding: 32px 0 6px 6px;
}
h3, h4 {
  background: transparent url(../images/dot_gray.gif) repeat-x bottom left;
}
h4 {
  clear: both;
  font-weight: 300;
  font-family: "Trebuchet MS", sans-serif;
  color: #453B14;
  font-size: 16px;
  padding: 40px 0 6px 6px;
}
.subtitle {
  color: #79792C;
  font-size: 14px;
  padding: 32px 0 6px 6px;
}
#main {
  padding: 0 0 35px 0;
}
#main p {
  padding: 8px 50px 8px 6px;
  line-height: 14px;
}
.dottedBox p {
  font-size: 13px;
  margin: 0 0 0 26px;
}
.dottedBox p.title {
  font-size: 28px;
  margin: 33px 0 0 26px;
  padding: 0;
}
.dottedBox span {
  color: #695A1C;
}
li#newsTitle {
  background: transparent url(../images/side_title_news.png) repeat-x bottom left;
  height: 44px;
}

/* forms */
input, textarea, select {
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 11px;
  border: 1px solid #B9AE7F;
  padding: 1px 2px 1px 2px;
}
label {
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
input.button {
  font-size: normal;
}
input.radio {
  border: 0;
}

/* tabular data */
table {
  color: #000000;
  background: #EDECE0;
  border: 1px solid #D6D5D0;
  width: 98%;
}
table label {
  font-weight: normal;
  font-size: 11px;
}
table td {
  padding: 5px;
}
table thead tr {
  background: #FFFFFF url(../images/dot_gray.gif) repeat-x bottom left;
}
table th {
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  padding: 11px 5px 5px 5px;
}
table.inner {
  border: 0;
  width: 100%;
}
table.inner td {
  padding: 0;
}
td.expanded {
  width: 100%;
}
span.required {
  font-size: 12px;
  color: #0E4870;
  margin-bottom: 5px;
}
table td.end {
  text-align: center;
  background: transparent url(../images/dot_gray.gif) repeat-x top left;
}
#main table td.end p {
  text-align: left;
  background: transparent url(../images/dot_gray.gif) repeat-x bottom left;
  padding: 0 0 3px 0;
  margin: 0 0 5px 0;
}



/* Header Style
  ====================================================  */
#header {
  background: transparent url(../images/header_back.jpg) no-repeat top left;
}
h1 span,
h2 span {
  display: none;
}
h1, h2 {
  float: left;
  display: inline;
}
h1 {
  height: 46px;
  width: 175px;
  margin: 4px 0 5px 24px;
}
h2 {
  height: 15px;
  width: 148px;
  display: block;
  margin: 27px 0 0 0;
}
h1 {
  background: transparent url(../images/soluciones.png) no-repeat top left;
}
h2 {
  background: transparent url(../images/soluciones_slogan.png) no-repeat top left;
}


/* Navigation
  ====================================================  */ 
.navigation li {
  float: left;
  display: inline;
  letter-spacing: normal;
}
ul#primaryNavigation {
  margin: 57px 0 0 18px;
}
ul#primaryNavigation li {
  height: 25px;
  line-height: 25px;
}
ul#primaryNavigation a, ul#primaryNavigation a:link, ul#primaryNavigation a:visited {
  color: #C6B88C;
  font-size: 11px;
}
ul#primaryNavigation a:hover {
  color: #FFFFFF;
}
ul#primaryNavigation li.separator {
  background: transparent url(../images/separator.png) no-repeat top left;
  width: 2px;
  margin: 0 24px;
}
ul#primaryNavigation li.separator span {
  display: none;
}
ul#secundaryNavigation {
  float: right;
  margin: 11px 27px 0 0;
}
ul#secundaryNavigation a, ul#secundaryNavigation a:link, ul#secundaryNavigation a:visited {
  color: #6D6D6D;
  font-size: 10px;
}
ul#secundaryNavigation li.separator {
  margin: 0 8px;
}
#sideNavigation li.item {
  padding: 5px 0 5px 0;
}
#side #sideNavigation li a {
  font-size: 13px;
  color: #453B14;
  font-weight: bold;
  background-position: 10px 2px;
}
/* selected */
body#aboutUs li#itemAboutUs a,
body#partners li#itemPartners a,
body#areas li#itemAreas a,
body#mission li#itemMission a,
body#ourCompany li#itemOurCompany a,
body#engage li#itemEngage a,
body#arquitectura li#itemArquitectura a,
body#componentes li#itemComponentes a,
body#funciones li#itemFunciones a,
body#beneficios li#itemBeneficios a,
body#generalidades li#itemGeneralidades a,
body#modelosnegocio li#itemModelosNegocio a,
body#implementacion li#itemImplementacion a,
body#mentoring li#itemMentoring a,
body#teaming li#itemTeaming a,
body#soluciones li#itemSoluciones a,
body#datawarehouse li#itemDataWarehouse a,
body#soporte li#itemSoporte a,
body#anuncios li#itemAnuncios a,
body#prensa li#itemPrensa a,
body#videos li#itemVideos a,
body#eventos li#itemEventos a,
body#entrenamiento li#itemEntrenamiento a,
body#casosexito li#itemCasosExito a,
body#customers li#itemNuestrosClientes a {
  color: #0E4870
}
/* banners izquierda
  ====================================================  */
#bannervideos {
  background: #d4d1b6 url(../images/bg_banner.jpg);
  width:193px;
  height:160px;
  border: 1px solid #D1CAA9;
  padding:10px;
} 
#bannervideos h4{
	padding-top:6px;

} 

#bannervideos ul.withArrows li {
  background: transparent url(../images/arrow.gif) no-repeat left 3px;
  display: block;
  padding: 0 0 0 10px;
  margin: 15px 0 15px 0;
  text-indent: 0;
}


/* PDFS
  ====================================================  */
  
#pdfs {
  background: #b6b671;
  width:193px;
  height:100px;
  border: 1px solid #D1CAA9;
  padding: 10px;
} 


#pdfs ul li {
  background: transparent url(../images/pdf.gif) no-repeat left 3px;
  display: block;
  padding: 0 0 0 24px;
  margin: 0px 0 15px 0;
  text-indent: 0;
}


/* Share
  ====================================================  */
  
#share {
  width:193px;
  height:20px;
  padding:8px;
} 
  

/* Footer Style
  ====================================================  */
  
#footer {
  background: transparent url(../images/footer_back.gif) no-repeat bottom left;
}
#footer,
#footer a, #footer a:link, #footer a:visited {
  color: #8B866C;
  font-size: 10px;
}
#footer a:hover {
  color: #FFFFFF;
}
#footer p {
  line-height: 29px;
}
#credits {
  float: left;
  margin: 0 0 0 17px;
}
#by {
  float: right;
  margin: 0 20px 0 0;
}
#credits, #by {
  display: inline;
}
  
  
/* Home - Inicio
  ====================================================  */
  
body#home #pageIntro{
  background: transparent url(../images/home_intro_back.jpg) no-repeat 527px bottom;
  padding: 0 0 65px 0;
}
body#home .dottedBox {
  width: 518px;
  height: 130px;
  overflow: hidden;
  margin: 67px 0 0 207px;
  background: transparent url(../images/home_dotted_box.jpg) no-repeat bottom right;
}
body#home .dottedBox p {
  width: 320px;
}
body#home #wrapper {
  background: #E0E0E0 url(../images/home_wrapper_back.jpg) no-repeat top right;
}
body#home #trustOnUs {
  background: #FFFFFF;
  clear: both;
}
#firms {
  margin-top: 25px;
}
.firm {
  width: 28%;
  float: left;
  display: inline;
}
div.separator { 
  background: transparent url(../images/dot_gray_vertical.gif) repeat-y;
  height: 183px;
  width: 1px;
  float: left;
  display: inline;
  margin: 0 2%;  
}
#main .firm p {
  padding: 8px 5px 8px 6px;
}
img.thumb {
  margin: 15px 20px 30px 20px;
}
#trustOnUs {
  padding: 0 0 0 18px;
}
#trustOnUs h3 {
  color: #726320;
  margin: 0 18px 0 0;
}


/* About Us - Quienes Somos
  ====================================================  */
  
body#aboutUs #pageIntro {
  background: transparent url(../images/about_us_intro_back.jpg) no-repeat 608px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#aboutUs .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/about_us_dotted_box.jpg) no-repeat bottom right;
}
body#aboutUs .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#aboutUs .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#aboutUs #wrapper {
  background: #E0E0E0 url(../images/about_us_wrapper_back.jpg) no-repeat top right;
}
body#aboutUs .phoneBanner {
  background: transparent url(../images/about_us_phone.jpg) no-repeat top right;
  width: 535px;
  height: 80px;
}
body#aboutUs .phoneBanner span {
  display: none;
}
#aboutUsWrapper {
  height: 259px;
  overflow: hidden;
}
.location {
  clear: both;
}
.location img {
  float: right;
  border: 1px solid #C2C0B8;
  margin: 0 15px 0 0;
}
.location ul {
  width: 40%;
  float: left;
}
li#itemOurCompany {
  margin: 0 0 40px 0;
}

/* About Us - Mision
  ====================================================  */
body#mission #pageIntro {
  background: transparent url(../images/about_us_intro_back.jpg) no-repeat 608px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#mission .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/about_us_dotted_box.jpg) no-repeat bottom right;
}
body#mission .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#mission .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#mission #wrapper {
  background: #E0E0E0 url(../images/about_us_wrapper_back.jpg) no-repeat top right;
}
#AU_missionWrapper {
  /*height: 809px;*/
  overflow: hidden;
}

/* About Us - Areas
  ====================================================  */
  
body#areas #pageIntro {
  background: transparent url(../images/about_us_intro_back.jpg) no-repeat 608px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#areas .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/about_us_dotted_box.jpg) no-repeat bottom right;
}
body#areas .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#areas .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#areas #wrapper {
  background: #E0E0E0 url(../images/about_us_wrapper_back.jpg) no-repeat top right;
}
#AU_areasWrapper {
  /*height: 809px;*/
  overflow: hidden;
}

/* About Us - Partners
  ====================================================  */
  
body#partners #pageIntro {
  background: transparent url(../images/about_us_intro_back.jpg) no-repeat 608px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#partners .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/about_us_dotted_box.jpg) no-repeat bottom right;
}
body#partners .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#partners .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#partners #wrapper {
  background: #E0E0E0 url(../images/about_us_wrapper_back.jpg) no-repeat top right;
}
#AU_partnersWrapper {
  /*height: 809px;*/
  overflow: hidden;
}

.tecnologicos {
  background-color: #FFFFFF;
  width: 496px;
  border: 1px solid #CCCCCC;
  text-align:center;
}

.tecnologicos img {
  margin: 5px 5px 5px 5px;
}


/* Engage - CRM
  ====================================================  */
  
body#engage #pageIntro {
  background: transparent url(../images/engage_intro_back.jpg) no-repeat 598px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#engage .dottedBox {
  width: 321px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  padding: 0;
  background: transparent url(../images/engage_dotted_box.jpg) no-repeat bottom left;
}
body#engage .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#engage .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#engage #wrapper {
  background: #E0E0E0 url(../images/engage_wrapper_back.jpg) no-repeat top right;
}
li#crmSolution {
  margin: 0 0 40px 0;
}
body#engage #main ul {
  margin-left: 20px;
}
body#engage #main li {
  margin: 8px 0 8px 0;
}
body#engage #main p b {
  color: #453B14;
  font-weight: normal;
}
#engageWrapper {
  overflow: hidden;
  padding: 30px 40px;
}
#engageWrapper p {
  font-size: 16px;
  margin: 10px 0 10px 0;
  line-height: 18px;
}

/* CRM - Arquitectura
  ====================================================  */
  
body#arquitectura #pageIntro {
  background: transparent url(../images/engage_intro_back.jpg) no-repeat 598px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#arquitectura .dottedBox {
  width: 321px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  padding: 0;
  background: transparent url(../images/engage_dotted_box.jpg) no-repeat bottom left;
}
body#arquitectura .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#arquitectura .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#arquitectura #wrapper {
  background: #E0E0E0 url(../images/arquitectura_wrapper_back.jpg) no-repeat top right;
}

body#arquitectura #main p b {
  color: #453B14;
  font-weight: normal;
}
#arquitecturaWrapper {
  overflow: hidden;
  margin-top:16px;
  background: #ffffff url(../images/arquitectura_wrapper_front.jpg) no-repeat center center;
  border: 1px solid #d9d8d4;
  width:520px;
  height:455px;
}

/* CRM - Componentes
  ====================================================  */
  
body#componentes #pageIntro {
  background: transparent url(../images/engage_intro_back.jpg) no-repeat 598px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#componentes .dottedBox {
  width: 321px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  padding: 0;
  background: transparent url(../images/engage_dotted_box.jpg) no-repeat bottom left;
}
body#componentes .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#componentes .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#componentes #wrapper {
  background: #E0E0E0 url(../images/arquitectura_wrapper_back.jpg) no-repeat top right;
}

body#componentes #main p b {
  color: #453B14;
  font-weight: normal;
}
#componentesWrapper {
	overflow: hidden;
    margin-top:16px;
	background: #ffffff url(../images/componentes_wrapper_front.jpg) no-repeat center center;
	border: 1px solid #d9d8d4;
	width:520px;
	height:420px;
}

/* CRM - Funciones
  ====================================================  */
  
body#funciones #pageIntro {
  background: transparent url(../images/engage_intro_back.jpg) no-repeat 598px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#funciones .dottedBox {
  width: 321px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  padding: 0;
  background: transparent url(../images/engage_dotted_box.jpg) no-repeat bottom left;
}
body#funciones .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#funciones .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#funciones #wrapper {
  background: #E0E0E0 url(../images/arquitectura_wrapper_back.jpg) no-repeat top right;
}

body#funciones #main p b {
  color: #453B14;
  font-weight: normal;
}
#funcionesWrapper {
	overflow: hidden;
    margin-top:16px;
	background: #ffffff url(../images/funciones_wrapper_front.jpg) no-repeat center center;
	border: 1px solid #d9d8d4;
	width:520px;
	height:162px;
}

/* CRM - Beneficios
  ====================================================  */
  
body#beneficios #pageIntro {
  background: transparent url(../images/engage_intro_back.jpg) no-repeat 598px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#beneficios .dottedBox {
  width: 321px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  padding: 0;
  background: transparent url(../images/engage_dotted_box.jpg) no-repeat bottom left;
}
body#beneficios .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#beneficios .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#beneficios #wrapper {
  background: #E0E0E0 url(../images/arquitectura_wrapper_back.jpg) no-repeat top right;
}

body#beneficios #main p b {
  color: #453B14;
  font-weight: normal;
}
#beneficiosWrapper {
	overflow: hidden;
    margin-top:16px;
	background: #ffffff url(../images/beneficios_wrapper_front.jpg) no-repeat center center;
	border: 1px solid #d9d8d4;
	width:520px;
	height:162px;
}

/* CRM - Generalidades
  ====================================================  */
  
body#generalidades #pageIntro {
  background: transparent url(../images/engage_intro_back.jpg) no-repeat 598px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#generalidades .dottedBox {
  width: 321px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  padding: 0;
  background: transparent url(../images/engage_dotted_box.jpg) no-repeat bottom left;
}
body#generalidades .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#generalidades .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#generalidades #wrapper {
  background: #E0E0E0 url(../images/arquitectura_wrapper_back.jpg) no-repeat top right;
}

body#generalidades #main p b {
  color: #453B14;
  font-weight: normal;
}

/* BI - Modelos de Negocio
  ====================================================  */
body#modelosnegocio #pageIntro {
  background: transparent url(../images/bi_intro_back.jpg) no-repeat 580px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#modelosnegocio .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/about_us_dotted_box.jpg) no-repeat bottom right;
}
body#modelosnegocio .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#modelosnegocio .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#modelosnegocio #wrapper {
  background: #E0E0E0 url(../images/bi_wrapper_back.jpg) no-repeat top right;
}

body#modelosnegocio #main p b {
  color: #453B14;
  font-weight: normal;
}

body#modelosnegocio #main {
	height:608px;

}

/* Divs ocultos */

#metodosbanca {
  display:none;
  margin-top:16px;
  padding:10px;
  background-color:#e7e7e7;
  border: 1px solid #c1bfb7;
  width:280px;
  position: relative;
  top: -240px;
  left:200px;
}

#metodosbanca h4{
	font-size:14px;
	padding:4px;
}

#metodosindustrias {
  display: none;
  margin-top:16px;
  padding:10px;
  background-color:#e7e7e7;
  border: 1px solid #c1bfb7;
  width:280px;
  position: relative;
  top: -240px;
  left:200px;
}


#metodosindustrias h4{
	font-size:14px;
	padding:4px;
}

#metodossalud {
  display:none;
  margin-top:16px;
  padding:10px;
  background-color:#e7e7e7;
  border: 1px solid #c1bfb7;
  width:280px;
  position: relative;
  top: -240px;
  left:200px;
}

#metodossalud h4{
	font-size:14px;
	padding:4px;
}

#metodossalud p{
	padding:8px 6px 8px 6px;
}

#metodostelco {
  display:none;
  margin-top:16px;
  padding:10px;
  background-color:#e7e7e7;
  border: 1px solid #c1bfb7;
  width:280px;
  position: relative;
  top: -240px;
  left:200px;
}

#metodostelco h4{
	font-size:14px;
	padding:4px;
}

#metodosretail {
  display:none;
  margin-top:16px;
  padding:10px;
  background-color:#e7e7e7;
  border: 1px solid #c1bfb7;
  width:280px;
  position: relative;
  top: -240px;
  left:200px;
}

#metodosretail h4{
	font-size:14px;
	padding:4px;
}

#metodosgobierno {
  display:none;
  margin-top:16px;
  padding:10px;
  background-color:#e7e7e7;
  border: 1px solid #c1bfb7;
  width:280px;
  position: relative;
  top: -240px;
  left:200px;
}

#metodosgobierno h4{
	font-size:14px;
	padding:4px;
}

#metodosarquitectura {
  display:none;
  margin-top:16px;
  padding:10px;
  background-color:#e7e7e7;
  border: 1px solid #c1bfb7;
  width:280px;
  position: relative;
  top: -240px;
  left:200px;
}

#metodosarquitectura h4{
	font-size:14px;
	padding:4px;
}
#metodosarquitectura p{
	padding:8px 6px 8px 6px;
}

/* Fin Divs ocultos */


/* BI - Implementacion
  ====================================================  */
body#implementacion #pageIntro {
  background: transparent url(../images/bi_intro_back.jpg) no-repeat 580px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#implementacion .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/about_us_dotted_box.jpg) no-repeat bottom right;
}
body#implementacion .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#implementacion .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#implementacion #wrapper {
  background: #E0E0E0 url(../images/bi_wrapper_back.jpg) no-repeat top right;
}

body#implementacion #main p b {
  color: #453B14;
  font-weight: normal;
}

/* BI - Mentoring
  ====================================================  */
body#mentoring #pageIntro {
  background: transparent url(../images/bi_intro_back.jpg) no-repeat 580px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#mentoring .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/about_us_dotted_box.jpg) no-repeat bottom right;
}
body#mentoring .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#mentoring .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#mentoring #wrapper {
  background: #E0E0E0 url(../images/bi_wrapper_back.jpg) no-repeat top right;
}
#mentoringWrapper {
  overflow: hidden;
  margin-top:16px;
  background: #ffffff url(../images/mentoring_wrapper_front.gif) no-repeat center center;
  border: 1px solid #d9d8d4;
  width:520px;
  height:150px;
}

body#mentoring #main p b {
  color: #453B14;
  font-weight: normal;
}

/* BI - Teaming
  ====================================================  */
body#teaming #pageIntro {
  background: transparent url(../images/bi_intro_back.jpg) no-repeat 580px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#teaming .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/about_us_dotted_box.jpg) no-repeat bottom right;
}
body#teaming .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#teaming .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#teaming #wrapper {
  background: #E0E0E0 url(../images/bi_wrapper_back.jpg) no-repeat top right;
}

body#teaming #main p b {
  color: #453B14;
  font-weight: normal;
}

/* BI - Soluciones
  ====================================================  */
body#soluciones #pageIntro {
  background: transparent url(../images/bi_intro_back.jpg) no-repeat 580px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#soluciones .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/about_us_dotted_box.jpg) no-repeat bottom right;
}
body#soluciones .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#soluciones .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#soluciones #wrapper {
  background: #E0E0E0 url(../images/bi_wrapper_back.jpg) no-repeat top right;
}

body#soluciones #main p b {
  color: #453B14;
  font-weight: normal;
}

/* BI - DataWarehouse
  ====================================================  */
body#datawarehouse #pageIntro {
  background: transparent url(../images/bi_intro_back.jpg) no-repeat 580px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#datawarehouse .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/about_us_dotted_box.jpg) no-repeat bottom right;
}
body#datawarehouse .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#datawarehouse .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#datawarehouse #wrapper {
  background: #E0E0E0 url(../images/bi_wrapper_back.jpg) no-repeat top right;
}

body#datawarehouse #main p b {
  color: #453B14;
  font-weight: normal;
}

/* BI - Soporte
  ====================================================  */
body#soporte #pageIntro {
  background: transparent url(../images/bi_intro_back.jpg) no-repeat 580px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#soporte .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/about_us_dotted_box.jpg) no-repeat bottom right;
}
body#soporte .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#soporte .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#soporte #wrapper {
  background: #E0E0E0 url(../images/bi_wrapper_back.jpg) no-repeat top right;
}

body#soporte #main p b {
  color: #453B14;
  font-weight: normal;
}

/* BI - Entrenamiento
  ====================================================  */
body#entrenamiento #pageIntro {
  background: transparent url(../images/bi_intro_back.jpg) no-repeat 580px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#entrenamiento .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/about_us_dotted_box.jpg) no-repeat bottom right;
}
body#entrenamiento .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#entrenamiento .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#entrenamiento #wrapper {
  background: #E0E0E0 url(../images/bi_wrapper_back.jpg) no-repeat top right;
}

body#entrenamiento #main p b {
  color: #453B14;
  font-weight: normal;
}

/* Servicios Profesionales - Consultoria
  ====================================================  */
body#consultoria #pageIntro {
  background: transparent url(../images/ser_profesionales_intro_back.jpg) no-repeat 608px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#consultoria .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/ser_profesionales_dotted_box.jpg) no-repeat bottom right;
}
body#consultoria .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#consultoria .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#consultoria #wrapper {
  background: #E0E0E0 url(../images/ser_profesionales_wrapper_back.jpg) no-repeat top right;
}

body#consultoria #main p b {
  color: #453B14;
  font-weight: normal;
}



/* Customers - Clientes
  ====================================================  */
  
body#customers #pageIntro {
  background: transparent url(../images/customers_intro_back.jpg) no-repeat 530px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#customers .dottedBox {
  width: 330px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/customers_dotted_box.jpg) no-repeat top left;
}
body#customers .dottedBox p {
  width: 280px;
  margin: 0 0 0 23px;
}
body#customers .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#customers #wrapper {
  background: #E0E0E0 url(../images/customers_wrapper_back.jpg) no-repeat top right;
}
.customer {
  clear: both;
  background: transparent url(../images/dot_gray.gif) repeat-x bottom left; 
  margin: 0 16px 0 0;
}
.customer img {
  float: left;
  border: 1px solid #B1AEA2;
  margin: 18px 17px 10px 0;
}
.customer h5,
.customer p {
  padding: 0 0 0 17px;
}
.customer p {
  height: 50px;
}
.customer h5 {
  padding-top: 19px;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-color: #000000;
}
.customer h5 span {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #6B4C1C;
}
li#clientes {
  margin: 0 0 40px 0;
}
#customersFilter {
  background: transparent url(../images/dot_gray.gif) repeat-x bottom left;
  margin: 0 15px 0 0;
  height:50px;
}
#customersFilter h4,
#customersFilter form {
  display: inline;
}
#customersFilter h4 {
  padding:0 0 0 5px;
  margin:15px 0 0 0;
  float: left;
  width: 40%;
  background: none;
}
#customersFilter form {
  float: right;
  width: 50%;
  text-align: right;
  padding: 10px 0 0 0;
}
#customersFilter p {
  padding: 0;
  margin: 0;
}
#customers #main p {
  padding-right: 0;
}


/* Customers - Casos de Exito
  ====================================================  */
  
body#casosexito #pageIntro {
  background: transparent url(../images/customers_intro_back.jpg) no-repeat 530px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#casosexito .dottedBox {
  width: 330px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/customers_dotted_box.jpg) no-repeat top left;
}
body#casosexito .dottedBox p {
  width: 280px;
  margin: 0 0 0 23px;
}
body#casosexito .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#casosexito #wrapper {
  background: #E0E0E0 url(../images/customers_wrapper_back.jpg) no-repeat top right;
}
.casosexito {
  clear: both;
  background: transparent url(../images/dot_gray.gif) repeat-x bottom left; 
  margin: 0 15px 0 0;
}
.casosexito img {
  float: left;
  margin: 18px 17px 10px 0;
}
.casosexito h5,
.casosexito p {
  padding: 0 0 0 17px;
}

.casosexito h5 {
  padding-top: 19px;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-color: #000000;
}
.casosexito h5 span {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #6B4C1C;
}

.casosexito p span {
  font-size: 11px;
  font-style:italic;
  color: #6B4C1C;
}



li#casosexito {
  margin: 0 0 40px 0;
}



/* Comunicaciones */

/* Buscador Comunicaciones */
#comunicacionesFilter {
  background: transparent url(../images/dot_gray.gif) repeat-x bottom left;
  margin: 0 15px 0 0;
  height:50px;
}
#comunicacionesFilter form {
  display: inline;
}
#comunicacionesFilter form {
  float: left;
  text-align: right;
  padding: 10px 0 0 5px;
}
#comunicacionesFilter p {
  padding: 0;
  margin: 0;
}

/* Termina Buscador Comunicaciones */


/* Comunicaciones - Anuncios 

  ====================================================  */
body#anuncios #pageIntro {
  background: transparent url(../images/comunicaciones_intro_back.jpg) no-repeat 608px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#anuncios .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/ser_profesionales_dotted_box.jpg) no-repeat bottom right;
}
body#anuncios .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#anuncios .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#anuncios #wrapper {
  background: #E0E0E0 url(../images/comunicaciones_wrapper_back.jpg) no-repeat top right;
}

.anuncios {
  clear: both;
  background: transparent url(../images/dot_gray.gif) repeat-x bottom left; 
  margin: 0 16px 0 0;
}
.anuncios img {
  float: left;
  border: 1px solid #B1AEA2;
  margin: 10px 12px 10px 0;
}
.anuncios h5,
.anuncios p {
  padding: 0 0 0 5px;
}
/*
.anuncios p {
  height: 70px;
}*/

.anuncios h5 {
  padding-top: 19px;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-color: #000000;
}
.anuncios h5 span {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #6B4C1C;
}

/* Comunicaciones - Eventos 

  ====================================================  */
body#eventos #pageIntro {
  background: transparent url(../images/comunicaciones_intro_back.jpg) no-repeat 608px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#eventos .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/ser_profesionales_dotted_box.jpg) no-repeat bottom right;
}
body#eventos .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#eventos .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#eventos #wrapper {
  background: #E0E0E0 url(../images/comunicaciones_wrapper_back.jpg) no-repeat top right;
}

.eventos {
  clear: both;
  background: transparent url(../images/dot_gray.gif) repeat-x bottom left; 
  margin: 0 16px 0 0;
}
.eventos img {
  float: left;
  border: 1px solid #B1AEA2;
  margin: 10px 12px 10px 0;
}
.eventos h5,
.eventos p {
  padding: 0 0 0 5px;
}

.eventos h5 {
  padding-top: 19px;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-color: #000000;
}
.eventos h5 span {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #6B4C1C;
}

/* Comunicaciones - Prensa 

  ====================================================  */
body#prensa #pageIntro {
  background: transparent url(../images/comunicaciones_intro_back.jpg) no-repeat 608px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#prensa .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/ser_profesionales_dotted_box.jpg) no-repeat bottom right;
}
body#prensa .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#prensa .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#prensa #wrapper {
  background: #E0E0E0 url(../images/comunicaciones_wrapper_back.jpg) no-repeat top right;
}

.prensa {
  clear: both;
  background: transparent url(../images/dot_gray.gif) repeat-x bottom left; 
  margin: 0 16px 0 0;
}
.prensa img {
  float: left;
  border: 1px solid #B1AEA2;
  margin: 10px 12px 10px 0;
}
.prensa h5,
.prensa p {
  padding: 0 0 0 5px;
}

.prensa h5 {
  padding-top: 19px;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-color: #000000;
}
.prensa h5 span {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #6B4C1C;
}


/* Comunicaciones - Videos 

  ====================================================  */
body#videos #pageIntro {
  background: transparent url(../images/comunicaciones_intro_back.jpg) no-repeat 608px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#videos .dottedBox {
  width: 331px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/ser_profesionales_dotted_box.jpg) no-repeat bottom right;
}
body#videos .dottedBox p {
  width: 320px;
  margin: 0 0 0 23px;
}
body#videos .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#videos #wrapper {
  background: #E0E0E0 url(../images/comunicaciones_wrapper_back.jpg) no-repeat top right;
}

.videosver {
	width:516px;
}

.videosverd {
	width: 156px;
	margin: 10px 6px 3px 6px;
	text-align:center;
	float:left;
}

.videosverd h5 {
	font-size:12px;
	padding-top: 5px;
	line-height: 13px;
	margin: 0;
	text-align:center;
}


/* Contact
  ====================================================  */
  
body#contact #pageIntro {
  background: transparent url(../images/contact_intro_back.jpg) no-repeat 595px bottom;
  padding: 0 0 0 0;
  height: 152px;
}
body#contact .dottedBox {
  width: 318px;
  height: 85px;
  overflow: hidden;
  margin: 41px 0 0 277px;
  background: transparent url(../images/contact_dotted_box.jpg) no-repeat top left;
}
body#contact .dottedBox p {
  width: 280px;
  margin: 0 0 0 23px;
}
body#contact .dottedBox p.title {
  margin: 16px 0 0 23px;
}
body#contact #wrapper {
  background: #E0E0E0 url(../images/contact_wrapper_back.jpg) no-repeat top right;
}
#contact #main p {
  padding-right: 0;
}
img.contact_banner {
  margin: 0 0 56px 11px;
}
body#contact #main h3 {
  margin-right: 15px;
}
body#contact #side li.data {
  margin: 5px 0 6px 0;
  padding: 0 4px 6px 15px;
}
body#contact #side li span {
  background: url(../images/arrow.gif) no-repeat left 5px;
  padding: 0 0 0 10px
}

  
/* remove me */
#mockup {
  text-align: center;
  margin: 10px auto;
}
#mockup a, #mockup a:link, #mockup a:visited {
  color: #8B866C;
  border: 1px solid #8B866C;
  padding: 0 3px 0 3px;
  font-size: 9px;
  letter-spacing: 3px;
}
#mockup a:hover {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}