body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #21578A; /* Color de fondo*/
	margin: 0;
	padding: 0;
	color: #21578A;
    }
 	.cuerpo #contenedor{
	background-image:url(../imagen/barraInferior.jpg);
	background-repeat: repeat-y;
   	width: 950px;/*
	background: #FFFFFF;Color Blanco*/
	/*background:#EEAE30;Color Amarillo*/
    margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    border: 2px solid #CAD5E0;/*Borde 2 de color blamcocelestino*/
    } 
	.cuerpo #encabezado { 
   	background: #21578A; /*AzulCongregacion*/
	height: 140px;
    }
	.cuerpo #menu {
	margin-top:0px;
	background-image:url(../imagen/fondoMenu.jpg);
	background-repeat:repeat-x;
	height: 49px;
    }  

	.cuerpo #columnaIzq {
	float: left; /* este elemento debe preceder en el orden de origen a cualquier elemento que desee situar junto a */
	width: 190px; /* dado que este elemento es flotante, debe asignarse un ancho */
	margin-top:0px;
	background: #EEAE30; /*Amarillo de la congregación*/
	/* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
   }
   
   .cuerpo #galeriaNoticias{
   background-image: url(../imagen/galeriaNoticias.jpg);
   background-repeat:no-repeat;
   display: block; 
   color:#FFFFFF;
   font-family:Verdana; 
   font-weight:bold; 
   font-size:14px; 
   margin-left:10px;
   height:196px;
   }
   .cuerpo #galeriaNoticias p {
   margin:0px;
   display:block;
   padding:4px 0px 11px 2px;
   float: left;
   width: 155px; 
	}
	.cuerpo #galeriaNoticias a{
	color:#22578B;
	/*font-family: "Myriad Pro Light", Helvetica;*/
	font-size:11px;
	display:block;
	padding:4px 0px 4px 0px;
	margin-left:10px;
	text-align:left;
	cursor:pointer;
	text-decoration:none;
	width:155px; letter-spacing: -0.1em
	}
	.cuerpo #galeriaNoticias a:hover{
	color:#006FDD;/*AzulBlanco*/
	text-decoration:underline;
	}
	.cuerpo #galeriaNoticias a:focus{
	color:#FFFFFF;/*AzulOscuro*/
	font-weight:bold;
	text-decoration:underline;
	}
	.cuerpo #galeriaNoticias a:active{
	color:#FFFFFF;/*AzulOscuro*/
	font-weight:bold;
	text-decoration:underline;
	}
   
	.cuerpo #contenido {
	float:right;
	width:760px; 
   	background: #FFFFFF;
	margin: 0px;
	padding: 0px;/* el relleno superior e inferior crea un espacio visual dentro de este div */
    }
	.contenido #contenidoTablaAsociados{
	display:block;
	vertical-align:top;
	font-size:11px;
   	background: #FFFFFF;
	margin-top:10px;
	margin-left:2px;
	padding: 0px;/* el relleno superior e inferior crea un espacio visual dentro de este div */
    }
	.titulo {
    font-family:Verdana;
	color:#d52b1e;/*colorRojo*/
	font-size: 16px;
	text-align: center;
	padding: 10px 20px 0px 20px;    
	font-variant: small-caps;
    font-weight: bold;
	}
	
	.vinitasNegrita { /*color texto negrita con vinietas*/
 	color:#21578a;/*colorAzulCongregacion*/
	font-size: 13px;
	line-height:18px;
	padding: 6px 20px 0px 5px;
    font-weight: bold;
    line-height: 1em;/*espacio entre linea*/
	text-align:left;
	}
	.vinietaTexto{
	text-align:justify;
	margin-right:20px;
	}
	
	.subTitulo { /*color azul negrita centrada*/
	color:#21578a;/*colorAzulCongregacion*/
	font-size: 14px;
	text-align:center;
	padding: 0px 20px 0px 20px;
    font-weight: bold;
    line-height: 1em;/*espacio entre linea*/
	}
		
	.texto {/*color normal del cuerpo */
	color:#21578a;
	padding: 0px 20px 0px 20px;/* Arriba,Abajo ,Derecha, Izquierda */
	text-align: justify;
	}
	
	.textoNegrita { /*color normal del texto negrita*/
	color:#21578a;/*colorAzulCongregacion*/
	font-size: 12px;
	line-height:14px;
	text-align:left;
	padding: 0px 20px 0px 20px;
    font-weight: bold;
    line-height: 1.3em;/*espacio entre linea*/
	}
	.textoCursiva{
	margin:0px 20px; font-style:italic
	}
	.preguntas {/*texto color de las preguntas*/
	font-family:verdana;
	color:#D52B1E;
	font-size:12px;
	padding:0px 0px 0px 20px;
	}
	
	.notasImagen {/*notas debajo de la Imagen*/
	font-size:9px;
	padding:0px 70px 0px 70px;
	text-align:justify;
	}
	.conoceHermanoTexto{/*ImagenConoceHermanoTexto*/
	color:#FFFFFF; 
	width:132px; 
	height:32px;
	margin:5px 25px;
	}
	.conoceHermanoImg{/*ImagenConoceHermanoImg*/
	color:#FFFFFF; 
	width:121px;
	height:135px;
	margin:5px 20px 5px 32px;
	}
	
	.divIframe{
	color:#FFFFFF; 
	width:162px;
	height:180px;
	margin-left:10px;
	margin-bottom:10px;
	display:block;
	}
   .cuerpo #columnaIqz p, .cuerpo #contenido h3 {
   	margin-left: 10px; /* deben asignarse los márgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
   	margin-right: 10px;
    }
	
/*div opciones de imprimir y descargas*/
	.opcionesDescargasIzq {
	padding:0px 20px; 
	float:left;
	font-weight:bold;
	}
	
	.opcionesDescargasDer{
	width:100px; 
	text-align:right; 
	padding:0px 20px 0px 0px; 
	float:right;
/*	cursor:auto;*/
	}
	/*llink texto para subir pagina*/
	.textoSubir{
	font-size:11px;
	float:left; 
	margin:0; 
	height:20px; 
	display:block; 
	padding-top:8px; 
	padding-bottom:0px; 
	text-align:left;
	}
	/*link Imagen para subir pagina*/
	
	.imgSubir{
	float:right; 
	display:block;
	text-align:right;
	}
	.contenido #subir{
	width:100px; 
	text-align:right; 
	padding:0px 20px 0px 0px; 
	float:right;
	}
	/*contenido link para Subir pagina*/
	.contenido #subir a{
	font-size:11px;
	text-decoration:none;
	cursor: pointer;
	color: #3366FF;/*azul*/
	}
	.contenido #subir a:hover{
	text-decoration:underline;
	color: #3399FF;/*celeste*/
	}	
	.contenido #subir a:focus{
	color:#0000FF;/*AzulOscuro*/
	text-decoration:underline;
	}
	.contenido #subir a:active{
	color:#0000FF;/*AzulOscuro*/
	text-decoration:underline;
	}
		
	/*contenido*/
	.cuerpo #contenido a{
	font-size:11px;
	text-decoration:none;
	cursor: pointer;
	color: #3366FF;/*azul*/
	}
	
	.cuerpo #contenido a:hover{
	text-decoration:underline;
	color: #3399FF;/*celeste}*/
	}
	
	.cuerpo #contenido a:focus{
	color:#0000FF;
	font-weight:bold;
	text-decoration:underline;
	}
	.cuerpo #contenido a:active{
	color:#0000FF;/*AzulOscuro*/
	font-weight:bold;
	text-decoration:underline;
	}

	.cuerpo #piePagina { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que deba incluir completamente a sus elementos flotantes hijos */
   	clear: both;
	background-image: url(../imagen/piePagina.jpg);
	height:52px;
	display:block;
	margin: 0px;
	padding: 0px;/*
	text-align: auto; /*clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;*/
    } 
	.cuerpo #piePaginaTexto{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:25px;
	padding-left:202px; 
	color:#FFFFFF; 
	}