/* PARA DAR EL COLOR VERDE AL BOTON DE MENU DEL MOVIL */
.navbar-dark .navbar-toggler {
  background-color: #96e110;
  border-color: rgba(255, 0, 0, 0.85);
}

.navbar-dark .navbar-toggler  .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.85)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

body {
  background: #f7f7f7;
  overflow-x: hidden;
}

/* @font-face{
 font-family:'digital-7';
 src: url('http://localhost/musical-octo-broccoli/views/css/digital-7/digital-7.ttf');
} */

.badge-smV {
    width: 24px;
    height: 24px;
    padding: .10em !important;
    margin-left: .1em;
    margin-right: .1em;
}

/* .digital {

font-size: 25px;
color: #8fff00;
background-color: #000000;
font-family: 'digital-7', sans-serif;
} */

/* .hemeroteca {
	background:	url(https://mexicolegal.mx/views/img/fondo_columna.jpg);
} */

.modal-lg2 {
       max-width: 80%;
}

.sticky-top {
    padding-top: 56px;
    background: #f7f7f7;
}

@media (max-width: 800px) {
  .sticky-top { padding-top: 16px; }
}

.buscador-top {
    padding-top: 0px;
}

@media (max-width: 800px) {
  .buscador-top { padding-top: 56px; }
}

.stage {
  display: flex;
}

.box {
  align-self: flex-end;
  animation-duration: 1s;
  width: 900px;
}
.bounce-1 {
  animation-name: bounce-1;
  animation-timing-function: linear;
}

@keyframes bounce-1 {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-100px); }
  100% { transform: translateY(0); }
}

.method1 {
  font-weight: bold;
  color: #FFD700;
  text-shadow: 0 1px 0 #FFDF00, 0 2px 0 #000000, 0 3px 0 #000000, 0 4px 0 #000000, 0 5px 0 #000000, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}

.golden3 {
  font-weight: bold;
  color: #FFD700;
  text-shadow: 0 1px 0 #FFDF00, 0 2px 0 #000000, 0 3px 0 #000000, 0 4px 0 #000000, 0 5px 0 #000000, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
  font-size: 1.3em;
}

.golden3-button {
  color: #FFD700;
  text-shadow: 0 1px 0 #FFDF00, 0 2px 0 #000000, 0 3px 0 #000000, 0 4px 0 #000000, 0 5px 0 #000000, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
  font-size: 1.0em;
}

.caliScroll[type=radio] {
  display: none;
}

.selectCaliScroll[type=radio]:checked+label {
  border: solid 2px red
}

/* .text-article {
  color: #000;
}

.text-article:first-letter {
  color: #903;
  float: left;
  font-family: Georgia;
  font-size: 10px;
  font-size: 6rem;
  line-height: 10px;
  line-height: 4rem;
  height: 4rem;
  text-transform: uppercase;
}

.letraColum {
  font-family: 'Rye', cursive;
  font-size: 15px;
  color: #fff;
}

.letraColumTitulo {
  font-family: 'Holtwood One SC', serif;
  font-size: 48px;
}

.letraColumTitulo2 {
  font-family: 'Holtwood One SC', serif;
  font-size: 18px;
} */

.columna {
  font-family: 'Playfair Display', serif;
  font-weight: 900;
  font-size: 80px;
  text-transform: uppercase;
  display: inline-block;
  line-height: 72px;
}

.columnaColor {
  font-family: 'Droid Serif', serif;
  font-size: 18px;
  color: #2f2f2f;
  background-color: #fbdf8a;
}

/* .selectTipoMovil[type=radio] {
  display: none;
}

.selectTipoChecMovil[type=radio]:checked+label {
  border: solid 2px red
}

.selectTipo2Movil[type=radio] {
  display: none;
}

.selectTipoChec2Movil[type=radio]:checked+label {
  border: solid 2px red
} */

.selectTipo[type=radio] {
  display: none;
}

.selectTipoChec[type=radio]:checked+label {
  border: solid 2px red
}

/* CSS PARA FORMATO EN SCROLL */

.selectTipo2[type=radio] {
  display: none;
}

.selectTipoChec2[type=radio]:checked+label {
  border: solid 2px red
}

.select {
  border: 1px solid black;
  background: white;
  -moz-box-shadow: inset 0 0 5px #000000;
  -webkit-box-shadow: inset 0 0 5px #000000;
  box-shadow: inset 0 0 5px #000000;
  height: 140px;
  width: 300px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  font-size: 1.5em;
  cursor: pointer;
  padding: 1em;
}

/* .selectVideo {
  border: 1px solid black;
  background: white;
  -moz-box-shadow: inset 0 0 5px #000000;
  -webkit-box-shadow: inset 0 0 5px #000000;
  box-shadow: inset 0 0 5px #000000;
  height: 90px;
  width: 170px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  padding: 1em;
} */

.select2 {
  border: 1px solid black;
  background: white;
  -moz-box-shadow: inset 0 0 5px #000000;
  -webkit-box-shadow: inset 0 0 5px #000000;
  box-shadow: inset 0 0 5px #000000;
  height: 140px;
  width: 190px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  font-size: 1.5em;
  cursor: pointer;
  padding: 1em;
}

.silverHed {
  background-color: #5b6467;
}

.tareas {
  color: white;
  background-color: #ff9800;
}

.mexicolegal {
  color: white;
  background-color: #DAF7A6;
}

.monedaplata {
  color: white;
  background-color: #C0C0C0;
}

.voxpopuli {
  color: white;
  background-color: #572364;
}

.comun {
  color: white;
  background-color: #d1ac43;
}

.corresponsal {
  color: white;
  background-color: #3e754e;
}

.pasante {
  color: white;
  background-color: #a64141;
}

.formatosColor {
  color: white;
  background-color: #72ead4;
}

.historico {
  color: white;
  background-color: #454545;
}

.voxpopuliLetra {
  color: #572364;
}

.corresponsalLetra {
  color: #ffffff;
}

.pasanteLetra {
  color: #ffffff;
}

.formatos {
  color: white;
  background-color: #72ead4;
}

.button2:hover {
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

/* .head2 {
  background: url(https://mexicolegal.mx/views/img/madera.jpg);
}

.headColum {
  background: url(https://mexicolegal.mx/views/img/fondo_columna.jpg);
} */

.modal1 {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "Estamos procesando su consulta";
  background: rgba(255, 255, 255, .8)url(https://mexicolegal.mx/views/img/mazo.gif)50% 50%no-repeat;
}

body.loading {
  overflow: hidden;
}

body.loading .modal1 {
  display: block;
}

/* .footer1 {
  margin-top: 20px;
  border-top: 8px solid #999;
  background: url(https://mexicolegal.mx/views/img/madera.jpg);
  padding: 20px 0;
}

.footerCategorias h4 a {
  color: #666;
}

.footerCategorias li a {
  color: #999;
}

.footerCategorias hr {
  border: 1px solid #333;
}

.infoContacto h5 {
  color: #999;
}

.formContacto h4 {
  color: #666;
} */

.final {
  padding: 20px 0;
  background: black;
}

/* .final ul li {
  display: inline;
  line-height: 30px;
  margin: 0px 5px;
  color: white;
}

.final .social ul li a i {
  font-size: 18px;
  margin: 0 1px;
} */

/* CSS PARA FORMATO EN SCROLL */

.selectPenalScrollPenal {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/formato-penal-scroll.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:65px;
width:65px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.selectAdminScrollPenal {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/formato-admin-scroll.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:65px;
width:65px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.selectCivlScrollPenal {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/formato-civil-scroll.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:65px;
width:65px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.selectLaboralScrollPenal {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/formato-laboral-scroll.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:65px;
width:65px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.selectOfrezco {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/ofrezco.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:80px;
    width:110px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

.selectSolicito {
    border:1px solid black;
    background: rgba( 255, 255, 255, .8 )
                url(https://mexicolegal.mx/views/img/solicito.png)
                50% 50%
                no-repeat;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #000000;
    height:80px;
    width:110px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    font-size:1.5em;
    cursor:pointer;
    padding:1em;
}

/* CSS PARA FORMATO EN SCROLL */

.meGustaPenal1 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/meGusta1.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.meGustaPenal2 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/meGusta2.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.meGustaPenal3 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/meGusta3.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.meGustaPenal4 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/meGusta4.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.meGustaPenal5 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/meGusta5.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.noMeGustaPenal1 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/noMeGusta1.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.noMeGustaPenal2 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/noMeGusta2.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.noMeGustaPenal3 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/noMeGusta3.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.noMeGustaPenal4 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/noMeGusta4.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.noMeGustaPenal5 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/noMeGusta5.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

/* CSS PARA FORMATO EN SCROLL */

.caliScrollPenal[type=radio]{
display:none;
}
.selectCaliScrollPenal[type=radio]:checked + label{
border:solid 2px red
}

/* CSS PARA FORMATO EN SCROLL */

.meGustaPenalUp1 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/meGusta1.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.meGustaPenalUp2 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/meGusta2.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.meGustaPenalUp3 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/meGusta3.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.meGustaPenalUp4 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/meGusta4.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.meGustaPenalUp5 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/meGusta5.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.noMeGustaPenalUp1 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/noMeGusta1.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.noMeGustaPenalUp2 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/noMeGusta2.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.noMeGustaPenalUp3 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/noMeGusta3.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.noMeGustaPenalUp4 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/noMeGusta4.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

.noMeGustaPenalUp5 {
border:1px solid black;
background: rgba( 255, 255, 255, .8 )
       url(https://mexicolegal.mx/views/img/noMeGusta5.png)
       50% 50%
       no-repeat;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
height:71px;
width:115px;
text-align:center;
display:inline-block;
vertical-align:top;
font-size:1.5em;
cursor:pointer;
padding:1em;
}

/* CSS PARA FORMATO EN SCROLL */

.caliScrollPenalUp[type=radio]{
display:none;
}
.selectCaliScrollPenalUp[type=radio]:checked + label{
border:solid 2px red
}