/* MEDIUM */
@font-face {
font-family: 'Big-Jhon';
font-style: normal;
font-weight: normal;
src: local('Big-Jhon-Regular'), url(Transparencia/fonts/BIG-JOHN.otf) format('woff');
}

h1{
    font-family: 'Big-Jhon';
    font-weight:normal;
    font-size: 80px;
}

h2{
    font-family: 'Big-Jhon';
    font-weight:normal;
    font-size: 25px;
}

h3{
    font-family: 'Big-Jhon';
    font-weight:normal;
    font-size: 20px;
}

body{
    background-image: url(../images/fondos/body-mineral-2-.jpg);
}

.img-responsive{
width: 100%;    
}



.cintillo-rojo
{
   background-color:#CBCBCA; 
height: 100%;
    
    padding: 10px;
}

.parallax-imagen-uno {
  /* The image used */
  background-image: url("../images/fondos/transparenica.jpg");

  /* Set a specific height */
  height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

/**********+ MENU *************/

.claseMenu{
    height: 12s0px;
    background-color: #fff;
    padding: 10px;
    
}

.ajuste-logo{
        width: 70%;
    }



/* Small */
@media(min-width:768px) and (max-width:991px)
{
    .ajuste-logo{
        width: 40%;
    }
}



.claseMenu p{
    color: #fff;
}

.claseMenu a{
    color: #fff;
}

.cmenu
{
    background-color: #e62d2a;
}

.cemenu p{
    color: #fff;
}

.cemenu a{
    color: #fff;
}

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


/****** TRANSPARENCIA ********/
#transparencia{

}

#transparencia h2{
    color: #fff;
    
}

#transparencia h3{
    color: #003b73;
 
}

#transparencia p{
    color: #003b73;
    font-size: 15px;
}

#transparencia .img-obligaciones{
 width: 60%;   
}

#transparencia hr{
 border: 0;
    height: 5px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(250, 133, 50, 0.75), rgba(0, 0, 0, 0));
}

#transparencia .banner-solicitudes{
    width: 100%;
    background-color: #fa8532;
    height: 300px;
}

#transparencia .banner-solicitudes h3{
  color: #fff;
  font-size: 30px;
 
  font-family: inherit;    
}

#transparencia .banner-solicitudes h5{
  color: #fff;
  font-size: 60px;
 
  font-family: inherit;    
}


#transparencia .banner-solicitudes p{
  color: #fff;
  font-size: 20px;
 
  font-family: inherit;    
}



.bg-azul{
    background-color: #003b73;
    width: 100%; 
    padding-bottom: 10px;
}

#transparencia  .privacidad p{
    color: #003b73;
    font-size: 15px;
}

/***************************/

/* Carousel base class */
.carousel {
  margin-bottom: 0rem;
}

#transparencia .carousel .carousel-caption p{
  color: #fff;
font-size: 20px;    
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    background-color: rgba(0, 59, 115, 0.85);
  margin-bottom: 4rem;
  z-index: 10;
}

.p-blanco{
  color: #fff;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 22rem;
}

.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/****************************/

#transparencia  .img-solicitudes{
    width: 50%;
}

#transparencia  .img-solicitudes2{
    width: 80%;
}




/* CLASES AUXILIARES */

.text-centro{
   text-align: center;   
}

.text-rigth{
   text-align: right;   
}

.text-left{
   text-align: left;   
}


.img-centro{
    text-align: center;   
}

.text-justificado{
    text-align: justify;
}

.top-05{
    margin-top: 5px;
}

.top-10{
    margin-top: 10px;
}

.top-20{
    margin-top: 20px;
}

.top--20{
    margin-top: -20px;
}

.top-25{
    margin-top: 25px;
}

.top-30{
    margin-top: 30px;
}

.top-40{
    margin-top: 40px;
}

.top-50{
    margin-top: 50px;
}

.abajo-30{
    margin-bottom: 30px;
}

.ajuste{
      width: 100%;
  }

.linea-blanca{
    color: #fff;
background-color: #fff;
height: 3px;
}

.linea-negra{
    color: #000;
background-color: #000;
height: 2px;
}

.texto-blanco{
    color:#fff;
}
.img-zoom:hover{
    -webkit-transform:scale(.9);transform:scale(.9);
    border-radius:50%;
-webkit-border-radius:50%;
    box-shadow: 0px 0px 15px 15px #aeabab;
-webkit-box-shadow: 0px 0px 15px 15px #aeabab;
    
}

.boton_personalizado{
  
      font-family: 'Helvetica 35 Ligth';
font-style: normal;
font-weight: normal;
    text-decoration: none;
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    background-color: #00b1c6;
    border-radius: 25px;
   
  }



.boton_personalizado:hover{
     font-family: 'Helvetica 35 Ligth';
font-style: normal;
font-weight: normal;
    text-decoration: none;
    padding: 10px;
    font-weight: 500;
    font-size: 25px;
    color: #fff;
    background-color: #e6145b;
    border-radius: 25px;
   
  }

.ajustar{
    width: 100%;
}

iframe{
    width: 100%;
    height: 1000px;
}

.cintillo-rojo

{
   background-color:#CBCBCA; 
}

.art-69 p{
    font-size: 12px;
    color: #4b494b;
    text-align: center;
    margin-top: 5px;
}

.menostop-10{
    margin-top: -15px;
}