@charset "UTF-8";

/* reset estilos */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{font-variant:normal}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top}
sub {vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
/*because legend doesn't inherit in IE */
legend{color:#000}



/*comienzo css*/

/*ajuste fondo paginas*/
img#background {position:fixed;top:0;left:0;width:100%;z-index: -1;}

/*fondo portada*/
*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden;}

/*cargar tipografia externa*/
@font-face {
font-family: "Y2K_neophyte";
src: url("Y2K_neophyte.ttf");
}

body {font-family:"Helvetica", "Verdana"; color: #ccc;height: 100%; line-height: 17px;}

/*enlaces*/
a:link {text-decoration: none; color: #aaa;}
a:visited {text-decoration: none; color: #aaa;}
a:hover {text-decoration: none; color: #fff;}
a:active {text-decoration: none; color: #fff;}
#cabecera1 li a:link, #cabecera1 li a:visited, #cabecera1 h1 a:link, #cabecera1 h1 a:visited, #cabecera2 li a:link, #cabecera2 li a:visited, #cabecera2 h1 a:link, #cabecera2 h1 a:visited,#cabecera3 li a:link, #cabecera3 li a:visited, #cabecera3 h1 a:link, #cabecera3 h1 a:visited,#cabecera4 li a:link, #cabecera4 li a:visited, #cabecera4 h1 a:link, #cabecera4 h1 a:visited,#cabecera5 li a:link, #cabecera5 li a:visited, #cabecera5 h1 a:link, #cabecera5 h1 a:visited,#cabecera6 li a:link, #cabecera6 li a:visited, #cabecera6 h1 a:link, #cabecera6 h1 a:visited,#cabecera7 li a:link, #cabecera7 li a:visited, #cabecera7 h1 a:link, #cabecera7 h1 a:visited,#cabecera8 li a:link, #cabecera8 li a:visited, #cabecera8 h1 a:link, #cabecera8 h1 a:visited,#cabecera9 li a:link, #cabecera9 li a:visited, #cabecera9 h1 a:link, #cabecera9 h1 a:visited,#pie li a:link, #pie li a:visited, #pie1 li a:link, #pie1 li a:visited {color: #ccc;}

strong {font-weight: bolder;}

/*fondo aleatorio*/
#bg{z-index:1}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

/*capa raster*/
#raster {background-image: url(../imagenes/raster.png); background-repeat: repeat; width: 100%; height: 100%; z-index: 1; top: 0; left: 0;}
@media screen{body>div#raster{position:fixed;}}

/*cabecera y pie portada*/
#cabecera_bg {width:520px;height:200px;position:absolute;top:80px;left:0px;z-index:2;background-color:#000;opacity:0.6;filter:alpha(opacity=60);}
#cabecera {width:500px;height:200px;position:absolute;top:100px;left:0px;z-index:3; margin-top: 0.4em; text-align: right;}
#cabecera h1 {font-size: 2.5em;font-family: "Y2K_neophyte", "Helvetica", "Verdana"; margin-bottom: 1em;}
#cabecera h1:first-letter {font-size: 1.3em;}
#cabecera h2 {font-size: 0.8em; margin: 1.3em 0em; line-height: 1.5em;}

#pie_bg {width:85%;height:40px;position:absolute;bottom:20px;right:0px;z-index:2;background-color:#000;opacity:0.6;filter:alpha(opacity=60);}
#pie {width:85%;height:40px;position:absolute;bottom:20px;right:0px;z-index:3;}
#pie h3 {display: none;}
#pie li a{float: left; font-size: 0.8em; padding: 0em 1.2em;}
#pie ol {list-style-type: none;}
#pie ol a {display:block;line-height: 40px;}
#pie li a:hover {background-color:#bbb;opacity:0.5;filter:alpha(opacity=50);color: #000;}

#mproject {position: absolute; right: 10px; bottom: 32px; z-index: 8;}

/*cabeceras, menus y capas paginas*/
#cabecera_bg1 {width:230px;height:350px;position:fixed;left:25px;z-index:2;background-color:#000;opacity:0.6;filter:alpha(opacity=60);}
#cabecera1 {width:220px;height:200px;position:fixed;left: 25px; top:146px;z-index:3; margin-top: 3em; text-align: right;}
#cabecera1 h1 {font-size: 1.55em; margin-top: 1em; font-family: "Y2K_neophyte";}
#cabecera1 h1:first-letter {font-size: 1.3em;}
#cabecera1 h2 {display: none;}
#cabecera1 li {font-size: 0.9em;}
#cabecera1 li a {display: block;width: 100%;padding: 0.5em 10px 0.5em 0;}
#cabecera1 li a:hover {background-color:#bbb;opacity:0.6;filter:alpha(opacity=60);color: #000;}
#significado {display: block;margin-bottom: 50px;}
#que {display: none;margin-bottom: 50px;}
#area {display: none;margin-bottom: 50px;}

#cabecera_bg2 {width:230px;height:350px;position:fixed;left:25px;z-index:2;background-color:#000;opacity:0.6;filter:alpha(opacity=60);}
#cabecera2 {width:220px;height:200px;position:fixed;left: 25px; top:116px;z-index:3; margin-top: 3em; text-align: right;}
#cabecera2 h1 {font-size: 1.55em; margin-top: 1em; font-family: "Y2K_neophyte";}
#cabecera2 h1:first-letter {font-size: 1.3em;}
#cabecera2 h2 {display: none;}
#cabecera2 li {font-size: 0.9em;}
#cabecera2 li a {display: block;width: 100%;padding: 0.5em 10px 0.5em 0;}
#cabecera2 li a:hover {background-color:#bbb;opacity:0.6;filter:alpha(opacity=60);color: #000;}
#presentacion {display: block;margin-bottom: 50px;}
#datos {display: none;margin-bottom: 50px;}
#objetivos {display: none;margin-bottom: 50px;}
#nivel {display: none;margin-bottom: 50px;}
#datos li li{list-style: disc; margin-left: 4em;} 
#datos li p {margin-top: 1em; margin-left: 2em;}
#datos h4, #objetivos h4 {margin-top: 3em;}

#cabecera_bg3 {width:230px;height:350px;position:fixed;left:25px;z-index:2;background-color:#000;opacity:0.6;filter:alpha(opacity=60);}
#cabecera3 {width:220px;height:200px;position:fixed;left: 25px; top:146px;z-index:3; margin-top: 3em; text-align: right;}
#cabecera3 h1 {font-size: 1.55em; margin-top: 1em; font-family: "Y2K_neophyte";}
#cabecera3 h1:first-letter {font-size: 1.3em;}
#cabecera3 h2 {display: none;}
#cabecera3 li {font-size: 0.9em;}
#cabecera3 li a {display: block;width: 100%;padding: 0.5em 10px 0.5em 0;}
#cabecera3 li a:hover {background-color:#bbb;opacity:0.6;filter:alpha(opacity=60);color: #000;}
#poco {display: block;margin-bottom: 50px;}
#medios {display: none;margin-bottom: 50px;}
#metodologia {display: none;margin-bottom: 50px;}
.fecha {font-size: 1.2em; color: #878787 }
#poco li {margin-left: 2em;}
#pprograma h4, #pmetodologia h4 {background-color: #ccc;opacity: 0.7;color: #111; margin-bottom: 1.6em; margin-top: 4em; padding: 0.3em;}
#pprograma h5, #pmetodologia h5 {margin-bottom: 3em;}
#pprograma p, #pmetodologia p {margin-left: 2em;}
#pprograma li, #pmetodologia li {margin-left: 4em; list-style: disc;}
#pmetodologia li li {list-style: circle;}
#pmetodologia li ul {margin-top: 2em;}

#cabecera_bg4 {width:230px;height:350px;position:fixed;left:25px;z-index:2;background-color:#000;opacity:0.6;filter:alpha(opacity=60);}
#cabecera4 {width:220px;height:200px;position:fixed;left: 25px; top:178px;z-index:3; margin-top: 3em; text-align: right;}
#cabecera4 h1 {font-size: 1.55em; margin-top: 1em; font-family: "Y2K_neophyte";}
#cabecera4 h1:first-letter {font-size: 1.3em;}
#cabecera4 h2 {display: none;}
#cabecera4 li {font-size: 0.9em;}
#cabecera4 li a {display: block;width: 100%;padding: 0.5em 10px 0.5em 0;}
#cabecera4 li a:hover {background-color:#bbb;opacity:0.6;filter:alpha(opacity=60);color: #000;}
#proycomunicacion {display: block;margin-bottom: 50px;}
#organigrama {display: none;margin-bottom: 50px;}
#organigrama th {border-style: dotted; border-spacing: 1em; border-width: 1px;padding: 0.5em; border-color: #666; text-align: center; background-color: #222;opacity: 0.7;}
#organigrama td {border-style: dotted; border-spacing: 1em; border-width: 1px;padding: 0.5em; border-color: #666; text-align: center;background-color: #444;opacity: 0.7; color: #fff;}

#cabecera_bg5 {width:230px;height:350px;position:fixed;left:25px;z-index:2;background-color:#000;opacity:0.6;filter:alpha(opacity=60);}
#cabecera5 {width:220px;height:200px;position:fixed;left: 25px; top:146px;z-index:3; margin-top: 3em; text-align: right;}
#cabecera5 h1 {font-size: 1.55em; margin-top: 1em; font-family: "Y2K_neophyte";}
#cabecera5 h1:first-letter {font-size: 1.3em;}
#cabecera5 h2 {display: none;}
#cabecera5 li {font-size: 0.9em;}
#cabecera5 li a {display: block;width: 100%;padding: 0.5em 10px 0.5em 0;}
#cabecera5 li a:hover {background-color:#bbb;opacity:0.6;filter:alpha(opacity=60);color: #000;}
#pprograma {display: block;margin-bottom: 50px;}
#pmetodologia {display: none;margin-bottom: 50px;}
#pcontrol {display: none;margin-bottom: 50px;}

#cabecera_bg6 {width:230px;height:350px;position:fixed;left:25px;z-index:2;background-color:#000;opacity:0.6;filter:alpha(opacity=60);}
#cabecera6 {width:220px;height:200px;position:fixed;left: 25px; top:240px;z-index:3; margin-top: 3em; text-align: right;}
#cabecera6 h1 {font-size: 1.55em; margin-top: 1em; font-family: "Y2K_neophyte";}
#cabecera6 h1:first-letter {font-size: 1.3em;}
#cabecera6 h2 {display: none;}
#cabecera6 li {font-size: 0.9em;}
#cabecera6 li a {display: block;width: 100%;padding: 0.5em 10px 0.5em 0;}
#cabecera6 li a:hover {background-color:#bbb;opacity:0.6;filter:alpha(opacity=60);color: #000;}
#calendario {margin-bottom: 50px;}
#calendario th {border-style: dotted; border-spacing: 1em; border-width: 1px;padding: 0.5em; border-color: #666; text-align: center; background-color: #222;opacity: 0.7; color: #fff}
#calendario td {border-style: dotted; border-spacing: 1em; border-width: 1px;padding: 0.5em; border-color: #666; text-align: center;background-color: #444;opacity: 0.7; color: #fff}
#calendario table {position: absolute; width: 93%;margin-top: 3em;}

#cabecera_bg7 {width:230px;height:350px;position:fixed;left:25px;z-index:2;background-color:#000;opacity:0.6;filter:alpha(opacity=60);}
#cabecera7 {width:220px;height:200px;position:fixed;left: 25px; top:178px;z-index:3; margin-top: 3em; text-align: right;}
#cabecera7 h1 {font-size: 1.55em; margin-top: 1em; font-family: "Y2K_neophyte";}
#cabecera7 h1:first-letter {font-size: 1.3em;}
#cabecera7 h2 {display: none;}
#cabecera7 li {font-size: 0.9em;}
#cabecera7 li a {display: block;width: 100%;padding: 0.5em 10px 0.5em 0;}
#cabecera7 li a:hover {background-color:#bbb;opacity:0.6;filter:alpha(opacity=60);color: #000;}
#profesorado {display: block;margin-bottom: 50px;}
#colaboradores {display: none;margin-bottom: 50px;}
#profesorado dt, #colaboradores dt {font-size: 1.2em; margin-bottom: 1em; margin-top: 2.5em;}
#profesorado dd, #colaboradores dd {color: #888; margin-left: 3em}

#cabecera_bg8 {width:230px;height:350px;position:fixed;left:25px;z-index:2;background-color:#000;opacity:0.6;filter:alpha(opacity=60);}
#cabecera8 {width:220px;height:200px;position:fixed;left: 25px; top:0px;z-index:3; margin-top: 2.5em; text-align: right;}
#cabecera8 h1 {font-size: 1.55em; margin-top: 1em; font-family: "Y2K_neophyte";}
#cabecera8 h1:first-letter {font-size: 1.3em;}
#cabecera8 h2 {display: none;}
#cabecera8 li {font-size: 0.9em;}
#cabecera8 li a {display: block;width: 100%;padding: 0.5em 10px 0.5em 0;}
#cabecera8 li a:hover {background-color:#bbb;opacity:0.6;filter:alpha(opacity=60);color: #000;}
#ppatrocinio {display: block;margin-bottom: 50px;}
#contacto {display: none;margin-bottom: 50px;}
#inscripcion {display: none;margin-bottom: 50px;}
#becas {display: none;margin-bottom: 50px;}
#reserva {display: none;margin-bottom: 50px;}
#condiciones {display: none;margin-bottom: 50px;}
#pago {display: none;margin-bottom: 50px;}
#entrega {display: none;margin-bottom: 50px;}
#entrega dt {margin-top: 20pt;}
#entrega dd {margin: 10pt 0 0 2em;}
#condiciones li {margin-left: 2em; list-style: disc;}

#cabecera_bg9 {width:230px;height:350px;position:fixed;left:25px;z-index:2;background-color:#000;opacity:0.6;filter:alpha(opacity=60);}
#cabecera9 {width:220px;height:200px;position:fixed;left: 25px; top:118px;z-index:3; margin-top: 3em; text-align: right;}
#cabecera9 h1 {font-size: 1.55em; margin-top: 1em; font-family: "Y2K_neophyte";}
#cabecera9 h1:first-letter {font-size: 1.3em;}
#cabecera9 h2 {display: none;}
#cabecera9 li {font-size: 0.9em;}
#cabecera9 li a {display: block;width: 100%;padding: 0.5em 10px 0.5em 0;}
#cabecera9 li a:hover {background-color:#bbb;opacity:0.6;filter:alpha(opacity=60);color: #000;}
#dibujo {display: block;margin-bottom: 50px;}
#diseño {display: none;margin-bottom: 50px;}
#modelado3d {display: none;margin-bottom: 50px;}
#fotografia {display: none;margin-bottom: 50px;}
#dibujo {text-align: center;}
#dibujo li {display: inline; padding: 1.5em;line-height: 100px;}
#diseño {text-align: center;}
#diseño li {display: inline; padding: 1.5em;line-height: 100px;}
#modelado3d {text-align: center;}
#modelado3d li {display: inline; padding: 1.5em;line-height: 100px;}
#fotografia {text-align: center;}
#fotografia li {display: inline; padding: 1.5em;line-height: 100px;}

/*contenido paginas menu*/
#contenido_bg {width:56%;height:100%;position:fixed;top:0px;left: 28%;z-index:2;background-color:#000;opacity:0.7;filter:alpha(opacity=60);}
#contenido {width:52%;position:absolute;left: 30%;z-index:3; text-align: left; margin-top: 3em;}
#contenidoimg {width:52%;position:absolute;left: 30%;z-index:3; text-align: center; margin-top: 3em; font-size: 0.5em; color: #777; }
#contenidoimg a {color: #999; }
#contenidoimg a:hover {color: #fff; }
#contenidoimg h3 {display: none;}
#contenido h3 {display: block; margin-bottom: 2em; font-size: 1.5em;font-family: "Y2K_neophyte";}
#contenido li {font-size: 0.75em; padding-left: 2.2em;}
#contenido p {margin-bottom: 1.2em;}

#poco li,#datos li, #objetivos li, #pprograma li, #pmetodologia li, #condiciones li, #inscripcion li, #becas li {font-size: 1em;margin-bottom: 1.2em;}
#inscripcion li, #becas li {margin-left: -2em;}

/*pie paginas*/
#pie_bg1 {width:100px;height:270px;position:fixed;bottom:0px;right:25px;z-index:2;background-color:#000;opacity:0.6;filter:alpha(opacity=60);}
#pie1 {width:90px;height:270px;position:fixed;bottom:0px;right:35px;z-index:3;text-align:right;}
#pie1 li a{font-size: 1em; padding: 0.5em 0em;display: block; width: 100%;padding-right: 10px;}
#pie1 li {font-size: 0.7em;display: block; width: 100%;padding-right: 10px;}
#pie1 h3 {display: none;}
.activo {background-color:#bbb;opacity:0.8;filter:alpha(opacity=80);color: #000; padding: 0.5em 0em;}
#pie1 li a:hover {background-color:#bbb;opacity:0.6;filter:alpha(opacity=60);color: #000;}

/*lightbox*/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../imagenes/lightbox/prevlabel.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../imagenes/lightbox/nextlabel.png) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*fin css lightbox*/