@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(../fonts/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');
}
@font-face {
  font-family: 'Julius Sans One';
  font-style: normal;
  font-weight: 400;
  src: local('Julius Sans One'), local('JuliusSansOne-Regular'), url(../fonts/iU65JP9acQHPDLkdalCF7q3fkYX5z1QtDUdIWoaaD_k.woff) format('woff');
}
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: local('Poiret One'), local('PoiretOne-Regular'), url(../fonts/HrI4ZJpJ3Fh0wa5ofYMK8RsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Fredericka the Great';
  font-style: normal;
  font-weight: 400;
  src: local('Fredericka the Great'), local('FrederickatheGreat'), url(../fonts/7Es8Lxoku-e5eOZWpxw18vc3vBAn7YvtW9hNjxWZBR0.woff) format('woff');
}
html
{
	background:url(../img/fondo.png) center center fixed no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
}
.logo
{
	padding-top:3%;
}
.letraabajo
{
	padding-top:-2%;
	font-family: 'Poiret One', cursive;
	font-size:1.5em;
}
.letrita
{
	padding-top:-2%;
	font-family: 'Poiret One', cursive;
	font-size:0.8em;
}
.titulo
{
	font-family: 'Fredericka the Great', cursive;
	font-size:5em;
	color:#000;
	text-shadow:0px 0px 10px #fff;
}
.letra
{
	font-family: 'Fredericka the Great', cursive;
	font-size:1em;
}
*{
	font-family: 'Open Sans Condensed', sans-serif;
text-decoration:none;
list-style:none;
margin:0;
padding:0;
}
.nav > li {
float:left;
}

.nav li a {
background:#000;
color:#FFF;
display:block;
border:1px solid;
padding:10px 12px;
}

.nav li .flecha{
font-size: 9px;
padding-left: 6px;
display: none;
}

.nav li a:not(:last-child) .flecha {
display: inline;
}

.nav li a:hover {
background:#000;
}

.nav li {
position:relative;
}

.nav li ul {
display:none;
position:absolute;
min-width:200px;
}

.nav li:hover > ul {
display:block;
}

.nav li ul li ul {
right:-140px;
top:0;
}

.atras
{
	opacity:1;
	position:fixed;
	width: 200px; 
	float: left;
	background:#000;
	padding:20px;
}

.sidebar 
{
	opacity:1;
	position:absolute;
	width: 150px; 
	float: left;
	background:#000;
	opacity:0.8;
	padding:20px;
}
.letter
{
	font-size:23.5px;
}
.buscador
{
	padding-left:20px;
	width:50%;
	font-size:1.3em;
	color:#000;
	font-family: 'Open Sans Condensed', sans-serif;
}