@charset "utf-8"; 

/*---------------- Retoc de etiquetes ------------------ */
body { background-color:#B03901; margin:0; padding:0; background-image:url(/_static/img/background.jpg); background-repeat:repeat-y; background-position:top center; }
form { padding:0; margin:0; }
input { margin:0; padding:0; }

/*---------------- Finestres Modals ------------------ */

/* base semi-transparente */
.overlay { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:101; }

/* estilo para lo q este dentro de la ventana modal */
.modal { display:none; position:absolute; top:25%; left:25%; width:50%; height:50%; padding:16px; background:#F7F7EE; border:10px #7A2C05 solid; color:#333; z-index:1002; overflow:auto; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; padding:10px; line-height:35px; }
#light span { position:absolute; display:block; height:50px; text-align:center; width:200px; float:right; margin-top:-320px; margin-left:570px; }
#light span a { text-decoration:none; color:#999; }
#light span a:hover { text-decoration:underline; color:#999; }
#light ul li { list-style-type:decimal; color:#930; font-size:14px; line-height:22px; }
#light h2 { background-image:url(/_static/img/barra_deco.jpg); background-repeat:no-repeat; background-position:bottom center; font-size:30px; padding-bottom:5px; }

/*---------------- Estructura de Disseny ------------------ */
#content { width:960px; margin-left:auto; margin-right:auto; }
#header { height:152px; margin-left:auto; margin-right:auto; width:940px; padding-top:10px; background-image:url(/_static/img/barra_deco.jpg); background-repeat:no-repeat; background-position:bottom center; }
#frase { background-image:url(/_static/img/barra_deco.jpg); background-repeat:no-repeat; background-position:bottom center; height:29px; }
#evangeli { position:absolute; height:142px; width:280px; margin-top:0; margin-left:676px; }
#subscriure { padding-left:10px; height:119px; width:254px; background-image:url(/_static/img/background_add.jpg); background-repeat:repeat-x; background-position:top; }
#subscriure span { text-transform:uppercase; }
#subscriure div span { background-image: none;}
#logo { height:142px; width:666px; position:relative; }
.div_logo h1 { padding: 0px; margin: 0px; }
.div_logo a { position:absolute; height:142px; width:666px; text-indent:-1000em; z-index:100; background-position:top left; background-repeat:no-repeat; margin:0; padding:0; display:block; }
#fontsize { width:100px; }
#toolbar { height:22px; margin:0px; padding:0px; width:265px;}
#central_content { background-color:#FFFFFF; }
#menu { width:206px; position:absolute; margin-left:10px; margin-top:10px; }
#evangeli_avui { background-color:#FFFFFF; padding-left:236px; padding-top:5px; padding-right:30px; text-align:justify; font-size:18px; color:#333333; line-height:26px; }
#evangeli_avui p a{color:#333; text-decoration:none;} #evangeli_avui p a:hover{color:#930; text-decoration:underline; background-color:#FFE1D2;}
#evangeli_avui p img { padding:3px; border:1px solid #CCC; text-align:center; }
.comentari { background-image:url(/_static/img/barra_deco.jpg); background-repeat:no-repeat; background-position:bottom center; font-size:32px; height:40px; margin-bottom:10px; font-weight:300; width:700px; }
#evangeli_avui h2 { background-image:url(/_static/img/barra_deco.jpg); background-repeat:no-repeat; background-position:bottom center; font-size:32px; height:40px; margin-bottom:15px; font-weight:bold; width:700px; line-height:40px; }
#evangeli_avui h2 a{ color:#333; text-decoration:none; }
#master_link { float:right; position:relative; top:15px; }
#master_link a { text-decoration:none; color:#B03901; font-weight:bold; border:1px solid #B03901; padding:4px; }
#master_link a:hover { background-color:#F0C480; }
#footer { padding:14px; text-align:left; background-image:url(/_static/img/span_evangeli.png); background-repeat:repeat-x; background-position:top center; margin-top:10px; font-size:13px;  }
#twitter-send { display: inline-block; margin-left: 10px; }
#twitter-send a { border: 1px solid #cad4e7; background-color: #eceef5; color:#3B5998; text-decoration: none; font-size: 11px; font-family: Arial; background-image: url(/_static/img/icons/twitter.png); background-repeat: no-repeat; background-position: 3px 1px; padding: 3px; padding-left: 22px; padding-right: 5px;}

/*--------------- Sprite ---------------------- */
#flags_div{ margin-left:65px; text-align:right; height:13px; overflow:hidden; float:right; padding:0;}
#flags { list-style-type:none; margin:0px; padding:0px;  }
#flags li { float: left; }
#flags a { background-repeat:no-repeat; height:13px; width:20px; line-height:11px; text-indent: 1000em; margin-right:5px; display:block; }
#flags a span { display:none; }
.lletra1 { background-image:url(/_static/img/sprite.png); background-repeat:no-repeat; background-position:0 -32px; padding-left:10px; height:13px; width:13px; line-height:11px; position:absolute; display:block; text-indent:-9999px; }
.lletra2 { background-image:url(/_static/img/sprite.png); background-repeat:no-repeat; background-position:0 -14px; padding-left:10px; height:13px; width:13px; line-height:11px; display:block; position:absolute; display:block; margin-left:19px; text-indent:-9999px; }
.lletra3 { background-image:url(/_static/img/sprite.png); background-repeat:no-repeat; background-position:0 2px; padding-left:10px; height:13px; width:13px; line-height:11px; position:absolute; display:block; margin-left:36px; text-indent:-9999px; }

/*--------------- Colors i Tipografies---------------------- */
#content { background-color:#FFFFFF; }
#subscriure { background-color:#F0C480; color:#993300; text-align: center; }
.input_text { padding:4px; border:1px solid #CCCCCC; font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; font-size:12px; color:#666666; width:105px; }
.input_enviar { border:1px solid #933208; font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; font-size:14px; color:#666666; font-weight:bold; background-image:url(/_static/img/input_enviar.jpg); background-repeat:no-repeat; background-position:left; padding:2px; padding-left:15px; background-color:#FFFFFF; margin:0; width:110px; }
.input_enviar_large { border:1px solid #933208; font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; font-size:14px; color:#666666; padding-left:30px; font-weight:bold; background-image:url(/_static/img/input_enviar.jpg); background-repeat:no-repeat; background-position:left; padding:2px; padding-left:20px; background-color:#FFFFFF; margin:0;  }
#subscriure a.big_button { text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; display: inline-block; background: white url(/_static/img/input_enviar.jpg) 4px 13px no-repeat ; font-size:18px; padding: 10px 10px 10px 30px; border: 1px solid #993300; margin: 20px; }
#evangeli span { font-size:15px; font-weight:bold; color:#993300; line-height:30px; background-image:url(/_static/img/span_evangeli_subs.jpg); background-repeat:no-repeat; background-position:bottom center; height:30px; display:block; padding:0; padding-left:5px; margin:0; }
#frase { text-align:center; color:#333333; text-transform:uppercase; height:27px; margin-top:0; padding-top:0; }
#frase h1 { font-size:16px; margin-top:0; font-weight:200; }
#menu ul { list-style:none; margin:0; padding:0; padding-top:10px; padding-bottom:10px; background-color:#B03901; }
.menu_evangeli { background-image:url(/_static/img/upbox.jpg); background-repeat:no-repeat; background-position:top; }
#menu ul li { font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; color:#FFFFFF; text-transform:uppercase; font-size:18px; line-height:20px; font-weight:bold; padding-left:10px; }
#menu ul li ul li a { font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; color:#FFE6CC; text-transform:uppercase; font-size:11px; text-decoration:none; padding-left:12px; line-height:25px; background-image:url(/_static/img/li.jpg); background-repeat:no-repeat; background-position:left; margin-left:2px; letter-spacing:0; }
#menu ul li ul li a span { text-transform: lowercase; font-size:14px; } 
#menu ul li ul li a:hover { font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; color:#FF9B37; text-transform:uppercase; font-size:11px; text-decoration:none; padding-left:12px; line-height:25px; }
.gran { font-size:18px; }
.comentari { color:#000000; }
#audio_options {float:right; position:relative; top:-10px;  color: #623100; font-family: Calibri, Tahoma, "Lucida Grande", Verdana, sans-serif; }
#audio_options a { color: #623100; font-size: 13px; margin-left: 6px; padding-left: 18px; background-repeat: no-repeat; background-position: top left; text-decoration: none; }
#audio_options a:visited { color: #623100; }
#audio_options a:hover { text-decoration: underline; }
.mp3_podcast { background-image: url(/_static/img/icons/media-player-cast.png); }
.mp3_download { background-image: url(/_static/img/icons/drive-download.png); }
.mp3_listen { background-image: url(/_static/img/icons/headphone.png); }
.dia { font:normal 20px Calibri, Tahoma, "Lucida Grande", Verdana, sans-serif; font-weight:bold; display:block; width:700px; margin:2px; }
.dia_liturgic { clear: both; }
.dia_green{ color:#090; font:normal 20px Calibri, Tahoma, "Lucida Grande", Verdana, sans-serif; font-weight:bold; display:block; width:700px; margin:2px; }
.dia_purple { color:#636; font:normal 20px Calibri, Tahoma, "Lucida Grande", Verdana, sans-serif; font-weight:bold; display:block; width:700px; margin:2px; }
.dia_red { color:#F00; font:normal 20px Calibri, Tahoma, "Lucida Grande", Verdana, sans-serif; font-weight:bold; display:block; width:700px; margin:2px; }
.dia_white { background-color:#CCC; color:#FFF; font:normal 20px Calibri, Tahoma, "Lucida Grande", Verdana, sans-serif; font-weight:bold; display:block; width:700px; margin:2px; }
.tempsI,.tempsII,.tempsIII,.tempsIV,.tempsV { margin:8px; padding:2px; border:1px solid #DDDDDD; }
.tempsI { color:#FFFFFF; background-color:#A02195; }
.tempsII { color:#FFFFFF; background-color:#A02195; }
.tempsIII { color:#333333; background-color:#FFFFFF; }
.tempsIV { color:#FFFFFF; background-color:#006600; }
.tempsV { color:#333333; background-color:#FFFFFF; }
.titol { font:normal 18px Calibri, Tahoma, "Lucida Grande", Verdana, sans-serif; color:#990000; font-weight:bold; display:block; width:700px; margin: 20px 4px; border-bottom:1px dotted #990000; text-align:center; }
.autor { font:normal 16px Calibri, Tahoma, "Lucida Grande", Verdana, sans-serif; color:#000000; display:block; width:700px; margin-top:10px; padding-top:10px; background-image:url(/_static/img/span_evangeli.png); background-repeat:repeat-x; background-position:top center; margin:4px; }
.santoral { font:normal 14px Calibri, Tahoma, "Lucida Grande", Verdana, sans-serif; display:block; width:500px; padding-bottom:10px; margin:4px; }
.comentari_evangeli { font:normal 14px Calibri, Tahoma, "Lucida Grande", Verdana, sans-serif; color:#666666; line-height:22px; color:#333333; }
.lletra_capital { float:left; padding:3px 5px 1px; display:block; margin-right:6px; margin-top:5px; font-size:80px; line-height:60px; }
.comentari_evangeli_primer:first-letter { float:left; padding:3px 5px 1px; display:block; margin-right:6px; margin-top:5px; font-size:80px; line-height:60px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; }
#footer { font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; }
#footer a:link { color:#993300; text-decoration:none; }
#footer a:hover { color:#333; }
#footer a:visited { color:#993300; text-decoration:none; }
table.calendar { }
#team_members ul li { clear:both; border-bottom:1px #623100 dotted; padding:5px; padding-bottom:20px; padding-top:20px; margin-left:-20px; }
#team_members ul li img { padding:5px; margin-right:15px; border:1px solid #CCC; background-color:#E9E9E9; float:left; width:72px; height:102px; clip:rect(0px,72px,102px,0px); }
#team_members ul li span { display:block; color:#666; }
#team_members ul { list-style-type:none; }
#commentarists ul { list-style-type:none; }
#commentarists ul li { font-size:14px; padding-bottom:4px; padding-top:4px; background-color:#FFEEE6; border-bottom:1px #FFB871 dotted; color:#351B00; }
#collaborate ul { list-style-type:none; }
#collaborate li { font-size:14px; padding-bottom:10px; padding-top:10px; background-color:#F5F5F5; border-bottom:1px dotted #CCC; font-size:20px; padding-left:30px; }
#links ul li { list-style:none; font-size:17px; color:#666; line-height:26px; }
#links ul li cite { font-size:14px; color:#033; }
#links ul li a { color:#000; }
#links ul li a:hover { color:#900; }
.visits_by_country th, .visits_by_country td { font-family: "Arial", sans-serif; font-size: 12px; padding: 4px 4px; line-height: 12px; border-bottom: 1px solid #ccc;}

/*----------- contact form -----------*/
#evangeli_avui form ol li { padding-bottom:5px; list-style:none; font-size:14px; font-weight:bold; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
#evangeli_avui form ol li label { display:block; padding:5px; }
#evangeli_avui form ol li input { padding:5px; background-color:#FFF2E6; padding:5px; color:#960; border:1px solid #960; }
#evangeli_avui form ol li #submit { border:1px solid #933208; font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; font-size:14px; color:#666666; font-weight:bold; background-image:url(/_static/img/input_enviar.jpg); background-repeat:no-repeat; background-position:left; padding:2px; padding-left:25px; background-color:#FFFFFF; margin:0; }
.error span { display:block; background-color:#FFEAEA; border-bottom:1px #C00 dotted; border-top:1px #C00 dotted; padding:3px; color:#900; font-weight:bold; }
#evangeli_avui form ol li textarea { padding:5px; background-color:#FFF2E6; padding:5px; color:#960; border:1px solid #960; }
#evangeli_avui h3 { font-size:18px; font-weight:bold; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; background-image:url(/_static/img/barra_deco.jpg); background-repeat:no-repeat; background-position:bottom center; padding-bottom:4px; }
#evangeli_avui em { color:#5B5B5B; }
.present { display:block; padding:5px; background-color:#E1FFFF; color:#069; border:1px #09C solid; }
#donation ul { }
#donation ul li { display:inline-block; list-style:none; font-size:25px; color:#999; font-style:italic; font-weight:bold; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; width:500px; padding-right:12px; text-align:center; line-height:50px; }
#download ul li { list-style:none; color:#999; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; padding:8px; border-bottom:1px dotted #CCC; display:block; width:600px; }
#download ul li a { color:#960; text-decoration:none; display:block; }
#download ul li a:hover { background-color:#FFE4CA; color:#000; text-decoration:none; display:block; }

#history ul li { list-style:none; color:#999; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; padding:8px; border-top:1px dotted #CCC; display:block; width:600px;  clear: both; margin-top: 10px;}
#history ul li ul {}
#history ul li ul li { float: left; width: 100px; clear: none; border: none; margin-top: 0px; }
#history ul li a { color:#960; text-decoration:none; display:block; }
#history ul li a:hover { background-color:#FFE4CA; color:#000; text-decoration:none; display:block; }

#history_detail ul li { list-style:none; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; border-bottom:1px dotted #CCC; display:block; width:600px; padding-bottom:4px; padding-top:4px;  }
#history_detail ul li a { color:#960; text-decoration:none; display:block; }
#history_detail ul li a:hover { background-color:#FFE4CA; color:#000; text-decoration:none; display:block; }
#history_detail ul li .day { display:block; color:#999; font-style:italic; }
#history_detail ul li .phrase { display:block; }
#history_detail ul li .who { display:block; color:#930; font-size:12px; }
#widget textarea { font-size:13px; color:#999; border:1px solid #930; padding:10px; margin-bottom:10px; }
#widget input { padding:4px; border:1px solid #CCCCCC; font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; font-size:12px; color:#666666; }
.liturgical_calendar { list-style:none; margin: 0; padding: 0; }
.liturgical_calendar li { }
.liturgical_calendar li.liturgical { border: none; padding: 6px; border: 1px solid white; text-align: center; }
.liturgical_calendar li ul { margin: 0; padding: 0; overflow: hidden; }
.liturgical_calendar li ul li { display: inline-table; margin: 0; width: 50%; }
.liturgical_calendar a { text-decoration:none; color:#FFF; }
.advent { background-color:#636; color:#FFF; }
.christmas { background-color:#CCC; color:#FFF; }
.lenten { background-color:#636; color:#FFF; }
.holyweek { background-color:#C00; color:#FFF; }
.easter { background-color:#CCC; color:#FFF; }
.saints { background-color:#CCC; color:#FFF; }
.ordinary { background-color:#090; color:#FFF; }
.liturgic_table { border:1px solid #CCC; }
.liturgic_table tr { padding:6px; text-align:center; height:22px; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; }
.liturgic_table_up { background-color:#FFC891; color:#930; font-size:10px; font-family:Georgia, "Times New Roman", Times, serif; padding:10px; }
#advent table { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; }
#advent table td { margin:2px; background-color:#FFE4CA; }
#advent table a { color:#C60; text-decoration:none; }

/* ----- calendar ------ */
#calendar_time ol { list-style-position: inside; list-style-type: none; font-size: 0.96em; line-height: 24px; vertical-align: top; padding:0; }
#calendar_time li a{	color:#960;	text-decoration:none;	}
#calendar_time li { border: 1px solid whitesmoke; padding: 10px; margin: 0;  }
#calendar_time li a:hover{	background-color:#E9E9D1;	color:#930;}
#calendar_time li ol { display: inline-block; margin-left: 20px; }
#calendar_time li ol li { border: none; padding: 0; margin: 0; }
#calendar_help { font-size: 0.9em; }

/* ---- subscription ---- */
#subscription_form label { display: none; }
.input_text_big { padding:4px; border:1px solid #CCCCCC; font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; font-size:12px; color:#666666; width:250px; }
.form_left {width: 205px; border:1px solid #FFF; float: left; clear: left; padding-bottom: 10px;}
.form_right { padding-bottom: 10px; }
.error { border: 1px solid maroon; padding: 5px 15px; margin: 5px;  font-size: 14px; color: maroon; font-weight: bold;}
.info { border: 1px solid navy; padding: 5px; margin: 5px; }
.action_link { text-align: right; }
.action_link a { color:#993300; text-decoration:none; }
.form_right small { font-size: 12px; color: gray; }
.options_small { display: inline-block; width: 110px;}
.options_medium { display: inline-block; width: 170px;} /* used on the first option only! */

/* ------ mail ---------- */
#evangeli_mail { background-color:#FFFFFF; padding:50px; text-align:justify; font-size:18px; color:#333333; line-height:26px; }
#evangeli_mail .titol { width: 100%; text-align: left; }
#evangeli_mail .audio { position:relative; }

/* ------ mapa ---------- */
#map,#points,#banderas { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; }
#points { width:100%; padding:20px; }
#container_map { width:550px; height:300px; }
ul.inline li { padding:0; display:block; float:left; clear:none; padding-right:15px; }
#map_flags { width:100%; margin:0 auto; }
#map_flags ul { list-style:none; display:inline; }
#map_flags ul li img { border:none; }
#map { width:100%; height:100%; }
#show_map { cursor:pointer; height:40px; vertical-align:middle; display:none; }
.clear { clear: both; }

/* ------ general ------- */
.actions { float: right; padding: 20px 0; clear: both; }
.help { padding-left: 30px; text-decoration: none; background: url('/_static/img/icons/information.png') 10px no-repeat transparent; color: #264ab4; }
