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

@font-face {
	font-family: mechgothmedium;
	src: url('fonts/mechgothmedium.ttf');
}

@font-face {
	font-family: mechgothextrabold
	src: url('fonts/mechgothextrabold.ttf');
}

@font-face {
	font-family: mechgothlight;
	src: url('fonts/mechgothlight.ttf');
}


#idiomas{
	right:20px; top:5px; position:absolute;

}

#esquina{
	top:0px; left:0px; position:absolute; width:100px;
	
	}
#logo{
	margin-top:0px; margin-left:16%; position:relative; width:150px;
	
	}
	
#logo1{
	top:20px; margin-right:5%; position:relative; width:px;
	
	}

#referencias{
	
	top:300px; left:20px; position:absolute; margin-right:0%;
	
	}
	
#referencias2{
	margin-top:0px; margin-left:40%; position:relative; width:200px;
	
}
	

	
#wrapper{
	margin:0 auto; width:1400px;
	
	}
/*AQUI EMPIEZA LOS EFECTOS DEL MENU*/
#menu{
	margin-left:21%; position:relative; width:69%;
}

p{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:200;}

h1{font-weight:bold; text-decoration:underline;}

.imagencara{
	width:118px;
}

.nombre{
	font-size:24px;
	font-weight:bold;
	text-decoration:underline;
	
}

.puesto{
	font-size:22px;

}

.descripcion{
	font-size:20px;
}

ul {
	padding: 5px;
	margin: 10px 0;
	list-style: none;
	background-color: #fff;
	float: left;
	clear: left;
}

ul li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 20px;
}

ul li a {
	text-decoration: none;
	float:left;
	color: #999;
	cursor: pointer;
	font: 900 18px/22px "Arial", Helvetica, sans-serif;
}

ul li a span {
	margin: 0 10px 0 -10px;
	padding: 1px 8px 5px 18px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
}

ul.menu li a.current, ul.menu li a:hover { /*Para cambiar el boton en la pagina en la que estamos ponemos current en el html*/
	background: url(images/blue.png) no-repeat top right;
 	color: #
	0d5f83;
}

ul.menu li a.current span, ul.menu li a:hover span {
	background: url(images/blue.png) no-repeat top left;
}

ol li{
	font-size:12px;
}




/*AQUI TERMINAN LOS EFECTOS DEL MENU*/
th li{
	list-style:none;
}


th ul{
	font-size:20px;
	list-style:none;
}

th ul:hover{
	background-image:url(images/blue.png)
}

table li{
	font-size:22px;
}

li p{
	font-size:18px;
}