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

/********************************************	CSS RESET	*******************************************************/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
	 color:#2b2c28;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:11px;
}
@font-face {
    font-family: Helvetik;
    src: url('HelveticaNeueLTStd-77-BdCn.otf');
    src: url('helveticaneueltstd-77-bdcn-webfont.eot');
    src: url('helveticaneueltstd-77-bdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-77-bdcn-webfont.woff') format('woff'),
         url('helveticaneueltstd-77-bdcn-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-77-bdcn-webfont.svg#helveticaneuelt_std_cnbold') format('svg');
    font-weight: normal;
    font-style: normal;}
body {
	line-height:16px;
	background:#c9ebfc url(../img/img_fons.jpg) repeat-x top left;
	overflow-x:hidden;
}

:focus {
     outline: 0;
}

ol, ul {
     list-style: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: "";
}

blockquote, q {
     quotes: "" "";
}

input, textarea {
     margin: 0;
     padding: 0;
	 font-family:Arial, Helvetica, sans-serif;
	 padding:2px;
	 font-size:11px;
}
label{
	 font-size:11px;
}
hr {
     margin: 0;
     padding: 0;
     border: 0;
     height: 1px
}

a {
	text-decoration:none;
}


/********************************************	GENERAL	*******************************************************/

.idioma{
	background:url(../img/bg_redes_sociales_min.png) no-repeat top left;
	width:65px;
	height:1px;
	float:right;
	margin:40px 0px 0 0;
	padding:13px 25px 27px 21px;
	text-align:left;
}
.idioma a{
	color:#00000;
	padding:0 0 5px 15px;
	
	float:left;
	width:32px;
	margin:0 0 8px 0;
}


.idioma a:hover{
	color:#004A80;
}



ul.menu{
	float:left;
	margin:40px 0px 10px 0;
}


ul.menu li{
	float:left;
	margin:10px 30px 10px 0;
	padding:8px 0 0 0;
	cursor:pointer;
	text-transform:uppercase;
	font-size:14px;
	font-family:Helvetik, Arial, Helvetica, sans-serif;
}

ul.menu li.logo{
	float:left;
	margin:0px 130px 0 0;
}

ul.menu li a{
	float:left;
	margin:0;
	color:#2b2c28;
	padding:0;
	text-transform:uppercase;
	font-size:14px;
	font-family:Helvetik, Arial, Helvetica, sans-serif;
}


ul.menu li span{
	float:left;
	margin:-1px 5px 0 0;
	cursor:pointer;
	font-size:20px;
	color:#004A80;
	font-family:Helvetik, Arial, Helvetica, sans-serif;
}
ul.menu li.active{
	border-top:solid 2px #004A80;
	margin-top:8px;
}
ul.menu li.active a{
	color:#004A80;
}
ul.menu li.active span{
	color:#004A80;
}
ul.menu li:hover a{
	color:#004A80;
}
ul.menu li:hover{
	border-top:solid 2px #004A80;
	/*margin-top:8px;*/
}

ul.menu li.logo:hover{
	border-top:none;
	/*margin-top:10px;*/
}
ul.menu li:hover span{
	color:#004A80;
}
ul.menu li img{
	float:left;
	margin:-10px 0 0 0;
}
.contenido {
	width:940px;
	margin:0 auto;
	position:relative;
}
.content{
	width:940px;
	float:left;
	margin:0;
	padding:0;
	background:url(../img/bg_brillo.png) top center no-repeat;
	min-height:500px;
}
.casos{
	width:980px;
	margin:0 0 0 0;
	padding:0 0 40px 0;
	float:left;
	position:relative;
}
.valores{
	width:980px;
	float:left;
	position:relative;
	padding:0 0 0 40px;	
	margin:0;
	height:520px;
}


.valores img{
	width:50px;
	display:block; 
	clear:both;
	float:left;
	position:relative;
	margin:40px 20px 0 0px;

}
.valores p{

	font-size: 12px;
	width:700px;
	display:block; 
	float:left;
	position:relative;
	margin:40px 0 0 0;

}
.valores p span{
	font-size: 16px;
	font-family: Helvetik;
	text-transform:uppercase;

}






.servicios{
	width:980px;
	float:left;
	position:relative;
	padding:0 0 0 40px;	
	margin:0;
	height:auto;
}
.clientes{
	width:980px;
	float:left;
	position:relative;
	padding:0 0 60px 30px;
	margin:0 0 10px 0;	
}
.contacto{
	width:860px;
	float:left;
	padding:49px 0 20px 88px;
	/*background:url(../img/bg_contacto_sup.png) no-repeat top center;*/
}
.cajaContenido{
	position:absolute;
	top:100px;
	padding:50px 0 40px 0;
}

#izquierda{
	left:50%;
	margin-left:-470px;
	float:left;
	display:none;
}
#central{
	left:50%;
	float:left;
	margin-left:-470px;
}
#derecha{
	left:50%;
	float:left;
	margin-left:-470px;
	display:none;
}
.peu{
	width:940px;
	background:url(../img/bg_peu.png) top center no-repeat;
	height:auto;
	float:left;
	margin:0 0 50px 0;
	padding:30px 0 0 0;
}
.peu a{
	width:auto;
}
.peu a.contacto{
	float:right;
	background:url(../img/bg_contactanos.png) no-repeat right;
	padding:0 18px 0 0;
}
.peu a.contacto:hover{
	color:#004A80;
}
.peu a.telf{
	float:right;
	background:none !important;
	padding:0 0 0 12px !important;
}
#header .peu{
	position:absolute;
	top:650px;
}
/********************************************	PROYECTOS 	*******************************************************/
.casos .projects {
	float:left;
	margin:0 26px 0 0;
	width:294px;
	height:0;
	position:relative;
	opacity:0.5;
}
.casos .projects .contenedorFotoProject{
	float:left;
	width:294px;
	height:auto;
}
.casos .projects .foto{
	float:left;
	width:294px;
	height:209px;
	position:absolute;
	margin-left:0px;
	top:0;
	left:0;
}
.casos .projects .hover{
	float:left;
	width:294px;
	height:209px;
	position:absolute;
	margin-left:0px;
	top:0;
	left:0;
    opacity:0;
    visibility: hidden;

}

.casos .tit_proyecto{
	background:url(../img/bg_tit_proyecto.png) no-repeat;
	float:left;
	width:294px;
	height:32px;
	padding:20px 0 52px 0;
	font-size:18px;
	text-transform:uppercase;
	text-align:center;
	margin:210px 0 0 0;
	font-family:Helvetik, Arial, Helvetica, sans-serif;
}
.casos .tit_proyecto a{
	width:294px;
	float:left;
	font-size:12px;
	margin:0 auto;
	padding:0;
	font-family:Helvetik, Arial, Helvetica, sans-serif;
}
.casos .proyecto{
	position:absolute;
	top:0;
	display:none;
	margin:0 0 40px 0;
	float:left;
}

.casos .peu{
	margin-top:40px;
}
/********************************************	SERVICIOS 	*******************************************************/


.servicios .servicio {
	float:left;
	margin:30px 10px 0 10px;
	width:294px;
	height:180px;
	padding:0;
	/*border:1px solid red;*/
}

.servicios .serv{
	float:left;
	margin:0;
	width:0;
	height:180px;
	opacity:1;	
}
.servicios .servicio h2{
	float:left;
	margin:0 0 20px 0;
	width:294px;
	height:16px;
	font-size:21px;
	text-transform:uppercase;
	font-family:Helvetik, Arial, Helvetica, sans-serif;
}
.servicios .servicio .ribon{
	/*background:url(../img/bg_casos.png) bottom left no-repeat;*/
	height:72px;
	width:294px;
	float:left;
}
.servicios .servicio .serv p{
	float:left;
	margin:0 0 10px 0;
	width:257px;
}

.servicios .servicio .serv ul{
	float:left;
	margin:0 0 0 30px;
	width:257px;
	padding:0 0 0 0;
	list-style:url(../img/bg_lista.png);
}
.servicios .servicio2 {
	float:left;
	margin:20px 10px 100px 10px;
	width:294px;
	height:180px;
	padding:0;
	/*border:1px solid red;*/
}

.servicios .serv{
	float:left;
	margin:0;
	width:0;
	height:180px;
	opacity:1;	
}
.servicios .servicio2 h2{
	float:left;
	margin:0 0 20px 0;
	width:294px;
	height:16px;
	font-size:21px;
	text-transform:uppercase;
	font-family:Helvetik, Arial, Helvetica, sans-serif;
}
.servicios .servicio2 .ribon{
	/*background:url(../img/bg_casos.png) bottom left no-repeat;*/
	height:72px;
	width:294px;
	float:left;
}
.servicios .servicio2 .serv p{
	float:left;
	margin:0 0 10px 0;
	width:257px;
}

.servicios .servicio2 .serv ul{
	float:left;
	margin:0 0 0 30px;
	width:257px;
	padding:0 0 0 0;
	list-style:url(../img/bg_lista.png);
}
#peuServicio{
	margin-top:-60px;
}

/********************************************	CLIENTES 	*******************************************************/

.clientes .cliente{
	margin:0 1px 1px 0;
	float:left;
	width:219px;
	height:139px;
	padding:0;
}
.clientes .cliente .contentfoto{
	float:left;
	width:0;
	height:0;
	padding:0;
	position:relative;
}
.clientes .cliente .contentfoto a{
	float:left;
	width:219px;
	height:139px;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
    opacity: 0;
    visibility: hidden;
}
.clientes .cliente .contentfoto span.logo{
	float:left;
	width:219px;
	height:139px;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
}


.clientes #rba.cliente span.logo{
	background:url(../img/cliente_01_rba.png) no-repeat;
}
.clientes #rba.cliente a{
	background:url(../img/cliente_01_rba_hover.png) no-repeat;
}


.clientes #uoc.cliente span.logo{
	background:url(../img/cliente_02_uoc.png) no-repeat;
}
.clientes #uoc.cliente a{
	background:url(../img/cliente_02_uoc_hover.png) no-repeat;
}


.clientes #tbwa.cliente span.logo{
	background:url(../img/cliente_03_tbwa.png) no-repeat;
}
.clientes #tbwa.cliente a{
	background:url(../img/cliente_03_tbwa_hover.png) no-repeat;
}


.clientes #iuris.cliente span.logo{
	background:url(../img/cliente_04_iuris.png) no-repeat;
}
.clientes #iuris.cliente a{
	background:url(../img/cliente_04_iuris_hover.png) no-repeat;
}


.clientes #kec.cliente span.logo{
	background:url(../img/cliente_05_kec.png) no-repeat;
}
.clientes #kec.cliente a{
	background:url(../img/cliente_05_kec_hover.png) no-repeat;
}


.clientes #adbcn.cliente span.logo{
	background:url(../img/cliente_06_adbcn.png) no-repeat;
}
.clientes #adbcn.cliente a{
	background:url(../img/cliente_06_adbcn_hover.png) no-repeat;
}


.clientes #identitat.cliente span.logo{
	background:url(../img/cliente_07_identitat.png) no-repeat;
}
.clientes #identitat.cliente a{
	background:url(../img/cliente_07_identitat_hover.png) no-repeat;
}


.clientes #group.cliente span.logo{
	background:url(../img/cliente_08_group.png) no-repeat;
}
.clientes #group.cliente a{
	background:url(../img/cliente_08_group_hover.png) no-repeat;
}


.clientes #Advisors.cliente span.logo{
	background:url(../img/cliente_09_2210Advisors.png) no-repeat;
}
.clientes #Advisors.cliente a{
	background:url(../img/cliente_09_2210Advisors_hover.png) no-repeat;
}


.clientes #tm.cliente span.logo{
	background:url(../img/cliente_10_tm.png) no-repeat;
}
.clientes #tm.cliente a{
	background:url(../img/cliente_10_tm_hover.png) no-repeat;
}


.clientes #aumatrans.cliente span.logo{
	background:url(../img/cliente_11_aumatrans.png) no-repeat;
}
.clientes #aumatrans.cliente a{
	background:url(../img/cliente_11_aumatrans_hover.png) no-repeat;
}


.clientes #gonzalezAGBgestoria.cliente span.logo{
	background:url(../img/cliente_12_gonzalezAGBgestoria.png) no-repeat;
}
.clientes #gonzalezAGBgestoria.cliente a{
	background:url(../img/cliente_12_gonzalezAGBgestoria_hover.png) no-repeat;
}


.clientes #hydra360.cliente span.logo{
	background:url(../img/cliente_13_hydra360.png) no-repeat;
}
.clientes #hydra360.cliente a{
	background:url(../img/cliente_13_hydra360_hover.png) no-repeat;
}


.clientes #solventa.cliente span.logo{
	background:url(../img/cliente_14_solventa.png) no-repeat;
}
.clientes #solventa.cliente a{
	background:url(../img/cliente_14_solventa_hover.png) no-repeat;
}


.clientes #serviciosIntegrados.cliente span.logo{
	background:url(../img/cliente_15_serviciosIntegrados.png) no-repeat;
}
.clientes #serviciosIntegrados.cliente a{
	background:url(../img/cliente_15_serviciosIntegrados_hover.png) no-repeat;
}


.clientes #weberSandwick.cliente span.logo{
	background:url(../img/cliente_16_weberSandwick.png) no-repeat;
}
.clientes #weberSandwick.cliente a{
	background:url(../img/cliente_16_weberSandwick_hover.png) no-repeat;
}


.clientes #hiex_capital.cliente span.logo{
	background:url(../img/cliente_17_hiex_capital.png) no-repeat;
}
.clientes #hiex_capital.cliente a{
	background:url(../img/cliente_17_hiex_capital_hover.png) no-repeat;
}


.clientes #maribarbola.cliente span.logo{
	background:url(../img/cliente_17_maribarbola.png) no-repeat;
}
.clientes #maribarbola.cliente a{
	background:url(../img/cliente_17_maribarbola_hover.png) no-repeat;
}

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

.contacto iframe{
	margin:0;
	background:url(../img/bg_mapa.png) no-repeat;
	width:762px;
	height:273px;
}

.contacto .contact{
	width:762px;
	text-align:center;
	padding:20px 0 49px 0px;
	float:left;
	/*background:url(../img/bg_contacto_inf.png) no-repeat center bottom;*/
}
.contacto h2{
	font-size:21px;
	text-transform:uppercase;
	font-family:Helvetik, Arial, Helvetica, sans-serif;
	padding:20px 0 20px 0;
}
.contacto p{
	font-size:14px;
	text-transform:uppercase;
	font-family:Helvetik, Arial, Helvetica, sans-serif;
	padding:0 0 20px 0;
	color:#7c7f82;
	line-height:16px;
}

/********************************************	PROYECTOS 	*******************************************************/

.caso{
	width:980px;
	margin:-20px 0 0 0;
	padding:0 0 40px 0;
	float:left;
	position:relative;

}
.caso .pasapagina{
	background:url(../img/bg_contacto_sup.png) top center no-repeat;
	width:935px;
	height:30px;
	margin:0 0 20px 0px;
	float:left;
}
.caso .pasapagina #siguiente{
	font-family:Helvetik, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4d4e49;
	margin:0 0 30px 0;
	background:url(../img/bg_casos_siguiente.png) no-repeat right -17px;
	padding:0 20px 0 0;
	text-transform:uppercase;
	float:right;
}
.caso .pasapagina #siguiente:hover{
	color:#c004A8000;
    background:url(../img/bg_casos_siguiente.png) no-repeat right 0;
}
.caso .pasapagina #anterior{
	font-family:Helvetik, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4d4e49;
	margin:0 0 0 0;
	background:url(../img/bg_casos_anterior.png) no-repeat left -17px;
	padding:0 0 0 20px;
	text-transform:uppercase;
	float:left;
}
.caso .pasapagina #anterior:hover{
	color:#c004A8000;
    background:url(../img/bg_casos_anterior.png) no-repeat left 0;
}
.caso .dret {
	float:left;
	width:215px;
	margin:0 40px 0 0;
	padding:0 0 0 0;
	opacity:0;
	height:0;
}
.caso .dret h1{
	font-family:Helvetik, Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:22px;
	margin:0 0 30px 0;
	text-transform:uppercase;
}
.caso .dret h2 a{
	font-family:Helvetik, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4d4e49;
	margin:0 0 30px 0;
	text-transform:uppercase;
	float: left;
	width: 100%;
}
.caso .dret a.link{
	font-family:Helvetik, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4d4e49;
	margin:20px 0 30px 0;
	background:url(../img/bg_link_casos.png) no-repeat right -27px;
	padding:5px 18px 0 0;
	text-transform:uppercase;
	float:left;
}
.caso .dret a.link:hover{
	color:#c004A8000;
    background:url(../img/bg_link_casos.png) no-repeat right 0;
}
.caso .dret .ribon{
	background:url(../img/bg_casos.png) left bottom no-repeat;
	float:left;
	height:60px;
	width:100%;
}
.caso .esq {
	float:left;
	width:680px;
	margin:0 0 30px 0;
}
.caso .esq img{
	margin:0 0 20px 0;
	float:left;
	opacity:0;
}
#header
{
	position: relative;
	width: 900px;
	height: 700px;
	margin:-50px 0 0 20px;
	overflow: hidden;
}
#peuHome{
	margin-top:-40px;
}

#somos
{
	position:absolute;
	width: 165px;
	height: 73px;
	background:url(../img/animacion_somos_un.png) no-repeat;
	z-index:19;
}

#estudio
{
	position:absolute;
	width: 300px;
	height: 42px;
	background:url(../img/estudio_consultora.png) no-repeat;
	z-index:18;
}

#de
{
	position:absolute;
	width: 95px;
	height: 33px;
	background:url(../img/animacion_de.png) no-repeat;
	z-index:17;
}

#diseno
{
	position:absolute;
	width: 449px;
	height: 133px;
	background:url(../img/animacion_de_diseno.png) no-repeat;
	z-index:16;
}

#and
{
	position:absolute;
	width: 114px;
	height: 33px;
	background:url(../img/animacion_y.png) no-repeat;
	z-index:15;
}

#desarrollo
{
	position:absolute;
	width: 250px;
	height: 51px;
	background:url(../img/animacion_desarrollo.png) no-repeat;
	z-index:14;
}

#ribete
{
	position:absolute;
	width: 212px;
	height: 34px;
	background:url(../img/animacion_ribete.png) no-repeat;
	z-index:13;
}

#online
{
	position: absolute;
	width: 265px;
	height: 59px;
	background:url(../img/animacion_online.png) no-repeat;
	z-index:12;
}
#ribete_inf
{
	position: absolute;
	width: 230px;
	height: 79px;
	background:url(../img/animacion_ribete_inf.png) no-repeat;
	z-index:11;
}
#rombo_der
{
	position: absolute;
	width: 40px;
	height: 40px;
	background:url(../img/animacion_rombo.png) no-repeat;
	z-index:11;
	left:115px;
	top:240px;
}
#rombo_izq
{
	position: absolute;
	width: 40px;
	height: 40px;
	background:url(../img/animacion_rombo.png) no-repeat;
	z-index:11;
	left:735px;
	top:240px;
}