@charset "utf-8";
body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: center;
    overflow-x: no-display;
    overflow-y: no-display;
}


@media screen and (max-width:800px){
canvas {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-position: center center;
    background-image: url(../img/favicon.png);
    background-repeat: no-repeat;
    background-color: rgba(130,130,130,0.15);
}
.carousel-inner {
    height: 300px;
}
#Foto1Carrusel {
    background-image: url(../animaciones/ANIMACION-MAX-1.jpg);
}
#Foto2Carrusel {
    background-image: url(../animaciones/ANIMACION-MAX-2.jpg);
}
#Foto3Carrusel {
    background-image: url(../animaciones/ANIMACION-MAX-3.jpg);
}





}

@media screen and (min-width:801px){
canvas {
    width: 100%;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-position: center center;
    background-color: rgba(144,144,144,0.15);
    background-image: url(../img/favicon.png);
    background-repeat: no-repeat;
}
.carousel-inner {
    height: 500px;
}
#Foto1Carrusel {
    background-image: url(../animaciones/ANIMACION-MIN-1.jpg);
}
#Foto2Carrusel {
    background-image: url(../animaciones/ANIMACION-MIN-2.jpg);
}
#Foto3Carrusel {
    background-image: url(../animaciones/ANIMACION-MIN-3.jpg);
}





}