@charset "utf-8";
/* CSS Document */

body { background:url(../images/bodybg.gif); font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; height:100%; }

a { color:#3e0683; }
strong { font-weight:bold; }
			
.graybg { background:url(../images/graybg.gif); padding-top:16px;  }

.clearer { clear:both; }

h1 { text-indent:-9999px; margin-top:15px; margin-left:19px; width:407px; float:left; }
h1 a { display:block; width:407px; height:90px; background:url(../images/logo.png) center center no-repeat; }

.Passion { float:right; margin-top:30px; }

.Wrapper { width:951px; margin:0 auto; }

.Wrapper #Banner { width:949px; height:289px; background:#fff; border:#d8d7d7 1px solid; position:relative; margin-top:20px; border-bottom-color:#491463; }
	.Wrapper #Banner #slideshow_wrapper { width:543px; height:251px; border:#000 1px solid; position:absolute; top:27px; left:19px; }
	.Wrapper #Banner .MensajePastoral { position:absolute; top:168px; left:582px; }
	.Wrapper #Banner .PeticionOracion { position:absolute; top:168px; left:762px; }
	.Wrapper #Banner #Testimonios { width:347px; height:126px; border:#d8d7d7 1px solid; position:absolute; top:27px; right:19px; background:url(../images/testimonios_bg.jpg) center center no-repeat; }
		.Wrapper #Banner #Testimonios h3 { color:#fff; margin-left:12px; margin-top:15px; text-transform:uppercase; font-weight:bold;}
		.Wrapper #Banner #Testimonios p { color:#fff; width:255px; padding-left:50px; margin-top:11px; font-size:14px; text-align:left !important; }
			.Wrapper #Banner #Testimonios p span { width:100px; height:100px; overflow:hidden; float:left; margin-right:4px; }
			.Wrapper #Banner #Testimonios p span img { width:100px; }
			.Wrapper #Banner #Testimonios a { color:#fff; text-decoration:none; }
	
.NotHomepage { height:40px !important;}
.NotHomepage #slideshow, .NotHomepage #Testimonios, .NotHomepage .MensajePastoral, .NotHomepage .PeticionOracion { display:none; }

.Wrapper ul#Nav { height:40px; clear:both; top:-28px; position:absolute; width:949px; margin:12px auto 0 auto; }
	.Wrapper ul#Nav li { background:url(../images/navcenter.png) top repeat-x; float:left; height:40px; }
	.Wrapper ul#Nav li.left { background:url(../images/navleft.png) top no-repeat; padding-left:10px; padding-right:0; height:40px; border:none; }
	.Wrapper ul#Nav li.right { background:url(../images/navright.png) top no-repeat; padding-right:10px; padding-left:0; height:40px; border:none; }
		.Wrapper ul#Nav li a { color:#fff; text-transform:uppercase; text-decoration:none; font-size:14px; font-weight:bold; line-height:29px; border-left:#9d006f 1px solid; border-right:#cf6db9 1px solid; display:block; padding:0 15px; margin-top:1px; }
			.Wrapper ul#Nav li a.first { border-left:none; padding-left:10px; }
			.Wrapper ul#Nav li a.last { border-right:none; padding-right:10px; }
		.Wrapper ul#Nav li a:hover { background:url(../images/navhover.png) center center no-repeat; }

	.Wrapper #Content { width:909px; background:#fff; border:#d8d7d7 1px solid; padding:15px 20px; color:#333333; }
		.Wrapper #Content .Sidebar{ width:347px; float:right; min-height:475px; height:auto !important; height:475px; padding-left:10px; }
		.Wrapper #Content .HomeSidebar { min-height:530px; height:auto !important; height:530px; }
		.Wrapper #Content .Content { width:542px; float:left; min-height:475px; height:auto !important; height:475px; padding-right:10px; }
			.Wrapper #Content .Content h2 { color:#a80077; padding-left:1px; border-bottom:#d8d7d7 1px solid; padding-bottom:8px; text-transform:uppercase; font-size:24px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; position:relative; }
			.Wrapper #Content .Content p { margin:15px 0; line-height:16px; text-align:justify; }

			.Wrapper #Content .Content h2 span { font-size:11px;}
				.Wrapper #Content .Content h2 img { position:absolute; right:5px; top:-10px; }
			.Wrapper #Content .Content img { max-width:542px; }
			.Wrapper #Content .Content h4 { font-size:14px; font-weight:bold; border-bottom:#FFDBBE 1px dashed; margin-bottom:15px; padding:6px;}
			.Wrapper #Content .Content ol { margin:10px 20px; }
				.Wrapper #Content .Content ol li { padding:10px; background:url(../images/page_white_acrobat.png) left center no-repeat; padding-left:20px; }
				.Wrapper #Content .Content ol li:hover { background:url(../images/arrow_down.png) left center no-repeat; }
			
			.Wrapper #Content .Sidebar h2 { font-size:18px; font-variant:small-caps; font-weight:bold; color:#B80077; }
			.Wrapper #Content .Sidebar ul { margin-top:2px;}
				.Wrapper #Content .Sidebar ul li { border-bottom:#D8D7D7 1px solid; height:30px; padding-left:20px; background:url(../images/bullet_purple.png) center left no-repeat; line-height:30px; overflow:hidden; }
					.Wrapper #Content .Sidebar ul li a { color:#B977EF; text-decoration:none; font-weight:bold; display:block; width:100%; height:30px; font-size:13px;}
					.Wrapper #Content .Sidebar ul li a:hover { color:#491463; background:url(../images/control_fastforward.png) right center no-repeat; }
				.Wrapper #Content .Sidebar ul li:hover { background-color:#f1e2fb; }
					
					.Wrapper #Content .Sidebar .Lider { width:325px; margin-bottom:20px; border:#D8D7D7 1px solid; padding:10px; margin-top:1px; }
					.Wrapper #Content .Sidebar .Lider h4 { font-size:20px; border-bottom:#D8D7D7 1px dashed; color:#502271; font-weight:bold; font-variant:small-caps; margin-bottom:10px; background:url(../images/vcard.png) right center no-repeat; }
					.Wrapper #Content .Sidebar .Lider img { width:160px; height:150px; float:left; padding:4px; border:#502271 1px solid; margin-right:8px; }
					.Wrapper #Content .Sidebar .Lider p { line-height:20px; font-size:16px; }
					
					.Wrapper #Content .Sidebar .Evento img { width:333px; padding:5px; border:#D8D7D7 1px solid; margin-bottom:15px; }
					.Wrapper #Content .Sidebar #slideshow_wrapper { width:333px; padding:5px; border:#D8D7D7 1px solid; margin-bottom:15px; height:154px; }
					.Wrapper #Content .Sidebar #slideshow_wrapper #slideshow div { width:333px; height:154px; }
					.Wrapper #Content .Sidebar #slideshow_wrapper #slideshow div img { width:333px; height:154px; }
					.Wrapper #Content .Sidebar #slideshow_wrapper #slideshow { width:333px; height:154px; }
		
#Footer { height:80px; }
	#Footer p { width:940px; margin:0 auto; text-align:right; margin-top:15px; line-height:40px; color:#d8d7d7; }
		#Footer p a { color:#fff; }
			#Footer p a.Proxy { display:block; width:60px; height:26px; background:url(../images/proxy-logo.png) center top no-repeat; float:right; margin-left:7px; }
			#Footer p a.Proxy:hover { background-position:center bottom;}
			
			
			
/* ===== NEWS STYLES ===== */
.Noticia { min-height:343px; height:auto !important; height:343px; }
	.Noticia p { margin:7px 0 !important; }
		.Noticia p a.LeerMas { color:#3e0683; padding-top:2px; }
	.Noticia img { float:right; width:170px; margin-left:8px; margin-bottom:8px; }
	.Noticia h4 { margin:14px 0;}
		.Noticia h4 a { color:#3e0683; font-weight:bold; font-size:18px; text-decoration:none; }
		.Noticia h4 a:hover { color:#C60077; }
		
.Banner { float:left; margin-right:13px; }

/* ===== PETICIONES DE ORACION ===== */
.PeticionesSidebar fieldset { border:#C60077 1px solid; width:337px; padding:10px; }
.PeticionesSidebar fieldset legend { font-weight:bold; color:#C60077; font-size:14px; text-transform:uppercase; padding:0 5px; }
.PeticionesSidebar input, .Wrapper .PeticionesSidebar textarea { border:#eaeaea 1px solid; width:328px !important; margin:3px 0 0 0; }
.PeticionesSidebar input { height:20px; }
.PeticionesSidebar textarea { height:80px; width:328px; }
.PeticionesSidebar .Submit { height:26px; width:106px !important; margin:0 auto; border:none; }

/* ===== TESTIMONIALS ===== */
.TestimonialList{ margin-bottom:20px; }
	.TestimonialList p { margin:7px 0 !important; }
	.TestimonialList img { float:right; max-width:193px; max-height:140px; margin-left:8px; margin-bottom:8px; }
	.TestimonialList a { margin:14px 0; color:#3e0683; font-weight:bold; font-size:18px; text-decoration:none;}
	.TestimonialList span.date { color:#666; font-size:11px; }

/*** Simple Slideshow **/
/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:251px;
	width:543px;
	float:left;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 251px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height:251px;
	width:543px;
    display: block;
    border: 0;
}

/*** Simple Slideshow **/


/* ===== NEWS ===== */
.NewsDetail h2 span { font-size:11px; color:#666; }
.NewsDetail .Image { width:200px; float:left; margin:10px; margin-top:0;}
	.NewsDetail .Image img { width:194px; padding:2px; border:#B80077 1px solid; }
.NewsDetail .Text { width:456px; float:right;}

/* ===== SPEECH ===== */
.SpeechList{ margin-bottom:20px; }
	.SpeechList p { margin:7px 0 !important; }
	.SpeechList img { float:right; max-width:193px; max-height:140px; margin-left:8px; margin-bottom:8px; }
	.SpeechList a { margin:14px 0; color:#3e0683; font-weight:bold; font-size:14px; text-decoration:none;}
	.SpeechList span.date { color:#666; font-size:11px; }