body{
  font-family: 'Playball', cursive;
  //background: #86A534;
  //background: #ED6B47;
  //background: url(../img/slider1.jpeg)no-repeat;
  background-size: 100%;
  font-size: 16px;
    //background:linear-gradient(to top, rgba(255,0,0,1)0%, rgba(255,0,0,0)100%);
    background:linear-gradient(to bottom, rgba(255,255,255,0.1) 1%,rgba(235,61,0,0.67) 20%,rgba(233, 39, 81,0.80) 100%);
  /* una gradiente lineal */
}
input
{
  border: 2px solid #C9AA8B !important;
  border-radius: 1px;
}

textarea
{
  border: 2px solid #C9AA8B !important;
  border-radius: 1px; 
}

.active
{
  color: #ED6B47;
}




.contacto
{
  padding:20px 0px 80px 0px;
  i{color:#ED6B47;}
  color:#666;
  
}
#mapp { 
  
        margin-top: 30px;
        min-height: 350px; 
        max-height: 350px;
        width: 100%;
       
        
        //position: relative;
        }

.bienvenido
{
  background: white;
  position: relative;
  margin-top: -10px;
  z-index: 99;
  padding-top: 40px;
  border-radius: 10px 10px 0px 0px;
  margin-bottom: -30px;
  padding-bottom: 100px;
  z-index: 99;
  -webkit-box-shadow: 0px -15px 12px 20px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px -15px 12px 20px rgba(0,0,0,0.25);
  box-shadow: 0px -15px 12px 20px rgba(0,0,0,0.25);
 
  

}

 .text-bienvenido
   {
    font-size: 2rem;
    color:#666;
   }


.bienvenido2
{
  background: white;
  position: relative;
  margin-top: -10px;
  z-index: 99;
  padding-top: 20px;
  border-radius: 10px 10px 0px 0px;
  margin-bottom: 20px;
  padding-bottom: 100px;
  z-index: 99;
  -webkit-box-shadow: 0px -5px 12px 20px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px -5px 12px 20px rgba(0,0,0,0.25);
  box-shadow: 0px -5px 12px 20px rgba(0,0,0,0.25);
  .text-bienvenido
   {
    font-size: 2rem;
    color:#666;
   }
  

}
.categoria
{
  width: 300px;
  height: 250px;
}

.circulo-mision
 {
  //background: rgba(235, 61, 0,0.8); 
  
  width: 120px;
  border-radius: 50%;
  height: 0px;
  padding-bottom: 140px;
  margin: 0 auto;
    img 
    {
      padding-top: 20px;
      color:white;
    }
}


.circle-mision:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    //background: #4679BD; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}




.galeria-index
{
  padding-top:40px;
  padding-bottom: 50px;
  padding-left:10px;
  padding-right: 10px;
  background:white;

  margin-bottom:-30px;
  position: relative;
  z-index: 99;
  -webkit-box-shadow: 0px 53px 12px 20px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 53px 12px 20px rgba(0,0,0,0.25);
  box-shadow: 0px 53px 12px 20px rgba(0,0,0,0.25);

    .intro-galeria
    {
      margin-top: -70px;
    }

    .circulo-mision
    {
      margin-top: -40px;
    }
  
    .galeria-index-row
    {
      padding-top: 40px;
    }

    .galeria-index-contenido-row
    {     
      margin:10px 0px 10px 0px;
      padding: 0px -10px 0px -10px;
    }

      .galeria-index-texto
      {
        background: #2ECC71;
        color:#fff;
      }
      
       .titulo-img
       {
       
         //background: rgba(135, 67, 165, 0.2);
         z-index: 2000;  
         margin-bottom: 40px;

         background: #ED6B47;
         background: white;

      }


}



.galeria-index-img  
{  
    //width: 100%;
   opacity:1;
   transition: all 0.3s ease-in;
   padding-left: 0px;
   padding-right: 0px;
   background: rgba(235, 61, 0, 0.9);
}



/*.galeria-index-img:hover .mascara 
{
   //border:0px double rgba(230,140,0,0.9);
   transition: all 0.3s ease-in;
   opacity:0;
   visibility:hidden;
}*/

.galeria-index-img:hover img 
{ 

   opacity:0.3;
   
}

.mascara{
        width: 100%;
        position: absolute;
        margin: -50% auto;
        //background: rgba(235, 61, 0, 0.3);
        color: #fff;
        text-align: center;
        z-index:99;
        -webkit-transform: scale(0);
        -webkit-transition-timing-function: ease-out;
       -webkit-transition-duration: 250ms;
        -moz-transform: scale(0);
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration: 250ms;
        
    }

.galeria-index-img:hover .mascara
  {

        cursor: pointer;
        -webkit-transform: scale(1);
        -webkit-transition-timing-function: ease-out;
        -webkit-transition-duration: 250ms;
        -moz-transform: scale(1);
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration: 250ms;
    }


.galeria2
{
  padding-top: 40px;
  background:white;
  margin-bottom:-30px;
  position: relative;
  z-index: 20;
}

.btn-flor
{
   -webkit-box-shadow: 0px 2px 1px 0px rgba(127,93,20,0.56);
-moz-box-shadow: 0px 2px 1px 0px rgba(127,93,20,0.56);
box-shadow: 0px 2px 1px 0px rgba(127,93,20,0.56);
border-radius: 2px;
width: 25%;
font-size: 3rem;
background: rgb(255,186,40);
color: white;
}

.btn-flor2
{
  -webkit-box-shadow: 0px 2px 1px 0px rgba(127,93,20,0.56);
-moz-box-shadow: 0px 2px 1px 0px rgba(127,93,20,0.56);
box-shadow: 0px 2px 1px 0px rgba(127,93,20,0.56);
border-radius: 2px;

font-size: 3rem;
background: rgb(255,186,40);
color: white;
}

.footers
{  
 width: 100%;
 padding-top: 60px;
 padding-bottom: 50px;
  background:#019875;
 //background:rgba(70, 70, 70, 0.6);

      .form-index
     {
       //background: #019875;
       background:rgb(255,186,40);
        margin: 0 auto;       
       //margin-bottom: -10px;
       color: #eee;
       border-radius: 5px;
       .btn{
         -webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.56);
-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.56);
box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.56);
       }
       
     }
      
      .footers-part
      { padding-top: 10px;
        padding-bottom: 20px;
        z-index: 99;
        //margin-top: -395px;
        //margin-bottom: -5px;
        //position: relative;
       // margin-left: 50%;
       color:#eee;
        //background: rgba(1, 152, 117, 0.8);
        //background:#019875;
      }
      
     
   //  background: url(../img/slider1.jpeg) linear-gradient(to bottom, rgba(255,255,253,0.1) 10%,rgba(233, 39, 81,0.4) 90%);
     //background:#eee;

}

.mision
{
 color:#666;
 font-size: 1.5em;
}

.modal
{
  z-index: 9999;
  .modal-header
   {
    //background: #ED6B47;
    background-color: rgba(233, 39, 81, 0.7);
  
   }
  .modal-content   
   {


   }
   .modal-footer 
   {
  
    }
}


.modalgaleria
{
  height: 400px;
  width: 100%;
  color:white;
}
.navbar-wrapper
{
   background-color: rgba(233, 39, 81, 0.7);
}

.navbar-default 
{
  background-color: rgba(255, 255, 255, 0.0);
  border:0px solid #42bd41 !important;
  margin-top: 20px;
  border-radius: 20px 1px 20px 1px;
  font-size: 2.5rem;



}


   .navbar-text 
    {
     color: #fff;
    }
   .navbar-nav > li > a 
   {
     color:#fff;

   }

   .navbar-nav > li > a:hover
   {
    color:rgb(255,186,40);
   }
   .navbar-brand {
  color: #fff;
  font-size: 2.5rem;
  margin-top: -30px;

   }

.navbar-fixed-top
{
  background-color: rgba(233, 39, 81, 0.7); 
  z-index: 9999;
  width: !important;
}

.tab-galeria
{
  background:#eeeeee;
  padding: 0px 0px 0px 0px;
  color:#019875;
  font-size:2rem;
}

.tab-pane
{
  background: #eeeeee;
  margin-top: -42px;
  padding: 10px;
}

.pestanaGaleria
{
  color: #ED6B47;
}


.valores
{
  margin: 50px 0px;
  color:rgba(70, 70, 70, 0.9);
   i
    {color: #019875;}
}

.social-index
{ 
  position: relative;
  z-index: 99;
  padding-top:60px;
  padding-bottom: 60px;
  //background:#019875;
  background: rgb(255,186,40);
  color:white;
  margin-bottom: -30px;
  -webkit-box-shadow: 0px 122px 12px 20px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 122px 12px 20px rgba(0,0,0,0.25);
  box-shadow: 0px 122px 12px 20px rgba(0,0,0,0.25);
  a{
    color: white;
    text-decoration: none;
  }

}


.social-contacto
{ 
  
  padding-top:20px;
  padding-bottom: 20px;
  margin-bottom: 50px;
  //background:#019875;
  background: rgb(255,186,40);
  color:white;

  a{
    color: white;
    text-decoration: none;
  }

}
/* =============================GALERIA DE IMAGENES===========================*/
.seleccion
{
  width:100%;

}

.nav-tabs
{
  margin: -3px;

}

.galeriaFlor
{
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 10px 48px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 48px -9px rgba(0,0,0,0.75);
box-shadow: 0px 10px 48px -9px rgba(0,0,0,0.75);
img{width:100%;}
 color:white;
 background: #ED6B47;
background-color: rgba(233, 39, 81, 0.7);
}