/* Reseteando las etiquetas para consistencia de navegadores */

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 {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100.1%;

	font-family: inherit;

	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus { outline: 0; }

ol, ul { list-style: none; }

/* Always show Firefox scrollbar */

html { overflow:-moz-scrollbars-vertical; }



/* tables still need 'cellspacing="0"' in the markup */

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

caption, th, td { text-align: left;	font-weight: normal; }

blockquote:before, blockquote:after,

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

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



/* TOOLS */

.right { float: right}



/* GENERAL */

p { font: normal normal 0.6em/120% Verdana, Arial, Helvetica, sans-serif; }



/* LAYOUT */

html, body {

	background: #58040F;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



body {

	padding-top: 90px;

}



#header, #content, #footer {

	margin: 0 auto;

	width: 730px;

}



#header { margin-bottom: 20px; }



#content {

	background: #FFF;

	position: relative;

}



	/* Header */

ul#nav li {

	float: left;

	height: 30px;

}

ul#nav li a {

	height: 30px;

	display: block;

}



ul#nav li a span{

	display: none;

}

ul#nav li.m01 a:link, ul#nav li.m01 a:visited  { 

	width: 76px;

	background: url(img/nav.gif) no-repeat 0 0;

}

ul#nav li.m02 a:link, ul#nav li.m02 a:visited  { 

	width: 72px;

	background: url(img/nav.gif) no-repeat -76px 0;

}

ul#nav li.m03 a:link, ul#nav li.m03 a:visited  { 

	width: 80px;

	background: url(img/nav.gif) no-repeat -148px 0;

}

ul#nav li.m04 a:link, ul#nav li.m04 a:visited  { 

	width: 68px;

	background: url(img/nav.gif) no-repeat -230px 0;

}

ul#nav li.m05 a:link, ul#nav li.m05 a:visited  { 

	width: 73px;

	background: url(img/nav.gif) no-repeat -298px 0;

}

ul#nav li.m06 a:link, ul#nav li.m06 a:visited  { 

	width: 80px;

	background: url(img/nav.gif) no-repeat -371px 0;

}

ul#nav li.m07 a:link, ul#nav li.m07 a:visited  { 

	width: 47px;

	background: url(img/nav.gif) no-repeat -451px 0;

}



ul#nav li.m01 a:hover { background: url(img/nav.gif) no-repeat 0 -30px; }

ul#nav li.m02 a:hover { background: url(img/nav.gif) no-repeat -76px -30px; }

ul#nav li.m03 a:hover { background: url(img/nav.gif) no-repeat -148px -30px; }

ul#nav li.m04 a:hover { background: url(img/nav.gif) no-repeat -230px -30px; }

ul#nav li.m05 a:hover { background: url(img/nav.gif) no-repeat -298px -30px; }

ul#nav li.m06 a:hover { background: url(img/nav.gif) no-repeat -371px -30px; }

ul#nav li.m07 a:hover { background: url(img/nav.gif) no-repeat -451px -30px; }





	/* Content */

#subnav, #content_main {

}

#subnav { 

	width: 187px;

	position: absolute;

	left: 13px;

	bottom: 40px;

	font: normal normal bold 0.6em/100% Verdana, Arial, Helvetica, sans-serif;

	color: #8090A7;

}

#subnav a:link, #subnav a:visited { color: #8090A7; line-height: 140%;text-decoration: none}

#subnav a:hover { color: #FFA300; }

#subnav li {  height: 20px; }


#content_main { 

	width: 533px;

	margin: 0 0 0 187px;

	position: relative;

	min-height: 280px;

	height:auto !important;

	height:280px;

	overflow:hidden;	

	}

#content_main table td { vertical-align: middle; width:255px;  height: 280px; padding: 0; margin: 0;}

#content_main table td.imgright { text-align: right; }

#content_main table a:link,

#content_main table a:visited { color:#FF892A; text-decoration: none; }

#content_main table a:hover { color: #CC6E22; }

#content_main img { }

#content_main h2 { 

	width: 255px; 

	font: normal normal bold 1.4em/120% Verdana, Arial, Helvetica, sans-serif; 

	letter-spacing: -0.05em; 

	display: block;

	margin-bottom: 10px;

}

#content_main p { width: 270px;}



	/* Substituye los escabezados por imagenes; 2 lineas de texto height a 73px; 1 linea height a 38px */

#content_main h2 span { display: none}



/* IDENTIDAD */

#content_main h2.estrategias { background: url(img/h2/identidad/estrategias.gif) no-repeat; height: 73px; }

#content_main h2.vision { background: url(img/h2/identidad/vision.gif) no-repeat; height: 38px; }

#content_main h2.mision { background: url(img/h2/identidad/mision.gif) no-repeat; height: 38px; }

#content_main h2.whoisxavierolive { background: url(img/h2/identidad/creadordesuenos.gif) no-repeat; height: 38px; }

#content_main h2.cultura { background: url(img/h2/identidad/cultura.gif) no-repeat; height: 73px; }

#content_main h2.trabajar { background: url(img/h2/identidad/trabajar.gif) no-repeat; height: 73px; }



/* BRANDING */

#content_main h2.branding { background: url(img/h2/branding/branding.gif) no-repeat; height: 38px; }

#content_main h2.marca { background: url(img/h2/branding/gestion.gif) no-repeat; height: 73px; }

#content_main h2.reputacion { background: url(img/h2/branding/reputacion.gif) no-repeat; height: 73px; }

#content_main h2.corporativa { background: url(img/h2/branding/comunicacion.gif) no-repeat; height: 73px; }

#content_main h2.deproducto { background: url(img/h2/branding/comunicacion2.gif) no-repeat; height: 73px; }

#content_main h2.interna { background: url(img/h2/branding/comunicacion3.gif) no-repeat; height: 38px; }

#content_main h2.corporate { background: url(img/h2/branding/corporate.gif) no-repeat; height: 38px; }

#content_main h2.cultura { background: url(img/h2/branding/cultura.gif) no-repeat; height: 38px; }

#content_main h2.observatorio { background: url(img/h2/branding/observatorio.gif) no-repeat; height: 38px; }



/* SOLUCIONES */

#content_main h2.soluciones { background: url(img/h2/soluciones/soluciones.gif) no-repeat; height: 38px; }

#content_main h2.gabinete { background: url(img/h2/soluciones/gabinete.gif) no-repeat; height: 38px; }

#content_main h2.identidad { background: url(img/h2/soluciones/identidad.gif) no-repeat; height: 38px; }

#content_main h2.website { background: url(img/h2/soluciones/website.gif) no-repeat; height: 38px; }

#content_main h2.publicaciones { background: url(img/h2/soluciones/publicaciones.gif) no-repeat; height: 73px; }

#content_main h2.eventos { background: url(img/h2/soluciones/eventos.gif) no-repeat; height: 38px; }

#content_main h2.gestion { background: url(img/h2/soluciones/gestion.gif) no-repeat; height: 73px; }

#content_main h2.packaging { background: url(img/h2/soluciones/packaging.gif) no-repeat; height: 38px; }

#content_main h2.publicidad { background: url(img/h2/soluciones/publicidad.gif) no-repeat; height: 38px; }

#content_main h2.marqueting { background: url(img/h2/soluciones/marqueting.gif) no-repeat; height: 38px; }

#content_main h2.asesoramiento { background: url(img/h2/soluciones/asesoramiento.gif) no-repeat; height: 38px; }

#content_main h2.taller { background: url(img/h2/soluciones/taller.gif) no-repeat; height: 38px; }

#content_main h2.formacion { background: url(img/h2/soluciones/formacion.gif) no-repeat; height: 38px; }

#content_main h2.relaciones { background: url(img/h2/soluciones/relaciones.gif) no-repeat; height: 38px; }



/* CLIENTES */

#content_main h2.clientes { background: url(img/h2/clientes/clientes.gif) no-repeat; height: 38px; }

#content_main h2.bargallo { background: url(img/h2/clientes/bargallo.gif) no-repeat; height: 38px; }

#content_main h2.barokes { background: url(img/h2/clientes/barokes.gif) no-repeat; height: 38px; }

#content_main h2.cardenal { background: url(img/h2/clientes/cardenalmendoza.gif) no-repeat; height: 38px; }

#content_main h2.conservas { background: url(img/h2/clientes/ramonpena.gif) no-repeat; height: 38px; }

#content_main h2.consorcio { background: url(img/h2/clientes/consorcioserrano.gif) no-repeat; height: 38px; }

#content_main h2.bombons { background: url(img/h2/clientes/cudie.gif) no-repeat; height: 38px; }

#content_main h2.bonastre { background: url(img/h2/clientes/bonastre.gif) no-repeat; height: 38px; }

#content_main h2.corder { background: url(img/h2/clientes/cancorder.gif) no-repeat; height: 38px; }

#content_main h2.carrasco { background: url(img/h2/clientes/carrasco.gif) no-repeat; height: 38px; }

#content_main h2.cbg { background: url(img/h2/clientes/cbg.gif) no-repeat; height: 38px; }

#content_main h2.dionisos { background: url(img/h2/clientes/dionisos.gif) no-repeat; height: 38px; }

#content_main h2.foodmambo { background: url(img/h2/clientes/food.gif) no-repeat; height: 38px; }

#content_main h2.imperia { background: url(img/h2/clientes/imperia.gif) no-repeat; height: 38px; }

#content_main h2.maximum { background: url(img/h2/clientes/maximum.gif) no-repeat; height: 38px; }

#content_main h2.joselito { background: url(img/h2/clientes/joselito.gif) no-repeat; height: 38px; }

#content_main h2.xarcuters { background: url(img/h2/clientes/mas.gif) no-repeat; height: 38px; }

#content_main h2.nomu { background: url(img/h2/clientes/nomu.gif) no-repeat; height: 38px; }

#content_main h2.oleum { background: url(img/h2/clientes/oleum.gif) no-repeat; height: 38px; }

#content_main h2.ortiz { background: url(img/h2/clientes/ortiz.gif) no-repeat; height: 38px; }

#content_main h2.perucchi { background: url(img/h2/clientes/perucchi.gif) no-repeat; height: 38px; }

#content_main h2.mahon { background: url(img/h2/clientes/quesomahon.gif) no-repeat; height: 38px; }

#content_main h2.salgot { background: url(img/h2/clientes/salgot.gif) no-repeat; height: 38px; }

#content_main h2.sampaka { background: url(img/h2/clientes/sampaka.gif) no-repeat; height: 38px; }

#content_main h2.trias { background: url(img/h2/clientes/trias.gif) no-repeat; height: 38px; }

#content_main h2.sadacia { background: url(img/h2/clientes/vallessadacia.gif) no-repeat; height: 38px; }

#content_main h2.vilano { background: url(img/h2/clientes/vinya.gif) no-repeat; height: 38px; }

#content_main h2.ordeix { background: url(img/h2/clientes/ordeix.gif) no-repeat; height: 38px; }
#content_main h2.mexicana { background: url(img/h2/clientes/mexicana.gif) no-repeat; height: 38px; }
#content_main h2.santarita { background: url(img/h2/clientes/santarita.gif) no-repeat; height: 38px; }
#content_main h2.carn { background: url(img/h2/clientes/carn.gif) no-repeat; height: 38px; }
#content_main h2.erre { background: url(img/h2/clientes/erre.gif) no-repeat; height: 38px; }

#clientes div#content div#subnav li { 
	height: 15px;
}



/* CREATIVITY */

#crea #content_main li {
	float: left;
	position: relative;
	margin: 0 6px 6px 0;
}

ul.productos { padding-top:10px }

#crea #subnav {
	width: auto;
	top: 10px;
	left: 0;
}

#crea #subnav div.descripcion {
	position: absolute;
	top: 131px;
	left: 0;

}


#content_main h2.creativity { background: url(img/h2/creativity/creativity.jpg) no-repeat; height: 38px; }


/* CELEBRITIES */

#content_main h2.celebrities { background: url(img/h2/celebrities/celebrities.jpg) no-repeat; height: 38px; }

/* ARE YOU READY */

#content_main h2.areyouready { background: url(img/h2/areyouready/areyouready.jpg) no-repeat; height: 38px; }



	/* Footer */

#footer { height: 65px;}

#footer p { color: #FFF; line-height: 56px;}

#footer img { float: right;}





/* creativity */

#creativity div#content {

	height: 440px;

	background: none;

}



#creativity div#content_main{

	width: 640px;

	min-height: 440px;

	height:auto !important;

	height:440px;

	background: #FFF;

	margin: 0;

	float: right;

}



#creativity div#content_main table {

	margin-left: 100px;

}



#creativity #content_main img { position: absolute; top: 0; right: 0;}



div#nav-creativity {

	width: 70px;

	float: left;

}



div#nav-creativity h1 {

	height: 38px;

	background: url(../img/acreativity.gif) no-repeat center center;

}



div#nav-creativity h1 span {

	display: none;

}



div#nav-creativity ul {



}



div#nav-creativity ul li {

	float: left;

	text-align: right;

}

	

div#nav-creativity ul li a:link,

div#nav-creativity ul li a:visited {

	display: block;

	width: 20px;

	color: #FFF;

	text-decoration: none;

	font: normal normal bold 11px/180% Arial, Verdana, Helvetica, sans-serif;

	letter-spacing: -1px;

}



div#nav-creativity ul li a:hover { color:#FFA300;}



div#nav-creativity a.ahome {

	position: absolute;

	bottom: 0;

	left: 30px;

	display: block;

	height: 13px;

	width: 40px;

	background: url(img/ahome.gif) no-repeat 0 -13px;

	line-height: 13px;

}



div#nav-creativity a.ahome:hover {

	background: url(img/ahome.gif) no-repeat 0 0;

}



div#nav-creativity a.ahome span { display: none;}



#soluciones div#content { height:340px; }

#soluciones div#content_main { height:auto!important; min-height:340px; height:340px; }

#soluciones div#content_main table td { height:340px; }

#clientes div#content_main table div { position:relative; width:270px;}

/* clearfix */

.clearfix:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/

.clearfix {display:block;}

/* End hide from IE Mac */