.centrar{text-align: center;}
.izquierda{text-align: left;padding: 0 1.5%;}
.derecha{text-align: right;padding: 0 1.5%;}
.justifica{text-align:justify;padding: 0 1.5%;}
.transparente{background-color: transparent;}
.cerrar{
    color: white;
    background-color: red;
    position: absolute;
    top: 1%;
    left: 95%;
    z-index: 11000;
}
.error{
    background-color: red !important;
    color: white !important;
    text-align: center !important;
    font-size: 150% !important;
    font-weight: bolder !important;
    width:100% !important;
}
.correcto{
    background-color: green !important;
    color: white !important;
    text-align: center !important;
    font-size: 150% !important;
    font-weight: bolder !important;
    width:100% !important;
}
.centrarh{
    display: flex;
    align-items: center;
}
.centrarhw{
    display: flex;
    align-items: center;
    text-align: center;
}
.margenes{margin: auto;}
.margenesl{margin-left: auto;}
.margenesr{margin-right: auto;}
.margenest{margin-top: auto;}
.margenesb{margin-bottom: auto;}
.anchoaut{width:auto;}
.ancho03{width: 3%;}
.ancho05{width: 5%;}
.ancho10{width: 10%;}
.ancho15{width: 15%;}
.ancho20{width: 20%;}
.ancho25{width: 25%;}
.ancho30{width: 30%;}
.ancho35{width: 35%;}
.ancho40{width: 40%;}
.ancho45{width: 45%;}
.ancho50{width: 50%;}
.ancho55{width: 55%;}
.ancho60{width: 60%;}
.ancho65{width: 65%;}
.ancho70{width: 70%;}
.ancho75{width: 75%;}
.ancho80{width: 80%;}
.ancho85{width: 85%;}
.ancho90{width: 90%;}
.ancho95{width: 95%;}
.ancho97{width: 97%;}
.ancho00{width: 100%;}
.flexwrap{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
	align-items: flex-start;
	align-content: stretch;
}
.flexnwrap{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
	align-items: flex-start;
	align-content: stretch;
}
.flexwrap1{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.flexwrap2{
    display: flex;
    flex-flow: row wrap;
    justify-content:center;
    align-items: center;
    align-content: center;
}
.flexwrap3{
    display: flex;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.flexnwrap1{
    display: flex;
    flex-flow: row nowrap;
    justify-content:space-around;
    align-items: center;
}
.flexwrap2{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.flexnwrap2{
    display: flex;
    flex-flow: row nowrap;
    justify-content:center;
    align-items: center;
}
.flexnwrap3{
    display: flex;
    flex-flow: row nowrap;
    justify-content:center;
    align-items: center;
}
.flexnwrap4{
    display: flex;
    flex-flow: row wrap;
    justify-content:center;
    align-items: center;
}
.flexwrapcol{
    display: flex;
    flex-flow: column;
    justify-content: center;
	align-items: center;
	align-content: stretch;
}
.bordes{border:double white 2px;}
.bordes0{border:double red 2px;}
.bordes1{border:double green 2px;}
.bordes2{border:double yellow 2px;}
.bordes3{border:double blue 2px;}
.bordesu{border-top:solid black 2px;}
.bordesd{border-bottom:solid black 2px;}
.bordesr{border-right:solid black 2px;}
.bordesl{border-left:solid black 2px;}
.sbordes{border:none;}
.alto03{height:3vh;}
.alto05{height:5vh;}
.alto10{height:10vh;}
.alto15{height:15vh;}
.alto20{height:20vh;}
.alto25{height:25vh;}
.alto29{height:29vh;}
.alto30{height:30vh;}
.alto35{height:35vh;}
.alto40{height:40vh;}
.alto45{height:45vh;}
.alto50{height:50vh;}
.alto55{height:55vh;}
.alto57{height:57vh;}
.alto60{height:60vh;}
.alto63{height:63vh;}
.alto65{height:65vh;}
.alto68{height:68vh;}
.alto70{height:70vh;}
.alto75{height:75vh;}
.alto76{height:76vh;}
.alto77{height:77vh;}
.alto78{height:78vh;}
.alto79{height:79vh;}
.alto80{height:80vh;}
.alto81{height:81vh;}
.alto82{height:82vh;}
.alto83{height:83vh;}
.alto84{height:84vh;}
.alto85{height:85vh;}
.alto86{height:86vh;}
.alto87{height:87vh;}
.alto88{height:88vh;}
.alto89{height:89vh;}
.alto90{height:90vh;}
.alto91{height:91vh;}
.alto92{height:92vh;}
.alto93{height:93vh;}
.alto94{height:94vh;}
.alto95{height:95vh;}
.alto96{height:96vh;}
.alto97{height:97vh;}
.alto98{height:98vh;}
.alto00{height: 99vh;}
.scroll{overflow: auto;}
.sscroll{overflow:none;}
.ocultar{display:none;}
.fuente070{font-size: 70%;}
.fuente080{font-size: 80%;}
.fuente090{font-size: 90%;}
.fuente100{font-size: 100%;}
.fuente110{font-size: 110%;}
.fuente120{font-size: 120%;}
.fuente130{font-size: 130%;}
.fuente140{font-size: 140%;}
.fuente150{font-size: 150%;}
.fuente160{font-size: 160%;}
.fuente170{font-size: 170%;}
.fuente180{font-size: 180%;}
.fuente190{font-size: 190%;}
.fuente200{font-size: 200%;}
.fuente250{font-size: 250%;}
.fuente300{font-size: 300%;}
.fuente350{font-size: 350%;}
.fuente400{font-size: 400%;}
.negrita{font-weight: bolder;}
.negrita01{font-weight: bold;}
.italica{font-style: italic;}
input[type="number"]{
    text-align: right;
}
.contain{object-fit: contain;}
.scale{object-fit: scale-down;}
.cover{object-fit: cover;}
.sncover{object-fit: none;}
.alerta{
    font-size: xx-large !important;
    color: red;
}
.prevencion{
    font-size: xx-large !important;
    color: orangered;
    
}

@media only screen and (max-width:640px) {
    *{
        width: 100%;
        margin: auto;
        height: auto;
    }
    #contenedor{
        width: 100%;
    }
    #menu{
        max-width: 100%;
        background:white;
        /*height: 15vh;*/
        
    }
    #menuizq{
        width: 30%;
        height: auto;
    }
    #menuizq img{
        width: 90%;
    }
    #menucen{
        width: 70%;
    }
    #menucen button{
        width: 45%;
        margin:1.5%;
    }
    #menuder{
        display:none;
    }
    #menucen1{
        display:none;
    }
    .flexwrap, .flexnwrap, .flexwrap1,
    .flexnwrap1, .flexwrap2, .flexnwrap2, 
    .flexwrapcol{
        flex-flow: row wrap;
    }
    .ancho03, .ancho10, .ancho15, .ancho20, 
    .ancho25, .ancho30, .ancho35, .ancho40, 
    .ancho45, .ancho50, .ancho55, .ancho60, 
    .ancho65, .ancho70, .ancho75, .ancho80, 
    .ancho85, .ancho90, .ancho95, .ancho00{
        width: 100%;
    }
    .alto03, .alto05, .alto10, .alto15, .alto20, .alto25, .alto29, .alto30, 
    .alto35, .alto40, .alto45, .alto50, .alto55, .alto57, .alto60, .alto63, 
    .alto65, .alto68, .alto70, .alto75, .alto76, .alto77, .alto78, .alto79, 
    .alto80, .alto81, .alto82, .alto83, .alto84, .alto85, .alto86, .alto87, 
    .alto88, .alto89, .alto90, .alto91, .alto92, .alto93, .alto94, .alto95, 
    .alto96, .alto97, .alto98, .alto00{
        height:auto;
    }
    #inicio{
        width: max-content;
        height: auto;
    }
    #inicio img{
        width: max-content;
        height: auto;
        margin-top: 15vh;
        object-fit: scale-down;
    }
    #mascota00 aside{
        width: 100%;
    }
    #mascota01-00 *{
        width: auto;
        /*border:double red 2px;*/
    }
    #mascota02-01-00 div{
        height: auto;
    }
    #mascota02-01-00 img{
        width: 100%;
        height: auto;
        margin-bottom:2%;
    }
    #mascota03 img{
        width: 100%;
        border:none;
        height: auto;
    }
    #benficio00 *{
        width: auto;
    }
    #inversionxx{
        height: auto;
        position: static;
        object-fit: scale-down;
    }
    #registro02-00{
        height: auto;
    }
    #tarifas aside{
        width: 20%;
    }
    #tarifas div{
        display: block;
    }
    #incluye *{
        width:auto;
        /*border:double red 2px;*/
    }
}