body{
    background: #092847;
    margin: 0;
	padding:20px;
    color: #7C7E7F;
/*	height:100%; 
    font: 10px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	*/
    }

a{
	text-decoration: underline;
	color: #7C7E7F;
	}

a:hover{
	color: #999;
	}	

	
/********** Cabecera ***********/	
.mod-cabecera{
	width:954px;
	height:75px;
/*	height:97px;*/
	margin:0;
	padding:0 0 5px 0;
	}
	
.mod-cabecera .menu{
	float:right;
	margin:0;
/*	padding:0px;*/
	padding-top:45px;
	}

.mod-cabecera p{
    color: #6E7073;
    font: 10px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    margin:0;	
	padding:0;
	width:250px;	
}		

#crea-valor
    {
    background: url("../images/crearmas-crea-valor-para-tu-estilo-de-vida.gif") no-repeat;
    width: 445px;
    height: 42px;
    margin:0;	
	padding:0;
    }		
	
#crearmas
    {
/*    background: url("../images/crearmas-conocimiento-empresarial-y-gastronomico.gif") no-repeat;*/
    width: 425px;
	background: url("../images/crearmas.gif") no-repeat;
	height: 77px;
/*    height: 98px;*/
    margin:0;	
	padding:0;
	float:left;
    }			
	
h1 span
    {
    display: none;
    }	
	
#contenido{
	background:#fff;
	width:954px;
	height:auto;
	margin:0;
	padding-bottom:25px;
	}	
	
#contenido-home{
	width:954px;
	height:420px;
	padding:5px;
}	
	
#conocimiento{
	margin:0px;
    background: url("../images/fons-conocimiento.jpg");	
	width:954px;
	height:161px;
}	
	
	
/********** Bloques página principal ***********/	
.modulo-p{
	width:475px;
	height:102px;
	margin:0;
	padding:70px 0 0 0;
	float:left;
	}
	
.modulo-p img{
	margin:0;
	float:left;
	padding: 0 5px 0 3px;
}	

.modulo-p p{
    color: #6E7073;
    font: 10px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    margin:0;	
	padding:0;
	width:250px;	
}	

.modulo-p a
    {
	color:#6E7073;
	text-decoration:none;
    }
.modulo-p a:hover
    {
	color:#6E7073;	
	text-decoration:underline;
    }	

/***********************************************/	
/********** Bloques página principal ***********/	
.modulo{
	width:467px;
	height:235px;
	margin:0;
	padding:20px 0 15px 0;
	float:left;
	}
	
.intro{
	float:left;
	margin:0;
	padding:0;
	}
	
/*.modulo img{
	margin:0;
	float:left;
	padding: 0;
}	*/

h2 span
    {
    display: none;
    }
	
.modulo p{
    margin:0;	
	padding:0;

}	

.modulo a
    {
	color:#9B9DA1;
	text-decoration:none;
    }
.modulo a:hover
    {
	text-decoration:underline;
    }	
	

/****************************************************/

.servicios{
	margin: 50px 0 0 0;
}

.modulo_sub{
	width:470px;
	height:90px;
	margin:0;
	padding:10px 0 0 0;
	/padding-bottom:15px; /* ie */
	float:left;
	background:#092847;
	}

.modulo_sub img{
	margin:0;
	float:left;
	padding: 0 5px 0 3px;
}	
	
.modulo_sub p{
    color: #9B9DA1;
    font: 10px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    margin:0;	
	padding:0;
	width:230px;	
}
	
.modulo_sub a
    {
	color:#b0b1b3;
	text-decoration:none;
    }
.modulo_sub a:hover
    {
	text-decoration:underline;
    }	
		
	
/****************************************************/
	
#empresa
    {
    background: url("../images/empresa.gif") no-repeat 0 2px;
    width: 150px;
    height: 30px;
    margin:0;
	padding:0;
	display:block;
    }
	
#gastronomia
    {
    background: url("../images/gastronomia.gif") no-repeat 0 2px;
    width: 150px;
    height: 30px;
    margin:0;
	padding:0;
	display:block;
    }
	
#activitys
    {
    background: url("../images/activities-new.gif") no-repeat;
    width: 106px;
    height: 39px;
    margin:0;
	padding:0;
	display:block;
    }
	
#consulting
    {
    background: url("../images/consulting-new.gif") no-repeat;
    width: 116px;
    height: 39px;
    margin:0;
	padding:0;
	display:block;
    }

#club
    {
    background: url("../images/club.gif") no-repeat 0 13px;
    width: 153px;
    height: 45px;
    margin:0;	
	padding:0;
	display:block;
    }	
	
#medios
    {
    background: url("../images/medios.gif") no-repeat 0 13px;
    width: 153px;
    height: 45px;
    margin:0;	
	padding:0;
	display:block;
    }		

	
	
/**************************************/	
#menu-principal
    {
    position: relative;
    width: 503px;
	height: 28px;	
    }

#menu-principal ul 
	{  	
	list-style:none;	
	margin:0;	
	padding:0;
	}

#menu-principal ul li 
	{	
	padding:0;	
	float:left;
	}

#menu-principal ul li a 
	{	
	display:block;	
	height:28px;  
	text-decoration:none;
	}

#menu-principal ul li a:hover 
	{	
	background-position:bottom;
	}

#menu-principal ul li a span {	
	display:none; 
	}		

#m-filosofia {background-image:url(../images/menu-filosofia.gif);width:66px;height:28px;}
#m-quees {background-image:url(../images/menu-quees.gif);width:77px;height:28px;}
#m-como {background-image:url(../images/menu-como.gif);width:58px;height:28px;}
#m-paraquien {background-image:url(../images/menu-paraquien.gif);width:90px;height:28px;}
#m-quiensoy {background-image:url(../images/menu-quiensoy.gif);width:80px;height:28px;}
#m-prensa {background-image:url(../images/menu-prensa.gif);width:58px;height:28px;}
#m-contacta {background-image:url(../images/menu-contacta.gif);width:74px;height:28px;}

#act-filosofia{background-image:url(../images/menu-_on.gif); background-position:bottom;width:px;height:px;}
#act-quees{background-image:url(../images/menu-_on.gif); background-position:bottom;width:px;height:px;}
#act-como{background-image:url(../images/menu-_on.gif); background-position:bottom;width:px;height:px;}
#act-paraquien{background-image:url(../images/menu-_on.gif); background-position:bottom;width:px;height:px;}
#act-quiensoy{background-image:url(../images/menu-_on.gif); background-position:bottom;width:px;height:px;}
#act-contacta{background-image:url(../images/menu-_on.gif); background-position:bottom;width:px;height:px;}


/**************************************/	
	
	
	
/********** Pie ***********/	
.mod-pie{
	width:954px;
	height:26px;
	margin:0;
	padding:0;
    background: url("../images/fons-pie.gif");		
	text-align:center;
	}

.mod-pie .centrar{
	margin:0;
	padding-top:5px;
}	
	
.mod-pie p{
    color: #6E7073;
    font: 11px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    margin:0;
	padding:0;	
	width:954px;	
	text-align:center;	
}		
	
	
/********************************************************************/
/***************** Titulares secciones corporativa ******************/

#filosofia
    {
    background: url("../images/filosofia-crearmas.gif") no-repeat 25px 30px;
    width: 237px;
    height: 70px;
    margin:0;	
	padding:0;
    }

#quees
    {
    background: url("../images/que-es-crearmas.gif") no-repeat 25px 30px;
    width: 237px;
    height: 70px;
    margin:0;	
	padding:0;
    }
	
#como
    {
    background: url("../images/como-crearmas.gif") no-repeat 25px 30px;
    width: 237px;
    height: 70px;
    margin:0;	
	padding:0;
    }	
	
#paraquien
    {
    background: url("../images/para-quien-crearmas.gif") no-repeat 25px 30px;
    width: 237px;
    height: 70px;
    margin:0;	
	padding:0;
    }		
	
#quiensoy
    {
    background: url("../images/quien-soy-crearmas-new.gif") no-repeat 0px 30px;
    width: 160px;
    height: 70px;
    margin:0;	
	padding:0;
    }		
	

	
#contacta
    {
    background: url("../images/contacta-crearmas.gif") no-repeat 25px 30px;
    width: 237px;
    height: 70px;
    margin:0;	
	padding:0;
    }		
	
/************************* interiores ******************************/	
	
#corporativo{
	padding:0 35px 0 28px;
	font: 12px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;		
}	
#corporativo-qs{
	padding:0 0px 0 15px;
	font: 12px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;		
}	
	
#tit-corporativo{
    color:#092847;
	font: 12px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;			
	font-weight:bold;
	margin:0;
	padding:10px 0 5px 0;
	clear:both;
    }	
	
#corporativo p{
	padding:0 0 10px 0;
	margin:0;
	line-height:22px;
}	
	
#corporativo-qs p{
	padding:0 0 10px 0;
	margin:0;
	line-height:19px;
}		
	
/******************************** listas filosofia **********************************************/
	
#filosofia-calidad {background-image:url(../images/filosofia-calidad.gif);width:94px;height:32px;}
#filosofia-respeto {background-image:url(../images/filosofia-respeto.gif);width:78px;height:32px;}
#filosofia-etica {background-image:url(../images/filosofia-etica.gif);width:74px;height:32px;}
#filosofia-servicio {background-image:url(../images/filosofia-servicio.gif);width:91px;height:32px;}
#filosofia-innovacion {background-image:url(../images/filosofia-innovacion.gif);width:120px;height:32px;}
#filosofia-especializacion {background-image:url(../images/filosofia-especializacion.gif);width:156px;height:32px;}
#filosofia-experiencia {background-image:url(../images/filosofia-experiencia.gif);width:120px;height:32px;}
	
#filosofia-calidad-humana {background-image:url(../images/filosofia-calidad-humana.gif);width:194px;height:36px;}
#filosofia-calidad-empresarial {background-image:url(../images/filosofia-calidad-empresarial.gif);width:260px;height:36px;}
#filosofia-calidad-gastronomica {background-image:url(../images/filosofia-calidad-gastronomica.gif);width:270px;height:36px;}

/* nueva filosofia */
#filosofia-innovacion-crearmas {background-image:url(../images/filosofia-innovacion-crearmas.gif);width:107px;height:35px;}
#filosofia-orientacion-al-logro-crearmas {background-image:url(../images/filosofia-orientacion-al-logro-crearmas.gif);width:209px;height:35px;}
#filosofia-excelencia-crearmas {background-image:url(../images/filosofia-excelencia-crearmas.gif);width:112px;height:35px;}
#filosofia-positivismo-crearmas {background-image:url(../images/filosofia-positivismo-crearmas.gif);width:116px;height:35px;}
#filosofia-generosidad-crearmas {background-image:url(../images/filosofia-generosidad-crearmas.gif);width:144px;height:35px;}
#filosofia-respeto-crearmas {background-image:url(../images/filosofia-respeto-crearmas.gif);width:76px;height:35px;}

#filosofia-calidad-humana-crearmas {background-image:url(../images/filosofia-calidad-humana-crearmas.gif);width:208px;height:36px;}
#filosofia-calidad-profesional-crearmas {background-image:url(../images/filosofia-calidad-profesional-crearmas.gif);width:281px;height:36px;}
#filosofia-calidad-gastronomica-crearmas {background-image:url(../images/filosofia-calidad-gastronomica-crearmas.gif);width:275px;height:36px;}


	
	
	
ul	{  	
	list-style:none;	
	margin:0 0 2px 0;	
	padding:0;
	}

ul li 
	{	
	padding:0;	
	float:left;
	}	
	
ul li span {	
	display:none; 
	}			
	
	
/***********************que es**************************/	
#calidad-img
    {
    background: url("../images/calidad-crearmas.gif") no-repeat;
	background-position:center;
    width: 875px;
    height: 250px;
    margin:0;	
	padding:0;
    }
	
#calidad-slogan
    {
    background: url("../images/calidad-crear-ideas-y-soluciones-crearmas.gif") no-repeat;
	background-position:center;	
    width: 875px;
    height: 67px;
    margin:0;	
	padding:0;
    }
	
h3 span
    {
    display: none;
    }	
h4 span
    {
    display: none;
    }			
	

/********************* lista para quien ***********************/

ul.paraquien {  	
	margin:15px;
	padding:0;
	background-image:url(../images/paraquien-destinatarios.gif);width:838px;height:127px;
	}

/************************ Post it *****************************/

.posit{
	background-image:url(../images/fons-positg.gif);width:838px;height:231px;
	margin:15px;	
}

.posit #ejemplo-uno{
	width:300px;
	position:relative;
	top:65px;
	left:145px;
	float:left;	
}

.posit #ejemplo-dos{
	width:230px;
	position:relative;
	top:50px;
	left:175px;
	float:left;	
}
	
.posit h3 span{	
	display:none;
}
	
.posit #ejemplo-uno,#ejemplo-dos span{
	font: 10px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;			
	line-height: 18px;
}

.posit a{
	color:#666;
	text-decoration:none;
}
.posit a:hover{
	color:#666;
	text-decoration:underline;
}


/***************** quien soy ***************************/	

#jorgemas{
	float:left;
	margin: 0;
	padding: 0;	
	text-align:center;
}

#quiensoy-intro{
	float:left;
	padding-left:0px;
	padding-top:20px;
	width:762px;
	background:#f2f3f3;
	padding-bottom:0px;
}

#jm-pres-cv-i{
	float:left;
	text-align:right;
	font: 11px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;		
	width: 350px;
}

#jm-pres-cv-i span{padding:10px;}
#jm-pres-cv-i span.img{text-align:right;}
#jm-pres-cv-i span.pres-des{text-align:right;color:#7e8184;display:block;}
#jm-pres-cv-i span.pres-desc{text-align:right;color:#1b4671;font-weight:bold;}

#jm-pres-cv-d{
	float:right;
	text-align:left;
	font: 11px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;		
	width: 350px;
}

#jm-pres-cv-d span{padding:10px;}
#jm-pres-cv-d span.img{text-align:left;}
#jm-pres-cv-d span.pres-des{text-align:left;color:#7e8184;display:block;}
#jm-pres-cv-d span.pres-desc{text-align:left;color:#1b4671;font-weight:bold;}



#quiensoy-intro-slogan {
    background: url("../images/quien-soy-emprendedor-retailer-gastronomico-autor-conferenciante-profesor.gif") no-repeat;
    width: 763px;
    height: 22px;
}
#quiensoy-intro-slogan span{
	display:none;
}


#quiensoy-content{
	float:left;
	padding-left:30px;
	padding-top:40px;	
	width:650px;
	display:none;	
}

#quiensoy-slogan{
    background: url("../images/me-seduce-el-futuro-crearmas.gif") no-repeat;
    width: 211px;
    height: 35px;
    margin:0;	
	padding:0;
    }	
	
/*	
#jm {
    background: url("../images/jorge-mas.gif") no-repeat;
    width: 187px;
    height: 249px;
}*/
#jm {
    background: url("../images/quien-soy-jorge-mas.gif") no-repeat;
    width: 132px;
    height: 161px;
}

#quiensoy-jorge-mas
    {
    background: url("../images/quien-soy-jorgemas.gif") no-repeat 0px 0px;
    width: 160px;
    height: 40px;
    margin:0;	
	padding:0;
    }		

ul.qs{
	width:170px;
	margin: 0;
	padding: 0;
}

ul.qs li {
	font: 11px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	color: #A09607;
	background: url("../images/indb.gif") no-repeat 6px 9px;
	padding: 7px 20px 0 15px;	
}

ul.qs li a {
	text-decoration:none;
}
	
	
/********************* contacta *************************/	
/*************************************************/	
/***************** Enviar E-mail *****************/

#contacta-form
	{	
    width: 100%;
	text-align:center;
	}

#contacta-form #formulario
	{
	padding:15px;
    width: 800px;	
	height:auto;
/*	border-bottom: 1px solid #C2C2C0;		*/
	}

#contacta-form #error
	{
	text-align: center;
	line-height: 35px;
	color: #EE3C28;
	background-color: #EFEFEF;
	border: 1px solid #C2C2C0;
	font-weight: bold;		
	clear: both;
	width:600px;
	}	
	
#contacta-form #formulario p.indent
	{
	text-indent: 38px;
	padding-top:5px;
	padding-bottom: 15px;
	}	
	
#contacta-form #formulario div.row3
	{
	clear: both;
	padding-top: 10px;
	width:100%;
	}

#contacta-form #formulario div.row3 span.label
	{
	float: left;
	padding-left:5px;
	padding-right:5px;  
	text-align: right;
	line-height:20px;  
	width: 100px;
	font-weight:bold;
	}
	
#contacta-form #formulario div.row3 span.formw
	{
	padding-left:5px;
	float: left;
	} 	

#contacta-form #formulario div.row3 input
	{
	width:600px;
	font-family: Verdana, sans-serif;
	color:#015B5B; 
	background-color:#ffffff;
	font-size: 11px;  
	} 	

#contacta-form #formulario div.row3 input.boton-ok
	{
	font-family: Tahoma, Verdana, sans-serif; 
	color:#ffffff; 
	background-color:#092847; 
	cursor:hand; 
	font-size: 8pt; 
	text-decoration: none; 
	height: 25px;
	width:200px;
	} 		
	
#contacta-form #formulario div.row3 input.boton{
	font-family: Tahoma, Verdana, sans-serif; 
	color:#6E6D6D; 
	background-color:#D4D0C8; 
	cursor:hand; 
	font-size: 8pt; 
	text-decoration: none; 
	height: 25px;
	width:200px;	
}	
	
#contacta-form #formulario div.row3 textarea
	{
	width:600px;
	height:200px;
	font-family: Verdana, sans-serif;
	color:#015B5B; 
	background-color:#ffffff;
	font-size: 11px;  
	} 		
	
#contacta-form #mensaje-enviado
	{
	margin-top:25px;
	margin-bottom:25px;
	text-align: center;
	color: #015B5B;
	background-color: #EFEFEF;
	border: 1px solid #C2C2C0;
	font-weight: bold;		
	clear: both;	
	height: 75px;
	}		
	
#contacta-form #mensaje-enviado p{
	line-height: 75px;
}	

#contacta-slogan
    {
    background: url("../images/calidad-crear-ideas-y-soluciones-crearmas.gif") no-repeat;
	background-position:center;	
    width: 100%;
    height: 67px;
    margin-top:15px;
    }
	

/*******************************************************/	

#mascara{
	position:absolute;
	top:102px;
	left:20px;
	width:954px;
	height:560px;
	margin:0;
	padding:0;
/*	filter: alpha(opacity=90); 
	opacity: .9;	*/
}

	
/***********************************************************/
/***********************************************************/

#quiensoy-formacion{
	float:left;
	padding-left:30px;
	padding-top:20px;		
	width:650px;
	display:none;
}	
#quiensoy-formacion span{
	line-heigth:25px;
}

#quiensoy-trayectoria{
	float:left;
	padding-left:30px;
	padding-top:20px;		
	width:650px;
	display:none;
}	
#quiensoy-cv{
	float:left;
	padding-left:30px;
	width:650px;
	display:none;
}	

#quiensoy-articulospublicados{
	float:left;
	padding-left:30px;
	padding-top:20px;	
	width:650px;
	display:none;
}	

#quiensoy-misfrases{
	float:left;
	padding-left:30px;
	padding-top:20px;	
	width:650px;
	display:none;
}	
#quiensoy-frasespreferidas{
	float:left;
	padding-left:30px;
	padding-top:20px;	
	width:650px;
	display:none;
}	

	
	
/***********************************************************/
#como-flash{
	width:850px;
	height:360px;
	text-align:center;
	margin:0;
	padding:0;
}	

#como-contenido{
	display:none;
}
	
/************************************************************/

ul.qscv{
	margin: 0;
	padding: 0;
}

ul.qscv li {
	background: url("../images/ind.gif") no-repeat 0 9px;
	padding: 7px 20px 0 15px;		
	width:200px;	
}	
		
/*******************************/
#ind-volver {
	position:absolute;
	top:380px;
	left:950px;
}	
	
	
/********************/

#contenido #inicio{
	margin:0;
	padding:0;
	background:#E3E0DB;
	border-bottom: 1px solid #D7CBB7;		
	clear:both;
	width:100%;
	height:47px;
	}	
	
#contenido #inicio p{	
	text-align:right;
	margin:0;
	padding:10px 10px 0 0;	
}

#contenido #inicio p span{ 	
    display: none;
}
		
#contenido #inicio-qs{
	margin:0;
	padding:0;
	background:#E3E0DB;
	border-bottom: 1px solid #D7CBB7;		
	clear:both;
	width:100%;
	height:47px;
	}	
	
#contenido #inicio-qs p{	
	text-align:right;
	margin:0;
	padding:10px 10px 0 0;	
}

#contenido #inicio-qs p span{ 	
    display: none;
}		
		
/*************************/

#tx-nlegal{
	font: 9px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	text-align:left;
	color: #999;
	width:650px;
	text-align:justify;
}	
	
#contendio-nlegal{
	background:#fff;
	width:600px;
	height:auto;
	margin:0;
	padding:25px;
	font: 10px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	
	
}	
	
/********** Firma Jorge Mas ********/
.firma{
	width:954px;
	clear:both;
	height:30px;
	margin-top:15px;
	padding-top:15px;
	text-align:center;
	background:#fff;
	}

#by-jorge-mas{
    background: url("../images/by-jorge-mas.gif") no-repeat;
    width: 91px;
    height: 27px;
    margin:10px;	
	padding:0;
}		

.firma2{
	width:954px;
	clear:both;
	height:30px;
	margin-top:15px;
	padding-bottom:15px;
	text-align:center;
	background:#fff;
	}
	
#roll-slogan {background-image:url(../images/el-exito-depende-de-como-gestionamos-nuestra-actitud-frente-a-la-vida.gif);width:936px;height:40px;}
a.slogan{display:block;width:936px;height:40px;}
a.slogan:hover {background-position:bottom;}
	
.firma2 h2{visibility:hidden;padding:0;margin:0;}	
	
	
/*****************************************/
ul.articulos{
/*	width:170px;*/
	margin: 0;
	padding: 0;
}

ul.articulos li {
	font: 12px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	color: #7C7E7F;
	background: url("../images/indb.gif") no-repeat 6px 12px;
	padding: 7px 20px 0 15px;	
	clear:both;
}

ul.articulos li a {
	text-decoration:underline;
}
	
/******************/
#frases-crearmas{
	font: 14px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-style: italic;
}		
	
	
	
.firma3{
	width:954px;
	clear:both;
	height:300px;
	margin-top:15px;
	padding-bottom:15px;
	text-align:center;
	background:#fff;
	}	
	
.firma3 p{
	width:954px;
	clear:both;
	height:500px;
	padding-top:225px;
	text-align:center;
	background:#fff;
	font: 14px Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	}	
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
