html{min-width:320px;}
body{margin:0;padding:0;box-sizing: border-box;}
body{min-height: 85vh;}
@font-face {
    font-family: 'Roboto-Regular';
    src:url('../fonts/Roboto-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    src:url('../fonts/Roboto-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Bold';
    src:url('../fonts/Roboto-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'grilledcheeseBTN';
    src:url('../fonts/GrilledCheeseBTN.otf');
    font-weight: normal;
    font-style: normal;
}

/*Generales*/
.container{position:relative;width:100%;margin:0;padding:0;}
.content{padding:10px 15px;margin:30px auto 0 auto;font-family: 'Roboto-Regular', sans-serif;}
.pa{position:absolute;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.uppercase{text-transform:uppercase;}
.areamateria, .areapie{margin:0;padding:0;}
.areamateria{background-color: #71bf44;min-height: 80px;}
.areapie{background-color: #fdb813;display:block;width:100%;padding:7px 0;margin-top:25px;font-size:0;z-index:-2;}
.areapie .logolibro,.areapie,.editorial{position: relative;display: inline-block;vertical-align: middle;}

.content .prop{width:150px;height:auto;display: inline-block;margin:5px 3px;}
.content h1{font-family:"grilledcheeseBTN",sans-serif;font-weight: normal;font-size:30px;margin:10px auto;}
.bajada{font-size:20px;line-height: 1.35;}
.eitic,.propuestas{margin-top:20px;}
.logoeitic{display:block;margin:0 auto;width:100%;max-width:260px;}
.mariposas{display: none;}
.area{right: 10px;height:80px;}
.areapie .logolibro{width:40%;max-width: 180px;margin-right:3%;}
.logolibro{margin:10px 0;}
.editorial{width:50%;max-width:200px;margin:5px auto;}

/*Subgrid*/
.content .subgrid,.content .subgrid-red{width:100%;padding:10px;box-sizing: border-box;margin:auto;}
@media(min-width:768px){
    .content .subgrid{width:90%;max-width:730px;} 
    .content .subgrid-red{width:80%;max-width:655px;}
}
@media(min-width:1100px){.content .subgrid{width:100%;max-width:800px;}}
@media(min-width:1250px){
    .content .subgrid{max-width:900px;}
    .content .subgrid-red{width:85%;max-width:730px;}
}

/*Espacios*/
.sep10{height:10px;width:100%;}
.sep20{height:20px;width:10px;}
.sep30{height:30px;width:100%;}

.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

@media(min-width: 470px){
    .content{width:85%;}
    .areapie .logolibro{margin-right:50px;}
}
@media(min-width: 600px){
    .eitic{position: absolute;top:0;}
    .mariposas{display: block;height: 105px;margin-top:-42px;margin-left:12px;}
    .area{height: 115px;right: 0;}
    .areapie{margin:20px 0 0 0;padding:0;text-align: right;display: flex;justify-content: space-between;height: 135px;}
    .editorial{margin:0;display: inline-block;height:95%;}
    .editorial,.areapie .logolibro{width: auto;max-width: initial;}
    .areapie .logolibro{height: 90%;}
    .areamateria, .areapie{background-color: transparent;}
}
@media(min-height: 655px) and (min-width: 600px){
    .logolibro, .areapie{bottom: 0;}
}
@media(min-height: 655px) and (max-height:839px) and (max-width:839px){
    .mariposas{display: none;}
}
@media(min-width:750px){
    .content .prop{width:165px;margin:5px;}
    .editorial{height: 165px;}
}
@media(min-width: 768px){
    .bajada{font-size: 21px;}
    .content h1{font-size:36px;}
    .logolibro{bottom:10px;left: 0;}
}
@media(min-width: 1000px){
    .logoeitic{max-width:330px;margin-left:5px;}
    .bajada{font-size:22px;}
    .area{height: 160px;}
    .mariposas{margin-left:32px;margin-top:-34px;}
    .content{margin-top:65px;}
    .content .prop{width:155px;margin:5px;}
    .content h1{margin-top:20px;}
    .logolibro{bottom:10px;left: 0;}
}

@media(min-height:840px) and (min-width:600px) and (orientation:portrait){
    .mariposas{display: none;}
}
@media(min-width: 768px) and (min-height:900px){
    .mariposas{display:block;}
}
@media(min-width:900px) and (min-height:600px){
    .logolibro, .areapie{bottom:0;}
}
@media(min-width: 1000px){
    .logoeitic{max-width:295px;}
    .mariposas{height: 95px;}
    .area{height: 140px;}
}
@media(min-width: 1100px){
    .content{width:calc(1000px - 65px);}
}
@media(min-width: 1250px){
    .logolibro{max-width:270px;}
}
@media(min-width: 1300px){
    .content{margin-top:45px;}
}
@media(min-width: 1400px){
    .content{margin-top:15px;}
    .content .prop{width:200px;margin:15px;}
}
@media(min-height:901px) and (min-width:1100px){
    .content h1{margin-top:45px;}
    .mariposas{height: 89px;}
}

@media(max-width:760px){.mariposas{display: none;}}
@media(max-height:599px){.mariposas{display: none;}}