@charset "UTF-8";
/* CSS Document */

html, body{
background-color: var(--bn-100);
}
footer{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
aside{	
position: absolute;
top: 0px;
left: 0px;	
width: 100%;
height: 100%;	
background-color: var(--ng-100);
z-index: 299;
display: none;
visibility: hidden;	
}
aside .grp{	
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;	
flex-direction: column;
}
aside div{	
padding: 40px;	
}
aside .img{	
width: 120px;
padding: 0px;
animation: rotar 8s ease-in-out infinite;	
opacity: 0.6;	
}
@keyframes rotar {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(90deg);
  }
	100% {
    transform: rotate(0deg);
  }
}

/* APERTURA */
.article-apt{
justify-content: flex-end;	
position: relative;
width: 100%;
max-width: none;	
height: auto;
min-height: 50vh;	
padding: 0px;
margin-top: 0px;	
margin-bottom: 0px;	
}
.article-apt > *{
text-align: center;
}
.article-apt .tit {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;	
flex-direction: column;
	
position: relative;
padding: 0px 30px 0px 30px;	
}
.article-apt .tit > * {
text-shadow: none;
color: var(--ng-100);	
}
.chap > * {
text-align: center;
margin: 0px 0px 40px 0px !important;	
}

/*subtit grid*/
.cj-grid .subtit p{
color: var(--ng-100) !important;	
}

.cj-grid .subtit h5{
background-image: 
	url(../../imagenes/generales/cenefas/regular/bn/cenefa-bn-left-01-dk-xl.png),
	url(../../imagenes/generales/cenefas/regular/bn/cenefa-bn-right-01-dk-xl.png),
	url(../../imagenes/generales/elementos/formas/forma-fondo-span-bn-01.png);
background-position:
	left center,
	right center,
	center center;
background-size: 
	50px,
	50px,
	cover;
background-repeat: no-repeat;	
color: var(--ng-100);	
}

.cj-grid:hover .subtit h5{
background-image: 
	url(../../imagenes/generales/cenefas/regular/bn/cenefa-bn-left-01-dk-xl.png),
	url(../../imagenes/generales/cenefas/regular/bn/cenefa-bn-right-01-dk-xl.png),
	url(../../imagenes/generales/elementos/formas/forma-fondo-span-am-01.png);
background-position:
	left center,
	right center,
	center center;
background-size: 
	50px,
	50px,
	cover;
background-repeat: no-repeat;	
color: var(--ng-100);	
}



/*MEDIA QUERIES*/
@media only screen and (orientation:portrait){}


@media only screen and (orientation: portrait) and (max-width:767px) {
html, body{
background-color: var(--ng-100);
}	
main{
display: none;
}
footer{
display: none !important;
}	
aside{
visibility: visible;	
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;	
flex-direction: column;
}		
}


@media screen and (min-width:1601px){}

@media screen and (max-width:1280px){}

@media screen and (max-width:677px){
.article-apt .tit {
position: relative;
padding: 0px 40px 0px 40px;	
}	
}