/* la pagina de estilos de la pagina de la parrok*/
*{
margin:0;
padding:0;

}
/*----------Generales----------*/
body{
/*	padding-top: 10px;*/
	background: url(../images/fondo.jpg) repeat-y  center top;/*url(../images/probando_fondo1.jpg) repeat-y  0 0;*/
/*	background-color:/*#d7e3ed;/*#f1f1f1;*/
	/*text-align: center;*/
	width:100%;
	height:100%;
	color: #000000;
/*	padding-bottom: 5px;*/
	padding:0px;
}
.titulopage{
    background: url(../images/baner_cintas_ange2.jpg) no-repeat; /*url(../images/baner.jpg) no-repeat;/*url(../images/qcyo.jpg) no-repeat;*/
	height: 200px;
	background-position: center;
/*	background-color: transparent;*/
}

.titulopage #nav{
	margin-top: 170px;
	float: right;
}
#todo{
	/*background: url(../images/cintas_blancas_claras.jpg) repeat-y 0 0; url(../images/fondo_chico.gif) repeat-y  0 0;*/
/*	background-position: center top;*/
	background-color:transparent;
	padding:0px;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	font: 10pt Verdana, Arial , tahoma, sans-serif;
	color: #000000;}
/*	min-height: 600px;*/
#libro{
/*	background: url(../images/cintas_blancas_ange.jpg) repeat-y 0 0; /*url(../images/fondo_chico.gif) repeat-y  0 0;*/
/*	background-position: center top;*/
	padding:0px;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	font: 12px Arial, Verdana, tahoma;
	color: #000000;}

#limpiar{
	width:100%;
	clear:both;
	height:10px;
}


/*------------------- lista lateral ------------------------*/
#secciones{
	width: 140px;
	margin-top: 25px;
	margin-left:5px;
	float: left; 
	background-color: transparent;	}

#secciones ul{
	padding: 0;
	list-style: none;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 140px;/*acaaaaaaaaaaaaaaaaa*/
	border-top: 1px solid  #000000; /*#748DA2; Borde externo de secciones!! */
}
#secciones ul li{
	padding: 0;
	margin-top:0;
	margin-bottom: 0;
	display: block;
	width: 140px;/*acaaaaaaaaaaaaaaaaa*/
	height: 2em;
/*	border-bottom: 1px solid #ffffff; */
	text-decoration: none;
}

#secciones ul li a:hover{
	padding: 0;
	margin-top: 0;
	margin-bottom:0;
	display: block;
	width: 135px;
	background-color: #DDE5E7;
	border-bottom: 1px solid #003762;
	 }

#secciones ul li a{
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	display: block;
	width: 135px;
	height: 95%;
	border-bottom: 1px solid #003762; /*#314351;*/ /*#000000;*/
	font-size: 10pt;
	}
/*------------------contenido de la pagina--------------------*/
p{
	color: #000000;
	padding-top: 7px;
	padding-right: 15px;
	padding-left: 15px;
	text-align:justify;	
}

a {  
	text-decoration:none;
	color: #003762;/*#314351; negro-gris*/ /*#003762; azul oscuro*/ /*#4e8ec4 azul fondo*/
	font-weight: bold;
	}
/*-----------------------ESTILOS DE IMAGENES -----------------*/	

p.imagenr {
	float: right;
	font-size: 0.8em;
	text-align: center;
	color: #7d6340;
	padding: 1.25em 1.25em 0.25em 0.25em;	
}
p.imagenr img{
	display: block;
}
p.imagenl {
	float: left;
	font-size: 0.8em;
	text-align: center;
	color: #7d6340;
	padding: 1.25em 1.25em 0.25em 0.25em;
}
p.imagenl img{
	display: block;
}
p.imagenc {
	float: none;
	font-size: 0.8em;
	text-align: center;
	color: #7d6340;
	padding: 3em 3em 10em 10em;
}
p.imagenc img{
	display: block;
}
.textfoto{
	text-align: left;
}
.imagenaltar{
	clear:both;
	width: 100%;
	}
.imagenjuntas{
	}
/*--------------------- Termina Imagenes -------------------------*/
/*
    * _blank: El destino para el documento enlazado será una nueva ventana.
    * _top: Si tenemos en cuenta que una ventana puede contener otras ventanas anidadas (Frames), este "target" especifica la ventana del nivel superior o madre como destino para la URL enlazada
    * _self: Especifica como destino la ventana o frame actual.
    * _parent: Especifica como destino la ventana padre de la ventana actual. Solo tiene sentido cuando se realiza un enlace desde una ventana o frame que esta anidado en una ventana madre.


*/	
/*.titulo1{
	font: bold 20pt Tahoma;
	color: #006666;
	text-align: center;
	}*/
/*-------------------------------------- TITULOS 1 --------------------------------------*/
.error{
		background:url(../images/centros.gif) no-repeat;
		height: 42px;
		width: 110px;
		float: right;
		}
.noticias{
		background:url(../images/noticias.gif) no-repeat;
		clear: rigth;
		height: 42px;
		width: 290px;
		float: right;
		}
.boletin{
		background:url(../images/boletin.gif) no-repeat;
		height: 42px;
		width: 109px;
		float: right;
		}
.horarios{
		background:url(../images/horarios.gif) no-repeat;
		height: 42px;
		width: 262px;
		float: right;
		}
.palabrasvida{
		background:url(../images/palabrasvida.gif) no-repeat;
		height: 42px;
		width: 263px;
		float: right;
		}
.infodioc{
		background:url(../images/infodioc.gif) no-repeat;
		height: 42px;
		width: 349px;
		float: right;
		}
.economia{
		background:url(../images/economia.gif) no-repeat;
		height: 42px;
		width: 182px;
		float: right;
		}
.catequesis{
		background:url(../images/catequesis.gif) no-repeat;
		height: 62px;
		width: 169px;
		float: right;
		}
.instituciones{
		background:url(../images/instituciones.gif) no-repeat;
		height: 62px;
		width: 227px;
		float: right;
		}
.movimientos{
		background:url(../images/movimientos.gif) no-repeat;
		height: 42px;
		width: 231px;
		float: right;
		}
.visitavirtual{
		background:url(../images/visitavirtual.gif) no-repeat;
		height: 42px;
		width: 223px;
		float: right;
		}
.pagecristianas{
		background:url(../images/pagecristianas.gif) no-repeat;
		height: 62px;
		width: 260px;
		float: right;
		}
.material{
		background:url(../images/material.gif) no-repeat;
		height: 42px;
		width: 149px;
		float: right;
		}
.fotos{
		background:url(../images/fotos.gif) no-repeat;
		height: 42px;
		width: 100px;
		float: right;
		}
.chistes{
		background:url(../images/chistes.gif) no-repeat;
		height: 42px;
		width: 133px;
		float: right;
		}
.librovisitas{
		background:url(../images/librovisitas.gif) no-repeat;
		height: 42px;
		width: 257px;
		float: right;
		margin-bottom:12px;
		}

/*--Parroquia--*/		
.historia{
		background:url(../images/historia.gif) no-repeat;
		height: 42px;
		width: 142px;
		float: right;
		}
.organizacion{
		background:url(../images/organizacion.gif) no-repeat;
		height: 67px;
		width: 240px;
		float: right;
		}
.centros{
		background:url(../images/centros.gif) no-repeat;
		height: 42px;
		width: 271px;
		float: right;
		}

/*--Pastoral--*/
.pjovenes{
		background:url(../images/pjovenes.gif) no-repeat;
		height: 42px;
		width: 257px;
		float: right;
		}
.pliturgia{
		background:url(../images/pliturgia.gif) no-repeat;
		height: 60px;
		width: 336px;
		float: right;
		}
.pcomunicacion{
		background:url(../images/pcomunicacion.gif) no-repeat;
		height: 40px;
		width: 383px;
		float: right;
		}
.psalud{
		background:url(../images/psalud.gif) no-repeat;
		height: 55px;
		width: 399px;
		float: right;
		}
.poracion{
		background:url(../images/poracion.gif) no-repeat;
		height: 42px;
		width: 331px;
		float: right;
		}
.pfamilia{
		background:url(../images/pfamilia.gif) no-repeat;
		height: 42px;
		width: 330px;
		float: right;
		}

/*------------------------------------------FIN TITULOS 1 ----------------------------------------*/


.titulo2{
	font: bold 12pt Tahoma;
	color: #834F22;/*#040480;*/
	text-align: left;
	padding-top: 15px;
	clear: right;
}
.titulo3{
	font: bold 10pt Tahoma;
	color: #040480;
	text-align: left;
	padding-top: 15px;
	padding-left: 15px;
	clear: right;
}
.titulofoto{
	font: bold 10pt Tahoma;
	color: #040480;
	text-align: left;
	padding-top: 15px;
	padding-left: 15px;
}
.contenido{
	margin-left:15px;
	margin-top:10px;
	width: 480px;
	float: left;
}
.derecho{
	clear: right;
	float: right;
	width: 235px;

}
.izqui{
	float: left;
	width: 235px;

}
.lista {
	border: 1px ridge;
	width: 95%;
	padding: 10px;
	margin-top: 5px;
}
.lboletin {
	border: 1px ridge;
	width: 100%;
	margin-top: 5px;
	clear:both;
}
.lboletin #mes{
	width: 20%;
	float: left;
	text-align: left;
	font-weight: bold;
}
.lboletin #titulo{
	width: 50%;
	float: left;
	text-align: left;
}
.lboletin #opcion{
	width: 15%;
	float: right;
	text-align: right;
	font-weight: bold;
}
.nota{
	border: 2px outset; 
	margin-top:10px;
	padding: 10px;
	text-align: left;
}
.negrita{
	font-weight: bold;
}
.vinculo{
	font-weight: normal;
	font-style:oblique;
	font-size: 9pt;
	text-decoration: underline;
	color: #000000;
}
.linterna{
	text-align: left;
	text-indent: 4em;
	line-height: 1.5em;
	font-weight: bold;
	font-style: italic;
}
/*-------------------LINKS A LAS PAGINAS -----------------*/
#links{
	float: left;
	width: 70px;
	padding-left: 10px;
	margin-top: 5em;
}
#links ul{
	text-align: center;
}
#links li{
	margin-top: 25px;
}

/*----------------- Pie de Pagina ----------------------------*/
#pie{
	width:750px;
/*	height:20px;*/
	margin-left:auto;
	margin-right:auto;
	border-top: 1px ridge #000000; 
}
#pie p{
	text-align:center;
	font-style: italic;
	font-weight: bold;
	color: #834F22;/*#705B1C;*/
}
/*----------------------EL DESPLEGABLE ----------------------*/
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav{
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
}

#nav a { /*Cambiado*/
/*	font-weight: bold;*/
	text-decoration: none;
	}

#nav li li a { /*cambiado*/
	display: block;
	font-style: italic;
	color: #000000; /*Color del texto desplegable*/
	padding: 0.2em 10px;

}

#nav li li a:hover { /*Cambiado*/	
	background-color:  #ffffff; /*#DDE5E7;*/
	border: 5px solid #ffffff; /*#4e8ec4;*/ /*Color del texto al pasar el mouse por encima*/
	border-width: 0 5px;
	padding: 0.2em 5px;
	/*padding-left: 0.2em 5px;
	padding-right: 0.2em 5px;
	border: 5px solid #7d6340;
	border-width: 0 5px;
	border-top: 1px solid #ff8833;*/
}

#nav li {
    float: left;
	position: relative;
	width: 10em;
	text-align: center;
	cursor: default;
	border-width: 1px 0;
	}

li#parroquia { /*Cambiado*/
	border-left-width: 1em;
	/*border-left-width: 1em;
	border: solid 1px #ff0000;
	height:25px;
	padding: 0;
	vertical-align: text-bottom;*/	
}

li#pastoral { /*Cambiado*/
	border-right-width: 1em; /**/
	/*border-right-width: 1em;
	border: solid 1px #ff0000;
	height:25px;
	vertical-align: baseline;*/
}

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	font-size: 12px;
	background-color: #d6e7f4;/*#EEEEFF;*/
	padding: 0.5em 0 1em 0;
	border-right: solid 1px #7d6340;
	/*	margin-top: 20px;*/
}
/*#espacio a:hover{
	background-color:transparent;
	height: 5px;
}*/
li>ul {
	top: auto;
	left: auto;
	}

li li {
	display: block;
	float: none;
	border: 0;
}

li:hover ul, li.over ul {
	display: block;
}
/*--------------------- Libro de Visitas---------------------------------------*/
.celda{
padding: 0.5em;
}