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

	Title: CSS
	Author: Iberpixel
	Date: 2008 

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

	1. Valores globales
	
	2. Elementos generales
	
	3. Secciones
		3.1 Cabecera
		3.2 central
			3.2.1 Home
		3.3 Pie	
		
***********************************************************************************************/


/* 1. Valores globales
-----------------------------------------------------------------------------------------------
===============================================================================================*/
html, body {
  margin:0px;
  text-align:center;
  width: 100%;
}
img {
	border:none;
}
	
	
/* 2. Elementos generales
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#layer { 	
	text-align: center;	
	margin: 0px auto;
	padding: 0px;
	width: 100%; 
	height:100%; 
	top: 0px;
}
.punto_horizontal { 	
	width: 100%;
	height: 1px;
	margin: 3px 0;
	background:url(images/punto_gris.gif) repeat-x;
	float:left;
	overflow:hidden;
}

img, div, input, a, h3 { behavior: url(/js/iepngfix.htc) }

#acceso {
	position:absolute;
	margin:10px 0 0 750px;
	margin:10px 0 0 150px \9;
	padding:0;
	text-align:right;
	font-size:12px;
	width:180px;
}
	#acceso p {
		color:#333;
		font-size:11px;
		font-weight:bold;
		cursor:pointer;
		margin:0 0 5px;
		background:#F4F4EA;
		padding:3px 6px 3px;
		width:auto;
		float:right;
		border-radius: 6px;
	}
	#acceso_form {
		background:#FFF;
		padding:10px;
		color: #000;
		overflow:hidden;
		opacity: 0.9;
		-moz-opacity:0.9;
		filter: alpha(opacity=90);
		width:160px; 
		width:180px \9; 
		border-radius: 6px;
	}
		#acceso_form form {
			margin:0;
			padding:0;
			overflow:hidden;
			display:block;
		}
			#acceso_form fieldset {
				margin:0 0 8px;
				padding:0;
				clear:both;
				border:0;
				float:left;
			}
			#acceso_form label {
				float:left;
				margin-right:8px;
				font-size:12px;
				width:50px;
				width:40px\9;
				text-align:right;
			}
			#acceso_form input {
				border:1px solid #CCC;
				width:100px;
				float:left;
				background-color:#FFF;
			}
			#acceso_form #password {
				margin:-15px 0 0 53px \9;
			}
			#acceso_form #loginbutton {
				margin:0 0 0 5px \9;
			}


/* SLIDEVIEWER
===============================================================================================*/
/*preload classes*/ 
.svw {
	width: 500px;
	height: 250px;
	text-align:center;
	margin-top:50px;
} 
.svw ul {
	position: relative;
	left: -999em;
} 
 
/*core classes*/ 
.stripViewer {
position: relative; 
overflow: hidden;   
margin: 0 0 1px 0;
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
list-style-type: none;
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background:#333300;
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #333300; 
} 


/* 3. Secciones
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 3.1 Banner ---------------------------------------------------------------------------------*/
#banner {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:955px;
	height:155px;
}
	#logo a {
		float:left;
		margin-top: 5px;
		width:250px;
		height:121px;
		background:url(images/logo_salem.png) left top no-repeat;
		cursor:pointer;
	}
	#menu_div {
		position:absolute;
		z-index:999;
		margin:160px 0 0 20px;
		_margin:160px 0 0 -580px;
	}
	
	/* MENU ACORDEON
===============================================================================================*/
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
margin-right:7px;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
padding: 2px 8px;
cursor:pointer;
}
.arrowdiv {
	display:none;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 100px; /*width of sub menu levels*/
font-size: 0.75em;
color:#FFFFFF;
padding: 2px 5px;
background:url(images/menu_li_bg.png);
}
.horizontalcssmenu ul li ul li a:hover{
background:#000;

}

/* 3.3 Contenidos ---------------------------------------------------------------------------------*/
#contenidos {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top:40px;
	width:955px;
	overflow:hidden;
}

/* 3.3.0 Home ---------------------------------------------------------------------------------*/
	#home_bloque1 {
		float:left;
		width: 245px;
		_width: 255px;
		height: 295px;
		_height: 305px;
		text-align: left;
		margin: 5px 0 0 20px;
		-margin: 5px 0 0 10px;
		background-color:#CCCCCC;
		border: 5px solid #FFF;
	}
	#home_bloque1 p {
		margin:10px 11px 0;
	}
	#home_bloque2 {
		float:right;
		width: 640px;
		height: 295px;
		_height: 305px;
		margin: 5px 20px 0 0;
		-margin: 5px 10px 0 0;
		_padding-left:35px;
		text-align:left;
		background-color:#FFF;
		border: 5px solid #FFF;
		overflow:hidden;
	}
	#home_bloque2 ul {
		margin: 0 auto;
		margin-left: -40px;
	}
	#home_bloque3 {
		float:left;
		width: 430px;
		-width: 415px;
		height: 160px;
		margin: 10px 0 0 25px;
		-margin: 10px 0 0 10px;
		text-align:left;
		background:url(images/home_modulos_bg.png) left top repeat-x;
		overflow:hidden;
		padding:2px 5px;
	}
	#home_bloque4 {
		float:left;
		width: 430px;
		-width: 415px;
		height: 160px;
		margin: 10px 0 0 25px;
		-margin: 10px 0 0 10px;
		text-align:left;
		background:url(images/home_modulos_bg.png) left top repeat-x;
		overflow:hidden;
		padding:2px 5px;
	}
	#home_bloque5 {
		position:absolute;
		margin: 490px 0 0 330px;
		padding:0;
		text-align:left;
		width:320px;
		height:90px;
		overflow:hidden;
	}
	#home_bloque5 a {
		position:absolute;
		margin:15px 0 0;
	}
	
/* 3.3.1 La Iglesia ---------------------------------------------------------------------------------*/
	#conocenos_bloque2 {
		float:left;
		width: 900px;
		text-align: left;
		margin: 5px 0 0 30px;
		-margin: 5px 0 0 20px;
		overflow:hidden;
		background:url(images/conocenos_bg.png) right top no-repeat;
	}
	#iglesia_bloque1 {
		float:left;
		width: 340px;
		text-align: left;
		margin: 5px 0 0 30px;
		-margin: 5px 0 0 20px;
		overflow:hidden;
	}
	#iglesia_bloque2 {
		float:right;
		width: 550px;
		min-height: 300px;
		margin: 25px 30px 0 0;
		-margin: 25px 20px 0 0;
		text-align:left;
		overflow:hidden;
		
	}
	#sub_iglesia {
		float:left;
		width: 240px;
		text-align: left;
		margin: 15px 0 0 15px;
		overflow:hidden;
		border:1px #999999 solid;
		padding:5px;
	}
	#iglesia_bloque1 ul {
		margin-left: -40px;
		*margin: 0;
	}
	#comunidades li {
		width:300px;
		height:27px;
		background:url(images/eventos.png) left top no-repeat;
		padding:6px 0 0 28px;
		margin-bottom:5px;
	}

/* 3.3.2 Secciones ---------------------------------------------------------------------------------*/
	#seccion_bloque1 {
		float:left;
		width: 250px;
		text-align: left;
		margin: 5px 0 0 30px;
		-margin: 5px 0 0 20px;
		overflow:hidden;
	}
	#seccion_bloque2 {
		float:right;
		width: 610px;
		min-height: 300px;
		margin: 25px 30px 0 0;
		-margin: 25px 20px 0 0;
		text-align:left;
		overflow:hidden;
		
	}
	#seccion_bloque3 {
		float:left;
		width: 250px;
		margin: 20px 0 0 5px;
		text-align:left;
		background:url(images/home_modulos_bg.png) left top repeat-x;
		overflow:hidden;
	}
	#seccion_bloque3 ul {
		overflow:auto;
		padding: 0;
		margin: 10px;
	}
	#seccion_bloque3 li img {
		margin-right: 7px;
	}
	
.ss-form-container {
	font-size: 0.75em;
}
.ss-textarea{
	max-width:90%;
}
.ss-choices{
	list-style:none;
	margin:0;
	padding:0;
}
.ss-required-asterisk{
	color:#c43b1d;
}




	/* 3.3.2.1 Noticias ---------------------------------------------------------------------------------*/
	#layer_noticia { 	
	text-align: center;	
	margin: 0px auto;
	padding: 0px;
	width: 100%; 
	height:100%; 
	top: 0px;
	background-color:#FFF;
	}
	#noticia_bloque1 {
		float:left;
		text-align: left;
		padding: 10px;
		background-color:#FFF;
	}
	
/* 3.3.3 Eventos ---------------------------------------------------------------------------------*/
#evento_bloque1 {
	float:left;
	width: 250px;
	text-align: left;
	margin: 5px 0 0 30px;
	-margin: 5px 0 0 20px;
	overflow:hidden;
}
#evento_bloque2 {
	float:right;
	width: 630px;
	min-height: 300px;
	margin: 10px 30px 0 0;
	-margin: 10px 20px 0 0;
	text-align:left;
	overflow:hidden;
}
#Eventos_list {
	margin:20px 0;
	padding:0;
}

#Eventos_list li a {
	float:left;
	width:150px;
	height:45px;
	background:url(images/eventos.png) left top no-repeat;
	padding:12px 0 0 28px;
	margin-bottom:5px;
}
/* 3.3.4 Contactar ---------------------------------------------------------------------------------*/
	#contactar_bloque1 {
		float:left;
		width: 350px;
		height: 300px;
		text-align: left;
		margin: 5px 0 0 30px;
		-margin: 5px 0 0 20px;
	}
	#contactar_bloque2 {
		float:right;
		width: 530px;
		min-height: 300px;
		margin: 25px 30px 0 0;
		-margin: 25px 20px 0 0;
		text-align:left;
		overflow:hidden;
		
	}
	
/* 3.5 Noticias ---------------------------------------------------------------------------------*/
#noticias_bloque1 {
	float:right;
	width: 250px;
	text-align: left;
	margin: 10px 30px 0 0;
	-margin: 10px 20px 0 0;
	overflow:hidden;
}
#noticias_bloque2 {
	float:left;
	width: 600px;
	margin: 5px 0 10px 30px;
	-margin: 5px 0 10px 20px;
	padding-bottom:8px;
	text-align:left;
	border-bottom: 1px #999999 dotted;
}
#img_noticias {
	float:left;
	overflow:hidden;
}
#texto_noticias {
	float:right;
	width:320px;
	overflow:hidden;
}
#texto_noticias2 {
	float:right;
	width:600px;
	overflow:hidden;
}
#noticias_list {
	margin:20px 0;
	padding:0;
}

#noticias_list li {
	float:left;
	width:240px;
	padding:12px 0 5px 0;
}
/* 3.4 Pie ---------------------------------------------------------------------------------*/
#pie {
	float:left;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width:955px;
	text-align:left;
}
	#pie p {
		float:left;
		margin-top: 15px;
		padding-left:20px;
	}
	#iberpixel {
		margin-top: 10px;
		float:right;
		width: 178px;
	}
	
#final_deco {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width:955px;
}