#wrapper-letras {
	margin-top:16px;
	padding-left:6px;
	padding-right:6px;
	transition: top .5s;
	-webkit-transition: top .5s;
	-moz-transition: top .5s;
}

#wrapper-letras.fixed-top {
	position: fixed;
	top: 0px;
	width: 175px;
}

#contenido-letras {
	padding-top:6px;
	transition: opacity .5s;
}

#titulo-grandes-epopeyas {
  cursor:pointer;
}
#titulo-grandes-epopeyas.ocultado-texto {
    color:#b0c0b0;
}

#bto-intro {
    font-size:11px;
	cursor:pointer;
}
#bto-intro:hover {
    color:#Ff3300;
}

#contenido-letras .letra {
	transition: color .5s, background-color .5s;
	float:left;
	width:32px;
	font-size:18px;
	text-align:center;
	padding-top:2px;
	padding-bottom:4px;
	cursor:pointer;
}
#contenido-letras .letra.selected {
   background-color:#99FfCc;
}

#contenido-letras .letra:hover {
    color:#ffffff;
	background-color:#00cc99;
}
#contenido-letras .letra:active {
    color:#ffffff;
	background-color:#00aa77;
}

#listaTerminos {
    min-height:500px;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}


.terminos .vocablo {
	   border-color:#666644;
	   border-width:thin;
	   margin-top:1em;
	   margin-bottom:.5em;
}

.terminos .vocablo .mas-menos {
	 width: 16px;
	 height: 16px;
	 margin-right:8px;
	 float: left;
	 position: relative;
	 top: 1px;
	 left: 0px;
	 background-image:url(../images/mas.png);
	 background-repeat: no-repeat;
	 background-position: 0px 0px;
}
.terminos .vocablo.expandido .mas-menos {
	 background-image:url(../images/menos.png);
}
.terminos .vocablo:hover .mas-menos {
	background-color:#005500;
    background-position: 0px -16px;
		   cursor: pointer;
}

.terminos .termino { 
	  margin-top:20px;
	  font-size:14px;
	  font-weight:bold;
	  color: #000000;
} 

.terminos .vocablo:hover .termino{ 	
    color: #30a050;
    cursor: pointer;
}
	  
.terminos .descripcion { 
	  font-weight:normal;
	  color: #113311;
} 
.terminos .vocablo:hover .descripcion{ 	
    color: #002000;
}

.terminos .comentario { 
	padding-top:.5em;
	padding-left:2em;
	max-height: 0px; 
	overflow: hidden;
	transition: max-height .3s ease-in;
} 
.terminos .vocablo:hover .comentario{ 	
    background-color: #f0fff0;
}

.vocablo.expandido .comentario { 
	max-height: 20em;
} 
.terminos .comentario .cmt-titulo { 
	font-weight: bold;
	color: #88aa88;
} 
.terminos .comentario .cmt-texto { 
	color: #405040;
} 
.vocablo:hover .comentario .cmt-texto { 
	color: #002200;
} 

.terminos .ejemplo { 
	  display:none; 
}

.titulo-filtrado {
	color:#306030;
	font-weight:bold;
	padding-left:1em;
}

.no-hay-terminos {
	color:#666;
	font-size:11px;
	padding-left:10em;
}

.bto-filtro {
	font-size: 11px;
	color:#88aaaa;
	margin-left:2em;
	margin-right:2em;
	cursor:pointer
}
.bto-filtro:hover {
	text-decoration:underline;
	color:#223333;
}

#search-box {
	background-color: #f0f0f0;
	padding: .3em;
}

#pie-sanscrito {
	border-style: solid;
	border-width: 1px;
	padding: 1em;
	border-color: #fff090;
	border-left-width: 6px;
	color:#335544;
	padding-top:1em;
	background-color: #ffffe0;
}