/* CSS definitions for Simposium 2026 */
/* Created:  2026-08-29 */

/* Defaults are for 768+ pixel width */
/* Other sizes adjusted with @media queries */


body { 
	/* background: #FFFBEF;
  background-image: none; */
	/* background-image: url('/icons/background-2017.jpg'); */
}

/* unvisited and visited links */
a:link a:visited { color: #162456; }    

/* when mouse is over link */
a:hover { color: #193CB8; }

/* when link is clicked */
a:active { color: #193CB8; background-color: #DBEAFE; }

header { text-align: center; width: 100%; display: flex; align-items: center; justify-content: space-between; line-height: normal; }

#logo { float: left; order: 1; }
#logo-img { width: 13rem; }

#logoitd { float: right; order: 3; }
#logoitd-img { width: 6.5rem; }

#evento { order: 2; }
#evento-nombre { font-family: 'lorem'; font-weight: bold; }
#evento-lugar { font-size: 70%; }
#evento-fecha { font-size: 60%; }

@media only screen and (max-width: 768px) {
#logo-img { width: 5.6rem; }
#logoitd-img { width: 5.2rem; }
}

/* width smaller than 480px */
@media only screen and (max-width: 480px) {
#logo-img { width: 4.2rem; }
#logoitd-img { width: 3.9rem; }
#evento-nombre { clear: both; }
}


/*h1 { color: #0000CC; }
h2 { color: #990000; }
*/




nav a:link { color: #000000; text-decoration: none; }    /* for unvisited links */
nav a:visited { color: #000000; text-decoration: none; } /* for visited links */
nav a:hover { color: #000000; background-color: #C6D2FF; text-decoration: none; }   /* when mouse is over link */
nav a:active { color: #000000; text-decoration: none; }  /* when link is clicked */

nav { background-color: #EFF6FF; clear: both;}