@charset "utf-8";
#consumobtn {
position:absolute;
top:0;
right:50px;
width:100px;
height:100px;
z-index:100;	
}
#consumobtn .lnk-consumo {
display:block;
border:none;
text-align:center;
vertical-align:middle;
padding:4px;
}
#consumobtn .lnk-consumo:hover {
text-decoration:none;	
}
#consumobtn .lnk-consumo .img-consumo {
max-width:100%;
height:auto;
margin:0 auto;	
}
.class0{
	background-image: url(../images/imagenEco.jpg);
	background-size: cover;
	background-position: center;
}
.class1 {
    background-image: url(../images/imagen0.jpg);
    background-size: cover;
    background-position: center;
}
.class2{
	background-image: url(../images/imagen1.jpg);
	background-size: cover;
	background-position: center;
}
.class3{
	background-image: url(../images/imagen2.jpg);
	background-size: cover;
	background-position: center;
}
.class4{
	background-image: url(../images/imagen3.jpg);
	background-size: cover;
	background-position: center;
}
.w-100.centro.columnas {
margin-left: -15px;
margin-right: -15px;
display: flex !important;
}
.colsimgs {
float:left;
display:block;
width:33.3333%;
padding-left:15px;
padding-right:15px;	
}
.colsimgs img.img-ecos {
max-width:100%;
height:auto;
display:block;
border:1px solid #ddd;
border-radius:4px;
}
.lnk-downl {
font-size: 28px;
line-height: 32px;
color:#fff !important;
margin-top:15px;
margin-bottom:20px;	
}
.memlogos {

max-width: 18%;
margin: 15px 1%;
}
@media (max-width: 575.98px) { /* XS */ 
.col-5th{
max-width:20% !important;
float:left;	
}
.colsimgs {
width:100%;
}
.memlogos {
float: left;
max-width: 100%;
margin: 15px 0;
}
}
@media (max-width: 575.98px) and (orientation : landscape) {
#consumobtn {
top: 5px;
right: 50%;
width: 90px;
height: 90px;
z-index: 100;
margin-right: -45px;
}
}
@media (max-width: 575.98px) and (orientation : portrait) {
#cabizda {
width: auto;
height: auto;
float: left;
margin: 0px;
}
#consumobtn {
top: 5px;
right: 15px;
width: 95px;
height: 95px;
z-index: 100;
}
}

@media (min-width: 576px) and (max-width: 767.98px) { /* SM Móvil MIO */ 
.col-5th{
max-width:20% !important;
float:left;	
}
.colsimgs {
width:100%;
}
.memlogos {
float: left;
max-width: 100%;
margin: 15px 0;
}
}
@media (min-width: 576px) and (max-width: 767.98px) and (orientation : landscape) {
#consumobtn {
top: 5px;
right: 50%;
width: 90px;
height: 90px;
z-index: 100;
margin-right: -45px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) and (orientation : portrait) {
#cabizda {
width: auto;
height: auto;
float: left;
margin: 0px;
}
#consumobtn {
top: 5px;
right: 15px;
width: 95px;
height: 95px;
z-index: 100;
}
}

@media (min-width: 768px) and (max-width: 991.98px) { /* MD, medios, tablets*/ 
.col-md-5th{
max-width:20% !important;
float:left;	
}
}
@media (min-width: 768px) and (max-width: 991.98px) and (orientation : landscape) { /*tablet tumbada */ }
@media (min-width: 992px) and (max-width: 1199.98px) and (orientation : landscape) { /*tablet tumbada grande */ }
@media (min-width: 768px) and (max-width: 991.98px) and (orientation : portrait) { /*tablet en pie */ 
#consumobtn {
right: 50%;
margin-right: -50px;
}
}

@media (min-width: 992px) and (max-width: 1199.98px) { /* LG */ 
.col-lg-5th{
max-width:20% !important;
float:left;	
}
#menu {
width: 100%;
}
.nav .opcion {
line-height: 20px;
font-size: 14px;
padding: 0px 10px;
}
#cabdcha {
width: 650px;
height: 100px;
margin-left: 2%;
}
#consumobtn {
right: 5px;
}
}
@media (min-width: 1200px) { /* XL */ 
.col-xl-5th {
max-width:20% !important;
float:left;	
}
#menu {
width: 100%;
}
.nav .opcion {
line-height: 20px;
font-size: 13px;
padding: 0px 8px;
}
}
@media (min-width: 1281px) { /* Sólo XL */ 
#menu {
width: 750px;
}
.nav .opcion {
line-height: 20px;
font-size: 13px;
padding: 0px 15px;
}
#consumobtn {
right: 5%;
}
}
@media (min-width: 1400px) {
#consumobtn {
right: 5%;
}
}
@media (min-width: 1500px) {
#consumobtn {
right: 11%;
}
}
@media (min-width: 1600px) {
#consumobtn {
right: 13%;
}
}
@media (min-width: 1700px) {
#consumobtn {
right: 15%;
}
}
@media (min-width: 1800px) {
#consumobtn {
right: 18%;
}
}