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

/* fuentes */

@font-face {
    font-family: 'knowledge2017regular';
    src: url("../webfonts/Knowledge2017_webfonts_basicsubsetting/knowledge2017-regular-webfont.woff2") format('woff2'),
         url("../webfonts/Knowledge2017_webfonts_basicsubsetting/knowledge2017-regularitalic-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'knowledge2017light';
    src: url("../webfonts/Knowledge2017_webfonts_basicsubsetting/knowledge2017-light-webfont.woff2") format('woff2'),
         url('../Practicum indice html/webfonts/Knowledge2017_webfonts_basicsubsetting/knowledge2017-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'knowledge2017medium';
    src: url("../webfonts/Knowledge2017_webfonts_basicsubsetting/knowledge2017-medium-webfont.woff2") format('woff2'),
         url("../webfonts/Knowledge2017_webfonts_basicsubsetting/knowledge2017-medium-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'knowledge2017mediumitalic';
    src: url("../webfonts/Knowledge2017_webfonts_nosubsetting/knowledge2017-mediumitalic-webfont.woff2") format('woff2'),
         url("../webfonts/Knowledge2017_webfonts_nosubsetting/knowledge2017-mediumitalic-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
    height: 100%;  
	}
body{
	background: #E6E6E6;
	display: flex;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
	overflow:scroll !important;
}
* {
  box-sizing: border-box;}
/* Encabezado*/

#header {
	padding: 0px;
	min-width: 375px;
	max-width: 1100px;
	width: 100%;
	margin: 0em auto;
	    flex-shrink: 0;
}

.imagebook {
	float: right;
	margin: 0px;
	margin-right: -45px;
	margin-top: -40px; 
	width: 30%;
	padding: 0;
}

.titlebook{
	width: 45%;
	margin-top: 10px;
}

#menu {
	max-width:1100px;
	min-width:375px;
	width:100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 40px;
	grid-auto-rows: minmax(100px, auto);
	margin-top:4.5em;
}

.headersuperior {
	margin: auto;
	padding: 60px;
	height: 16rem;
	/* background: rgb(3,76,112); */
	background: linear-gradient(300deg, rgba(29,67,135,1) 3%, rgba(200,95,68,1) 14%, rgba(242,101,34,1) 23%, rgba(238,190,167,1) 39%, rgba(255,243,232,1) 56%, rgba(255,249,243,1) 80%, rgba(255,255,255,1) 100%);
	box-shadow: 0 0px 20px 0px rgba(6, 0, 0, 0.25);
	box-sizing:border-box;
}

.Nombre {
    font-family: 'knowledge2017medium';
    /* font-weight: 450; */
    color: #1D4387;
    font-size: 3.5rem;
    line-height: 1;
    text-align: left;
    margin-bottom:0;
    margin-top:0;
    /* padding-right: 3rem; */
 }


.Tomo {
    font-family: 'knowledge2017regular';
    /* font-weight: 50; */
    color: #1D4387;
    font-size: 1.5rem;
    line-height: 2;
    text-align: left;
    margin-bottom:0;
    margin-top:10px;
	line-height: normal;
    /* padding-right: 3rem; */s
 }

.headerinferior {
	margin: auto;
	/* margin-bottom: 20px; */
	padding: 10px;
	height: 90px;
	background-color: #1D4387;
	box-shadow: 0 0px 20px 0px rgba(6, 0, 0, 0.25);
	border-top: solid .15rem;
	border-color: #FFFFFF;
	box-sizing:border-box;
}

.Autor {
    font-family: 'knowledge2017medium';
    font-weight: lighter;
    color: white;
    font-size: 1.2rem;
    line-height: .2;
    text-align: left;
    padding-left: 3rem;
	margin-bottom: 12px;
}

.Coautor {
    font-family: 'knowledge2017medium';
    font-weight: lighter;
    color: white;
    font-size: 1rem;
    line-height: .2;
    text-align: left;
    padding-left: 3rem;
}

.Edicion {
    font-family: 'knowledge2017light';
    font-weight: lighter;
    color: white;
    font-size: 1.2rem;
    line-height: 1.2;
    text-align: left;
    padding-left: 3rem;
	margin-top: 5px;
	margin-bottom: 10px;
}

.row,
div.contact-content{
	text-align: center;
	/* max-width: 1300px; */
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#menu .contenido, #menu .about, #menu .Freemium, #menu .Contacto {
	/* width: 16%; */
	/* display: inline-block; */
	/* margin: 10px; */
	/* margin-top: 40px; */
}

/*Menu interno*/

.menu-intern{
	background-color: #4D4D4D;
	height: 55px;
	max-width: 1100px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	border: none;
	
}

.menu-home{
	text-align: center;
	background-color: #EF5713;
}

.menu-content, .menu-contact, .menu-about, .menu-freemium{
	text-align: center;
}

/*Contenido*/

.btn{
	margin-left: -60px;
}

.dropdown {
	display: flex;
	flex-direction: column;
}
/*
nav ul li ul{
	visibility: hidden;
	opacity: 0;
}

nav ul li:hover ul{
	visibility: visible;
	opacity: 1;
	border-bottom: #3B3C3E, 30px;
	position: inherit;
}


li, .btn {
	display: flex;
	flex-direction: column;
	float: left;
	text-align: left;
	padding: 10px 20px;
	color:  #54565B; 
	text-decoration: none;
	font-family: 'knowledge2017medium';
	font-weight: bold;
}

li:hover, .btn:hover {
	font-family: 'knowledge2017medium';
	font-weight: bold; 
	color:  #7E7E7E; 
	text-decoration: none;
	background-color: #FFFFFF;
}*/

.content-2 {
	position: absolute;
	background-color: #FFFFFF;
	min-width: 375px;
	display: inline-flex;
	flex-direction: column;
	    flex: 1 0 auto;
}

.p-content {
	background-color: #FFFFFF; 
	margin-top:  1rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 1100px;
	padding: 1rem 1.5rem 1rem 1.5rem;
	border-radius: 30px;
	overflow: auto;
	    flex: 1 0 auto;
}

.about-content {
	background-color: #FFFFFF;
	margin:  1rem auto 10rem;
	margin-bottom: 40px;
	min-width: 375px;
	max-width: 1100px;
	width: 100%;
	padding: 1rem 1.5rem 1rem 1.5rem;
	border-radius: 30px;
	overflow: auto;
	box-sizing:border-box;
	    flex: 1 0 auto;
}

/*Estilos de párrafo*/
.Indice-1{
	/* padding: 0.5% 5%; */
}

.Indice-2 span:first-child{
	padding: 0 0 0 5% ;
}

.Indice-3 span:first-child{
	padding: 0 0 0 10%;
}
.Indice-4 span:first-child{
	padding: 0 0 0 18%;
}
.Indice-5 span:first-child{
	padding: 0 0 0 20%;
}

.Titulo-1 {
	font-family: 'knowledge2017medium';
	color:  #3B3C3E;
	/* padding: 0.5% 5%; */
	text-decoration: none;
}

.Titulo-2  {
	font-family: 'knowledge2017medium';
	color:  #3B3C3E;
	text-decoration: none;
	margin-top:8px;
	margin-left:38px;
}

.Titulo-3{
	font-family: 'knowledge2017medium';
	color:  #3B3C3E;
	text-decoration: none;	
	margin-left: 90px;
	}

.Titulo-4{
	font-family: 'knowledge2017medium';
	color:  #3B3C3E;
	text-decoration: none;	
	margin-left: 130px;
	}


.Subtitulo {
	font-family: 'knowledge2017medium';
	color:  #f26522;
	margin-top: .75rem;
	font-size: 110%;
	text-align: left;
	text-transform: uppercase;
	/* font-weight: bolder; */
}


.Titulo-1-it{
	font-family: 'knowledge2017medium';
	font-style: italic;
}
ul.tabla li:hover{
	background-color:#e0e0e0 !important;
}
li.a-mota {
	font-family: 'knowledge2017light';
}       


.espacio-doble{
	margin-top:2em;
}
  /* ESTILOS DE CARACTER */
.Texto {
	font-family: 'knowledge2017light';
	color: #3B3C3E;
	margin-left: 1%;
	}

.Capitulo-it {
	font-family: 'knowledge2017regular';
	font-style: italic;
	}

.Texto-parrafo, 
.Texto-nota {
	font-family: 'knowledge2017light';
	color: #3B3C3E;
	margin: 2%;
	text-indent: 1rem;
	text-align: justify;
}

.Texto-parrafo-b {
	font-family: 'knowledge2017medium';
	color: #EF5713;
	text-align: justify;
}

.a-parrafo-derecha-b{
	font-family: 'knowledge2017medium';
	color: #3B3C3E;
	margin: 2%;
	margin-bottom: 0;
	text-indent: 1rem;
	text-align: right;
}

.a-parrafo-derecha{
	font-family: 'knowledge2017light';
	color: #3B3C3E;
	margin-bottom: 2%;
	margin-right: 2%;
	margin-top: .5%;
	margin-left: 50%;
	text-align: right;
}

.Texto-It { 
	font-family: 'knowledge2017light';
	color: #3B3C3E;
	font-style: italic;
	}
.bullet{
	font-family: 'knowledge2017medium';
	color: #EF5713;
	font-size: 1rem;
	margin-right: 10px;
	margin-left: 20px;
	}

.Referencia{
	font-family: 'knowledge2017medium';
	color: #EF5713;
	font-size: .7rem;
	vertical-align: super;
}

.Nota{
	border-top: dotted;
	border-color: #EF5713;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 5%;
	margin-bottom: 5%;
}

			
#mnx img{
	height: 25px;
	transform: translateY(5px);
	box-sizing:border-box;
	/* margin-top:10px; */
}
#mnx p{
	display:none;
}
#mnx a:hover img{
  display:none;
}


#mnx a:hover p{
	display:initial;
}
/*Contacto*/
div.contact-content {
	margin-top: 1rem;
	margin-bottom: 30px;
	max-width:1100px;
	min-width:375px;
	width:100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	/* grid-gap: 40px; */
	grid-auto-rows: minmax(40px, auto);
	grid-template-areas:
		" . sub . "
		" . content-2 . "
		" . content-3 . "
		" . content-4 . "
		" . content-5 . "
		" . content-6 . "
		" . . ."
		" . social . ";
}
.contact-content p.Subtitulo{
	grid-area: sub;
	align-self: center;
}
.contact-content a:nth-child(2){
		grid-area: content-2;
		align-self: center;
}
.contact-content a:nth-child(3){
		grid-area: content-3;
		align-self: center;
}
.contact-content a:nth-child(4){
		grid-area: content-4;
		align-self: center;
}
.contact-content a:nth-child(5){
		grid-area: content-5;
		align-self: center;
}
.contact-content a:nth-child(6){
		grid-area: content-6;
		align-self: center;
}
.contact-content .socialmedia{
		grid-area: social;
		align-self: center;
}
.contact-content p{
	margin:initial !important;
	    flex: 1 0 auto;
}
.contact-content a.button-contact{
	margin:0.5em;
	padding:0.8em;
	box-sizing: border-box;
	font-family: 'knowledge2017medium';
	font-size: 1rem;
	background-color:#C2C2C2;
	border-radius:30px;
	text-decoration:none;
	color: #000;
}
.contact-content a.button-contact:hover{
	background-color:#a7a7a7;
}

/*Footer*/

.footer.sticky{
	position: fixed;
	bottom: 20px;
}

.footer .nosticky{
	display:block;
	margin-bottom: 30px;
	margin-top: auto;
	flex-shrink: 0;
}

footer {
	position:relative;
	bottom:0px;
	text-align: center;
	/* padding: 20px 30px; */
	box-sizing:border-box;
	width:100%;
}

.footer-logo {
	width:180px;
	/* margin-top: 200px; */
	margin-bottom: -10px; 
}

.footer-text {
	font-family: 'knowledge2017light';
	font-size: .8rem;
	margin:0;
	margin-bottom: 10px;
}


.jquery-accordion-menu,
.jquery-accordion-menu * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        outline: 0;
}

.jquery-accordion-menu {
        min-width: 375px;
        max-width: 1100px;
        width: 100%;
        /* float: left; */
        position: relative;
        margin-top:  1rem;
        margin-left: auto;
        margin-right: auto;
        border-radius:30px !important;
        /* padding: 1rem 0rem 0rem 0rem; */
        /* box-shadow: 0 10px 10px #333; */
}
.jquery-accordion-menu .jquery-accordion-menu-footer{
        font-family: 'knowledge2017light' !important;
        width: 100%;
        height: 120px;
        /* padding-left: 22px; */
        float: left;
        text-align:center;
        font-size:90%;
        color:black !important;
        line-height: 50px;
        font-weight: 400;
        color: #f0f0f0;
        background: #414956;
        padding-top:60px;
}
.jquery-accordion-menu .jquery-accordion-menu-header {
        width: 100%;
        height: 460px;
        /* padding-left: 22px; */
        float: left;
        line-height: 50px;
        font-weight: 600;
        color: #f0f0f0;
        background: #414956;
}
.jquery-accordion-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

.jquery-accordion-menu ul li {
        width: 100%;
        display: block;
        float: left;
        position: relative;
}
.jquery-accordion-menu ul.tabla li a{
   padding:5px 30px 3px;
}
.jquery-accordion-menu ul li a {
        font-family: 'knowledge2017medium' !important;
        width: 100%;
        padding: 12px 30px 8px;
        float: left;
        text-decoration: none;
        color: #7E7E7E;
        font-size: 13px;
        background: #414956;
        white-space: nowrap;
        position: relative;
        overflow: hidden;
        -o-transition: color .2s linear,background .2s linear;
        -moz-transition: color .2s linear,background .2s linear;
        -webkit-transition: color .2s linear,background .2s linear;
        transition: color .2s linear,background .2s linear;
}
.jquery-accordion-menu ul:not(.tabla) li.level-1:first-child,
.jquery-accordion-menu ul:not(.tabla) li.level-1:first-child{
        border-radius:30px 30px 0 0!important;
}
.jquery-accordion-menu ul li:last-child a{
        border-radius:0 0 30px 30px!important;
        border-bottom:none;
}

.jquery-accordion-menu ul li.active:last-child a{
        border-radius:0 !important;
        border-bottom:none;
}
.jquery-accordion-menu ul li.active.level-1:last-child ul li:last-child  {
        border-radius:0 0 30px 30px!important;
        border-bottom:none;
}
.jquery-accordion-menu>ul>li.active>a,
.jquery-accordion-menu>ul>li:hover>a {
        color: #fff;
        /* background: #3b424d; */
}

.jquery-accordion-menu>ul>li>a {
        border-bottom: solid 1px #7E7E7E;
}

.jquery-accordion-menu ul li a i {
        width: 34px;
        float: left;
        line-height: 18px;
        font-size: 16px;
        text-align: left;
}

.jquery-accordion-menu .submenu-indicator {
        right: 22px;
        position: absolute;
        line-height: 0px;
        font-size: 15px;
        -o-transition: transform .3s linear;
        -moz-transition: transform .3s linear;
        -webkit-transition: transform .3s linear;
        -ms-transition: transform .3s linear;
        color:white;
        background:#1D4387;
        border-radius:25px;
        padding:10px 6px;
        font-weight:bold;
        bottom:27%;
}
.jquery-accordion-menu li.active .submenu-indicator{
        background:white;
        color:#7E7E7E;
}
.jquery-accordion-menu ul ul.submenu .submenu-indicator {
        line-height: 16px;
    
}

.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
}

.jquery-accordion-menu ul ul.submenu,
.jquery-accordion-menu ul ul.submenu li ul.submenu {
        width: 100%;
        display: none;
        position: static;
}

.jquery-accordion-menu ul ul.submenu li a {
        width: 100%;
        float: left;
        /* font-size: 11px; */
        /*background: #D9D9D9;*/ /**color submenu***/
        border-top: none;
        position: relative;
        border-left: solid 6px transparent;
        -o-transition: border .2s linear;
        -moz-transition: border .2s linear;
        -webkit-transition: border .2s linear;
        transition: border .2s linear;
}

.jquery-accordion-menu ul ul.submenu li:hover>a {
        border-left-color: #7E7E7E;
}
.jquery-accordion-menu ul li.level-1:last-child {
        border-radius:0 0 30px 30px;
}
.jquery-accordion-menu ul li.level-1:not(last-child) a{
        border-radius:0px !important;
  
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a {
        padding-left: 45px;
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
        padding-left: 60px;
}

.jquery-accordion-menu ul li .jquery-accordion-menu-label,
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
        min-width: 20px;
        padding: 1px 2px 1px 1px;
        position: absolute;
        right: 18px;
        top: 14px;
        font-size: 11px;
        font-weight: 800;
        color: #555;
        text-align: center;
        line-height: 18px;
        background: #f0f0f0;
        border-radius: 100%;
}

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
        top: 12px;
}

.ink {
        display: block;
        position: absolute;
        background: rgba(255,255,255,.3);
        border-radius: 100%;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
}

.animate-ink {
        -webkit-animation: ripple .5s linear;
        -moz-animation: ripple .5s linear;
        -ms-animation: ripple .5s linear;
        -o-animation: ripple .5s linear;
        animation: ripple .5s linear;
}

@-webkit-keyframes ripple {
        100% {
                opacity: 0;
                -webkit-transform: scale(2.5);
        }
}

@-moz-keyframes ripple {
        100% {
                opacity: 0;
                -moz-transform: scale(2.5);
        }
}

@-o-keyframes ripple {
        100% {
                opacity: 0;
                -o-transform: scale(2.5);
        }
}

@keyframes ripple {
        100% {
                opacity: 0;
                transform: scale(2.5);
        }
}

/******/

.jquery-accordion-menu .jquery-accordion-menu-footer,
.jquery-accordion-menu .jquery-accordion-menu-header{
        background: #D9D9D9;
}
.jquery-accordion-menu ul li.level-1{
  background-color:white;
  
}
.jquery-accordion-menu ul li a,
a.titulo{
        /* font-family: 'knowledge2017medium'; */
        font-family: 'knowledge2017light';
        background: transparent;
        font-size: 105%;
        /* text-align: center; */
}
ul.submenu.tabla li a {
        /* font-family: 'knowledge2017medium'; */
        font-family: 'knowledge2017light';
}
.jquery-accordion-menu>ul>li.active{
    background: #7E7E7E;
}
.jquery-accordion-menu>ul>li.level-1:hover{
        background: #7E7E7E;
}

.jquery-accordion-menu>ul>li>a{
        /* border-bottom: 1px solid #D35231; */
}
.jquery-accordion-menu ul ul.submenu li.level-1:hover>a  {
        border-radius:0px !important;
        
}


/****/

.content{
        min-width:375px;
        max-width: 1100px;
        width:100%;
        margin: 0 auto;
        box-sizing:border-box;
        border-radius:30px !important;
        margin-bottom:7rem;
}


#demo-list a{
        overflow:hidden;
        /* text-overflow:ellipsis; */
        -o-text-overflow:ellipsis;
        white-space: pre-wrap;
        /* width:100%; */
}
li a img{
        width:250px;
}                
ul.submenu.tabla li a{
        text-align:left;
        color:black;
        /* font-size:120% !important; */
        /* padding: 15px 22px; */
}
a.titulo{
        font-family: 'knowledge2017regular' !important;
        background-color: #404040 !important;
        color: white !important;
}

ul.submenu.tabla li ul.submenu a{
        font-family: 'knowledge2017light' !important;
        color:black;
        padding:10px 19px !important;
        margin:auto;
        border-bottom:1px solid #a39f9f;
}
ul.submenu.mapas a{
        display:inline !important;
    margin: auto;
    padding:0;
}

img.instruccion{
        display:block;
        width:60%;
        margin: -5% auto !important;
}
p.texto{
  margin:initial;
}
#demo-list li a div {
  animation: text-anima 0.8s cubic-bezier(0.4, 0, 1, 1);
  animation-fill-mode:  forwards;
}

@keyframes text-anima {
  0% {top: 1em; opacity: 0}
  100% {top: 4.2em; opacity: 1}
}
@keyframes fade-out-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.contenido p{
        font-family: 'knowledge2017light';
        width: 0;
        /* visibility: hidden; */
        font-size: 20px;
        color:white;
        /* margin-top:-4%; */
}
.botton{
        height: 150px;
        background:#7E7E7E;
        border-radius:23px;
}
.contenido:hover .botton{

  animation: bounce-in 0.5s ease;

}
@keyframes bounce-in {
  0%  {transform: scaleY(1);}
  

  
  100% {transform: scaleY(1.5);}
}
.contenido:hover .botton{
  transform:scaleY(1.5);
  
}
#menu a{
        text-decoration: none;        
}
#menu a:hover p{
        width: 100%;
        visibility: visible !important;
        font-size: 115% !important;
        padding: 0 5px 0 5px;
        transition: 0.8s cubic-bezier(0, 1, 0.2, 1);
        text-indent:initial;
        padding:0;
        color:white;
        transform: translateY(-100px);
}
#menu img{
        transform: translateY(-115px);
}
.contenido:hover{
  animation: pop 0.3s linear 1;
  /*      animation: trans .3s ease;*/
}
@keyframes trans{
        0% { transform: translateY(-90%);}
        100% { transform: translateY(-125px);}
}
@keyframes pop{
  50%  {transform: scale(1);}
}



/*****Menu horizontal*****/
 nav#mnx {
        margin: 0 auto;
        position: relative;
        max-width: 1100px !important;
       width:100%;
        height: 50px;
        background-color: #4D4D4D;
        
        font-size: 0;
}
nav#mnx a {
        line-height: 50px;
        height: 100%;
        font-size: 15px;
        display: inline-block;
        position: relative;
        z-index: 1;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        color: white;
        cursor: pointer;
}
nav#mnx a:nth-child(3){
  background-color: #ef5713;
}

nav#mnx .animation {
        position: absolute;
        height: 100%;
        top: 0;
        z-index: 0;
        transition: all .5s ease 0s;
        
}
#mnx a:nth-child(1) {
        width: calc(100%/5);
}
#mnx a:nth-child(2) {
        width: calc(100%/5);
}
#mnx a:nth-child(3) {
        width: calc(100%/5);
}
#mnx a:nth-child(4) {
        width: calc(100%/5);
}
#mnx a:nth-child(5) {
        width: calc(100%/5);
}
#mnx nav .start-home, a:nth-child(1):hover~.animation {
        width: calc(100%/5);
        left: 0;
        background-color: #7E7E7E;
}
#mnx nav .start-about, a:nth-child(2):hover~.animation {
        width: calc(100%/5);
        left: calc((100%/5)*1);
        background-color: #7E7E7E;
}
#mnx nav .start-blog, a:nth-child(3):hover~.animation {
        width: calc(100%/5);
        left: calc((100%/5)*2);
        background-color: #7E7E7E !important;
}
#mnx nav .start-portefolio, a:nth-child(4):hover~.animation {
        width: calc(100%/5);
        left: calc((100%/5)*3);
        background-color: #7E7E7E;
}
#mnx nav .start-contact, a:nth-child(5):hover~.animation {
        width: calc(100%/5);
        left: calc((100%/5)*4);
        background-color: #7E7E7E;
}

.link-active {
	background-color: #1D4387;
}

body{
  display: grid;
  grid-auto-rows: minmax(100px, auto);
}


/*Footer adjustment*/
@media (max-height: 700px){
	.sticky{
		display: none;
		visibility: hidden;
	}
		
}



/*Tablet View*/
@media (min-width : 552px ) and ( max-width : 900px ){
	
	main{
		margin-top: 3%;
	}
	
	#header{
		margin-top:0px;
	}
	
	.imagebook {
		position: absolute;
		right: 0;
		margin-top: 0;
		margin-right: 0;
		width: 230px;


		/*float: right;
		margin-right: 10px;
		margin-top: 5px;
		width: 33%;
		padding: 0;*/
	}
	
	.titlebook{
		padding-left: 15px;
	}
	
	.about-content{
		border-radius:15px;
	}
	
	.headersuperior{
		min-height: 10rem!important;
	}
	
	.headersuperior, 
	.headerinferior {
		width: auto;
		min-width:495px;
		box-sizing:border-box;
		padding-bottom: 20px!important;
		height: auto!important;
	}
	
	.Autor,
	.Coautor{
		padding-left:10px; 
		font-size: 100%;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
	.Edicion{
		padding-left:10px; 
		font-size: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.Nombre-tomo p.Nombre{
		padding-left: 15px!important;
		padding-top: 35px !important;
		padding-right: 200px !important;
	}
	.Nombre-tomo p.Tomo{
		padding-left: 15px!important;
		padding-top: 5px !important;
		padding-right: 0px !important;
	}
	.Nombre {
		font-size: 200%;
	}
	
	.Tomo {
		font-size: 100%;
		/* margin-top: 4px; */
	}
	.headersuperior {
		padding: 5px;
		height: 76% !important;
	}
	.headerinferior {
		padding-top: 1px;
		height:70px;
	}
	
	.contenido{
		width:70%;
	}
	.about, .Freemium, .Contacto {
		width: 100%;
	}
	
	nav .menu-intern {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		text-align: center;
		width: 100%;
	}
	.jquery-accordion-menu ul li a{
		font-size:85% !important;
	}
	
	.p-content, .about-content{
		width: auto;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
	}
	
	.Titulo-2{
		margin-left: 30px;
	}
	#contact-content{
		margin-top:0.5rem
	}
	
	.sticky {
		display: none;
		visibility: hidden;
	}
		
	.footer {
	display: block;
	visibility: visible;
	position:relative!important;
	bottom:0px;
	text-align: center;
	box-sizing:border-box;
	margin-top: 15%;
	width:100%;
	}
	
	.footer-logo {
		width: 25%;
		/* margin-top: 200px; */
		margin-bottom: -10px;
	}

	.footer-text {
		font-family: 'knowledge2017light';
		font-size: 0.7rem;
		margin-bottom: 10px;
	}
	#contenido.content{
		width:100% !important;
	}
	#jquery-accordion-menu{
		width:100% !important;
		border-radius:10px !important;
	}
	.jquery-accordion-menu ul:not(.tabla) li.level-1:first-child,
	.jquery-accordion-menu ul:not(.tabla) li.level-1:first-child{
        border-radius:10px 10px 0 0!important;
	}
	.jquery-accordion-menu ul li.active.level-1:last-child ul li:last-child  {
        border-radius:0 0 10px 10px!important;
        border-bottom:none;
	}
	.jquery-accordion-menu ul li.level-1:last-child {
        border-radius:0 0 10px 10px !important;
	}
	.dropdown {
		width:87% !important;
		margin:1em auto !important;
	}
	.dropdown ul,
	.dropdown ul li,
	.dropdown ul li p{
		width:100% !important;
	}
	.Texto,
	.a-mota.ParaOverride-1{
		font-size: 100%;
	}
	#about-content{
		width:80% !important;
		margin:1em auto !important;
	}
	#about-content p{
		margin-left:0.5em !important
	}
	#about-content p.Subtitulo,
	#contact-content p,
	#contact-content a{
		font-size:90%
	}
	.jquery-accordion-menu .submenu-indicator {
        right: 10px !important;
		vertical-align:middle !important
	}
	.dropdown  li a{
		padding-left:15px!important; 
		font-size:80% !important;
	}
	#menu{
		width:80% !important;
		margin:7% auto;
		margin-top: 10%;
		/* display: grid; */
		grid-template-columns: repeat(2, 0.5fr);
		grid-auto-rows: 150px;
		grid-template-areas:
			"a b"
			"c d";
	} 
	.botton{
        height: 100%;
        background:#7E7E7E;
        border-radius:15px;
	}
	#content{
		grid-area: a;
		/* align-self: center; */
		justify-self: center;
	}
	
	#mnx p{
		font-size:70% !important;
	}
	#about{
		grid-area: b;
		/* align-self: center; */
		justify-self: center;
	}
	#freemium{
		grid-area: c;
		/*align-self: center;*/
		justify-self: center;
	}
	#contact{
		grid-area: d;
		/*align-self: center;*/
		justify-self: center;
	}
	nav#mnx {
        width: 100% !important;
	}
	.socialmedia{
		margin-top:1.5em;
	}
	div.contact-content {
		grid-template-columns: 20% 60% 20% !important;
		grid-template-areas:
			" . sub . "
			" . content-2 . "
			" . content-3 . "
			" . content-4 . "
			" . content-5 . "
			" . content-6 . "
			" . social . ";
	}
	#menu a:hover p{
        width: 100%;
        visibility: visible !important;
        font-size: 115% !important;
        padding: 0 5px 0 5px;
        transition: none !important;
        text-indent:initial;
        color:white;
        transform: initial !important;
	}
	.contenido p.texto-menu{
        font-family: 'knowledge2017light';
        width: auto;
        visibility: visible;
        font-size: 16px;
		color:#ffffff;
		margin-top:-100px;
		/*overflow-clip-margin: content-box!important;
    	overflow: clip;
		box-sizing: border-box!important;
    	 */
	} 
	
	.contenido img{
		margin-top: -12px;
		margin-bottom: 1px;
	}
	
	div.botton{
		animation: none!important;
		transform: none!important;
	}
	
}

/*Cellphone View*/
@media ( min-width : 0px ) and (max-width : 551px ){
	
	main{
		margin-top: 1%;
	}
	
	#menu{
		margin-top: 15%!important;
	}
	.imagebook {
		position: absolute;
		right: 0;
		bottom: 0;
		margin-top: 0;
		margin-right: 0;
		width: 180px;
/*		float: right;
		margin-right: -12px;
		margin-top: 10px;
		width: 43%;
		padding: 0;*/
	}
	
	.headersuperior{
		position: relative;
	}
	
	.image-cont {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	.titlebook{
		padding-left: 15px;
		width: 220px;
	}
	
	.about-content{
		border-radius:15px;
	}
	
	
	.headersuperior, 
	.headerinferior {
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 20px!important;
	}
	
	.Autor,
	.Coautor{
		margin-top: 15px;
		margin-bottom: 5px;
	}
	
	.Edicion{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.Nombre-tomo p.Nombre{
		padding-left: 15px!important;
		padding-top: 40px !important;
		padding-right: 87px !important;
	}
	.Nombre-tomo p.Tomo{
		padding-left: 15px!important;
		padding-top: 5px !important;
		padding-right: 0px !important;
	}
	.Nombre {
		font-size: 200%;
	}
	
	.Tomo {
		font-size: 100%;
		margin-right: 30%;
	}
	.headersuperior {
		padding: 5px;
		height: 75%;
	}
	.headerinferior {
		padding-top: 1.5%;
		height: 30%;
		margin-bottom: 0px;
	}
	
	.Autor, .Coautor, .Edicion {
		padding-left:10px; 
		font-size: 100%;
	}
	
	.contenido, .about, .Freemium, .Contacto {
		width: 100%;
	}
	
	nav .menu-intern {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		text-align: center;
		width: 100%;
	}
	.jquery-accordion-menu ul li a{
		font-size:85% !important;
	}
	
	.p-content, .about-content{
		width: auto;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
		
	}
	
	.Titulo-2{
		margin-left: 30px;
	}
	#contact-content{
		margin-top:0.5rem
	}
	
	.sticky{
		display: none;
		visibility: hidden;
	}
		
	.footer{
	display: block;
	visibility: visible;
	position:relative!important;
	bottom:0px;
	text-align: center;
	box-sizing:border-box;
	margin-top: 30%;
	width:100%;
	}
	
	.footer-logo {
		width: 30%;
		/* margin-top: 200px; */
		margin-bottom: -10px;
	}

	.footer-text {
		font-family: 'knowledge2017light';
		font-size: 0.7rem;
		margin-bottom: -1em;
	}
	#contenido.content{
		width:80% !important;
	}
	#jquery-accordion-menu{
		width:80% !important;
		border-radius:10px !important;
	}
	.jquery-accordion-menu ul:not(.tabla) li.level-1:first-child,
	.jquery-accordion-menu ul:not(.tabla) li.level-1:first-child{
        border-radius:10px 10px 0 0!important;
	}
	.jquery-accordion-menu ul li.active.level-1:last-child ul li:last-child  {
        border-radius:0 0 10px 10px!important;
        border-bottom:none;
	}
	.jquery-accordion-menu ul li.level-1:last-child {
        border-radius:0 0 10px 10px !important;
	}
	.dropdown {
		width:87% !important;
		margin:1em auto !important;
	}
	.dropdown ul,
	.dropdown ul li,
	.dropdown ul li p{
		width:87% !important;
	}
	.Texto,
	.a-mota.ParaOverride-1{
		font-size: 100%;
	}
	#about-content{
		width:80% !important;
		margin:1em auto !important;
	}
	#about-content p{
		margin-left:0.5em !important
	}
	#about-content p.Subtitulo,
	#contact-content p,
	#contact-content a{
		font-size:90%
	}
	.jquery-accordion-menu .submenu-indicator {
        right: 10px !important;
		vertical-align:middle !important
	}
	.dropdown  li a{
		padding-left:15px!important; 
		font-size:80% !important;
	}
	#menu{
		width:80% !important;
		margin:7% auto;
		/* display: grid; */
		grid-template-columns: repeat(2, 0.5fr);
		grid-auto-rows: 150px;
		grid-template-areas:
			"a b"
			"c d";
	}
	.botton{
        height: 100%;
        background:#7E7E7E;
        border-radius:15px;
	}
	#content{
		grid-area: a;
		/* align-self: center; */
		justify-self: center;
	}
	
	#mnx p{
		font-size: 60% !important;
	}
	#about{
		grid-area: b;
		/* align-self: center; */
		justify-self: center;
	}
	#freemium{
		grid-area: c;
		/*align-self: center;*/
		justify-self: center;
	}
	#contact{
		grid-area: d;
		/*align-self: center;*/
		justify-self: center;
	}
	nav#mnx {
        width: 100% !important;
	}
	.socialmedia{
		margin-top:1.5em;
	}
	div.contact-content {
		grid-template-columns: 20% 60% 20% !important;
		grid-template-areas:
			" . sub . "
			" . content-2 . "
			" . content-3 . "
			" . content-4 . "
			" . content-5 . "
			" . content-6 . "
			" . social . ";
	}
	
	#menu a:hover p{
        width: 100%;
        visibility: visible !important;
        font-size: 115% !important;
        padding: 0 5px 0 5px;
        transition: none !important;
        text-indent:initial;
        padding:0;
        color:white;
        transform: initial !important;
	}
	.contenido p.texto-menu{
        font-family: 'knowledge2017light';
        width: auto;
        visibility: visible;
        font-size: 16px;
		color:#ffffff;
		margin-top:-100px;
		overflow-clip-margin: content-box;
   		 overflow: clip;
		}
	
	.contenido img{
		margin-top: -10px;
		margin-bottom: 1px;
	}
	
	div.botton {
		animation: none!important;
		transform: none!important;
	}
}


/*notas*/
#nota-text{
	margin:0 auto;
	width:90%;
}
#nota-text p.Texto-nota{
	margin-top:0em;
	text-indent:initial;
}
.hidden{
	display:none;
}
a:checked{
	color:red;
}
.referencia{
	color:#FC502C;
	font-weight:bold;
	vertical-align:super;
}
#nota-text .nota{
	color:#FC502C;
	font-weight:bold;
	margin-bottom:.2em;
}