/*
 * Diseño con 610px útiles de ancho para escribir en .entry
 */

@font-face {
	font-family: "Titulo";
	src: url('/css2/helveticablkit.eot');
	src: url('/css2/helveticablkit.eot?#iefix') format('embedded-opentype'),
		 url('/css2/helveticablkit.woff') format('woff'),
		 url('/css2/helveticablkit.ttf') format('truetype'),
		 url('/css2/helveticablkit.svg#Titulo') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, header, footer, aside {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: url(bg.png) repeat-x top;
}

a, a:visited, a:focus {
	color: #ff0000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*
 * HEADER
 */
#top-header {
	width: 100%;
	height: 165px;
}

#top-header #top-header-container {
	width: 980px;
	height: 145px;
	margin: 0 auto;
	position: relative;
}

#top-header #top-link {
	position: absolute;
	width: 360px;
	height: 130px;
	background: url(logo.png) no-repeat 40px 20px;
	z-index: 10;
}

#top-header  #top-link h1 {
	display: none;
}

#top-header #nav-top {
	position: absolute;
	top: 92px;
	right: 20px;
	z-index: 20;
}
#top-header #nav-top ul {
	list-style: none;
}
#top-header #nav-top ul li {
	display: block;
	height: 38px;
	float: left;
}
#top-header #nav-top ul li a {
	width: 100%;
	height: 100%;
	display: block;
}
#top-header #nav-top ul li span {
	display: none;
}

#top-header #nav-top .li-lecciones {
	width: 132px;
	background: url(bt-nav-top.png) 0px 0px;
}
#top-header #nav-top .li-lecciones:hover {
	background: url(bt-nav-top.png) 0px -38px;
}
#top-header #nav-top .li-verbos {
	width: 102px;
	background: url(bt-nav-top.png) -132px 0px;
}
#top-header #nav-top .li-verbos:hover {
	background: url(bt-nav-top.png) -132px -38px;
}
#top-header #nav-top .li-kanjis {
	width: 93px;
	background: url(bt-nav-top.png) -234px 0px;
}
#top-header #nav-top .li-kanjis:hover {
	background: url(bt-nav-top.png) -234px -38px;
}
#top-header #nav-top .li-diccionario {
	width: 146px;
	background: url(bt-nav-top.png) -327px 0px;
}
#top-header #nav-top .li-diccionario:hover {
	background: url(bt-nav-top.png) -327px -38px;
}
#top-header #nav-top .li-ejercicios {
	width: 133px;
	background: url(bt-nav-top.png) -473px 0px;
}
#top-header #nav-top .li-ejercicios:hover {
	background: url(bt-nav-top.png) -473px -38px;
}
#top-header #nav-top .li-foro {
	width: 82px;
	background: url(bt-nav-top.png) -606px 0px;
}
#top-header #nav-top .li-foro:hover {
	background: url(bt-nav-top.png) -606px -38px;
}


/*
 * MAIN STRUCTURE
 */

#main {
	width: 980px;
	margin: 0 auto;
}

#primary {
	float: left;
	margin-right: 20px;
	width: 690px;
}

#secondary {
	float: right;
	position: relative;
	top: 35px;
	margin-bottom: 70px;	/* Como es flotante, se define de la altura del footer + un margen, para cuando #secondary sea mayor que #primary */
	width: 270px;
}

/*
 * ARTICLES
 */

#primary .entry {
	width: 610px;
	padding: 40px;
	margin-bottom: 20px;
	background: url(bg-entry.png) no-repeat top;
	min-height: 317px;
}

#primary .entry-header {
	padding-left: 20px;
	position: relative;
	font-family: Titulo,Helvetica,Arial,sans-serif;
	color: #000000;
	font-size: 14px;
	font-weight: 300;
	border-bottom: 1px solid black;
	margin-bottom: 10px;
}
#primary .entry-header h1 a {
	color: #000000;
}
#primary .entry-header h1 a:hover {
	text-decoration: none;
}

#primary .entry .entry-content {
	padding-bottom: 20px;
}

#primary .entry-content h2 {
	color: #999999;
	font-family: Titulo,Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: 200;
	margin: 15px 0 10px 10px;
}

#primary .entry-content h3 {
	color: #000000;
	font-family: Titulo,Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: 200;
	text-decoration: underline;
	margin: 15px 0 10px 10px;
}

#primary .entry .entry-content p {
	font-family: Verdana;
	font-size: 12px;
	text-align: justify;
	margin: 0 10px;
	padding-top: 1em;
}

#primary .entry .entry-footer {
	background: url(bg-entry-footer.png) top center no-repeat;
	padding-top: 15px;
}

#primary .entry-content h2 {
	color: #999999;
	font-family: Titulo,Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: 200;
	margin: 15px 0 10px 10px;
}

#primary .entry ul, #primary .entry ol {
	margin: 20px 20px 20px 30px;
}
#primary .entry ul li {
	padding: 1px 0 2px 0;
}

#primary .entry .pagger_indice {
	list-style: none;
	width: 610px;
	text-align: center;
	margin: 20px 0 10px 0;
	padding: 0;
}
#primary .entry .pagger_indice li {
	display: inline;
	padding: 0 4px;
}

/*
 * SIDEBAR
 */

#secondary #aside-social {
	clear: both;
	width: 237px;
	height: 79px;
	margin: 0 auto;
}

#secondary #aside-social a {
	width: 79px;
	height: 79px;
	display: block;
}

#secondary #aside-social #aside-twitter {
	width: 79px;
	height: 79px;
	float: left;
	background: url(icon-social.png) 0px 0px;
}
#secondary #aside-social #aside-twitter:hover {
	background: url(icon-social.png) 0px -79px;
}

#secondary #aside-social #aside-facebook {
	width: 79px;
	height: 79px;
	float: left;
	background: url(icon-social.png) -79px 0px;
}
#secondary #aside-social #aside-facebook:hover {
	background: url(icon-social.png) -79px -79px;
}

#secondary #aside-social #aside-rss {
	width: 79px;
	height: 79px;
	float: left;
	background: url(icon-social.png) -158px 0px;
}
#secondary #aside-social #aside-rss:hover {
	background: url(icon-social.png) -158px -79px;
}

#secondary .panel {
	width: 230px;
	background: url(bg-panel.png) no-repeat top;
	padding: 20px 20px 0 20px;
	font-family: Titulo,Helvetica,Arial,sans-serif;
	color: #000000;
}

#secondary .panel h3 {
	width: 184px;
	height: 31px;
	font-size: 18px;
	font-weight: 300;
}

#secondary .panel-bottom {
	height: 22px;
	width: 270px;
	background: url(bg-bottom-panel.png) no-repeat top center;
	padding-bottom: 10px;
}

#secondary .panel ul {
	width: 194px;
	font-size: 13px;
}

#secondary .panel ul li {
	list-style: none;
	padding: 1px 0;
}

#secondary .patrocinador-sidebar {
	width: 270px;
	text-align: center;
}
#secondary .patrocinador-sidebar img { /* raro, sin esto en IE se ve el borde en la imagen */
	border: 0;
}
#secondary #verbo_diario {

}

/*
 * FOOTER
 */
#top-footer {
	clear: both;
	background: url(bg-footer.png);
}

#top-footer div {
	text-align: center;
	font-family: Titulo,Helvetica,Arial,sans-serif;
	position: relative;
	top: 10px;
}

/*
 * SIDEBAR SEARCH FORM
 */
#secondary .search-form {
	height: 45px;
}
#secondary .search-form input {
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
}
#secondary .search-form  .search-input {
	width: 206px;
	padding: 14px 0 14px 20px;
	background: url(search-bg.png) 0 50% no-repeat;
	color: #999999;
}
#secondary .search-form  .search-input:focus {
	color: #000000;
}

/*
 * ENTRY SEARCH FORM
 */
#primary .search-form {
	width: 514px;
	height: 45px;
	padding: 15px 0;
	margin: 0 auto;
}
#primary .search-form input {
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
}
#primary .search-form  .search-input {
	width: 400px;
	padding: 14px 0 14px 20px;
	background: url(search-bg.png) 0 50% no-repeat;
	color: #999999;
}
#primary .search-form  .search-input:focus {
	color: #000000;
}

/*
 * PALABRAS Y SIGNIFICADOS
 */
#primary .searchString {
	color: #ff0000;
}
#primary .lista-palabras {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}
#primary .lista-palabras-li {
	background: #fff6f6;
	margin: 10px 0 !important;
	padding: 0 !important;
}
#primary .lista-palabras-li:hover {
	background: #ffe0e0;
}
#primary .lista-palabras .palabra {
	font-weight: bold;
	padding: 8px 10px 4px 60px;
	display: block;
	background: #f6fff6;
}
#primary .lista-palabras-li:hover .palabra {
	background: #e0ffe0;
}
#primary .lista-palabras-li .palabra .comun {
	font-weight: normal;
	font-size: 80%;
	color: #909090;
	font-style: italic;
	float: right;
}
#primary .lista-sentidos {
	list-style: none;
	padding: 0 10px 10px 10px !important;
	margin: 0 !important;
}
#primary .lista-sentidos-li {
}
#primary .lista-detalles {
	list-style: none;
	float: left;
	display: inline;
	width: 100px;
	text-align: right;
	margin: 0 !important;
	padding: 0 !important;
}
#primary .lista-detalles .lista-detalles-li{
	display: inline;
}
#primary .lista-detalles abbr {
	cursor: help;
	font-size: 80%;
	font-style: italic;
	padding: 0 2px;
	margin-right: 3px;
}
#primary .lista-significados {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	margin-left: 120px !important;
}

/*
 * KANJIS
 */
#primary .entry .lista-kanjis {
	list-style: none;
}
#primary .entry .lista-kanjis-li {
	position: relative;
}
#primary .entry .lista-kanjis .kanji {
	font-size: 400%;
	width: 100px;
	float: left;
	color: #000000;
}
#primary .entry .lista-kanjis .detalles h2 {
	display: none;
}
#primary .entry .lista-kanjis .detalles {
	width: 400px;
	float: right;
	text-align: right;
}
#primary .entry .lista-kanjis .lista-onyomi {
	clear: both;
	padding-top: 10px;
}
#primary .entry .lista-kanjis .lista-onyomi span {
	color: #ff0000;
}
#primary .entry .lista-kanjis .lista-kunyomi span {
	color: #0000ff;
}
#primary .entry .lista-kanjis .trazos  {
	position: relative;
	margin: 10px 0;
}
#primary .entry .lista-kanjis .trazos  img {
	display: block;
}
#primary .entry .lista-kanjis .trazos .tapaWeb {
	position: absolute;
	margin-top: -20px;
	width: 100%;
	height: 20px;
	background: #ffffff;
}
#primary .entry .nav-ver-kanji .kanji-anterior {
	float: left;
	width: 200px;
	margin-left: 30px;
}
#primary .entry .nav-ver-kanji .kanji-siguiente {
	float: right;
	width: 200px;
	text-align: right;
	margin-right: 30px;
}
#primary .entry .nav-ver-kanji .progreso {
	float: left;
	width: 150px;
	text-align: center;
}
.ocultoSpan span {
	visibility: hidden;
}
.ocultoSpan:hover span {
	visibility: visible;
}
.ocultoUl ul {
	visibility: hidden;
}
.ocultoUl:hover ul {
	visibility: visible;
}
#primary .entry .entry-header #control-ver {
	float: right;
}

#primary .entry .entry-header #control-ver label {
    color: #999;
    font-weight: 100;
    font-size: 12px;
	cursor: pointer;
}

#primary .entry .entry-header #control-ver input {
    position: relative;
    top: 3px;
    margin: 3px 3px 3px -1px;
}

/*
 * VERBOS
 */
#primary.verbos-ver #misc {
	position: relative;
	top: 50px;
	width: 150px;
	float: right;
}

#primary.verbos-busqueda ul {
	margin-top: 20px;
	margin-left: 30px;
}
#primary.verbos-busqueda ul li {
	padding: 1px 0 2px 0;
}

/*
 * TABLAS
 */
#primary .entry table {
	margin: 10px 0;
}
table {
	border: 1px solid #7f7f7f;
	border-top: 0;
	border-left: 0;
	border-spacing: 0;
}
table caption {
	background: #ffe0e0;
	border: 1px solid #7f7f7f;
	border-bottom: 0;
	font-weight: bold;
	padding: 0.3em 1em;
}

table td {
	padding: 0.3em 1em;
	border: 1px solid #7f7f7f;
	border-bottom: 0;
	border-right: 0;
	background: #ffffff;
}
table th {
	padding: 0.3em 1em;
	background: #ffe0e0;
	border: 1px solid #7f7f7f;
	border-bottom: 0;
	border-right: 0;
}
table td.th2 {
	background: #e0e0e0;
}
table tr.res td {
	background: #ffffa0;
}

.ocultoTR {
	visibility: hidden;
}
tr:hover .ocultoTR {
	visibility: visible;
}
.ocultoDiv span {
	visibility: hidden;
}
.ocultoDiv:hover span {
	visibility: visible;
}



/*
 * Especifico de las preguntas de vocabulario
 */
/* intro */
#preguntas #intro label {
	display: block;
	width: 200px;
	text-align: right;
	margin-right: 10px;
	float: left;
}
#preguntas #preguntaContainer {
	display: none;
	position: relative;
}
#preguntas #pregunta {
	width: 350px;
}
#preguntas #progreso {
	position: absolute;
	top: 30px;
	right: 10px;
	width: 200px;
	height: 40px;
}
#preguntas #progreso #progreso-texto {
	width: 198px;
	top: 0;
	left: 0;
	font-family: Titulo,Helvetica,Arial,sans-serif;
	font-size: 14px;
	text-align: center;
	padding: 5px 0;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
}
#preguntas #progreso #barra {
	width: 198px;
	border: 1px solid black;
	height: 5px;
	background: #dddddd;
	position: relative;
}
#preguntas #progreso #barra #bien {
	height: 5px;
	width: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #00e200;
}
#preguntas #progreso #barra #mal {
	height: 5px;
	width: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #ff0000;
}

/* preguntaContainer */
#preguntas #cancelar {
	width: 250px;
	border: 1px solid #ff0000;
	color: #ff0000;
	background: #ffffff;
	margin: 20px auto;
	padding: 5px 15px;
	text-align: center;
}
#preguntas #cancelar:hover {
	border: 1px solid #aa0000;
	color: #ffffff;
	background: #ff0000;
	cursor: pointer;
}
#preguntas #waitingCache {
	display: none;
	border: 1px solid #ffdc72;
	background: #feffb0;
	padding: 5px;
	margin: 13px;
	width: 350px;
}
#preguntas #limiteNotify {
	display: none;
	background: #feffb0;
	border: 1px solid #ffdc72;
	padding: 5px;
	margin: 20px auto;
}
/* historial */
#historialPreguntas {
	display: none;
}
#historialPreguntas ul {
	margin: 20px 0 !important;
}
#historialPreguntas ul li {
	display: none;
	position: relative;
	width: 608px;
	overflow: hidden;
	margin-bottom: 10px;
	border: 1px solid black;
	padding: 0 !important;
	list-style: none;
}
#historialPreguntas ul li .nPregunta {
	position: absolute;
	width: 50px;
	height: 200px;
}
#historialPreguntas ul li .nPregunta div {
	text-align: center;
	position: relative;
	top: 20px;
	font-family: Titulo,Helvetica,Arial,sans-serif;
	font-size: 14px;
}
#historialPreguntas ul li.bien .nPregunta {
	background: #00e200;
	position: absolute;
}
#historialPreguntas ul li.mal .nPregunta {
	background: #ff0000;
}
#historialPreguntas ul li .pregunta, #historialPreguntas ul li .respuesta {
	width: 520px;
	position: relative;
	left: 50px;
	border-left: 1px solid black;
	padding: 5px 20px;
}
#historialPreguntas ul li .pregunta {
	font-weight: bold;
}
/* outro */
#preguntas #outro {
	position: relative;
	display: none;
}
#preguntas #outro #pBien strong {
	color: #00e200;
}
#preguntas #outro #pMal strong {
	color: #ff0000;
}
#preguntas #outro #retry {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
#preguntas #outro #resumen {
	position: absolute;
	top: 30px;
	right: 10px;
	width: 200px;
	height: 40px;
}
#preguntas #outro #resumen #porcentaje {
	width: 198px;
	top: 0;
	left: 0;
	font-family: Titulo,Helvetica,Arial,sans-serif;
	font-size: 18px;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
}
#preguntas #resumen #barra2 {
	width: 198px;
	border: 1px solid black;
	height: 5px;
	background: #dddddd;
	position: relative;
}
#preguntas #outro #resumen #barra2 #bien2 {
	height: 5px;
	width: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #00e200;
}
#preguntas #outro #resumen #barra2 #mal2 {
	height: 5px;
	width: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #ff0000;
}

#donacion #loading {
	display: none;
}