@charset "utf-8";
/* CSS Document */
/* MARQUESINA */
a { text-decoration:none; }
a:hover { text-decoration:underline; }
.cursorhand{ cursor:hand; cursor:pointer; }

#marquesina_texto .destacado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #0066CC;
	margin-bottom:5px;
	margin-left:20px;
	margin-top:20px;
}
#marquesina_texto .titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #003399;
	margin-left:10px;
}
#marquesina_texto .autor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	margin-left:10px;
}

#marquesina_texto .texto {
	width:230px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top:10px;
	margin-left:20px;
}

#marquesina_texto .link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	margin-top:10px;
	margin-left:10px;
}

#marquesina_texto {
    position:inherit;
	left:20px;
	top:20px;
	cursor:hand;
	cursor:pointer;
}
.clear {
	clear: both;
}
.left {
	top: 0;
    left: 0;
	width: 250px !important;
	height: 255px;
}

/* -------------------------------- */

/* VERSICULO */
	#izquierda #versiculo {
		border-bottom:1px dotted #999999;
		float:left;
		padding:10px;
		width:240px;
		line-height:115%;
	}
	#versiculo .titulo {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #0066CC;
		}
	#versiculo .texto {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		text-decoration:none; 
		margin-top:10px;
	}
	#versiculo .versiculo {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		font-weight: bold;	
		margin-bottom:5px;
		float:right;
	}
	#versiculo #opciones {
		clear:both;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #999999;
		margin-top:10px;
		width:235px;
	}
	versiculo {
		font-family:"Times New Roman", Times, serif;
		font-size: 16px;
		color: #666;
		border-top:1px dotted #CCCCCC;
		border-bottom:1px dotted #CCCCCC;
		display:block;
		padding:10px;
		font-style:italic;
		margin-top:10px;
		margin-bottom:10px;
	}
/* -------------------------------- */
/* MAS LEIDOS */
#izquierda #masleidos {
	float:left;
	padding:5px 10px 10px;
	width:110px;
	
}
#masleidos .titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0066CC;
}
#masleidos .texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
#masleidos #colizquierda {
	float:left;
	width:110px;
	margin-top:10px;
}
#masleidos #colderecha {
	float:right;
	width:110px;
	margin-top:10px;
}
#masleidos .tituloArticulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0D386D;
}
#masleidos .autor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	margin:0;
}
#masleidos ul {
	list-style:none;
	margin:0; 
	padding:0; 
}
#masleidos li{
	margin-bottom:5px;
}

#masleidos a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

/* -------------------------------- */
/* APUNTES IZQUIERDA */
#izquierda #apuntesizquierda {
	float:left;
	width:515px;
	margin-bottom:10px;
	padding-right:10px;
}
#separadorhorizontal {
	clear:both;
	border-top:#CCCCCC dotted 1px;
	margin-bottom:10px;
}

#apuntesizquierda #articuloleft {
	float:left;
	width:48%;
	padding-right:10px;
	padding-top:10px;
}
#apuntesizquierda #articuloright {
	float:right;
	width:48%;
	padding-top:10px;
	
}
#apuntesizquierda .imagen {
	float:left;
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin-right:10px;
}
#apuntesizquierda .titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003399;
	font-weight: bold;
}
#apuntesizquierda .autor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
#apuntesizquierda .texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top:10px;
	line-height:145%;
}
#apuntesizquierda .precio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #14295E;
	margin-top:10px;
	padding-bottom:10px;
	font-weight: bold;
	float:left;
}

#apuntesizquierda .link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	padding-bottom:10px;
	float:left;
	margin-top:12px;
}
	/* VIDEO */
	#apuntesizquierda #video {
	
		background-color:#EDEEF0;
		margin-bottom:10px;
		padding-top:5px;
		padding-bottom:5px;
		float:left;		
		padding-right:15px;
	}
	#video .video {
		float:left;
		margin-left:7px;
		margin-right:13px;
	}
	#video .destacado {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #0066CC;
	}
	
	#video .titulo {
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
		color: #003399;
		font-weight: bold;
	}
	#video .autor {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #999999;
	}
	#video .texto {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		margin-top:10px;
	}
	#video .link {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #999999;
		margin-top:10px;
		padding-bottom:10px;
	}
	
	/* -------------------------------- */
	/* APUNTES PASTORALES */
#izquierda #apuntesderecha {
	float:left;
	width:255px;
	padding-left:10px;
	/*background-color:#E8E9EB;*/
	border-left:#D2D2D2 solid 1px;
}

/* APUNTES PASTORALES */

#apuntesderecha #apuntesrecuadro {
	background-color:#C9DFEF;
	padding:10px;
}
#apuntesderecha #altoenelcamino {

	padding:10px;
	/*border:#FFE6CC solid 3px;*/
	margin-bottom:10px;
	/*background-color:#FFFFE6;*/
}
#altoenelcamino .quotes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color:#0066CC;
	font-weight: bold;
	float:left;
	margin-right:5px;
}
#altoenelcamino .quotesr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color:#0066CC;
	font-weight: bold;
	float:right;
	margin-top:0px;
}
#altoenelcamino .tituloalto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#67D193;
	font-weight: bold;
	margin-left:40px;
}
#altoenelcamino .autor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	margin-left:0px;
}

#altoenelcamino .textoAlto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top:5px;
	padding-bottom:5px;
	line-height:145%;
}

/* -------------------------------- */


#apuntesderecha .destacado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1652CA;
}
#apuntesderecha .tapas {
	border-bottom:#CCCCCC dotted 1px;
	height:50px;
	overflow:hidden; 
	height:1%;
	padding-bottom:10px;
	text-align:center;
	margin-top:10px;
}
#apuntesderecha .titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003399;
	font-weight: bold;
}
#apuntesderecha .autor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
}
#apuntesderecha .autor a:hover { text-decoration:underline; }
#apuntesderecha .autor a { color: #003399; }

#apuntesderecha .texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top:10px;
	/*border-bottom:#CCCCCC dotted 1px;*/
	padding-bottom:10px;
	line-height:145%;
}

#apuntesderecha #digital{
	
	background-color:#FFFFFF;
	margin-bottom:10px;
	margin-top:30px;
}
/* -------------------------------- */

	/* ARTICULOS */
	#izquierda #articulos {
		float:left;
		width:30%;
		padding:10px;
		margin-bottom:10px;
	}
	
	#izquierda .bordearticulo {
		border-right:#CCCCCC dotted 1px;
	}
	
	#izquierda .bordearticulobottom {
		border-bottom:#CCCCCC dotted 1px;
		margin-bottom:10px;
	}
	
	#articulos .titulo {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #003399;
		font-weight: bold;
	}
	#articulos .autor {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #999999;
	}
	#articulos .texto {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		margin-top:10px;
		line-height:145%;
		
	}
	#articulos .link {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #999999;
		margin-top:10px;
		padding-bottom:10px;
	}
	/* -------------------------------- */
/* LIBRERIA */
#libreria {
	/*clear:both;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0066CC;
	margin-bottom:10px;
	padding-top:10px;
}
/* -------------------------------- */
/* ITEMS BOTTOM */
#itemsbottom {
	clear:both;
	border-top:1px dotted #CCC; 
	padding:10px;
	width:740px;
}
#itemsbottom ul{
	padding:0px;
}
#itemsbottom li{
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	width:160px;
	display:inline-table;
}
#itemsbottom .titulo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	font-weight:bold;
	text-transform:uppercase;
}
#itemsbottom .texto{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
/* ------------------------------------------ */
/* BOLETINES */
#derecha #boletines {
	border-bottom:#CCCCCC dotted 1px;
	overflow:hidden;
	width:150px;
	background-color:#F9F9F9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	margin-bottom:10px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 10px;	
}
#boletines #email{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	margin-bottom:10px;
	padding:3px;
	background-image:url(../img/input.jpg);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	height:17px;
	width:159px;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
}
#boletines .titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003399;
	font-weight: bold;
	margin-bottom:10px;
}

#boletines .opciones {
	float:left;
	width:47%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;	
	margin-bottom:5px;
	/*border:1px #999999 solid;*/
}
#boletines .link {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;	
	margin-top:5px;
}
#boletines .check {
	float:left;
	margin-top:-1px;
}
/* -------------------------------- */

#directorio {
	clear:both;
	margin-top:10px;
}

#directorio .titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066CC;
}

#directorio .texto{
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #999;
	margin-top:5px;
	margin-bottom:10px;
	width:130px;
	line-height:145%;
}
#directorio ul{
	margin-top:2px;
	padding:0px; 
	margin-left:20px;
}
#directorio li{
	display:inline; 
	
}
.evento{ height:80px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:url(../img/evento-home-bg.jpg); background-repeat:repeat-x; background-color:#FFF; padding:10px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
.evento .titulo{ font-weight:bold; }
.evento .texto{ margin-bottom:10px; }
.evento img{ float:left; }
.evento .fecha { float:left; font-size:10px; }
.evento a { color:#000; text-decoration:none; }
.evento a:hover { text-decoration:underline; }