/*
selector :  "*"    todos los elementos de la página
selector :  "p {"  de tipo o etiqueta
selector :  "."    es class
selector :  "#"    es id
*/
body {
  margin: 0;
/*  background-color: #171616; */
/* Esto ('../') llega a 'web/themes/mitheme01' */
/*  background:url('../images/fondo02.png'); */
/*  background:url('../images/master3.jpg'); */
/*	background:url('../images/master3.webp'); */
/*
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  filter: opacity(opacity: 30%);
*/
/*  z-index: -1; */
/*  color: #FFFFFF !important;  */
}
#p_justificado {
	font-size: 1rem !important;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	/*font-weight: bold;*/
	text-align: justify; 
	text-justify: inter-word;
}

#id01 {
  display: block; 
  margin-top: -30px;
  margin-right: auto;
  margin-left: 0 !important;
  padding: 0px;
  max-width: 100%;
  width: 100%;
/*
  position: absolute;
  top: 70px;
  z-index: -1;
*/
/* Siguientes lineas para forzar todo el ancho de pantalla*/
/*  position: relative;*/
/*  width: 100vw; */       /* La unidad 'vw' es para que tome toto el ancho de la pantalla e ignore el width de de las clases 'wrap' y 'container' */
/*  margin-left: -50vw; */ /* width dividido para 2 */
/*  left: 50%;*/
}

#id02 {
  display: block; 
  margin: 0 auto;
  margin-top: -20px;
  margin-bottom: -20px;
  max-width: 100%;
  width: 100%;
 /* size: cover; */
}

.a {
  color: #000044;
}

/*
selector :  "*"    todos los elementos de la página
selector :  "p {"  de tipo o etiqueta
selector :  "."    es class
selector :  "#"    es id
*/

.breadcrumb {
    padding: 0px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}
#titleh1 {
    font-size: 2.7em;
  	font-weight: bold;
    margin: 0.67em 0;
    text-align: center;
    background-color: transparent;
    color: #000066;
    font-family: "Matura MT Script Capitals";
}
#centrar01 {
  text-align: center;
  font-size: 1.5em;
  margin: 0.67em 0;
  background-color: transparent;
  padding-bottom: 40px;
  color: #005500;
}
#centrar02 {
 /* text-align: center; */
  font-size: 1.7em;
  font-weight: bold;
  margin-left: 0.5em;
  margin-top: -1em;
  background-color: transparent;
  color: #46463C;
}
.style16 {
  font-size: 18px;
  font-weight: 800;
  color: #000088 !important;   
 /* text-align: center; */
}
.style17 {
  font-size: 15px;
}
.style18 {
  font-size: 16px;
  font-weight: 600;
  color: #000088 !important;   
}

/* 2025-01-20 */
/*
.footer {
  margin-top: 20px;
  padding-top: 20px;
  color: #ffffff;
  background-color: #ff9800;
}
.footer-copyright {
  line-height: 20px;
  color: rgba(245,255,225, 0.8);
 // background-color: rgba(205, 102, 0, 0.25);
	font-size: 1.5rem;
	padding-top: 10px;
}
.orange {
	color: #ffffff;
	background-color: #ff9800;
}
.orange.lighten-3 {
  background-color: #000000 !important; }
.white-text {
	color: #ffffff;
}
*/

/* 2025-01-20 */
/*
.footer {
  margin-top: 200px;
  padding-top: 200px;
  color: #ffffff;
  background-color: #ff9800;
}
*/
#my-footer {
  padding-bottom: -30px !important;
  margin-bottom: -30px !important;
}

.bg-orange {
  background-color: #FFA500;
  margin-top: 0px !important;
  padding-top: 0px !important;
}

#quita_borde01 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

#mi-titulo {
  margin-top: -10px;
  padding-top: -10px;
}


.white-text2 {
	color: #ffffff;
	padding-left: 2.5rem;
}
.orange.lighten-3 {
  background-color: #ffcc80 !important; }
h5 {
  font-size: 1.94rem;
  line-height: 1.804rem;
  margin: 0.82rem 0 0.656rem 0;
  font-weight: 400;
}
.col {
    padding-left:  20px;
    padding-right: 20px;
}
@media only screen and (max-width : 400px) {
	.col {
	    padding-left:  25px;
	    padding-right: 25px; }
}
/* Samsung Galaxy S8+ de pie */
@media only screen and (min-width: 400px) and (max-width: 600px) {
	.col {
	    padding-left:  30px;
	    padding-right: 30px; }
}
/* Samsung Galaxy S8+ acostado */
@media only screen and (min-width: 600px) and (max-width: 992px) {
	.col {
	    padding-left:  40px;
	    padding-right: 40px; }
}

@media only screen and (min-width : 992px) {
	.col {
	    padding-left:  120px;
	    padding-right: 120px; }
}
/* C.Gallego - Ojo el orden DEBE SER ESTE para que funcionen los colores en el link */
.milink01 a:link{ color: #0000cc; }
.milink01 a:visited{ color: #000077; }
.milink01 a:hover{ color: #000077; }
.milink01 a:active{ color: green; }
ul.decorado01 {
  list-style-type: square;
  margin-bottom: 50px;
}
li.espacio01 {
  margin-bottom: -9px;
}

/*
@supports  ( initial-letter :  7 )  or  ( -webkit-initial-letter :  7 )  { 
p:first-letter { 
    font-size: 350%;
    color: #446633;
    font-weight: bold;
   // line-height: 19px; 
    margin-right: 0.04em;
    float: left;
    initial-letter: 7;
    -webkit-initial-letter: 7;
  }
}
*/

.firstletter p:first-letter { 
  font-size: 180%;
  color: #446633;
  font-weight: bold;
  line-height: 19px; 
  margin-right: 0.04em;
 /* siguientes líneas funcionan sólo con safari desde 2016*/
 /* float: left;
  initial-letter: 7;
  -webkit-initial-letter: 7; */
}

/*
.dropdown-divider {
    margin: 0 !important;
    padding: 0 !important;
    height: 1px;
    background-color: #dee2e6;
    border: none;
}
*/

.dropdown-item {
    padding: 2px 16px !important;
    margin: 0.50rem !important;
    line-height: 1 !important;
}

.dropdown-header {
    color: #0d6efd !important;
    font-weight: bold;
    padding: 2px 16px !important;
    margin: 0.50rem !important;
    line-height: 1 !important;
    font-size: 0.875rem !important;
}

/* Para asegurar que los divisores también sean compactos */
.dropdown-divider {
    margin: 2px 0.50rem !important;
    background-color: #dee2e6;
}
