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

/*
Type:   Generales
Site:   INNO Personas
Author: Jaime Zubiaur - YOU Media
*/

body {								
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444;}	
	
	#home {background: #FFF url(../images/fondo_home.gif) repeat-x;}	
	#quehacemos {background: #FFF url(../images/fondo_quehacemos.gif) repeat-x;}
	#hacialaempresa {background: #FFF url(../images/fondo_hacialaempresa.gif) repeat-x;}
	#loquenosdiferencia {background: #FFF url(../images/fondo_loquenosdiferencia.gif) repeat-x;}
	#nuestroenfoque {background: #FFF url(../images/fondo_nuestroenfoque.gif) repeat-x;}
	#quienessomos {background: #FFF url(../images/fondo_quienessomos.gif) repeat-x;}
	#metodologia {background: #FFF url(../images/fondo_metodologia.gif) repeat-x;}
	#comotrabajamos {background: #FFF url(../images/fondo_comotrabajamos.gif) repeat-x;}
	#nuestrosservicios {background: #FFF url(../images/fondo_nuestrosservicios.gif) repeat-x;}
	#contacto {background: #FFF url(../images/fondo_contacto.gif) repeat-x;}
	#clientes {background: #FFF url(../images/fondo_clientes.gif) repeat-x;}
	


/* LAYOUT
///////////////////////////////////////////////////////////////////// */

#container {					
	position:relative;
	width:880px;
	margin: 0 auto;
	padding: 0;}
	
#header {	
	width:880px;
	height: 213px;
	margin:0 auto;
	padding: 0;}
	
	#home #header {height: 263px;}
	
	
#content {
	position:relative;
	z-index: 5;	
	width:880px;
	margin: 8px 25px;}
	
	#home #content {margin: 17px 25px;}
	

#home #main-content {
	margin-top: 45px;}	

	#quehacemos #main-content { width: 585px; margin-top: 93px;}
	#hacialaempresa #main-content { width: 585px; margin-top: 57px;}
	#loquenosdiferencia #main-content { width: 585px; margin-top: 90px;}
	#nuestroenfoque #main-content { width: 585px; margin-top: 68px;}
	#quienessomos #main-content { width: 585px; margin-top: 48px;}
	#metodologia #main-content { width: 585px; margin-top: 67px;}
	#comotrabajamos #main-content { width: 585px; margin-top: 93px;}
	#nuestrosservicios #main-content { width: 510px; margin-top: 93px;}
	#contacto #main-content { width: 510px; margin-top: 90px;}
	#clientes #main-content { width: 805px; margin-top: 60px;}
	
#footer {
	clear:both;	
	width: 608px;
	height: 20px;
	padding: 60px 25px 0 25px;}
	
	#home #footer { width: 793px;}
	
	

			

/* CABECERA
///////////////////////////////////////////////////////////////////// */
	
#logo-cabecera {
	position: absolute;
	z-index: 5;
	width:290px;
	height:108px;
	top:72px;
	left:90px;
}
	
	#home #logo-cabecera {
		width:330px;
		height:123px;
		top:120px;}
		
#claim {
	position: absolute;
	z-index:5;
	top:173px;
	width:290px;
	height:59px;
	left:570px;}
	
	#home #claim {
		width:328px;
		height:67px;
		top:215px;
		left:550px;}
	
#contenedor-imagen {
	position:absolute;
	z-index:4;
	right:0;
	overflow:hidden;}
	
	#home #contenedor-imagen {
		top:360px;
		width:225px;
		height:214px;}
	#quehacemos #contenedor-imagen {
		top:215px;
		width:312px;
		height:169px;} 
	#hacialaempresa #contenedor-imagen {
		/* top:266px;
		width:272px;
		height:250px;} */
		top:222px;
		right:0;
		width:282px;
		height:364px;}
	#loquenosdiferencia #contenedor-imagen {
		top:155px;
		width:262px;
		height:350px;}
	#nuestroenfoque #contenedor-imagen {
		top:223px;
		width:267px;
		height:216px;}
	#quienessomos #contenedor-imagen {
		top:213px;
		width:272px;
		height:250px;}
	#metodologia #contenedor-imagen {
		top:237px;
		right:10px;
		width:300px;
		height:300px;}
	#comotrabajamos #contenedor-imagen {
		top:165px;
		width:172px;
		height:291px;}
	#nuestrosservicios #contenedor-imagen {
		top:140px;
		right:0;
		width:368px;
		height:447px;}
	#contacto #contenedor-imagen {
	top:140px;
	right:0;
	width:368px;
	height:372px;
}

#home #imagen {
	position:relative;
	z-index:4;
	top:0;
	left:0;
	width:432px;
	height:214px;}
	
	#quehacemos #imagen,
	#hacialaempresa #imagen,
	#loquenosdiferencia #imagen,
	#nuestroenfoque #imagen,
	#quienessomos #imagen,
	#metodologia #imagen,
	#comotrabajamos #imagen {
	position:relative;
	z-index:4;
	left:0;
	width:257px;
	height:250px;
}
		
	#nuestrosservicios #imagen {
		position:relative;
		z-index:4;
		top:0;
		left:0;
		width:368px;
		height:447px;}

	
	
/* MENÚ PRINCIPAL
///////////////////////////////////////////////////////////////////// */

#main-menu {
	position: absolute;
	top:0;
	right:0;
	z-index: 8;
	width:auto;
	height: auto;}
	
#menu-uno {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;}

#menu-uno ul {
	list-style-type:none;
	width:auto;
	float:left;
	height: 32px;}

#menu-uno ul li {
	display:block;
	float:left;
	margin:auto 0;
	height: 32px;
	}

#menu-uno ul li a {
	color:#666;}
	
#menu-uno ul li a:hover {
	text-decoration:underline;}

#menu-uno #link-home {
	width:41px;
	height:32px;
	background: transparent url("../images/menu_principal_home.gif") top left no-repeat;}
	#menu-uno a:hover #link-home,
	#menu-uno a.selected #link-home {
		background: transparent url("../images/menu_principal_home2.gif") top left no-repeat;}
	
#menu-uno #link-que-hacer {
	width:79px;
	height:32px;
	background: transparent url("../images/menu_principal_nuestro_foco.gif") top left no-repeat;}
	#menu-uno a:hover #link-que-hacer,
	#menu-uno a.selected #link-que-hacer {
		background: transparent url("../images/menu_principal_nuestro_foco2.gif") top left no-repeat;}

#menu-uno #link-quienes-somos {
	width:123px;
	height:32px;
	background: transparent url("../images/menu_principal_planeta_innopersonas.gif") top left no-repeat;}
	#menu-uno a:hover #link-quienes-somos,
	#menu-uno a.selected #link-quienes-somos {
		background: transparent url("../images/menu_principal_planeta_innopersonas2.gif") top left no-repeat;}
		
#menu-uno #link-como-trabajamos {
	width:99px;
	height:32px;
	background: transparent url("../images/menu_principal_como_trabajamos.gif") top left no-repeat;}
	#menu-uno a:hover #link-como-trabajamos,
	#menu-uno a.selected #link-como-trabajamos {
		background: transparent url("../images/menu_principal_como_trabajamos2.gif") top left no-repeat;}
		
#menu-uno #link-nuestros-servicios {
	width:108px;
	height:32px;
	background: transparent url("../images/menu_principal_nuestros_servicios.gif") top left no-repeat;}
	#menu-uno a:hover #link-nuestros-servicios,
	#menu-uno a.selected #link-nuestros-servicios {
		background: transparent url("../images/menu_principal_nuestros_servicios2.gif") top left no-repeat;}
		
#menu-uno #link-clientes {
	width:56px;
	height:32px;
	background: transparent url("../images/menu_principal_clientes.gif") top left no-repeat;}
	#menu-uno a:hover #link-clientes,
	#menu-uno a.selected #link-clientes {
		background: transparent url("../images/menu_principal_clientes2.gif") top left no-repeat;}	
		
#menu-uno #link-contacto {
	width:60px;
	height:32px;
	background: transparent url("../images/menu_principal_contacto.gif") top left no-repeat;}
	#menu-uno a:hover #link-contacto,
	#menu-uno a.selected #link-contacto {
		background: transparent url("../images/menu_principal_contacto2.gif") top left no-repeat;}	
	
	#link-home span,
	#link-que-hacer span,
	#link-quienes-somos span,
	#link-como-trabajamos span,
	#link-nuestros-servicios span,
	#link-clientes span,
	#link-contacto span {
		display:none;}




#menu-dos {
	width:384px;
	height:43px;
	margin: 35px 0 0 32px;
	background: url(../images/menu_secundario_fondo.png) no-repeat top left;
	_background: url(../images/menu_secundario_fondo.gif) no-repeat top left;
	font-family: "Bookman Old Style", Georgia, serif;
	color:#888;
	padding-top:1px;}
	
#menu-dos-2 {
	width:326px;
	height:43px;
	margin: 35px 0 0 100px;
	background: url(../images/menu_secundario2_fondo.png) no-repeat top left;
	_background: url(../images/menu_secundario2_fondo.gif) no-repeat top left;
	font-family: "Bookman Old Style", Georgia, serif;
	color:#888;
	padding-top:1px;}

#menu-dos ul {
	list-style-type:none;
	float:left;	
	padding: 17px 0 0 10px;
	_padding: 17px 0 0 9px;
	}

#menu-dos-2 ul {
	list-style-type:none;
	float:left;	
	padding: 17px 0 0 150px;
	_padding: 17px 0 0 146px;
	}


#menu-dos ul li,
#menu-dos-2 ul li {
	display:block;
	float:left;
	margin:auto 2px;
	height: 32px;
	}

#menu-dos ul li a,
#menu-dos-2 ul li a {
	font-size:11px;
	letter-spacing:-0.1;
	_letter-spacing:-0.5;
	font-style:italic;
	font-weight:bold;
	color:#888;}

#menu-dos ul li a:hover,
#menu-dos-2 ul li a:hover,
#menu-dos ul li a.selected,
#menu-dos-2 ul li a.selected {
	color:#333;}







/* CONTENIDO
///////////////////////////////////////////////////////////////////// */	

h1 {
	text-transform:uppercase;
	color: #FFF;
	font-size:24px;}

#quehacemos h1 {
	width: 350px;
	height:50px;
	background: transparent url("../images/h1_nuestro_foco.png") top left no-repeat;}
	
#hacialaempresa h1 {
	width: 330px;
	height:50px;
	background: transparent url("../images/h1_hacialaempresa.png") top left no-repeat;}
	
#loquenosdiferencia h1 {
	width: 350px;
	height:50px;
	background: transparent url("../images/h1_loquenosdiferencia.png") top left no-repeat;}
	
#nuestroenfoque h1 {
	width: 275px;
	height:50px;
	background: transparent url("../images/h1_nuestroenfoque.png") top left no-repeat;}
	
#quienessomos h1 {
	width: 370px;
	height:50px;
	background: transparent url("../images/h1_planetainnopersonas.png") top left no-repeat;}
	
#metodologia h1 {
	width: 205px;
	height:50px;
	background: transparent url("../images/h1_metodologia.png") top left no-repeat;}
	
#comotrabajamos h1 {
	width: 282px;
	height:50px;
	background: transparent url("../images/h1_comotrabajamos.png") top left no-repeat;}
	
#nuestrosservicios h1 {
	width: 350px;
	height:50px;
	background: transparent url("../images/h1_nuestrosservicios.png") top left no-repeat;}
	
#contacto h1 {
	width: 350px;
	height:50px;
	background: transparent url("../images/h1_contacto.png") top left no-repeat;}
	
#clientes h1 {
	width: 155px;
	height:50px;
	background: transparent url("../images/h1_clientes.png") top left no-repeat;}



	#quehacemos h1 span,
	#hacialaempresa h1 span,
	#loquenosdiferencia h1 span,
	#nuestroenfoque h1 span,
	#quienessomos h1 span,
	#metodologia h1 span,
	#comotrabajamos h1 span,
	#nuestrosservicios h1 span,
	#contacto h1 span,
	#clientes h1 span {
		display:none;}



h2 {		
	width: 580px;
	font-family: "Bookman Old Style", Georgia, serif;
	font-weight:bold;
	font-style:italic;
	font-size: 14px;
	color: #FFF;
	letter-spacing: 0.2px;}
	
	#hacialaempresa h2 {
		width: 650px;
		font-size: 13px;}


	

#home #columna-1 {
	float: left;
	width: 172px;	
	margin: 0;}
	
#home #columna-2 {
	float: left;
	width: 172px;
	margin: 0 0 0 21px;}
	
#home #columna-3 {
	float: left;
	width: 172px;
	margin: 0 0 0 21px;}
	
#home #columna-4 {
	float: left;	
	width: 172px;
	margin: 0 0 0 21px;}
	
	
#contacto #columna-1 {
	float: left;
	width: 192px;	
	margin: -55px 0 0 0;}
	
#contacto #columna-2 {
	float: left;
	width: 250px;
	margin: -55px 0 0 35px;}	
	
	
#quehacemos #columna-1,
#loquenosdiferencia #columna-1,
#comotrabajamos #columna-1,
#nuestrosservicios #columna-1 {
	float: left;
	width: 270px;	
	margin: 0;}
	
	#loquenosdiferencia #columna-1{
		margin-bottom:10px;
		min-height:165px;
		_height:165px;}
	
	#comotrabajamos #columna-1 {
		margin-bottom:10px;
		min-height:130px;
		_height:130px;}
		
	#nuestrosservicios #columna-1{
		width: 235px;
		min-height:80px;
		_height:80px;}
		
#quehacemos #columna-2, 
#loquenosdiferencia #columna-2,
#comotrabajamos #columna-2,
#nuestrosservicios #columna-2 {
	float: left;
	width: 45px;
	height:104px;
	margin: 0;
	background: url("../images/linea_108.gif") no-repeat center;}
	
	#loquenosdiferencia #columna-2 {
		height:140px;
		background: url("../images/linea_165.gif") no-repeat center;}
		
	#comotrabajamos #columna-2 {
		height:110px;
		background: url("../images/linea_165.gif") no-repeat center;}
		
	#nuestrosservicios #columna-2 {
		width: 40px;
		height:150px;
		background: url("../images/linea_165.gif") no-repeat center;}

#quehacemos #columna-3,
#loquenosdiferencia #columna-3,
#comotrabajamos #columna-3,
#nuestrosservicios #columna-3 {
	float: left;
	width: 270px;
	margin: 0 ;}
	
	#loquenosdiferencia #columna-3 {
		margin-bottom:10px;
		min-height:165px;
		_height:165px;}
	
	#comotrabajamos #columna-3 {
		margin-bottom:10px;
		min-height:130px;
		_height:130px;}
		
	#nuestrosservicios #columna-3 {
		width: 235px;
		min-height:80px;
		_height:80px;}


#home #titulo-1 {
	width: 115px;
	height:50px;
	background: transparent url("../images/titulo_home_nuestra_vision.png") top left no-repeat;}

#home #titulo-2 {
	width: 115px;
	height:50px;
	background: transparent url("../images/titulo_home_nuestra_mision.png") top left no-repeat;}

#home #titulo-3 {
	width: 115px;
	height:50px;
	background: transparent url("../images/titulo_home_nuestro_objetivo.png") top left no-repeat;}
	
#home #titulo-4 {
	width: 115px;
	height:50px;
	background: transparent url("../images/titulo_home_nuestros_valores.png") top left no-repeat;}
	
	#titulo-1 span,
	#titulo-2 span, 
	#titulo-3 span, 
	#titulo-4 span {
		display:none;}
		
		

#contacto #titulo-1 {
	width: 180px;
	height:50px;
	margin-bottom:10px;
	background: transparent url("../images/h3_sedesocial.png") top left no-repeat;}

#contacto #titulo-2 {
	width: 180px;
	height:50px;
	margin-bottom: 10px;
	margin-left:-2px;
	background: transparent url("../images/h3_innotaller.png") top left no-repeat;}		
		
	#contacto #titulo-1 span, 
	#contacto #titulo-2 span {
		display:none;}	
		
		
		
		

h3 {
	text-transform:uppercase;
	color: #b0c700;
	font-size:18px;
	margin-top:5px;}	

h3.organizacion {
	width: 270px;
	height:27px;
	background: transparent url("../images/h3_organizacion.png") top left no-repeat;}
	
h3.liderazgo {
	width: 270px;
	height:27px;
	background: transparent url("../images/h3_liderazgo.png") top left no-repeat;}

h3.talentoycompromiso {
	width: 270px;
	height:27px;
	background: transparent url("../images/h3_talentoycompromiso.png") top left no-repeat;}

h3.incertidumbreycambio {
	width: 270px;
	height:27px;
	background: transparent url("../images/h3_incertidumbreycambio.png") top left no-repeat;}

h3.humanresources {
	width: 270px;
	height:27px;
	background: transparent url("../images/h3_humanresources.png") top left no-repeat;}
	
h3.mentoring {
	width: 270px;
	height:27px;
	background: transparent url("../images/h3_mentoring.png") top left no-repeat;}


h3.laeradelacolaboracion {
	width: 270px;
	height:27px;
	margin-bottom:-5px;
	background: transparent url("../images/h3_laeradelacolaboracion.png") top left no-repeat;}

h3.latecnologia {
	width: 270px;
	height:53px;
	margin:25px 0 -7px 0;;
	background: transparent url("../images/h3_latecnologia2.png") top left no-repeat;}

h3.suempresaestapreparada {
	width: 270px;
	height:53px;
	margin:25px 0 -7px 0;;
	background: transparent url("../images/h3_suempresaestapreparada.png") top left no-repeat;}
	
h3.ymisprofesionales {
	width: 270px;
	height:53px;
	margin:25px 0 -7px 0;;
	background: transparent url("../images/h3_ymisprofesionales.png") top left no-repeat;}
	
h3.procesoseinteracciones {
	width: 270px;
	height:53px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_procesoseinteracciones.png") top left no-repeat;}
	
h3.focoenlaejecucion {
	width: 270px;
	height:53px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_focoenlaejecucion.png") top left no-repeat;}
	
h3.colaboracionconelcliente {
	width: 270px;
	height:53px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_colaboracionconelcliente.png") top left no-repeat;}
	
h3.transferenciadelconocimiento {
	width: 270px;
	height:53px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_transferenciadelconocimiento.png") top left no-repeat;}
	
h3.acompanamientoefectivo {
	width: 270px;
	height:53px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_acompanamientoefectivo.png") top left no-repeat;}
	
h3.josecabrera {
	width: 132px;
	height:27px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_josecabrera.png") top left no-repeat;}

h3.pilarjerico {
	width: 119px;
	height:27px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_pilarjerico.png") top left no-repeat;}

h3.martaromo {
	width: 119px;
	height:27px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_martaromo.png") top left no-repeat;}
	
h3.juanlondono {
	width: 138px;
	height:27px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_juanlondono.png") top left no-repeat;}

h3.juancarrion {
	width: 138px;
	height:27px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_juancarrion.png") top left no-repeat;}


h3.aspgems {
	width: 270px;
	height:50px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_aspgems.png") top left no-repeat;}

h3.elmanagement {
	width: 384px;
	height:27px;
	margin:0 0 -5px 0;
	background: transparent url("../images/h3_elmanagement2.png") top left no-repeat;}
	
h3.unanuevaera {
	width: 270px;
	height:27px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_unanuevaera.png") top left no-repeat;}

h3.sincroniaestrategica {
	width: 270px;
	height:27px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_sincroniaestrategica.png") top left no-repeat;}

h3.sincroniaorganizativa {
	width: 270px;
	height:27px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_sincroniaorganizativa.png") top left no-repeat;}

h3.sincroniaoperativa {
	width: 270px;
	height:27px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_sincroniaoperativa.png") top left no-repeat;}

h3.definiciondelproblema {
	width: 270px;
	height:53px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_definiciondelproblema.png") top left no-repeat;}
	
h3.selecciondelasmejores {
	width: 270px;
	height:53px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_selecciondelasmejores.png") top left no-repeat;}
	
h3.transferenciadelasmejores {
	width: 270px;
	height:53px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_transferenciadelasmejores.png") top left no-repeat;}
	
h3.aplicaciondelasmejores {
	width: 270px;
	height:53px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_aplicaciondelasmejores.png") top left no-repeat;}

h3.acompanamientoenlaejecucion {
	width: 270px;
	height:53px;
	margin: 0 0 -5px 0;
	background: transparent url("../images/h3_acompanamientoenlaejecucion.png") top left no-repeat;}
	
h3.talleresdiscovery {
	width: 270px;
	height:27px;
	margin: 0 0 -6px 0;
	background: transparent url("../images/h3_talleresdiscovery.png") top left no-repeat;}
	
h3.itinerarios {
	width: 270px;
	height:27px;
	margin: 0 0 -6px 0;
	background: transparent url("../images/h3_itinerarios.png") top left no-repeat;}
	
h3.pildorassincronia {
	width: 270px;
	height:27px;
	margin: 0 0 -6px 0;
	background: transparent url("../images/h3_pildorassincronia.png") top left no-repeat;}	
	
h3.consultoriaagilycolaborativa {
	width: 335px;
	height:27px;
	margin: 0 0 -6px 0;
	background: transparent url("../images/h3_consultoriaagilycolaborativa.png") top left no-repeat;}	
	
h3.conferenciasinspiradoras {
	width: 280px;
	height:27px;
	margin: 0 0 -6px 0;
	background: transparent url("../images/h3_conferenciasinspiradoras.png") top left no-repeat;}	
	
h3.coachingejecutivo {
	width: 340px;
	height:27px;
	margin: 0 0 -6px 0;
	background: transparent url("../images/h3_coachingejecutivo.png") top left no-repeat;}		

h3.innopersonas {
	width: 330px;
	height:123px;
	margin: 0 0 -6px 0;
	background: transparent url("../images/h3_innopersonas.png") top left no-repeat;}	

h3.mini_liderazgo {
	width: 230px;
	height:20px;
	margin: 15px 0 -6px 0;
	background: transparent url("../images/h3mini_liderazgo.png") top left no-repeat;}	
	
h3.mini_mentoring {
	width: 230px;
	height:20px;
	margin: 15px 0 -6px 0;
	background: transparent url("../images/h3mini_mentoring.png") top left no-repeat;}	

h3.mini_gestiondeltalento {
	width: 230px;
	height:20px;
	margin: -20px 0 -6px 0;
	background: transparent url("../images/h3mini_gestiondeltalento.png") top left no-repeat;}	
	
h3.mini_gestiondelaincertidumbre {
	width: 230px;
	height:41px;
	margin: -20px 0 -6px 0;
	background: transparent url("../images/h3mini_gestiondelaincertidumbre.png") top left no-repeat;}	


h3.organizacion span,
h3.liderazgo span,
h3.talentoycompromiso span,
h3.humanresources span,
h3.incertidumbreycambio span,
h3.laeradelacolaboracion span,
h3.latecnologia span, 
h3.suempresaestapreparada span,
h3.procesoseinteracciones span,
h3.focoenlaejecucion span,
h3.colaboracionconelcliente span,
h3.transferenciadelconocimiento span,
h3.acompanamientoefectivo span,
h3.josecabrera span,
h3.pilarjerico span,
h3.martaromo span,
h3.juanlondono span,
h3.juancarrion span,
h3.aspgems span,
h3.elmanagement span, 
h3.unanuevaera span,
h3.nuevasreglas span,
h3.sincroniaestrategica span, 
h3.sincroniaorganizativa span,
h3.sincroniaoperativa span, 
h3.definiciondelproblema span,
h3.selecciondelasmejores span,
h3.transferenciadelasmejores span, 
h3.aplicaciondelasmejores span,
h3.acompanamientoenlaejecucion span, 
h3.talleresdiscovery span,
h3.pildorassincronia span,
h3.consultoriaagilycolaborativa span, 
h3.conferenciasinspiradoras span,
h3.coachingejecutivo span,
h3.mentoring span, 
h3.ymisprofesionales span,
h3.itinerarios span,
h3.mini_liderazgo span,
h3.mini_mentoring span, 
h3.mini_gestiondeltalento span, 
h3.mini_gestiondelaincertidumbre span {
	display:none;}

p {
	margin:15px 0;
	text-align:justify;}

#home p {
	width: 150px;
	min-height:165px;
	_height:165px;
	margin-top:25px;
	padding-right: 21px;
	text-align: left;
	background:url("../images/linea_165.gif") no-repeat right;}
	
  #home #columna-3 p, #home #columna-2 p {width: 155px;}
	
	#nuestrosservicios p {margin-bottom:20px;}

p.txt-columna {
	margin:0;
	padding: 10px 0 15px 0;
	font-size:11px;
	text-align:left;
	color:#444;}
	
	#loquenosdiferencia p.txt-columna { font-size:12px;}

#main-content ul {
	margin: -5px 0 20px 25px;	
	}
#main-content li {
	list-style:url(../images/bolita.gif);
	margin: 2px 0;
	text-transform:uppercase;
	font-size: 10px;
	color:#888;}
	#metodologia #main-content li {list-style:url(../images/bolita_azul.gif);}
	

strong {
	font-weight:bold;}
	
#home em,
#quehacemos em,
#nuestroenfoque em,
#quienessomos em,
#nuestrosservicios em,
#contacto em,
#cliente em {
	background: #a4b70e;
	/*background: #3190bb;*/}
	
#loquenosdiferencia em,
#metodologia em,
#comotrabajamos em,
#hacialaempresa em {
	background: #0084be;}


	
cite {
	display:block;
	margin:-5px 180px 30px 20px;
	padding-left: 15px;
	color:#aaa;
	font-family: "Bookman Old Style", Georgia, serif;
	font-weight:bold;
	font-style:italic;
	font-size: 11px;
	letter-spacing: 0.2px;
	border-left: 10px #b0c700 solid;}	

	
	
	
/* QUIÉNES SOMOS (ESTILOS ESPECIALES)
///////////////////////////////////////////////////////////////////// */

#quienessomos #tarjeta-uno {
	width: 450px;
	_width:355px;
	height:291px;
	_height:249px;
	background: url("../images/tarjeta_uno.png") no-repeat;
	padding:40px 40px 0 40px;}

#quienessomos #tarjeta-dos {
	width: 524px;
	_width:373px;
	height:470px;
	_height:380px;
	background: url("../images/tarjeta_dos.png") no-repeat;
	margin: -30px 0 0 40px;
	_margin: 10px 0 0 40px;
	padding: 37px 40px 45px 110px;}
	
#quienessomos #tarjeta-tres {
	width: 511px;
	_width: 425px;
	height:450px;
	_height:375px;
	background: url("../images/tarjeta_tres.png") no-repeat;
	margin: -88px 0 0 10px;
	_margin: -15px 0 0 10px;
	padding:69px 40px 0 46px;}
	
#quienessomos #tarjeta-cuatro {
	width: 511px;
	_width: 388px;
	height:450px;
	_height:395px;
	background: url("../images/tarjeta_cuatro.png") no-repeat;
	margin: -56px 0 0 -10px;
	_margin: 0 0 0 -10px;
	padding:47px 40px 0 83px;}
	
#quienessomos #tarjeta-cinco {
	width: 524px;
	_width: 380px;
	height:500px;
	_height:315px;
	background: url("../images/tarjeta_cinco.png") no-repeat;
	margin: -90px 0 -120px 40px;
	_margin: -40px 0 0 40px;
	padding: 69px 40px 0 90px;
	_padding: 59px 40px 45px 90px;}

	

	#tarjeta-uno p,
	#tarjeta-dos p,
	#tarjeta-tres p, 
	#tarjeta-cuatro p,
	#tarjeta-cinco p {
		width:370px;
		padding-top:5px;
		color:#555;
		margin-bottom:5px;
		line-height: 14.5px;}
		
		#tarjeta-dos-b p {
			width:370px;
			padding-top:5px;
			color:#555;
			margin: 46px 0 5px -40px;
			line-height: 14.5px;}
		
		#tarjeta-tres-b p {
			width:370px;
			padding-top:5px;
			color:#555;
			margin: 35px 0 5px 37px;
			line-height: 14.5px;}
		
		#tarjeta-cuatro-b p {
			width:370px;
			padding-top:5px;
			color:#555;
			margin: 40px 0 5px -15px;
			line-height: 14.5px;}
			
		#tarjeta-cinco-b p {
			width:370px;
			padding-top:5px;
			color:#555;
			margin: 35px 0 0 -40px;
			_margin: 20px 0 5px -40px;
			line-height: 14.5px;}
			
		
	#tarjeta-uno a, 
	#tarjeta-dos a,
	#tarjeta-tres a,
	#tarjeta-cinco a {
		color:#009bdf;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
		font-size: 11px;}
		
		#tarjeta-uno a:hover, 
		#tarjeta-dos a:hover,
		#tarjeta-tres a:hover,
		#tarjeta-cinco a:hover {
			text-decoration:underline;}

		#tarjeta-dos-b a {
			margin-left:-40px;}

		#tarjeta-tres-b a {
			margin-left:37px;}	
			
		#tarjeta-cinco-b a {
			margin-left:-40px;}




/* CLIENTES (ESTILOS ESPECIALES)
///////////////////////////////////////////////////////////////////// */


#clientes-logos {
	float:left;
	}
#clientes #columna-1 {height: 65px; margin:0 0 20px -10px;} 
#clientes #columna-2 {height: 66px; margin:0 0 20px -10px;} 
#clientes #columna-3 {height: 98px; margin:0 0 20px -10px;}
#clientes #columna-4 {height: 66px; margin:0 0 20px -10px;} 
#clientes #columna-5 {height: 66px; margin:0 0 15px -20px;} 
#clientes #columna-6 {height: 73px; margin:0 0 20px -20px;}

#clientes-logos #bbva {
	width: 127px;
	height: 65px;
	margin-right:45px;
	
	background: transparent url("../images/clientes_bbva.png") top left no-repeat;}
	#clientes-logos a:hover #bbva {background: transparent url("../images/clientes_bbva2.png") top left no-repeat;}

#clientes-logos #iberia {
	width: 184px;
	height: 65px;
	margin-right:60px;
	
	background: transparent url("../images/clientes_iberia.png") top left no-repeat;}
	#clientes-logos a:hover #iberia {background: transparent url("../images/clientes_iberia2.png") top left no-repeat;}

#clientes-logos #defensa {
	width: 145px;
	height: 65px;
	margin-right:45px;
	background: transparent url("../images/clientes_defensa.png") top left no-repeat;}
	#clientes-logos a:hover #defensa {background: transparent url("../images/clientes_defensa2.png") top left no-repeat;}

#clientes-logos #toyota {
	width: 106px;
	height: 66px;
	margin-right:60px;
	background: transparent url("../images/clientes_toyota.png") top left no-repeat;}
	#clientes-logos a:hover #toyota {background: transparent url("../images/clientes_toyota2.png") top left no-repeat;}

#clientes-logos #banesto {
	width: 171px;
	height: 66px;
	margin-right:45px;
	background: transparent url("../images/clientes_banesto.png") top left no-repeat;}
	#clientes-logos a:hover #banesto {background: transparent url("../images/clientes_banesto2.png") top left no-repeat;}

#clientes-logos #cajamadrid {
	width: 180px;
	height: 66px;
	margin-right:50px;
	background: transparent url("../images/clientes_cajamadrid.png") top left no-repeat;}
	#clientes-logos a:hover #cajamadrid {background: transparent url("../images/clientes_cajamadrid2.png") top left no-repeat;}
	
#clientes-logos #endesa {
	width: 106px;
	height: 98px;
	margin-right:65px;
	background: transparent url("../images/clientes_endesa.png") top left no-repeat;}
	#clientes-logos a:hover #endesa {background: transparent url("../images/clientes_endesa2.png") top left no-repeat;}

#clientes-logos #telefonica {
	width: 173px;
	height: 98px;
	margin-right:50px;
	background: transparent url("../images/clientes_telefonica.png") top left no-repeat;}
	#clientes-logos a:hover #telefonica {background: transparent url("../images/clientes_telefonica2.png") top left no-repeat;}

#clientes-logos #indra {
	width: 180px;
	height: 95px;
	margin-right:65px;
	background: transparent url("../images/clientes_indra.png") top left no-repeat;}
	#clientes-logos a:hover #indra {background: transparent url("../images/clientes_indra2.png") top left no-repeat;}

#clientes-logos #pfizer {
	width: 111px;
	height: 66px;
	margin-right:70px;
	background: transparent url("../images/clientes_pfizer.png") top left no-repeat;}
	#clientes-logos a:hover #pfizer {background: transparent url("../images/clientes_pfizer2.png") top left no-repeat;}
	
#clientes-logos #hertz {
	width: 180px;
	height: 66px;
	margin-right:20px;
	background: transparent url("../images/clientes_hertz.png") top left no-repeat;}
	#clientes-logos a:hover #hertz {background: transparent url("../images/clientes_hertz2.png") top left no-repeat;}
	
#clientes-logos #disney {
	width: 212px;
	height: 66px;
	margin-right:35px;
	background: transparent url("../images/clientes_disney.png") top left no-repeat;}
	#clientes-logos a:hover #disney {background: transparent url("../images/clientes_disney2.png") top left no-repeat;}

#clientes-logos #madrid {
	width: 151px;
	height: 66px;
	margin-right:60px;
	margin-left:90px;
	background: transparent url("../images/clientes_madrid.png") top left no-repeat;}
	#clientes-logos a:hover #madrid {background: transparent url("../images/clientes_madrid2.png") top left no-repeat;}
	
#clientes-logos #ineco {
	width: 180px;
	height: 66px;
	margin-top:4px;
	margin-right:50px;
	background: transparent url("../images/clientes_ineco.png") top left no-repeat;}
	#clientes-logos a:hover #ineco {background: transparent url("../images/clientes_ineco2.png") top left no-repeat;}

#clientes-logos #planeta {
	width: 194px;
	height: 66px;
	margin-right:45px;
	background: transparent url("../images/clientes_planeta.png") top left no-repeat;}
	#clientes-logos a:hover #planeta {background: transparent url("../images/clientes_planeta2.png") top left no-repeat;}

#clientes-logos #sun {
	width: 145px;
	height: 66px;
	background: transparent url("../images/clientes_sun.png") top left no-repeat;}
	#clientes-logos a:hover #sun {background: transparent url("../images/clientes_sun2.png") top left no-repeat;}
	
#clientes-logos #barclays {
	width: 184px;
	height: 73px;
	margin-top:-8px;
	background: transparent url("../images/clientes_barclays.png") top left no-repeat;}
	#clientes-logos a:hover #barclays {background: transparent url("../images/clientes_barclays2.png") top left no-repeat;}

#clientes-logos #saint-gobain {
	width: 175px;
	height: 73px;
	
	background: transparent url("../images/clientes_saintgobain.png") top left no-repeat;}
	#clientes-logos a:hover #saint-gobain {background: transparent url("../images/clientes_saintgobain2.png") top left no-repeat;}

#clientes-logos #leroy {
	width: 122px;
	height: 73px;
	margin-top:8px;
	background: transparent url("../images/clientes_leroy.png") top left no-repeat;}
	#clientes-logos a:hover #leroy {background: transparent url("../images/clientes_leroy2.png") top left no-repeat;}

#clientes-logos #ineco {
	width: 180px;
	height: 66px;
	margin-top:4px;
	background: transparent url("../images/clientes_ineco.png") top left no-repeat;}
	#clientes-logos a:hover #ineco {background: transparent url("../images/clientes_ineco2.png") top left no-repeat;}



	#bbva span,
	#iberia span,
	#defensa span,
	#toyota span,
	#banesto span,
	#cajamadrid span,
	#endesa span,
	#telefonica span,
	#indra span,
	#pfizer span,
	#hertz span,
	#disney span,
	#madrid span,
	#planeta span,
	#sun span,
	#barclays span,
	#saint-gobain span,
	#ineco span,
	#leroy span {display:none;}






			

/* PIE DE PÁGINA
///////////////////////////////////////////////////////////////////// */

#footer p {
	min-height:18px;
	_height:18px;
	display:inline;
	font-size: 10px;
	margin-right:20px;}
	
	#home #footer p {
		background:none;
		width: auto}
	
#footer .derecha {
	float:right;}
	
#footer .izquierda {
	float:left;}
	
#footer p strong {
	font-size: 11px;
	font-weight:bold;}
	
#footer a {
	font-weight: bold;
	color:#999;}
	
	
#footer a:hover {
	text-decoration: underline;}
		
		
		
/* BARRAS 2.0
///////////////////////////////////////////////////////////////////// */		
		
#home #barra2 {
	position: absolute;
	z-index:9;
	width: 160px;
	height: 40px;
	right:-35px;
	top:285px;}
	
#quehacemos #barra2 {
	position: absolute;
	z-index:9;
	width: 160px;
	height: 40px;
	right:50px;
	top:190px;}
	
#hacialaempresa #barra2 {
	position: absolute;
	z-index:9;
	width: 160px;
	height: 40px;
	right:60px;
	top:320px;}
	
#loquenosdiferencia #barra2 {
	position: absolute;
	z-index:9;
	width: 160px;
	height: 40px;
	right:70px;
	top:270px;}
		
#quienessomos #barra2 {
	position: absolute;
	z-index:9;
	width: 160px;
	height: 40px;
	right:80px;
	top:205px;}		
	
#comotrabajamos #barra2 {
	position: absolute;
	z-index:9;
	width: 160px;
	height: 40px;
	right:70px;
	top:225px;}	
	
#metodologia #barra2 {
	position: absolute;
	z-index:9;
	width: 160px;
	height: 40px;
	right:40px;
	top:310px;}	
	
#nuestrosservicios #barra2 {
	position: absolute;
	z-index:9;
	width: 160px;
	height: 40px;
	right:95px;
	top:295px;}	

#contacto #barra2 {
	position: absolute;
	z-index:9;
	width: 160px;
	height: 40px;
	right:40px;
	top:240px;}	
	
		
		
	
	
/* VARIOS
///////////////////////////////////////////////////////////////////// */	
	
.clear {
	clear: both;}

#degradado {
	position: absolute;
	left: 0;
	top: 0;
	z-index:0;
	height: 100%;
	width: 100%;}
	
#degradado img { 
	width: 100%;
	height: 100%;}


#metodologia #main-content a,
#hacialaempresa #main-content a,
#contacto #main-content a {
	color:#b1c800;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	font-size: 11px;}
	
	#hacialaempresa #main-content a {color: #b1c800; font-weight:normal;}
	#contacto #main-content a {color: #FFF; }
		
	#metodologia #main-content a:hover,
	#hacialaempresa #main-content a:hover {text-decoration:underline;}
	
	
#contacto p {
	color:#222;}