@charset "UTF-8";

/***********************************************************************************************

	Title: CSS Style

 	Author: Edwin Flores
  
   	E-mail: eofs78@gmail.com
	
	Date: 2008 

***********************************************************************************************

/* Resetting of element defaults to avoid cross-browser incompatibilities */


@import url("menu.css");



html, body, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, sub, sup, tt, var, dd, dl, dt, li, ol, ul, table, legend, caption, tbody, tfoot, thead, tr, th, td, fieldset{
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-align: left;
}

* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0;
	padding: 0;
	text-align:center;/*Centers the design in old IE versions*/
}

table {
	border: none;
	text-align:left;
}

ul, li, ol {
	list-style: none;
}

fieldset{
	border:none;
	}
body {
	margin: 0;
	padding: 0;
	text-align: left;
	background: #131315 url(http://www.templocristiano.org/images/background.jpg) repeat-x 0 0;


	font: 72.5%/1.5 Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #666666;
	font-weight:100;
}




/*HTML Tags */

a {
	margin:0;
	padding:0;
	cursor: pointer;
	text-decoration: none;
	outline:none;  /*remove dotted border aroung links in Firefox */
}

img {
	border: none;
	position: relative;
}

h1 {
	color: #990000;
	font-family: arial, sans-serif;
	font-size: 2em;
	letter-spacing: -1px;
	margin:10px 0;
}

h2 {
	font-size: 2em;
	color: #666666;
	letter-spacing: -2px;
	padding:15px 0 10px 4px;
	font-weight:300;
	margin-left:10px;

}

h3 {
	font-size: 1.6em;
	color:#000000;
	letter-spacing: -1px;
	padding:15px 15px 2px 0px;
	border-bottom: #AAAAAA dotted 1px;
	font-weight:400;
}

h4 {
	font-size: 2.1em;
	color: #000000;
	letter-spacing: -1px;
	padding:15px 0 10px 20px;
	line-height:25px;
	border-bottom: #C8C4C4 solid 1px;
}

h5 {
       font-size: 1.2em;
	color: #000000;
padding:-left:10px;
margin-bottom:10px;
border-bottom: #C8C4C4 solid 1px;
font-weight:normal;
}

/*Links */
a:link {
	color:#000000;
	text-decoration:none;
}

a:visited {
	color:#000000;
	text-decoration:none;
}

a:active {
	color:#000000;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
color:#990033;


}

/*Structural Elements */
#container {
	position:relative;
	margin: 0 auto;
	width:900px;
}


#header {
	width: 900px;
	height:102px;
        margin-bottom:10px;

	
}
#header img{
	padding-left:30px;
	}


#headerSection{
	widh:900px;
	margin:0 auto;
	float:right;
	}



#innercontainer {
	position:relative;
	width:900px;
	
	background-color:#f9f9f9;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-left:auto;
	margin-right:auto;

	margin-bottom:10px;
}
#innercontainer .topimage {
	position:relative;
	width:900px;
	height:29px;
	background: url(http://www.templocristiano.org/images/cont_top.jpg) no-repeat center top;
}

#innercontainer .botimage {
	position: relative;
	width: 900px;
	height: 29px;
	clear:both;
	background: url(http://www.templocristiano.org/images/cont_bot.jpg) no-repeat center bottom;
	z-index: 0;
	}





/*Banner Home page*/

#bannerHome{
	position:relative;
	width:860px;
	
		margin: 0 auto;
	height:340px;
		margin-bottom:10px;

	background-color:#191919
	}
#bannerContainer{
	position:relative;
	width:820px;
	height:300;
	top:20px;
	left:18px;
	}
	
#wrapper {
	position:relative;
	margin: 0 auto;
	width: 860px;
}
#sermonSemana{
	position:relative;
	width:860px;
	height:69px;
	background: #FFF url(http://www.templocristiano.org/images/sermondelasemana.jpg) no-repeat 0 0;
	}
	
#sermonSemana p{
	padding-bottom:5px;
	font-stretch: ultra-expanded;
	line-height:18px;
	font-variant: small-caps;
	padding-top:14px;
	padding-left:226px;
	font-weight:700;
	color:#990000;
	}

#homeAction{
	position:absolute;
	width:142px;
	height:50px;
	left:700px;
	top:4px;
	}

#homeColumWrapper {
	margin:0 auto;
	float:left;
	width:858px;
	background: #FFFFFF url(http://www.templocristiano.org/images/front_middle.jpg) no-repeat top center;
	min-height:300px;
}
#homeColumnMiddle {
	margin:0 286px 0 286px;
}
#homeColumnLeft {
	float:left;
	width:286px;
	margin-left:-858px;
}
#homeColumnright {
	float:left;
	width:286px;
	margin-left:-286px;
}
.blocks {
	position:relative;
	width:250px;
	margin-left:18px;
	margin-top:10px;
}

.fullTable{
width:100%;}

#content {
	float:left;
	width:600px;
	position:relative;

}



#sidebar {
	float: right;
	width: 240px;
}

#fullcontent{
	clear:both;
	width:798px;
	margin:0 auto;
border: #6F6767 1px solid;
text-align:center;	
padding-top:20px;
margin-top:20px;
	} 
	

#logo_left{
	position:absolute;
	left:700px;
	top:10px;
	with:117px;
	height:119px;
	}


#content p {
	padding:3px 0;
}



/* ----------- Content Home Page style --------------- */



/* Columns Holder */


#colHolder{
	position:relative;
	width:860px;
	height:250px;
	left:20px;
	}

.colA{
	width:600px;
	float:left;
	}

.colB{
	width:240px;
	float:right;
	}





/* ----------- Content with shadow --------------- */

#contentRoundTop{
	position:relative;
	float:left;
	width:600px;
	background:#FFFFFF url(http://www.templocristiano.org/images/bg_content_rounde.jpg) no-repeat top left;
	line-height:18px;
	border-right: #CCC 1px solid;
}

#contentRoundTop p{
	padding:5px 0;
	}
#contentRoundLeft{
	position:relative;
	float:left;
	width:210px;
	margin-left:15px;
	margin-top:20px;
	
	}
	
#contentRoundRight{
	position:relative;
	float:right;
	width:340px;
	margin-top:20px;
	margin-right:15px;
	}

/* mensaje first page */

#sermonHome{
	width:100%;
	height:240px;
	border:#e5e4e4 solid 1px;
  	text-align:center;
	padding-top:10px;
	}

#sermonHome p{
	padding-bottom:5px;
	font-stretch: ultra-expanded;
	line-height:18px;
	font-variant: small-caps;
	}

#sermonHome span{
	font-size:85%;
	font-stretch: ultra-condensed;
}

#sermonHomeIcons img{
	padding: 4px 10px;
	}


/* Boton subscribase */



.floatright {
	float:right;
}

.fotoicon {
	float:left;
	margin:0 12px 5px 0;
	border-right:1px solid #CCC;
	padding-right:1px;
}

.fotosemana {
	float:right;
	width:260px;
	text-align:center;
	padding-bottom:5px;
	border-bottom:#000 solid 5px;

}

.fotosemana img {
	border:#000000 solid 2px;
}

/* ----------- Sidebar Home Page style --------------- */



#sidebar img {
	border: #FFF solid 2px;
	margin-bottom:6px;
}

#sidebar a:hover img {
	border:2px solid #C4D0D0;
}


#calendar{
	width:800px;
	margin:0 auto;

	text-align:center;
}


	/* ----------- Sidebar Nice  Style--------------- */

.sidebarNice {
	width:100%;
	background: #FFF url("./images/bgSideTop.jpg") no-repeat top left;
	padding-top:20px;
	text-align:center;
}

.sidebarNiceText1 {
	font-size:2em;
	color:#333333;
	letter-spacing:-2.5px;
	padding-top:10px;
	text-align:center;
}


.sidebarNiceText2 {
	font-size:2em;
	color:#333333;
	letter-spacing:-2px;
	text-align:center;
}

.sidebarNiceText3 {
	font-size:1.7em;
	color:#C0C0C0;
	margin-bottom:20px;
}


.blacktext{
	color:#000000;
	font-weight:bold
	}



/* ----------- Footer --------------- */



#footer {
	clear: left;
	float: left;
	padding-top: 15px;
	text-align: center;
	width: 900px;
	height: 200px;

	color: #777;
	position: absolute;
	left: 0;
	background: transparent url(http://www.templocristiano.org/images/footer_container.png) no-repeat top center;
	margin-top: 10px;
	}
.credits {
	position:absolute;
	width:140px;
	top:115px;
	left:740px;
	font-size:9px;
	color:#FFFFFF;
}








/* Address Box on Home Page */




#infohome{
position:relative;
margin: 0 auto;
width:800px;
height:50px;
	border-top: dashed 1px #121212;
	padding-top:8px;
text-align:center;
margin-top:10px;
}

#infohome p{
	float:left;
	font-size:10px;
	color:#666666;
	padding: 8px 3px;
	text-align:left;
	}
#infohome img{
	float:right;
	padding-top:3px;
	
		border:none;

	}
#infohome a:hover img {
	border:none;
}

/* -----------Informacion tab--------------- */


.direccion table {
	width:70%;
	margin:0 auto;
}

.tableHeader {
	text-align:center;
	border-bottom: #000000 solid 2px;
	background:url("./js/tabs_2.gif") repeat-x left bottom;
	font-weight:bold;
	line-height:2em;
}

.table_horario {
	margin:0 auto;
	background: #FDFDFD;
	border-right: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	padding: 0 2px;
	width:490px;
	text-align:left;
	line-height:17px;
}

.table_horario td {
	padding-left:2px;
}

/*-------------- Columns---------------- */


#columnWrapper {
	width:98%;
	margin:0 auto;
}

#columnLeft {
	background:#9c9;
	float:left;
	width:50%;
}

#columRight {
	background:#c9c;
	float:right;
	width:50%;
}

#columnWrapper, #columnWrapper img, #columnWrapper h1, #columnWrapper h2 {
	padding:10px;
}

/*-------------- staff---------------- */



.centerContent{
	width:100%;
text-align:center;	
}



.staff {
	width:580px;
	margin:0 auto;
	position:relative;
	background: #fff url("./images/bk_staff.gif") repeat-x bottom right;
	height:170px;
	margin-top:20px;
	border-top:#CCC solid 1px;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;


}


.staffPictiure {
	position:absolute;
	top:10px;
	left:20px;
	width:160px;
	height:160px;
}

.staffNanme {
	position:absolute;
	top:40px;
	left:130px;
	width:300px;
	font-size:95%;
	font-stretch:-3px;
	font-weight:bold;
	color:#000000;
}

.staffPosition {
	font-weight:normal;
	font-size:90%;
}


/*list content */
.content_list li{
	margin-left:40px;
	list-style:outside;
	padding-left:10px;
	}



.shadowBG{
	margin-left:20px;
	width:580px;
	min-height:168px;
	background: #FFF url("./images/shadowBG.jpg") no-repeat bottom left;
	}


.textoprincipal{
position:relative;
float:right;
	width:89%;
	min-height:168px;
	padding-right:20px;
	border-right: #e5e4e4 solid 1px;
	text-align:justify;
	}

.boxEmpty {
	clear:right;
	position:relative;
	width:100%;
	border: #CCC 1px solid;
	text-align:right;
	margin-top:20px;
}



/*-------------- Mensajes ---------------*/

.message {
	position: relative;
	padding: 1.2em 0;
	border-bottom:#CCC 1px solid;
}


.message:hover{
	background: transparent url("./images/bg_message_hover.jpg") repeat-y 0% 0%;
	background-color: transparent;
	background-attachment: scroll;
}

.messageIcons{
	position:absolute;
	top:20px;
	left:386px;
	width:130px;
	height:24px;
	}

.messageIcons img{
	padding-left:2px;
	}
	


/*-------------Galeria de Imagenes y videos -------------*/

#galeria{
	width:700px;
	margin:0 auto;
	margin-top:3px;
	text-align:center;
	padding: 20px 0;

	}
#fotodelasemana{
	width:700px;
	height:300px;
	margin:0 auto;
	padding: 20px;
	background-color:#212121;
	}

.fotdelasemana_imagen{
	float:left;
	width:400px;
}

.fotodelasemana_text{
	float:right;
	width:280px;
	color:#DDDDDD;
	text-align:left;
	}

#bkVidos{
background: #FFF url("./images/bk_videos.jpg") no-repeat bottom center;
}

#bkWallpaper{
margin: 0 auto;	
margin-top:10px;
width:802px;
	height:425px;
	background: #FFFFFF url(http://www.templocristiano.org/images/bk_wallpaper.jpg) no-repeat 0 0;
text-align:left;
	}

	
	#bkWallpaper img{
		padding:52px 0 0 206px;
	}

.innertube{
	width:90%;
	margin:0 auto;
	}
.whiteText{
	color:#D2D2D2;
}
	
	
.texti {
	font-size:83%;
}

.textimage{
	vertical-align:middle;
	color:#222222;
	}
	
.textimage a:ink, a:visited{
	color:#222222;
	}
	
.textimage a:hover{
	color:#880000;
	}



/*------------------columns ------------*/

.columns{
	position:relative;
	display:block;
	width:100%;

		background: #ffffff url(http://www.templocristiano.org/images/bk_staff2.jpg) no-repeat bottom left;
	margin-top:20px;

}

.colLeft{
	position:relative;
	float:left;
	width:50%;
	display:block;
	min-height:160px;	
}
	
.colRight{
	position:relative;
	float:right;
	width:50%;
	display:block;
	min-height:160px;
	}
	
	
	
	
	/*-------------- staff---------------- */



.staff {
	position:relative;
	margin-left:20px;
	background: #fff url(http://www.templocristiano.org/images/bk_staff.jpg) repeat-x bottom right;
	width:467px;
	height:157px;
	margin-top:20px;
	text-align:left;
border:none;

}

.staffPhoto{
	padding:15px 0 0 20px;	
	}




.staffNanme {
	position:absolute;
	top:50px;
	left:130px;
	font-size:1.4em;
	font-stretch:-3px;
	color:#555555;
}

.staffPosition {
	position:absolute;
	font-weight:normal;
	font-size:90%;
	top:70px;
	left:140px;
}

.staffPastorName{
	position:absolute;
	top:52px;
	left:234px;
	font-size:1.5em;
	font-stretch:-3px;
	color:#555555;
	}
	
.staffPastorPosition{
	position:absolute;
	font-weight:normal;
	font-size:95%;
	top:70px;
	left:248px;
	}



.staff_biography_name{
	padding-top: 8px 0 0 9px;
	color: #a92824;
	font-size: 20px;
	font-weight: normal;

}
.staff_biography_sub_title {
	color: #615a4e;
	font-size: 12px;
	padding-left: 9px;
	font-style: normal;
}

.redText{
	color:#8F0518;
	font-weight: 600;
	}



	/* jQuery lightBox plugin - Gallery style */
	#wallpaper {
		margin: 0 auto;
		background-color: #444;
		padding: 10px;
		width: 810px;
	}
	#wallpaper ul { list-style: none; }
	#wallpaper ul li { display: inline; }
	#wallpaper ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#wallpaper ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#wallpaper ul a:hover { color: #fff; }


.navcontainer { 
		width: 180px; 
		margin-bottom: 30px;
		}

	.navcontainer h3 {
		border: none;
		text-transform: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-size: 1.2em;
		}

		.navcontainer ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;
			font-family: Arial, Helvetica, sans-serif;
			border-top: 1px solid #50090D;
			}

		.navcontainer a {
			display: block;
			padding: 5px 0px 5px 5px;
			width: 174px;
			background-color: #6C191D;
			border-bottom: 1px solid #50090D;
			}			

			.navcontainer a:link, .navlist a:visited {
				color: #EEE;
				text-decoration: none;
				}

			.navcontainer a:hover, .navcontainer .active{
				background-color: #941E24;
				color: #fff;
				}

.homeLinks{
          width:80%;
           margin:0 auto;
}

.floatright{
    float:right;
}