@charset "UTF-8";
HTML {min-width:1024px;min-height:600px;}
* {margin:0;padding:0;}
BODY {background-color: #FFFFFF;font-family: Arial,Helvetica,sans-serif;color:#000000;}
A {text-decoration:none;}

IMG { }
P {font-size: 12px;}

LI {list-style:none;font-size: 12px;}
#contenedor {margin:auto;background:#FFFFFF;width:100%;max-width:1024px;margin-top:20px;margin-bottom:20px;
	//box-shadow: 1px 1px 20px 1px #888888;
}

#encabezado {
	z-index: 100;
	padding-bottom:2em;
	margin-bottom:2em;
	border-bottom:solid thin #333333;
}
#logo { }
#bannerLogo {width:100%;}
#contenedorRadio{background:#FFFFFF;padding:10px;border-bottom:solid thin;}
#radio {margin:0;width:400px;}
.radiocr A {display:block;height:250px;width:300px;padding:10px;}
.radiocr A {background: url(./images/radioplay1.jpg) no-repeat center center;transition:all 0.5s;}
.radiocr A {background-size:cover;}
.radiocr A:hover {background: url(./images/radioplay.jpg) no-repeat center center;transition:all 0.5s;}
.radiocr A:hover {background-size:cover;}

.radioOnline {width:200px;height:55px;float:right;}
.radioOnline A {display:block;height:50px;width:150px;}
.radioOnline A {background: url(./images/playRadio.png) no-repeat center center;transition:all 0.5s;}
.radioOnline A {background-size:cover;}
.radioOnline A:hover {background: url(./images/playRadio1.png) no-repeat center center;transition:all 0.5s;}
.radioOnline A:hover {background-size:cover;}

#cuerpo{margin:auto;margin-bottom:30px;
	position:relative;
}

.izquierdaSubpagina{width:350px;float:left;margin-right:10px;}
.centroSubpagina{width:350px;float:left;}
.derechaSubpagina{width:300px;float:right;}
#declaracion, #quienessomos, #contacto {padding:10px 20px;}
#declaracion P, #quienessomos P{line-height:1.5em;text-align:justify;}

.resaltado {font-weight:bold;}
.TextoResaltado {font-weight:bold;color:#990033;}
.secuenciaTemporal LI {
	font-size: 12px;
	font-style: italic;
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 20px;
}
.Letra {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #FF00FF;
}

#secuencia {
	height: 10px;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 15px;
}

#envoltorio {
	text-align: left;
	width: 984px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#contenido {
	margin-top: 10px;
	padding-top: 0px;
	height: 100%;
	width: 984px;
}
.CursivaVerd {
	color: #008000;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.SubNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	padding: 5px;
}
.SubNavVisit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	font-variant: normal;
	background-color: #0066FF;
}
.FotoCent {
	margin: 10px;
}
.FotoIzd {
	margin: 5px;
	float: left;
}
.FotoDch {
	float: right;
	margin: 5px;
}
.RojoCursiva {color: #FF0000;font-style: italic;font-weight: bold;font-size: 12px;font-family: Arial, Helvetica, sans-serif;}
.RojoResaltado {color: #FF0000;font-weight: bold;font-size: 12px;font-family: Arial, Helvetica, sans-serif;}
.TextoComentario {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-style: italic;color: #008000;}
.RojoCentro {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.pCentro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 5px;
	text-align: center;
	padding-right: 5px;
}
.PieFoto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 5px;
	text-align: center;
	padding-right: 5px;
	font-style: italic;
	color: #0033FF;
}

.enlace {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	margin-right: 5px;
}
.agenda {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #330099;
	text-align: center;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.imgsPortadaPrincipal {width:200px;float:left;padding:0 10px 10px 0;}
.images-article{width:60%;}
.images-articleV{width:30%;}
.imgsPortada {width:280px;margin-bottom:10px;}
.imgportada {text-align:center;}
.centrado {text-align:center !important;}
.justificado {text-align:justify;}
.novedad {border-bottom:solid thin #996633;padding:30px 10px;}
.itemsPortada {border-bottom:solid thin #996633;padding:30px 15px;}
.itemsPortada P {text-align:justify;}

.row {
	box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}

.items-portada{
	width:45%;
	flex: 45%;
	max-width:45%;

	cursor:pointer;
	display: -webkit-flex;
   display: flex;
	margin-bottom:5px;
	padding:0 10px 0 10px;
}
.sub-items-portada {
	width:100%;
	padding: 10px;
	//margin-bottom: 5px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	//vertical-align:middle;
}
.sub-items-portada P {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.42;
}
.sub-items-portada H3 {
	line-height: 1.1;
	font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #333333;

}
.imgs-portada {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 4px;
	line-height: 1.4;
	vertical-align:middle;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.menuSecundario {font-size:0.8em;margin-bottom:10px;border-bottom:solid thin #996633;padding-left:90px;padding-bottom:15px;}
.menuSecundario A {display:inline-block;padding:5px;}
.menuSecundarioActivo {border-bottom:solid 2px #979898;color:#666666;font-weight:bold;}

#articulo {margin-right:20px;margin-left:90px;position:relative;}
#articulo H1,#articulo H2,#articulo H3{line-height:1.5em;color:#333333;font-size:1.5em;}
#articulo P{line-height:1.5em;margin-bottom:1em;text-align:justify;font-size: 14px;}
#articulo UL,#articulo OL{margin:1em 0 1em 2em;text-align:justify;}

.listaNumero LI {list-style-type: decimal;}
.listaLetra LI {list-style-type: lower-latin;}
.listaLetra, .listaNumero{display: block;}

#articulo LI{list-style-position: inside;}
.indiceTemas LI{list-style:square;line-height:1.5;}
.indiceTemas LI:hover{list-style:circle;}
.indiceTemas A:hover{font-weight:bold;}
.listaCirculo{margin:10px 15px;text-align:justify;}
.listaCirculo LI{line-height:1.5;list-style:circle;font-weight:bold;}

.titulo1 {border-bottom:solid thin #4D4D4D;padding-bottom:5px;margin-bottom:15px;}
.titulo2, .titulo2 A  {padding-bottom:5px;color:#006699;}
.titulo3, .titulo3 A {color:#006699;}
.tituloLibros{clear:both;text-align:justify;margin:15px 0 10px 0;}

.TextoBiblia {color:#666699;font-style:italic;font-size: 12px;}
.author{font-size:12px;color:#3B5998;font-weight: bold;margin:15px 0;}
.fechapublic{margin-left:15px;color:#000;opacity: 0.6;}
#imagenes1{width:680px;margin:0 5px 5px 0;}

.socialshare {width:85px;position:fixed;background:#CC7C14;padding:20px 0;}
.socialshare DIV {margin:10px 0;text-align:center;}
.socialshare .whatsapp-sh A, .socialshare .mail-sh A{display:block;}
.socialshare .whatsapp-sh {background:#25D366; margin-right:2px !important;}
.socialshare .mail-sh {background:#FFFFFF;margin-right:2px !important;}
.iconoSocial {height:25px;}

.nofloat {clear:both;}

#footer {clear:both;border-top:solid thin #4D4D4D;margin:auto;padding:10px 0;}
#footer #copy {font-size: 10px;text-align:right;margin-top:10px;border-top:solid thin #4D4D4D;padding-top:5px;}
.descripcionPie {margin:10px;}
.descripcionPie P{text-align: justify;font-size: 12px;}

#social {padding:30px;text-align:center;background:#CC7C14;}
#social UL{list-style:none;}
#social LI{display:inline;}
#social A{width:50px;height:50px;display:inline-block;margin:0 5px;}
#social H1{color:#676767;margin-bottom:10px;}


#logoFacebook {background: url(./images/logoFacebookBN.png) no-repeat center center;transition:all 0.5s;}
#logoFacebook {background-size: cover;}
#logoTwitter {background: url(./images/logoTwitterBN.png) no-repeat center center;transition:all 0.5s;}
#logoTwitter {background-size: cover;}
#logoGplus {background: url(./images/logoGplusBN.png) no-repeat center center;transition:all 0.5s;}
#logoGplus {background-size:cover;}
#logoYoutube {background: url(./images/logoYoutubeBN.png) no-repeat center center;transition:all 0.5s;}
#logoYoutube {background-size: cover;}

#logoFacebook:hover {background: url(./images/logoFacebook.png) no-repeat center center;transition:all 0.5s;transform: translateY(-15px);}
#logoFacebook:hover {background-size:cover;}
#logoTwitter:hover {background: url(./images/logoTwitter.png) no-repeat center center;transition:all 0.5s;transform: translateY(-15px);}
#logoTwitter:hover {background-size: cover;}
#logoGplus:hover {background: url(./images/logoGplus.png) no-repeat center center;transition:all 0.5s;transform: translateY(-15px);}
#logoGplus:hover {background-size:cover;}
#logoYoutube:hover {background: url(./images/logoYoutube.png) no-repeat center center;transition:all 0.5s;transform: translateY(-15px);}
#logoYoutube:hover {background-size: cover;}


#leftPart {width:60%;float:left;	}
#rightPart {width:38%;float:right;}
.videoPredicaSemanal {width:300px;height:169px;}
#parteIzq {width:40%;float:left;border-right:solid thin;}
#parteDcha {width:58%;float:right;}
#slider IMG {width:322px;}
#slider{display: block;
	margin: 20px 0;padding: 0;
	position: relative;left:10px;
	width:350px;height: 280px;
	border: 1px solid #1a1a1a;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
	box-shadow: 0 0 10px #000;
	overflow: hidden;}
#slider DIV{position: absolute;top:0;border-radius: 10px;padding:10px;overflow:hidden;background:#FFFFFF;width:95%;height:100%;}

#slider .selected{z-index: 1; opacity: 1;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
#slider .noselected{z-index: 0; opacity: 0;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}

#mapa {text-align:center;margin-bottom:20px;}



#barraaceptacion {
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius: 100%;
	display:none;position:fixed;right:0px;bottom:0px;
	width:300px;height:300px;
	background-color: rgba(0, 0, 0, 0.9);
	color:#fff;z-index:99999;
}
.inner {position:relative;top:30%;left:5%;width:85%;height:50%;text-align:center;font-family:verdana;font-size:12px;}
.inner a.ok {padding:10px;color:#00ff2e;text-decoration:none;}
.inner a.info {padding-left:5px;text-decoration:none;color:#faff00;}

.listadoVideos A{font-size:13px;color:#CC7C14;font-weight:bolder;}
.descripcionVideos {font-size:11px;}
.paginador {border-top:solid thin;padding-top:10px;}
.paginador A {padding:0 3px;font-size:15px;color:#333333;display:inline-block;}
.paginador A:hover {	font-weight:bold;	text-shadow: 1px 1px 2px #333333;}
.actualPage{color: #CC7C14 !important;font-size:18px !important;font-weight:bolder !important;text-decoration: underline;}

#fondoVideos {display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color: rgba(0, 0, 0, 0.9);overflow: hidden;}
#contenedorVideos {display:none;position:fixed;top:0;left:5%;z-index:1001;width:90vw;height:100vh;text-align:center;background:#FFFFFF;}
#contenedorVideos .descripcionIframe, #contenedorVideos .autorIframe {width:80%;text-align:center;margin:auto;color:#333333;}
#contenedorVideos .descripcionIframe {font-size:1.5em;}
#contenedorVideos .contieneIframe {width:80%;height:80%;text-align:center;margin:auto;border:ridge 2px;color:#333333;}
#contenedorVideos IFRAME {width:100%;height:100%;}
#cerrarVideos{display:none;position:fixed;top:1%;right:4.5%;width:75px;z-index:1002;}
#cerrarVideos P{text-align:center;}
#cerrarVideos A{display:block;padding:12px;color:#CC7C14;font-weight:bolder;font-size:4em;border:solid thin;border-radius:100%;box-shadow:2px 2px 2px 3px;}
#cierraIfameVideos SPAN{font-size:15px;}


.textoBorde{border:solid thin #000000;padding:5px;margin:0 10px; }
.menu .icon { display: none; }

.gotop {position:fixed;bottom:2em;right:50px;width:2.5em;height:2.5em;text-align:center;z-index:10001;}
.gotop A{border-radius: 50%;background:rgba(255,255,255,.7);display:block;	height: 40px;width: 40px;}
.gotop A:before {content:'\02C4';line-height: 1em;font-size: 2.5em;color: rgba(0,0,0,.7);}

@media screen and (min-width:1000px){
	.menu LI:hover > .submenu {
		opacity:1;filter:alpha(opacity=100);
		display:block;
	}
	.menu:after {content: ""; clear: both; display: block;}
	.menu {width:800px;list-style-type: none;margin:auto;position:relative;top:10px;float:left;}
	.menu  LI {display: block;float: left;list-style: none;position: relative;font-size: 14px;}
	.menu LI A {display: block;padding: 15px;color:#333333;
		//line-height:25px;
		-webkit-transition: color .2s ease-in-out;
		-moz-transition: color .2s ease-in-out;
		-o-transition: color .2s ease-in-out;
		-ms-transition: color .2s ease-in-out;
		transition: color .2s ease-in-out;
	}
	.menu LI:hover > A { color: Crimson;}
	/* submenús */
	.menu .submenu {
		display: none;
		position: absolute;left: 0;top:35px;
		z-index:10000;
		//margin: 0 5px;padding: 0 5px 5px 5px;
		opacity: 0;filter:alpha(opacity=0);
		overflow: hidden;
		-moz-border-radius:0 0 5px 5px;
		-webkit-border-radius:0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		/* color de fondo */
		background: #FFFFFF;
		background: -moz-linear-gradient(#EEEEEE,#FFFFFF);
		background: -webkit-linear-gradient(#EEEEEE,#FFFFFF);
		background: -o-linear-gradient(#EEEEEE,#FFFFFF);
		background: -ms-linear-gradient(#EEEEEE,#FFFFFF);
		background: linear-gradient(#EEEEEE,#FFFFFF);
	/* animar visibildiad */
		-moz-transition: opacity .35s ease .3s;
		-webkit-transition: opacity .35s ease .3s;
		-o-transition: opacity .35s ease .3s;
		-ms-transition: opacity .35s ease .3s;
		transition: opacity .35s ease .3s;
		box-shadow: 10px 10px 9px 10px #333333;
	}

	/* submenús */
	.menu .submenu LI {
		overflow:hidden;
		-moz-transition: height .35s ease .1s;
		-webkit-transition: height .35s ease .1s;
		-o-transition: height .35s ease .1s;
		-ms-transition: height .35s ease .1s;
		transition: height .35s ease .1s;
	}
	.menu .submenu LI A {
		display:block;
		width:140px;
		border:none;border-bottom:solid 1px #111;}
	.menu .submenu LI:last-child A { border: none; }
	#videosMoviles {display:none;}
	.row {
	box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}

.items-portada{
	width:45%;
	flex: 45%;
	max-width:45%;

	cursor:pointer;
	display: -webkit-flex;
   display: flex;
	margin-bottom:5px;
	padding:0 10px 0 10px;
}
.sub-items-portada {
	width:100%;
	padding: 10px;
	//margin-bottom: 5px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	//vertical-align:middle;
	}
}
@media screen and (max-width:999px) and (min-width:320px){
	HTML {min-width:100%;min-height:100%;}
	HTML, BODY {width:100%;height:100%;}
	BODY {background-color: #FFFFFF;font-family: Arial,Helvetica,sans-serif;color:#000000;}
	#contenedor {margin:auto;background:#FFFFFF;margin-top:20px;margin-bottom:20px;}
	#encabezado {width:100%;}
	.menu  {border-bottom:groove #333333;}
	.menu, .submenu {clear:both}
	.menu LI A {display:none;font-size: 17px;padding: 15px;color:#333333;}
	.menu .icon {display: block;font-size: 20px;}
	.menu.responsive {position: relative;background: #FFFFFF;}
	.menu.responsive .icon {z-index:100;}
	.menu.responsive A {clear:both;display: block;text-align: left;}
	.menu.responsive LI {clear:both;}
	.submenu{display:none;width:100%;}
	.menu .submenu {
		width:99%;
		padding-left:20px;
		overflow:hidden;
		-moz-transition: height .35s ease .1s;
		-webkit-transition: height .35s ease .1s;
		-o-transition: height .35s ease .1s;
		-ms-transition: height .35s ease .1s;
		transition: height .35s ease .1s;

		//background: #FFFFFF;
		background: -moz-linear-gradient(#EEEEEE,#FFFFFF);
		background: -webkit-linear-gradient(#EEEEEE,#FFFFFF);
		background: -o-linear-gradient(#EEEEEE,#FFFFFF);
		background: -ms-linear-gradient(#EEEEEE,#FFFFFF);
		background: linear-gradient(#EEEEEE,#FFFFFF);
	/* animar visibildiad */
		-moz-transition: opacity .35s ease .3s;
		-webkit-transition: opacity .35s ease .3s;
		-o-transition: opacity .35s ease .3s;
		-ms-transition: opacity .35s ease .3s;
		transition: opacity .35s ease .3s;
	}
	.menu .submenu LI A{color:#996633;}
	.submenu.responsive { opacity:1;filter:alpha(opacity=100);display:block;}

	.imgsPortadaPrincipal {float:none;width:70vw;}
	.izquierdaSubpagina{width:100%;float:none;}
	.centroSubpagina{width:100%;float:none;}
	.derechaSubpagina{width:100%;float:none;}
	#leftPart {width:100%;clear:both !important;}
	#rightPart {width:100%;clear:both !important;}
	#parteIzq {width:100%;clear:both;border-right:none;}
	#parteDcha {width:100%;clear:both;}

	.calendario {background-color:#996633;padding:10px 0;width:50px;text-align:center;border:solid thin #996633;border-radius: 10px 10px 5px 5px;display: table-cell;vertical-align: top;}
	.dia{font-weight:bolder;font-size:1.3em !important;border-bottom:dashed thin #333333;color:#FFFFFF !important;}
	.mes{padding-top:5px;color:#FFFFFF !important;}
	.tituloPredica{padding-left:10px;display: table-cell;vertical-align: middle;}
	.predicaM{margin:10px;display:table;width:90%;}
	.predicaM H3 {font-size:1.2em;color:#990033;display:table-caption;}
	.predicaM P {font-size:0.7em;color:#333;}
	.predicaM A {color:#333;display:block;}
	#videosMoviles {display:block;}
	#mostrarVideo{display:none;height:100%;width:100%;position:fixed !important;top:0;left:0;background-color:#333;z-index:999;opacity:0.9;overflow: hidden;}
	#videoPredica{display:none;position:absolute;top:10%;left:4%;z-index:1000;width:90%;height:50%;}
	#videoPredicaD, #videoPredicaV {display:none;z-index:1001;width:100%;height:100%;}
	.video {width:100%;}
	#cerrar {position:absolute;top:0;right:0;width:50px;border:solid #FFFFFF;border-radius: 90px;display:none;z-index:1002;}
	#cerrar A{display:block;padding:10px;color:#FFFFFF;font-weight:bolder;font-size:2em;}
	.row {
		box-sizing: border-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.items-portada{
		width:95%;
		flex: 95%;
		max-width:95%;

		cursor:pointer;
		display: -webkit-flex;
		display: flex;
		margin-bottom:5px;
		padding:0 10px 0 10px;
	}
	.sub-items-portada {
		width:100%;
		padding: 10px;
		//margin-bottom: 5px;
		background-color: #f5f5f5;
		border: 1px solid #e3e3e3;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
		vertical-align:middle;
	}
	.gotop {position:fixed;bottom:2em;right:10px;}
}