.banner_cabecero_interior { background-image: url("../img/cabecero_interior.jpg");}

.fondo_textura{background-image: url("../img/what.png"); background-repeat: repeat;}


/* Common style */
.caja_act{ padding: 0px;}
 figure {
	position: relative;
	float: left;
	overflow: hidden;
	/*margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;*/
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

 figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

 figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

 figure figcaption::before,
 figure figcaption::after {
	pointer-events: none;
}

 figure figcaption,
 figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

 figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

 figure h2 span {
	font-weight: 800;
}

 figure h2,
 figure p {
	margin: 0;
}

 figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}





figure.effect-honey {
	background: #4a3753;
}

figure.effect-honey img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-honey:hover img {
	opacity: 0.5;
}

figure.effect-honey figcaption::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-honey h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1em 1.5em;
	width: 100%;
	text-align: left;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey h2 i {
	font-style: normal;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey figcaption::before,
figure.effect-honey h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.ver_act a{ color:#fff; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; font-weight: 400;}
.ver_act a:hover{color:#fff; letter-spacing: 2px;}



/*---------------------- ficha ---------------------------*/
.tit_act_g{  font-size: 50px ;  font-weight: 400;     color: #24292d; margin-top: 20px;  text-align: left;}
.relleno_act{    margin-bottom: 30px;    padding: 30px;   background-color: #eee;}
.relleno_act_g{    margin-bottom: 30px;    padding:0px 30px ;   }
.desarrollo_act_g{ padding-top: 30px; text-align: justify; line-height: 150%;}
.imagen_act_g{margin-top: 15px;}
.fecha_act_g{
    
    padding: 6px 20px;
   background-color:#009ea1;
    clear: both;   
    color: #fff;
    font-size: 16px;
    line-height: 1.33333;
    margin-top: 30px;
    text-transform: uppercase;   
    letter-spacing: 1px;
    text-align: center;
    display: inline-block;
    font-weight: 700;
}
.lista_redes li{ display: inline-block;
                  margin: 0 10px 10px 0;  font-size: 15px;}
.lista_redes li a{ 
    color: #fff;
    display: block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    text-align: center;

    width: 30px;
    display: inline-block;
    vertical-align: top;
}
.lista_redes a:hover { color:#000; }
.lista_redes {
    list-style: outside none none;
    margin: 0;
        margin-top: 0px;
    padding: 0;
    position: relative;
    margin-top: 30px;
    text-align: right;
}
.facebook{ background-color: #3B5998;}
.twitter{ background-color: #00A0D1;}
.youtube{ background-color:#C4302B;}
.instagram{ background-color:#825C48;}




@media only screen and (max-width: 959px) {

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

}

@media only screen and (max-width: 767px) {

}

@media only screen and (min-width: 480px) and (max-width: 767px) {


}

@media only screen and (max-width: 479px) {

.tit_act_g {    font-size: 25px !important;}
.lista_redes {    margin-top: 0px;    text-align: left;}
 .titulo_actividad {   font-size: 30px;}
   figure.effect-honey h2 {font-size: 18px;}
   .fecha_act_g{  font-size: 14px;   margin-top: 5px; margin-bottom: 10px;}
}