* {margin:0; padding:0;}

html {background:#f4f7f7; width:100%;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#7a7a7a;
	min-width:1024px;
	background:url(images/tail-top.gif) 0 0 repeat-x #fff;
}

.bg {width:100%; background:url(images/tail-bot.gif) 0 bottom repeat-x;}

#main {
	width:1024px; 	
	padding:0;
	margin:0 auto;
	font-size:0.90em;
	line-height:1.5em;
	align:justify;
}

.error {color:#ff0000; font-weight:bold; }

img {border:0; vertical-align:top; text-align:left;}

a {color:#37cef9; outline:none;}
a:hover{text-decoration:none;}

object {outline:none;}
fieldset {border:0;}

ul, ol {list-style:none;}

table, table td {padding:0; border:none; border-collapse:collapse;}

.clear {clear:both; line-height:0; font-size:0;}

.col-1, .col-2, .col-3 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}

.container {width:100%;}

p {margin-bottom:18px; text-align:justify;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:16px;}
.p3 {margin-bottom:24px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

#textcenter{text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.color-1 {color:#236079;}
.color-2 {color:#4bd5fa;}
.color-3 {color:#323232;}
.color-4 {color:#616161;}
.color-5 {color:#9d9d9d;}


/*********************************boxes**********************************/
.margin-bot {margin-bottom:20px;}

.spacing {margin-right:4px;}
.spacing-bot {margin-bottom:25px;}

.indent {padding-left:30px;}
.indent-bot {margin-bottom:34px;}
.indent-bot2 {margin-bottom:50px;}

.img-indent-bot {margin-bottom:20px;}
.img-indent {
	float:left;
	margin:0 20px 0px 0;
	position:relative;
}	
.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:8px;}
.prev-indent {float:left; margin:0 8px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {padding:1px; border:1px solid #dadada;}
.border2 {border:5px solid #fff;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.link-1,
.sub-menu li a,
.button,
#footer a,
.menu-bot li a {text-decoration:none;}	
/*********************************header*************************************/

#header {height:590px; background:url(images/bg-header.png) 0 160px no-repeat;}
#header .row-1 {height:219px; padding:37px 22px 0 23px;}
#header .row-2 {height:334px; padding:0 22px 0 23px;} 

#header-in {height:256px; background:url(images/bg-header.png) 0 160px no-repeat;}
#header-in .row-1 {height:219px; padding:37px 22px 0 23px;}
/*********************************content*************************************/
#content {background:url(images/bg-content.png) 0 0 repeat-y;}

smallTitle {color:#323232; font-size:18px; font-weight:bold; line-height:1.269em; margin-bottom:16px; font-family:Georgia, "Times New Roman", Times, serif;}
h2 {color:#323232; font-size:1em; font-weight:bold; line-height:1.269em; margin-bottom:3px; font-family:Georgia, "Times New Roman", Times, serif;}
h3 {color:#323232; font-size:2.166em; font-weight:normal; line-height:1.269em; margin-bottom:16px; font-family:Georgia, "Times New Roman", Times, serif;}
h4 {color:#323232; font-size:2em; font-weight:normal; line-height:1.375em; margin-bottom:16px; font-family:Georgia, "Times New Roman", Times, serif;}
h5 {color:#5f5f5f; font-size:1.333em; letter-spacing:-1px; line-height:1.125em; margin-bottom:12px; font-family:Georgia, "Times New Roman", Times, serif;}

.padding {padding:4px 54px 70px 53px;}

.banner-1 {width:275px; height:118px; background:url(images/index/es/cultoEnVivo.jpg) 0 0 no-repeat;}
.banner-1 a {display:inline-block; text-transform:uppercase; text-decoration:none; font-family:"Times New Roman", Times, serif; color:#fff; background:#161616; padding:5px 22px 5px 30px; margin-top:77px;} 
.banner-1 a:hover {text-decoration:underline; cursor:pointer;}

.banner-2 {width:275px; height:118px; background:url(images/index/en/cultoEnVivo.jpg) 0 0 no-repeat;}
.banner-2 a {display:inline-block; text-transform:uppercase; text-decoration:none; font-family:"Times New Roman", Times, serif; color:#fff; background:#161616; padding:5px 22px 5px 30px; margin-top:77px;} 
.banner-2 a:hover {text-decoration:underline; cursor:pointer;}


 
.info {line-height:1.428em;}
.info dt strong {padding-bottom:18px; display:block;}
.info span {float:left; width:82px;}
.info a {color:#616161;}

.button {display:inline-block; color:#fff; padding:4px 11px 5px; font-weight:bold; background:#37cef9;}
.button:hover {cursor:pointer; color:#000;} 

.link-1 {padding-left:10px; background:url(images/marker-1.gif) 0 6px no-repeat;}
.link-1:hover {text-decoration:underline;}

.list-1 li {font-size:1.166em; line-height:1.785em; padding-left:13px; background:url(images/marker-2.gif) 0 10px no-repeat;}

.text-1 {font-size:1.166em;}
.text-2 {line-height:1.666em;}
.text-3 {font-size:12px;}

.links li {float:left; padding-right:35px;}
.letter {letter-spacing:-1px;}
.letter2 {letter-spacing:-2px;}

#form-main label {height:26px; display:block;}
#form-main input {width:261px; padding:2px 6px; font-size:1em; line-height:1.2em; color:#8c8c8c; border:1px solid #e1e1e1; font-family:Arial, Helvetica, sans-serif;}
#form-main textarea {width:261px; height:102px; padding:2px 6px; font-size:1em; line-height:1.5em; color:#8c8c8c; overflow:auto; border:1px solid #e1e1e1; font-family:Arial, Helvetica, sans-serif;}

.buttons {padding-top:18px; text-align:right;}
.buttons a {margin-left:20px;}
.buttons a:hover {color:#000; cursor:pointer;}

/**************************************footer*********************************************/
#footer {color:#5f5f5f; padding:40px 0 41px; background:url(images/bg-footer.gif) 0 0 no-repeat;}
#footer a:hover {text-decoration:underline;}

.text-bot { padding:18px 0 0 19px; float:left;}
.text-bot span {color:#37cef9;}
.text-bot a {color:#5f5f5f;}

.block-bot {float:right; text-align:right; padding-right:20px;}

.menu-bot li {display:inline; }
.menu-bot li a {color:#5f5f5f; padding:0 4px;}
.menu-bot li .active, .menu-bot li a:hover {color:#37cef9;} 


/* ESTA COPIADO DE LA PAGINA ANTERIOR, PARA PONER LAS IMAGENES A LA DERECHA */
.image_right { float: right; margin: 0 10px 8px 0; padding: 10px 10px 10px 10px;  }
.image_left { float: left; margin: 0 10px 8px 0; padding: 10px 10px 10px 10px;  }


div.ministry {
background:url("images/divider.gif") no-repeat scroll left bottom transparent;
clear:left;
float:left;
padding:5px 0 20px;
width:917px;
}

div.ministry div.description {
float:right;
padding:5px 0 0;
width:740px;

}

/*PARA USAR VIŅETAS*/
#vinetas {
	list-style-image:url(images/vinetas.gif);
        margin:0;
        padding-left: 3em;
        line-height: 1.5em;
}



.formTitle {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 15px; font-weight: bold;	color: #fff;}

.formDarkFontColor {color: #fff;}


/*PARA PAGINA DE EVENTOS*/

/*  SLIDER  */
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 554px; height: 419px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 554px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
.photo-meta-data							{ background: url(images/eventosTrans.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
#recursos th {
background:#1E56CA url(images/gradhead.gif) repeat-x scroll 0 0;
border-bottom:1px solid #1E56CA;
border-top:2px solid #1E56CA;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.90em;
font-weight:bold;
padding:2px;
}

.trColor {
background:#FFFFFF url(images/gradhover.jpg) repeat-x scroll 0 0;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.90em;
padding:7px;
}

.trColor2 {
background:#FFFFFF repeat-x scroll 0 0;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.90em;
padding:7px;
}

/* player style */
/* container has a background image */

a.player {	
	display:block;
	width:500px;
	height:340px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	background:#000 url(images/h500.png) repeat-x 0 0;
	background:-moz-linear-gradient(top, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9));
	-moz-box-shadow:0 0 40px rgba(100, 118, 173, 0.5);
}

a.player:hover {
	background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));	
}

/* splash image */
a.player img {
	margin-top:125px;
	border:0;	
}


#player {
	float:left;		
	height:281px;
	width:500px;
	background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));	
}	

/* playlist style */
#playlist {
	width:312px;
	height:330px;
	overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #ccc;
	padding:4px 10px 12px 10px;
	background-color:#efefef;
	margin-top:-67px;
	float:left;
}

/* playlist entry */
#playlist a {
	display:block;
	width:280px;
	height:90px;
	padding:7px;
	background-color:#fff;
	border:1px solid #ccc;
	font:11px "bitstream vera sans", "lucida grande",verdana;
	text-decoration:none;
	margin-top:7px;
	color:#666;
}

/* different states of a playlist entry */
#playlist a:hover {
	background-color:#ffc;		
}

#playlist a.progress {
	background-color:#efefef;	
}

#playlist a.playing {
	border:1px solid #666;
	background-color:#ffc;	
}

#playlist a.paused {
	border:1px solid #666;
	background-color:#ffc;	
}

/* elements inside playlist entry */
#playlist a img {
	border:0;	
	float:left;
	margin-right:10px;
}

#playlist a strong {
	color:blue;		
	padding-bottom:5px;
}

#playlist a em {
	border:0;	
	float:left;
	margin-right:10px;
	background:url(/images/clock.gif) no-repeat 0 50%;
	padding-left:20px;
	color:#333;
	font-style:normal;
	margin-top:10px;
}

/* end playlist entry */

.textColor {color:#37cef9;}
td {color:#616161;}
