header {background:#fff !important;}

#bgrosa { height:100%; width:100%; background:rgb(185, 7, 95) !important; }
#bgrosa .glyphicon{margin-top:17px !important;}
#submainmenu {color:#fff; margin-top:20px;  }
.bgmorado {width:100%;background-color:#A5AFC8; ;}
.bgmorado ul.topnav {list-style-type: none; margin: 0; padding: 0;overflow: hidden;background-color: #A5AFC8 !important;}
.bgmorado ul.topnav li {float: left;}
.bgmorado ul.topnav li a {display: inline-block; color: #6d4109 ; text-align: center; padding: 14px 15px; text-decoration: none; transition: 0.3s; font-size: 15px; font-weight:bold;}
.bgmorado ul.topnav li a:hover {background-color: #fff !important;}
.bgmorado ul.topnav li.icon {display: none;}
.destacado {margin-top:60px; }
.destacado .nav-tabs > li.active > a {background-color:#B9075F !important;  color:#fff !important; font-size:16px !important;}
.destacado h3 {color: #6d4109 !important; }
.carousel-caption {color:#6d4109 !important;text-shadow:none!important;background:none!important;}
.carousel-caption a {color:#6d4109 !important;}
.carousel-caption {position:initial!important;}
.carousel .item {height:350px !important;}
.galeria .carousel-indicators {display:none !important;}
.galeria .carousel .item {height:150px !important;}
.destacado .nav-tabs > li > a {color:#000 !important; font-size:16px !important; }
/*.destacado .nav-tabs {border-bottom: 1px solid #B9075F !important;}*/
.destacado .nav-tabs > li > a {margin-right:10px !important; background:#E7E7E7 !important;  }
.denuncia h3 {margin-left:109px !important; color:#B9075F !important;}
.denuncia .img-thumbnail {margin-left:39px;}
.thumbnail .caption {font-size:14px !important;}
.noticias {background:#f6f6f6 !important; margin-top:35px;}
.noticias h1 {color:#B9075F !important}
.noticias .separador {margin-bottom:25px !important;}
.noticias .img-rounded {width:162px !important; margin-right:10px;}
.noticias .btn-default {background-color:#A5AFC8 !important;}
.text img {vertical-align:middle; width:240px !important; height:190px !important; padding-right:12px;} 
.text h4 {color:#6d4109 !important;}
.pull-left {float:left !important;}
.audio h1 {color:#B9075F !important;}
.publicaciones {margin-top:35px;}
.publicaciones h1 {color:#B9075F !important}
.publicaciones .thumbnail > img {padding-right:12px !important;}
.publicaciones .btn-primary {background-color:#A5AFC8 !important; border-color:#ccc !important;}
.text p {padding:0 0 10px !important; }
.miembros {background:#f6f6f6 !important; margin-top:35px;}
.miembros h1 {color:#B9075F !important;}
#submenu .nav > li > a {padding:0px 15px}
#submenu h4 {color:#6D4109 !important; font-size:16px !important;}
#submenu .nav > li > a {color:#000 !important;}
.rightcol ul.nav-stacked li {display:table-row !important; text-align:left;}
.thumbnail > img, .thumbnail a > img {float:left !important; margin-top:20px !important;}
footer {background:#A5AFC8 !important; padding:30px !important;}
body {background:#fff !important;}
.destacado .nav > li > a {padding:10px 10px !important;}
#myCarousel .carousel-indicators li {
    background-color: rgb(211 30 197 / 90%);
    border: 1px solid #bb3f5f;
}

/* mostrar el icono cuando la pantalla sea de la medida personlizada */
@media screen and (max-width:480px) {
     ul.topnav li:not(:first-child) {display: none;}
     ul.topnav li.icon {
     float: right;
     display: inline-block !important;
     }
 }

@media screen and (max-width:480px) {
    ul.topnav.responsive {position: relative;}
    ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
    ul.topnav.responsive li {
    float: none;
    display: inline;
  }
    ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }

.logo .img {margin-left:60px !important;}
}
@media screen and (max-width:980px){
   ul.topnav li:not(:first-child) {display: none;}
   ul.topnav li.icon {
   float: right;
   display: inline-block !important;
  }
}

@media screen and (max-width: 980px){

   ul.topnav.responsive {position: relative;}
   ul.topnav.responsive li.icon {
   position: absolute;
   right: 0;
   top: 0;
}
   ul.topnav.responsive li {
   float: none;
   display: inline;
  }
   ul.topnav.responsive li a {
   display: block;
   text-align: left;
  }
} 
@media (min-width: 320px) and (max-width: 480px) {
    .bgmorado ul.topnav li a {
        font-size:16px !important;
        font-weight: none !important;
        padding: 9px !important;
        font-weight:none !important;
        }
    .nav > li > a {
        padding:2px 6px !important;
       }
     .carousel .item {
     height:215px !important;
     }
     .carousel-caption {
        right:0 !important;
        left:0 !important;
        padding-bottom: 0px !important;
    }
    .carousel-inner>.item>img {height:100% !important; } 
    .carousel h2 {
        font-size:16px !important;
     }
    .carousel p {
        font-size:9px !important;
    }
    .destacado h3 {
     font-size:16px
    }
    .denuncia .img-thumbnail {margin-left:0px !important; }
    .noticias h1, .miembros h1, .publicaciones h1 {
       font-size:20px !important;
    }
   .img-rounded {
      width:183% !important; 
    }
}
@media (min-width: 480px) and (max-width: 768px) {
    .bgmorado ul.topnav li a {
        font-size:16px !important;
        font-weight: none !important;
        padding: 9px !important;
        font-weight:none !important;
     }
    .nav > li > a {
        padding:2px 6px !important;
    }  
    .logo {margin-left:60px !important;}
    .glyphicon: {top:10px !important;}
    .form-control {
        width:70% !important;
    }
    .carousel .item {
        height:315px !important;
    }
    .carousel-caption {
        right:0px !important;
        left:0px !important;
        bottom:0px !important;
    }
    .carousel h2 {
        font-size:24px !important;
    }
    .carousel-inner>.item>img {height:100% !important;}
    p {padding:0 0 24px !important;}
    .destacado .nav-tabs > li > a {
        margin-right:8px !important;
     }
    .destacado h3 {
      font-size:16px !important;
    }
    .denuncia .img-thumbnail {
        margin-left:97px !important;
        margin-top:18px !important;
    }
    .denuncia h3 {
        font-size:24px !important;
        margin-left:171px !important;
    }
    .noticias h1 {font-size:24px !important;
    }
    .text img {
        width:178px !important;
        height:121px !important;
    }
    .text h4 {font-size:16px !important;
    }
    .publicaciones h1 {
    font-size:24px !important;
    }
    .miembros h1 {
    font-size:24px !important;
    }
    .miembros .img-rounded {width:80px !important;}
    #submenu h4 {
    font-size:13px !important;
    }
    #submenu .nav > li > a {
    font-size:12px !important;
    }
    #submenu .nav > li > a:hover {
    display:none !important;
    }

}
@media screen and (min-width: 768px) {
   #myCarousel .carousel-indicators {
      bottom: 0px;
   }
}
@media (min-width: 768px) and (max-width: 980px) {
    /*gmorado ul.topnav li a {
        font-size:14px !important;
        font-weight: none !important;
        padding: 5px !important;
        font-weight:none !important;
     }
    .nav > li > a {
        padding:12px 6px !important;
     }*/
    .bgmorado ul.topnav li a {
        border-right-width:none !important;
        border-right-color:none !important;}
    .destacado .nav-tabs > li > a{
        margin-right:5px !important;

     }
    
    .noticias h1 {font-size:24px !important;}
    .publicaciones h1 {font-size:24px !important}
    .audio h1 {font-size:24px !important;}
    audio, canvas, progress, video {width:200px !important;}
   .img-thumbnail {
        max-width:87% !important;
     }
    .denuncia h3 {
        margin-left:88px !important;
     }
    .destacado h3 {
        font-size:16px !important;
     }
    .img-rounded {
        width:100% !important;
     }
    .btn {
        padding:6px 2px !important;
     }
    .form-control{
        padding:5px 19px !important;
        font-size:15px !important;
     }  
    .btn-facebook, .btn-twitter, .btn-pinterest {
        width:40px !important;
     }
}
.carousel-control.left, .carousel-control.right {
    background: none !important;
    background-image: none !important;
    color: #999;
    top: 100px;
}
h3, .h3 { font-size: 18px;}
.imgportada { margin-top: 10px;}
.blanco, .blanco:hover { color: #fff; }