/* IUSC - Hoja de Estilo - Screen */
* {margin:0;}
html {height: 100%;}
body {font-family: verdana, sans-serif; font-size: 10pt; color: #555;}
body {background-color: #e3e7d1; margin: 0; height: 100%;}
img {border: 0;}
h1 {font-size: 1.6em; letter-spacing: 0em; word-spacing: 0.2em; color:#555;font-family: arial, sans-serif; text-transform: uppercase; background:transparent url(../graficos/banda02.png) top no-repeat; padding:15px 0 15px 0;}
h2 {font-size: 1.1em; text-align: left; color: #0aa;font-family: arial, sans-serif;font-style: italic;font-weight:bold; text-transform:uppercase;margin-top:-10px;}
h3 {font-size: 1.1em; margin: 2em 0 1em; background-color: #ddd; padding: 1em; clear: both; border-radius: 5px; box-shadow: 0 1px 1px #888 inset, 0 -1px 1px #ddd inset; color: #666; font-family: arial, sans-serif; text-shadow: 0 1px 1px #fff; text-transform: uppercase; }

h4 {font-size: 1.1em; padding:15px 0 10px}
h5, h6 {font-size: 1em;}
p {text-align: left; }
blockquote {padding: 0 1em; border-left: 1px solid #ccc; border-right: 1px solid #ccc; color: #656;font-size: 24px;
    margin-bottom: 20px;
    margin-left: 250px;}
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;}
li {list-style: square url(../graficos/bullet.png);}
#programas li {list-style: square  url("../graficos/programa.gif");}
dt, dd {padding: 0.2em 0.3em;}
dt {font-family: arial, sans-serif; font-size: 1.1em; text-transform: uppercase; margin-left: 0; margin-top: 2em; font-weight: bold; }
dd { }
code, pre {font-family: courier, monospace;}
hr {width: 90%; height: 2px; color: #000; }
input {}
.boton input {background: url("/graficos/but-brill.png") repeat scroll 0 0 #0687a3; border: 1px solid #0aa; border-radius: 20px; box-shadow: 0 1px 2px #CCCCCC; color: #FFFFFF; font-family: arial,sans-serif; font-size: 0.8em; font-weight: bold; padding: 3px; text-shadow: 0 -1px 1px #008888; text-transform: uppercase;}
button {background: url("/graficos/but-brill.png") repeat scroll 0 0 #0687a3 !important; border: 1px solid #0bb !important; border-radius: 20px; box-shadow: 0 1px 2px #CCCCCC; color: #FFFFFF !important; font-family: arial,sans-serif !important; font-size: 0.8em; font-weight: bold; padding: 3px !important; text-shadow: 0 -1px 1px #008888; text-transform: uppercase;margin:10px 0;}
select, button, textarea, input.initline {font-family: verdana, 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;}
.resaltado-ris {background: url("/graficos/featured.png") no-repeat scroll 6px 9px rgba(180, 255, 255, 0.4); border-radius: 10px 10px 10px 10px;
 color: #00AAAA; float: right; font-weight: bold; padding: 10px 10px 10px 52px !important;width:55%;margin:1.5em auto;}
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 {color: #f33; padding: 1em 64px; text-align: left; font-weight: bold; background:url("/graficos/x_error.png") no-repeat 10px #ddd;border:2px solid #f00}
.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: url("/graficos/featured.png") no-repeat scroll 98% center #FFEEEE; border-radius: 5px; padding: 0 0 1em .5em}
	/* 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 {width: 900px; background-color: white; padding: 0em 35px 35px 3em; border-top: 17px solid #0aa;margin:0 auto;border-radius: 0 0 5px 5px;box-shadow:0 0 10px rgba(0,0,0,.3);}
body>#wrap #pagina{width: 900px; margin:0 auto; border-radius: 0 0 5px 5px;box-shadow:0 0 10px rgba(0,0,0,.3);}

#cabecera {z-index: -1 !important; width: 100%; height: 100px; padding: 0; margin: 0; background-image: url("/graficos/iusc-logo2011.png"); background-repeat: no-repeat;background-position:0 50%;}
#cabecera img.separador {width: 100%; height: 4px; margin: 6em 0em 1em 0em;}
#lastupdate {text-align: right; font-size: 80%; color: #888; display:none;}
#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: 0px 10px 15px 0; background-image: url("/graficos/buscador-centro.gif"); background-repeat: repeat-x;}
#buscador button {margin-left: 0.3em;cursor:pointer;}
#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: 100%; margin: 0;}
#contenido p, #contenidoFull p {padding-left: 0; padding-bottom: 7px; 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: 10px 41px; }
.colaborador a {background-color: transparent !important;}
div.boton {clear: both;}
div.boton input {padding: 0.4em 0.5em;}
div.boton input:hover {color: #fff; background-color: #0aa; cursor: pointer;}
.fitxa {float:left;height: 230px;width:200px;margin-right:15px;margin-bottom:15px;background:#ddd;border:1px solid #ccc;border-radius:5px;}
.fultima {margin-right:0px !important}
.fitxa p {padding:5px !important; margin: 4px 0 !important; text-align:left; line-height:1.2em !important;}
.fitxa h5 {color: #888888;font-family: arial,sans-serif;font-size:1.1em;font-weight: bold;margin: 5px 0;padding: 0 0 5px;text-align: center;text-shadow: 0 1px 1px #FFFFFF; text-transform: uppercase;}
.fitxa a {text-decoration:none !important;}
.fitxa:hover {
 background: none repeat scroll 0 0 #dfdfdf;
 border: 1px solid #999;
 box-shadow: 1px 2px 1px #fff inset, -1px -2px 2px #ccc inset, 0 7px 10px #AAAAAA, 0 2px 3px #999;
 margin-top: -4px;}
	
	/* Estilos de portada */
	#wrap {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -220px;}
	#portada {overflow:hidden;float: right; width: 900px; background-color: #fff; margin: 0 auto; padding: 0 35px 35px; border-top: 17px solid #0aa; box-shadow:0 0 10px rgba(0,0,0,.3);}
	body>#wrap #portada{float: none; width: 900px; margin: 0 auto; border-radius: 0 0 5px 5px;box-shadow:0 0 10px rgba(0,0,0,.3);}
	#portada h1, #portada h2, #portada h3 {display: none;}
	#colaboradores {text-align: center; clear: both; padding-top: 1em;}
	#colaboradores ul {margin: 0 0.5em; padding: 1em 0; background-color: #f5f5f5 !important; color: #000;}
	#colaboradores li {display: inline; list-style-type: none; }
	#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 0.57em; 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;display:block;transition: background .15s ease-in;-webkit-transition: background .15s ease-in;-moz-transition: background .15s ease-in;padding-bottom:20px;}
		#plafon1 a:hover {background-color: #ada; color: #000;padding-bottom:20px;}
		#plafon1 a:hover img.foto {border-top-color: #ada;}
		#plafon2 div {background-color: #0074c5; color: #fff;}
		#plafon2 a {background-color: #0074c5; color: #fff;display:block;transition: background .15s ease-in;-webkit-transition: background .15s ease-in;-moz-transition: background .15s ease-in;padding-bottom:20px;}
		#plafon2 a:hover {background-color: #8bf; color: #000;padding-bottom:20px;}
		#plafon2 a:hover img.foto {border-top-color: #8bf;}
		#plafon3 div {background-color: #f48000; color: #fff;}
		#plafon3 a {background-color: #f48000; color: #fff;display:block;transition: all .15s ease-in;-webkit-transition: all .15s ease-in;-moz-transition: all .15s ease-in;padding-bottom:30px;}
		#plafon3 a:hover {background-color: #fb0; color: #000;padding-bottom:30px;}
		#plafon3 a:hover img.foto {border-top-color: #fb0;}
		#plafon4 div {background-color: #715e9e; color: #fff;width:221px;height:88px;float:left;margin:0 8px 8px 0;}
		#plafon4 a {background-color: #715e9e; color: #fff;display:block;transition: background .15s ease-in;-webkit-transition: background .15s ease-in;-moz-transition: background .15s ease-in;padding-bottom:15px;}
		#plafon4 a:hover {background-color: #b9d; color: #000;padding-bottom:15px;}
		#plafon4 a:hover img.foto {border-top-color: #b9d;}
		#plafon5 div {background-color: #4B606C; color: #fff;}
		#plafon5 a {background-color: #4B606c; color: #fff;display:block;transition: background .15s ease-in;-webkit-transition: background .15s ease-in;-moz-transition: background .15s ease-in;padding-bottom:26px;}
		#plafon5 a:hover {background-color: #738996; color: #000;padding-bottom:26px;}
		#plafon5 a:hover img.foto {border-top-color: #ccc;}
		#plafon6 div {background-color: #e9ae0d; color: #fff;}
		#plafon6 a {background-color: #e9ae0d; color: #fff;display:block;transition: background .15s ease-in;-webkit-transition: background .15s ease-in;-moz-transition: background .15s ease-in;padding-bottom:31px;}
		#plafon6 a:hover {background-color: #ec0; color: #000;padding-bottom:31px;}
		#plafon6 a:hover img.foto {border-top-color: #ec0;}
		#plafon7 div {background-color: #dfcc06; color: #fff;}
		#plafon7 a {background-color: #dfcc06; color: #fff;display:block;transition: background .15s ease-in;-webkit-transition: background .15s ease-in;-moz-transition: background .15s ease-in;padding-bottom:20px;}
		#plafon7 a:hover {background-color: #efe9ac; color: #000;padding-bottom:20px;}
		#plafon7 a:hover img.foto {border-top-color: #efe9ac;}	
		#plafon8 div {background-color: #bd4dd2; color: #fff;}
		#plafon8 a {background-color: #bd4dd2; color: #fff;display:block;transition: all .15s ease-in;-webkit-transition: all .15s ease-in;-moz-transition: all .15s ease-in;padding-bottom:20px;}
		#plafon8 a:hover {background-color: #e970ff; color: #000;padding-bottom:20px;}
		#plafon8 a:hover img.foto {border-top-color: #e970ff;}
		/*Fin de estilos de plafones de portada*/
	/* Fin de estilos de portada */
	
	
	/* Estilos de pie de página */
	#pie {width: 100%; background-color:#bbbfaa; color:#4d4e50; font-family:arial,sans-serif;height:200px;}
	#infopeu {width:970px; margin: 3em auto; padding:2em;}
	.peu-bloc {float:left;width:320px;}
	.peu-bloc p {margin:0px; float:left;text-shadow:0 1px rgba(255,255,255,0.3);}
	.peu-bloc img {float:left; margin-right:8px;}
	#w3c {text-align: right; font-size: xx-small; clear: both;}
	#legal{width:970px; margin: 0 auto; padding:2em;text-shadow:0 1px rgba(255,255,255,0.3);}
	#legal img{float:left; margin-left:-8px; margin-right:8px;}
	#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;} 
	.push{height:200px;}
	/* Fin de estilos de pie de página */
	
	/* NOU 2011 */

	#slider2 h3 {background:none;border:0;display:block;font-family: 'Open Sans', sans-serif; color:#888;font-size: 20px; margin:0 0 0 56px; padding: 0; clear: none; box-shadow: none; text-shadow: 0;text-transform: none;}
	#slider2 a {text-decoration:none !important; color:#888;}
	#slider2 a:hover {text-decoration:none !important; color:#3cc; background:none; text-shadow: 0 0 2px rgba(0,160,160, .2)}
	#slider2 p {font-family: 'Open Sans', sans-serif;overflow:hidden;text-align:left; clear: both;}
	
	.campus-but {font-family: 'Open Sans', arial, sans-serif; color:#fff; margin:0 0 11px 0; text-align:right;}
	.campus-but a{text-decoration:none; border-radius:10px; color:#fff !important; background:url("../graficos/campusv.png") no-repeat scroll 109px -4px #00AAAA; padding:2px 36px 2px 5px;box-shadow:0px -1px 7px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.2);text-shadow: 0px -1px 2px rgba(128,0,0,.5);transition: all .15s ease-in;-webkit-transition: all .15s ease-in;transition: all .15s ease-in;-moz-transition: all .15s ease-in;}
	.campus-but a:hover{border-radius:10px;padding:2px 36px 2px 5px; color:#fff !important;background:url("../graficos/campusv.png") no-repeat scroll 145px -4px #3cc;text-shadow: 0 0 2px rgba(0,160,160, .2);}
	.campus-but a img {vertical-align:middle;}
	
	div.databloc {
		background: none repeat scroll 0 0 #FFFFFF;
		border-color: #ddd #ccc #ccc #ddd;
		border-style: solid;
		border-width: 1px;
		color: #AAAAAA;
		float: left;
		font-family: Arial,Verdana,sans;
		letter-spacing: 0.17em;
		line-height: 0.8em;
		margin: 5px 5px 10px 0;
		text-align: center;
		width: 42px;
		box-shadow:-2px -1px 14px rgba(0, 0, 0, 0.12) inset,0 1px 0 rgba(200, 200, 200, 0.8),0 2px 0 rgba(160, 160, 160, 0.7), 0 2px 4px rgba(0, 0, 0, 0.3);
}
span.databloc_mes {
 background-color: #FF0000;
 color: #FFFFFF;
 display: block;
 font-family: Georgia,Arial,Verdana,sans;
 font-size: 9px;
 text-align: center;
	box-shadow:-2px -1px 7px rgba(0, 0, 0, 0.2) inset, 0 2px 0 rgba(178, 0, 0, 0.9), 0 2px 4px rgba(0, 0, 0, 0.5);
}
span.databloc_dia {
 color: #666666;
 display: block;
 font-family: Georgia,Arial,Verdana,sans;
 font-size: 21px;
 font-weight: bold;
 padding: 7px 0 0 0;
 position: relative;
 text-align: center;
 top: -1px;
}
span.databloc_any {
 color: #666666;
 display: block;
 font-family: Georgia,Arial,Verdana,sans;
 font-size: 8px;
 padding: 5px 0 1px;
 position: relative;
 text-align: center;
}
.social{margin: 10px 0; left: 166px; position: relative; top: -34px;}
#programas{margin: 0; padding: 0; width: 567px; font-style: normal !important; font-family: 'Open Sans',sans-serif !important;}
#programas a{background-color: #9ea18f; display: block; color: #fff !important; width: 549px; height: 100%; padding: 10px 10px 5px 9px !important; text-decoration: none; border-radius: 5px 5px 0 0;}
#programas a:hover {background: #0aa; -moz-transition: background 0.20s ease-in 0s; -webkit-transition: background 0.20s ease-in 0s; transition: background 0.20s ease-in 0s;}
#programas dt{font-weight: bold; padding:0; text-align: left; margin:15px 0 0 0; box-shadow: 0 2px 2px rgba(197, 201, 182, 1); text-shadow:0 -1px 1px rgba(0,0,0,.3); border-radius: 5px 5px 0 0;}
#programas dd{margin: 0; background: #DBD8D8; text-align: left; padding: 12px 5px;}
#programas dt.nuevo a {background:#ac8684;padding-right:65px;position:relative;}
#programas dt.nuevo a:before {content:"";background:url("/graficos/nuevo-banda2.png");position:absolute; z-index:10; top:-2px;right:-6px; width:105px; height:65px;}
#programas dt.nuevo a:hover{background:#aa0000;padding-right:65px;-moz-transition:background 0.20s ease-in 0.2s;-webkit-transition:background 0.20s ease-in 0.2s;transition:background 0.20s ease-in 0.2s;}
dd.modalitat{margin: 0; float:left; width:20%; border-right: 1px dotted #BBBFAA; font-style:normal;}
dd.distancia{background: url("/graficos/distancia-ico.png") no-repeat scroll 8px 12px #CEDBF4 !important; padding-left: 35px !important; color: #6d87b8}
dd.presencia{background: url("/graficos/presencia-ico.png") no-repeat scroll 8px 12px #CCEEEE !important; padding-left: 35px !important; color: #0aa}
dd.on-line{background: url("/graficos/distancia-ico.png") no-repeat scroll 8px 12px #EECCEE !important; padding-left: 35px !important; color: #626}
dd.nivell{margin: 0; background: url("/graficos/titol-ico.png") no-repeat scroll 8px 12px #f0f3e2 !important; padding-left: 30px !important; float: left; width: 17%; border-right: 1px dotted #BBBFAA; font-style: normal;}
dd.credits{margin: 0; background: url("/graficos/credit-ico.png") no-repeat scroll 8px 12px #f0f3e2 !important; float: left; width: 21%; border-right: 1px dotted #CCCCCC; font-style: normal; padding-left: 35px !important;}
dd.uni{background: #fff !important; background-color: white; border-bottom: 5px solid #9ea18f; border-radius: 0 0 5px 5px; box-shadow: 0 2px 2px rgba(197, 201, 182, 0.8); margin: 0; padding: 0; text-align: center !important; height: 41px;}
@media screen and (-webkit-animation){dd.uni{height: 40px;}}
dd.uni {padding: 0 !important;}
dd.data {background: #f0f3e2 !important; border-radius: 0 0 0 5px; border-right: 1px dotted #CCCCCC; float: left; margin: 0; width: 33%; display: none;}
dd.edicio {margin: 0; background: #f0f3e2 !important; border-radius: 0 0 5px 5px; box-shadow: 0 2px 2px rgba(0,0,0,.3); display: none;}
#contenidor-cursos {min-height:750px;}
#col-area {float: right; width: 300px; margin-top: -30px; min-height:570px;}
#caixa-curs {width: 567px;min-height:570px;}