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

@font-face {
	font-family: "Light";
	font-style: normal;
	font-weight: normal;
	src: url('dinnextltpro-light-webfont.eot') format("embedded-opentype"), url('dinnextltpro-light-webfont.woff') format("woff"), url('dinnextltpro-light-webfont.ttf') format("truetype"), url('dinnextltpro-light-webfont.svg') format("svg");
}

@font-face {
	font-family: "Ultra Light";
	font-style: normal;
	font-weight: normal;
	src: url('dinnextltpro-ultralight-webfont.eot') format("embedded-opentype"), url('dinnextltpro-ultralight-webfont.woff') format("woff"), url('dinnextltpro-ultralight-webfont.ttf') format("truetype"), url('dinnextltpro-ultralight-webfont.svg') format("svg");
}
@font-face {
	font-family: "Regular Condensed";
	font-style: normal;
	font-weight: normal;
	src: url('dinnextltpro-condensed-webfont.eot') format("eot"), url('dinnextltpro-condensed-webfont.woff') format("woff"), url('dinnextltpro-condensed-webfont.ttf') format("truetype"), url('dinnextltpro-condensed-webfont.svg') format("svg");
}


body {
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	background-color:#000;
	background-image: url(imagenes/bg_main.png);
}

@font-face {
    font-family: "Regular";
    font-style: normal;
    font-weight: normal;
    src: url("dinnextltpro-regular-webfont.eot") format("eot"), url("dinnextltpro-regular-webfont.woff") format("woff"), url("dinnextltpro-regular-webfont.ttf") format("truetype"), url("dinnextltpro-regular-webfont.svg#webfontorhJMo2F") format("svg");
}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
	margin: 0pt;
	padding: 0pt;
	border: 0pt none;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	/* [disabled]vertical-align: baseline; */
	color: #999966;
	text-decoration: none;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}
p {
	margin: 0pt;
	padding: 0pt;
	
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	/*font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Light;
	border: 0pt none;*/
	vertical-align: baseline;
	color: #FFF;
	text-align: justify;
	font-size:15px;
}


.separador_350 {
	height: 30px;
	width: 350px;
	padding-top: 0px;
	text-align: center;
}

.separador_980 {
	height: 15px;
	width: 1200px;
	border-top: #B5C831 dotted thin;
	padding-top: 0px;
	text-align: center;
	float: left;
	position: relative;
}

.separador_960 {
	height: 15px;
	width: 100%;
	padding-top: 5px;
	text-align: center;
	/*background-image: url(../imagenes/separador980.png);
	background-position:5px bottom;*/
	border-bottom: dotted;
	border-bottom-color: #C7B857;
	border-bottom-width: thin;
	float: left;
}



#cuerpo-derecho_b {
	height: auto;
	width: 350px;
	padding-top: 0px;
	float: left;
}


#cuerpo-izquierdo_b {
	float: right;
	height: auto;
	width: 850px;
	left: 10px;
	top: 0px;
}




#cuerpo-derecho {
    height: auto;
    width: 350px;
    padding-top: 30px;
    float: right;
    padding-left: 10px;
    position: relative;
}

#cuerpo-izquierdo {
    float: left;
    height: auto;
    width: 600px;
    left: 10px;
    top: 0px;
    padding-right: 10px;
    padding-top: 30px;
    position: relative;
}


#cuerpo-banner {
	float: left;
	height: auto;
	width: 1200px;
	left: 10px;
	top: 0px;
	text-align: center;
	border-bottom:solid #999966 3px;
}

.cuerpo-banner {
	float: left;
	height: auto;
	width: 1200px;
	left: 10px;
	top: 0px;
	text-align: center;
	border-bottom:solid #999966 3px;
}

.cuerpo-banner1 {
	height: auto;
	max-width: 980px;
	width: auto;
	text-align: center;
	margin:auto;

}


/*###########################################
cleaners
###########################################*/
.cleaner { clear: both }
.h5 { height: 2px }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }


h2 {
	font-size: 40px;
	text-transform: uppercase;
	color: rgb(255, 255, 255);
	line-height: 42px;
}
.contenedor {
	text-decoration: none;
	width: 100%;
	height: auto;
	margin: auto;
}
h3 {
	font-size: 22px;
	text-transform: uppercase;
	color: #999966;
	margin: 0px 0pt;
}
h4 {
	font-size: 20px;
	text-transform: uppercase;
	color: #999966;
	margin: 0px 0pt;
	text-align: justify;
}
h5 {
	font-size: 18px;
	text-transform: uppercase;
	color: #999966;
	margin: 0px 0pt;
}
h6 {
	font-size: 12px;
	margin: 0px 0pt;
	color: #FFF;
	text-align: center;
}
h7 {
	font-size: 10px;
	text-transform: uppercase;
	margin: 0px 0pt;
	color: #FFF;
	text-align: center;
}
.cabecera {
	height: 162px;
	width: 1200px;
	left: 0px;
	top: 10px;
	float: left;
	position:relative;
	background-attachment: scroll;
	background-image: url(imagenes/superior_top_cuisine.png);
	background-repeat:repeat-x;
	z-index: 1000;
}
.banner {
	height: 378px;
	width: 1200px;
	left: 10px;
	float: left;
	text-align: justify;
	z-index: 0;
	border-bottom:solid #999966 3px;
}

.clientes {
	float: left;
	height: auto;
	width: 1200px;
	left: 10px;
	padding-top: 10px;
}


.cabecera-logo {
	float: left;
	height: 140px;
	width: 140px;
	left: -1px;
	top: 0px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
}

.cabecera_izq {
	float: left;
	height: 140px;
	width: 300px;
}
.cabecera_der {
	float: left;
	height: 40px;
	width: 900px;
}

.social {
	float: right;
	height: 40px;
	width: auto;
}

.pie_top_izq {
	float: left;
	width: 200px;
	height: auto;
}

.pie_top_der {
	float: left;
	width: 550px;
	height: auto;
	font-size: 14px;
}

.pie_top_der {
	font-size: 14px;
}

.social p{
	text-align: right;
}

.menu_sup {
	float: right;
	height: 40px;
	width: 900px;
	text-align: right;
}


.cuerpo {
	float: left;
	height: auto;
	width: 1200px;
	left: 0px;
	padding-top: 10px;
	z-index: 1;
}

.thumbnail {
    height: 176px;
    overflow: hidden;
}

.cuerpo0 {
	float: left;
	height: auto;
	width: 1200px;
	left: 0px;
	padding-top: 0px;
}
.cuerpo-servicios {
	float: left;
	height: auto;
	width: 1200px;
	left: 10px;
	padding-top: 10px;
	position: relative;
}

.thumbnail {
    height: 176px;
    overflow: hidden;
}


.cuerpo span {
	color: #C7B857;
}

.pie {
	float: left;
	height: auto;
	width: 100%;
	left: 0px;
	padding-top: 50px;
}

.pie p {
	font-size:12px;

}

#pie-fin
{
	background-attachment: scroll;
	background-image: url(imagenes/fondopie_top_cuisine.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 104px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#pie-bar {
	background-attachment: scroll;
	background-image: url(imagenes/portfolio_categories_bar.jpg);
	
	background-repeat: repeat-x;
	background-position: center top;
	height: 20px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#pie-inferior {
	background-color: #000;
	height: auto;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
/*	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #C7B857;*/
}
#pie-texto-inf {
	margin-right: auto;
	margin-left: auto;
	width: 1200px;
	font-family: Light;
	padding-top: 30px;
	padding-bottom: 30px;
}


.cabecera-derecho {
	float: right;
	position: relative;
	height: 168px;
	width: 600px;
	top: 0px;
	z-index: 25;
}


.clientes-bar {
	float: left;
	height: auto;
	width: 1200px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.clientes-todos {
	background-attachment: scroll;
	background-image: url(imagenes/xonex-clientes.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	float: left;
	height: auto;
	width: 1200px;
	padding-top: 10px;
	position: relative;
	top: 10px;
}

.contactos-bar {
	background-image: url(imagenes/barra_enlaces.png);
	float: left;
	height: 28px;
	width: 1200px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.grupo {
	margin: auto;
	height: auto;
	width: 1200px;
}

.grupo_servicios {
	margin: auto;
	height: auto;
	width: 1200px;
	position: relative;
}


.fotos {
	float: left;
	height: 200px;
	width: 200px;
	position: absolute;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: groove;
	border-bottom-style: ridge;
	border-top-color: #C7B857;
	border-bottom-color: #FFF;
	font-style: normal;
	font-family:"Regular";
	font-size: 22 px;
}




#nav {
	float: left;
	height: 168px;
	width: 576px;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
}


.fin {
    height: 38px;
    margin: 120px auto 0;
    width: 78px;
}
/*
******************************************************
*/

#galeria {
	padding-left:0px;
	padding-top:0px;
	height: 368px;
}
#galeria li{
	list-style:none;
	float:left;
}
#galeria li a{
	display:block;
	width: 100px;
	height:168px;
	border-collapse:collapse;
	padding:0;
	text-decoration:none;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:transparent; 
/*	background-image: url(imagenes/boton_off.png);*/
}
#galeria li a:hover{
	border-collapse:collapse;
	color: transparent; /* #FFF; color:#BCA654;*/
/*	background-image: url(imagenes/boton_on.png);*/
}
#galeria li ul{
	display:none;
	position:absolute;
}
#galeria li:hover ul{
	display:block;
	padding-left:0px;
}

#galeria li ul li{
	display:block;
	float:none;
	/*float:left;*/
	position:relative;
	padding:0px;
	left: 0px;
	top: 5px;
}

#galeria li ul li a{
	display:block;
}

/* ***************** MENU DESPLEGABLE presentacion ****************** */
#galeria li ul #p-im1 a{
	width:160px;
	height:90px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_presentacion_presentacion.png);
	background-repeat: no-repeat;
}
#galeria li ul #p-im1:hover a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:10px -10px;
	background-repeat: no-repeat;
	background-image: url(imagenes/item_presentacion_presentacion.png);
}

#galeria li ul #p-im2 a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_presentacion_mision.png);
	background-repeat: no-repeat;

}
#galeria li ul #p-im2:hover a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:10px -10px;
	background-repeat: no-repeat;
	background-image: url(imagenes/item_presentacion_mision.png);
}

#galeria li ul #p-im3 a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_presentacion_vision.png);
	background-repeat: no-repeat;
}
#galeria li ul #p-im3:hover a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:10px -10px;
	background-repeat: no-repeat;
	background-image: url(imagenes/item_presentacion_vision.png);
}

#galeria li ul #p-im4 a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_presentacion_objetivos.png);
	background-repeat: no-repeat;
}
#galeria li ul #p-im4:hover a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:10px -10px;
	background-repeat: no-repeat;
	background-image: url(imagenes/item_presentacion_objetivos.png);
}

#galeria li ul #p-im5 a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_presentacion_reglamento.png);
	background-repeat: no-repeat;
}
#galeria li ul #p-im5:hover a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:10px -10px;
	background-repeat: no-repeat;
	background-image: url(imagenes/item_presentacion_reglamento.png);
}

/* ***************** FIN MENU DESPLEGABLE presentacion ****************** */

/* ***************** MENU convocatoria  ****************** */
#galeria li ul #c-im1 a{
	width:160px;
	height:90px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_convocatoria_convocatoria.png);
	background-repeat: no-repeat;
}
#galeria li ul #c-im1:hover a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:10px -10px;
	background-repeat: no-repeat;
	background-image: url(imagenes/item_convocatoria_convocatoria.png);
}

#galeria li ul #c-im2 a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_convocatoria_reglamento.png);
	background-repeat: no-repeat;

}
#galeria li ul #c-im2:hover a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:10px -10px;
	background-repeat: no-repeat;
	background-image: url(imagenes/item_convocatoria_reglamento.png);
}

#galeria li ul #c-im3 a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_convocatoria_premio.png);
	background-repeat: no-repeat;
}
#galeria li ul #c-im3:hover a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:10px -10px;
	background-repeat: no-repeat;
	background-image: url(imagenes/item_convocatoria_premio.png);
}
/* ***************** FIN MENU DESPLEGABLE convocatoria ****************** */


#galeria li ul #im1 a{
	width:90px;
	height:100px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_menu1.png);
	background-repeat: no-repeat;
/*	background-color:#82623E;*/
}
#galeria li ul #im1:hover a {
	width:90px;
	height:100px;
	color:transparent;
	background:url(imagenes/item_menu1.png);
	background-repeat: no-repeat;
}

#galeria li ul #im2 a {
	width:90px;
	height:100px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_menu1.png);
	background-repeat: no-repeat;
/*	background-color:#82623E;*/
}
#galeria li ul #im2:hover a {
	width:90px;
	height:100px;
	color:transparent;
	background:url(imagenes/item_menu1.png);
	background-repeat: no-repeat;
}

#galeria li ul #im3 a {
	width:90px;
	height:100px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_menu1.png);
	background-repeat: no-repeat;
/*	background-color:#82623E;*/
}
#galeria li ul #im3:hover a {
	width:90px;
	height:100px;
	color:transparent;
	background:url(imagenes/item_menu1.png);
	background-repeat: no-repeat;
}


#galeria li ul #im4 a {
	width:90px;
	height:100px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_menu1.png);
	background-repeat: no-repeat;
/*	background-color:#82623E;*/
}
#galeria li ul #im4:hover a {
	width:90px;
	height:100px;
	color:transparent;
	background:url(imagenes/item_menu1.png);
	background-repeat: no-repeat;
}


#galeria li ul #im5 a {
	width:90px;
	height:100px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_menu1.png);
	background-repeat: no-repeat;
/*	background-color:#82623E;*/
}
#galeria li ul #im5:hover a {
	width:90px;
	height:100px;
	color:transparent;
	background:url(imagenes/item_menu1.png);
	background-repeat: no-repeat;
}


/* ***************** MENU DESPLEGABLE HISTORICO ****************** */
#galeria li ul #h-im1 a{
	width:160px;
	height:90px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_top_2011.png);
	background-repeat: no-repeat;
}
#galeria li ul #h-im1:hover a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:10px -10px;
	background-repeat: no-repeat;
	background-image: url(imagenes/item_top_2011.png);
}

#galeria li ul #h-im2 a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_top_2010.png);
	background-repeat: no-repeat;

}
#galeria li ul #h-im2:hover a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:10px -10px;
	background-repeat: no-repeat;
	background-image: url(imagenes/item_top_2010.png);
}

#galeria li ul #h-im3 a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_top_2009.png);
	background-repeat: no-repeat;
}
#galeria li ul #h-im3:hover a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:10px -10px;
	background-repeat: no-repeat;
	background-image: url(imagenes/item_top_2009.png);
}
/* ***************** FIN MENU DESPLEGABLE HISTORICO ****************** */



/* ***************** MENU equipos  ****************** */
#galeria li ul #e-im1 a{
	width:160px;
	height:90px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_equipo_2011.png);
	background-repeat: no-repeat;
}
#galeria li ul #e-im1:hover a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:10px -10px;
	background-repeat: no-repeat;
	background-image: url(imagenes/item_equipo_2011.png);
}

#galeria li ul #e-im2 a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_equipo_2010.png);
	background-repeat: no-repeat;

}
#galeria li ul #e-im2:hover a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:10px -10px;
	background-repeat: no-repeat;
	background-image: url(imagenes/item_equipo_2010.png);
}

#galeria li ul #e-im3 a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:0px -10px;
	background-image: url(imagenes/item_equipo_2009.png);
	background-repeat: no-repeat;
}
#galeria li ul #e-im3:hover a {
	width:160px;
	height:90px;
	color:transparent;
	background-position:10px -10px;
	background-repeat: no-repeat;
	background-image: url(imagenes/item_equipo_2009.png);
}
/* ***************** FIN MENU DESPLEGABLE equipos ****************** */


/* ************  Efectos sobre los items del menu superior   ************ */
#sup1 a{
	width:80;
	height:40;
	background-image:url(imagenes/item_menu_sup_inicio.png);
	background-position:0 -168px;
	color:transparent;	/*background-image:url(imagenes/ajax-loader.gif);*/
}
#sup1:hover a{
	width:80;
	height:40;
	background-image:url(imagenes/item_menu_sup_inicio.png);
	background-position:0 -0px;
	color:transparent;	/*background-image:url(imagenes/ajax-loader.gif);*/
}

#sup2 a{
	width:110;
	height:40;
	background-image:url(imagenes/item_menu_sup_presentacion.png);
	background-position:0 -168px;
	color:transparent;	/*background-image:url(imagenes/ajax-loader.gif);*/
	background-repeat: no-repeat;
}
#sup2:hover a{
	width:110;
	height:40;
	background-image:url(imagenes/item_menu_sup_presentacion.png);
	background-position:0 0px;
	color:transparent;	/*background-image:url(imagenes/ajax-loader.gif);*/
	background-repeat: no-repeat;
}

#sup3 a{
	width:120;
	height:40;
	background-image:url(imagenes/item_menu_sup_convocatoria.png);
	background-position:0 -168px;
	color:transparent;	/*background-image:url(imagenes/ajax-loader.gif);*/
}
#sup3:hover a{
	width:120;
	height:40;
	background-image:url(imagenes/item_menu_sup_convocatoria.png);
	background-position:0 0px;
	color:transparent;	/*background-image:url(imagenes/ajax-loader.gif);*/
}

#sup4 a{
	width:90;
	height:40;
	background-image:url(imagenes/item_menu_sup_historico.png);
		background-position:0 -168px;
	color:transparent;	/*background-image:url(imagenes/ajax-loader.gif);*/
}
#sup4:hover a{
	width:90;
	height:40;
	background-image:url(imagenes/item_menu_sup_historico.png);
	background-position:0 0px;
	color:transparent;	/*background-image:url(imagenes/ajax-loader.gif);*/
}

#sup5 a{
	width:80;
	height:40;
	background-image:url(imagenes/item_menu_sup_recetas.png);
	background-position:0 -168px;
	color:transparent;	/*background-image:url(imagenes/ajax-loader.gif);*/
}
#sup5:hover a{
	width:80;
	height:40;
	background-image:url(imagenes/item_menu_sup_recetas.png);
	background-position:0 0px;
	color:transparent;	/*background-image:url(imagenes/ajax-loader.gif);*/
}
#sup6 a{
	width:80;
	height:40;
	background-image:url(imagenes/item_menu_sup_equipos.png);
	background-position:0 -168px;
	color:transparent;	/*background-image:url(imagenes/ajax-loader.gif);*/
}
#sup6:hover a{
	width:80;
	height:40;
	background-image:url(imagenes/item_menu_sup_equipos.png);
	background-position:0 0px;
	color:transparent;	/*background-image:url(imagenes/ajax-loader.gif);*/
}

/* ************  FINAL  Efectos sobre los items del menu superior   ************ */

#flashContent {
	width:100%;
	height:100%;
	text-align: center;
	z-index: -3;
}
