/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* ============================
FUENTES Y TIPOGRAFÍA
================================*/
/*Tamaños y proporción de fuentes segun el dispositivo*/
	body {	font-size:100%;} /* porcentaje base, solo en el body */
	p {font-size:1em;}
	h1 {font-size:3em;}								
	h2 {font-size:1.6em;}
	h3 {font-size:1.5em;}
	address {font-size:0.8em;}
	a, * a {font-size:1em;}
	span {font-size:1em;}
	i {font-size:1em;}
	input {font-size:1em;}
	label {font-size:1.5em;}
	ul, li {font-size:1em;}
	.jm-icon-menu::before {font-size:2.2em;}
/* ============================
COLORES
================================*/
/*---Nota: la paleta de colores se puede cambiar desde aquí---*/
/*   Color principal: #612505; Cafe oscuro
     Color secundario: #9c6603; Cafe claro
/*---MENU----*/	
menu, {background: #612505;}
.jmenu {background-color:#612505;} /* si se quiiera transparente: rgba(97, 37, 5, 0.85);  */
label.jm-menu-btn {color: #fff;}
label.jm-menu-btn:hover {color: #fff;}
.jmenu a {color: #fff;}
.jm-collapse {border-bottom-color: #fff;}
.jmenu li  {border-bottom-color: #fff;}
.jmenu li:hover {color: #fff; background:#9c6603;}
.jm-icon-dropdown {border-color: #fff;}
.jm-icon-menu::before {color: #fff;}
input[id="spoiler"] + label, input[id="spoiler2"] + label {background: #612505;}
/*---ESTRUCTURA---*/
html{background: #9c6603;}
a {color:#9c6603;}
#wrap {background: linear-gradient(to right, #E8CF9B, #FFF, #E8CF9B);}
header h1, header h2, header h1 a {color:#612505;}
article h1, article h2, article h1 a {color:#612505;}
footer {background: #612505;}	
/*======================================================
MENÚ RESPONSIVO
========================================================*/
/* JMenu 1.0 RC1 | MIT License | https://github.com/jamesjohnson280/JMenu (Modificado)*/
/* Menu y fuentes */
menu	{position:fixed;
		width:100%;
		z-index:1;
		margin:0;
		padding:0;
		}
.jmenu {
  box-sizing: border-box;
  margin:0 auto;}

menu nav {margin: 0 auto;} 
  
/* Menu Button */
input.jm-menu-btn {
  display: none; /* Hide the checkbox */
}

input[type='checkbox'].jm-menu-btn ~ .jm-collapse {
  display: none; /* Hide menu on load */
}

input[type='checkbox']:checked.jm-menu-btn ~ .jm-collapse {
  display: block; /* Open when menu button is clicked */
}

label.jm-menu-btn {
  cursor: pointer;
  display: block;
  padding: 16px 32px;
}
.jm-collapse {
  /* Add border between menu and menu button when it's open */
  border-top: 1px solid #fff;
}

/* Menu Items */
.jmenu ul, .jmenu li {
  list-style: none;
  margin: 0;
  padding: 0;}

/* Links */
.jmenu a {
  display: inline-block;
  padding: 16px 32px;
  text-decoration: none; 
  font-size:2em;
  }
.jmenu li {
	border-bottom:2px solid #9c6603;}

/* Submenu Items */
.jmenu ul ul {
  display: none; /* Hidden by default */
}

/* Icons */
.jm-icon-dropdown {
    border: solid #9c6603; /* Light gray */
    border-width: 0 2px 2px 0;
    display: inline-block;
    margin: 0 0 3px 8px;
    padding: 3px;
    transform: rotate(45deg);} 

li:hover .jm-icon-dropdown {
    border-color: #fff; /* White */} 

.jm-icon-menu::before {
  content: '\2630';}
/*===LA BUENA PARTE PLANTILLA GENERAL===*/
/*Estructura General*/
	html{
		background: 	#9c6603;}
	/* anterior diseño para mantenerlo fijo
	#wrap {
		background: 	#612505; 
		width: 			690px; 
		margin: 		0 auto;
	}
		#header {
		width: 			680px; 
		height: 		168px; 
		background: 	#FFF url(images/cabezal.jpg); 
		margin: 		5px auto; 
		text-align: 	center;
	}*/
/*Estructura General*/
	#wrap {
  		max-width: 1170px;
  		margin-left: auto;
  		margin-right: auto;
		border: thick #630;
		background: #630; 
		}
header { 
		height:				350px; 
		background: 		#FFF url(images/header_sem_2.jpg) center no-repeat; 
		background-size: 	cover ;
		margin: 			0 auto; 
		padding: 		2em 1em 0;
		text-align: 		center;
	}	

header h1, header h2, header h1 a  {font-family: 'Playfair Display SC', serif;
										text-decoration:none;
										margin: .2em 0;
										}
	address {
		font-style:		italic;
	}
	em {
		font-style:		italic;
	}
	strong {
		font-weight:	bold;
	}
	/*menu*/
	#menu {
		height:			20px;
	}
	#menu ul li {
		color: 			#FFF; 
		float: 			left; 
		padding: 		0; 
		padding-left:	15px; 
		list-style: 	none; 
		margin: 		0;
	}
	#menu ul li a {
		color:			#fff; 
		text-decoration:none;
	}
	#menu ul li a:hover {
		color:			#FFCC66; 
		font-weight: 	bold;
	}
	/*contenido*/
	#lbp {
 
		background: 	#E8CF9B url(images/bkcont.jpg) repeat-y center; 
		margin: 		0 auto; 
		position:		relative; 
		padding-top:	20px; 
		padding-bottom:	10px;
	}
	#lbp h1 {
		color:			#612505; 
		font-size:		153%; 
		font-weight:	bolder; 
		margin-left:	40px; 
		margin-top: 	10px;
	}	
	#lbp h2 {
		color:			#612505; 
		font-size: 		107%; 
		font-weight: 	bold; 
		margin-left:	40px;
	}
	#lbp h3 {
		color:			#612505; 
		font-size: 		107%; 
		font-weight: 	bold;  
		margin-left:	40px;
	}
	#lbp h3 a {
		color:			#612505; 
		text-decoration:none;
	}
	#lbp h3 a:hover{
		color: 			#000000; 
		font-weight:	bolder;
	}
	#lbp p {
		margin: 		10px 40px; 
		margin-top:		10px; 
		text-align: 	justify;
	}
	#lbp a {
		color:			#612505;
	}
		/*tooltip*/
	#lbp a.biblegateway, #lbp a.bibleonline {
		color: 			#612505;
	}
	#lbp a.biblegateway span, #lbp a.bibleonline span {
		display:		none; 
		padding: 		5px; 
		font-size:		100%;
	}
	#lbp a.biblegateway:hover span, #lbp a.biblegateway:focus span, #lbp a.biblegateway:active span, #lbp a.bibleonline:hover span, #lbp a.bibleonline:focus span, #lbp a.bibleonline:active span {
		display: 		inline; 
		background: 	#612505; 
		color:			#fff; 
		border: 		2px solid #CCCCCC; 
		position:		absolute; 
		white-space:	pre; 
		text-align:		left; 
		text-decoration:none;
	}   
	#lbp p a.citatooltip {
		color:			#612505; 
		font-size:		90%;
	}
	#lbp p a.citatooltip span,  #lbp * a.citatooltip span {
		display: 		none; 
		width: 			250px; 
		padding: 		5px; 
		white-space:	pre-line; 
		font-size:		90%; 
		line-height:	135%;
	}
		#lbp p a.citatooltip:hover span, #lbp p a.citatooltip:focus span, #lbp p a.citatooltip:active span,
		#lbp * a.citatooltip:hover span, #lbp * a.citatooltip:focus span, #lbp * a.citatooltip:active span {
		display:		block; 
		background: 	#612505; 
		color:			#fff; 
		border: 		2px solid #CCCCCC; 
		position:		absolute; 
		white-space: 	pre-line; 
		text-align:		left; 
		text-decoration:none;
	}
		/*compartir*/
	#lbp #compartir {
		position: 		absolute; 
		top:			20px; 
		right: 			20px;
	}
	/*navegación*/
	#lbp #lbpnav {
		width: 			50%; 
		margin:			10px auto; 
		text-align:		center;
	}
	#lbp #lbpnav a {
		color:			#612505; 
		text-decoration:none; 
		padding:		10px;
	}
		#lbp #lbpnav a:hover {
		font-weight: 	bolder; 
		text-decoration:underline;
	}
	/*pie*/
	#pie {
		background: 	#C6AA39; 
		margin: 		5px auto; 
		padding: 		2.5px 0;
		border-bottom:	5px solid #612505;
	}
	#pie ADDRESS {
		text-align: 	center; 
		font-weight: 	bolder; 
		color: 			#FFF; 
		font-size:		70%;
	}
		#pie address span.dirsem {
		direction: 		rtl; 
		unicode-bidi: 	bidi-override;
	}
/*===FORMATO DEL ÍNDICE POR MES DE LBP===*/
	/*Texto y tipografía*/
	#wrap #lbp table tr td a span {
		display: 		none;
	}
	#lbp table tr td a {
		color: 			#612505; 
		text-decoration:none; 
		margin-left:	5px; 
		position:		relative;
	}
	#wrap #lbp table tr td a:hover span {
		display: 		block; 
		position:		absolute; 
		background:		#612505; 
		color: 			#FFF; 
		border: 		1px solid #CCC; 
		padding:		5px; 
		font-family: 	Arial, Helvetica, sans-serif; 
		font-size: 		90%; 
		font-weight: 	bold; 
		text-align: 	left; 
		top: 			-5em; 
		left: 			-6em; 
		width: 			150px;
	}
		/*formato tabla*/
	table{
		border-collapse:collapse; 
		border: 		3px solid #612505; 
		margin: 		5px auto; 
		text-align: 	center;
	}
	table tr td {
		padding: 		8px 5px; 
		border:			2px solid #612505;
	}
		table tr td:hover{
		background: 	#FA3;
	}
	caption{
		color: 			#632000; 
		font-weight: 	bolder;
		text-transform:	uppercase;
		margin:			2px;
		text-align:		center; 
		font-size:		144%;
	}
	/*tabla sin formato*/
	table.talitera {
		border-collapse:collapse; 
		border: 		none; 
		margin: 		10px 0;
		text-align:		center;
		margin-left:	40px;		
	}
	table.talitera tr td {
		margin:		0;
		padding: 		0px; 
		border:			none;
	}
		table tr td:hover{
		background: 	none;
	}
	table.talitera caption{
		color: 			none; 
	}
	table.talitera p,table.talitera * p, table.talitera * * p {margin: 0px;}
		/*Letra aliteración*/
	#lbp * img.letra_alitera, #wrap #lbp #pg-col * img.letra_alitera {
		margin:			0 0 0 5px;
		pading:			0;
		border:			none;
		
		float:			left;
	}
		/*parrafo aliteracion*/
		#lbp * p.alitera, #lbp #pg-acr p.alitera, #wrap #lbp * * p.alitera, #wrap #lbp * * * p.alitera, #wrap #lbp * * * * p.alitera   {
		margin:			2.5px 0 2.5px 5px;
		
		font-size:		85%;
		position:		relative;
	}
	/*citatooltip de la aliteració*/
	#wrap #lbp .talitera tr td .alitera .citatooltip:hover span
	{
		left:100px;
		top:-10px;
		font-size:100%}
	/* este titulo pertenece al índice gral del Sembrador*/
	#wrap #lbp h1.tit_line
	{
		color:			#612505; 
		font-size:		160%; 
		font-weight:	bolder; 
		margin-left:	40px; 
		margin-top: 	60px;
		margin-right:	40px;
		margin-bottom: 	20px;
		text-align:		center;
		border-width: 5px;
		border-top-style: solid;
		border-bottom-style: solid;
		padding:	5px;
	}
	#wrap #lbp p.indice
	{
		margin-left:	85px;
		text-indent: 	-45px;	
	}
	/*MEDIA QUERIES DISEÑO RESPONSIVO
===================================================*/
/* Smartphones (portrait and landscape) -----------*/
@media only screen and (max-width : 1170px) {
#wrap #lbp table tr td a.numcala, #wrap #lbp table tr td a.numcala span, .numcala  {display:none;}
} 
@media only screen and (min-device-width : 768px) and (max-device-width : 1170px) {

	.jmenu a {padding: 16px; font-size:1.5em;}
/*-------INDICE----------*/	
#wrap #lbp table tr td a.numcala, #wrap #lbp table tr td a.numcala span, .numcala  {display:none;}
}
@media (min-width: 1171px) {
/*--------TEXTO-----------------*/
  	body {font-size:130%;} /* ampliamos aún más los textos si mide más de 1170px */
/*--------MENÚ------------------*/	
  /* Menu items */
   .jmenu li {display: inline-block; }
   .jmenu a {padding: 15px 10px; font-size:1em;}
   .jmenu li {border-bottom:none;} 
    /* Menu Button */
  input.jm-menu-btn, label.jm-menu-btn {display: none;} /* Hide menu button */
  input[type='checkbox'].jm-menu-btn ~ .jm-collapse, .jm-collapse {
    display: block;} /* Show menu */
  menu {text-align:center;}