/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body{font-family: Raleway,Arial, sans-serif, Helvetica!important;}

/* tipos */			
.high-1{
	font-size:14px !important;
	line-height:20px !important;
	font-weight: bold !important;
}
.high-2{
	font-size:16px !important;
	line-height:22px !important;
	font-weight: bold !important;
}
.high-3{
	font-size:20px !important;
	line-height:28px !important;
	font-weight: bold !important;
}
.high-4{
	font-size:24px !important;
	line-height:32px !important;
	font-weight: bold !important;
}
.high-5{
	font-size:28px !important;
	line-height:36px !important;
	font-weight: bold !important;
}	
.high-6{
	font-size:32px !important;
	line-height:40px !important;
	font-weight: bold !important;
}	

.low-1{
	font-size:14px !important;
	line-height:20px !important;
	font-weight: normal !important;
}
.low-2{
	font-size:16px !important;
	line-height:22px !important;
	font-weight: normal !important;
}
.low-3{
	font-size:20px !important;
	line-height:28px !important;
	font-weight: normal !important;
}

.subrayado{text-decoration: underline;}
.no-subrayado{text-decoration: none;}
.inline{display: inline !important;}
.blanco{color:#ffffff}
.fondo-blanco{background-color:#ffffff!important;}
.negro{color:#666666}
.pointer{cursor:pointer;}
.strong, .negrita{font-weight: bold;}
.italic{font-style: italic;}

.color-primario{color:#609ad2;}
.santoral{color: #82694f!important;}
.solemnidad{
	color:#ff3300;
	font-weight: bold;
}


/*https://www.parroquiasantamaria3c.org/img/*/
[class^="ico_"], [class*=" ico_"] {
	width: 24px;
	min-width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
}
.ico_chevron_up {
	background: url(ico_chevron_up.svg) no-repeat;
	-webkit-filter: invert(100%);
  filter: invert(100%);
}
.ico_chevron_down {
	background: url(ico_chevron_down.svg) no-repeat;
	-webkit-filter: invert(100%);
  filter: invert(100%);
}	



body {
  font-family: 'Lato', sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

p{margin-bottom: 5px;}

h2{
	border-radius: 4px;
	background-color: #609ad2;
	color: #ffffff;
	padding-left: 3px;
	margin-top:10px;
}
h3{
	border-radius: 4px 4px 0 0;
	background-color: #9ea6a7;
	color: #ffffff;
	margin: 5px 0 0 0;
	padding-left: 3px;	
}

#dia-actual{
    background: url(../imagenes/cruz.gif) 5px center no-repeat;
    padding: 8px 8px 8px 24px !important;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: dashed;
    border: solid 1px !important;
    border: double !important;
    border-radius: 11px;
}
#Enero,#Febrero,#Marzo,#Abril,#Mayo,#Junio,#Julio,#Agosto,#Septiembre,#Octubre,#Noviembre,#Diciembre{
	border: solid 1px #cccccc;
}
.txt-centrado{
	text-align: center;
}

div.flex{
	border-bottom: solid 1px rgba(246,246,246,1);
	padding-top: 3px;
	padding-bottom: 5px;
	/*background: rgb(246,246,246);
background: linear-gradient(180deg, rgba(246,246,246,1) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 50%);*/
	background: rgb(189,205,219);
	background: linear-gradient(180deg, rgba(246,246,246,0.6) 55%, rgba(255,255,255,0.6) 95%);
}
div.flex.rojo{
	border-radius: 2px;
	padding: 2px;
	/*background-color:#fe1616;*/
	background-color:#fe8a8a;
	color:#1a1a1a;
}
div.flex.morado{
	border-radius: 2px;
	padding: 2px;	
	/*background-color:#8d53ff;*/
	background:#e2d4ff!important;
	color:#1a1a1a;
}
div.flex.azul{
	border-radius: 2px;
	padding: 3px 2px;	
	/*background-color:#8d53ff;*/
	background:#9dc9f5!important;
	color:#1a1a1a;
}
div.flex.dorado{
	border-radius: 2px;
	padding:2px;
	background-color:#ffffbf;
	/*background-color:#ffffff;*/
	/*border: solid 1px #ffcc00;*/
	color:#1a1a1a;
}
.precepto{
   /*border: solid 1px #1a1a1a;
    background-color: #609ad2!important;
	color: #ffffff;*/
	font-weight:bold;
}





.fecha{
	text-align: right;
	width:109px;
}
.liturgia{
	text-align: left;
    padding-left: 10px;
    width: -webkit-fill-available;
    max-width: 76%;
	line-height: 16px;
}
.liturgia a{
	color: #1a1a1a !important;
}
.observaciones{
    padding-left: 10px;
    width: 200px;
    align-items: unset;
    justify-content: flex-start;
    display: flex;
}

/* */

.w-5{width:5%;}.w-10{width:10%;}.w-15{width:15%;}.w-20{width:20%;}.w-25{width:25%;}.w-30{width:30%;}
.w-35{width:35%;}.w-40{width:40%;}.w-45{width:45%;}.w-50{width:50%;}.w-55{width:55%;}.w-60{width:60%;}
.w-65{width:65%;}.w-70{width:70%;}.w-75{width:75%;}.w-80{width:80%;}.w-85{width:85%;}.w-90{width:90%;}
.w-95{width:95%;}.w-100{width:100%;}


/* CONTENEDORES */

.contenedor-fluido {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: auto;
	padding-left: auto;
}

.contenedor {
	max-width: 1439px;
}

.contenedor {
	/*width: 100%;*/
	padding-right: 16px;
	padding-left: 16px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width: 1023px) {
	.contenedor,
	.contenedor-anidado {
		
	}
}

@media screen and (max-width: 599px) {
	.contenedor,
	.contenedor-anidado {
		padding-right: 8px;
		padding-left: 8px;
	}
}

/**/

.contenedor-anidado-reset {
	margin-right: 0;
	margin-left: 0;
}

.flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.txt-blanco{color: #ffffff;}
.txt-negro{color: #1a1a1a;}
.txt-primario{color: #609ad2;}

.esp-0{
	margin: 0 !important;
}
.esp-0-top-bottom{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.esp-0-top{
	margin-top: 0 !important;
}
.esp-0-right{
	margin-right: 0 !important;
}
.esp-0-bottom{
	margin-bottom: 0 !important;
}
.esp-0-left{
	margin-left: 0 !important;
}

.esp-5{
	margin: 5px !important;
}
.esp-5-top-bottom{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.esp-5-top{
	margin-top: 5px !important;
}
.esp-5-right{
	margin-right: 5px !important;
}
.esp-5-bottom{
	margin-bottom: 5px !important;
}
.esp-5-left{
	margin-left: 5px !important;
}

.esp-10{
	margin: 10px !important;
}
.esp-10-top-bottom{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.esp-10-top{
	margin-top: 10px !important;
}
.esp-10-right{
	margin-right: 10px !important;
}
.esp-10-bottom{
	margin-bottom: 10px !important;
}
.esp-10-left{
	margin-left: 10px !important;
}

/* ALINEACIONCON FLEX VERTICAL */

.start-vertical {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.center-vertical {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.end-vertical {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

/* Columnas: Vertical: */

.column-start {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.column-center {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.column-end {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.space-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.space-around {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

/* ALINEACIÓN CON FLEX HORIZONTAL */

.start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.txtCenter{
	text-align: center;
}

.end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
@media screen and (max-width: 768px){
    .start-m {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .center-m {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .txtCenter-m{
        text-align: center;
    }

    .end-m {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media screen and (max-width: 480px){
    .start-s {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .center-s {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .txtCenter-s{
        text-align: center;
    }

    .end-s {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}



.d-none{
	display: none !important;
}
@media screen and (max-width: 768px){
	.d-block-m{
		display: block !important;
	}
	.d-none-m{
		display: none !important;
	}
}
@media screen and (max-width: 480px){
    .d-block-s{
		display: block !important;
	}
	.d-none-s{
		display: none !important;
	}
}