/* IUSC - Hoja de Estilo - Screen */
body {font-family: verdana, helvetica, sans-serif; font-size: 10pt; color: #000;}
body {background-color: #e3e7d1; margin: 0em 2em 2em 2em; }
img {border: 0;}
h1 {font-size: 1.2em; letter-spacing: 0.2em; word-spacing: 0.5em;}
h2 {font-size: 1.1em; text-align: left; color: #688;}
h3 {font-size: 1.1em; margin-top: 2em; background-color: #ddd; padding: 0.5em; clear: both;}
h4 {font-size: 1.1em; padding-left: 0;}
h5, h6 {font-size: 1em;}
p {text-align: justify; }
blockquote {padding: 0 1em; border-left: 1px solid #ccc; border-right: 1px solid #ccc; color: #656;}
abbr, acronym {cursor: help;}
dl, ul, ol, li, dd, dt {margin-bottom: 1em;}
li ul, li ol, li dl, dd ol, dd ul {margin-top: 1em;}
dt, dd {padding: 0.2em 0.3em;}
dt {margin-left: 2em; margin-top: 2em; font-weight: bold; }
dd {margin-left: 3em; font-style: italic;}
code, pre {font-family: courier, monospace;}
hr {width: 90%; height: 2px; color: #000; }
input, select, button, textarea {font-family: verdana, helvetica, sans-serif; font-size: 0.8em; color: #000; font-weight: normal; background-color: #f5f5f5; border: 1px solid #888;}
form {margin-top: 1.5em;}
a:link, a:visited {color: #000; background-color: transparent; text-decoration: underline;}
a:active, a:hover, a:focus {color: #d00; background-color: #edd; text-decoration: none;}
body.index {margin: 0;}
body.error {text-align: center; margin: 3em; background-color: #fff; color: #000; }
body.error p {text-align: center;}
.resaltado {font-weight: bold; font-variant: small-caps;}
p.ancla {text-align: right; font-size: x-small; }
p.ancla a{padding: 0em 0.2em; color: #666; background-color: transparent; text-decoration: none;}
p.ancla a:hover {background-color: #eef; color: #00f;}
.progpr {background-color: #cee; color: #477 !important; padding-right: 0.3em;}
.progdi {background-color: #eef; color: #069 !important; padding-right: 0.3em;}
.progon {background-color: #fef; color: #a3a !important; padding-right: 0.3em;}
.destaca {color: #f33;}
.avisos {background-color: #ffc; color: #f33; border: 1px solid #000; padding: 0.5em 1em; text-align: center; font-weight: bold;}
.avisos a{color: #f33;}
.info {color: #44c;}
p.info {margin: 2em;}
.centrado {text-align: center;}
.atenuado {color: #555; font-size: x-small; font-weight: normal;}
dt.destacada {background-color: #FFEFEF;}
	/* Tool-tip */
	a.infodoc {position: relative; z-index: 900; color:#09b !important; cursor: help;}
	a.infodoc span {position: relative; display: none;}
	a.infodoc:hover {z-index:999; background-color: transparent;}
	a.infodoc:hover span {display: block; position: absolute; font-size: 80%; text-align: left; line-height: 1em; top: 1.5em; left: 1.5em; width: 15em; padding: 0.5em; background-color: #09b; border: 1px solid #006; color: #fff;}
#pagina {background-color: #fff; width: 100%; padding: 0em 3em 3em 3em; border-top: 17px solid #0aa;}
body>#pagina{width: auto;}
/*Navidad: #cabecera {z-index: -1 !important; width: 100%; height: 100px; padding: 0; margin: 0; background-image: url("/navidad/logo_iusc_nadal_2008.gif"); background-repeat: no-repeat; background-position: 7px 0px;}*/
#cabecera {z-index: -1 !important; width: 100%; height: 100px; padding: 0; margin: 0; background-image: url("/graficos/logo_iusc_02.gif"); background-repeat: no-repeat; background-position: 7px 0px;}
#cabecera img.separador {width: 100%; height: 4px; margin: 6em 0em 1em 0em;}
#lastupdate {text-align: right; font-size: 80%; color: #888;}
#programas a {text-decoration: none;}
#buscador {background-image: url("/graficos/buscador-izquierda.gif"); background-repeat: no-repeat; background-position: top left;}
#buscador div {margin: 0; padding: 0; background-image: url("/graficos/buscador-derecha.gif"); background-repeat: no-repeat; background-position: top right;}
#buscador p {width: auto; margin: 0px 10px; vertical-align: middle; padding: 15px 10px; background-image: url("/graficos/buscador-centro.gif"); background-repeat: repeat-x;}
#buscador button {margin-left: 0.3em;}
#programas {list-style: disc outside url("/graficos/programa.gif");}
#programas li {margin-bottom: 0.8em; padding-left: 0.3em;}
#programas li.nuevo {list-style-image: url("/graficos/nuevo.gif");}
#programas span {color: #888; padding-left: 0.3em;}
#logo1 {float: left; margin: 3em 2em 0em 0em; width: 20%; text-align: center;}
#logo1 a{text-decoration: none; font-size: 0.8em;}
#logo1 img {border: 1px solid #000;}
#contenido {float: right; width: 75%; margin-bottom: 2em;}
#contenidoFull {width: 95%; margin: 2em;}
#contenido p, #contenidoFull p {padding-left: 1em; line-height: 1.5em;}
#contenido div.logos, #contenidoFull div.logos {margin-left: 1em; float: left; clear: left;}
#contenido div.logos img, #contenidoFull div.logos img {margin: 0em 1em 1em 0em; vertical-align: middle;}
#contenido div.logos a, #contenidoFull div.logos a {background-color: transparent;}
#contenido div.logocab,#contenidoFull div.logocab {text-align: center; margin-bottom: 0;}
#contenido div.logocab img, #contenidoFull div.logocab img {margin: 0em 1em; vertical-align: middle;}
#contenido div.logocab a, #contenidoFull div.logocab a {background-color: transparent;}
#galeria p {color: #333; font-style: italic;}
#galeria img {border: 1px solid #000;}
#mapa {float: right; margin: 0 0 1.5em 1.5em; text-align: right;}
#mapa a {text-decoration: none; font-size: 80%; font-style: italic;}
.colaborador {float: left; margin: 2em; }
.colaborador a {background-color: transparent !important;}
div.boton {clear: both;}
div.boton input {padding: 0.2em 0.3em;}
div.boton input:hover {color: #d00; background-color: #edd; cursor: pointer;}
	/* Estilos de portada */
	#portada {float: right; width: 865px; background-color: #fff; color: #000; margin: 0% 7% 0% 0%; padding: 0px 5px 5px 5px; }
	body>#portada{float: none; width: 865px; margin: 0px auto 0px auto;}
	#portada h1, #portada h2, #portada h3 {display: none;}
	#portada #colaboradores {text-align: center; clear: both; padding-top: 1em;}
	#portada #colaboradores ul {margin: 0; padding: 1em 0em; background-color: #f5f5f5; color: #000;}
	#portada #colaboradores li {display: inline; list-style-type: none; }
	#portada #colaboradores img {vertical-align: middle;}
	#portada #logo {margin-left: 10px;}
		/* Estilos de plafones de portada*/
		#plafones {padding: 0; text-align: center; border: 0;}
		.plafon {padding: 0; margin: 0px 5px; border: 0;}
		.plafon {float: left;}
		.plafon div {margin: 0; padding: 0;}
		.plafon img.foto {border-bottom: 5px solid #fff; border-top: 5px solid #fff;}
		.plafon a {display: block !important; text-decoration: none; margin: 0; padding: 0; padding-bottom: 40px;}
		#plafon1 div {background-color: #009049; color: #fff;}
		#plafon1 a {background-color: #009049; color: #fff;}
		#plafon1 a:hover {background-color: #ada; color: #000;}
		#plafon1 a:hover img.foto {border-top-color: #ada;}
		#plafon2 div {background-color: #0074c5; color: #fff;}
		#plafon2 a {background-color: #0074c5; color: #fff;}
		#plafon2 a:hover {background-color: #8bf; color: #000;}
		#plafon2 a:hover img.foto {border-top-color: #8bf;}
		#plafon3 div {background-color: #f48000; color: #fff;}
		#plafon3 a {background-color: #f48000; color: #fff;}
		#plafon3 a:hover {background-color: #fb0; color: #000;}
		#plafon3 a:hover img.foto {border-top-color: #fb0;}
		#plafon4 div {background-color: #715e9e; color: #fff;}
		#plafon4 a {background-color: #715e9e; color: #fff;}
		#plafon4 a:hover {background-color: #b9d; color: #000;}
		#plafon4 a:hover img.foto {border-top-color: #b9d;}
		#plafon5 div {background-color: #758792; color: #fff;}
		#plafon5 a {background-color: #4b606c; color: #fff;}
		#plafon5 a:hover {background-color: #738996; color: #000;}
		#plafon5 a:hover img.foto {border-top-color: #ccc;}
		#plafon6 div {background-color: #e9ae0d; color: #fff;}
		#plafon6 a {background-color: #e9ae0d; color: #fff;}
		#plafon6 a:hover {background-color: #ec0; color: #000;}
		#plafon6 a:hover img.foto {border-top-color: #ec0;}
		#plafon7 div {background-color: #dfcc06; color: #fff;}
		#plafon7 a {background-color: #dfcc06; color: #fff;}
		#plafon7 a:hover {background-color: #efe9ac; color: #000;}
		#plafon7 a:hover img.foto {border-top-color: #efe9ac;}
		/*Fin de estilos de plafones de portada*/
	/* Fin de estilos de portada */
	/* Estilos de pie de página */
	#pie {margin: 3em;}
	#w3c {text-align: right; font-size: xx-small; clear: both;}
	#legal, #contacto {text-align: left; font-size: xx-small; clear: both;}
	#w3c li {list-style: none; display: inline; text-align: right; color: #666; background-color: transparent; font-weight: normal;}
	#w3c a, #legal a, #contacto a {padding: 0em 0.2em; color: #666; background-color: transparent; text-decoration: none;}
	#w3c a:hover, #legal a:hover, #contacto a:hover {background-color: #eef; color: #00f;}
	/* Fin de estilos de pie de página */