/*
LEGAL
=====
Copyright: Jase Designs
Community: Iglesia Evangélica Bautista Bethel - http://www.iglesiabethel.org.ve
License: Released Under the "Common Public License 1.0", 
http://www.opensource.org/licenses/cpl.php
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
License: Released Under the "GNU Creative Commons License", 
http://creativecommons.org/licenses/GPL/2.0/
*/

/* MAIN STUFF */
* {
	margin:0;
	padding:0
}

body {
	padding: 0px;
	color:#333;
	background: #f6f6f6 url("../images/interfaz/bg.jpg") fixed repeat-y center center;
	font:83%/1.5 arial,tahoma,verdana,sans-serif
}

/* LINKS */
a, a:link, a:link, a:link, a:hover {
	background:transparent;
	text-decoration:none;
	cursor:pointer
}
 
a:link {
	color:#000033
} 
a:visited {
	color:#000099
} 
a:hover, a:active {
	color:#006
} 

/* FORMS */
form {
	margin: 0 0 1.5em
}
input {
	font-family: arial,tahoma,verdana,sans-serif;
	margin: 2px 0
}

fieldset {
	border: none
}
label {
	display:block;
	padding: 5px 0
}
label br {
	clear:left
}

	/* FORMS - general classes */
input.f-submit {
	padding: 1px 3px;
	background:#666;
	color:#fff;
	font-weight:bold;
	font-size:96%
}
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
form.f-wrap-1 {
	width:100%;
	padding: .5em 0;
	background: #f6f6f6 url("../images/interfaz/featurebox_bg.jpg") no-repeat 100% 100%;
	border-top: 1px solid #d7d7d7;
	position:relative
}
form.f-wrap-1 fieldset {
	width:auto;
	margin: 0 1em
}
form.f-wrap-1 h3 {
	margin:0 0 .6em;
	font: bold 155% arial;
	color:#000066
}
form.f-wrap-1 label {
	clear:left;
	float:left;
	width:100%;
	border-top: 1px solid #fff
}
		
		/* hide from IE mac \*/
form.f-wrap-1 label {
	float:none
}
		/* end hiding from IE5 mac */
	
form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {
	width:25em;
	float:left;
	margin-left:10px
}
		
form.f-wrap-1 label b {
	float:left;
	width:20em;
	line-height: 1.7;
	display:block;
	position:relative
}
form.f-wrap-1 label b .req {
	color:#000066;
	font-size:150%;
	font-weight:normal;
	position:absolute;
	top:-.1em;
	line-height:1;
	left:-.4em;
	width:.3em;
	height:.3em
}
form.f-wrap-1 div.req {
	color:#666;
	font-size:96%;
	font-weight:normal;
	position:absolute;
	top:.4em;
	right:.4em;
	left:auto;
	width:23em;
	text-align:right
}
form.f-wrap-1 div.req b {
	color:#006;
	font-size:140%
}
form.f-wrap-1 label select {
	width: 15.5em
}
form.f-wrap-1 label textarea.f-comments {
	width: 25em
}
form.f-wrap-1 div.f-submit-wrap {
	padding: 5px 0 5px 8em
}
form.f-wrap-1 input.f-submit {
	margin: 0 0 0 10px
}
		
form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {
	clear:left;
	float:left;
	width:32em;
	border:none;
	margin:0;
	padding-bottom:.7em
}
form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {
	float:left;
	width:8em;
	line-height: 1.7;
	display:block;
	position:relative;
	padding-top:.3em
}
form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {
	float:left;
	width:13em;
	margin: 3px 0 0 10px
}
form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {
	float:left;
	width:13em;
	border:none;
	margin:0;
	padding:2px 0;
	margin-right:-3px
}
form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {
	width:auto;
	float:none;
	margin:0;
	padding:0
}
		
form.f-wrap-1 label span.errormsg {
	position:absolute;
	top:0;
	right:-10em;
	left:auto;
	display:block;
	width:16em;
	background: transparent url(images/interfaz/errormsg_bg.gif) no-repeat 0 0
}
form.f-wrap-1 label span.errormsg b {
	padding: 10px 0;
	margin: 0 10px 0 30px;
	color:#B30800;
	font-weight:bold;
	display:block;
	width:auto;
	float:none;
	line-height:1.3
}

/* TYPOGRAPHY */
p, ul, ol {
	margin: 0 0 1.5em
}
h1, h2, h3, h4, h5, h6 {
/*	letter-spacing: -1px;
	font-family: arial,verdana,sans-serif;
	margin: 1.2em 0 .3em;
	color:#000;
	border-bottom: 1px solid #eee;
	padding-bottom: .1em*/
}
h1 {
	font-size: 186%;
	margin-top:.6em
}
h2 {
	font-size: 136%
}
h3 {
	font-size: 126%
}
h4 {
	font-size: 116%
}
h5 {
	font-size: 106%
}
h6 {
	font-size: 96%
}
.featurebox h2 .highlight {
	color:#000
}
.highlight {
	color:#cc0000
}
.subdued {
	color:#999
}
.error {
	color:#c00;
	font-weight:bold
}
.success {
	color:#390;
	font-weight:bold
}
.caption {
	color:#999;
	font-size:11px
}
.date {
	font: bold 70% arial;
	color:#999;
	display:block;
	letter-spacing: 1px
}
small {
	font-size:11px
}

/* LISTS */
ul {
	margin: .3em 0 1.5em 0;
	list-style-type:none
}
ul.related {
	margin-top: -1em
}
ol {
	margin: .5em .5em 1.5em
}
ol li {
	margin-left: 1.4em;
	padding-left: 0;
	background: none; 
	list-style-type: decimal
}
li {
	line-height: 1.4em;
	padding-left: 25px;
	background: transparent url("../images/interfaz/sprites.gif") no-repeat 0 0
}
li.doc {
	background-position: 3px -500px
}
ul.nomarker li {
	background:none;
	padding-left:0
}

dl {
	margin: 0 0 1em 0
}
dt {
	font-weight:bold;
	margin-top: 1.3em
}
dl dl {
	margin: 0 0 1.5em 30px
}

/* GENERAL */
img {
	border:none
} 
hr {
	margin: 1em 0;
	background:#f2f2f2;
	height:1px;
	color:#f2f2f2;
	border:none;
	clear:both
}
.clear {
	clear:both;
	position:relative;
	font-size:0px;
	height:0px;
	line-height:0px
} 

/* LAYOUT - HEADER */
	#crappybrowser {
		display:none
	}
	
	#cabezera {
		background: #666 url("../images/interfaz/primera_prueba_2.png") 0px bottom no-repeat ;
     	padding-top:3px;
		height:244px;
		
	} 
	
	#header {
		background: #4c94c6 ;
		background-image:url(../images/fondo.png)
		margin: 0 0 0px;
		padding-top:3px;
		height:34px;
	}
	
	#header #site-name {
		display:none;
		font: 265% arial;
		letter-spacing: -.05em;
		margin:0 0 0 40px;
		padding:3px 0;
		color:#ccc;
		border:none
	}
	
	
	/* NAV - top horizontal nav */
	#nav, #nav ul {
		padding: 0;margin: 0;
		list-style: none; 
		z-index:1
	}
	#nav {
		font-weight:bold;
		height:2.09em;
		font: bold 96% arial;
		margin: 0 65px 0 40px
	}
	#nav li {
		position:relative;
		background: #999 url(../images/button.png) center center no-repeat;
		float: left;
		width: 10em;
		display:block;
		margin: 0;
		border-right: 2px solid #252525;
		padding:0
	}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
		text-decoration:none;
		cursor:pointer;
		color:#fff;
		display: block;
		padding: 4px 10px 2px;
		width: 60px
	}
	#nav a:hover {
		color:#000
	}
	
	#nav li ul {
		border-left: 1px solid #c00;
		background: #f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%;
		width:15.8em;
		font-size:90%;
		margin-top:0px;
		position: absolute;
		font-weight:normal;
		left: -999em;
		z-index:99999
	}
	#nav li:hover ul, #nav li.sfhover ul {
		left: 0;
		z-index:99999
	}
	
	#nav li li {
		background:none;
		float:none;
		border:none;
		border: 1px solid #999;
		border-top:1px solid #fff;
		border-right:none;
		border-left:none;
		padding-left:0
	}
	#nav li li.last {
		border-bottom:none
	}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {
		color:#000;
		padding: 3px 10px 2px;
		width:14em
	}
	#nav li li a:hover {
		color:#fff;
		background:#c00
	}
	
	#nav li.active {
		background: #c00 url(../images/redbutton.png) center center no-repeat
	}
	#nav li.active ul {
		border:none;
		background: #c00 url("../images/featurebox2_bg.gif") no-repeat 100% 100%
	}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {
		color:#000
	}
	
	#nav li.active li {
		border:none;
		border-top: 1px solid #c15c5c;
		border-bottom: 1px solid #870000
	}
	#nav li.active li.last {
		border-bottom: none
	}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {
		color:#fff
	}
	#nav li.active li a:hover {
		background: #666 url("../images/sprites.gif") repeat-x 0 99%;
		color:#fff
	}
	
	#nav li.active li.active a:link, 
	#nav li.active li.active a:visited, 
	#nav li.active li.active a:hover, 
	#nav li.active li.active a:active {
		color:#fff;
		font-weight:bold;
		background: #666 url("../images/sprites.gif") repeat-x 0 99%
	}

	/* hide from IE mac \*/
	#nav li {
		width:auto
	}
	/* end hiding from IE5 mac */
	
	/* SEARCH */
	#search {
		float:right; 
		color:#000;
		font-weight:bold;
		width:18em
	}
	#search form {
		margin:0
	}
	#search input {
		width:8em;
		margin: 0 0 -1px;
		height:1.2em
	}
	#search label {
		padding:5px 0 0;
		display:inline
	}
	#search input.f-submit {
		width:auto;
		font-size:81%;
		margin:0 0 -.15em;
		height:1.95em
	}
	
	/* POWERED BY - hidden in this case but available */
	#poweredby {
		width:96px;
		height:63px;
		position:absolute;
		top:-102px;
		right:0; 
		visibility:hidden
	}

	/* LAYOUT - main body of page */
	#wrap {
		min-width:770px;
		max-width:950px;
		margin: auto auto;
		background: #fff;
		position:relative
	}
	
	#pie_pag {
		background:transparent url(../images/interfaz/pie.jpg) no-repeat scroll 0 0;
		height:40px;
		margin:0 auto;
		position:relative;
		width:950px;
	}
	#content-wrap {
		clear:both;
		position:relative;
		width:100%;
		background-image:url(../images/interfaz/fondo.png);
		background-repeat:repeat;
		margin-top:-15px;
		padding-top: 20px;
	}
	#cuerpo {
background-image:url(../imgs/fondo.png);
background-repeat:repeat;
height:412px;
margin:0 auto;
position:relative;
vertical-align:top;
width:817px;
}
	#utility {
		position:absolute;
		top:0;
		left:25px;
		width:165px;
		border-top: 5px solid #999;
		padding-bottom: 40px
	}
	#sidebar {
		position:absolute;
		top:0;
		right:25px;
		width:22%;
		border-top: 5px solid #999;
		padding-top: 1px;
		/*padding-bottom: 40px*/
	}

	#content {
		margin: 0 50px;
		/*position:relative;*/
	}
	#content #breadcrumb {
		margin-top:-5px;
		font-size:93%;
		font-weight:bold
	}
	#content #breadcrumb a:link, 
	#content #breadcrumb a:visited {
		text-decoration:none
	}
	#content #breadcrumb a:hover, 
	#content #breadcrumb a:active {
		text-decoration:underline
	}
	#flashcontent {
		background:none;
		position:relative
	}
	
	.featurebox {
		color:#333;
		padding: 15px 20px 20px;
		/*border-top: 1px solid #d7d7d7;*/
		margin: 0 0 1.5em;
		/*background: #f6f6f6 url("../images/featurebox_bg.jpg") no-repeat 100% 100%*/
	}
	.featurebox p, 
	.featurebox h1, 
	.featurebox h2, 
	.featurebox h3, 
	.featurebox h4, 
	.featurebox h5, 
	.featurebox h6 {
		margin: 0 0 .3em;
		border-bottom: 1px solid #006;
		color:#006
	}
	.featurebox p {
		border:none;
		margin: 0 0 1em;
		color:#444
	}
	.featurebox li {
		font-size: 85%
	}
	.featurebox .main li {
		font-size: 100%
	}
	.featurebox a {
		font-weight:bold
	}
	.featurebox hr {
		color:#b2b2b2;
		background:#b2b2b2
	}
	.featurebox p.caption a {
		font-size:11px;
		font-weight:normal
	}
		 

	.thumbnail {
		margin: 0 5px 5px 2px;
		position:relative;
		z-index:9999;
		border: 1px solid #eee;
		float:left;
		padding:5px;
		background:#fff
	}
	.thumbnail img {
		width:150px;
		height:113px;
		border: 1px solid #000
	}
	.banner {
		width:100%
	}	
	.pagination {
		background: #f2f2f2;
		color:#666;
		padding: 4px 2px 4px 7px;
		border: 1px solid #ddd;
		margin: 0 0 1.5em
	}
	.pagination p {
		position:relative;
		text-align:right
	}
	.pagination p a:link, 
	.pagination p a:visited, 
	.pagination p a:hover, 
	.pagination p a:active {
		text-decoration:none;
		background:#fff;
		padding:2px 5px;
		border: 1px solid #ccc
	}
	.pagination p a:hover {
		background:#c00;
		color:#fff
	}
	.pagination p span {
		text-decoration:none;
		background:#fff;
		padding:2px 5px;
		border: 1px solid #ccc;
		color:#ccc
	}
	.pagination * {
		margin:0
	}
	.pagination h4 {
		margin-top:-1.45em;
		padding:0;
		border:none
	}
	
	#resultslist-wrap {
		margin: 0 0 1.5em;
		font-size:92%
	}
	#resultslist-wrap dt, 
	#resultslist-wrap dl {
		margin: 0
	}
	#resultslist-wrap dt {
		font: bold 85% arial;
		padding: 3px 0
	}
	#resultslist-wrap li {
		padding: 0 0 1em;
		margin:0 0 0 1.2em;
		font: bold 145% arial
	}
	#resultslist-wrap li dd {
		font: normal 73% arial
	}
	#resultslist-wrap li dl {
		margin:0
	}
	#resultslist-wrap dd {
		line-height:1.3
	}
	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {
		color:#999;
		display:inline;
		padding-right:.5em
	}
	
	/* TABLES */
	.table1 {
		border: 2px solid #000033;
		border-collapse:collapse;
		width:100%
	}
	.table1 td {
		text-align:center;
		font-size:100%;
		color:#000;
		padding:3px;
		border: 1px solid #ddd
	}
	.table1 th {
		text-align:center;
		border: 1px solid #fff
	}
	.table1 thead th {
		color:#fff;
		font-size:145%;
		background: #05076E ;
		padding: 10px 6px
	}
	.table1 tbody th {
		color:#fff;
		font-size:115%;
		background: #0066FF ;
		padding: 6px
	}
	.table1 tbody th.sub {
		font-size:100%;
		color:#000;
		background: #efefef ;
		padding: 6px
	}
	.table1 tr.alt td {
		background: url("../images/tablebg.png") repeat-x 0 0
	}
	
	.table1 div {
	    color:#CC0000;
		font-weight:bolder;
		text-align:center;
	}
	/* TABLES - calendar */
	.calendar {
		width:100%;
		font-size:92%
	}
	.calendar td {
		text-align:center;
		border: 1px solid #999
	}
	.calendar th {
		text-align:center;
		width:14.28%
	}
	.calendar thead th {
		padding: 3px 2px; 
		border: 0px;
		font-size:110%;
	}
	.calendar tbody th {
		padding: 2px;
		font-size:100%;
	}
	.calendar tbody th.sub {
		padding: 2px
	}
	.calendar .event {
		background: #efefef url("../images/sprites.gif") repeat-x 0 -1300px
	}
	.calendar a:link,.calendar a:visited {
		color:#0000FF;
	} 
	.prayer p {font-size:75%}
	
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
	a.morelink {display:block; padding: 1px; font-size:9px; text-decoration: none}
	a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("../images/interfaz/sprites.gif") no-repeat 5px -400px;padding-left:21px}
	a.morelink:hover {background: transparent url("../images/interfaz/sprites.gif") no-repeat 5px -600px}
	.morelink span {position:absolute;left:-9999px;width:900px}
	
	/* 'DOWNLOAD' LINK - same as the MORE link but for resource downloads */
	a.download {clear:both;display:block; padding: 1px; font-size:9px; text-decoration: none}
	a.download:link, a.download:visited, a.download:hover, a.download:active {background: transparent url("../images/interfaz/sprites.gif") no-repeat 5px -500px;padding-left:21px}
	a.download:hover {background: transparent url("../images/interfaz/sprites.gif") no-repeat 5px -600px}
	.download span {position:absolute;left:-9999px;width:900px}
	
	/* CODE - formatting for code inserted into body */
	ol.code {font-family: monospace;position:relative}
	ol.code li {color: #666;margin-bottom: 1px}
	ol.code code {color: #000;display: block}
	ol.code .cmt {color: #4077d2}
	li.tab0 code {padding-left: 4em}
	li.tab1 code {padding-left: 8em}
	li.tab2 code {padding-left: 12em}
	li.tab3 code {padding-left: 16em}
	li.tab4 code {padding-left: 20em}
	li.tab5 code {padding-left: 24em}
	ol.code li  {background: #f3f3f3 url("../images/td_bg.gif") no-repeat 100% 100%}
	p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}

/* LAYOUT TYPE D */
	#type-d #content {margin: 0 27% 0 50px}

/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
	#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("../interfaz/images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#000} 
	#nav-secondary a:visited {color:#000} 
	#nav-secondary a:hover {color:#c00;background: #fee url("../images/interfaz/sprites.gif") no-repeat 10px -695px} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("../images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
	#nav-secondary li.active li {border: none;margin:0}
	
	#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active a:hover, 
	#nav-secondary li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 3rd TIER */
	#nav-secondary ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}
	#nav-secondary li.active li.active li a:link, 
	#nav-secondary li.active li.active li a:visited, 
	#nav-secondary li.active li.active li a:hover, 
	#nav-secondary li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 4th TIER */
	#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
	#nav-secondary li.active li.active li.active li a:link, 
	#nav-secondary li.active li.active li.active li a:visited, 
	#nav-secondary li.active li.active li.active li a:hover, 
	#nav-secondary li.active li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active li.active a:active {font-weight:bold}

/* LAYOUT - FOOTER */
	#footer {clear:both;padding: 10px 0 10px;font-size:86%;color:#999}
	#footer p {margin:0}
	#footer a:link {color:#999}

/* COPYRIGHT & DESIGN INFO */
	#pie_pag {text-align: center;}
	#pie_pag a{font-family:tahoma;font-size: 11px;color:#fff}
	address .webprint, address .webprint{display:none}
	
	.articulo h2{
	    border-bottom: 0px;
	}
	
	#columnasR {
/*display:inline;
float:right;
margin-right:20px;
vertical-align:sub;
width:190px;
border-top:5px solid #999999;*/
padding-top:1px;
position:absolute;
right:25px;
top:0;
width:22%;

}

#columna_izq, #columna_der {
margin:16px 0 0;

}

#columna_izq ul, #columna_der ul{
font-size:11px;

}

.azul {
background-color:#FFFFFF;
background-image:url(../images/interfaz/azul/bg_azul.png);
background-position:center bottom;
background-repeat:no-repeat;
padding:0 0 14px;
padding-left:9px;
margin-left:1px;
}

.azul h3 {
background-color:#FFFFFF;
background-image:url(../images/interfaz/azul/bg_azul_h3.png);
background-repeat:no-repeat;
color:#FFFFFF;
font-size:14px;
padding:6px 0 5px;
text-align:center;
margin-bottom: 14px;
}

#columna_izq .contenido, #columna_der .contenido {

color:#333333;
clear:both;
padding:0px 25px 0px 10px;
font-size:12px;
}

.azul a {
		font-weight:bold
	}