/* Colores corporativos:
  - Azul EUI: #0099CC;
  - Azul hover: #006699;
  - Gris oscuro: #404040;
  - Gris medio: #808080;
  - Gris claro: #D3D3D3; */

body {
  font-family: 'Akatab';
  background-color: #d3d3d3;
  color: #404040;
}

h1, h2, h3, h4, h5 {
  color: #808080;
  margin: 0 0 .5em 0;
  /*background-color: #0099cc;*/
}

.navbar-brand {
  color: white;
  margin-right: 1em;
}

.navbar-brand:hover {
  color: #006699;
}

#divmenuprincipal {
  color: white;
  background-color: #0099CC;
  padding: 0;
}

.dropdown .dropdown-toggle {
  padding: .5em;
  display: flex;
  align-items: center;
}

.dropdown-menu {
  border-radius: 0;
  border: 0;
  padding: 0;
  background-color: rgba(255, 255, 250, 0.7);
}

.dropdown-menu .dropdown-item {
  background: none!important;
  color: #404040!important;
  padding: .5em;
}

.dropdown-menu .dropdown-item:hover {
  color: white!important;
  background-color: #006699!important;
  cursor: pointer;
}

#divmenuprincipal ul li a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}

#divmenuprincipal ul li a:hover {
  background-color: #006699;
}

#divrrss img {
  width: auto;
  height: 40px;
}

#divlavozdeenfermeria span, #divnoticias span  {
  min-width: 37%;
  /*text-transform: uppercase;*/
  font-size: larger;
  font-weight: bold;
  color: white;
  background-color: #0099CC;
  display: table;
  text-align: center;
  border-radius: .3em .3em 0 0;
  padding: .3em 0;
}

:root {
  --hr-color: #0099CC;
  --hr-height: 1px;
  --hr-margin: 0;
}

.hrdestacamos, .hrnoticias {
  border: none;
  height: var(--hr-height);
  background-color: var(--hr-color);
  margin: :var(--hr-margin);
}

.hrbucle {
  border-top: dotted 2px #404040;
}

#divnoticias h4 {
  /*color: #808080;*/
  /*font-weight: bold;*/
  padding: .4em 0 .2em 0;
}

#divnoticias img {
  width: 100%;
  height: auto;
  margin: 0 0 .5em 0;
}

#divnoticias p {
  text-align: justify;
  line-height: 1.8;
}

#divnoticias button, #divnoticias a {
  color: white;
  background-color: #0099CC;
}

#divnoticias button:hover, #divnoticias a:hover {
  color: white;
  background-color: #006699;
}

#divdeptos button, #divdeptos a, #divsindicato button, #divsindicato a {
  color: white;
  background-color: #0099CC;
  margin: .3em 0;
}

#divdeptos button:hover, #divdeptos a:hover, #divsindicato button:hover, #divsindicato a:hover {
  color: white;
  background-color: #006699;
}

#divbanner img {
  margin: 0 0 .5em 0;
}

#divbanner img:hover {
  opacity: 0.8;
}

@media (max-width: 600px) {
  #divpiepagina {
    /*text-align: center;*/
  }
}

#divdeptos, #divsindicato {
  padding: 1.5em;
  border: thin solid #ccc;
}

#divdeptos img {
  border-radius: 0 0 .3em .3em;
}

#divsindicato h4, #divdeptos h4 {
  /*color: #808080;*/
  margin: .5em 0;
}

#divsindicato p {
  padding: .5em 0;
}

#divdeptos span {
  width: 100%;
  height: auto;
  display: block;
  font-size: larger;
  color: #808080;
}

#divcuerpopage #divcolumnaizquierda img {
  margin: 0 0 1em 0;
}

#divcolumnaizquierda .contenidocolumnaizquierda p,
#divcolumnaizquierda .contenidocolumnaizquierda ul,
#divcolumnaizquierda .contenidocolumnaizquierda ol,
#divcolumnaizquierda .noticiacolumnaizquierda p, 
#divcolumnaizquierda .noticiacolumnaizquierda ul, 
#divcolumnaizquierda .noticiacolumnaizquierda ol {
  text-align: justify;
  line-height: 1.8;
}

#divcolumnaizquierda .contenidocolumnaizquierda img {
	width:100%;
	height:auto;
	margin:1em 0;
}

.subtitulocolumnaizquierda {
	margin:1.3em 0 1em 0;
	list-style: disc;
	font-size: 1.3em;
	color:#808080;
}

#divcolumnaizquierda .divdirectorio {
	border:dotted 1px #CCCCCC;
	border-radius:.5em;
	padding:1rem;
}

/* #divcolumnaizquierda .spandirectorio img {
	width:100%;
	height:auto;
}

@media (min-width: 400px) and (max-width: 800px) {
  #divcolumnaizquierda .spandirectorio {
    width: 100%;
	margin:0;
  }
}*/

#divcuerpopage #divcolumnaizquierda h4 {
  margin: .8em;
}
/* revisar
#divcolumnaizquierda span {  
	margin: 1.5em 0;
	display:block;
}
*/

#divcuerpopage #divcolumnaderecha {
  /*background-color: var(--bs-warning);*/
}

#divcuerpopage a {
  text-decoration: none;
}

#divcuerpopage a:hover {
  text-decoration: underline;
  color: #006699;
}

#divcuerpopage .btn {
  color: white;
  background-color: #0099cc;
  margin-right: 0.5em;
}

#divcuerpopage .btn:hover {
  color: white;
  background-color: #006699;
  text-decoration: none;
}

#divcuerpopage .btnsubmenu {
  color: white;
  background-color: #FF9900;
  margin-right: 0.5em;
  width: 100%;
  min-height: 4em;
  display: block;
  padding: 0.7em;
  margin-bottom: .5em;
}

#divsindicato .btn, 
#idsubmenunoticias .btn,
#idsubmenucontenidos .btn {
  color: white;
  background-color: #ff9900;
}

#divsindicato .btn:hover, 
#idsubmenunoticias .btn:hover,
#idsubmenucontenidos .btn:hover {
  background-color: orangered;
}

#divcuerpopage .btnsubmenu:hover {
  color: white;
  background-color: orangered;
  text-decoration: none;
}

.divgaleriaimg {
	width:100%;
	height:auto;
	overflow:auto;
	margin:1em auto;
	padding:0;
	border:solid thin #ccc;
}

#divcolumnaizquierda .divgaleriaimg img {
	width:50%;
	height:auto;
	float:left;
	padding:.5em;
}

#divcuerpohome #divcolumnaizquierda .imgcontenidos {
  aspect-ratio: 19 / 11;
}