@charset "utf-8";
/* CSS Document */


html, body {
height:100%;
margin:0;
padding:0;
}
.carousel, .item, .active {
height:100%;
}
.carousel-inner {
height:100%;
}

.carousel-caption {
z-index: 10;
}
.carousel .item {
background-color: #777;
}
.carousel .carousel-inner .bg {
background-repeat:no-repeat;
background-size:cover;
}
.carousel .carousel-inner .bg1 {
background-image:url('../img/fondo01.jpg');
background-position: center center;
}
.carousel .carousel-inner .bg2 {
background-image:url('../img/fondo02.jpg');
background-position: center center;
}
.carousel .carousel-inner .bg3 {
background-image:url('../img/fondo03.jpg');
background-position: center center;
}

.carousel .carousel-inner .bg4 {
background-image:url('../img/fondo04.jpg');
background-position: center center;
}

.logo {position: absolute; z-index: 9; top: 35%; left: 38.5%;}

.logo img {width: 60%;}

.redes ul li {
    list-style: none;
    display: inline-block;
    text-align: right;
	position: relative;
}

.redes {
    width: 53%;
    text-align: right;
    margin-top: 12%;
}

.mr-20 {margin-right: -20px; z-index: 9;}


@media only screen and (max-width: 600px) {
.logo {
    left: 30%;
}

.carousel .carousel-inner .bg1 {
background-image:url('../img/fondo01-mob.jpg');
}
.carousel .carousel-inner .bg2 {
background-image:url('../img/fondo02-mob.jpg');
background-position: center top;
}
.carousel .carousel-inner .bg3 {
background-image:url('../img/fondo03-mob.jpg');
}
.carousel .carousel-inner .bg4 {
background-image:url('../img/fondo04-mob.jpg');
}

}

@media only screen and (max-width: 480px) {
.redes {
    width: 52%;
    margin-top: 10%;
}

.logo {
    left: 19%;
    width: 100%;
}

ul {
    padding-left: 0;
}
}