﻿@charset "utf-8";
/* CSS Document */


html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}

body {
	font: 12px/180% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #776F4B; 
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-color: #FFF;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}

#container {
	margin-right: auto;
	margin-left: auto;
	width: 940px;
	height: auto;
}

#content {
	background-image: url(images/bg-sheet.gif);
	float: left;
	width: 100%;
	height: auto;
}

p { text-align: justify; padding: 10px 15px 10px 20px; margin: 0; }

h1 {
	font: normal 42px Georgia, 'Times New Roman', Times, serif;
	letter-spacing: -1.5px;
	color: #793;
	margin: 0px;
	text-align: center;
	padding: 55px 0px 25px 0px;
}

h2, h3, h4 {
	font: bold 1em/1.5em Georgia, 'Times New Roman', Times, serif;
	color: #690;
	padding: 10px 15px 10px 20px;
}

h2 { font-size: 2.8em; font-weight: normal; }

h3 {
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -0.5px;
	color: #690;
	border-bottom: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ADBB7A;
}

h4 { font-size: 1.3em; color: #690; }

h5 {
	color: #690;
	padding: 10px 20px 10px 10px;
	text-align: left;
	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*line-height: 165%;*/
	font-weight: bold;	
}

/*Cabeceras*/

#header-wrap {
	margin: 0;
	width: 940px;
	height: 336px; /*Altura total del lienzo cabecera*/
	background: #fff url(images/fondocabecera2.jpg) no-repeat;
	position: relative;
	z-index: 1;
}

#header-index, #header-lecturas, #header-catequesis, #header-bautismos, #header-vida, #header-virgen, #header-liturgia, #header-horarios, #header-viajes, #header-historia, #header-economia, #header-homilias, #header-rosario, #header-viajes, #header-prueba {
	top: 26px;
	left: 26px;
	padding: 0;
	height:220px; /*Altura de la imagen de cabecera*/
	width: 890px;
	position: absolute;
	z-index: 2;
}

#header-index { background: url(images/1.jpg) no-repeat; }
#header-lecturas { background: url(images/5.jpg) no-repeat; }
#header-liturgia { background: url(images/4.jpg) no-repeat; }
#header-catequesis { background: url(images/10.jpg) no-repeat; }
#header-bautismos { background: url(images/2.jpg) no-repeat; }
#header-vida { background: url(images/3.jpg) no-repeat; }
#header-virgen { background: url(images/6.jpg) no-repeat; }
#header-rosario { background: url(images/8.jpg) no-repeat; }
#header-historia { background: url(images/7.jpg) no-repeat; }
#header-horarios { background: url(images/9.jpg) no-repeat; }
#header-homilias { background: url(images/8.jpg) no-repeat; }


/*Navegación*/

#nav {	
	width: 905px;
	top: 281px;
	left: 32px;
	text-align: center;
	background: url(images/bg-lateral-lecturas.gif) no-repeat;
	font-size: 11px;
	position: absolute;
	z-index: 3;
}

#nav ul {
	margin: 0px; 
	padding: 0px; 
	font-size: 11px;	
}

#nav li {
	margin: 10px; 
	padding: 10px; 
	list-style-type: none; 
	text-align: center;
	display: inline; 
	font-size: 11px;	
}

#nav a, #bottom_sheet a {
	font: normal 11px "Trebuchet MS", Tahoma, Arial, Sans-serif;
	text-decoration: none;
	background-image: none;
	background-color: transparent;
	border: none;
	color: /*#030*/#550;
}

#nav a:hover, #bottom_sheet a:hover {
	color: #360;
	font-size: 11px;
	background-image: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #360;
}

#content a {
	font: normal 11px "Trebuchet MS", Tahoma, Arial, Sans-serif;
	font-size: 11px;
	text-decoration: none;
	background-image: none;
	background-color: transparent;
	border: none;
	color: #660;
}

#content a:hover {
	font-size: 11px;
	color: #990;
	background-image: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #990;
}

#titulo_index {

}

#derecha_index h2 {
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -0.5px;
	color: #B8CC70;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #74804D;
	font-style: italic;
}

#derecha_index h3 {
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -0.5px;
	color: #D5BE90;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #EFC66D;
	font-style: italic;
}

#derecha_index h4 {
	font-size: 1.9em;
	font-weight: normal;
	letter-spacing: -0.5px;
	color: #80704D;
}

#bautismos_dcha h3 {
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -0.5px;
	color: #80704D;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #80704D;
	font-style: italic;
}

#bautismos_dcha h4 {
	font-size: 2.0em;
	font-weight: normal;
	letter-spacing: -0.5px;
	color: #80664D;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #80664D;
	font-style: italic;
}

#rosario h2 {
	font: normal 2em "Trebuchet MS", Tahoma, Arial, Sans-serif;
	color: #693;
	text-decoration: none;
	background: none;
	text-align: center;
	padding: 20px 10px 5px 10px;
}

.una_línea {
	padding: 10px 15px 10px 20px;
	margin: 20px 15px 15px 20px;
	font-size: 1em;
	background: #F6F6ED;
	border: 1px solid #EBEBDF;
}

.pie-de-foto {
	color: #884;
	font-size: 11.5px;
}

/*main images*/

#izquierda_index {
	float: left;
	width: 490px;
	padding: 10px 30px 0px 25px;
	margin: 0px;
}

#derecha_index {
	height: auto;
	width: 355px;
	float: right;
	margin: 0px;
	padding: 20px 15px 0px 25px;
}

#izquierda_economia {
	float: left;
	width: 500px;
	padding: 0px 15px 0px 25px;
	margin: 0px;
}

#derecha_economia {
	height: auto;
	width: 340px;
	float: left;
	margin: 0px;
	padding: 0px 25px 0px 25px;
}

#content_dcha_index {
	width: 335px;
	margin: 0px;
	background-image: url(images/dcha_index.jpg);
	background-repeat:  repeat-y;
}

#bautismos_izda {
	float: left;
	width: 480px;
	padding: 0px 0px 0px 25px;
	margin: 0px;
}

#bautismos_dcha {
	height: auto;
	width: 390px;
	float: left;
	margin: 0px;
	padding: 80px 15px 0px 25px;
}

#bautismos_dcha_content {
	width: 370px;
	margin: 0px;
	background: url(images/bg-bautismos.jpg) repeat-y;
}

#horarios_izda {
	float: left;
	width: 450px;
	padding: 0px 25px 0px 25px;
	margin: 0px;
}

#horarios_dcha {
	float: left;
	width: 415px;
	padding: 0px 25px 0px 0px;
	margin: 0px;
}

#ermita_izda {
	float: left;
	width: 450px;
	padding: 0px 0px 0px 25px;
	margin: 0px;
}

#ermita_dcha {
	float: left;
	width: 425px;
	padding: 0px 0px 0px 30px;
	margin: 0px;
}

#virgen_izda {
	float: left;
	width: 430px;
	padding: 0px 20px 0px 25px;
	margin: 0px;
}

#virgen_dcha {
	float: left;
	width: 420px;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

#catequesis p, #viajes p {
	text-align: center;
}

#vida h2, #vida p {
	text-align: center;
}

#vida_links, #peregrinaciones_links {
	width: 536px;
	margin: 0px 202px 0px 202px;
	font-size: 1em;
	background: #F6F6ED;
	border: 1px solid #EBEBDF;
}

#rumania_links {
	width: 536px;
	top: 11px;
	left: 176px;
	margin: 0px;
	position: absolute;
	z-index: 4;
}

#rumania_intro {
	/*texture top*/
	height:399px;
	width: 890px;
	margin: 0px 25px 0px 25px;
	padding-top: 75px;
	background: url(viajes/top.jpg) no-repeat bottom;
	position: relative;
	z-index: 1;
}

#rumania_extra2 {
	/*texture middle*/
	height:9650px;
	width: 890px;
	margin: 0px 25px 0px 25px;
	background: url(viajes/pergamino2.jpg) repeat-y;
	position: relative;
	z-index: 2;
}

/*#rumania_extra 3*/

#rumania_extra4 {
	top: 149px;
	left: 0px;
	height:598px;
	width: 890px;
	background: url(viajes/angel.gif) no-repeat;
	position: absolute;
	z-index: 2;
}

#rumania_extra5 {
	top: 1630px;
	left: 0px;
	width: 890px;
	height: 800px;
	background: url(viajes/angeles.jpg) no-repeat;
	position: absolute;
	z-index: 4;
}

#rumania_extra6 {
	top: 6955px;
	left: 0px;
	width: 890px;
	height: 800px;
	background: url(viajes/padre.jpg) no-repeat;
	position: absolute;
	z-index: 4;
}

#rumania_extra7 {
	top: 964px;
	left: 0px;
	height:898px;
	width: 890px;
	background: url(viajes/var01.jpg) no-repeat;
	position: absolute;
	z-index: 6;
}

#rumania_extra8 {
	top: 3752px;
	left: 0px;
	height:898px;
	width: 890px;
	background: url(viajes/alma.jpg) no-repeat;
	position: absolute;
	z-index: 7;
}

#rumania_extra9 {
	top: 4662px;
	left: 0px;
	height:633px;
	width: 890px;
	background: url(viajes/adan.jpg) no-repeat;
	position: absolute;
	z-index: 8;
}

#rumania_extra10 {
	top: 7935px;
	left: 0px;
	height:751px;
	width: 890px;
	background: url(viajes/var02.jpg) no-repeat;
	position: absolute;
	z-index: 9;
}


#rumania {
	top: -71px;
	width: 536px;
	padding: 70px 0px 0px 0px;
	position: absolute;
	z-index: 10;
	left: 175px;
	height: 5539px;
}

#rumania2 {
	padding: 0;
	height:534px; /*Altura imagen Cristo.jpg*/
	width: 890px;
	position: absolute;
	z-index: 11;
	background: url(viajes/cristo.jpg) no-repeat;
	top: 5537px;
	left: 0px;
}

#rumania3 {
	width: 536px;
	padding: 0;
	position: absolute;
	z-index: 12;
	top: 6070px;
	left: 175px;
}


#rumania_extra3 {
	/*texture bottom*/
	height:750px; 
	width: 890px;
	margin: 0px 25px 0px 25px;
	padding: 0;
	background: url(viajes/bottom.jpg) no-repeat;
	position: relative;
	z-index: 14;
}

#moldovita, #sucevita, #voronet, #humor, #probota, #neamt {
	margin: 25px 0px 25px 0px;
}

#moldovita p, #sucevita p, #voronet p, #humor p, #probota p, #neamt p {
	text-align: right;
}

/*Puerta*/

#simbologia_izda, #puerta1_izda, #escena_2_izda, #escena_3_izda, #escena_4_izda, #escena_5_izda, #escena_6_izda, #puerta1_bottom_links {
	float: left;
	width: 420px;
	padding: 0px 0px 0px 25px;
	margin: 0px;
}

#simbologia_dcha, #puerta1_dcha, #escena_2_dcha, #escena_3_dcha, #escena_4_dcha, #escena_5_dcha, #escena_6_dcha {
	float: right;
	width: 400px;
	padding: 0px 20px 0px 50px;
	margin: 0px;
}

#simbologia_dcha {
	margin-top: 100px;
}

#escena_1_dcha {
	margin-top: 255px;
}

#escena_2_dcha {
	margin-top: 155px;
}

#escena_3_dcha {
	margin-top: 90px;
}

#escena_4_dcha {
	margin-top: 130px;
}

#escena_5_dcha {
	margin-top: 125px;
}

#escena_6_dcha {
	margin-top: 125px;
}

#puerta2_izda, #escena_7_izda, #escena_8_izda, #escena_9_izda, #escena_10_izda, #escena_11_izda, #puerta2_bottom_links  {
	float: left;
	width: 420px;
	padding: 0px 0px 0px 25px;
	margin: 0px;
}

#puerta2_dcha {
	float: right;
	width: 400px;
	padding: 170px 20px 0px 50px;
	margin: 0px;
}

#escena_7_dcha {
	float: right;
	width: 400px;
	padding: 125px 20px 0px 50px;
	margin: 0px;
}

#escena_8_dcha {
	float: right;
	width: 400px;
	padding: 110px 20px 0px 50px;
	margin: 0px;
}

#escena_9_dcha {
	float: right;
	width: 400px;
	padding: 80px 20px 0px 50px;
	margin: 0px;
}

#escena_10_dcha {
	float: right;
	width: 400px;
	padding: 103px 20px 0px 50px;
	margin: 0px;
}

#escena_12_dcha {
	float: right;
	width: 400px;
	padding: 140px 20px 0px 50px;
	margin: 0px;
}

#puerta3_escena1_izda, #puerta3_escena2_izda, #puerta3_escena3_izda, #puerta3_bottom_links  {
	float: left;
	width: 420px;
	padding: 0px 0px 0px 25px;
	margin: 0px;
}

#puerta3_escena1_dcha {
	float: right;
	width: 400px;
	padding: 340px 20px 0px 50px;
	margin: 0px;
}

#puerta3_escena2_dcha {
	float: right;
	width: 400px;
	padding: 115px 20px 0px 50px;
	margin: 0px;
}

#puerta3_escena3_dcha {
	float: right;
	width: 400px;
	padding: 160px 20px 0px 50px;
	margin: 0px;
}

#puerta4_1_izda, #puerta4_2_izda, #puerta4_3_izda {
	float: left;
	width: 420px;
	padding: 0px 0px 0px 25px;
	margin: 0px;
}

#puerta4_1_dcha {
	float: right;
	width: 400px;
	padding: 170px 20px 0px 50px;
	margin: 0px;
}

#puerta4_2_dcha {
	float: right;
	width: 400px;
	padding: 90px 20px 0px 50px;
	margin: 0px;
}

#puerta4_3_dcha {
	float: right;
	width: 400px;
	padding: 180px 20px 0px 50px;
	margin: 0px;
}

#clear1 { clear: both; }
#clear2 { clear: both; }
#clear3 { clear: both; }
#clear4 { clear: both; }
#clear5 { clear: both; }
#clear6 { clear: both; }

/*Estructura de cajas: Liturgia y Lecturas*/

#liturgia, #lecturas, #lunes, #martes, #miercoles, #jueves, #viernes, #sabado, #domingosig {
	float: left;
	height: auto;
	width: 440px;
	padding: 0px 20px 0px 25px;
	margin: 0px;
}

#imagen_lecturas, #imagen_liturgia {
	float: left;
	width: 400px;
	padding: 0px;
	margin: 40px 0px 0px 30px;
}

#imagen_lecturas {
	height: 2356px;
	background: url(images/lec.jpg) no-repeat;
}

#imagen_liturgia {
	height: 1000px;
	background: url(images/liturgia-lateral.jpg) no-repeat;
}

#rosario, #vialucis {
	height: auto;
	margin: 0px;
	padding: 0px 45px 0px 45px;
}


#vialucis_cont {
	height: auto;
	width: 570px;
	margin: 0px 150px 0px 200px;

}

#audio_homilia {
	height: 500px;
	width: 500px;
	padding-right: 200px;
	padding-left: 200px;
}

.cita-mayuscula {
	font-size: 50pt;
	float: left;
	border: 1px solid #FFFFFF;
	font: normal 40pt/0.8em Georgia, Helvetica, Verdana, Arial, sans-serif;
	color: #669933;
	margin-right: 3px;
	padding: 0px;
}

.calendario {
	color: #999933;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
}

#envolver {
	clear: both;
	width: 1100px;
}

#bottom_sheet {
	float: left;
	width: 100%;
	height: 80px;
	margin: 0px;
	padding: 0px;
	background: url(images/bottom_sheet.gif) no-repeat;
}

#footer_virgen {
	width: 1100px;
	height: 400px;
	background-image: url(images/salve_regina2.jpg);
	background-repeat: no-repeat;
}

em {
	/*color: #B6AE8B;*/
	font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 180%;
}
