/* menu poder judicial */


  



.vl {
  position:absolute;
  border: 1px solid black;
  height: 50px;
  		left:580px;
  		top:65px;
 height:85px
}


.vl1 {
  position:absolute;
  border: 1px solid black;
  height: 25px;
  		left:105px;
  		top:125px;
 
}

.vl2 {
  position:absolute;
  border: 1px solid black;
  height: 28px;
  		left:1050px;
  		top:123px;
 
}


.vl3 {
  position:absolute;
  border: 1px solid black;
  height: 43px;
  		left:328px;
  		top:257px;
 
}
.vl4 {
  position:absolute;
  border: 1px solid black;
  height: 43px;
  		left:505px;
  		top:257px;
 
}

.vl5 {
  position:absolute;
  border: 1px solid black;
  height: 43px;
  		left:685px;
  		top:257px;
 }
  
  .vl6 {
  position:absolute;
  border: 1px solid black;
  height: 240px;
  		left:585px;
  		top:212px;
  
}

  .vl7 {
  position:absolute;
  border: 1px solid black;
  height: 43px;
  		left:850px;
  		top:257px; 
}


  .vl8 {
  position:absolute;
  border: 1px solid black;
  height: 90px;
  		left:105px;
  		top:212px; 
}

 .vl9 {
  position:absolute;
  border: 1px solid black;
  height: 80px;
  		left:105px;
  		top:372px; 
}

 .vl10 {
  position:absolute;
  border: 1px solid black;
  height: 39px;
  		left:105px;
  		top:512px; 
}


.vl11 {
  position:absolute;
  border: 1px solid black;
  height: 176px;
  		left:328PX;
  		top:374px; 
}

.vl12 {
  position:absolute;
  border: 1px solid black;
  height: 180px;
  		left:690PX;
  		top:372px; 
}


.vl13 {
  position:absolute;
  border: 1px solid black;
  height: 45px;
  		left:328PX;
  		top:615px; 
}


.vl14 {
  position:absolute;
  border: 1px solid black;
  height: 40px;
  		left:690PX;
  		top:611px; 
}
.vl15 {
  position:absolute;
  border: 1px solid black;
  height: 40px;
  		left:690PX;
  		top:710px; 
}

.vl16 {
  position:absolute;
  border: 1px solid black;
  height: 40px;
  		left:690PX;
  		top:810px; 
}



.horizontal{  
  position:absolute;
  border-bottom:solid 2px black;
  width:83%;
  height:50px;
  	left:105px;
  		top:75px;
}


.horizontal1{  
  position:absolute;
  border-bottom:solid 2px black;
  width:46%;
  height:50px;
  	left:328px;
  		top:208px;
}


.caja { 
   position:absolute;

left:480px;
top:2px;  
width:200PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 20px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;
}



.caja:hover
	{
	border: 3px solid #FFEB3B ;
  font-size:18px;
  cursor: pointer;
    background: #BA4A00;
	}

.caja1 { 
 position:absolute;
  		left:5px;
  		top:150px;
  
 width:200PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 150; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 20px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}

.caja2 { 
 position:absolute;
  		left:480px;
  		top:150px;
  
 width:200PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 20px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}

.caja3 { 
 position:absolute;
  		left:950px;
  		top:150px;
  
 width:200PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 10px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}

.caja4 { 
  
 position:absolute;
  		left:30px;
  		top:300px;  
 width:150PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 15px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}

.caja5 { 
  
 position:absolute;
  		left:30px;
  		top:450px;  
 width:150PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 20px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}

.caja6 { 
 position:absolute;
  		left:30px;
  		top:550px;
  
 width:150PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 15px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}

.caja7 { 
  
 position:absolute;
  		left:250px;
  		top:300px;  
 width:150PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 15px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}

.caja8 { 
  
 position:absolute;
  		left:430px;
  		top:300px;  
 width:150PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 8px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 5px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}

.caja9 { 
  
 position:absolute;
  		left:610px;
  		top:300px;  
 width:150PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 15px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}

.caja10 { 
  
 position:absolute;
  		left:780px;
  		top:300px;  
 width:150PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 15px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}

.caja11 { 
  
 position:absolute;
  		left:980px;
  		top:300px;  
 width:150PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 15px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}

.caja12 { 
  
 position:absolute;
  		left:510px;
  		top:450px;  
 width:150PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 20px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}

.caja13 { 
  
 position:absolute;
  		left:250px;
  		top:550px;  
 width:150PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 13px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}
.caja14 { 
  
 position:absolute;
  		left:250px;
  		top:660px;  
 width:150PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 10px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}

.caja15 { 
  
 position:absolute;
  		left:620px;
  		top:550px;  
 width:150PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 10px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}

.caja16 { 
  
 position:absolute;
  		left:620px;
  		top:650px;  
 width:150PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 10px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}


.caja17 { 
  
 position:absolute;
  		left:620px;
  		top:750px;  
 width:150PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 10px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}


.caja18 { 
  
 position:absolute;
  		left:620px;
  		top:850px;  
 width:150PX;
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 10px; 
font-weight: 100; 
text-align: center; 
background: #2E3751; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 10px; 
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #000000;}







/* este es lo que hacen el DIV del texto*/
#MenuTEXTO {
	margin:0;

}


/* este es lo que hacen los botones menu centro */

.boton{
        background-color:#2e3751;
  			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  					
}

#ajax {
			background-color:red;
}

/* MODIFICA el DIV donde viene el carrousel y las notas */
#carruselNotas{
		max-width:1400px;
    margin: auto;
    
}

/* MODIFICA LAS TABLAS CONTENIDO */
.tabla-capacitacion, th,td{
   padding:10px;
  text-align:left;
	
}

/* MODIFICA ANCHO DE FILAS EN LAS TABLAS CONTENIDO */

.tabla-capacitacion, tr{
height: 25px;
  
}

 /* MODIFICA LOS RENGLONES DE LA TABLA*/
  
.tabla-capacitacion tr:nth-child(even) {
    background-color: #FFFEFE;  
  } 


    
/* MODIFICA el color del texto de las descargas de la tabla */

.tabla-capacitacion a:link{
		color:blue;
}
/* MODIFICA el color del texto YA VISITADO EN LA TABLA */

.tabla-capacitacion a:visited{
		color:purple;
}


/* MODIFICA EL HEADER DE LAS TABLAS CAPACITACIÓN Header */
.tabla-capacitacion th{
  font-size:16px;
  color:white;
  background-color:#4b4d51;
  text-align:left;
 
 /* MODIFICA LA TABLA DE CAPACITACIÓN TODA */ 
}
.tabla-capacitacion {
  background-color:white;
  
}

/* DA EFECTO A LAS TABLAS ULTIMA ACTUALIZACION 2019 -------------------------------------------------------------------------------------------------------------------------------------------*/

.tabla-Directorio th{
  font-size:23px;
  color:#333;
  background-color:#ffffff;
  text-align:left;
  
  
 }

.tabla-Directorio td:hover {
  /*background-color: #fbf8e9;*/
  border: solid 2px #24135F;
  font-size:18px;
  cursor: pointer;  
}

.tabla-Directorio td:hover {
  /*background-color: #fbf8e9;*/
  border: solid 2px #24135F;
  font-size:18px;
  cursor: pointer;  
    
}




/* DA EFECTO A LAS TABLAS  mrco normativo poder judicial  ULTIMA ACTUALIZACION 2023 ++-+--++++ -------------------------------------------------------------------------------------------------------------------------------------------*/

.tabla-Marco th{
  font-size:18px;
  color:#292929;
  background-color:#ffffff;
  text-align:left;
   
 }

.tabla-Marco td{
  /*background-color: #fbf8e9;*/  
  border-bottom: solid 1px #D0D0D0;   
 /* border: solid 2px #24135F;*/
  font-size:14px;
 /*  cursor: pointer;    */    
}
.tabla-Marco {
 border-collapse: separate;
  border-spacing: 20px;

}


.tabla-directoriopoderjudicial {
 /*  border: 1px solid black; */  
  margin-left: auto;
  margin-right: auto;
}


.div-Directorio {
  background: #D9D9D9;
 border-bottom-style: solid;
  
  

  border-bottom-color: rgb(141, 146, 188);  

  /* para poner en grises en veda electoral 
  border-bottom-color: rgb(185, 185, 189); */ 
  
}

.div-Directorio1 {
  background: #D9D9D9;
 border-bottom-style: solid;

  
  border-bottom-color: rgb(196, 244, 93);
  
    /* para poner en grises veda electoral
 border-bottom-color: rgb(185, 185, 189); */  
}

.div-Directorio2 {
  background: rgb(141, 146, 188); 
 border-bottom-style: solid;
  
  
  /* decomentarizar para poner en colores-----   border-bottom-color: rgb(196, 244, 93);y comentarizar el de abajo*/  
   border-bottom-color: rgb(185, 185, 189); 

}

/*encabezados normales paginas moradooooos -------------+++++++++++++++++++++++++++++++------------------------*/

.div-encabezados {
  background: rgb(141, 146, 188);
  
border-left: 10px solid rgb(196, 244, 93);
  
   word-break:break-all;
  }



/*encabezados veda paginas grissss -------------+++++++++++++++++++++++++++++++------------------------
 .div-encabezados {
  background: rgb(57, 57, 59);
  
border-left: 10px solid rgb(185, 185, 189);
  
   word-break:break-all;
  
 }*/

 
/*tarjetas de pie de pagina en iconos poder judicial -------------+++++++++++++++++++++++++++++++------------------------*/  











/* DA EFECTO A LAS IMAGENES las hace grandes------------------------------------------------------------------------------------------------------------------------------------------*/

 .zoom:hover{
        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
    border: solid 2px #24135F;    
   transform : scale(2);
        -moz-transform : scale(1.5);      /* Firefox */
        -webkit-transform : scale(1.5);   /* Chrome - Safari */
        -o-transform : scale(1.5);        /* Opera */
    }


/* DA EFECTO A LAS IMAGENES DE LOS MAGISTRADOS------------------------------------------------------------------------------------------------------------------------------------------*/

.zoomMAGISTRADOS:hover{
        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
   
   transform : scale(2);
        -moz-transform : scale(1.5);      /* Firefox */
        -webkit-transform : scale(1.5);   /* Chrome - Safari */
        -o-transform : scale(1.5);        /* Opera */
 
  
  
    }












/* CSS DE EL MENU PRINCIPAL */ 

 /* este es para controlar el FONDO MENU  YELLOW */

ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;padding:0;background-color:#2e3751;border-width:0;border-style:solid;border-color:none;}

 /* este es para controlar el FONDO SUBMENU   GREEN */
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;background-color:#2e3751;border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;-webkit-border-radius:0;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;padding:10px 1px 11px;}

 /* este es para controlar el FONDO MENU EN HOVER pero responde al de arriba */
ul#css3menu1 li:hover>*{
	display:block;}

/* este es para controlar el FONDO MENU EN HOVER pero responde al de arriba */
ul#css3menu1 li{
  color:red;
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
  

ul#css3menu1 li:hover{
	z-index:1;}

/* este es para controlar el FONDO SUB SUB MENU  PINK */
ul#css3menu1 ul ul{
  background-color:#2e3751;
	position:absolute;left:100%;top:0;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}


/* este es para controlar  */
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:10px 10px 10px 0;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
	*display:inline;}

/* este es para controlar  */
* html ul#css3menu1 li a{
	display:inline-block;}

/* este es para controlar  */
ul#css3menu1>li{
	margin:0 0 0 10px;}

ul#css3menu1 ul>li{
	margin:10px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}



/* este es para controlar el div MENU BLUE */



ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:16px Arial,Helvetica,sans-serif;color:#f9f9f9;cursor:default;padding:8px 18px;background-color:#2e3751;background-repeat:repeat;border-width:0px;border-style:none;border-color:none;}


ul#css3menu1 ul li{
	float:none;margin:1px 0 0;}

ul#css3menu1 ul a{
	text-align:left;padding:5px 15px;background-color:#2e3751;border-width:0 0 1px 0;border-style:solid;border-color:#3a4e59;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Arial,Helvetica;color:#00000;text-decoration:none;}

ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	background-color:#2e3751;border-style:none;color:#FFDB0D;}
ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul span{
	background-image:url("arrowsub.png");padding-right:13px;}
ul#css3menu1 > li.switch{
	display:none;cursor:pointer;width:25px;height:20px;padding:8px 18px;}
ul#css3menu1 > li.switch:before{
	content:"";position:absolute;display:block;height:4px;width:25px;border-radius:4px;background:#f9f9f9;-moz-box-shadow:0 8px #f9f9f9, 0 16px #f9f9f9;-webkit-box-shadow:0 8px #f9f9f9, 0 16px #f9f9f9;box-shadow:0 8px #f9f9f9, 0 16px #f9f9f9;}
ul#css3menu1 > li.switch:hover:before{
	background:#FFDB0D;-moz-box-shadow:0 8px #FFDB0D, 0 16px #FFDB0D;-webkit-box-shadow:0 8px #FFDB0D, 0 16px #FFDB0D;box-shadow:0 8px #FFDB0D, 0 16px #FFDB0D;}
.c3m-switch-input{
	display:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li > a.pressed{
	background-color:#2e3751;border-style:none;color:#FFDB0D;text-decoration:none;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li > a.pressed{
	background-color:#2e3751;border-style:solid;border-color:#3a4e59;color:#FFDB0D;text-decoration:none;}
ul#css3menu1 li.toproot>a{
	border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}
ul#css3menu1 li.topmenu>a{
	border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;}
@media screen and (max-width: 1263px) {
	ul#css3menu1 > li {
		position: initial;}
	ul#css3menu1 ul .submenu,ul#css3menu1 li > ul {
		left: 0; right:auto; top: 100%;}
	ul#css3menu1 .submenu,ul#css3menu1 ul,ul#css3menu1 .column {
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-right: 0;width: 100% !important;}
}
@media screen and (max-width: 1262px) {
	ul#css3menu1 {
		width: 100%;}
	ul#css3menu1 > li {
		display: none;		position: relative;		width: 100% !important;}
	ul#css3menu1 > li.switch,.c3m-switch-input:checked + ul#css3menu1 > li + li {
		display: block;}
	ul#css3menu1 > li.switch > label {		position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;}}








/* este es para controlar los botones dl marco normativo */

.button {
  display: inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #383838;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button:hover {background-color: #000000}
 
 
.button:active {
  background-color: #383838;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}



/*filtro gris imagenes para veda electoral*/

 img.bw {
        filter: grayscale(1);
}



/*divs para pagina de la unidad sustantiva*/

 .divSustantiva {
        background-color: blue;
    
   height: 60px;    
   }
  .divSustantiva:hover {
  background-color: #D201AC;
  border: solid 2px #D201AC;
  font-size:16px;
  cursor: pointer;        
 }
.divSustantiva1 {
        background-color: #F99206;
    height: 60px;   
    }
.divSustantiva1:hover {
  background-color: #D201AC;
  border: solid 2px #D201AC;
  font-size:16px;
  cursor: pointer;     
 }
.hrSustantiva {
  height: 3px;
  background-color: black;
}


 .divSustantiva2 {
        background-color: #D201AC;
    
   height: 60px;    
   }
  .divSustantiva2:hover {
  background-color: blue;
  border: solid 2px blue;
  font-size:16px;
  cursor: pointer;        
 }


.hijo {
  /* IMPORTANTE */
  line-height: 50px;
}

.FilasDivs {
    display: table;
    width: 100%; /*Optional*/
    
    border-spacing: 5px; /*Optional*/
}
.ColumDivs {
    display: table-cell;   
}