/* ! Bootstrap Grid
 						Extra small<576px 	Small≥576px 	Medium≥768px 	Large≥992px 	Extra large≥1200px
Max container width 	None (auto) 		540px 			720px		 	960px		 	1140px
Class prefix 			.col- 				.col-sm-	 	.col-md-	 	.col-lg-	 	.col-xl-

!*/



@media all and (min-width: 1200px) {
.nav-container li {
  line-height: 24px !important;
}

.title-head {

   padding-top: 55px;color:white; font-family: 'Merriweather'; font-size:55px; font-weight: 900

}

.lema-head {
color:white; font-size:35px; font-family:'Museo Slab'; font-weight:  Thin;

}

.explain-head {
  color: white; font-size:25px;padding: 0 25% 0 25%; font-family:'Museo Slab'; font-weight: thin;
  }

}

@media all and (max-width: 1200px) {
.nav-container li {
  line-height: 24px !important;
}

.title-head {

   padding: 45px 20 0 20;color:white; font-family: 'Merriweather'; font-size:45px; font-weight: 900

}

.lema-head {
color:white; font-size:25px; font-family:'Museo Slab'; font-weight:  Thin;

}

.explain-head {
  color: white; font-size:20px;padding: 0 25% 0 25%; font-family:'Museo Slab'; font-weight: thin;
  }


}

@media all and (max-width: 768px) {
.nav-container li {
  line-height: 15px !important;
}
.title-head {

  padding-top: 45px;color:white;  font-family: 'Merriweather'; font-size:35px; font-weight: 900

}

.lema-head {
padding: 0 20 0 20 ;color:white; font-size:25px; font-family:'Museo Slab'; font-weight:  Thin;

}

.explain-head {
  color: white; font-size:18px;padding: 0 20% 0 20%; font-family:'Museo Slab'; font-weight: thin;
  }


}


@media only screen and (max-width: 414px) {
.nav-container li {
  line-height: 15px !important;
}

.title-head {

  padding-top: 45px;color:white;  font-family: 'Merriweather'; font-size:35px; font-weight: 900

}

.lema-head {
padding: 0 20 0 20 ;color:white; font-size:30px; font-family:'Museo Slab'; font-weight:  Thin;

}

.explain-head {
  color: white; font-size:18px;padding: 0 15% 0 15%; font-family:'Museo Slab'; font-weight: thin;
  }


}

@media only screen and (max-width: 384px) {
.nav-container li {
  line-height: 15px !important;
}

.title-head {

  padding-top: 45px;color:white;  font-family: 'Merriweather'; font-size:35px; font-weight: 900

}

.lema-head {
padding: 0 20 0 20 ;color:white; font-size:25px; font-family:'Museo Slab'; font-weight:  Thin;

}

.explain-head {
  color: white; font-size:15px;padding: 0 10% 0 10%; font-family:'Museo Slab'; font-weight: thin;
  }


}

@media only screen and (max-width: 375px) {
.nav-container li {
  line-height: 15px !important;

}

.title-head {

  padding-top: 45px;color:white;  font-family: 'Merriweather'; font-size:35px; font-weight: 900

}

.lema-head {
padding: 0 20 0 20 ;color:white; font-size:25px; font-family:'Museo Slab'; font-weight:  Thin;

}

.explain-head {
  color: white; font-size:15px;padding: 0 10% 0 10%; font-family:'Museo Slab'; font-weight: thin;
  }


}

@media all and (max-width: 320px) {
.nav-container li {
  line-height: 15px !important;
}

.title-head {

  padding-top: 45px;color:white;  font-family: 'Merriweather'; font-size:35px; font-weight: 900

}
.lema-head {
padding: 0 20 0 20 ;color:white; font-size:20px; font-family:'Museo Slab'; font-weight:  Thin;

}

.explain-head {
  color: white; font-size:15px;padding: 0 5% 0 5%; font-family:'Museo Slab'; font-weight: thin;
  }


}

.main-container,.footer-container {
  max-width: 1580px;
  margin: 0px auto;
  position: relative;
  z-index: 1;
}
.main-container {
  clear: both;
}

.Negrita {
font-weight: bold
}

iframe{
    border-width: 0px;
}


.navbar {
  margin-bottom: 0px;
}

p.indent{ text-indent: 2em;}
li.indent{ text-indent: -1.5em; padding-left: 2em}


li a, .dropbtn {
text-decoration: none;
    display: inline-block;
     font-family: Roboto;
    color: white;
    text-align: center;
   /* padding: 15px 16px; */

}li  .dropbtn {
/*   padding: 33px 16px  0px 16px; */
  /*   border: solid thin #212c42;  */

 border-style: none;
    font-weight: normal;
    color: #ffffff;

    }


li  .dropbtn:hover {
     border-style: none;
     font-weight: normal;
    color: white;
  }

.dropdown-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

a { text-decoration: none }

.CentradoHV {
	display: flex;
	align-items: center;
	justify-content: center;
}
/*
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
*/

.Zoom {
 /*  position: relative;*/


 /*  margin: 2%;*/
  overflow: hidden;

}

.Zoom img {
  max-width: 100%;

  -moz-transition: all 1.0s;
  -webkit-transition: all 1.0s;
  transition: all 1.0s;
}
.Zoom:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.Zoom-Stick {
 /*  position: relative;*/


 /*  margin: 2%;*/
  overflow: hidden;

}

.Zoom-Stick img {
  max-width: 100%;

  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.Zoom-Stick:hover img {
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}



 .footer {
 padding-bottom: 35px;
padding-bottom: 35px;
  background: black ;
  color: rgba(255, 255, 255, 0.8);
  height: auto; /* 450px; */

}
.footer h5 {
  color: #fff;
  color: rgba(255, 255, 255, 0.9);
}
.footer .tweet {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 8px;
}
.footer .tweets-feed a {
  color: #fff;
  color: rgba(255, 255, 255, 0.9);
}
.footer .timePosted {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
}
.footer .tweets-feed li {

  margin-bottom: 24px;
}
.footer .tweets-feed li:nth-child(n+3) {
  display: none;
}


.footer .link-list a {

  color: #fff;
  opacity: 1;
  transition: all 1.0s ease;
  -webkit-transition: all 1.0s ease;
  -moz-transition: all 1.0s ease;
}
.footer .link-list li {
  margin-bottom: 7px;
}
.footer .link-list a:hover {
  opacity: 1;
  color: #fff;
}
.footer .footer-lower {
  padding-top: 32px;
  border-top: 1px solid #444;
  margin-top: 48px;
  overflow: hidden;
}
.footer .footer-lower span {
  opacity: 0.6;
  font-size: 12px;
  text-align: center;
}
.tamano-landing {
  font-size: 17px !important;
}
.footer .footer-lower .social-links {
  float: right;
}
.footer .social-links a {
  font-size: 16px;
  opacity: 0.5;
  transition: all 1.0s ease;
  -webkit-transition: all 1.0s ease;
  -moz-transition: all 1.0s ease;
  color: #fff;
}
.footer .social-links a:hover {
  opacity: 1;
}
.footer .social-links li {
  margin-right: 22px;
}
.footer .social-links li:last-child {
  margin-right: 0;
}
.footer .logo {
  max-height: 30px;
  display: inline-block;
  margin-bottom: 46px;
}

.TextoCentrado {
text-align: center;
}

.image-flip:hover .backside, .image-flip.hover .backside {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}

.image-flip:hover .frontside, .image-flip.hover .frontside {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}

.image-flip {

width: 262px;
height: 307px;
}

.mainflip {
-webkit-transition: 1s;
-webkit-transform-style: preserve-3d;
-ms-transition: 1s;
-moz-transition: 1s;
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transition: 1s;
transform-style: preserve-3d;
position: relative;
margin: 20px 0 20px 0;
}

.frontside, .backside {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: 1s;
-webkit-transform-style: preserve-3d;
-moz-transition: 1s;
-moz-transform-style: preserve-3d;
-o-transition: 1s;
-o-transform-style: preserve-3d;
-ms-transition: 1s;
-ms-transform-style: preserve-3d;
transition: 1s;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
}

.frontside {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
z-index: 2;
}

.backside {
background: white;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}

.card, .card-img-top {
border-radius: 0;
}

.card-dmj, .card-dmj-img-top {
border-radius: 0;
}

.card-dmj .card-body-dmj .card-text-dmj {
	font-size: .9rem;
	color: #747373;
	font-weight: 400;
}


.card-body-dmj {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
}





.card-text-dmj {
height:155px;
}

.card-title-dmj {
	margin-bottom: .75rem;
height:40px;
}

.card-botton-dmj {
height:40px;
}




/* AutoZoom Imagenes */

.AutoZoom.visible > img {
    overflow: hidden;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: move;
    animation-name: move;
    animation-direction: alternate;
    -moz-animation-direction: alternate;
    -webkit-animation-direction: alternate;
    -o-animation-direction: alternate;
    -ms-transform-origin: middle center;
    transform-origin: middle center;
    -webkit-transform-origin: middle center;
    -o-transform-origin: middle center;
    -moz-transform-origin: middle center;
}

.AutoZoom > img {

    width: 100%!important;
    overflow: hidden;
}

@-webkit-keyframes move {

    from {
        transform: scale(1);
        text-indent: -9999px;
        ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
    }
    to {
        transform: scale(1.15);
        -ms-transform: scale(1.15);
        -webkit-transform: scale(1.15);
        -o-transform: scale(1.15);
        -moz-transform: scale(1.15);
    }
}

@keyframes move {
    from {
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
    }
    to {
        transform: scale(1.15);
        -ms-transform: scale(1.15);
        -webkit-transform: scale(1.15);
        -o-transform: scale(1.15);
        -moz-transform: scale(1.15);
    }
}



/* a:link { color: blue; }          Enlaces no visitados */
/*a:visited { color: purple; }      Enlaces visitados */
/*a:hover { background: yellow; }   El usuario esta sobre el enlace */
/* a:active { color: lime; }        Enlaces activos */

/* Fin Definicion de los menus */

/* Inicio Caja Pie */