body{
	margin: 0px;
	padding: 0px;
}
#insignia{
	width: 10vh;
	height: 9vh;
	padding: 0px 10px 0px 0px;
}
.menu{
	position: relative;
	width: 90%;
	z-index: 9999;
}
.my-navbar{
	width: 100%;
	padding: 10px 20px;
	background-color: #812141;
	position: relative;
	top:20px;
	left: 0;
	z-index: 999;
	box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
}
.nav-item .nav-link{
	font-family: 'Oswald',sans-serif;
	font-size: 15px;
	color: black;
	font-weight: bold;/*300!important;*/
	text-transform: uppercase;
	margin: 0px 10px;
	position: relative;

}

.nav-item .nav-link:before{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	transform: scaleX(0);
	transition: 0.5s;
	content: "";
	transform-origin: left;
	background-color: white;
}

.nav-item .nav-link:hover:before{
	transform-origin: right;
	transform: scaleX(1);
}

.navbar-brand{
	text-transform: capitalize;
	font-size: 25px;
	/*color: #2f3542;*/
	font-style: italic;
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
}
.my-slider{
	box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
	padding: 0px;
}
.slider>img{
	height: 85%;
}

.dropdown .dropdown-menu a:hover
{
  color: #fff;
  background-color: #812141;
  border-color: #fff;
}
.card-img-top {
    width: 90%;
    height: 15vw;
    object-fit: fill;
}
@media (max-width: 767px) {
  .card-img-top {
    height: 60vw;
  }
}

.zoom{
        /* Aumentamos la anchura y altura durante 2 segundos */
        transition: width 0.5s, height 0.5s, transform 0.5s;
        -moz-transition: width 0.5s, height 0.5s, -moz-transform 0.5s;
        -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s;
        -o-transition: width 0.5s, height 0.5s,-o-transform 0.5s;
    }
    .zoom:hover{
        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
        transform : scale(1.1);
        -moz-transform : scale(1.1);      /* Firefox */
        -webkit-transform : scale(1.1);   /* Chrome - Safari */
        -o-transform : scale(1.1);        /* Opera */
    }
.bg-pie{
	background-color:#812141;
	height:5rem;
 }
 .img-pie{
 	width: 20%;
 }
 .contenido{
 	box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
 }
 h1{
 	font-size: 3rem;
 }
 .img-ssj{
 	width: 30%;
 	height: 105%;
 }

/* para html comunidad*/
li.nav-item > a.nav-link:hover,
li.nav-item > a.nav-link:focus
{
  border: none;
    background: #812141;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}