@import url('https://fonts.googleapis.com/css?family=Roboto:300i,400,900&display=swap');

/*

width: calc (100% - 2em)
*/




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

img {    max-width: 100%;}

html {
    font-size: 16px;
}

body {
    margin-top: 6em;
    background-color: #E6FAFF;
   
}

a{
    text-decoration: none;
}



h1 {font-family: 'Titillium Web', sans-serif;
font-weight: 700;}


h2 { font-family: 'Titillium Web', sans-serif;
font-weight: 400;
line-height: 1em;}

 h3 { 
    font-family: 'Titillium Web', sans-serif;
    font-size: 0.57em; 
    color: white;
    
    padding: 0.5em;
    background-color: rgba(220, 21, 55, 0.79);
    
    position: absolute;
    bottom: 1.5em;
}


label {font-family: sans-serif}

p {font-family:  sans-serif}

header{position:fixed; z-index:99999}

nav {
    
    background-color: black;
    position: fixed;
    top: 0;
    left: 0;
    width: 92%;
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 5em;
    padding-top: 1em;
    padding-bottom: 1em;
    
    padding-left: 4%;
    padding-right: 4%;
}

#iconomenu {cursor: pointer}

#menu {

    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    font-family: sans-serif;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 50px;
    background-color: black;
    width: 200px;
    padding: 10px;
    display: none;
    position: fixed;
    
    
}

.linknav {padding-left: 0.7em}

li {padding: 1em;
    display: flex;
    align-items: center;}


#logo {
    padding-left: 2em;
    padding-right: 2em;
}


main {
    display: flex;
    flex-direction: column;
justify-content: center;
  
min-height: 20em;
}

.secciones { width: 100%;}


.titulos {
    font-family: 'Titillium Web', sans-serif;
    background-color: #DC1537;
    color: white;
    max-width: 100%;
    height: 6.5em;
    display: flex;
    align-items: center;
    padding-left: 10%; }


.desarrollo {
    min-height: 25em;
    max-width:  100%;
display: flex;
    flex-wrap: nowrap;
justify-content: center;
align-items: center;
    
    overflow: auto;
    
}

/* TIENDA */

#derecha {
    display: flex;
    flex-direction: row;
}

#tienda {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.producto {
    width: 80%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5%;
    padding: 3%;
    background-color: white;
    opacity: 0.7;
    border-radius: 21px 21px 21px 21px;
    border: 2px solid #ffffff;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

}

.producto img {
    min-width: 50%;
}

.infoproducto { 
    width: 100%;
        margin: 5%;
    margin-left: 10%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

}

.antes {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 200;
    text-decoration: line-through;
}

.ahora {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    font-size: 3em;
    color: #009d30;
    line-height: 50px;
}

.precio {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    font-size: 2.5em;
    color: black;
    line-height: 50px;
}


.rebaja {font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    color: #009d30;
font-size: 1.2em;}

.comprar {margin-top: 1.5em}

.comprar,
#vercamiseta,
#verbotines,
#verpelota,
#vershort {
    cursor: pointer;
    background-color: #3B8DC4;
    width: 9em;
    height: 3em;
    color: white;
    font-size: 1em;
    border-radius: 5px 5px 5px 5px;
    margin-top: 1em;
    margin-right: 1em;
}

.anadircarrito {
    cursor: pointer;
    background-color: white;
    margin-top: 1em;
    width: 9em;
    height: 3em;
    color: #0060a0;
    font-size: 1em;
    border-radius: 5px 5px 5px 5px;
    border-color: #0060a0;
    border-width: thin;
}

#detallescamiseta,
#detallesbotines,
#detallespelota,
#detallesshort {
    height: 80vh;
    width: 70%;
    position: fixed;
    overflow: scroll;
    z-index: 10000000; 
    
    top: 7em;
    left: 4em;
    background-color: white;
    border-radius: 21px 21px 21px 21px;
    border: 2px solid #ffffff;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: none;
    padding: 5%;

}

.imagenproducto {
    width: auto;}

.paquetedetalles {width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    
    overflow: auto;
}



.cerrarpopup {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    cursor: pointer;
}

.paquetedetalles img {
    max-width: 200px;
    height: auto;}

.variantes {
    height: 2em;
    margin: 0.5em;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
    align-content: stretch;}

.colores { display: flex;
flex-direction: row;}

#rojo, #rojobotines { background-color: #DC1537;
    width: 1.5em;
    height: 1.5em;
    margin-right: 1em;
    cursor: pointer;
}

#azul, #azulbotines{ background-color: #0e5889;
    width: 1.5em;
    height: 1.5em;
    margin-right: 1em;
    cursor: pointer;
}

#negro, #negrobotines { background-color: black;
    width: 1.5em;
    height: 1.5em;
    margin-right: 2em;
    cursor: pointer;
}

.selecttienda { padding-left: 5px;
     background: #E6FAFF;
     font-size: 14px;
     height: 2em;
     width: 5em;
    border-color: #0060a0;
    color: #0060a0;
  }

.pagoenvio { color: #009d30;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0.7em;}

/*  Pagar */

#pago { width: 90%;
margin: 5%;
display: flex;
flex-direction: column;
flex-wrap: wrap;}

#formulario {
    padding-left: 10%;
    margin-top: 0.5em;
    margin-bottom: 1em;
    display: flex;
    flex-direction: column}

.imagenpagar {
    width: 90%;
    margin: 5%;
max-width: 300px;}

.imagenpagar img {}

.titulocompra {padding-left: 10%;
padding-top: 5%; line-height: 35px;}

.labelpago {font-family: 'Titillium Web', sans-serif;}
.labelpago2 { font-family: 'Titillium Web', sans-serif;
font-size: 0.8em; margin-right: 10px;}

.inputpago { font: roboto;
    padding-left: 5px;
     background: white;
     font-size: 14px;
     height: 2em;
     width: 5em;
    border-radius: 5px;
    border-color: #0060a0;
    border-width: thin;
    color: #0060a0;
    margin-top: 7px;
  }

.selectpago { padding-left: 5px;
     background: white;
     font-size: 14px;
     height: 2em;
     width: 5em;
    border-color: #0060a0;
    color: #0060a0;
    margin-top: 7px;
  }

#total {   
    padding-right: 10% ;
    padding-left: 10%;
    display: flex; flex-direction: column; justify-content: space-between; align-content: center;}

#botonespagar {display: flex; flex-direction: row}

.gracias {
    margin: 10%;
    width: 80%;
    display: flex; flex-direction: row;
    align-items: center;}

/* InicioTienda */

.indexproducto {
    width: 90%;
    min-height: 37em;
    padding-left: 1em;
    background-color: white;
    border-radius: 21px 21px 21px 21px;
    border: 2px solid #ffffff;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: auto}

.infoproductoindex {width: 90%; height: 90%; margin-bottom: 2em;}


/*Empieza NOVEDADES */ 

.noticias {
    display: flex;
    flex-direction: column; }
    



.nota {
    margin-top: 1em;
    min-width: 20em;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    max-width: 50em;
    background-color: white;
    background-image: url(../imagenes/not1.jpg);
    background-size: cover;
}

.notb {
    margin-top: 1em;
    min-width: 20em;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    max-width: 50em;
    background-color: white;
    background-image: url(../imagenes/not2.jpg);
    background-size: cover;
}

.notc {
    margin-top: 1em;
    min-width: 20em;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    max-width: 50em;
    background-color: white;
    background-image: url(../imagenes/not3.jpg);
    background-size: cover;
}

.notd {
    margin-top: 1em;
    min-width: 20em;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 1em;
    max-width: 50em;
    background-color: white;
    background-image: url(../imagenes/not4.jpg);
    background-size: cover;
}

.txtnot {
    padding: 3%;
    padding-top: 30%;
}

.titnot {
    font-size: 2em;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
    color: white;
    background-color: #DC1537;
    background-size: auto;
    padding: 3px;
    padding-bottom: 0px;
}

.subnot {
    background-color: #DC1537;
    color: white;
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 3px;
    font-family: 'Titillium Web', sans-serif;

}

.etinot {
    font-size: 0.5em;
    background-color: black;
    color: white;
    padding: 3px;
}

/* Empieza el popup */

.popupnota {
    background-color: #17447a;
    max-width: 85%;
    position: fixed;
    top: 10vh;
    left: 5%;
    height: 80vh;
    overflow: auto;
    z-index: 1000000;
    padding: 3%;  
    display: none;
    border-color: black;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
    
}

.popupnotb {
    background-color: #17447a;
    max-width: 85%;
   
    position: fixed;
    top: 10vh;
    left: 5%;
    height: 80vh;
    overflow: auto;
    z-index: 1000000;
    padding: 3%;  
    display: none;
     border-color: black;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
   
    
}

.popupnotc {
    background-color: #17447a;
    max-width: 85%;
   
    position: fixed;
    top: 10vh;
    left: 5%;
    height: 80vh;
    overflow: auto;
    z-index: 1000000;
    padding: 3%;  
    display: none;
    border-color: black;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
   
    
}

.popupnotd {
    background-color: #17447a;
    max-width: 85%;
   
    position: fixed;
    top: 10vh;
    left: 5%;
    height: 80vh;
    overflow: auto;
    z-index: 1000000;
    padding: 3%;  
    display: none;
    border-color: black;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
    
}



.poptit {
font-size: 2em;
font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
    color: white;    
}

.popsubtit {
     color: white;
    font-family: 'Titillium Web', sans-serif;
 font-size: 1.5em;
    line-height: 25px;
    margin-bottom: 20px;
}

.poptxt {
    color: white;
    font-family:'Titillium Web', sans-serif;
    line-height: 22px;
    max-width: 95%;

}

.popimg {
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
  
}

.popclose {
    height: 1em;
    width: 1em;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
}

.fondonot{
    position: fixed;
    top: 0;
    z-index: 100000;
    background-color: rgba(0, 0, 0, 0.58);
    height: 100%;
    width:100%;
    display: none;
}


/* termina el popup */
/*termina Novedades */

/* CALENDARIO */


#calendario {
    margin-bottom: 3em; 
    
}

.semana{
   
    display: flex;
    justify-content: center;
    margin-top: 3px;    
}




.titcal  {
    margin-left: 20%;
    font-size: 1.5em;
    font-family: 'Titillium Web', sans-serif;
    margin-top: 1em;
}

.mesoct {
    
    font-family: 'Titillium Web', sans-serif;
    font-size: 1.5em;
    padding: 1em;
}

.mesnov {
    
    font-family: 'Titillium Web', sans-serif;
    font-size: 1.5em;
    padding: 1em;
    display: none;
}

.hoy{
    width: 10%;
    height: 3em;
    background-color: darkgray;
    padding: 1%;
    margin: 3px;
    }



.diav {
    width: 10%;
    height: 3em;
    background-color: gainsboro;
    padding: 1%;
    margin: 3px;
}

.dias {
    width: 10%;
     height: 1em;
    background-color: darkgray;
    padding: 1%;
    margin: 3px;
}



.diav {
    width: 10%;
    height: 3em;
    background-color: gainsboro;
    padding: 1%;
    margin: 3px;}

.nodia {
    width: 10%;
    height: 3em;
    background-color: #94253b;
    padding: 1%;
    margin: 3px;
}

.diat {
    width: 10%;
    height: 3em;
    background-color: #3660aa;
    padding: 1%;
    margin: 3px; }

.hoverdiat {
    width: 10%;
    height: 3em;
    background-color: 3660aa;
    padding: 1%;
    margin: 3px;
}

.dian {
    font-family: 'Titillium Web', sans-serif;
    color: black;
    
}
.torn {
    margin-top: 3px;
    color: white;
    
}

.calenflechab {
    height: 30px;
}
.calenflechaf {
    height: 30px;
}

.calennav {
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.nov {
    display: none;
}
/* termina calendario */



/*   GALERIA */

#titulogaleria  {
    font-family: 'Titillium Web', sans-serif;
    background-color: #DC1537;
    color: white;
    max-width: 100%;
    height: 6.5em;
    display: flex;
    align-items: center;
    padding-left: 13%;
    
    cursor: pointer;
    position: relative;
    
     }

#ulgaleria {

    display: flex;
    flex-wrap: wrap;
    
      font-family: 'Titillium Web', sans-serif;
    font-weight: 500;
    font-size: 0.75em;
    color: #DC1537;
    max-width: 77%;
    background-color: #DC1537;
    z-index:999;
    text-decoration: none;
       
    position: absolute;
    top: 7em;
    left: 12%;
    display: none;
}

.iconosver {margin-left: 10%; padding: 2em 0em 0 1em}


.iconosver img {
    height: 3em;
    width: 3em;
    padding-right: 1.5em;
    
    cursor: pointer;
   }

#vistafilas {display: none;
background-color: #E6FAFF;
    
    }

/* slider INICIO */ 

.slideliinicio {padding: 0;}

#sliderinicio {
    
    max-width: 100%;
    height: 300px;
    overflow: hidden;
       
   margin: 2em 3% 2em 3%;  
}

#sliderinicio .slidesinicio {
    
 display: block;
 width: 7000px;
 height: 300px;
 margin: 0;
 padding: 0;
}


#sliderinicio .slideliinicio {

float: left;
list-style-type: none;
     width: 300px;
height: 300px;  
    
    position: relative;

}

/* termina slider inicio */ 

.galeriaslide {
    
    height: 80%;
    overflow: auto;
    
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;

    align-items: center;
    
    margin: 2em 3% 2em 3%;
}

.galeriaslide a {display:block; min-width:44%; max-width:44%;}

.galeriaslide .album {display:block; min-width:55%; }   


#albumgaleria { 
    display: flex;
    flex-wrap: wrap;
    margin: 1em 3% 1em 3%;
}

#albumgaleria a { max-width: 50%;} #albumgaleria .alb1 { max-width: 50%;}

.album { position: relative; padding: 0.2em;}


/* POP UP galeria album1 */ 

.popupalb1 {
    background-color: rgba(23, 68, 122, 0.89);
    width: 100%;
    height: 100%;
   
    position: fixed;
    top: 0em;
    left: 0%;
    overflow: auto;
    z-index: 100000;
    padding: 12%; 
    
    display: none;
     
}

.popupalb1 .popclose {
    position: fixed;
    top: 2em;
    right: 2em;
}

.slideli  {padding: 0;}


/* SLIDER en album1 */ 

#slider {
    
    width: 300px;
    height: 300px;
    overflow: hidden;
    
    position: absolute;
    top: 25%;
    left: 7%;
}

#slider .slides {
    
 display: block;
 width: 5000px;
 height: 300px;
 margin: 0;
 padding: 0;
}


#slider .slideli {

float: left;
list-style-type: none;
width: 300px;
height: 300px;
}




   /*LOG IN*/

#fondologin { 
    background-image: url(../imagenes/bglogin.jpg);
    background-size: cover;
    background-position: left top;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 23rem;
    width: 100%;
    position: relative;
}


#login {
    font-family: 'Titillium Web', sans-serif;
    max-width: 95%;
    width: 18em;
    height: 15em;
    position: absolute;
    top:4rem;
    background-color: white;
    opacity: 0.7;
    border-radius: 21px 21px 21px 21px;
    border: 2px solid #ffffff;
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;

} 
.loginbtn {
    width: 100%;
    height: 2em;
    background-color: #a3c3e8; 
    font-family: 'Titillium Web', sans-serif;
    font-size: 1em;
    margin-top: 5px;
}

#login h1 { padding-bottom: 0.8em;}

#crearcuenta {  padding-top: 2em;
    font-size: 0.9em; }


/*CONTACTO*/

.contactogrande {
    max-width: 100%;
margin: auto;
}

#contacto { 
    padding: 2em 2em 2em 3%;
    
display: flex; 
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
}

#infocontacto { display: flex; flex-direction: column; align-items: flex-start;
                background-color: rgba(255, 255, 255, 0.81);
                border-radius: 21px 21px 21px 21px;
                border: 2px solid #ffffff;
                padding: 2em; padding-bottom: 2em;
}

   


#infocontacto li {font-family: 'Titillium Web', sans-serif;
                font-size: 0.9em;
                padding-left: 0; }


#mapa {  padding-top: 2em; z-index: 9999;}
#insta {padding-top: 2em; padding-left: 5%;}

/* FOOTER*/


footer { font-family: sans-serif;
    background-color: #3B8DC4;
color: white;
padding: 2em;
}

.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2em;
    font-size: 0.8em;
}

#infofooter {
    display: flex;
flex-direction: row;
justify-content: space-around;
}

.contacto {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0.7em;
    
}
.iconitos {
    height: 38px;
    margin-top: 0.7em;
    display: flex;
    flex-wrap: nowrap;
    
}

#terminos {font-size: 0.6em;
display: flex;
justify-content: center;}

 .loginimput{ margin: 2px 0px 2px 0px;
        
    }

.logintick {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 8px;
}

@media screen and (min-width:600px) {
    
    .titulos { padding-left: 15%; }
    
    
    #albumgaleria { margin: 1em 10% 1em 15%;}
 
    #albumgaleria img { max-height: 11em; width: auto;}
    
    #slider {
    
    width: 300px;
    height: 300px;
        
    position: absolute;
    top: 25%;
    left: 20%;
}
    
    .iconosver {margin-left: 15%;}    
    .iconosver img { height: 3.6em; width: 3.6em; padding-right: 2em;}
    
    #sliderinicio a {display:block; min-width:37%; max-width:37%; }
    
    #sliderinicio {margin: 2em 7% 2em 7%;} 
       
    .galeriaslide a {display:block; min-width:37%; max-width:37%; }
    
    .galeriaslide {margin: 2em 7% 2em 7%;}
    
    
    h3 { font-size: 0.67em; padding: 0.7em; }
    
/*     #contacto { padding-left: 15%;}*/
 
    
    
    /* TIENDA */ 
    
    /* GRACIAS*/

.postcompra { display: flex;
justify-content: flex-start;}

.gracias {
    margin: 5%;
    height 80%;
    width: 80%;
    display: flex; flex-direction: row;
    align-items: flex-start;}

.paquetegracias {margin-left: 2em;}
  
    
       
 .producto {
        width: 40%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        flex-direction: row-reverse;
        flex-wrap: wrap
    }


#tienda {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.paquetedetalles img {
    max-width: 300px;
}

#detallescamiseta,
#detallesbotines,
#detallespelota,
#detallesshort {
    flex-direction: row;
    flex-wrap: wrap}

.paquetedetalles {width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;}

#infopago {width: 50%}
.imagenpagar {width: 50%}

#pago { width: 90%;
margin: 5%;
flex-direction: row;
flex-wrap:nowrap; }
    
   /* inicio */ 
    .infoproductoindex { display: flex; direction: row;;
align-content: center; justify-content: center;margin-top: 3em;}
    
  
    
    
    
    /* 600 NOVEDADES */
    
.ayb{
        display: flex;
        flex-direction: row;
    }
    
.nota {
    margin-top: 1em;
    min-width: 10em;
    width: 90%;
    margin-left: 5%;
    margin-right: 0.5em;
    max-width: 25em;
    background-color: white;
    background-image: url(../imagenes/not1.jpg);
    background-size: cover;
}

.notb {
    margin-top: 1em;
    min-width: 10em;
    width: 90%;
    margin-left: 0.5em;
    margin-right: 5%;
    max-width: 25em;
    background-color: white;
    background-image: url(../imagenes/not2.jpg);
    background-size: cover;
}

.notc {
    margin-top: 1em;
    min-width: 20em;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    max-width: 50em;
    background-color: white;
    background-image: url(../imagenes/not3.jpg);
    background-size: cover;
}

.notd {
    margin-top: 1em;
    min-width: 20em;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    max-width: 50em;
    background-color: white;
    background-image: url(../imagenes/not4.jpg);
    background-size: cover;
}

.poptxt {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 18px;
    -moz-column-gap: 18px;
    column-gap: 18px;
    }


} 





@media screen and (min-width:1000px) {
    
    
    #iconomenu {padding-left: 13%}
    #menu {position: fixed;
        left: 15%;}
    
    #contacto { display: flex;  flex-direction: row;  }
    
    #mapa iframe {padding-top: 2em; width: 400px; height: 220px;}
    
    .contactogrande {display: flex; flex-direction: row}
    
    #usuario {padding-right: 13%; }
    
    .producto { flex-direction: row;}
    
    #slider {
    
    width: 300px;
    height: 300px;
        
    position: absolute;
    top: 25%;
    left: 25%;
}
    
    #albumgaleria a { max-width: 30%;} #albumgaleria .alb1 { max-width: 30%;}
    
    #albumgaleria img { max-height: 17em; width: auto;}
    
     #slideinicio a {display:block; min-width:31%; } 
    #sliderinicio {margin: 2em 15% 2em 15%;} 
    
    .galeriaslide a {display:block; min-width:31%; max-width: 31%;} 
    
    .galeriaslide {margin: 2em 15% 2em 15%;}
    
    #mapa {max-width: 100%; padding-top: 0.8em;}
    
    h3 { font-size: 0.85em; padding: 0.9em; }
    
    /* TIENDA */
    
   .botonescomprar {display: flex; flex-direction: row;}

    .anadircarrito {margin-top: 1.5em;
    margin-left: 1em;}
    
        
    /*NOVEDADES: MIN WIDTH:1000PX */
        
.ayb{
        display: flex;
        flex-direction: row;
    }
    
   .cyd {
        display: flex;
        flex-direction: row;
        }
    
.nota {
    margin-top: 1em;
    min-width: 10em;
    width: 90%;
    margin-left: 5%;
    margin-right: 0.5em;
    max-width: 40%;
    background-color: white;
    background-image: url(../imagenes/not1.jpg);
    background-size: cover;
}

.notb {
    margin-top: 1em;
    min-width: 10em;
    width: 90%;
    margin-left: 0.5em;
    margin-right: 5%;
    max-width: 40%;
    background-color: white;
    background-image: url(../imagenes/not2.jpg);
    background-size: cover;
}
    .notc {
    margin-top: 1em;
    min-width: 10em;
    width: 90%;
    margin-left: 5%;
    margin-right: 0.5em;
    max-width: 40%;
    background-color: white;
    background-image: url(../imagenes/not3.jpg);
    background-size: cover;
         margin-bottom: 1em;
}

.notd {
    margin-top: 1em;
    min-width: 10em;
    width: 90%;
    margin-left: 0.5em;
    margin-right: 5%;
    max-width: 40%;
    background-color: white;
    background-image: url(../imagenes/not4.jpg);
    background-size: cover;
   
}
/* termina novedades 1000 */
    
} 
    


@media screen and (min-width:1260px) {
    
          #contacto { padding-right: 20%}
    
     #slider {
            
    position: absolute;
    top: 25%;
    left: 30%;
}
    
}