@font-face {
    font-family: 'open_sans';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff2') format('woff2'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans_condensed';
    src: url('opensans-condbold-webfont.eot');
    src: url('opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-condbold-webfont.woff2') format('woff2'),
         url('opensans-condbold-webfont.woff') format('woff'),
         url('opensans-condbold-webfont.ttf') format('truetype'),
         url('opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans';
    src: url('opensans-condlight-webfont.eot');
    src: url('opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-condlight-webfont.woff2') format('woff2'),
         url('opensans-condlight-webfont.woff') format('woff'),
         url('opensans-condlight-webfont.ttf') format('truetype'),
         url('opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans';
    src: url('opensans-italic-webfont.eot');
    src: url('opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-italic-webfont.woff2') format('woff2'),
         url('opensans-italic-webfont.woff') format('woff'),
         url('opensans-italic-webfont.ttf') format('truetype'),
         url('opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}




@font-face {
    font-family: 'open_sans';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff2') format('woff2'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	background-color: #fffef9;
}

p a { 
    font-family: 'open_sans', sans-serif;
    font-weight: normal;
    font-style: normal;
	text-decoration: none;
	color: #052946;
}

#logo{
    width: 80%;
    height: auto;
}



img{max-width: 100%;
height: auto;
}

h1{
    text-align: center;
	font-size: 2em;
	font-weight: normal;
	font-style: normal;
    font-family: 'Open Sans condensed', "Helvetica", "Arial", sans-serif;
    text-decoration: none;
    color: #022251;
    letter-spacing: 2px;
    
}

h2{
    text-align: center;
	font-size: 1.5em;
	font-weight: normal;
	font-style: normal;
    font-family: 'Open Sans condensed', "Helvetica", "Arial", sans-serif;
    text-decoration: none;
    color: #D17D69;
    letter-spacing: 2px;
    LINE-HEIGHT: 1.5EM;
    padding: 1em;
    padding-left: 2em;
    padding-right: 2em;
    
}

h4{
    text-align: left;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
    font-family: 'Open Sans condensed', "Helvetica", "Arial", sans-serif;
    text-decoration: none;
    color: #022251;
    letter-spacing: 2px;
    LINE-HEIGHT: 1.5EM;
    padding-left: 3em;
    padding-right: 2em;
    
}


#container {
    background-color: #F7F5E5;
}


#header {
    text-align: center;
	padding: 20px;
    padding-top: 30px;
	background-color: #BDF4EE;
	}



nav ul li a {
        font-family: 'Open Sans condensed', "Helvetica", "Arial", sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    text-decoration: none;
    color: #022251;
    letter-spacing: 1px;
        }

nav  ul li {
        list-style:none;
        text-align: center;
        font-size: 0.7rem;
}

li{padding: 2em;}

#menuprincipal{
    background-color: #BDF4EE;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding-left: 3em;
    padding-right: 3em;
    justify-content: center;
}

figure{padding: 0;
margin: 0;
max-width: 100%;}


#texto a {
    font-family: "open sans";
    font-style: normal;
    font-weight: bold;
    
    
    
}

#texto a:hover {
    color:#D58466;
}


footer {
    font-family: "open sans";
    font-weight: normal;
    font-style: italic;
    background-color: #C5D4CF;
    font-family: "open sans";
    text-align: center;
}

*{font-family: sans-serif !important;}

footer p {   
    font-size: 0.7em;
    font-weight: 400;
    padding: 1em;
    padding-left: 3em;
    margin-top: 0;
    font-family: sans-serif;
    color: #022251;
}

/* SHOP */
.todo {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1em;
    padding-top: 0;
}

.contenidos figure{padding: 0.5em;}


#fecha1 {
    background-image: url(../img/calendario2.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

#fecha2 {
    background-image: url(../img/calendario3.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

#fecha3 {
    background-image: url(../img/calendario4.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

#fecha4 {
    background-image: url(../img/calendario5.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

#fecha5 {
    background-image: url(../img/calendario6.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

#fecha6 {
    background-image: url(../img/calendario8.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

#fecha7 {
    background-image: url(../img/calendario9.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

#fecha8 {
    background-image: url(../img/calendario19.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

#mas {
    background-image: url(../img/masfechas.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

#fecha1:hover {
    background-image: url(../img/HOcalendario2.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

#fecha2:hover {
    background-image: url(../img/HOcalendario3.jpg);
     background-size: contain;
    background-repeat: no-repeat;
}

#fecha3:hover {
    background-image: url(../img/HOcalendario4.jpg);
     background-size: contain;
    background-repeat: no-repeat;
}

#fecha4:hover {
    background-image: url(../img/HOcalendario5.jpg);
     background-size: contain;
    background-repeat: no-repeat;
}

#fecha5:hover {
    background-image: url(../img/HOcalendario6.jpg);
     background-size: contain;
    background-repeat: no-repeat;
}

#fecha6:hover {
    background-image: url(../img/HOcalendario8.jpg);
     background-size: contain;
    background-repeat: no-repeat;
}

#fecha7:hover {
    background-image: url(../img/HOcalendario9.jpg);
     background-size: contain;
    background-repeat: no-repeat;
}

#fecha8:hover {
    background-image: url(../img/HOcalendario19.jpg);
     background-size: contain;
    background-repeat: no-repeat;
}

#mas:hover {
    background-image: url(../img/HOmasfechas.jpg);
     background-size: contain;
    background-repeat: no-repeat;
}
.contenidos{display: flex;
flex-direction: column;justify-content: space-between;}




/*RESPONSIVE*/
@media screen and (min-width: 450px){
    #logo{width: 60%;}
    }

@media screen and (min-width: 600px){
    #nosotras {flex-direction: row;
    justify-content: space-between;}
    #datosuba{display: flex;
    justify-content: space-between;}
    #texto{max-width: 50%;}

    }

@media screen and (min-width: 900px){
    #texto{max-width: 50%;
    padding-right: 5em;
    padding-left: 5em;}

    }

@media screen and (min-width: 650px){
    #logo{width: 30%;}
    }

@media screen and (min-width: 650px){
    #menuprincipal{flex-direction: row;
    }
    
    @media screen and (min-width: 900px){
    #bienvenida{flex-direction: row;}
    #textopresentacion{max-width: 50%;}
    #imagenpresentacion{max-width: 50%;}
    }

    /* SHOP */
    
    @media screen and (min-width: 650px){
.contenidos figure {
    max-width: 47%;
    height: auto;
}
        .contenidos{flex-wrap: wrap;
        flex-direction: row;
        max-width: 100%;}
        }

    
    @media screen and (min-width: 650px){
.todo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
    
    }
    @media screen and (min-width: 950px){

        .contenidos{flex-wrap: wrap;
        flex-direction: row;}
        
        .contenidos figure{
        max-width: 31.5%;}
        }