/* CSS Document */ body{ margin:0; background-color:#333333; width:100%; height:100%} /*****Menu IFRAME Nav***/ #menuframe{position:fixed; top:0; left:0; width:250px; height:800px;} .colorframe{background-color:#333333;} /************Titulo Apartado***/ #titulo{float:left; position:relative; background-color:transparent; width:240px; height:100px; top:50px; margin-left:10px; z-index:50; opacity:0.70; filter:alpha(opacity=70); } .tit_audiovisuales{ background-image:url(../img/bg/audiovisuales1.png); background-position:left top; background-repeat:no-repeat;} .tit_multimedia{background-image:url(../img/bg/multimedia1.png); background-position:left top; background-repeat:no-repeat;} .tit_docencia{background-image: url(../img/bg/docencia1.png); background-position:left top; background-repeat:no-repeat;} .tit_investigacion{background-image: url(../img/bg/investigacion1.png); background-position:left top; background-repeat:no-repeat;} /*************Index_menu************/ #col1{ width:200px; position:absolute; top:155px; left:0; background-color:transparent; opacity:0.80; filter:alpha(opacity=80);} #col1 h1{ text-align:right; font-size:40px; font-weight:lighter; padding:0 20px 0 0 ; font-family: 'Oswald', sans-serif; font-weight:lighter; opacity:0.80; filter:alpha(opacity=80); margin:0; text-align:right; color:#666666; text-shadow: 5px 5px 10px #000000;} #col1 h4{font-family: 'Oswald', sans-serif; border-bottom:1px dotted #999999; text-align:right; font-size:12px; line-height:12px; font-weight:lighter; padding:5px; font-weight:lighter; text-shadow: 5px 10px 20px #000; margin: 3px 0 3px 0; } #col1 h4 a:link { text-decoration:none; text-shadow: 5px 5px 10px #2A2A2A ; color:#999999; } #col1 h4 a:visited{ text-decoration:none; text-shadow: 5px 5px 10px #2A2A2A ; color:#999999; } #col1 h4 a:hover { text-decoration:none; text-shadow: 9px 9px 16px #2A2A2A ; color:#CCCCCC; } #col1 h4 a:active { text-decoration:none; text-shadow: 5px 5px 10px #2A2A2A ; color:#999999;} .index_inv{ position:fixed; width:200px; height:1000px; background-color:transparent;} #index_inv{position:fixed; left:250px; top:0;} /***************DOCUMENTOS************/ #pro{ padding:0;} #pro ul li{ list-style-image:url(../img/bg/nolist.png);} .smoll{ float:left; padding:0 20px 10px 0; width:130px;} .large{text-align:center; width:90%; margin:20px;} .pantalla{ background-color:transparent; margin:0; padding:0; float:right; margin:10px} .pflaco{width:350px; } /*#pantalla{position:fixed; left:950px; top:155px; z-index:100; }*/ #floatbox {position:fixed; padding: 10px; margin:10px; width:280px; top:155px; left:950px; background-color:#FFFFFF;opacity:0.80; filter:alpha(opacity=80); margin:-10px 0 0 0; } #col{ width:800px; z-index:50; position:absolute; top:40px; left:500px; background-color:#FFFFFF; opacity:0.80; filter:alpha(opacity=80); margin:-10px 0 0 0; padding-bottom:30px; padding-top:20px; box-shadow: 2px -20px 60px #000; -webkit-box-shadow: 2px -20px 60px #000; -moz-box-shadow: 2px -20px 60px #000; } #col p{ margin:0 40px 20px 40px; text-align:justify; color:#333333;} #col li{ list-style-image:url(../img/bg/list.png); font-size:12px; line-height:17px; margin:20px 0 0 0; color:#333333;} #col h1{ width:810px; margin:-10px 0 20px -10px; padding:5px 0 5px 10px; background-color:#333333; left:0; color:#CCCCCC; left:0; position:relative; } #col table{border:0; margin:0 10px 20px 10px; padding:5px; text-align:left; } #col table p{ margin:4px; text-align:left; width:90%; left:8px;} #col table li {list-style-image:url(../img/bg/list.png); padding:3px; margin:2px; font-family: 'Coda', sans-serif; font-size:12px; line-height:17px; } #col td{ background-color:transparent; padding:4px; } #col th {background-color:transparent; border-bottom:1px dotted #999999} #col a:link { color:#666666 } #col a:visited{ color:#666666;} #col a:hover { color:#222222; } #col a:active { color:#666666; } #col h2{ color:#CCCCCC; text-align:left; text-shadow: 2px 2px 30px #C1C1C1; padding:0; margin:0 0 20px 0; text-transform:uppercase; border-bottom:1px dotted #999999;} #col h2 a:link { text-shadow: 5px 5px 10px #C1C1C1 ; color:#999999; } #col h2 a:visited{ text-shadow: 5px 5px 10px #C1C1C1 ; color:#999999; } #col h2 a:hover { text-shadow: 9px 9px 16px #C1C1C1 ; color:#CCCCCC; } #col h2 a:active { text-shadow: 5px 5px 10px #C1C1C1 ; color:#999999;} #col h3 img{float:left; left:0; margin-left:20px; margin-right:10px; line-height:30px; padding:3px;} #col blockquote{ margin:30px; padding:20px; border:0; background-color:transparent; color:#666666; box-shadow: 5px 5px 20px #999; -webkit-box-shadow: 5px 5px 20px #999; -moz-box-shadow: 5px 5px 20px #999; } #titulo_premios{ width:940px; background-color:#666; margin-left:270px; opacity:0.80; filter:alpha(opacity=80);box-shadow: 2px -20px 60px #000; -webkit-box-shadow: 2px -20px 60px #000; -moz-box-shadow: 2px -20px 60px #000; height:30px;} #titulo_premios h1{font-family: 'Oswald', sans-serif; font-weight:lighter; font-size:25px; color:#FFF; padding:3px; } #cyborg{ width:600px; background-color:#FFF; background-image:url(../img/premis/cyborgproject_blanc.jpg); background-position:top left; background-repeat:no-repeat; padding-left:330px; margin-left:270px; opacity:0.80; filter:alpha(opacity=80);box-shadow: 2px -20px 60px #000; -webkit-box-shadow: 2px -20px 60px #000; -moz-box-shadow: 2px -20px 60px #000; height:400px; margin-top:-20px; } #cyborg h1{ padding-top:20px; font-family: 'Oswald', sans-serif; font-size:24px; text-align:left; text-transform:uppercase; color:#666; font-weight:lighter; text-shadow: 2px 2px 30px #C1C1C1; } #cyborg p{ font-family: 'Oswald', sans-serif; font-size:14px; text-align:left; text-transform:uppercase; padding-left:30px; padding-right:50px;} #cyborg a:link { color:#333; text-decoration:none;} #cyborg a:visited{ color:#333; text-decoration:none;} #cyborg a:hover { color:#000; text-decoration:none;} #cyborg a:active { color:#333; text-decoration:none;} #comeindoc{ width:600px; background-color:#FFF; background-image:url(../img/premis/comeindoc_blanc.jpg); background-position:top left; background-repeat:no-repeat; padding-left:330px; margin-left:270px; opacity:0.80; filter:alpha(opacity=80);box-shadow: 2px -20px 60px #000; -webkit-box-shadow: 2px -20px 60px #000; -moz-box-shadow: 2px -20px 60px #000; height:400px; } #comeindoc h1{ padding-top:20px; font-family: 'Oswald', sans-serif; font-size:24px; text-align:left; text-transform:uppercase; color:#666; font-weight:lighter; text-shadow: 2px 2px 30px #C1C1C1; } #comeindoc p{ font-family: 'Oswald', sans-serif; font-size:14px; text-align:left; text-transform:uppercase; padding-left:30px; padding-right:50px;} #comeindoc a:link { color:#333; text-decoration:none;} #comeindoc a:visited{ color:#333; text-decoration:none;} #comeindoc a:hover { color:#000; text-decoration:none;} #comeindoc a:active { color:#333; text-decoration:none;} #marato{ width:600px; background-color:#FFF; background-image:url(../img/premis/marato_blanc.jpg); background-position:top left; background-repeat:no-repeat; padding-left:330px; margin-left:270px; opacity:0.80; filter:alpha(opacity=80);box-shadow: 2px -20px 60px #000; -webkit-box-shadow: 2px -20px 60px #000; -moz-box-shadow: 2px -20px 60px #000; height:350px; } #marato h1{ padding-top:20px; font-family: 'Oswald', sans-serif; font-size:24px; text-align:left; text-transform:uppercase; color:#666; font-weight:lighter; text-shadow: 2px 2px 30px #C1C1C1; } #marato p{ font-family: 'Oswald', sans-serif; font-size:14px; text-align:left; text-transform:uppercase; padding-left:30px; padding-right:50px;} #marato a:link { color:#333; text-decoration:none;} #marato a:visited{ color:#333; text-decoration:none;} #marato a:hover { color:#000; text-decoration:none;} #marato a:active { color:#333; text-decoration:none;} #laotraorilla{ width:600px; background-color:#FFF; background-image:url(../img/premis/cyborgproject_blanc.jpg); background-position:top left; background-repeat:no-repeat; padding-left:330px; margin-left:270px; opacity:0.80; filter:alpha(opacity=80);box-shadow: 2px -20px 60px #000; -webkit-box-shadow: 2px -20px 60px #000; -moz-box-shadow: 2px -20px 60px #000; height:400px; margin-top:-20px; } #laotraorilla h1{ padding-top:20px; font-family: 'Oswald', sans-serif; font-size:24px; text-align:left; text-transform:uppercase; color:#666; font-weight:lighter; text-shadow: 2px 2px 30px #C1C1C1; } #laotraorilla p{ font-family: 'Oswald', sans-serif; font-size:14px; text-align:left; text-transform:uppercase; padding-left:30px; padding-right:50px;} #laotraorilla a:link { color:#333; text-decoration:none;} #laotraorilla a:visited{ color:#333; text-decoration:none;} #laotraorilla a:hover { color:#000; text-decoration:none;} #laotraorilla a:active { color:#333; text-decoration:none;} #pregoneros{ width:600px; background-color:#FFF; background-image:url(../img/premis/cyborgproject_blanc.jpg); background-position:top left; background-repeat:no-repeat; padding-left:330px; margin-left:270px; opacity:0.80; filter:alpha(opacity=80);box-shadow: 2px -20px 60px #000; -webkit-box-shadow: 2px -20px 60px #000; -moz-box-shadow: 2px -20px 60px #000; height:400px; margin-top:-20px; } #pregoneros h1{ padding-top:20px; font-family: 'Oswald', sans-serif; font-size:24px; text-align:left; text-transform:uppercase; color:#666; font-weight:lighter; text-shadow: 2px 2px 30px #C1C1C1; } #cyborg p{ font-family: 'Oswald', sans-serif; font-size:14px; text-align:left; text-transform:uppercase; padding-left:30px; padding-right:50px;} #pregoneros a:link { color:#333; text-decoration:none;} #pregoneros a:visited{ color:#333; text-decoration:none;} #pregoneros a:hover { color:#000; text-decoration:none;} #pregoneros a:active { color:#333; text-decoration:none;} #sinsombrero{ width:600px; background-color:#FFF; background-image:url(../img/premis/cyborgproject_blanc.jpg); background-position:top left; background-repeat:no-repeat; padding-left:330px; margin-left:270px; opacity:0.80; filter:alpha(opacity=80);box-shadow: 2px -20px 60px #000; -webkit-box-shadow: 2px -20px 60px #000; -moz-box-shadow: 2px -20px 60px #000; height:400px; margin-top:-20px; } #sinsombrero h1{ padding-top:20px; font-family: 'Oswald', sans-serif; font-size:24px; text-align:left; text-transform:uppercase; color:#666; font-weight:lighter; text-shadow: 2px 2px 30px #C1C1C1; } #sinsombrero p{ font-family: 'Oswald', sans-serif; font-size:14px; text-align:left; text-transform:uppercase; padding-left:30px; padding-right:50px;} #sinsombrero a:link { color:#333; text-decoration:none;} #sinsombrero a:visited{ color:#333; text-decoration:none;} #sinsombrero a:hover { color:#000; text-decoration:none;} #sinsombrero a:active { color:#333; text-decoration:none;} #portafolio{ width:600px; background-color:#FFF; background-image:url(../img/premis/portafolio_blanc.jpg); background-position:top left; background-repeat:no-repeat; padding-left:330px; margin-left:270px; opacity:0.80; filter:alpha(opacity=80);box-shadow: 2px -20px 60px #000; -webkit-box-shadow: 2px -20px 60px #000; -moz-box-shadow: 2px -20px 60px #000; height:200px;} #portafolio h1{ padding-top:20px; font-family: 'Oswald', sans-serif; font-size:24px; text-align:left; text-transform:uppercase; color:#666; font-weight:lighter; text-shadow: 2px 2px 30px #C1C1C1; } #portafolio p{ font-family: 'Oswald', sans-serif; font-size:14px; text-align:left; text-transform:uppercase; padding-left:30px; padding-right:50px;} #portafolio a:link { color:#333; text-decoration:none;} #portafolio a:visited{ color:#333; text-decoration:none;} #portafolio a:hover { color:#000; text-decoration:none;} #portafolio a:active { color:#333; text-decoration:none;} #academia{ width:600px; background-color:#FFF; background-image:url(../img/premis/academia_blanc.jpg); background-position:top left; background-repeat:no-repeat; padding-left:330px; margin-left:270px; opacity:0.80; filter:alpha(opacity=80);box-shadow: 2px -20px 60px #000; -webkit-box-shadow: 2px -20px 60px #000; -moz-box-shadow: 2px -20px 60px #000; height:1600px; margin-top:-20px;} #academia h1{ padding-top:20px; font-family: 'Oswald', sans-serif; font-size:24px; font-weight:bold; text-align:left; text-transform:uppercase; color:#666; font-weight:lighter; text-shadow: 2px 2px 30px #C1C1C1; } #academia h2{ padding-top:20px; font-family: 'Oswald', sans-serif; font-size:20px; text-align:left; text-transform:uppercase; color:#666; font-weight:lighter; text-shadow: 2px 2px 30px #C1C1C1; } #academia p{ font-family: 'Oswald', sans-serif; font-size:14px; text-align:left; text-transform:uppercase; padding-left:30px; padding-right:50px;} #academia a:link { color:#333; text-decoration:none;} #academia a:visited{ color:#333; text-decoration:none;} #academia a:hover { color:#000; text-decoration:none;} #academia a:active { color:#333; text-decoration:none;} #investigacion{ width:600px; background-color:#FFF; background-image:url(../img/premis/investigacion_blanc.jpg); background-position:top left; background-repeat:no-repeat; padding-left:330px; margin-left:270px; opacity:0.80; filter:alpha(opacity=80);box-shadow: 2px -20px 60px #000; -webkit-box-shadow: 2px -20px 60px #000; -moz-box-shadow: 2px -20px 60px #000; height:840px; margin-bottom:100px; margin-top:-20px;} #investigacion h1{ padding-top:20px; font-family: 'Oswald', sans-serif; font-size:24px; text-align:left; text-transform:uppercase; color:#666; font-weight:lighter; text-shadow: 2px 2px 30px #C1C1C1; } #investigacion h2{ padding-top:20px; font-family: 'Oswald', sans-serif; font-size:20px; text-align:left; text-transform:uppercase; color:#666; font-weight:lighter; text-shadow: 2px 2px 30px #C1C1C1; } #investigacion p{ font-family: 'Oswald', sans-serif; font-size:14px; text-align:left; text-transform:uppercase; padding-left:30px; padding-right:50px;} #investigacion a:link { color:#333; text-decoration:none;} #investigacion a:visited{ color:#333; text-decoration:none;} #investigacion a:hover { color:#000; text-decoration:none;} #investigacion a:active { color:#333; text-decoration:none;} #novedades{width:900px; z-index:50; position:absolute; top:40px; left:270px;} #novedades #ficha{ margin:5px; float:left; background-color:#333333; color:#CCC;} #novedades #ficha p{ font-family: 'Oswald', sans-serif; font-size:14px; text-align:center; } #novedades #nuevo2 #textos img{ position:relative; left:100px;} #nuevo{background-color:#FFFFFF; opacity:0.80; filter:alpha(opacity=80); margin:30px 0 0 0; padding-bottom:30px; padding-top:20px; padding-right:100px; padding-left:20px; box-shadow: 2px -20px 60px #000; -webkit-box-shadow: 2px -20px 60px #000; -moz-box-shadow: 2px -20px 60px #000; } #nuevo p{ margin:0 40px 20px 40px; text-align:justify; color:#333333;} #nuevo li{ list-style-image:url(../img/bg/list.png); line-height:17px; margin:20px 0 0 0; color:#333333;} #nuevo #textos li{font-family: 'Coda', sans-serif; margin-left:4px; padding-left:0px; font-size:12px; line-height:19px;} #nuevo h1{ width:910px; margin:-30px 0 20px -30px; padding:0 0 5px -15px; background-color:#333333; left:0; color:#CCCCCC; left:0; position:relative; } #nuevo table{border:0; margin:0 10px 20px 10px; padding:5px; text-align:left; } #nuevo table p{ margin:4px; text-align:left; width:90%; left:8px;} #nuevo table li {list-style-image:url(../img/bg/list.png); padding:3px; margin:2px; font-family: 'Coda', sans-serif; font-size:12px; line-height:17px; } #nuevo td{ background-color:transparent; padding:4px; } #nuevo th {background-color:transparent; border-bottom:1px dotted #999999} #nuevo a:link { color:#999999; } #nuevo a:visited{ color:#000000;} #nuevo a:hover { color:#999999;} #nuevo a:active { color:#999999; } #nuevo h2{ color:#CCCCCC; text-align:left; text-shadow: 2px 2px 30px #C1C1C1; padding:0; margin:0 0 5px 0; text-transform:uppercase; border-bottom:1px dotted #999999;} #nuevo h2 a:link { text-shadow: 5px 5px 10px #C1C1C1 ; color:#999999; } #nuevo h2 a:visited{ text-shadow: 5px 5px 10px #C1C1C1 ; color:#999999; } #nuevo h2 a:hover { text-shadow: 9px 9px 16px #C1C1C1 ; color:#CCCCCC; } #nuevo h2 a:active { text-shadow: 5px 5px 10px #C1C1C1 ; color:#999999;} #nuevo h3 img{float:left; left:0; margin-left:20px; margin-right:10px; padding:3px; } #nuevo blockquote{ margin:30px; padding:20px; border:0; background-color:transparent; color:#666666; box-shadow: 5px 5px 20px #999; -webkit-box-shadow: 5px 5px 20px #999; -moz-box-shadow: 5px 5px 20px #999; } #nuevo img{ width:110px; float:right; padding-right:5px; padding-bottom:5px; border:0; } #nuevo2{background-color:#FFFFFF; opacity:0.80; filter:alpha(opacity=80); margin:30px 0 0 0; padding-bottom:30px; padding-top:20px; padding-right:100px; padding-left:20px; box-shadow: 2px -20px 60px #000; -webkit-box-shadow: 2px -20px 60px #000; -moz-box-shadow: 2px -20px 60px #000; } #nuevo2 p{ margin:0 40px 20px 40px; text-align:justify; color:#333333;} #nuevo2 li{ list-style-image:url(../img/bg/list.png); font-size:12px; line-height:17px; margin:20px 0 0 0; color:#333333;} #nuevo2 h1{ width:910px; margin:-30px 0 20px -30px; padding:0 0 5px -15px; background-color:#333333; left:0; color:#CCCCCC; left:0; position:relative; } #nuevo2 table{border:0; margin:0 10px 20px 10px; padding:5px; text-align:left; } #nuevo2 table p{ margin:4px; text-align:left; width:90%; left:8px;} #nuevo2 table li {list-style-image:url(../img/bg/list.png); padding:3px; margin:2px; font-family: 'Coda', sans-serif; font-size:12px; line-height:17px; } #nuevo2 td{ background-color:transparent; padding:4px; } #nuevo2 th {background-color:transparent; border-bottom:1px dotted #999999} #nuevo2 a:link { color:#999999; } #nuevo2 a:visited{ color:#000000;} #nuevo2 a:hover { color:#999999;} #nuevo2 a:active { color:#999999; } #nuevo h2{ color:#CCCCCC; text-align:left; text-shadow: 2px 2px 30px #C1C1C1; padding:0; margin:0 0 5px 0; text-transform:uppercase; border-bottom:1px dotted #999999;} #nuevo2 h2 a:link { text-shadow: 5px 5px 10px #C1C1C1 ; color:#999999; } #nuevo2 h2 a:visited{ text-shadow: 5px 5px 10px #C1C1C1 ; color:#999999; } #nuevo2 h2 a:hover { text-shadow: 9px 9px 16px #C1C1C1 ; color:#CCCCCC; } #nuevo2 h2 a:active { text-shadow: 5px 5px 10px #C1C1C1 ; color:#999999;} #nuevo2 img{ width:110px; text-align:center; padding-right:5px; padding-bottom:5px; border:0; }