body{background-image: url(img/fondo.png);}
#title_marco
{width:100%;padding:40px;margin:auto;
background-image: url("img/banner.png");
background-position: center bottom;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}

#title_marco > h2
{text-align:center; padding:8px; color: white; }

#content_marco
{    width:90%;padding:8px;margin:auto; margin-top: 4%;}

.option_marco 
{
    background-color: rgb(248, 248, 248); padding:8px; margin: 2%; width: 46%; float: left; height: 10vh;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 5px;
}
.option_marco > h5
{ width:90%;padding:8px;margin:auto; text-align: center;}

.option_marco:hover
{
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    cursor: pointer;
}

/**************************************TARJETAS***********************************************************/
/* From Uiverse.io by TemRevil */ 
/* From Uiverse.io by gharsh11032000 */ 
/* From Uiverse.io by Prince4fff */ 

  .op-marco{float: left; } .icon{font-size: 5vh; margin-bottom: 10%;}

  .card1 {
    display: block;
    position: relative;
    min-width: 280px;   max-width: 280px;
    height: 25%;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 32px 24px;
    margin-left:40px;
    margin-right: 20px; margin-top: 10px;
    text-decoration: none;
    z-index: 0;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; border-left: #b11f29 4px solid;   
  }
  .small{color: #b11f29; font-size: 2vh;}
  .card1:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -36px;
    left:  -36px;
    background: #b11f29;
    text-decoration: none;
    height: 39px;
    width: 42px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.40s ease-out;
  }
  
  .card1:hover:before {
    transform: scale(21);
  }
  
  .card1:hover p {
    transition: all 0.3s ease-out;
    color: rgb(255, 255, 255);
  }
  

  a{text-decoration: none !important;}
/****************TABLA ICONOS********************************************************************/
.i-ley{font-size: 4vh; color: #b11f29;}
#back{background-color: #b11f29; max-width: 50px; min-width: 50px; height: 4vh; text-align: center; color: #ffffff; position: absolute; margin-top: 10px;} 
#back>i{text-align:center; padding:8px; color: white; }
#content_marco > h3 {font-size: 1.5rem; margin-top: 0%; }
.hr_r{border-top: 2PX SOLID #b11f29; width: 400px;}
.nav_marcoj{float: left; text-align: center; padding:8px; background-color: #f5f1ee; margin-bottom: 4%; margin-left: 1px; cursor: pointer;}
#nav-juridico{text-align: center; padding:8px; width: 70%; margin-top: -2%;}
.nav_marcoj > a {color: black;}
.nav_marcoj > a:hover{border-bottom: #b11f29 solid 2px;}
.nav_marcoj > a:focus{border-bottom: #b11f29 solid 2px;}




#title_marco2
{width:100%;padding:15px;margin:auto;
background-image: url("img/banner.png");
background-position: center bottom;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}

#title_marco2 > h2,h4
{text-align:center; padding:5px; color: white; }

#nav-juridico2{text-align: center; padding:8px; width:600px; margin-top:-6px;}
.nav_marcoj2{float: left; text-align: center; padding:8px;  margin-bottom: 4%; margin-left: 1px; cursor: pointer; }
.nav_marcoj2 > a {color: black;
   font-family:Arial, Helvetica, sans-serif
   !important; 
   font-weight: bolder;} 
.nav_marcoj2 > a:hover{border-bottom: #b11f29 solid 3px; background-color: rgb(248, 240, 233);}
.nav_marcoj2 > a:focus{border-bottom: #b11f29 solid 3px; background-color: rgb(248, 240, 233);}

#content_marco2
{    width:90%;padding:8px;margin:auto; margin-top: 0%;}
.i-ley2{font-size: 3vh; color: #b11f29;}
.p-td{font-size: 1.5vh;}
.tr-bodymj:hover{background-color: #faf0eb;}
.i-ley2:hover{font-size: 3vh; color: #802954;}