/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
}

@media (min-width: 992px) 
{
  body {
    padding-top: 56px;
  }
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item 
{
  margin-bottom: 30px;
}

#popup 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -100px
}
#popup:target 
{
    visibility: visible; 
    display: block; 
    opacity: 1;
    background-color: rgba(0, 0, 0, .8); 
    position: fixed; top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    z-index: 999; 
    transition: all 1s
}

.popup-contenedor {
   position: relative;
   margin:3% auto;
   padding:30px 50px;
   background-color: #fafafa;
   color:#333;
   border-radius: 3px;
   width:46%;
}
a.popup-cerrar {
   position: absolute;
   top:3px;
   right:3px;
   background-color: #333;
   padding:7px 10px;
   font-size: 20px;
   text-decoration: none;
   line-height: 1;
   color:#fff;
}

#popup1 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup1:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
.resize_pic
{
  /*width: 100%;*/
  height: 1%;
}
#popup2 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup2:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup2x
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup2x:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}

#popup3
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup3:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup4
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup4:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup5 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup5:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup6 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup6:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup7 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup7:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup8 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup8:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup9 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup9:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup10 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup10:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup11 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup11:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup12 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup12:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup13 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup13:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup14 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup14:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup15 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup15:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup16 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup16:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup17 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup17:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}
#popup18 
{
  visibility: hidden;
  display: none; opacity: 0;
  margin-top: -300px
}
#popup18:target 
{
  visibility: visible; 
  display: block; 
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); 
  position: fixed; top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 999; 
  transition: all 1s
}


.fondo_morado

{

background-color: #A83195;

}

.fondo_verde

{

  background-color: #59A012;
}