/* CSS creado por GRUPO ESW, C.A. :: www.estoesweb.com */
/* ELEMENTOS GENERAL */
@charset "UTF-8";

body { 
	margin: 0px;
	padding:0px;
	color: #000;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:12px;
	line-height:18px;
	text-align: justify;
	background-color: #f3e8be;
	}
	
h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a {
	margin: 0px;
	padding: 0px;
	}
	
h2 {
	font-size: 14px;
	}

p {}
	
ul , li {
	margin: 0px;
	padding: 0px;
	}
	
ul {
	margin: 0px 0px 25px 15px;
	}
	
li {
	padding: 5px 0px;
	}
		
a {
	color: #71170e;
	}

	a:hover {
		text-decoration: none;
		}
		
img {
	border: none;
	}

hr {
	size: 1px;
	width: 100%;
	}
acronym {
	border: 0 none;
	}
	
.underline {
	border-bottom: 1px solid silver;
	padding-bottom: 5px;
	width: 40%;
	}

/* ELEMENTOS GENERAL FIN */

/* CONTENEDORES GENERAL*/
.Margen {
	padding: 10px;
	}

.MargenCentrado {
	padding: 10px;
	text-align: center;
	}

.Separador {
	background: transparent url(/images/separador.png) scroll no-repeat 0px 0px; 
	width: 10px;
	height: 100px;
	margin: 10px;
	float: left;
	}

.SeparadorHorizontal {
	background: transparent url(/images/separadorHorizontal.png) scroll repeat-x 0px 0px; 
	width: 100%;
	height: 10px;
	margin: 10px 0px;
	float: left;
	}

.Centrado {
	width: 980px;
	margin: 0px auto;
	}

.imgBorde {
	float: left;
	margin: 5px;
	padding: 3px;
	background-color: #FFF;
	border: 1px solid #000;
	}

.imgBordeCentrado {
	margin: 5px auto;
	padding: 3px;
	background-color: #FFF;
	border: 1px solid #000;
	}

body .leerMas { 
	text-align: right;
	}



.leerMas {
	width: 100px;
	height: 0px;
	display: block;
	padding-top: 25px;
	overflow: hidden;
	margin: 5px 0px;
	background: transparent url(/images/leerMas.png) scroll no-repeat 0px 0px;
	}
	
body .descargar { 
	text-align: right;
	}



.descargar {
	width: 100px;
	height: 0px;
	display: block;
	padding-top: 25px;
	overflow: hidden;
	margin: 5px 0px;
	background: transparent url(/images/descargar.png) scroll no-repeat 0px 0px;
	}	

	
/* CONTENEDORES */

#Contenedor {}

	#Contenedor #ContenedorTop {
		width: 100%;
		height: 290px;
		float: left;
		background: transparent url(/images/top.jpg) scroll no-repeat 0px 0px; 
		margin-top: 20px;
		}
		
	#Contenedor #ContenedorMedio {
		float: left;
		width: 100%;
		background: transparent url(/images/fondoMedio.png) scroll repeat-y 0px 0px;
		min-height: 300px;
		}
	
	#Contenedor #ContenedorMedioFin {
		float: left;
		width: 100%;
		height: 50px;
		background: transparent url(/images/fondoBottom.png) scroll no-repeat 0px 0px;
		}
	
	#Contenedor #ContenedorBottom {
		float: left;
		width: 100%;
		text-align: center;
		}

.titularGris {
	padding: 15px 0px 15px 30px;
	background: gray url(/images/titularBlanco.png) no-repeat scroll 0px 0px;
	color: #FFF;
	height: 20px;
	float: left;
	width: 97%;
	}
	
	.mcua_TresColumnas .titularGris {

		}


.titularSilver {
	padding: 15px 0px 15px 30px;
	background: silver url(/images/titular.png) no-repeat scroll 0px 0px;
	color: #333;
	height: 20px;
	float: left;
	width: 94%;
	}
	
	.mcua_TresColumnas .titularSilver {
		width: 96%;
		}

/* CONTENEDORES GENERAL FIN*/	
	
/* ELEMENTOS EN CONTENEDOR MEDIO */	
	
#MenuTop {
	float: left;
	width: 100%;
	height: 50px;
	margin-bottom: 5px;
	background: transparent url(/images/barraMenu.jpg) no-repeat scroll 0px 0px;
	}

	#MenuTop ul {}
	
		#MenuTop ul li {
			list-style: none;
			float: left;
			margin: 10px 54px 0px;
			}
		
			#MenuTop ul li a {
				font-size: 14px;
				color: #FFF;
				text-transform: uppercase;
				text-decoration: none;
				}

#SubMenuTop {
	float: left;
	height: 200px;
	width: 33%;
	}
	
	#SubMenuTop ul {}
	
		#SubMenuTop ul li {
			list-style: none;
			}
		
			#SubMenuTop ul li a {
				color: #000;
				background-image: url(/images/subMenu.png);
				background-repeat: no-repeat;
				display: block;
				height: 0px;
				width: 235px;
				padding-top: 35px;
				overflow: hidden;
				}
				
			#SubMenuTop ul #sb_biblioteca a {
				background-position: 0px 0px;
				}
				
			#SubMenuTop ul #sb_ecumenismo a {
				background-position: 0px -35px;
				}
				
			#SubMenuTop ul #sb_foro a {
				background-position: 0px -75px;
				}
				
			#SubMenuTop ul #sb_biblia a {
				background-position: 0px -110px;
				}
				
			#SubMenuTop ul #sb_catesismo a {
				background-position: 0px -140px;
				}
				
			#SubMenuTop ul #sb_enciclicas a {
				background-position: 0px -175px;
				}
				
			#SubMenuTop ul #sb_reflexiones a {
				padding-top: 45px;
				background-position: 0px -210px;
				}
				
			#SubMenuTop ul #sb_radios a {
				background-position: 0px -265px;
				}
				
			#SubMenuTop ul #sb_musica a {
				background-position: 0px -295px;
				}
				
			#SubMenuTop ul #sb_descargas a {
				background-position: 0px -335px;
				}
				
			#SubMenuTop ul #sb_tienda a {
				background-position: 0px -385px;
				}
		
/* ELEMENTOS EN CONTENEDOR TOP FIN*/

/* ELEMENTOS CONTENEDOR MEDIO */

.mcua_UnaColumna,
.mcua_DosColumnas,
.mcua_TresColumnas,
.mcua_CuatroColumnas {
	float: left;
	}

.mtres_TresColumnas {
	float: left;
	width: 33%;
	}
	
.mtres_TresColumnas_SinMargen {
	float: left;
	width: 31.5%;
	}
	
	.mtres_TresColumnas .titularGris {
		width: 94%;
		}
		
	.mtres_TresColumnas_SinMargen .titularSilver {
		width: 97%;
		}
		
	
	#SeparadorVertical {
		background: transparent url(/images/separadorVertical.png) scroll repeat-y top right;
		padding-right: 22px; 
		width: 31.5%;
		}
		
		.mtres_TresColumnas_SinMargen .titularGris,
		.mtres_TresColumnas_SinMargen .titularSilver {
			width: 94%;
			}


.mcua_UnaColumna {
	width: 30%;
	}

.mcua_DosColumnas {
	width: 50%
	}

.mcua_TresColumnas {
	width: 70%;
	}

.mcua_CuatroColumnas {
	width: 100%;
	}

.unTercio {
	float: left;
	width: 30%;
	}

.dosTercios {
	float: left;
	width: 70%;
	}


#ContenedorMedioContenido {}

	#ContenedorMedioContenido #titularGris {
		float: left;
		width: 100%;
		height: 50px;
		background-color: gray;
		}
		
	#ContenedorMedioContenido #contenidoGris {
		float: left;
		width: 100%;
		margin-bottom: 10px;
		}
		
		#ContenedorMedioContenido #contenidoGris .mcua_DosColumnas {
			float: left;
			width: 48%;
			}
			
	#ContenedorMedioContenido #titularSilver {
		float: left;
		width: 100%;
		height: 50px;
		background-color: silver;
		}
		
	#ContenedorMedioContenido #contenidoSilver {
		float: left;
		margin: 0px 10px 10px;
		margin-bottom: 10px;
		background-color: #F7F7F7;
		}
		
		#ContenedorMedioContenido #contenidoSilver .mcua_UnaColumna {
			float: left;
			width: 29%;
			height: 100px;
			}
			
		#ContenedorMedioContenido #contenidoSilver .mcua_TresColumnas {
			float: left;
			width: 69%;
			height: 100px;
			}