a {color:black;text-decoration: none;}          /* unvisited link */
a:visited {color:black;text-decoration: none;}  /* visited link */
a:hover {color:black; text-decoration: none;}   /* mouse over link */
a:active {color:grey;text-decoration: none;}    /* selected link */


html {
height: -webkit-fill-available;
width: 100%;
}

body {
display: table;
min-height: 100vh;
min-height: -webkit-fill-available;
margin: 0;
padding: 0;
width: 100%;
background-image: url(fotos/back12.jpg);
background-repeat: repeat-y;
}

p {
font-family: 'Roboto Condensed', sans-serif;
font-size: 0.8em;
line-height: 22px;
max-width: 100%;
color: black;
padding-left: 2.2em;
}

footer { 
background-image: url(fotos/back12.jpg);
background-size: cover;
background-position: center;
z-index: 100;
font-family: 'Roboto Condensed', sans-serif;
color: black;
font-size: 1em;
width: 100%;
padding-left: 20px;
position:absolute;
bottom:0;
height:60px;   /* Height of the footer */
position:fixed;
left:0px;
bottom:0px;
height:45px;
width:100%;
padding-top: 5px;
}

.row {
display: table-row;
height: 50%;
}

.row:nth-child(1) {
background-image: url(fotos/back4.jpg);
background-size: cover;
background-position: center;
}

.row:nth-child(2) {
background-image: url(fotos/back12.jpg);
background-size: cover;
background-position: center;
}

.fondo {
background-image: url(fotos/back4.j);
}


.titulo {
position: fixed;
font-family: 'Roboto Condensed', sans-serif;
padding-top: 2em;
padding-bottom: 1.2em;
background-image: url(fotos/back4.jpg);
width: 100%;
height: 20px;
padding-left: 2em;
font-size: 0.8em;
}

.titulo_mobile {
font-family: 'Roboto Condensed', sans-serif;
color: black;
width: 85%;  
position: fixed;
padding-top: 1em;
padding-left: 2em;
font-size: 0.9em;
}

.titulo_mobile_proyectos {
font-family: 'Roboto Condensed', sans-serif;
color: black;
width: 100%;  
position: fixed;
padding-top: 1em;
padding-left: 2em;
padding-bottom: 1em;
font-size: 0.9em;
background-image: url(fotos/back4m.jpg);
background-attachment: fixed;
background-position: top;
background-size: 100% auto;
}


.txt_mobile {
font-family: 'Roboto Condensed', sans-serif;
color: black;
width: 85%;
padding-left: 2em;
font-size: 0.8em;
line-height: 1.5em;
text-align: justify;
padding-bottom: 60px;
}

li a:hover:not(.active) {
color: blue;
text-decoration: none;
transition-duration: 0.7s
}


#imagen_descripcion

{
width: 20%;
padding-left: 2em;
}

a:hover {
color: blue;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}

ul.a {
list-style-type: none;
width: 85%;
display: flex;
justify-content: space-between;
flex-wrap:  nowrap;
padding-left: 2em;
font-family: 'Roboto Condensed', sans-serif;
font-size: 0.9em;
position: fixed;
padding-top: 0em;
}

ul.b {
list-style-type: none;
width: 80%;
display: flex;
justify-content: space-between;
flex-wrap:  nowrap;
padding-top: 0.7em;
padding-left: 2em;
font-family: 'Roboto Condensed', sans-serif;
font-size: 0.9em;
position: fixed;
}

ul.c {
list-style-type: none;
width: 85%;
display: flex;
justify-content: space-between;
flex-wrap:  wrap;
padding-left: 2.2em;
font-family: 'Roboto Condensed', sans-serif;
font-size: 0.8em;
position: fixed;
padding-top: 0em;
line-height: 2em;
}

ul.footer {
list-style-type: none;
width: 80%;
display: flex;
justify-content: space-between;
flex-wrap:  nowrap;
padding-left: 1em;
font-family: 'Roboto Condensed', sans-serif;

font-size: 0.9em;
position: fixed;
padding-top: 0em;
}

ul li a:hover {
color: #fff;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}