/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,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,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
html{font-size:16px;}
body{width:100%;text-align:center;font-size:1rem;background:#000;position: relative;min-height: 100vh;}
#content{max-width:1155px;margin:0 auto;clear:both;text-align:left;padding:0 20px;/*Ancho total: 1195px*/;}
/* #content-reloj{margin:0 auto;clear:both;text-align:left;padding: 0 50px;} */
img{max-width:100%;}
.textooculto{text-indent:-9999px;}

#content_cabecera{max-width:1125px;margin:0 auto;clear:both;text-align:left;padding:0 35px;/*Ancho total: 1195px*/;}
#content_portada{max-width:1125px;margin:0 auto;clear:both;text-align:left;padding:0 35px;/*Ancho total: 1195px*/;}
#cabecera{padding: 30px 0 30px 0;overflow: hidden;width: 100%;}
#cabecera .logodds{float:left;}
#cabecera .logodds_movil{display:none;float:left;}
#cabecera .logocaixa{float:right;padding-top: 10px;padding-right: 20px;}
#cabecera .logocaixa_movil{display:none;float:right;}
#cabecera .titulo{font-family: 'EB Garamond', serif;font-size:2rem;color:#FFF;float:right;text-transform: uppercase;}
#cabecera a.enlace_cab:link, a.enlace_cab:visited{color:#FFF;text-decoration:none;}
#cabecera a.enlace_cab:hover{text-decoration:none;}
#cabecera .icono_menu_movil{display:none;}
#cabecera .fila_sup_desktop{overflow: hidden;clear: both;margin-bottom:25px;}
#cabecera .fila_sup_movil{overflow: hidden;clear: both;display:none;}
#menu_movil{display:none;clear:both;overflow: hidden;}
#menu_movil ul{display:block;padding:40px 0 20px;}
#menu_movil ul li{font-family: 'EB Garamond', serif;font-size: 1.625rem;color:#FFF;text-transform: uppercase;clear:both;margin-bottom:20px;
  text-align:center;}
#menu_movil ul li a:link, #menu_movil ul li a:visited{color:#FFF;text-decoration:none;}
#menu_movil ul li a:hover{text-decoration:none;}
#menu{display:block;clear:both;}
#menu ul{display: flex;justify-content: space-between;}
#menu ul li{font-family: 'EB Garamond', serif;font-size: 1.125rem;color:#FFF;text-transform: uppercase;letter-spacing: 0.2px;}
#menu ul li a.enlace_menu_desktop:link, #menu ul li a.enlace_menu_desktop:visited{color:#FFF;text-decoration:none;}
#menu ul li a.enlace_menu_desktop:hover{text-decoration:none;border-bottom:7px solid #F3BA58;color:#F3BA58;padding-bottom:22px; transition: all 0.2s;}
#menu ul li:nth-child(2){border-right:1px solid #fff;padding-right: 15px;}

#content_dia, #content_madrugada{max-width:970px;margin:0;clear:both;text-align:left;padding:0 10px;/*Ancho total: 1195px*/;overflow: hidden;}
#dia{padding:40px 0;}
.dia_dolores{background: url('img/dias/bg_dolores.jpg') no-repeat;background-size: cover;width:100%;}
.dia_pasion{background: url('img/dias/bg_pasion.jpg') no-repeat;background-size: cover;width:100%;}
.dia_domingo{background: url('img/dias/bg_domingo.jpg') no-repeat;background-size: cover;width:100%;}
.dia_lunes{background: url('img/dias/bg_lunes.jpg') no-repeat;background-size: cover;width:100%;}
.dia_martes{background: url('img/dias/bg_martes.jpg') no-repeat;background-size: cover;width:100%;}
.dia_miercoles{background: url('img/dias/bg_miercoles.jpg') no-repeat;background-size: cover;width:100%;}
.dia_jueves{background: url('img/dias/bg_jueves.jpg') no-repeat;background-size: cover;width:100%;}
.dia_madrugada{background: url('img/dias/bg_madrugada.jpg') no-repeat;background-size: cover;width:100%;}
.dia_viernes{background: url('img/dias/bg_viernes.jpg') no-repeat;background-size: cover;width:100%;}
.dia_sabado{background: url('img/dias/bg_sabado.jpg') no-repeat;background-size: cover;width:100%;}
.dia_resurreccion{background: url('img/dias/bg_resurreccion.jpg') no-repeat;background-size: cover;width:100%;}
#dia .fila_dia{display: block;clear: both;overflow: hidden;}
#dia h1.dia{font-family: 'EB Garamond', serif;font-size: 4.0625rem;color:#FFF;text-transform: uppercase;float:left;}
#dia h1.dia span{font-size: 1.3125rem;display: block;}
#dia .caja_botones{float:right;overflow: hidden;}
#dia .btn_dia{clear:both;border:1px solid #FFF;font-family: 'EB Garamond', serif;font-size: 1.125rem;color:#FFF;text-transform: uppercase;
	padding:15px 10px;text-align:center;margin-bottom:5px;}
#dia .btn_dia:hover{opacity: 0.8;}
#dia a:link, #dia a:visited{color:#FFF;text-decoration: none;}
#dia a:hover{color:#FFF;}
#dia .linea{border-bottom:1px solid #FFF;width:100%;clear:both;display: block;margin:35px auto 30px;}
#dia .fila_cofradias{display: block;clear: both;margin-bottom:30px;}
#dia .cofradia{width:32%;display: block;float:left;margin:0 1% 30px 0;}
#dia .cofradia:last-child{margin:0 0 30px 0;}
#dia h2.nombre_cofradia{font-family: 'EB Garamond', serif;font-size: 2.1875rem;color:#FFF;clear:both;margin-bottom:5px;}
#dia .caja_enlaces_cofradia{font-family: 'EB Garamond', serif;font-size: 1.125rem;color:#FFF;clear:both;}
#dia .caja_enlaces_cofradia_movil{font-family: 'EB Garamond', serif;font-size: 1.125rem;color:#FFF;clear:both;display:none;}
#dia a.enlace_cofradia:link, #dia a.enlace_cofradia:visited{color:#FFF;}
#dia a.enlace_cofradia:hover{text-decoration:underline;}

.ancla{margin-bottom:15px;}


#reloj{background: #FFF;width:100%;padding:40px 0;display:block;}
#reloj .caja_titulo{background:url('img/icono_reloj.gif') no-repeat;background-position: left center;padding-left:60px;display:inline-block;
	padding-bottom: 7px;}
#reloj h3.titulo_reloj{font-family: 'EB Garamond', serif;font-size: 3.25rem;color:#000;}
#reloj .fila_titulo{clear:both;display: block;overflow: hidden;max-width: 1155px;margin: 0 auto;}
#reloj .btn_reloj{display:inline-block;border:1px solid #000;font-family: 'EB Garamond', serif;font-size: 1.125rem;color:#000;text-transform: uppercase;
	padding:15px 15px;text-align:center;margin-left:40px;vertical-align: text-bottom;}
#reloj .btn_reloj:hover{opacity: 0.8;}
#reloj a:link, #reloj a:visited{color:#000;text-decoration: none;}
#reloj a:hover{color:#000;}
#reloj table{width:100%;clear:both;margin:40px 0 10px; }
#reloj table th{background:#FFF;font-family: 'EB Garamond', serif;font-size: 1.125rem;color:#000;border:0;padding-bottom: 20px;padding-left:5px;}
#reloj table th.pie{padding:15px 0 0;padding-left:5px;}
#reloj table tr.cabecera{border:0;padding-bottom:10px;}
#reloj table tr{border:1px solid #EBEBEB;}
#reloj table tr:nth-child(even){background:#FFF;}
#reloj table tr:nth-child(odd){background:#F2F2F2;}
#reloj table td:first-child, #reloj table td:last-child {background: #000;color:#FFF;font-family: 'Roboto', serif;font-size:1rem;width: 25px;text-align: center;}
#reloj table td{color:#333333;font-family: 'Roboto', serif;font-size:0.8125rem;padding:5px 7px;border:1px solid #ddd;line-height: 1.5em;
	vertical-align: middle;}
#reloj .btn_subir {float:right;margin:20px 0 20px;font-family: 'Roboto', serif;font-size:1rem;}

#reloj_movil{background: #FFF;width:100%;padding:40px 0 80px;display:none;margin-bottom:;}
#reloj_movil .caja_titulo{background:url('img/icono_reloj.gif') no-repeat;background-position: left center;padding-left:60px;display:inline-block;
	padding-bottom: 7px;margin-bottom:30px;}
#reloj_movil h3.titulo_reloj{font-family: 'EB Garamond', serif;font-size: 1.7rem;;color:#000;}
#reloj_movil .fila_titulo{clear:both;display: block;overflow: hidden;}
#reloj_movil h2.nombre_cofradia_movil{font-family: 'EB Garamond', serif;font-size: 2rem;color:#000;clear:both;margin-bottom:15px;}
#reloj_movil table.movil{width:100%;clear:both;margin:0 0 20px; }
#reloj_movil table.movil tr{border:1px solid #EBEBEB;}
#reloj_movil table.movil tr:nth-child(even){background:#FFF;}
#reloj_movil table.movil tr:nth-child(odd){background:#F2F2F2;}
#reloj_movil table.movil td:first-child{background: #000;color:#FFF;font-family: 'Roboto', serif;font-size:1rem;width:40px;}
#reloj_movil table.movil td{color:#333333;font-family: 'Roboto', serif;font-size:1.125rem;padding:5px 7px;border:1px solid #ddd;line-height: 1.5em;
	vertical-align: middle;}
#reloj_movil .btn_subir {float:right;margin:20px 0 20px;font-family: 'Roboto', serif;font-size:1.125rem;}
#reloj_movil a:link, #reloj_movil a:visited{color:#000;text-decoration: none;}
#reloj_movil a:hover{color:#000;}

#pie{display:block;padding:40px 0 20px;background:#fff;}
#pie.portada{background:transparent;padding:40px 0 5px;position: absolute; bottom: 0; right: 0;left: 0;} 
#pie .texto_pie{font-family: 'Roboto', serif;font-size:0.8rem;text-align: center;line-height:1.4rem;}
#pie .texto_pie_portada{font-family: 'Roboto', serif;font-size:0.8rem;text-align: center;line-height:1.4rem;color:#FFF;}
#pie a.enlace_pie:link, #pie a.enlace_pie:visited{text-decoration:underline;color:#000;}
#pie a.enlace_pie:hover{text-decoration:none;}
#pie a.enlace_pie_portada:link, #pie a.enlace_pie_portada:visited{text-decoration:underline;color:#fff;}
#pie a.enlace_pie_portada:hover{text-decoration:none;}

#content_ficha{max-width:970px;margin:0;clear:both;text-align:left;padding:0 10px;/*Ancho total: 1195px*/;overflow: hidden;}
#content_datos{max-width:970px;clear:both;text-align:left;padding:0 10px;/*Ancho total: 1195px*/;overflow: hidden;margin:-200px 0 0 10%;
  position: relative;}
#ficha{width:100%;padding:60px 0;background: #FFF;}
#ficha .fila_info{clear:both;overflow: hidden;}
#ficha .caja_escudo_info{float:left;display: block;overflow: hidden;}
#ficha .img_escudo{float:left;display:block;margin-top: 15px;/*max-width: 15%;*/}
#ficha .caja_info{float:left;display:block;margin:0 0 0 20px;}
#ficha h1.nombre_hermandad, #ficha h1.nombre_hermandad_grande, #ficha h1.nombre_hermandad_mediana{font-family: 'EB Garamond', serif;font-size: 3.25rem;color:#000;clear:both;margin-bottom:5px;}
#ficha p.parroquia{font-family: 'EB Garamond', serif;font-size: 1.125rem;color:#000;clear:both;line-height: 1.5rem;}
#ficha p.descripcion{font-family: 'EB Garamond', serif;font-size: 1.3125rem;color:#000;float:right;line-height: 1.7rem;
  width:54.54545454545454%; /* 540 / 990 */;color:#666666;padding:10px 0;}
#ficha .img_ficha{width:100%;margin:60px 0 0;}
#ficha .info_cofradia{background:#FFF;}
#ficha .autor_img{background:#000;padding:10px 15px 10px 10px;font-family: 'EB Garamond', serif;font-size: 1.5rem;color:#FFF;display: inline-block;}
#ficha .datos_cofradia{padding:50px 20px 0px 20px;overflow: hidden;}
#ficha p.intro{font-family: 'EB Garamond', serif;font-size: 1.25rem;color:#333333;line-height: 1.5em;margin: 0 15px 20px 20px;}
#ficha h2.enunciado_dato{font-family: 'EB Garamond', serif;font-size: 2.375rem;color:#000;float:left;margin:0 0 10px 0;}

#ficha .lista_grande h2.nombre_cofradia{font-family: 'EB Garamond', serif;font-size: 2rem;color:#000;margin:0 0 10px 0;}
#ficha .lista_grande h2.nombre_cofradia_seg{font-family: 'EB Garamond', serif;font-size: 2rem;color:#000;margin:0 0 0px 0;}

#ficha .datos_cofradia_lista{justify-content: space-around;margin-bottom: 30px;display: flex;flex-wrap: wrap;}
#ficha .datos_cofradia_lista_seg{font-family: 'EB Garamond', serif;font-size: 1.5rem; display: flex;text-align: center; justify-content: space-between;margin: 0px 50px 10px 50px;padding: 10px 30px 15px 30px;background-color:#EBEBEB;align-items: center}
#ficha .datos_cofradia_lista_seg .ficha_seg a:first-child{padding-right: 20px;}
#ficha .datos_cofradia_lista .lista_grande{margin: 20px;text-align: center;}

#ficha .datos_cofradia_filete{font-family: 'EB Garamond', serif;display: flex;justify-content: space-between;align-items: baseline;border-bottom: 3px solid #000;margin: 25px 50px 15px 50px;padding: 10px 0px 15px 0px;}
#ficha .datos_cofradia_filete h2.nombre_cofradia_seg{text-transform: uppercase;font-size: 1.45rem;font-weight: bold;}
#ficha .video-container{padding: 20px;}
#ficha .dato{font-family: 'EB Garamond', serif;font-size: 1.25rem;color:#333333;margin:0 15px 30px 35px;clear:both;line-height: 1.5em;}
#ficha .no-margen-izq{margin-left:0!important;margin-right:0!important;}
#ficha .margen-sup{margin-top:20px!important;}
#ficha .dato p{font-family: 'EB Garamond', serif;font-size: 1.25rem;color:#333333;margin:0 15px 30px 0;
	line-height: 1.5em;}
#ficha .dato_color{font-family: 'EB Garamond', serif;font-size: 1.25rem;color:#333333;margin:0 15px 30px 35px;clear:both;line-height: 1.5em;}
#ficha .dato_color span{padding-top:10px;}
#ficha .dato_doble{font-family: 'EB Garamond', serif;font-size: 1.25rem;color:#333333;margin:0 15px 20px 35px;clear:both;
	line-height: 1.5em;}
#ficha .dato_triple{font-family: 'EB Garamond', serif;font-size: 1.25rem;color:#333333;margin:0 15px 10px 35px;clear:both;
	line-height: 1.5em;}
#ficha .caja_colores{float:left;margin:5px 0 0 15px;}
#circulo{border-radius: 50%;width: 35px;height: 35px;display: inline-block;margin: 0 0 0 10px;}
#circulo.negro{background:#000;}
#circulo.blanco{background:#FFF;width: 34px;height: 34px;border:1px solid #CCC;}
#circulo.rojo{background:#CC0000;}
#circulo.marron{background:#804000;}
#circulo.morado{background:#572364;}
#circulo.encarnado{background:#9c394b;}
#circulo.crema, #circulo.merino{background:#ffffbf;}
#circulo.azul{background:#0000ff;}
#circulo.carmesi{background:#e51a4c;}
#circulo.granate{background:#800000;}
#circulo.tiniebla{background:#c46f38;}
#circulo.verde{background:#2d5d3f;}
#circulo.amarillo{background:#e3c34f;}
#circulo.marfil{background:#e6d690;}
#circulo.plata{background:#8a9597;}
#circulo.burdeos{background:#641c34;}
#circulo.celeste{background:#b2ffff;}
#circulo.oro{background:#ffbf00;}
#ficha a:link, #ficha a:visited{color:#000;text-decoration: none;}
#ficha a:hover{color:#000;}
#ficha .btn_subir {float:none;margin:20px 0 20px;font-family: 'Roboto', serif;font-size:1rem;}


#ficha .horario{float:left;width:40%;margin-right:1%;margin-top:20px;}
#ficha .mapa{float:left;width:58%;margin-top:20px;}

a.anchor {display: block; position: relative; top: -60px; visibility: hidden; } 
a.anchor_dia{display: block; position: relative; top: -60px; visibility: hidden; }

#reloj_ficha{background: #FFF;width:100%;padding:0px 0 40px;}
#reloj_ficha .caja_titulo{background:url('img/icono_reloj.gif') no-repeat;background-position: left center;padding-left:60px;display:inline-block;
	padding-bottom: 7px;margin-bottom:30px;}
#reloj_ficha h3.titulo_reloj{font-family: 'EB Garamond', serif;font-size: 1.7rem;;color:#000;}
#reloj_ficha .fila_titulo{clear:both;display: block;overflow: hidden;}
#reloj_ficha h2.nombre_cofradia_movil{font-family: 'EB Garamond', serif;font-size: 2rem;color:#000;clear:both;margin-bottom:15px;}
#reloj_ficha table.movil{width:100%;clear:both;margin:0 0 20px; }
#reloj_ficha table.movil tr{border:1px solid #EBEBEB;}
#reloj_ficha table.movil tr:nth-child(even){background:#FFF;}
#reloj_ficha table.movil tr:nth-child(odd){background:#F2F2F2;}
#reloj_ficha table.movil td.table-strong, #reloj_movil table.movil td.table-strong, #reloj table td.table-strong{font-weight: 600; text-align: center;}
#reloj_ficha table.movil td.table-carrera, #reloj_movil table.movil td.table-carrera, #reloj table td.table-carrera{font-weight: 600;background-color: #f7f3e1;}

.boton-tabla{transition: ease 0.095s;cursor: pointer;border-radius: 4px;background-color: #fff;padding: 5px 10px;border: 1px solid #000;font-family: 'EB Garamond', serif;font-size: 1.125rem;color: #000;text-transform: uppercase;margin: 20px 10px 0px 0px;}
.boton-tabla:hover {box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);opacity: 0.8;}
.boton-tabla:active {transform: scale(0.98);}

#reloj table td:nth-child(2n+3){border-right: 1px solid #6d6d6d;}
#reloj table#table-1 td:nth-child(1n+2), #reloj table#table-2 td:nth-child(1n+2){border-right: 1px solid #ddd;}
#table-2 {display: none;}
#reloj table.resurreccion{width:50%; margin: 40px auto;}
#reloj_ficha table.movil td:first-child{background: #000;color:#FFF;font-family: 'Roboto', serif;font-size:1rem;width:40px;}
#reloj_ficha table.movil td{color:#333333;font-family: 'Roboto', serif;font-size:1rem;padding:5px 7px;border:1px solid #dddddd;line-height: 1.5em;
	vertical-align: middle;}
#reloj_ficha .btn_subir {float:right;margin:20px 0 20px;font-family: 'Roboto', serif;font-size:1.125rem;}
#reloj_ficha a:link, #reloj_ficha a:visited{color:#000;text-decoration: none;}
#reloj_ficha a:hover{color:#000;}

body.portada{background:url(img/bg_portada.jpg) no-repeat;background-size:cover;background-position: center center;background-attachment: fixed;}
#portada{width:100%;clear:both;overflow:hidden;/*padding: 0 0 175px 0;*/}
#fondo_portada{/*background:url(img/bg_portada.jpg) no-repeat;background-size:cover;background-position: center center;background-attachment: fixed;*/}
#portada .caja_titulo_portada{overflow: hidden;/*display: flex;justify-content: space-between;*/margin-top:30px;}
#portada h1.titulo_portada{font-family: 'EB Garamond', serif;font-size: 3.75rem;color:#fff;text-align:left;text-transform: uppercase;float:left;
}
#portada h1.titulo_portada span{font-size: 2.25rem;clear:both;display: block;}
#portada p{font-family: 'EB Garamond', serif;font-size: 2.7rem;color:#fff;text-align:left;  float:left;margin-left:5%;
	line-height:2.7rem;padding:0px 0 0px 30px;width:50%; border-left: 1px solid #fff;}
#portada p span{font-size: 1.375rem;line-height:1.5em;display: block;margin-top:15px;}
#portada .firma_portada{font-family: 'Roboto', serif;font-size:0.875rem;color:#FFF;font-weight:600;margin-top:60px;}
#portada .tit_firma{font-family: 'Roboto', serif;font-size:0.875rem;color:#FFF;text-transform: uppercase;margin-bottom:15px;}
#portada .txt_firma{font-family: 'Roboto', serif;font-size:0.875rem;color:#FFF;margin-bottom:8px;font-weight:300;}
#portada .txt_firma span{font-weight:600;}


.animacion{animation-name: hide, slideIn; animation-duration: 2s; animation-timing-function: ease-in; animation-iteration-count: 1; -moz-animation-name: hide, slideIn; -moz-animation-duration: 2s; -moz-animation-timing-function: ease-in; -moz-animation-iteration-count: 1; -webkit-animation-name: hide, slideIn; -webkit-animation-duration: 2s; -webkit-animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; -o-animation-name: hide, slideIn; -o-animation-duration: 2s; -o-animation-timing-function: ease-in; -o-animation-iteration-count: 1; opacity: 1;} 
.primero{animation-delay: 0s, 0s;-moz-animation-delay: 0s, 0s; -webkit-animation-delay: 0s, 0s; -o-animation-delay: 0s, 0s;}
.segundo{animation-delay: 0s, 1s; -moz-animation-delay: 0s, 1s; -webkit-animation-delay: 0s, 1s; -o-animation-delay: 0s, 1s;}
.tercero{animation-delay: 0s, 2s; -moz-animation-delay: 0s, 2s; -webkit-animation-delay: 0s, 2s; -o-animation-delay: 0s, 2s;}
@keyframes hide{from { opacity: 0; } to { opacity: 0 }}
@-moz-keyframes hide {from { opacity: 0; } to { opacity: 0 } }
@-webkit-keyframes hide {from { opacity: 0; } to { opacity: 0 } }
@-o-keyframes hide {from { opacity: 0; } to { opacity: 0 } }
@keyframes slideIn {0% { opacity: 0; } 100% { opacity: 1;} }
@-moz-keyframes slideIn {0% { opacity: 0; } 100% { opacity: 1;} }
@-webkit-keyframes slideIn {0% { opacity: 0; } 100% { opacity: 1;} }
@-o-keyframes slideIn {0% { opacity: 0; } 100% { opacity: 1;} }
.animated {-moz-animation: fadein 3s ease-in ; /* Firefox */ -webkit-animation: fadein 3s ease-in ; /* Safari and Chrome */ -o-animation: fadein 3s ease-in ; /* Opera */ animation: fadein 3s ease-in ; }
.animated-delay {-moz-animation: fadein 3s ease-in 6s forwards; /* Firefox */ -webkit-animation: fadein 3s ease-in 6s forwards; /* Safari and Chrome */ -o-animation: fadein 3s ease-in 6s forwards; /* Opera */ animation: fadein 3s ease-in 6s forwards;}
@-webkit-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} }
@keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} }
.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn; }
.caja-video { justify-content: center; display: flex;}