/* CSS Document */

@import url("../webfonts/Muli/stylesheet.css");

/*=======================================================================================================================*/
/*MENU PRINCIPAL PÁGINA DE INICIO*/
/*=======================================================================================================================*/
#menu-inicio ul {
	list-style-type: none;
	margin: 0;				/*Limpiar margenes*/
	padding: 0;				/*Limpiar espaciado*/
	overflow: hidden;
	background-color: rgba(153,153,153,0.7); /*Color RGB fondo de la barra de menu, los 3 primeros parámetros son el color, el cuarto la transparencia*/
}

#menu-inicio li {
  float: right;				/*Acomodar los elementos en horizontal con la propiedad float de los elementos <li> del menú*/
}

#menu-inicio li a {
	font-family: Muli;
	font-size: 20px;
	color: #fff;
	font-style: inherit;
	font-weight: lighter;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 7px 10px;
	text-decoration: none;
}

#menu-inicio li a:hover {
	font-family: Muli;
	font-size: 20px;
	color: #000;
	font-style: inherit;
	font-weight: bold;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 7px 10px;
	text-decoration: none;
}

/*=======================================================================================================================*/
/*MENU IDIOMA PÁGINA DE INICIO*/
/*=======================================================================================================================*/

#menu-inicio-idioma ul {
	list-style-type: none;
	margin: 0;				/*Limpiar margenes*/
	padding: 0;				/*Limpiar espaciado*/
	overflow: hidden;
	/*background-color: rgba(153,153,153,0.5); Color fondo de la barra de menu*/
}

#menu-inicio-idioma li {
  float: right;				/*Acomodar los elementos en horizontal con la propiedad float de los elementos <li> del menú*/
}

#menu-inicio-idioma li a {
	font-family: Muli;
	font-size: 20px;
	color: #fff;
	font-style: inherit;
	font-weight: lighter;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 7px 3px;
	text-decoration: none;
}

#menu-inicio-idioma li a:hover {
	font-family: Muli;
	font-size: 20px;
	color: #000;
	font-style: inherit;
	font-weight: bold;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 7px 3px;
	text-decoration: none;
}

#menu-inicio-idioma .active {
	font-family: Muli;
	font-size: 20px;
	color: #000;
	font-style: inherit;
	font-weight: bold;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 7px 3px;
	text-decoration: none;
}

/*=======================================================================================================================*/
/*MENU PRINCIPAL GENERAL*/
/*=======================================================================================================================*/

.menu-principal-tabla {
	width: 1254px;
	padding: 0px;				/*espacio de relleno de cada celda*/
	border-collapse: collapse;	/*Para hacer que las celdas de una tabla se separen*/
	border-spacing: 0px 0px;	/*separación entre las celdas de la tabla, horizontal y vertical*/
}


#menu-principal ul {
	list-style-type: none;
	margin: 0;				/*Limpiar margenes*/
	padding: 0;				/*Limpiar espaciado*/
	overflow: hidden;
	/*background-color: #666;	Color fondo de la barra de menu*/
}

#menu-principal li {
  float: right;				/*Acomodar los elementos en horizontal con la propiedad float de los elementos <li> del menú*/
}

#menu-principal li a {
	font-family: Muli;
	font-size: 20px;
	color: #666;
	font-style: inherit;
	font-weight: lighter;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 0px 10px;
	text-decoration: none;
}

#menu-principal li a:hover {
	font-family: Muli;
	font-size: 20px;
	color: #000;
	font-style: inherit;
	font-weight: bold;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 0px 10px;
	text-decoration: none;
}

#menu-principal .active {
	/*  background-color: red;*/  
	font-family: Muli;
	font-size: 20px;
	color: #000;
	font-style: inherit;
	font-weight: bold;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 0px 10px;
	text-decoration: none;
}

/***********************/
/* MENU IDIOMA GENERAL */
/***********************/

#menu-idioma ul {
	list-style-type: none;
	margin: 0;				/*Limpiar margenes*/
	padding: 0;				/*Limpiar espaciado*/
	overflow: hidden;
	/*background-color: #666;	Color fondo de la barra de menu*/
}

#menu-idioma li {
	float: left;				/*Acomodar los elementos en horizontal con la propiedad float de los elementos <li> del menú*/
}

#menu-idioma li a {
	font-family: Muli;
	font-size: 15px;
	color: #666;
	font-style: inherit;
	font-weight: lighter;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 3px 3px;
	text-decoration: none;
}

#menu-idioma li a:hover {
	font-family: Muli;
	font-size: 15px;
	color: #000;
	font-style: inherit;
    font-weight: lighter;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 3px 3px;
	text-decoration: none;
}

#menu-idioma .active {
	/*  background-color: red;*/  
	font-family: Muli;
	font-size: 15px;
	color: #000;
	font-style: inherit;
	font-weight: bold;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 3px 3px;
	text-decoration: none;
}


/*=======================================================================================================================*/
/*MENU PRINCIPAL FOTOGRAFÍA*/
/*=======================================================================================================================*/

.menu-principal-fotografia-tabla {
	width: 1350px;
	padding: 0px;				/*espacio de relleno de cada celda*/
	border-collapse: collapse;	/*Para hacer que las celdas de una tabla se separen*/
	border-spacing: 0px 0px;	/*separación entre las celdas de la tabla, horizontal y vertical*/
} 


#menu-principal-fotografia ul {
	list-style-type: none;
	margin: 0;				/*Limpiar margenes*/
	padding: 0;				/*Limpiar espaciado*/
	overflow: hidden;
	/*background-color: #666;	Color fondo de la barra de menu*/
}

#menu-principal-fotografia li {
  float: right;				/*Acomodar los elementos en horizontal con la propiedad float de los elementos <li> del menú*/
}

#menu-principal-fotografia li a {
	font-family: Muli;
	font-size: 20px;
	color: #CCC;
	font-style: inherit;
	font-weight: lighter;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 0px 10px;
	text-decoration: none;
}

#menu-principal-fotografia li a:hover {
	font-family: Muli;
	font-size: 20px;
	color: #FFF;
	font-style: inherit;
	font-weight: bold;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 0px 10px;
	text-decoration: none;
}

#menu-principal-fotografia .active {
	/*  background-color: red;*/  
	font-family: Muli;
	font-size: 20px;
	color: #FFF;
	font-style: inherit;
	font-weight: bold;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 0px 10px;
	text-decoration: none;
}

/**************************/
/* MENU IDIOMA FOTOGRAFÍA */
/**************************/

#menu-idioma-fotografia ul {
	list-style-type: none;
	margin: 0;				/*Limpiar margenes*/
	padding: 0;				/*Limpiar espaciado*/
	overflow: hidden;
	/*background-color: #666;	Color fondo de la barra de menu*/
}

#menu-idioma-fotografia li {
	float: left;				/*Acomodar los elementos en horizontal con la propiedad float de los elementos <li> del menú*/
}

#menu-idioma-fotografia li a {
	font-family: Muli;
	font-size: 15px;
	color: #CCC;
	font-style: inherit;
	font-weight: lighter;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 3px 3px;
	text-decoration: none;
}

#menu-idioma-fotografia li a:hover {
	font-family: Muli;
	font-size: 15px;
	color: #FFF;
	font-style: inherit;
	font-weight: lighter;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 3px 3px;
	text-decoration: none;
}

#menu-idioma-fotografia .active {
	/*  background-color: red;*/  
	font-family: Muli;
	font-size: 15px;
	color: #FFF;
	font-style: inherit;
	font-weight: bold;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 3px 3px;
	text-decoration: none;
}

/*=======================================================================================================================*/
/*MENU FOTOGRAFÍA VERTICAL  */
/*=======================================================================================================================*/

.menu_fotografia{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	border-top-width: thin;
	display: inline;
	padding: 0px;
	width: auto;
}
.menu_fotografia_estamos{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	border-top-width: thin;
	display: inline;
	padding: 0px;
	width: auto;
}
.menu_fotografia:hover{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	border-top-width: thin;
	display: inline;
	padding: 0px;
	width: auto;
}


/*=======================================================================================================================*/
/*MENU CRONOLOGÍA GENERAL*/
/*=======================================================================================================================*/

#menu-cronologia ul {
	list-style-type: none;
	margin: 0;				/*Limpiar margenes*/
	padding: 0;				/*Limpiar espaciado*/
	overflow: hidden;
	/*background-color: #666;	Color fondo de la barra de menu*/
}

#menu-cronologia li {
  float: right;				/*Acomodar los elementos en horizontal con la propiedad float de los elementos <li> del menú*/
}

#menu-cronologia li a {
	/*  font-style: inherit;*/ 
 /* font-weight: lighter;*/
  
	font-family: Muli;
	font-size: 13px;
	color: #000;
	font-style: normal;
	font-weight: bold;
	border-top-width: thin;
	width: auto;
	display: inline-block;
	text-align: center;
	padding: 14px 10px;
	/*padding: 0px;*/
	text-decoration: none;
}

#menu-cronologia li a:hover {
	font-family: Muli;
	font-size: 13px;
	color: #F12929;
	font-style: normal;
	font-weight: bold;
	border-top-width: thin;
	width: auto;
    display: inline-block;
    text-align: center;
    padding: 14px 10px;
	/*padding: 0px;*/
	text-decoration: none;
}

#menu-cronologia .active {
    font-family: Muli;
    font-size: 13px;
    color: rgba(241,41,41,1.00);
    font-style: normal;
    font-weight: bold;
    border-top-width: thin;
    width: auto;
    display: inline-block;
    text-align: center;
    padding: 14px 10px;
    /*padding: 0px;*/
    text-decoration: none;
}