@media all and (max-width: 20000px) and (min-width:1301px){
    .imgSlider{
      width: 100%; height: 70%;            
    }
    .sliderAct{
      width: 250px;
    }
  }
  @media all and (max-width: 1300px) and (min-width:0px){
    .imgSlider{
      max-width: 100%; height: auto; 
    }
    .sliderAct{
      width: 100%;
    }
  }








@media all and (max-width: 765px) and (min-width: 501px){
  .listamulti{
    position: absolute;
    top: -10;
    right: 300px;
    bottom: 10px;
    display: -webkit-box
  }
  .altsede{
    height:auto;
    text-align: justify;
  }
  .sedepa{
    padding-top: 3%;
  }
  .prensainicio{
    padding-top: 1%;
    padding-bottom: 10%;
  }
  .boton1{
  background:#873327; 
  color: white; 
  position: absolute;
  top: 5%;
  right: 5%;
}
  .share-group {
    float: right;
    margin: 18px 25px 0 0;
}
.dropdown-menu{
  background-color: transparent;
      right: 200%;
      left: inherit;
      border: 0px solid transparent;
          -webkit-box-shadow: none;
    box-shadow: none;
    
}
  #redessociales {
  width: 80px;
  height: 80px;
  border-radius: 75px;
  background: url(https://cem.org.mx/img/portalv2/share3.png)no-repeat center center;
  background-color: #873327
}
#seredessociales {
  width: 80px;
  height: 80px;
  border-radius: 75px;
  background: url(https://cem.org.mx/img/portalv2/share3.png)no-repeat center center;
  background-color: #873327
}
#redessociales:hover .smedia:nth-child(1) {
  position: absolute;
  left:65px;
}

#redessociales:hover .smedia:nth-child(2) {
  position: absolute;
  left:110px;
}
#redessociales:hover .smedia:nth-child(3) {
  position: absolute;
  left:155px;
}
#redessociales:hover .smedia:nth-child(4) {
  position: absolute;
  left:200px;
}
#seredessociales {
  width: 80px;
  height: 80px;
  border-radius: 75px;
  background: url(https://cem.org.mx/img/portalv2/play.png)no-repeat center center;
  background-color: #873327
}
#seredessociales:hover .smedia:nth-child(2) {
  position: absolute;
  left:-110px;
}
#seredessociales:hover .smedia:nth-child(3) {
  position: absolute;
  left:-155px;
}
#seredessociales:hover .smedia:nth-child(4) {
  position: absolute;
  left:-200px;
}
#seredessociales:hover .smedia:nth-child(5) {
  position: absolute;
  left:-245px;
}
#seredessociales:hover .smedia:nth-child(1) {
  position: absolute;
  left:-65px;
}

  .logo{
    width:25%;
  }
  .imgdonar{
    width: 65%;
  }
  .imgobispo{
 width: 65%;
  }
  .header{
    position: absolute;
    left: 0;
    right: 0
  }
   .smedia {
  position: absolute;

  display: inline;
  opacity: 0;
  width: 46px;
  height: 46px;
 
  text-indent: -9999px;
  background: no-repeat;
  left:3px;
}
  .diocesis{
    height: auto;
    text-align: justify;
  }
  .redesposicion{
    position: absolute;
    bottom: 1%;
    right: 8%;
  }
  .segredessociales{
     position: absolute;
     bottom: 1%; 
     left:8%;
  }
  .segundocontrol{
    height: 50px;
    top: 46%;
  }

  .idioma{ 
    bottom: 15%;
    left:68%;
    position: absolute;
  }
  .letramenu{
    font-size: 1.8vmax
  }
  .imgsintesis{
    width: 100%;
  }
  .obispo{
    position: absolute;
    left:0;
    z-index: 9999
  }
  .donar{
    position: absolute;
    left: 15%;
    z-index: 9999
  }
  .hola{
  background: transparent;
  position: fixed;
}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    background: rgba(135, 51, 39, 0.8);
  }
  .imagenmulti{
    width: 100%
  }
  .hisabsol{
   padding-top: 5%

  }
  .artiletra{
     background: #e8ad4b; 
     padding-top: 5%;
     padding-bottom: 5%; 
     text-align: center;
     font-size: 1vmax;
     margin-bottom: 0
  }
.imgheig{
     height: auto;
  }
   .seccionuno{
    padding-top: 4%;
    padding-bottom: 4%;
  }
   .imagenseccion{
   
    width: 100%;
  }
  .vermas{ 
    margin-top: 2%;
    font-size: 2vmax;
    color:black;
  }
  .texto1{
    font-size: 2vmax; 
    color: white
  }
  .texto2{
    font-size: 1.5vmax; 
    color: white;
    text-align: justify;
  }
  .texto3{
    font-size: 3vmax;
    text-align: center;
  }
  .texto4{
    font-size: 2vmax;
    text-align: justify;
    
  }
  .texto5{
    font-size: 3vmax;
  
  }
  .texto6{
    font-size: 1.6vmax;
  
  }
  .texto7{
    font-size: 2vmax;
  
  }

}
@media all and (max-width: 780px) and (min-width: 766px){
  .listamulti{
    position: absolute;
    top: -10;
    right: 300px;
    bottom: 10px;
    display: -webkit-box
  }
  .altsede{
    height:12em;
    text-align: justify;
  }
  .sedepa{
    padding-top: 10%;
    height: 6em;
  }
  .prensainicio{
    padding-top: 1%;
    padding-bottom: 3%;
  }
  .boton1{
  background:#873327; 
  color: white; 
  position: absolute;
  top: 5%;
  right: 5%;
}
 .share-group {
    float: right;
    margin: 18px 25px 0 0;
}
.dropdown-menu{
  background-color: transparent;
      right: 200%;
      left: inherit;
      border: 0px solid transparent;
          -webkit-box-shadow: none;
    box-shadow: none;
    
}
   #redessociales {
  width: 80px;
  height: 80px;
  border-radius: 75px;
  background: url(https://cem.org.mx/img/portalv2/share3.png)no-repeat center center;
  background-color: #873327
}
#seredessociales {
  width: 80px;
  height: 80px;
  border-radius: 75px;
  background: url(https://cem.org.mx/img/portalv2/share3.png)no-repeat center center;
  background-color: #873327
}
#redessociales:hover .smedia:nth-child(1) {
  position: absolute;
  left:65px;
}

#redessociales:hover .smedia:nth-child(2) {
  position: absolute;
  left:110px;
}
#redessociales:hover .smedia:nth-child(3) {
  position: absolute;
  left:155px;
}
#redessociales:hover .smedia:nth-child(4) {
  position: absolute;
  left:200px;
}
#seredessociales {
  width: 80px;
  height: 80px;
  border-radius: 75px;
  background: url(https://cem.org.mx/img/portalv2/play.png)no-repeat center center;
  background-color: #873327
}
#seredessociales:hover .smedia:nth-child(2) {
  position: absolute;
  left:-110px;
}
#seredessociales:hover .smedia:nth-child(3) {
  position: absolute;
  left:-155px;
}
#seredessociales:hover .smedia:nth-child(4) {
  position: absolute;
  left:-200px;
}
#seredessociales:hover .smedia:nth-child(5) {
  position: absolute;
  left:-245px;
}
#seredessociales:hover .smedia:nth-child(1) {
  position: absolute;
  left:-65px;
}
  .logo{
    width:25%;
  }
  .imgdonar{
    width: 65%;
  }
  .imgobispo{
 width: 65%;
  }
  .primercarousel{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  }
  .smedia {
  position: absolute;

  display: inline;
  opacity: 0;
  width: 46px;
  height: 46px;
 
  text-indent: -9999px;
  background: no-repeat;
  left:3px;
}
  .diocesis{
    height: 12em;
    text-align: justify;
  }
  .redesposicion{
    position: absolute;
    bottom: 6%;
    right: 8%;
  }
  .segredessociales{
     position: absolute;
     bottom: 6%; 
     left:8%;
  }
  .segundocontrol{
    height: 100px;
    top: 30%;
  }
.alturamin{
  padding-top: 13%;
}
.alturamax{
  padding-top: 20%;
}
.alturaminn{
  padding-top: 20%;
}
.alturamaxx{
  padding-top: 26%;
}
  .imagenslider{
    width: 100%
  }
  .idioma{
    position: absolute; 
    bottom: 10%;
    left:88%;

  }
   .letramenu{
    font-size: 1.2vmax
  }
  .imgsintesis{
    width: 100%;
  }
  .donar{
    position: absolute;
    right: 10%;
    z-index: 9999
  }
  .obispo{
    position: absolute;
    right: 5%;
    z-index: 9999
  }
  .hola{
  background: transparent;
}
  .imagenmulti{
    width: 100%
  }
  .artiletra{
     background: #e8ad4b; 
     padding-top: 5%;
     padding-bottom: 5%; 
     text-align: center;
     font-size: 1vmax;
     margin-bottom: 0
  }
  .hisabsol{
    padding-top: 5%

  }
 .navbar-nav > li {
  float: none;
  display: inline-table;
  }
  .seccionuno{
    position: relative;
    padding-top: 6%;
    padding-bottom: 6%;
  }
  .imagenseccion{
    position: absolute;
    top: 0; 
    left: 105%; 
    right: 0;
    width: 40%;
  }
  .vermas{
    position: absolute;
    left: 160%;
    width: auto; 
    font-size: 1vmax;
    color:black;
    cursor: pointer;
  }
  .texto1{
    font-size: 1.7vmax; 
    color: white
  }
  .texto2{
    font-size: 1.1vmax; 
    color: white;
    text-align: justify;
  }
  .texto3{
    font-size: 2.4vmax;
    text-align: center;
  }
  .texto4{
    font-size: 1vmax;
    text-align: justify;
  
  }
  .texto5{
    font-size: 2.4vmax;
  
  }
  .texto6{
    font-size: 1vmax;
  
  }
  .texto7{
    font-size: 1.1vmax;
  
  }
  .obspa{
    padding-top:4%
  }
  .imgheig{
     height: 18vw;
  }

}

@media (min-width: 781px) {
  .listamulti{
    position: absolute;
    top: -10;
    right: 300px;
    bottom: 10px;
    display: -webkit-box
  }
  .altsede{
    height:12em;
    text-align: justify;
  }
  .sedepa{
    padding-top: 10%;
    height: 6em;
  }
  .prensainicio{
    padding-top: 1%;
    padding-bottom: 3%;
  }
  .boton1{
  background:#873327; 
  color: white; 
  position: absolute;
  top: 5%;
  right: 5%;
}
  .dropdown-menu{
  /*background-color: transparent;*/
     /* right: 200%;*/
      left: inherit;
      border: 0px solid transparent;
          -webkit-box-shadow: none;
    box-shadow: none;
    
}
  .share-group {
    float: right;
    margin: 18px 25px 0 0;
} 
  #redessociales {
  width: 80px;
  height: 80px;
  border-radius: 75px;
  background: url(https://cem.org.mx/img/portalv2/share3.png)no-repeat center center;
  background-color: #873327
}
#seredessociales {
  width: 80px;
  height: 80px;
  border-radius: 75px;
  background: url(https://cem.org.mx/img/portalv2/play.png)no-repeat center center;
  background-color: #873327
}
#redessociales:hover .smedia:nth-child(1) {
  position: absolute;
  left:65px;
}

#seredessociales:hover .smedia:nth-child(2) {
  position: absolute;
  left:-110px;
}
#seredessociales:hover .smedia:nth-child(3) {
  position: absolute;
  left:-155px;
}
#seredessociales:hover .smedia:nth-child(4) {
  position: absolute;
  left:-200px;
}
#seredessociales:hover .smedia:nth-child(5) {
  position: absolute;
  left:-245px;
}
#seredessociales:hover .smedia:nth-child(1) {
  position: absolute;
  left:-65px;
}

#redessociales:hover .smedia:nth-child(2) {
  position: absolute;
  left:110px;
}
#redessociales:hover .smedia:nth-child(3) {
  position: absolute;
  left:155px;
}
#redessociales:hover .smedia:nth-child(4) {
  position: absolute;
  left:200px;
}

  .logo{
    width:25%;
  }
  .imgdonar{
    width: 65%;
  }
  .imgobispo{
 width: 65%;
  }
  .primercarousel{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  }
  .smedia {
  position: absolute;
-webkit-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;
-moz-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1),opacity 1s linear;
-o-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;
  display: inline;
  opacity: 0;
  width: 46px;
  height: 46px;
  z-index: 100;
  margin:10px 0px 0px 20px;
  text-indent: -9999px;
  background: no-repeat;
  left:3px;
}
  .diocesis{
    height: 12em;
    text-align: justify;
  }
  .redesposicion{
    position: absolute;
    bottom: 19%;
    right: 8%;
  }
  .segredessociales{
     position: absolute;
     bottom: 19%; 
     left:8%;
  }
  .segundocontrol{
    height: 200px;
    top: 30%;
  }
  .alturamin{
  padding-top: 25%;
}
.alturamax{
  padding-top: 30%;
}
.alturaminn{
  padding-top: 25%;
}
.alturamaxx{
  padding-top: 30%;
}
  .imagenslider{
    width: 100%
  }
  .idioma{
    position: absolute; 
    bottom: 10%;
    left:88%;

  }
   .letramenu{
    font-size: 1.2vmax
  }
  .imgsintesis{
    width: 100%;
  }
  .donar{
    position: absolute;
    right: 10%;
    z-index: 9999
  }
  .obispo{
    position: absolute;
    right: 5%;
    z-index: 9999
  }
  .hola{
  background: transparent;
}
  .imagenmulti{
    width: 140%
  }
  .artiletra{
     background: #e8ad4b; 
     padding-top: 5%;
     padding-bottom: 5%; 
     text-align: center;
     font-size: 1vmax;
     margin-bottom: 0
  }
  .hisabsol{
    padding-top: 5%

  }
 .navbar-nav > li {
  float: none;
  display: inline-table;
  }
  .seccionuno{
    position: relative;
    padding-top: 6%;
    padding-bottom: 6%;
  }
  .imagenseccion{
    position: absolute;
    top: 0; 
    left: 105%; 
    right: 0;
    width: 40%;
  }
  .vermas{
    position: absolute;
    left: 160%;
    width: auto; 
    font-size: 1vmax;
    color:black;
    cursor: pointer;
  }
  .texto1{
    font-size: 1.7vmax; 
    color: white
  }
  .texto2{
    font-size: 1.1vmax; 
    color: white;
    text-align: justify;
  }
  .texto3{
    font-size: 2.4vmax;
    text-align: center;
  }
  .texto4{
    font-size: 1vmax;
    text-align: justify;
  
  }
  .texto5{
    font-size: 2.4vmax;
  
  }
  .texto6{
    font-size: 1vmax;
  
  }
  .texto7{
    font-size: 1.1vmax;
  
  }
  .obspa{
    padding-top:4%
  }
  .imgheig{
     height: 18vw;
  }
} 
@media all and (max-width: 500px) and (min-width: 0px){

  .altsede{
    height:auto;
    text-align: justify;
  }
  .sedepa{
    padding-top: 3%;

  }
  .texto7{
    font-size: 2.4vmax;
  
  }
  .prensainicio{
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .boton1{
  background:#873327; 
  color: white; 
}
  .dropdown-menu{
  background-color: transparent;
      left: inherit;
      border: 0px solid transparent;
          -webkit-box-shadow: none;
    box-shadow: none;
    
}
  .imagenmultimedia{
    width: 50px;
  }
  .share-group {
    float: right;
    margin: 18px 0px 0 0;
}
#seredessociales {
  width: 45px;
  height: 45px;
  border-radius: 75px;
  background: url(https://cem.org.mx/img/portalv2/play.png)no-repeat center center;
  background-color: #873327
}
#seredessociales:hover .smedia:nth-child(2) {
  position: absolute;
  left:-110px;
}
#seredessociales:hover .smedia:nth-child(3) {
  position: absolute;
  left:-155px;
}
#seredessociales:hover .smedia:nth-child(4) {
  position: absolute;
  left:-200px;
}
#seredessociales:hover .smedia:nth-child(5) {
  position: absolute;
  left:-245px;
}
#seredessociales:hover .smedia:nth-child(1) {
  position: absolute;
  left:-65px;
}
  #redessociales {
  width: 45px;
  height: 45px;
  border-radius: 75px;
  background: url(https://cem.org.mx/img/portalv2/share3.png)no-repeat center center;
  background-color: #873327
}
#redessociales:hover .smedia:nth-child(1) {
  position: absolute;
  left:25px;
}

#redessociales:hover .smedia:nth-child(2) {
  position: absolute;
  left:80px;
}
#redessociales:hover .smedia:nth-child(3) {
  position: absolute;
  left:125px;
}
#redessociales:hover .smedia:nth-child(4) {
  position: absolute;
  left:170px;
}

  .logo{
    width:35%;
    z-index: 9999;
  }
  .imgdonar{
    width: 45%;
  }
  .imgobispo{
 width: 45%;
  }
  .header{
    position: absolute;
    left: 0;
    right: 0
  }
   .smedia {
  position: absolute;

  display: inline;
  opacity: 0;
  width: 46px;
  height: 46px;
 
  text-indent: -9999px;
  background: no-repeat;
  left:3px;
}
  .diocesis{
    height: auto;
    text-align: justify;
  }
  .redesposicion{
    position: absolute;
    bottom: 4%;
    right: 1%;
  }
  .segredessociales{
     position: absolute;
     bottom: 4%; 
     left:1%;
  }
  .listamulti{
    position: absolute;
    top: -10;
    right: 300px;
    bottom: 10px;
    display: -webkit-box
  }
  .segundocontrol{
    height: 50px;
    top: 40%;
  }

/*.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
  height: 46%
}*/
  .imagenslider{
    
  }
  .idioma{ 
    margin-left: 25px;
    

  }
  .letramenu{
    font-size: 1.8vmax
  }
  .imgsintesis{
    width: 100%;
  }
  .obispo{
    position: absolute;
    left:0;
    z-index: 9999
  }
  .donar{
    position: absolute;
    left: 15%;
    z-index: 9999
  }
  .hola{
  background: transparent;
  position: fixed;
}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    background: rgba(135, 51, 39, 0.8);
  }
  .imagenmulti{
    width: 100%
  }
  .hisabsol{
  padding-bottom: 5%

  }
  .artiletra{
     background: #e8ad4b; 
     padding-top: 5%;
     padding-bottom: 5%; 
     text-align: center;
     font-size: 1vmax;
     margin-bottom: 0
  }
.imgheig{
     height: auto;
  }
   .seccionuno{
    padding-top: 4%;
    padding-bottom: 4%;
  }
   .imagenseccion{
   
    width: 100%;
  }
  .vermas{
    margin-top: 2%; 
    font-size: 2vmax;
    color:black;
  }
  .texto1{
    font-size: 2.5vmax; 
    color: white
  }
  .texto2{
    font-size: 2vmax; 
    color: white;
    text-align: justify;
  }
  .texto3{
    font-size: 3.5vmax;
    text-align: center;
  }
  .texto4{
    font-size: 2vmax;
    text-align: justify;
    
  }
  .texto5{
    font-size: 3vmax;
  
  }
  .texto6{
    font-size: 2vmax;
  
  }
}



 .navbar-nav {
  width: 100%
} 

 .navbar-nav {
  text-align: center;
}
.fixed{
  position:fixed; 
  top:0;
  background: rgba(135, 51, 39, 0.8);
}

.navbar-default {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow:none;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  z-index: 1000;
  right: 0px;
  left: 0px;
}
#imaginary_container{
  margin-top:20%; /* Don't copy this */
}
.stylish-input-group .input-group-addon{
  background: transparent; 
}
.stylish-input-group .form-control{
  border-right:0; 
  box-shadow:0 0 0; 
  border-color:#ccc;
}
.stylish-input-group button{
  border:0;
  background:transparent;
}
.cuadrouno{
  background: url('https://cem.org.mx/img/portalv2/cuadro11.jpg') no-repeat center center;
  background-size: cover;
  min-height: auto;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
  background-size: cover;
}
.actividades{
  background: url('https://cem.org.mx/img/portalv2/cuadro22.jpg') no-repeat center center;
  background-size: cover;
  min-height: auto;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
  background-size: cover;
}
.cuadro1{
  background: url('https://cem.org.mx/img/portalv2/cuadro3.jpg') no-repeat center center;
  background-size: cover;
  min-height: auto;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
  background-size: cover;
}
.cuadro2{
  background: url('https://cem.org.mx/img/portalv2/cuadro4.jpg') no-repeat center center;
  background-size: cover;
  min-height: auto;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
  background-size: cover;
}
.cuadro3{
  background: url('https://cem.org.mx/img/portalv2/cuadro5.jpg') no-repeat center center;
  background-size: cover;
  min-height: auto;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
  background-size: cover;
}
.cuadro4{
  background: url('https://cem.org.mx/img/portalv2/cuadro6.jpg') no-repeat center center;
  background-size: cover;
  min-height: auto;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
  background-size: cover;
}
.observatorio{
  background: url('https://cem.org.mx/img/portalv2/bannerObservatorio33.jpg') no-repeat center center;
  background-size: cover;
  min-height: auto;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
  background-size: cover;
}
.historia{
  background: url('https://cem.org.mx/img/portalv2/fondohistoriayarte.png') no-repeat center center;
  background-size: cover;
  min-height: auto;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
  background-size: cover;
}
.articulos{
  background: url('https://cem.org.mx/img/portalv2/cuadro77.jpg') no-repeat center center;
  background-size: cover;
  min-height: auto;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
  background-size: cover;
}
.servicios{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
    background: rgba(0,0,0,0.4);
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-shadow: 0px -9px 40px 0px rgba(0,0,0,0.52);
    -moz-box-shadow: 0px -9px 40px 0px rgba(0,0,0,0.52);
    box-shadow: 0px -9px 40px 0px rgba(0,0,0,0.52);
}

.carousel-control.left{
  background-image: none;
}
.carousel-control.right{
  background-image: none;
}
.carousel-control{
  opacity: 1;
}
.navbar-nav > li .oculto{
  display: none;
}
.mobile-social-share h3 {
    color: inherit;
    float: left;
    font-size: 15px;
    line-height: 20px;
    margin: 25px 25px 0 25px;
}



.btn-group {
    display: inline-block;
    font-size: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}

.mobile-social-share ul {
    float: right;
    list-style: none outside none;
    margin: 0;
    min-width: 61px;
    padding: 0;
}

.share {
    min-width: 17px;
}

.mobile-social-share li {
    display: block;
    font-size: 18px;
    list-style: none outside none;
    margin-bottom: 3px;
    margin-left: 4px;
    margin-top: 3px;
}

.btn-share {
    background-color: transparent;
    color: #333333;
}


.btn-pinterest {
    background-color: #CC1E2D !important;
    width: 51px;
    color:#FFFFFF!important;
}

.btn-mail {
    background-color: #FFC90E !important;
    width: 51px;
    color:#FFFFFF!important;
}

.caret {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}

#socialShare {
    max-width:59px;
    margin-bottom:18px;
}

#socialShare > a{
    padding: 6px 10px 6px 10px;
}

@media (max-width : 320px) {
    #socialHolder{
        padding-left:5px;
        padding-right:5px;
    }
    
    .mobile-social-share h3 {
        margin-left: 0;
        margin-right: 0;
    }
    
    #socialShare{
        margin-left:5px;
        margin-right:5px;
    }
    
    .mobile-social-share h3 {
        font-size: 15px;
    }
}

@media (max-width : 238px) {
    .mobile-social-share h3 {
        font-size: 12px;
    }
}



#redessociales:hover .smedia {
  opacity: 1;
  transform: translate(0px,0);
  -webkit-transform: translate(0px,0);
  -o-transform: translate(0px,0); 
  -moz-transform: translate(0px,0);
  margin:10px 0px 0px 20px;
  position: absolute;
}

#seredessociales:hover .smedia {
  opacity: 1;
  transform: translate(0px,0);
  -webkit-transform: translate(0px,0);
  -o-transform: translate(0px,0); 
  -moz-transform: translate(0px,0);
  margin:10px 0px 0px 20px;
  position: absolute;
}
.smedia.facebook {
    background: url(https://cem.org.mx/img/portalv2/face2.png) no-repeat center center;
}
.smedia.twitter {
    background: url(https://cem.org.mx/img/portalv2/twitte.png) no-repeat center center;
}
.smedia.instagram {
    background: url(https://cem.org.mx/img/portalv2/instagram.png) no-repeat center center;
}
.smedia.youtube {
    background: url(https://cem.org.mx/img/portalv2/youtube.png) no-repeat center center;
}
.smedia.galeria {
    background: url(https://cem.org.mx/img/icono1.png) no-repeat center center;
}
.smedia.videos {
    background: url(https://cem.org.mx/img/icono4.png) no-repeat center center;
}
.smedia.graficos {
    background: url(https://cem.org.mx/img/icono3.png) no-repeat center center;
}
.smedia.audios {
    background: url(https://cem.org.mx/img/icono2.png) no-repeat center center;
}
.smedia.biblioteca {
    background: url(https://cem.org.mx/img/icono5.png) no-repeat center center;
}