*{ box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Barlow', sans-serif;}

body{ 
    background-color: wheat;
flex-direction: column;
justify-content: space-between;}

header { background-color:#0b154b;
width: 100%;}

main{ min-height: 100vh;
margin-top: 2em;}

.logoinicial img{ width: 100%;}

.botoninicial a{ display: flex;
    padding: 0.5em;
    background-color:#0b154b;
    font-size: 13px;
    list-style: none;
    border-radius: 1em;
    box-shadow: 0.4em 0.4em 0.4em;
    align-items: center;
    color:#f74e4e ;
    line-height: 30px;
    width: 50%;
    text-align: center;
    margin: 1em;
    display: block;
    font-weight:bolder;
    position: relative;
    left:6em;}


header, .main{ 
        width: 100%;
        max-width: 1000px;
        margin: auto;}

header nav{ 
    overflow: hidden;}

header nav ul{ 
     list-style:none}

header nav ul li{ 
    float: inherit;
    }

header nav ul li a{padding: 20px 20px;
display: block;
color:white; 
text-decoration: none;
background-color: #0b154b;
}

header nav ul li a:hover{
    background-color:wheat;
}


a{ color:wheat;
text-decoration: none;}


/*menu*/

#menu_on{
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 5;
    
}

#menu_on span{
    width: 100%;
    height: 4px;
    border-radius: 4px;
    display: block;
    position: absolute;
    background: #f74e4e;
    transition: all 0.25s ease;
    transform-origin: 0px 100%;
}

#menu_on span:nth-child(2){
    top: calc(50% - 4px)
}

#menu_on span:nth-child(3){
    bottom: 4;
}

nav{
    position: fixed;
    top: 0;
    bottom: 0;
    left:-300px;
    width: 300px;
    z-index: 1;
    padding: 90px 30px 30px;
    background: #0b154b;
    opacity: 0;
    transition: all 0.75s ease;
    font-size: 1.2em;
    overflow-y: auto;
}

nav a{
    display: block;
    text-decoration: none;
    padding: 10px;
    color: #0b154b;
    border-bottom: .1em solid #f74e4e;
    transition: all ease 0.25s;
}

nav a:hover{
    border-bottom-color: 1px solid #0b154b
}

.visible_menu span:nth-child(1){
	transform: rotate(45deg) translate(-2px,3px); 
}
 
.visible_menu span:nth-child(2){
	opacity: 0;
}
 
.visible_menu span:nth-child(3){
	transform: rotate(-45deg) translate(-2px,2px); 
}

.visible_menu nav{
	left: 0;
	opacity: 1;
}

.visible_menu #content{
    transform: translateX(260px)
}

.iconoperfil {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    color: #f74e4e;
    }

/*Seccion inicio*/ 


.video{
    position: relative;
    margin: auto;
    height: 0;
    padding-bottom: 56.25%;
    max-width: 84%;
}
.video iframe{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    margin-top: 15px;
}

h1, h2{ color:#0b154b;
text-align:center;
align-content: center;
width: 90%;
margin: auto;
}

h1{
    font-size: 2em
}
h2{
    font-size: 1.2em
}

.titulos2 h1 {color:#f74e4e;
text-align:center;
align-content: center;
width: 90%;
margin: auto;
position: relative;
bottom: 1.8em;}



h3{display: flex;
    padding: 1em;
    background-color:#0b154b;
    font-size: .8em;
    list-style: none;
    border-radius: 2em;
    box-shadow: 0.4em 0.4em 0.4em #f74e4e;
    align-items: center;
    color:#f74e4e ;
    line-height: 20px;
    width: 50%;
    text-align: center;
    margin: auto;
    display: block;
    font-weight:bolder
}

h4{width: 100%;
background-color:#f74e4e;
color:#fddaa5;
margin: auto;
display: block;
padding: 0.5em;
box-sizing: border-box;
font-size: 1rem;}

.galeria {
    padding-bottom: 2em;
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.galeria figure {
    width: 40vmin;
    margin: 0.5em;
    position: relative;
    overflow: hidden;}

.galeria img {
    width: 100%;
    display: block;}

.galeria figcaption {
    background-color:rgba(11, 21, 75, 0.6);
    color: white;
    padding: 0.5em;
    line-height: 1em;
    position: absolute;
    width: 100%;
    height: 100%;
    top: calc( 100% - 2em );
    font-size: 0.65em;
    
    transition: all 1s ease;}

.galeria figure:hover figcaption {
    background-color: rgba(11, 21, 75, 0.6);
    top: 50%;
    transition: all .3s ease;
    
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
}

.galeria figcaption span {
    display: block;
    font-size: 11px;
    color: #ddd;
    margin-top: .5em;}
   


/*seccion de actividades*/

.escueladeportiva h5{ text-align: center;
font-size: 16px;
padding: 1em;
color:#f74e4e; }

.galeriaactividades{ padding-bottom: 2em;
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.galeriaactividades figure {
   width: 45vmin;
    margin: .125em;}

.galeriaactividades img {
    width: 100%;}

.galeriaactividades figcaption {
 background-color:#0b154b;
    color: #f74e4e;
    padding: .5em;
    line-height: 1em;
height: 8em;}


.galeriaactividades figcaption h15 {
  display: block;
    font-size: .75em;
    color: wheat;
}





/*seccion del registrarse*/ 
.registrarse input{ display: flex;
    padding: 0.5em;
    background-color:#0b154b;
    font-size: 13px;
    list-style: none;
    border-radius: 1em;
    box-shadow: 0.4em 0.4em 0.4em;
    align-items: center;
    color:#f74e4e ;
    line-height: 30px;
    width: 50%;
    text-align: center;
    margin: 1em;
    display: block;
}

form { display: flex;
flex-direction: column;
align-items: flex-start;
align-items: center;
margin: 0.5em;
}


label{ color: #0b154b;
    text-align: center;
    font-size: 20px;
}


form > *{ width: 50%;}

.registrarse button{ background-color:#f74e4e ;
border-bottom-color: black;}



.registrarse{ text-align: center;
font-size: 12px;
color: #0b154b;
margin: 0.5em;}



/*seccion inicio de sesión*/
.iconoperfiliniciodesesión {
    font-family: 'Material Icons';
    font-style: normal;
    font-size:80px;
    color:#f74e4e;
    background-color:#0b154b;
    text-align: center;
    width: 50%;
    display: block;
    margin: auto;
}

.datosparaingresar input{ display: flex;
    padding: 0.5em;
    background-color:#0b154b;
    font-size: 13px;
    list-style: none;
    border-radius: 1em;
    box-shadow: 0.4em 0.4em 0.4em;
    align-items: center;
    color:#f74e4e ;
    line-height: 30px;
    width: 50%;
    text-align: center;
    margin: 1em;
    display: block;
}


.datosparaingresar label{ color: #0b154b;
    text-align: center;
    font-size: 20px;}

.datosparaingresar button{ background-color:#f74e4e ;
border-bottom-color: black;}


/*seccion de mi perfil*/


.alquileresvigentes a{ color:#0b154b;
display: block;
margin: 0.5em;
text-align:justify;display: flex;
align-items: flex-start;
align-items: center;
margin: 0.5em;
}

.invitacionesdeotros p{ color:#0b154b;
background-color:#f28c8c; 
padding: 1em;
margin: 1em; 
font-size: 14px;}


.invitacionesmias p{color:wheat;
background-color:#0b154b; 
padding: 1em;
margin: 1em; 
font-size: 14px; }


.perfil2{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
}

.perfil p{ color:#0b154b;
font-weight: bold;
padding: 0.5em;
width: 6em;
font-size: 12px;
margin: 0.5em;
right: 100px
}


.perfil img{ width: 15em; 
}

.botonespago p{ background-color:#f74e4e ;
font-size: 13px;
    width: 4em;
padding: 0.2em;
border-bottom-color: black;
position: relative;
left: 12em;
bottom: 2em;}

.iconosi  {font-family: 'Material Icons';
    font-style: normal;
    padding: 0.7em;
    background-color:#0b154b;
    font-size: 11px;
    list-style: none;
    color:#f74e4e ;
    line-height: 5px;
    text-align: center;
    position: relative;
    left: 12em;
 
    
    }

.iconono {font-family: 'Material Icons';
    font-style: normal;
    background-color:#0b154b;
    padding: 0.5em;
    font-size: 13px;
    list-style: none;
    color:#f74e4e ;
    line-height: 5px;
    text-align: center;
    position: relative;
    left: 12em;
    }




/*Sección Arma tu equipo*/


.opcionesarmatuequipo ul li a{
    font-size: 16px;
    color:#f74e4e; 
    margin: 1em;
    display: flex;
    padding: 1em;
    background-color:#0b154b;
    list-style: none;
    align-items: center;
    color:#f74e4e ;
    line-height: 20px;
    width: 73.5%;
    text-align: center;
    margin: auto;
    display: block;
    font-weight:bolder;
text-decoration-style:solid;}
 

.comentario ul li a{ color:#f74e4e;
margin: 1em;
display: flex;
padding: 1em;
background-color:#f74e4e;
list-style: none;
align-items: center;
color:wheat;
    line-height: 16px;
    width: 100%;
    text-align: center;
    margin: auto;
    display: block;
    font-weight:bold;
}

.iconoagregarpersona{
    font-family: 'Material Icons';
    font-style: normal;
}

/*Seccion ingresar candidato*/

h6{font-size: 16px;
color:#0b154b;
width: 30%;
background-color:#f74e4e;
display: block;
padding: 0.3em;
margin: auto;
box-sizing:border-box;
font-size: 1rem;
text-align: center;
}



.listacandidatos input label{
}

.listacandidatos label{ color:#0b154b;
font-size: 16px;
font-weight:bold;
}



.listacandidatos button{ background-color:#f74e4e ;
border-bottom-color: black;
font-size: black;}



/*Seccion candidato anotado*/

.iconodone { font-family: 'Material Icons';
    font-size:50px;
    color:#f74e4e;
    background-color:#0b154b;
    align-items: center;
    text-align: center;
    width: 50%;
    display: block;
    margin: auto;
    font-style: normal;
  
}

h7{ font-size: 18px;
color:#f74e4e;
font-weight: bold; 
text-align: center; 
margin: 1em;
display: block;}

h8{ color:#0b154b;
background-color:#f28c8c; 
padding: 1em;
margin: 0.5em; 
font-size: 16px;
font-weight:600;}

.iconoagregarpersona {font-family: 'Material Icons';
font-size: 15px;
color:#0b154b;
text-align: center;
margin: 50%;}

/*alquila la cancha calendario*/

#calendario{
    -moz-box-shadow:0px 3px 3px #f74e4e;
    -webkit-box-shadow: 0px 3px 3px #f74e4e;
    margin: 50px auto;
    font: 14px;
    display:table;
    font-family: 'Barlow';
    font-weight: 500;
}

#calendario .mescalendario{
    cursor: default;
    background: #f74e4e;
    background: -moz-linear-gradient(top, red, green);
    background: -webkit-gradient(linear, left top, left bottom, from(#f74e4e), to(wheat));
    height: 34px;
    position: relative;
    color: wheat;
    -webkit-border-top-left-radius: 5px; 
    -webkit-border-top-right-radius: 5px; 
    -moz-border-radius-topleft: 5px; 
    -moz-border-radius-topright: 5px; 
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px; 
    font-weight: bold;
    text-shadow: 0px -1px 0 #f74e4e;
    text-transform: uppercase;
}
#calendario .mescalendario span{
    display: inline-block;
    line-height: 34px;
    margin: auto;
}

#calendario .mescalendario .hook{
    width: 9px;
    height: 28px;
    position: absolute;
    bottom: 60%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: green;
    background: -moz-linear-gradient(right top, #fff, #827e7d); 
    background: -webkit-gradient(linear, right top, right bottom, from(wheat), to(#0b154b)); 
    box-shadow:0px -1px 2px rgba(0, 0, 0, 0.65 );
    -moz-box-shadow:0px -1px 2px #0b154b; 
    -webkit-box-shadow:0px -1px 2px #0b154b; 
}

.right.hook{
    right: 15%;
}

.left.hook{
    left: 15%
}

#calendario .mescalendario .button{
    width: 24px;
    text-align: center;
    position: absolute;
}
#calendario .mescalendario .left.button{
    left:0;
    -webkit-border-top-left-radius: 5px; 
    -moz-border-radius-topleft: 5px; 
    border-top-left-radius: 5px; 
    border-right: 1px solid wheat;
    padding-top: .4em;
    padding-bottom: .4em;
}
#calendario .mescalendario .right.button{
    right: 0;
    top: 0;
    border-left: 1px solid wheat;
    -webkit-border-top-right-radius: 5px; 
    -moz-border-radius-topright: 5px; 
    border-top-right-radius: 5px; 
}
#calendario .mescalendario .button:hover{
    background: -moz-linear-gradient(top, wheat, #f74e4e);
    background: -webkit-gradient(linear, left top, left bottom, from(wheat), to(#f74e4e));
}
#calendario .mescalendario .month-year{
    letter-spacing: 1px;
    width: 100%;
    text-align: center;
    padding-top: .5em;
}
#calendario table{
    background: wheat;
    border-collapse: collapse;
}

#calendario td{
    color: #0b154b;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #f74e4e;
    cursor: default;
}

#calendario #days td{
    height: 26px;
    line-height: 26px;
    text-transform: uppercase;
    font-size: 90%;
    color: #0b154b;
}

#calendario #days td:not(:last-child){
    border-right: 1px solid #f74e4e
}

#calendario #calendario-frame td.today {
    background: #f28c8c;
    color: #0b154b;
    box-shadow:1px 1px 0px wheat inset; 
    -moz-box-shadow:1px 1px 0px wheat inset; 
    -webkit-box-shadow:1px 1px 0px wheat inset; 
}

#calendario #calendario-frame td:not(.nil):hover{
    color: #f74e4e;
    text-shadow: #f74e4e 0px -1px;
    background: #0b154b;
    background: -moz-linear-gradient(top, #0b154b, wheat);
    background: -webkit-gradient(linear, left top, left bottom, from(#0b154b), to (wheat));
    -moz-box-shadow:0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px
}

#calendario #calendario-frame td span{
    font-size: 80%;
    position: relative;
}

#calendario #calendario-frame td span:first-child{
    bottom:5px;
}
#calendario #calendario-frame td span:last-child{
    top: 5px;
}

#calendario #calendario-frame table.curr{
    float: left;
}
#calendario #calendario-frame table.temp{
    position: absolute;
}

.partidolibre  {
background-color:#f74e4e; 
padding: 1em;
margin: 1em; 
font-size: 14px;
width: 80%;
position: relative;
left: 1em;
} 

.partidoincompleto {
background-color:#f74e4e; 
padding: 1em;
margin: 1em; 
font-size: 14px;
width: 80%;
position: relative;
left: 1em;
} 

.partidoincompleto  a{ color: wheat;}

.partidolibre a{ color: wheat;}



/*sección galeria*/


.imagenesgaleria {padding-bottom: 2em;
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }

.imagenesgaleria figure {
   width: 45vmin;
    margin: .125em;}

.imagenesgaleria img {
    width: 100%;}

.imagenesgaleria figcaption {
 background-color:#0b154b;
    color: #f74e4e;
    text-decoration: none; 
    padding: .5em;
    line-height: 1em;
    height: 3em;}


.imagenesgaleria a{color: #f74e4e; }

/*agregar fotos*/

.iconoagregarfoto {
    font-size: 50px;
    font-family: 'Material Icons';
    font-style: normal;
    background-color:#0b154b ;
    border: 4px solid rgba(0,0,0,.25);
    border-radius: 50%;
    box-shadow: 0 .15em .1em rgba(0,0,0,.215);
    color: #f74e4e;
    cursor: pointer;
    display: flex;
    width: 4rem;
    height: 4rem;
    
    /* para salir del "flujo de información" del fondo 
    y colocase en una capa superior fija */
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 9990;
}

.agregarfoto  i {
    margin: auto;
    padding: 0;
    font-size: 3.5rem;
}


.imagenesyapuestas{padding-bottom: 2em;
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }


.imagenesyapuestas figure {
   width: 45vmin;
    margin: .125em;}

.imagenesyapuestas img {
    width: 100%;
height: 7em;}

.botonañadirfoto button{background-color:#f74e4e ;
border-bottom-color: black;
width: 30%;
}


/*Seccion torneo de truco*/

h9 {width: 100%;
background-color:#0b154b;
color:#f74e4e;
margin: auto;
display: block;
padding: 0.5em;
box-sizing: border-box;
font-size: 1rem;}

.torneodetrucoproximos p{ color:#0b154b;
background-color:#f28c8c; 
padding: 1em;
margin: 1em; 
font-size: 14px;
display: block;
margin: 0.5em;
text-align:justify;display: flex;
align-items: flex-start;
align-items: center;
margin: 0.5em;
}

.torneodetrucopasados p{ color:#f28c8c;
background-color:#f74e4e; 
padding: 1em;
margin: 1em; 
font-size: 14px;
display: block;
margin: 0.5em;
text-align:justify;display: flex;
align-items: flex-start;
align-items: center;
margin: 0.5em;
}


.linkparaagregarfoto a{display: flex;
    padding: 0.5em;
    background-color:#0b154b;
    font-size: 13px;
    list-style: none;
    border-radius: 1em;
    box-shadow: 0.4em 0.4em 0.4em;
    align-items: center;
    color:#f74e4e ;
    line-height: 20px;
    width: 50%;
    text-align: center;
    margin: 1em;
    display: block;
    position: relative;
    left: 6em;}

.torneodetrucoproximos a{display: flex;
    padding: 0.5em;
    background-color:#0b154b;
    font-size: 13px;
    list-style: none;
    border-radius: 1em;
    box-shadow: 0.4em 0.4em 0.4em;
    align-items: center;
    color:#f74e4e ;
    line-height: 20px;
    width: 50%;
    text-align: center;
    margin: 1em;
    display: block;
    position: relative;
    left: 6em;}


/*Seccion no te podes anotar*/

.iconocancel{ font-family: 'Material Icons';
    font-size:50px;
    color:#f74e4e;
    background-color:#0b154b;
    align-items: center;
    text-align: center;
    width: 50%;
    display: block;
    margin: auto;
    font-style: normal;}


/*Sección equipos del partido*/

.iconoequipo { font-family: 'Material Icons';
    font-style: normal;
    font-size:90px;
    color:#f74e4e;
    background-color:#0b154b;
    text-align: center;
    width: 50%;
    margin: 0.1em;
    font-style: normal;}

h10{width: 15em;
background-color:#f74e4e;
color:#fddaa5;
margin: auto;
display: block;
padding: 0.5em;
box-sizing: border-box;
font-size: 1rem;
position: relative;
left: 3em;
bottom: 1em;
top:2.2em;
}

.jugadores1 {position: relative;
left:8em;
bottom: 1em;
top:-3em;
font-size: 15px;
color:#f74e4e;
font-weight: bold;
}

.jugadores2 {position: relative;
left:8em;
bottom: 1em;
top:-3em;
font-size: 15px;
color:#f74e4e;
font-weight: bold;
}

.jugadores1 button{background-color:#f74e4e ;
border-bottom-color: black;
position: relative;
left:7em;
bottom: 1em;
top:-1.5em;}

.jugadores2 button{background-color:#f74e4e ;
border-bottom-color: black;
position: relative;
left:7em;
bottom: 1em;
top:-1.5em;}


.opcionesañadirjugador ul li a{
    font-size: 16px;
    color:#f74e4e; 
    margin: 1em;
    display: flex;
    padding: 1em;
    background-color:#0b154b;
    list-style: none;
    align-items: center;
    color:#f74e4e ;
    line-height: 20px;
    width: 73.5%;
    text-align: center;
    margin: auto;
    display: block;
    font-weight:bolder;
text-decoration-style:solid;}

.jugadores1 { height: 7em;}

.jugadores2 { height: 9em;}


h11{ width: 70%;
background-color:#f74e4e;
color:#fddaa5;
margin: auto;
display: block;
padding: 0.5em;
box-sizing: border-box;
font-size: 1rem;
text-align: center;}

.botonpagarlacancha button{ background-color:#f74e4e ;
border-bottom-color: black;
position: relative;
left:9em;}



/*seccion lista de candidatos*/

.iconocandidato {font-family: 'Material Icons';
    font-style: normal;
    font-size:50;
    color:#f74e4e;
    background-color:#0b154b;
    text-align: center;
    width: 50%;
    margin: 0.1em;
    font-style: normal;}

.candidato1 {height: 2em;}

.candidato1 p{position: relative;
left:5em;
bottom: 1em;
top:-3.5em;
font-size: 15px;
color:#f74e4e;
font-weight: bold;
}

.candidato1 button {background-color:#f74e4e ;
border-bottom-color: black;
position: relative;
left:20em;
bottom: 1em;
top:-7em; }

a{ color:wheat;}

/*Seccion invitar candidato*/

.volveralosequipos a{display: flex;
    padding: 0.5em;
    background-color:#0b154b;
    font-size: 13px;
    list-style: none;
    border-radius: 1em;
    box-shadow: 0.4em 0.4em 0.4em;
    align-items: center;
    color:#f74e4e ;
    line-height: 20px;
    width: 50%;
    text-align: center;
    margin: 1em;
    display: block;
    position: relative;
    left: 5em; }

/*Seccion anotar datos jugador*/

.datosparaingresar label{ color: #f74e4e;
font-weight: 400;
padding: 0.3em;}

.datosparaingresar select {color: #f74e4e;
background-color:#0b154b; }

.botonañadir button {background-color:#f74e4e ;
border-bottom-color: black;
position: relative;
left:9.3em;
top: 2em;
padding: 0.3em;
text-decoration: none;
text-decoration-color:#0b154b; }


/*seccion metodo de pago*/


h12 { width: 50%;
background-color:#0b154b;
color:#f74e4e;
margin: auto;
display: block;
padding: 0.5em;
box-sizing: border-box;
font-size: 1rem;
text-align: center;}



.metodosdepago label{ color: #f74e4e;
font-size:14px; }


.metodosdepago p{ color::#0b154b;
text-align: center;
font-weight: bold;
}


.metodosdepago img{ width: 40%;
position: relative;
left: 6em;}


.botonpagarcancha button{background-color:#f74e4e ;
border-bottom-color: black;
position: relative;
left:11em;}




/*Seccion promocion descarga*/ 


#titulopromocion{
    font-family: 'Barlow';
    font-size: 30px;
    text-align: center;
    color: wheat;
    background-color: #f74e4e;
    font-weight: bolder;
}

.imagenpromocionlogo img{ width: 40%;
position: relative;
    left: 6em;}

h20{font-size: 20px; 
    color: #f74e4e;
    text-align: center;
    font-weight: bold;
    position: relative;
    left: 3em;
   bottom: 2em;
}


.contenido p{
    background-color: #0b154b;
    color: wheat;
    text-align:left;
    align-content: center;
    width: 80%;
    max-width: 900px;
    position: relative;
    left: 2.5em;
    bottom: 2em;
    padding: 0.1em;
    margin: 0.2em;
    }


.titulodescargar {
    font-size: 1.3em;
    color: #f74e4e;
    font-weight:bold;
    position: relative;
    left: 3.5em;
    bottom: 1em;
}

.titulodescargar2 {
    font-size: 1.3em;
    color: #0b154b;
    font-weight:bold;
    position: relative;
    left: 3.5em;
    bottom: 2em;
}




.botondescarga img{ width: 30%;
position: relative;
left: 4em;}




footer{
    width: 100%;
    max-width: 1000px;
    margin: ;
    font-size: 12px;
    bottom: 0;
    top: 90%; 
    margin: top;
    background-color:#0b154b;
color: azure; 
    padding: 10px;}