@charset "utf-8";


/*                    LANDING:                     */

.bodylanding {}

.fondolanding img {
    width: 100%;
    position: absolute;
    z-index: -100;

}

.contenedorlanding {
    position: fixed;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 80%;
    width: 80%;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 10%;
    margin-right: 10%;
    background-color: white;
    -webkit-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
    -webkit-box-shadow: 1px 1px 30px 1px rgba(0, 0, 0, .40);
    box-shadow: 1px 1px 30px 1px rgba(0, 0, 0, .40);
    z-index: -50;

}

.contenedorlanding  {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: baseline;
	align-content: stretch;
    

    
}



.contenedorlanding img { 
        width: 101%;
    position: absolute;
    
    
}



.contenedorlandinginfo {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: baseline;
	align-content: stretch;
    position: fixed;
    height: 80%;
    width: 80%;
    margin-top: 8%;
    margin-bottom: 8%;
    margin-left: 14%;
    margin-right: 14%;
    
}

.contenedorlandinginfo {
    width: 40%
}

.contenedorlandinginfo div img {
    margin: 0 0 .4em 0;
    padding: 0;
    text-align: left
}
    
.contenedorlandinginfo div h1{
    margin: 0 0 .4em 0;
    padding: 0;
    text-align: left
}

.contenedorlandinginfo div h4{
    margin: 0 0 .4em 0;
    padding: 0;
    text-align: left
}

.contenedorlandinginfo div h4{
    margin: 0 0 .4em 0;
    padding: 0;
    text-align: justify;
}

.logolanding {
    transform: scale(101%)
}


.contenedorlandinginfo .descarga {
    
    margin: 2em;
        margin-bottom: 4.7em;
    transform: scale(1.4)
    
}








































* {
    font-family: sans-serif;
    margin: 0em;
    font-family: roboto;
    color: white;


}


p {
    1rem;
}


a {
    text-decoration: inherit;
}

footer {
    padding: 1% 0% 1% 0%;
    background-color: #35701B;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: baseline;
    align-content: space-around;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 2.5em;
}

footer img {
    height: 2em;
    background-color: inherit;

}

body {
    margin-bottom: 3em;
}


nav {
    position: sticky;
    top: 0;
    z-index: 100;

}

.footernoticia1 img {
    background-color: inherit
}



/*                     INDEX                         */


.rotonda {
    text-transform: uppercase;
    font-size: 1.5em;
    justify-content: center;
    align-items: center;
    color: rgba(6, 52, 0, 0.94);
    margin: 0.4em;
    padding: 0.2em;
    text-align: center;
    align-items: stretch;
}

.rotondainfo {
    text-transform: uppercase;
    font-size: 0.9em;
    justify-content: center;
    align-items: center;
    color: rgba(6, 52, 0, 0.94);
    margin: 1em;
    display: flex;
}

.logoroto {

    justify-content: center;
    align-items: center;
    margin: 1em;
}

.espacio {
    margin: 2em;
    display: flex;

}

.integrantes {
    justify-content: center;
    align-items: center;
    margin: 1em;
    display: flex;
}



.macarena {

    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: rgba(6, 52, 0, 0.94);
    margin: 3em;
    display: flex;

}

.joaquin {

    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: rgba(6, 52, 0, 0.94);
    margin: 3em;
    display: flex;

}

.micaela {

    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: rgba(6, 52, 0, 0.94);
    margin: 3em;
    display: flex;

}

.ignacio {

    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: rgba(6, 52, 0, 0.94);
    margin: 3em;
    display: flex;

}


.nombres {
    background-color: #123711;
    justify-content: center;
    align-items: center;
    margin: 0em;
    padding: 0.2em;
    text-align: center;
    align-items: stretch;

}

.carnet {
    background-color: #123711;
    justify-content: center;
    align-items: center;
    margin: 1em;
}

.profes {
    font-size: 1em;
    justify-content: center;
    align-items: center;
    margin: 0em;
    display: flex;

}







/*                        LOGIN                        */


.registro {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0em;
    background-color: #123711;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;


}

.inicio {
    padding: none;
    margin: 0;
    bottom: 0;
    width: 100%;
    height: 610px;
    font-size: 1em;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;

}

.inicio1 div {

    padding: 0.5em;
    display: flex;
    flex-direction: column;
    height: %;
    align-items: right;
}

.inicio footer {

    height: 30px;
    padding: 0.5em;
    font-size: 70%;
    margin: 0;
    background-color: #123711;
    width: 100%;
    position: fixed;
    bottom: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
    align-content: space-between;
}

.inicio1 {
    width: 100%;
    height: 100%;
    font-size: 1em;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;

}

.inicio footer p {
    margin: 1em;
    background-color: #123711;
}


form {

    widows: 100%;
    border: 0;
    color: lightgreen;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-content: flex-start;
}

}


.iniciarsesion {

    padding: 5em;
    margin: 3em 0em 1.5em 0;
    width: 60%;
    background-color: #224220;
    -webkit-border-radius: 545px;
    border-radius: 545px;
}

.iniciarsesion p {
    background-color: #224220;
}



input {
    padding: 0.5em;
    background-color: #c7c7c7;
    color: #12491D;
    text-decoration: inherit;
}

input [type="submit"] {
    padding: 5em;
    color: white;
    background-color: #123711;
    border-radius: 545px;
    border-radius: 545px;
}

.olvide {
    margin-bottom: 2em
}

.logo {
    margin-top: 2em
}

input [type="submit"]:hover {
    opacity: 1;
}

input [type="submit"]:active {
    transform: scale(0.95)
}

.partidos {
    position: fixed;
    bottom: 4em;
    right: 1.5em
}
























/*                     INICIO                         */

a .tele {
    width: 100%
}


a .radio {
    width: 100%;

}

.partidodetalle {
    background-color: azure;
}

nav {
    background-color: #123711;
    width: 100%;
    height: 4.5em;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
    z-index: 200;
}

h1 {
    width: 8em;
    text-align: center;
}

.partido {
    width: 100%;
    background-color: rgba(201, 201, 201, 0.94);
    padding: 1em 0 1em 0;
}


.brown {


    margin: 0 0 em;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}

.principal {
    width: 100%;

}

.amistoso {
    padding: 0 0 1em 0;
}

.partido p {
    font-size: 50%;
    padding: em 1em 3em 1em;
    text-align: center
}

.marcador {
    font-size: 70%;
    text-align: center;
}

.partido div div {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
}


h4 {
    text-align: center;
    padding: .5em
}

article {
    margin: 0em;
}

.terminado {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.marcador {
    text-align: center;
}


.compra {
    color: #285027;
    height: 45px;
    background-color: #cecece;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}


.compra div {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    color: #123711;
}

.compra div p {
    font-size: 60%;
    color: #123711;
    margin-right: 3em
}

.compra div img {
    transform: scale(0.70);
    margin: 0.2em 1em 0 0;
}

.boletos {
    transform: scale(1.2);
    margin-right: 0.6em
}

.media {
    padding: 0px;
    margin: 0px;
    display: ;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
}

.media div {
    margin: 0.5em 0 0 0;
    font-size: 90%;
    width: 100%;
    background-color: #35701B;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: space-between;
}

.media div img {
    transform: scale(0.7)
}

.tele {
    transform: scale(1);
    width: 50%;

}

.radio {
    transform: scale(0.98);
    width: 50%;
}



.pibes {
    margin: 0.5em 0 0 0;
    background-image: url(../imagenes/rotonda/fotos/noticia1.jpg);
    background-size: cover;
    min-height: 17em;
    max-height: 16em;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
    align-content: stretch;
}

.pibes div {
    width: 100%;
    background-color: rgba(0, 0, 0, 60%);
    font-size: 80%;
    padding: 1.5em;
}

.pibes p {
    margin: 0.5em 0 0 0;
}

.pibes2 {
    margin: 0.5em 0 0 0;
    background-image: url(../imagenes/rotonda/fotos/noticia2.jpg);
    background-size: cover;
    min-height: 17em;
    max-height: 16em;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
    align-content: stretch;
}

.pibes2 div {
    width: 100%;
    background-color: rgba(0, 0, 0, 60%);
    font-size: 80%;
    padding: 1.5em;
}

.pibes2 div {
    width: 100%;
    background-color: rgba(0, 0, 0, 60%);
    font-size: 80%;
    padding: 1.5em;
}

.pibes2 p {
    margin: 0.5em 0 0 0;
}

.pibes3 {
    margin: 0.5em 0 3.5em 0;
    background-image: url(../imagenes/rotonda/fotos/noticia3.jpg);
    background-size: cover;
    min-height: 17em;
    max-height: 16em;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
    align-content: stretch;
}

.pibes3 div {
    width: 100%;
    background-color: rgba(0, 0, 0, 60%);
    font-size: 80%;
    padding: 1.5em;
}

.pibes3 p {
    margin: 0.5em 0 0 0;
}

.redes {
    font-size: 80%;
    height: 6em;
    margin: 0.5em 0 0.5em 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.redes a {
    width: 100%;
    height: 6em;
}

.yt {
    height: 6em;
    margin: 0 0.25em 0 0;
    background-color: #35701B;
    background-image: url(../imagenes/rotonda/fotos/youtube.jpg);
    background-size: cover;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: space-between;
}



.ig {
    height: 6em;
    margin: 0 0.25em 0 0;
    background-color: #35701B;
    background-image: url(../imagenes/rotonda/fotos/instagram.jpg);
    background-size: cover;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: space-between;

}




.redes div p {
    background-color: rgba(0, 0, 0, 60%);
    padding: 1em 0 2em 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+50,000000+100&0.65+49,0.65+50,0+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 49%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 49%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 49%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
    text-align: center;
}
















/*                  NOTICIAS                    */




.noticia1 nav {
    background-color: #123711;
    width: 100%;
    height: 4.5em;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
}

.noticia1 {
    background-color: #e5e5e5;
    padding: 1em;
}

.noticia1 div {
    width: 100%;
    background-color: #e5e5e5;
    padding: 0.3em 0 0.3em 0;

}

.cita h6 {
    margin: 1em;
    color: white;
    background-color: #224220;
    width: 280px;
    padding: 0.5em;
    margin: 1em;
    text-align: center;
    font-size: 0.9em;

}


.noti6 h6 {

    color: white;
    background-color: #224220;
    width: 100px;
    padding: 0.3em;
    text-align: center;
    font-size: 0.8em;
}

.noti5 h5 {
    font-size: 1em;
    margin: 0em;
    margin-left: -20px;
    width: 5em;
    color: #c2c2c2;
    background-color: white;
    text-align: center;

}

.noticia1 div h2 {
    margin: 1em 0 1em 0;
    color: black;
    font-size: 140%
}

.noticia1 div h4 {
    margin: 1em 0 1em 0;
    color: black;
}

.noticia1 div p {
    padding: 1em 0 1em 0;
    color: black;
    font-size: 80%;
}

.noticia1 img {
    background-color: #224220;
    width: 100%;
    margin: 1em 0.5em 1em 0, 5em;


}

.otrasnoticias {
    margin: -1em 0 1em 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    font-size: 70%
}


.otrasnoticias img {
    width: 96%;
    height: 10em;
    margin: 0 0 -.5em 0
}


.footernoticia1 {
    padding: 1% 0% 1% 0%;
    background-color: #282828;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: baseline;
    align-content: space-around;
    position: fixed;
    bottom: 0;
    width: 100%;

}

h3 {
    font-size: 150%;


}




.noticias div {
    height: 17em;
    width: 100%;
}

.titulares {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: stretch;
    align-content: center;
    width: 100%;

}

.noticia1 h3 {
    color: black;
    padding: 1em
}





/*                    CONTACTO:                 */

.contacto {
    background-color: #e5e5e5;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;

}

.plano {
    width: 90%;
    padding: .2em;
    background-color: #bebebe
}


.contacto h3 {
    color: black;
    margin: 1em;
}

.contacto p {
    color: black;
    margin: 1em;
}


.contacto h4 {
    color: black;
    margin: 1em;
}

.contacto a {

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;

}









/*                         ENTRADAS                      */




.entradas {
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    color: black;
}

.entradas img {
    width: 100%
}


.tablaentradas {
    margin-top: 1em;
}

.presupuesto {
    width: 335px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
    align-content: stretch;
    margin-top: .5em;


}

.precioentradas {
    width: 20%;
}

.ubicacion {
    width: 50%;
}

.bodyentradas h3 {
    color: black;
    margin-right: .5em;
}


.bodyentradas p {
    color: #676767;
    margin: .5px;

}

.comprara {
    margin: 2em;
    width: ;
    background-color: #b1c99f;
    padding: 0.5EM
}


























/*                    PARTIDOS                      */






.match {
    background-color: #c7c7c7;
}

.partido {
    margin-bottom: 0.2em;
}

.torneo {
    padding: 0.5em;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}


.partido2 {
    width: 100%;
    background-color: #c7c7c7;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    padding: 1em 0 1em 0;
}

.partido2 p {
    font-size: 50%;
    padding: 1em;
    text-align: center
}

.partido2 h {
    padding: 0.4em;
}

.partido2 div div {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}





.partidosvarios {
    margin-bottom: 4em;
}


.maspartidos {
    margin: 1em 2em 1em 2em;
    padding: .5em;
    background-color: #35701B;
    display: flex;
    align-content: center;
    align-content: center;
    justify-content: center;

}




.botongoleadores {
    margin: 1em 2em 3em 2em;
    padding: .5em;
    background-color: #224220;
    display: flex;
    align-content: center;
    align-content: center;
    justify-content: center;

}






.botongoleadores2 {
    margin: 1em 2em 4em 2em;
    padding: .5em;
    background-color: #224220;
    display: flex;
    align-content: center;
    align-content: center;
    justify-content: center;

}





/*                  PARTIDO INFO                     */





.partido div div {

    font-size: 150%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: inline-block
}

.contenedorinfo {
    background-color: aliceblue;
    color: black;
}



.info {
    color: black;
    padding: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.info div {
    margin: 0.5em 0 0.5em 0;
    font-size: 70%;
    width: 100%;
    background-color: aliceblue;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: space-between;
}

.info div p {
    color: black
}




.media3 {
    font-size: 0.7em;
    background-color: rgb(18, 55, 17);
    padding: 5px;
    margin: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;

}


.media4 {
    margin: 0.5em 0 0.5em 0;
    font-size: 70%;
    width: 100%;
    background-color: rgba(53, 112, 27, 0.76);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.media2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.media2 div {
    margin: 0.5em 0 0.5em 0;
    font-size: 70%;
    width: 100%;
    background-color: rgba(53, 112, 27, 0.76);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: space-between;
}



h3 {
    color: rgb(255, 255, 255);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
}


.contenedormedia {
    background-color: #35701B;
}

.torneo {
    10080%;
    width: 100%;
    background-color: rgba(34, 66, 32, 0.71);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    padding: 1em 0 1em 0;
}






/*               GOLEADORES               */



.goleadores .media3 {}


.golea {
    background-color: rgba(245, 245, 245, 0.76);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.golea div {
    margin: 0.5em 0 0.5em 0;
    font-size: 70%;
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
    align-content: space-between;
    color: black;
}

.golea p {
    color: black
}








/*                    ENTRADAS                    */


.bodyentradas {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
}

.entradas img {
    margin-top: 1em;
}

.comprar {
    width: 94%;
    padding: .5em;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.comprar p {
    color: darkgreen;
    text-align: center;
}









/*                    COMPRAR:                     */






.comprarbody div {
    background-color: #b1c99f;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    width: 100%;
    position: static;
    bottom: 0em;


}

.botoncomprar {
    background-color: #002e00;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin:
        1em 0 1em 0;
    -webkit-border-radius: 15px 15px;
    border-radius: 15px 15px;
    transform: scale(.85);
    padding: 0em;

}

.paracentrar {
    background-color: #b1c99f;
    padding: 0.5em;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: stretch;
    height: 640px;
    align-content: stretch;
    margin-top: -5em;





}

.paracentrar {
    background-color: #b1c99f;
    padding: 0.5em;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
    padding: 0;
    margin-top: -1em;
    margin-right: 2em;
    margin-left: 2em;
    padding-bottom: 3em;
    align-self: center;



}

.paracentrar div {
    height: 50%
}

.espacio {
    padding: 1em;
    margin: 0;
    background-color: aliceblue
}

.paracentrar h5 {
    text-align: center;
    transform: scale(1.4)
}

.aclaracion p {
    text-align: center;
    transform: scale(.8)
}


/*                    HISTORIA / GALERIA                    */



.otros {
    margin: 0.5em;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    font-size: 70%
}

h6 {

    color: rgb(255, 255, 255);
    margin: 0px;
    padding: 10px;
    font-size: 60%;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
}

/*                    PERFIL:                 */


.perfil {
    height: 20em;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    margin: 3em;
}

.perfil h3 {
    color: black;
    margin: 0 0 0 0;
}

.perfil p {
    color: black;
    margin: 2em 0 0 0;
}

.perfilpipi img {
    height: 10em;
    width: 10em;
    background-image: url(ima) -webkit-border-radius: 250px;
    border-radius: 250px;
    margin: 4em 0 1em 0;
}








/*                    MAPA:                     */

.mapa {
    width: 100%
}


/*                  VIDEOS                  */


.videos {
    background-color: #e5e5e5;
    padding: 0em;
}

.videos div {
    width: 100%;
    background-color: #e5e5e5;
    padding: 1em 0 1em 0;

}

.canal p {

    margin: 0em;
    color: white;
    background-color: #224220;
    width: 0em;
    padding: 1em;
    margin-left: 3.5em;
    text-align: center;
    width: 200px;
    display: flex;

}

.videos h3 {
    margin: 0.4em;
    text-align: center;
    color: black;
    font-size: 2em;
    display: flex;
}

.videos h6 {
    margin: 1em;
    color: black;
    background-color: ;
    width: 8em;
    padding: 0.5em;
    margin: 1em;
    ;
    text-align: center;
}

.videos h5 {
    font-size: 1em;
    margin: em;
    width: 6em;
    color: black;

    text-align: center;

}

.videos h4 {
    margin: 0.3em;
    color: black;
    font-size: 1.5em;
}



.nvideos img {
    background-color: #224220;
    width: 100%;
    margin: 1em 0.5em 1em 0, 5em;


}

video {
    width: 100%;

}



/*                    TABLA                   */

.tabla {
    background-color: rgba(53, 112, 27, 1);
}

.contenedortabla p {
    text-align: center
}

.tablin {
    width: 100%;
    padding: ;
    background-color: #013c01;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: stretch;
}











/*            TIENDA:                 */



.productos {
    width: 100%;
    background-color: white;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    align-content: flex-end;
    background-color: #f1fff1;




}

h1.textotienda {
    color: black;
    padding: .5em;
    margin: 1em 0 0 0 0
}


h2.textotienda {
    color: black;
    padding: .5em;
    margin: 1em 0 0 .4em;
}



p.textotienda {
    color: black;
    padding: .25em;
    margin: 0 1em 0 1em;
}


.textotienda a {
    color: #015a01;
}

/*
.productconteiner{ 
    
    
    background-color: antiquewhite;
	display: flex;
    width: 100%;
    	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: flex-end;
    
    }
*/
.productosduo {
    margin: 3px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: stretch;
    padding: 0;
}


.productconteiner {

    width: 47%;
    outline: 2px auto #C9C9C9;
    outline-offset: 56px;
    display: flex;
    flex-direction: column;
    background-color: white;

    align-items: center;
    align-content: stretch;

}

.productph {
    display: flex;
    max-height: 12em;
    padding: 1em;


}

.productph img {
    display: flex;
    width: 100%;
    height: 100%;


}





.productdetalles {
    padding: 1em;
    margin: 1em;
    margin-top: 0;

    display: flex;
    flex-direction: column;
    flex-wrap: wrap-reverse;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;
}

.productdetalles p {
    color: gray;
    font-size: 1em;
}

.productdetalles h2 {
    color: black;
    text-align: inherit;
}

.productdetalles h4 {
    color: black;
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-align: inherit
}





.typonegra {
    color: black
}

.producto .typonegra {
    color: black;
    margin-top: 2em;
}






/**                          PRODUCTO:                 */




.producto {
    width: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;





}


.fotoproducto {
    width: 70%;
    background-color: inherit
}



.product {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.producto h3 {
    color: green;

    text-align: right;
}

.precio {
    margin-bottom: 2em;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin-right: 2em
}


.enstock {
    margin-top: 1em;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin-right: 2em;

}

.miselana {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
    align-content: stretch;
    width: 100%;
    outline: 1px solid #H;
    padding-top: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}


.miselana2 {
    outline: 1px solid #c2c2c2;
    width: 100%;
    margin: 1.5em;
    margin-top: -1em;
    padding: .3em
}

.enstock p {
    color: gray
}

.talles div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.talles h4 {
    color: gray
}

.talles p {
    color: gray
}

.talle {
    outline: 1px solid #c2c2c2;
    height: 2.5em;
    width: 2.5em;
    margin: .3em
}


.talles {
    margin-bottom: 1.5em
}





.otrosproductos {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
}

.otrosproductos .productconteiner {
    width: 30%;
    transform: scale(.7)
}


/*                    RADIO:                     */







.boton {
    padding: 1em;
    background-color: darkgreen;
    margin-top: 2em;
}









/*                    TV:                     */

.media2 {


    background-color: #35701B;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
}


.vivo h5 {
    font-size: 1em;
    margin-bottom: 2em;
    margin-top: -2em;
    padding: 0.6em;
    margin-left: 70px;
    width: 11em;
    color: white;
    background-color: #35701B;
    text-align: center;

}


.vivo h4 {
    font-size: 1em;
    margin-bottom: em;
    color: white;
    margin-top: -2em;
    text-align: center;
}


.programa2 h6 {
    font-size: 0.8em;
    margin: em;
    padding: 0.4em;
    margin: 0px;
    width: 17em;
    color: white;
    background-color: #35701B;
    text-align: center;

}

.programa3 h6 {
    font-size: 0.8em;
    margin: em;
    padding: 0.4em;
    margin: 0px;
    width: 8em;
    color: white;
    background-color: #35701B;
    text-align: center;

}















/*                  SLIDENAV                */



ul {
    width: 60%;
    background-color: rgba(18, 55, 17, 0.86);
    position: absolute;
    margin-top: 27.4em;
    right: 0;
    text-align: right;
    display: none;
    text-decoration: none;
    list-style: none;
    padding: 0 0 25em 0;
    z-index: 5;
    padding-top: .5em;
}




ul li {
    color: white;
    font-size: 1.5em;
    text-decoration: inherit;
    margin-top: 0em;
    margin-bottom: -0.1em;
    margin-right: .5em;
    text-align: left;


}

li {
    margin-top: 1em;
    margin-right: 1em;
    text-align: left;

}



}

ul li {
    text-decoration: none;
    padding: .5em;
    text-decoration: inherit;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
}






/*                    FOOTER:                 */

footer {
    padding: 1% 0% 1% 0%;
    background-color: #35701B;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: baseline;
    align-content: space-around;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 2.5em;
}

footer img {
    height: 2em;
    padding:
}