@charset "iso-8859-2";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #F4F4F4 url(img/bg_body.png) top repeat-x;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	}
	
/*/////////////////////////////////////////////////////////////////////////////////////////////*/

.clearer { clear:both; }
hr { clear:both; margin:4px 10px; }
.derecha { text-align:right; }

a img { border:0; }
.center { text-align:center; }

.img_izqbor { float:left; margin-right:6px; padding: 4px; background-color: #CCCCCC; }
.img_derbor { float:right; margin-left:6px; padding: 4px; background-color: #CCCCCC; }
.img_izq { float:left; margin-right:6px; }
.img_der { float:right; margin-left:6px; }

p.banner { text-align: center; margin: 14px 0; }

.nota { color:#003399; font-weight:bold; font-size:96%; }

p.aviso {
	border: 1px solid #FFCC00;
	background: #FFFFE8 url(img/aviso.png) no-repeat left;
	padding: 3px 10px 3px 20px;
	font-size: 1.1em;
	margin: 2px 20px;
	display: block;
	}
p.allright, .anuncio {
	border: 1px solid #669900;
	background: #F2FFF2 url(img/allright.png) no-repeat center left;
	padding: 3px 10px 3px 20px;
	font-size: 1.1em;
	}
p.error, p.notificacion {
	border: 1px solid #FF0000;
	background: #FFF0F0 url(img/error.png) no-repeat center left;
	padding: 3px 10px 3px 20px;
	font-size: 1.1em;
	}
p.ayuda_campo {
	padding: 4px 4px 4px 20px;
	font-size: 10px;
	color: #035EA8;
	border: 1px dotted #035EA8;
	background: #F3F8FC url(img/info.png) no-repeat;
	}
span.obligatorio {
font-weight: bold;
color: red;
}
	
ul.lista_errores {
	list-style: none;
	margin: 10px 20px 20px 20px;
	padding: 0;
	}
ul.lista_errores li {
	border: 1px solid #FF0000;
	background: #FFF0F0 url(img/error.png) no-repeat center left;
	padding: 3px 10px 3px 20px;
	font-style: italic;
	margin: 3px 10px 0 10px;
	}
	
					
			p.paginitas {
				text-align: center;
				}
				p.paginitas a {
					padding: 4px;
					border: 1px solid #CCCCCC;
					text-decoration: none;
					}
					p.paginitas a:hover {
						background-color: #EFEFEF;
						}
						
				p.paginitas a.actual {
					background-color: #EFEFEF;
					font-weight: bold;
				}
	
/*/////////////////////////////////////////////////////////////////////////////////////////////*/

	div#wrap {
		text-align: left;
		margin: 0 auto;
		width: 860px;
		}
	
/*/////////////////////////////////////////////////////////////////////////////////////////////*/

		div#logo {
			height: 110px;
			width: 320px;
			float: left;
						}
			div#logo h1 {
				margin: 0;
				}

		div#banner { float: right; }
				
/*/////////////////////////////////////////////////////////////////////////////////////////////*/

	#menu {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 860px;
		height: 40px;
		clear: both;
		}
		#menu li {
			margin: 0;
			padding: 0;
			float: left;
			}
			#menu li a {
				display: block;
				text-transform: uppercase;
				text-decoration: none;
				font-size: 13px;
				font-weight: bold;
				text-align: center;
				_height: 14px;
				color: #E9F0F5;
				padding: 7px 0 5px 0;
				width: 100px;
				}
			#menu li a:hover, #menu li.sel a {
				padding: 5px 0 7px 0;
				color: #2576BD;
				background: #FFFFFF url(img/bg_btn.png) no-repeat;
				}
	
/*/////////////////////////////////////////////////////////////////////////////////////////////*/

	#splash {
		border: 1px solid #999999;
		margin-top: 6px;
		}
	
/*/////////////////////////////////////////////////////////////////////////////////////////////*/

	#main {
		background-color: #FFFFFF;
		padding: 10px 20px;
		border: 1px solid #999999;
		margin-top: 6px;
		}
		
		#uno {
			float: left;
			width: 180px;
			border-right: 1px dotted #CCCCCC;
			padding-right: 10px;
			}
			div#uno h3 {
				color: #FF0000;
				font-size: 16px;
				border-bottom: 1px solid #CCCCCC;
				}
			div#uno h3 a {
			color: #FF0000;
			text-decoration: none;
			}
			div#uno ul.links {
				margin: 10px 0;
				padding: 0;
				list-style: none;
				}
				div#uno ul.links li {
					margin: 0;
					padding: 0;
					color: #1A3A85;
					}
					div#uno ul.links li a {
						color: #1A3A85;
						text-decoration: none;
						font-weight: bold;
						display: block;
						padding: 4px 10px;
						}
					div#uno ul.links li a:hover {
						text-decoration: underline;
						background-color: #F5F5F5;
						}
						
/*----------------------------------------*/
	
		#dos {
			float: left;
			width: 380px;
			padding-left: 18px;
			}
			
		#dos.wide { width: 560px; }
			
			div#dos h2 {
				text-transform: uppercase;
				color: #FF0000;
				font-size: 18px;
				}

			div#dos h3 {
				color: #1A3A85;
				font-size: 16px;
				}
				
			div#dos a {
				color: #1A3A85;
				text-decoration: none;
				}
			div#dos a:hover {
				text-decoration: underline;
				}
				
				

				div#dos div.news p {
					margin: 10px;
					border-top: 1px solid #CCCCCC;
					padding: 4px 10px;
					}
				div#dos div.news h3 {
					margin: 0 0 10px 0;
					padding: 0 0 0 14px;
					background: url(img/bg_flecha_li.png) left center no-repeat;
					font-size: 14px;
					}
					div#dos div.news h3 a {
						color: #666666;
						text-decoration: none;
						}
					div#dos div.news a {
						color: #1A3A85;
						text-decoration: none;
						}
					div#dos div.news a:hover {
						text-decoration: underline;
						}
					
			
			div#dos p.date {
				padding: 2px 10px;
				border-top: 1px solid #CCCCCC;
				background-color: #F7F8FB;
				}
				
			div#dos.big {
			width: 570px;
			}
				
/*----------------------------------------*/

		#tre {
			float: right;
			width: 200px;
			border-left: 1px dotted #CCCCCC;
			padding-left: 10px;
			}
			div#tre h3 {
				color: #FF0000;
				font-size: 16px;
				border-bottom: 1px solid #FF0000;
				}
				
			div#tre h4 {
				color: #1A3A85;
				font-size: 14px;
				}
				
			div#tre ul.links {
				margin: 10px 0;
				padding: 0;
				list-style: none;
				}
				div#tre ul.links li {
					margin: 0;
					padding: 0 0 0 20px;
					color: #1A3A85;
					}
					div#tre ul.links li a {
						color: #1A3A85;
						text-decoration: none;
						font-weight: bold;
						display: block;
						_height: 14px;
						}
					div#tre ul.links li a:hover {
						text-decoration: underline;
						}
			div#tre ul.opt {
				margin: 10px;
				padding: 0;
				list-style: none;
				border-top: 1px solid #CCCCCC;
				}
				
				div#tre ul.opt li {
					margin: 0;
					padding: 0;
					}
					div#tre ul.opt li a {
						display: block;
						padding: 3px 0 3px 16px;
						border-bottom: 1px solid #CCCCCC;
						color: #666666;
						text-decoration: none;
						background: #FFFFFF url(img/bg_flecha_li.png) left center no-repeat;
						_height: 14px;
						}
						div#tre ul.opt li a:hover {
							background-color: #EFF1F6;
							}
						
						div#tre ul.opt li a.des {
						color: #222;
						/*border-bottom: 1px solid #333;*/
						background: #FFFFFF url(img/bg_flecha_li_des.png) left center no-repeat;
						}
						div#tre ul.opt li a.des:hover {
							background-color: #DEE0E5;
							}

			div#tre ul.news {
				margin: 10px;
				padding: 0;
				list-style: none;
				}
				div#tre ul.news li {
					margin: 0;
					padding: 0;
					}
					div#tre ul.news li a {
						display: block;
						padding: 0 0 3px 16px;
						color: #666666;
						text-decoration: none;
						background: transparent url(img/bg_li_news.png) top left no-repeat;
						_height: 14px;
						}
						div#tre ul.news li a:hover {
							color: #1A3A85;
							text-decoration: underline;
							}
				
/*----------------------------------------*/

	div#cua {
		float: right;
		width: 560px;
		}
			
			div#cua h2 {
				text-transform: uppercase;
				color: #FF0000;
				font-size: 18px;
				}

			div#cua h3 {
				color: #FF0000;
				font-size: 16px;
				border-bottom: 1px solid #FF0000;
				}
				
			div#cua h4 {
				color: #1A3A85;
				font-size: 14px;
				}
				
			div#cua a {
				color: #1A3A85;
				text-decoration: none;
				}
			div#cua a:hover {
				text-decoration: underline;
				}
				
			div#cua div.event {
				background: transparent;
				}
				div#cua div.event h3 {
					background-color: #1A3A85;
					color: #FFFFFF;
					padding: 3px 10px;
					margin: 0 0 10px 0;
					text-transform: uppercase;
					font-size: 14px;
					font-weight: normal;
					border-top: 1px solid #CCCCCC;
					border-bottom: 0;
					}
				div#cua div.event p {
					padding: 0 10px;
					}

				div#cua p.date {
					padding: 2px 10px;
					border-top: 1px solid #CCCCCC;
					background-color: #F7F8FB;
					}
					
				div#cua.testi {
					margin-right: 20px;
				}


			div#cua div.church {
				margin: 10px;
				border-top: 1px solid #CCCCCC;
				padding: 8px 10px 14px;
				}
			div#cua div.church:hover {
				background: #F7F8FB;
				}
				div#cua div.church h3 {
					margin: 0 0 10px 0;
					padding: 0 0 0 14px;
					background: url(img/bg_flecha_li.png) left center no-repeat;
					font-size: 14px;
					border: 0;
					}
					div#cua div.church h3 a {
						color: #666666;
						text-decoration: none;
						}
					div#cua div.church h3 a:hover {
						color: #FF0000;
						}

				div#cua div.church p {
					margin: 0 0 4px 0;
					}
				div#cua div.church p.detalles {
					text-align: right;
					}
				div#cua div.church p.detalles a {
					padding: 0 0 0 14px;
					background: url(img/bg_mas_li.png) left center no-repeat;
					color: #1A3A85;
					}
				div#cua div.church p.detalles a:hover {
					color: #FF0000;
					}
				div#cua div.church img {
				float: left;
				margin-right: 10px;
				}
					
			/********************/
					
			div#dos div.celula {
				padding: 8px 0;
				}
			div#dos div.celula:hover {
				background: #F7F8FB;
				}
				div#dos div.celula h3 {
					margin: 0 0 4px 0;
					font-size: 14px;
					border: 0;
					}
					div#dos div.celula h3 a {
						color: #666666;
						text-decoration: none;
						}
					div#dos div.celula h3 a:hover {
						color: #FF0000;
						}

				div#dos div.celula p {
					margin: 0;
					}
	
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
		#cin {
			float: left;
			width: 580px;
			}
				div#cin div.news p {
					margin: 10px;
					border-top: 1px solid #CCCCCC;
					padding: 4px 10px;
					}
				div#cin div.news h3 {
					margin: 0 0 10px 0;
					padding: 0 0 0 14px;
					background: url(img/bg_flecha_li.png) left center no-repeat;
					font-size: 14px;
					}
					div#cin div.news h3 a {
						color: #666666;
						text-decoration: none;
						}
					div#cin div.news a {
						color: #1A3A85;
						text-decoration: none;
						}
					div#cin div.news a:hover {
						text-decoration: underline;
						}
	
/*/////////////////////////////////////////////////////////////////////////////////////////////*/

.forma {
	width: 350px;
	margin: 0 auto;
	}
	.forma fieldset {
		margin: 0;
		padding: 18px 0 16px 0;
		border: 0;
		border-top: 1px solid #CCCCCC;
		}
	.forma fieldset legend {
		display: none;
		}
	.forma fieldset label {
		display: block;
		float: left;
		width: 100px;
		padding: 3px 0 1px 10px;
		margin: 3px 0 0 0;
		font-size: 12px;
		}
	.forma fieldset label.lcheck {
		width: 350px;
		}
	.forma fieldset input {
		width: 220px;
		margin: 3px 0 0 4px;
		border: 1px solid #CCCCCC;
		padding: 2px;
		}
	.forma fieldset input.check {
		width: 16px;
		margin: 3px 0 0 4px;
		border: 1px solid #CCCCCC;
		padding: 2px;
		}
	.forma fieldset select {
		width: 226px;
		margin: 3px 0 0 4px;
		border: 1px solid #CCCCCC;
		padding: 2px;
		}
	.forma fieldset textarea {
		width: 220px;
		margin: 3px 0 0 4px;
		border: 1px solid #CCCCCC;
		padding: 2px;
		}
		.forma fieldset input:focus, .forma fieldset textarea:focus {
			border-color: #666666;
			}
	.forma fieldset textarea.txt_big {
		width: 328px;
		margin: 3px 0 10px 8px;
		padding: 2px;
		}					
	
/*/////////////////////////////////////////////////////////////////////////////////////////////*/

		form#afiliese  {
			margin: 0 0 10px 0;
			padding: 0;
			color: #666666;
			font-size: 10px;
			width: 200px;
			}
			form#afiliese fieldset {
				margin: 0;
				padding: 0;
				border: 0;
				}
				form#afiliese fieldset legend {
					display: none;
					}
				form#afiliese fieldset label {
					display: block;
					}
				form#afiliese fieldset input {
					border: 1px solid #CCCCCC;
					width: 100%;
					margin: 0 0 3px 0;
					}
				form#afiliese fieldset input:focus {
					border: 1px solid #666666;
					}
				form#afiliese fieldset button {
					text-indent: -9999px;
					width: 64px;
					height: 24px;
					border: 0;
					margin: 0;
					padding: 0;
					cursor: pointer;
					background-image: url(img/enviar.png);
					}
	
/*/////////////////////////////////////////////////////////////////////////////////////////////*/

	#pie {
		clear: both;
		background: #246BA2 url(img/bg_pie.png) bottom no-repeat;
		padding: 10px 0;
		margin: 6px 0 10px 0;
		text-align: center;
		color: #FFFFFF;
		font-size: 10px;
		}
		#pie p {
			margin: 0 0 6px 0;
			}
		#pie a {
			color: #E9F0F5;
			font-weight: bold;
			text-decoration: none;
			}
			#pie a:hover {
				text-decoration: underline;
				}