* {

	margin: 0px;

	padding: 0px; outline: 0;

}

#menu {
    /*cursor: pointer; para que aparezca el icono del cursor flechita en ved de la mano*/
	top:0px;

	text-align: left;

	font-size: 18px;

	width: 100%;

	margin: 0px auto;

	font-family: 'DistProTh', Helvetica, Times "Times New Roman";

	position: fixed;

	z-index: 1000;
	
	box-shadow: 0/*Desplazamiento lateral*/ 2px/*Altura*/ 6px/*Dispersión, difuminado*/ -2px/*Tamño general*/ #808080;
	
	opacity: 0.9; /*Opacidad del menú completo*/
	
	/*border-radius:20px;  Bordes redondeados */
	

}

#menuB {

	top:0px;

	text-align: left;

	font-size: 18px;

	width: 100%;

	margin: 0px auto;

	font-family: 'DistProTh', Helvetica, Times "Times New Roman";

	position: fixed;

	z-index: 1000;
	
	box-shadow: 0/*Desplazamiento lateral*/ 2px/*Altura*/ 6px/*Dispersión, difuminado*/ -2px/*Tamño general*/ #808080;
	
	opacity: 0.9; /*Opacidad del menú completo*/
	
	/*border-radius:20px;  Bordes redondeados */
	

}

#menu ul {
	
	list-style-type: none;
	
}



#menu ul li.nivel1 {

	/*font-family: 'DistProTh';*/
	/*margin: 0 auto; Para que se mantenga en el centro*/

	width: 100%; /*Para que ocupe toda la pantalla a lo largo*/

	margin-right: 2px;/*Apacere un margen a la derecha*/
	margin-left: 2px;

	position: left;

}

#menu ul li {
	
	float: left;
	
}



#menu ul li a {

	display: block;

	text-decoration: none;

	color: #808080;

	background-color: #000; /*Color de los todos los rectangulos de menú superior*/

	/*position: center;*/

	padding-top: 6px;

	padding-right: 8px;

	padding-bottom: 2px;

	padding-left: 10px;

	/*font-weight: bold; Negrita*/

	background-image: url(../Images/FondoPie2.jpg);

	/*opacity: 0.9; Opacidad del menú superior (Cr) */

}

#menu ul li a:hover, #menu ul li:hover a.nivel1 {

	background-color: #000; /*Color al estar encima*/

	color: #808080;

	position: relative;

	/*border-bottom: solid 2px #fff;*/

}

#menu ul li a.nivel1 {
	
	display: block!important;
	display: none;

}

#menu ul li ul {
	
	display: none;
	z-index:1000 /*z-index "tridimensionalidad", para que el submenú esté siempre por encima*/

}

#menu ul li a:hover ul, #menu ul li:hover ul {

	display: block;

	position: absolute;

	width: 756px;

	border: solid 2px #fff;

	border-top: none;

	background-color: #101010;

}

#menu ul li ul li a {

	width: 330px; /*tamaño de los cuadritos del submenú (arriba, decha, abajo, izda)*/	

	padding: 10px 8px 10px 8px; 

	border: none;

	background-color: #101010; /*Color de los cuadrados del submenú*/

	text-align: left;

	opacity: 0.8; /*Opacidad del submenú*/

}

#menu ul li ul li a:hover {

	position: relative;

	text-decoration: underline;

	border-bottom: none;

}

table.falsa {

	border-collapse:collapse;

	border:0px;

	float: right;

	position: relative;

}

ul.uno {

	/*left: 0px; desplazamiento hacia la izda de submenú*/
	
	margin: 0 auto;
	
}






/*Menu trabajos*/



#menuT { 

	text-align: center;

	font-size: 18px;

	width: 800px;

	margin: 0px auto;

	font-family: 'DistProTh', 'Lancelot', Helvetica, Times "Times New Roman";

	position: relative;

}

#menuT ul {
	list-style-type: none;
	}



#menuT ul li.nivel1 {

	float: left;

	width: 50px;

	margin-right: 2px;/*Apacere un margen a la derecha*/

	position: relative;

}

#menuT ul li {

	float: left;
	
}



#menuT ul li a {

	display: block;

	text-decoration: none;

	color: #fff;

	background-color: #101010; /*Color de todos los rectangulos de menú trabajos superior*/

	border: solid 2px #000;

	/*position: center;*/

	padding-top: 8px;

	padding-right: 8px;

	padding-bottom: 8px;

	padding-left: 8px;

	/*font-weight: bold; Negrita*/

}

#menuT ul li a:hover, #menu ul li:hover a.nivel1 {
	/*font-family: 'DistProTh';*/
	background-color: #101010; /*Color al estar encima del menú*/

	color: #fff;

	position: relative;

	/*border-bottom: solid 2px #fff;*/

}

#menuT ul li a.nivel1 {

	display: block!important;
	display: none;

}

#menuT ul li ul {

	display: none; z-index:1000 /*z-index "tridimensionalidad", para que el submenú esté siempre por encima*/

}

#menuT ul li a:hover ul, #menu ul li:hover ul {display: block;

	position: absolute;

	width: 100%; /*Para que ocupe el 100% a lo largo, antes lo tenia en 990px (tamaño del container)*/

	border: solid 0px #808080;

	border-top: none;

	background-color: #000; /*color del fondo del submenú*/

	background-image: url(../Images/FondoPie2.jpg);
	
	box-shadow: 0/*Desplazamiento lateral*/ 2px/*Altura*/ 6px/*Dispersión, difuminado*/ -2px/*Tamanno general*/ #808080;

}

#menuT ul li ul li a {

	width: 100%;/*tamaño de los cuadritos del submenú (arriba, decha, abajo, izda)*/

	padding: 6px 6px 10px 0px; 

	border: none;

	background-color: #000;

	text-align: center;

}

#menuT ul li ul li a:hover {

	position: relative;

	text-decoration: underline;

	border-bottom: none;

}



@font-face {

    font-family: "DistProTh";

    font-style: normal;

    font-weight: normal;

    src: local("?"), url("../fonts/Dist Pro Th/DistProTh.woff") format("woff");

}


/*
-----------------------------------------------------------------------------------------
*/