Roberto Gallego, autor en SEMANA SANTA ESPAÑA

html {
  background-color: #fefefe;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.container {
  margin: 50px auto 0;
  width: 340px;
}

.u-float-right {
  float: right;
}

.u-flex-center {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.subtle {
  color: #888;
  font-size: 12px;
}

.card-media {
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
  height: 125px;
  margin-bottom: 25px;
  transition: all 300ms ease-out;
  width: 100%;
}

.card-media:hover {
  box-shadow: 0 5px 14px rgba(0, 0, 0, .2);
}

.card-media-object-container {
  background: none;
  float: left;
  height: 100%;
  width: 35%;
  position: relative;
}

.card-media-object {
  background-position: center center;
  background-size: cover;
  height: 100%;
}

.card-media-object:after {
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 300ms ease-out;
  z-index: 10;
}

.card-media:hover .card-media-object:after {
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 52%, rgba(0,0,0,0.4) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0.4) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
  opacity: 1;
}

.card-media-object-tag {
  background-color: #fff;
  border-radius: 2px;
  padding: 2px 7px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.card-media-object-social-list {
  bottom: 4px;
  left: 10px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 20;
}

.card-media-object-social-list li {
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  margin-right: 6px;
  opacity: 0;
  overflow: hidden;
  transform: translateY(5px);
  transition: all 300ms ease-out;
  width: 30px;
}

.card-media:hover .card-media-object-social-list li {
  opacity: 1;
  transform: translateY(0);
}

.card-media-object-social-list li:nth-child(1) {
  transition-delay: 0;
}
.card-media-object-social-list li:nth-child(2) {
  transition-delay: 75ms;
}
.card-media-object-social-list li:nth-child(3) {
  transition-delay: 150ms;
}

.card-media-object-social-list-item-additional {
  border: 1px solid #fff;
  color: #fff;
  font-size: 12px;
  padding-top: 7px;
  text-align: center;
}

.card-media-body {
  background-color: #fff;
  float: left;
  height: 100%;
  padding: 12px 15px;
  position: relative;
  width: 65%;
}

.card-media-body-top {
  display: block;
}

.card-media-body-top-icons {
  margin-top: -2px;
  opacity: 0;
  transition: all 300ms ease-out;
  transform: translateY(-5px);
}

.card-media:hover .card-media-body-top-icons {
  opacity: 1;
  transform: translateY(0);
}

.card-media-body-top-icons > svg {
  cursor: pointer;
  margin-left: 10px;
  transition: all 300ms ease-out;
}

.card-media-body-top-icons > svg:hover {
  fill: #444;
}

.card-media-body-heading {
  display: block;
  margin-top: 10px;
}

.card-media-body-supporting-bottom {
  position: absolute;
  bottom: 10px;
  left: 0;
  opacity: 1;
  padding: 0 15px;
  transition: all 300ms ease-out;
  width: 100%;
}

.card-media:hover .card-media-body-supporting-bottom {
  opacity: 0;
  transform: translateY(-8px);
}

.card-media-body-supporting-bottom-text {
  display: inline-block;
}

.card-media-body-supporting-bottom-reveal {
  opacity: 0;
  transform: translateY(8px);
  transition: all 300ms ease-out;
}

.card-media:hover .card-media-body-supporting-bottom-reveal {
  opacity: 1;
  transform: translateY(0);
}

.card-media-link {
  color: #41C1F2;
  text-decoration: none;
}

#contenedor_principal{
width:1024px;
height:auto;
position:relative;
margin:auto;
}

.contenedor_imagen_texto{
width:6%;
height:auto;
position:relative;
display:inline-block;
vertical-align:top;
overflow:hidden;
margin-top: 47px;
margin-right: 40px;
font-size: 12px;
}

.contenedor_imagen{
width:5%;
position:relative;
display:inline-block;
vertical-align:baseline;
margin-top: 79px;
margin-left: -40px;
overflow:hidden;
}

.contenedor_imagen_bus{
width:7%;
height:auto;
position:relative;
display:inline-block;
vertical-align:top;
overflow:hidden;
margin-top: 52px;
margin-right: 40px;
}

.imagen{
width:100%;
height:auto;
position:relative;
display:inline;
}

.imagen_ruta{
width:100%;
height:auto;
position:relative;
display:inline;
}

.texto{
height:auto;
text-align:center;
}

/*----------- CAJA ----------- */

.caja {

width: auto;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;

color: #ffffff;

font-size: 14px;

font-weight: 400;

text-align: center;

background: #e5755d;

margin: 0 0 25px;

overflow: hidden;

padding: 0px;

border-radius: 35px 0px 35px 0px;

-moz-border-radius: 35px 0px 35px 0px;

-webkit-border-radius: 0px 0px 0px 0px;

}

@media only screen and (max-device-width: 480px) {
width:auto;
#contenedor_principal{
width:auto;
height:auto;
position:relative;
margin:auto;
}

.contenedor_imagen_texto{
width:7%;
height:auto;
position:relative;
display:inline-block;
vertical-align:top;
overflow:hidden;
margin-top: 20px;
margin-right: 10px;
}

.contenedor_imagen{
width:5%;
position:relative;
display:inline-block;
vertical-align:baseline;
margin-top: 22px;
margin-left: -10px;
overflow:hidden;
}

.contenedor_imagen_bus{
width:6%;
height:auto;
position:relative;
display:inline-block;
vertical-align:top;
overflow:hidden;
margin-top: 20px;
margin-right: 10px;
}

.imagen{
width:100%;
height:auto;
position:relative;
display:inline;
}

.imagen_ruta{
width:100%;
height:auto;
position:relative;
display:inline;
}

.texto{
text-align:center;
line-height: 1.2;
font-size: 5px;
}

/*----------- CAJA ----------- */

.caja {

width: auto;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;

color: #ffffff;

font-size: 5px;

font-weight: 400;

text-align: center;

background: #e5755d;

margin: 0 0 25px;

overflow: hidden;

padding: 0px;

border-radius: 35px 0px 35px 0px;

-moz-border-radius: 35px 0px 35px 0px;

-webkit-border-radius: 35px 0px 35px 0px;

}
}
@media only screen and (max-device-width: 480px){
#destacada {
  width: auto;
  height: auto;
}
}

/*Menus*/
/* Lazy browser reset */
nav {
  margin: 50px auto;
  width:auto;
  height: 40px;
}

/* list styles */
ul1 {
  width: 500px;
  margin: auto;
  overflow: auto;
  list-style: none;
}

li1 {
  font-family: Open Sans, sans-serif;
  font-size: auto;
  font-weight:auto;
  float: left;
  padding-right: 12px;
  padding-left: 12px;
  border-right: 1px solid #999;
}

li1:last-child {
  border: none;
}

li1 a {
  text-decoration: none;
  color: #888;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
}

li1 a:hover {
  color: #333;
}

li1.active a {
  color: #F15A24;
  font-weight: normal;
}

Roberto Gallego

Azahar de San Gonzalo

Galería Fotográfica: Besamanos de la Virgen de la Mercedes

Lora del Río se emociona con la Virgen de la Setefilla

Los Hermanos del Perdón convocados a Cabildo Extraordinario para aprobar los...

Murgui Soriano da su aprobación y la Coronación de Espinas ya...

La Virgen de las Mercedes luce radiante tras la restauración de...

La Pastora de Triana ya tiene nuevo altar

Reflejos de Triana en Madrid

La Virgen de la Vega bendice un año más a los...

Hermandad de la Salutación