/*Carta*/
*{
    margin:0em;
    padding:0em;
    box-sizing: border-box;
    }

header{
    width: 100%;
    height: auto;
    background-color: #022351
    }

.contenedor{
    flex-direction: column;
    justify-content: center;
   }

.menucontenedor{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: auto;
    }

.menunombre a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
    font-weight:200;
    color: white;
    text-decoration: none;
    list-style: none;
    margin-left: 3em;
    margin-right: 6em;
    width: 100%;
    text-align: center;
    }

.menunombre a li:hover{
background-color: #6A7DDF;
    }

h1{
    background-color: #24B3AA;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2.5em;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase; 
    line-height: 1em;
    letter-spacing: 0.2em;
    display:flex;
    align-items: center;
    justify-content:center;
    align-content: space-around;
    text-align: center;
    }

body{
    background-color: #B0DFDD;
    width: 100%;
   }

p1{
    font-family: 'Roboto Condensed', sans-serif;
    color: #24B3AA;
    font-size: 1em;
    text-align: center;
    display: flex;
    text-transform: uppercase; 
    font-weight: 600;
    text-align: center;
    justify-content: center;
    margin: auto;
    padding-top: 0.5em;
    }

p2{
    font-family: 'Roboto Condensed', sans-serif;
    color:#24B3AA;
    font-size: 1em;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: auto;
    line-height: 2em;
    padding: 1em;
    }

.imagenfondo{
    width: 100%;
    height: 10em;
    background-image: url(img/fadu.jpg);
    flex-wrap: nowrap;
    background-position: center;
    background-size: cover;
    }

footer {
    width: 100%;
    height: auto;
    padding: 1em;
    justify-content: center;
    background-color: #022351;
    }

p{
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.7em;
    text-align: center;
    display: flex;
    justify-content: center;
    line-height: 2em;
    margin: auto;
    }

p3{
    color: #24B3AA;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.7em;
    font-weight: 500;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-bottom: -1.5em;
    line-height: 1.5em;
    }

hr{
    height: 0.25em;
    background-color:  #24B3AA;
    margin-top: 1em;
   }

/*Termina Carta*/

/*Mapa*/
.imagenmapa img{
    width: 100%;
    height: auto;
    margin: 0;
    justify-content: center;
    }

/*Termina Mapa*/


/*VM 24*/
.menucontenedorindex{
    background-color: #022351;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
   }

.elementoindex a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
    font-weight:200;
    color: white;
    text-decoration: none;
    list-style: none;
    padding-left: 3em;
    padding-right: 3em;
    text-align: center;
    }

.elementoindex a li:hover{
background-color: #6A7DDF;
    }

#contenedortotal{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    }

#contenedortotal img{
    width:13.5em;
    height:17em;
    display: flex;
    justify-content: center;
    text-align: center;
    border-radius: 85px 0px 85px 0px;
    -moz-border-radius: 85px 0px 85px 0px;
    -webkit-border-radius: 85px 0px 85px 0px;
    margin: auto;
    padding: 0.5em;
    }

.movimiento figcaption {
    font-size: 1em;
    width: 100%;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
	transition: transform 0.35s ease;
	transform: translate3d(0,0,0);
    text-align: center;
    }

.flex figure h3 span {
	font-weight: 800;
    }

.movimiento:hover figcaption,
.movimiento:hover h3 {
	transform: translate3d(0,-200%,0);
    }

.movimiento:hover img{ 
    max-width: 110%;
    opacity: 0.5;
    }

.movimiento:active figcaption,
.movimiento:active h3{
	transform: translate3d(0,-200%,0);
    }

.movimiento:active img{ 
    max-width: 110%;
    opacity: 0.5;
    }

h2{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2em;
    font-weight:500;
    color: white;
    text-decoration: none;
    color: #24B3AA;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    }

h3{
     font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2em;
    color: white;
    list-style: none;
    color: #fff;
    text-align: center;
    margin: auto;
    }
/* Termina VM24*/