body  {
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left: 10px;
}
.clr {clear:both;}
a {
	color:#CC9966;
	text-decoration:none;
}

a:hover {
	color:#996600;
	text-decoration:underline;
}

img.left {
	float:left;
	padding:4px;
	margin-right:3px;

	border:1px solid #c4c4c4;
}

img.right {
	float:right;
	padding:6px;
	margin-right:6px;
	border:1px solid #c4c4c4;
}

img.lefttext {
	float:left;
	padding:9px;
	margin-right:3px;

	border:1px solid #c4c4c4;
}
img:hover {
	border:1px solid #663300;
	background:#EbF1F5;
}

#wrapper {
	height:30px;
	width:900px;
}
/*********************  form  ******************/
.text {
	height:14px;
	width:110px;
}

.go {
	height:21px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color: #663300;
	border: thin none #000000;
}
/***************** TEXT IN THE HEADER **************************/
#top h1 {
	font-family:Century Gothic, georgia, helvetica, times, sans-serif;
	font-weight:normal;
	font-size:35px;
	text-transform:uppercase;
	margin-top:10px;
	margin-left:2%;
	}
/*************************** HEADER PROPERTIES ************************/
#top {
	padding:0px;
	height:120px;
	background:url(../images/banner.jpg) no-repeat;
	width:760px;
	}
	
/*************************** HEADER PROPERTIES ************************/
#topadv {
	padding:0px;
	height:160px;
	background:url(../images/banneradv4.jpg) no-repeat;
	width:760px;
	}
/*************************** HEADER PROPERTIES ************************/
#toplent1 {
	padding:0px;
	height:120px;
	background:url(../images/jesustakesthecross.swf) no-repeat;
	width:760px;
	}
/*************************** HEADER PROPERTIES ************************/
#topcanddle {
	padding:0px;
	height:120px;
	background:url(../images/bannercandle4.jpg) no-repeat;
	width:760px;
	}

/*************************** HEADER PROPERTIES ************************/
#randomImage {
	margin:0;
	padding:0px;
	height:120px;
	width:760px;
	}
	/*************************** HEADER PROPERTIES ************************/
#topcathedral {
	margin:0;
	padding:0px;
	height:120px;
	background:url(../images/bannercathedral2.jpg) no-repeat;
	width:760px;
	}
/*************************** HEADER PROPERTIES ************************/
#topmusic {
	margin:0;
	padding:0px;
	height:120px;
	background:url(../images/bannermusic.jpg) no-repeat;
	width:760px;
	}
	
/*************************** HEADER PROPERTIES ************************/
#topbaptism{
	margin:0;
	padding:0px;
	height:120px;
	background:url(../images/bannerbap.jpg) no-repeat;
	width:760px;
	}
	
/*************************** HEADER PROPERTIES ************************/
#topcathedral3{
	margin:0;
	padding:0px;
	height:120px;
	background:url(../images/bannercathedral3.jpg) no-repeat;
	width:760px;
	}

/*************************** Nav PROPERTIES ************************/
#drpnav {
	/*margin:0 auto;*/
	font-family:"Century Gothic";
	text-decoration:none;
	padding:2px;     /*LO MEJOR NECESITO CAMBIARLO*/ 
	height:auto;
	/*background-color:#663300;*/
	width:760px;
	margin-top:0px /*****  FIREFOX  *****/
	margin-top:4px;  !important;        /***** INTERNET EXLORER ****
	margin: 12px;*/
	
	}

/*************************** YOU ARE HERE PROPERTIES ************************/
#youarehere {
	/*margin:0 auto;*/
	padding:2px;
	height:auto;
	/*height:0px;
	background-color:#663300;*/
	width:760px;
	font-size:11px;
	margin-top:14px /*****  FIREFOX  *****/
	margin-top:10x; !important;           /***** INTERNET EXLORER *****/
	
	}
	

/************************ COLUMNA IZQUIERDA *****************/
#left {
	float:left;
	text-align:left;
	padding:0px;
	width:11em;
	}
	
#left h1 {
	font-size:15px;
	padding-top:5px;
	font-family:helvetica, arial, georgia, times, sans-serif;
	border-bottom:1px dotted #c4c4c4;
}

#left p {
	font-size:10px;
	padding-bottom:10px;
	margin-top:-4px !important; /*****  FIREFOX  *****/
	margin-top:-14px;             /***** INTERNET EXLORER *****/
	color:#404040;
}

/************************ COLUMNA IZQUIERDA *****************/
#leftser {
	float:left;
	text-align:left;
	padding:0px;
	width:260px;
	}
	
#left h1, {
	font-size:14px;
	padding-top:5px;
	font-family:helvetica, arial, georgia, times, sans-serif;
	border-bottom:1px dotted #c4c4c4;
}

#left p {
	font-size:10px;
	padding-bottom:10px;
	margin-top:-4px !important; /*****  FIREFOX  *****/
	margin-top:-14px;             /***** INTERNET EXLORER *****/
	color:#404040;
}
/************************** CONTENIDO SOLO ******************/

#solo {
	float:left;
	width:760px;
	padding-left:0%;
	padding-right:0%;
	font-size: 13px;
}
	
#solocal {
	float:left;
	width:760px;
	padding-left:0%;
	padding-right:0%;
	font-size: 13px;
}
#solocalen {
	float:right;
	font-size: 13px;
	margin-right: 12em;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 4%;
}
#solo d {
	font-size:11px;
	color:#404040;
}

#solo h1 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:20px;
	font-weight:normal;
	border-bottom:1px solid #c4c4c4;
	padding-bottom:3px;
	margin-top:24px;
}

#solo h2 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:14px;
	font-weight:normal;
	
}
#solo h3 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:13px;
	text-align:center;
	font-weight:normal;

}
#solo h4 {
	
	font-size:14px;
	font-weight:bold;
	
}
#solo h5{
	font-size:15px;
	
	font-family:helvetica, arial, georgia, times, sans-serif;
	
}

#lfeaturesolo {
	background-color:#FFFFFF; 
	color:#000000; 
	margin:0px 1px 5px 0; 
	padding:5px; 
	border:0px solid #333333; 
	width:98%; 
	float:left;
	
}

.btitlesolo {
	display: block; 
	clear:both; 
	padding:0px; 
	margin:0px 0px 2px 0; 
	border-bottom:1px dashed #999999;
}

/************************** CONTENIDO MEDIO ******************/

#middle {
	float:left;
	width:76%;
	line-height:1.2em;
	padding-left:0%;
	padding-right:2.5%;
}
	
#middle p, p {
	font-size:13px;
	color:#000000;
}

#middle d {
	font-size:11px;
	color:#404040;
}

#middle h1 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:21px;
	font-weight:normal;
	padding-bottom:3px;
	margin-top:18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

#middle h2 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:14px;
	font-weight:normal;
	
}

#lfeature {
	background-color:#FFFFFF; 
	color:#000000; 
	margin:0px 1px 5px 0; 
	padding:5px; 
	border:0px solid #333333; 
	width:98%; 
	float:left;
}

.btitle {
	display: block; 
	clear:both; 
	padding:0px; 
	margin:0px 0px 2px 0; 
	border-bottom:1px dashed #999999;
}


/* Link List */
.content ul.linklist-noindent, .content2 ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
.content ul.linklist-indent, .content2 ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }

/************************** CONTENIDO MEDIO doble dentro ******************/

#middledentrol {
	float:left;
	width:50%;
	line-height:1.2em;
	padding-rightt:2.5%;
	margin-left: 0px;
	padding: 0%;
}
	
#middle p, p {
	font-size:13px;
	color:#000000;
}
#middledentror {
	float:right;
	width:45%;
	line-height:1.2em;
	padding-left:2.5%;
	padding-right:2.5%;
}
	
#middle p, p {
	font-size:13px;
	color:#000000;
}


/************************** CONTENIDO MEDIO calendario ******************/

#middlecalenl {

	float:left;
	width:30%;
	line-height:1.2em;
	padding-rightt:2.5%;
	margin-left: 0px;
	padding: 0%;
}
#middlecalen2 {
	float:left;
	width:70%;
	line-height:1.2em;
	padding-rightt:2.5%;
	margin-left: 0px;
	padding: 0%;
}	
#middle p, p {
	font-size:13px;
	color:#000000;
}
#middledentror {
	float:right;
	width:45%;
	line-height:1.2em;
	padding-left:2.5%;
	padding-right:2.5%;
}
	
#middle p, p {
	font-size:13px;
	color:#000000;
}


/************************** CONTENIDO MEDIO 1 ******************/

#middlefirst {
	float:left;
	width:30%;
	line-height:1.2em;
	padding-left:0%;
	padding-right:2.5%;
}
	
#middlefirst p, p {
	font-size:13px;
	color:#000000;
}

#middle d {
	font-size:11px;
	color:#404040;
}

#middlefirst h1 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px solid #c4c4c4;
	padding-bottom:2px;
	margin-top:14px;
}

#middle h2 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:14px;
	font-weight:normal;
	
}

#lfeature {
	background-color:#FFFFFF; 
	color:#000000; 
	margin:0px 1px 5px 0; 
	padding:5px; 
	border:0px solid #333333; 
	width:98%; 
	float:left;
}

.btitle {
	display: block; 
	clear:both; 
	padding:0px; 
	margin:0px 0px 2px 0; 
	border-bottom:1px dashed #999999;
}


/* Link List */
.content ul.linklist-noindent, .content2 ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
.content ul.linklist-indent, .content2 ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }






/************************** CONTENIDO MEDIO 2 ******************/

#middlesec {
	float:left;
	width:30%;
	line-height:1.2em;
	padding-left:0%;
	padding-right:2.5%;
}
	
#middlesec p, p {
	font-size:13px;
	color:#000000;
}

#middlesec d {
	font-size:11px;
	color:#404040;
}

#middlesec h1 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px solid #c4c4c4;
	padding-bottom:2px;
	margin-top:14px;
}

#middle h2 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:14px;
	font-weight:normal;
	
}

#lfeature {
	background-color:#FFFFFF; 
	color:#000000; 
	margin:0px 1px 5px 0; 
	padding:5px; 
	border:0px solid #333333; 
	width:98%; 
	float:left;
}

.btitle {
	display: block; 
	clear:both; 
	padding:0px; 
	margin:0px 0px 2px 0; 
	border-bottom:1px dashed #999999;
}


/* Link List */
.content ul.linklist-noindent, .content2 ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
.content ul.linklist-indent, .content2 ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }




/************************** CONTENIDO MEDIO 3 ******************/

#middletre {
	float:left;
	width:30%;
	line-height:1.2em;
	padding-left:0%;
	padding-right:2.5%;
}
	
#middletre p, p {
	font-size:13px;
	color:#000000;
}

#middletre d {
	font-size:11px;
	color:#404040;
}

#middletre h1 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px solid #c4c4c4;
	padding-bottom:2px;
	margin-top:14px;
}

#middletre h2 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:14px;
	font-weight:normal;
	
}

#lfeature {
	background-color:#FFFFFF; 
	color:#000000; 
	margin:0px 1px 5px 0; 
	padding:5px; 
	border:0px solid #333333; 
	width:98%; 
	float:left;
}

.btitle {
	display: block; 
	clear:both; 
	padding:0px; 
	margin:0px 0px 2px 0; 
	border-bottom:1px dashed #999999;
}


/* Link List */
.content ul.linklist-noindent, .content2 ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
.content ul.linklist-indent, .content2 ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }










/*************************** COLUMNA DERECHA  *********************/
#right {
	float:left;
	padding-top:10px;
	font-size:11px;
	width:21%;
	
}

#right p, p {
	color:#000000;
	text-align: left;
}
#right a {	line-height:1.5em; }

#right br {	line-height:0.7em;}

#right h1 {
	font-size:14px;
	padding-top:5px;
	text-align:right;
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	color: #464646;
}



/**************************** Content en tres *************************** */
.content {float: left; width: 428px; margin: 0px; padding: 0px 0px 0px 20px; background-color: transparent; color:#996600;} /* Width should be 444px, but IE-duplication bug forces us to reduce with 6px to 428px */
.contentbox-container {clear: both; float: left; width: 750px; margin: 0px 0px 15px 0px; padding: 0px;} /* Width should be 428px, but IE-duplication bug forces us to reduce with 3px to 425px */
.contentbox-full {width: 425px; margin: 0px; padding: 0px;}
.contentbox-half-left {float: left; width: 205px; margin: 0px; padding: 0px;}
.contentbox-half-right {float: right; width: 205px; margin: 0px; padding: 0px;}
.contentbox-third-left {float: left; width: 150px; margin: 0px 13px 0px 0px; padding: 0px;}
.contentbox-third-middle {float: left; width: 136px; margin: 0px; padding: 0px;}
.contentbox-third-right {float: right; width: 136px; margin: 0px; padding: 0px;}



/******************************* imagenes para borde *************************/
.rbroundbox { background: url(../images/nt.gif) repeat; } 
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* posiciones altura no es necesaria. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox {
	width: 60%;
	margin-top: 2em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}

/********************************************    FOOTER  *****************/
#footer {
	border-top:1px solid #c4c4c4;
	padding-top:5px;
	text-align:left;
	width:760px;
	clear:both;
}

.footer {
	margin-top:-2px;
}	



#highlight tr.hilight { background: #D0E2E9; } 

.table, th, td {
    border: 1px solid black;
}

.livemass {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.livemass iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
 
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.clearfix
{
	display:block;
}

.img-max {
    max-width: 100%;
    height: auto;
}

.cms-float-left {
    margin-right: 20px;
}
.cms-float-right {
    margin-left: 20px;
}

.editable p {
    margin: 0;
}

.responsive {
  width: 100%;
  height: auto;
}


/* ----------------------------------------------------------------
	Events
-----------------------------------------------------------------*/


.event.entry::after {
	display: none !important;
}

.event .grid-inner {
	background-color: #F9F9F9;
	border-bottom: 3px solid #EEE;
}

.event .entry-image .entry-date {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: rgba(0,0,0,0.7);
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	width: 60px;
	height: 64px;
	text-align: center;
	padding-top: 9px;
	font-size: 1.75rem;
	line-height: 1;
}

.event .entry-image .entry-date span {
	display: block;
	font-size: 12px;
	margin-top: 7px;
}

.single-event .event-meta .iconlist li,
.parallax .iconlist li { margin: 5px 0; }

.single-event .entry-overlay,
.parallax .entry-overlay-meta {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background-color: rgba(0,0,0,0.85);
	text-align: center;
	line-height: 80px;
	font-size: 1.25rem;
	color: #FFF;
	z-index: 5;
}

.single-event .countdown-section {
	padding: 0 15px;
	border-left-color: rgba(255,255,255,0.3);
	color: #CCC;
}

.single-event .countdown-amount { color: #FFF; }

.parallax .entry-overlay,
.parallax .entry-overlay-meta {
	background: transparent;
	width: auto;
	text-align: right;
	bottom: 30px;
	left: auto;
	right: 30px;
}

.parallax .entry-overlay-meta {
	padding: 20px;
	font-size: 0.875rem;
	text-align: left;
	right: 38px;
	bottom: 130px;
	width: 368px;
	height: auto;
	line-height: inherit;
	background-color: rgba(0,0,0,0.7);
	border-radius: 3px;
}

.parallax.overlay-left .entry-overlay,
.parallax.overlay-left .entry-overlay-meta {
	right: auto;
	left: 30px;
}

.parallax.overlay-left .entry-overlay-meta { left: 38px; }

@media (max-width: 575.98px) {
	.parallax .entry-overlay-meta,
	.parallax .entry-overlay {
		left: 0 !important;
		right: 0 !important;
		width: 90%;
		margin: 0 auto;
	}
}

.parallax.overlay-center .entry-overlay,
.parallax.overlay-center .entry-overlay-meta {
	bottom: 100px;
	right: auto;
	left: 50%;
	margin-left: -192px;
}

.parallax.overlay-center .entry-overlay-meta {
	top: 100px;
	bottom: auto;
	margin-left: -184px;
}

.parallax .entry-overlay-meta h2 {
	font-size: 1.25rem;
	text-transform: uppercase;
	border-bottom: 1px dashed rgba(255,255,255,0.2);
	padding-bottom: 17px;
}

.parallax .entry-overlay-meta h2 a { color: #FFF; }

.parallax .entry-overlay-meta h2 a:hover { color: #DDD; }

.parallax .countdown { top: 0; }

.parallax .countdown-section {
	border-left: 0;
	width: 80px;
	height: 80px;
	margin: 0 8px;
	font-size: 13px;
	background-color: rgba(0,0,0,0.7);
	border-radius: 3px;
	padding-top: 14px;
}

.parallax .countdown-amount {
	font-size: 28px;
	margin-bottom: 6px;
}