@charset "utf-8";

@import "reset.css";

@import "jquery-ui-1.7.2.custom.css";

html,body {
	height: 100%;
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	background: #EEE;
}

a,span.disabled {
	text-decoration: none;
	color: #888;
}

a:hover,a:active {
	color: #FFB700;
}

h1,h2,h3,h4,h5,h6 {
	color: #FFB700;
	margin: 10px 0;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 14px;
	display: inline;
}

p {
	line-height: 18px;
	text-indent: 36px;
}

li {
	list-style: disc;
	line-height: 18px;
	margin-left: 30px;
}

#main {
	margin: 0 auto;
	width: 960px;
	position: relative;
	background: #FFF url(../images/app_header.jpg) no-repeat top;
}

/* Menu */
.menu {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
}

.menu ul {
	height: 35px;
}

.menu li {
	float: left;
	list-style: none;
}

.menu li a,.menu li span.disabled {
	display: block;
	line-height: 30px;
	padding: 0 25px;
	text-align: center;
}

.menu li a:hover,.menu ul li:hover a {
	color: #FFB700;
}

.menu li ul {
	background: #000;
	display: none;
	height: auto;
	position: absolute;
	width: 225px;
	z-index: 200;
}

.menu li:hover ul {
	display: block;
}

.menu li li {
	display: block;
	float: none;
	width: 225px;
	margin: 0px;
	padding: 0px;
}

.menu li:hover li a {
	background: none;
	color: #FFF;
}

.menu li ul a {
	display: block;
	height: 35px;
	font-size: 14px;
	font-weight: normal;
	padding: 0 10px 0 15px;
	text-align: left;
}

.menu li ul a:hover,.menu li ul li:hover a {
	background: #FFB700;
	color: #FFF;
}

.menu p {
	clear: left;
}

.menu .active a {
	background: #FFB700;
	color: #FFF;
}

.menu .active a:hover,.menu .active:hover a {
	color: #FFF;
}

/* Barra de Navegación */
#navigation {
	position: absolute;
	top: 80px;
}

/* Boton de login */
#login_button {
	position: absolute;
	top: 125px;
	right: 20px;
	font-size: 12px;
	letter-spacing: 1px;
}

#login_button li {
	display: inline;
}

/* Contenido pagina */
#main_content {
	padding: 115px 50px 0 50px;
	height: 600px;
	overflow-y: hidden;
}

#instrucciones {
	height: 500px;
	overflow-y: auto;
}

.panel {
	border: 2px solid #444;
}

.title {
	display: block;
	height: 20px;
	padding: 0 10px;
	background: #444;
	color: #FFF;
	line-height: 20px;
	z-index: 10;
}

.title a {
	float: right;
	font-style: italic;
	font-size: 10px;
	color: #EEE;
}

#instrucciones {
	padding: 50px;
}

#scheme {
	height: 346px;
	width: 556px;
	position: absolute;
	top: 115px;
	left: 0;
	overflow: hidden;
}

#scheme #diagrama {
	display: block;
	height: 300px;
	width: 500px;
	position: absolute;
	top: 33px;
	left: 28px;
}

#console {
	width: 556px;
	height: 248px;
	position: absolute;
	top: 463px;
	left: 0;
}

#console div {
	height: 185px;
	padding: 10px 20px;
	overflow-y: auto;
}

#console p {
	text-indent: 0;
}

#console #info {
	height: 20px;
	padding: 0 10px 0 0;
	overflow: hidden;
	border-bottom: 1px solid #888;
	text-align: right;
}

#console #info span {
	font-style: italic;
}

#console #cursor {
	text-decoration: blink;
}

#console p.error_msg {
	color: #8A1F11;
}

#config {
	float: right;
	height: 596px;
	width: 398px;
	position: absolute;
	top: 115px;
	right: 0;
	overflow: hidden;
}

#config h2 {
	padding: 30px 0 0 0;
	text-align: center;
}

#config ul {
	margin-bottom: 20px;
}

#config form {
	margin-top: 20px;
}

#config form,#config iframe {
	display: none;
}

/* Tooltips */
.jqmOverlay {
	background: #27799D;
}

.tooltip {
	padding: 10px 5px;
}

.tooltip h5 {
	padding: 10px;
	text-transform: uppercase;
	color: #FFB700;
}

.tooltip a {
	font-size: 10px;
}

.tooltip div {
	padding: 10px 0 10px 10px;
	border-top: 2px solid #444;
	margin-top: 5px;
}

.tooltip li p {
	text-indent : 0px;
}

.tooltip div a {
	font-size: 12px;
}

/* Formularios */
form {
	width: 640px;
	text-align: left;
	margin: 0 auto;
}

form.narrow {
	width: 300px;
}

form p {
	clear: both;
	margin-bottom: 10px;
}

form div {
	width: 290px;
	margin: 0 5px;;
	float: left;
}

form .buttons {
	width: 290px;
	padding-top: 20px;
	float: right;
}

form.narrow .buttons {
	width: 290px;
}

form .buttons input {
	float: right;
	margin-left: 20px;
}

form fieldset {
	border: 2px solid #CCC;
	padding: 10px;
}

form.narrow fieldset {
	border: none;
}

form legend {
	font-size: 14px;
	font-weight: bold;
	color: #FFB700;
	padding: 10px;
}

form label {
	display: block;
	position: relative;
	vertical-align: middle;
	margin: 0 0 20px 0;
}

form label span {
	width: 260px;
	text-align: left;
	position: absolute;
	left: 20px;
	padding: 0 0 0 10px;
	text-align: left;
}

form label span:first-child {
	width: 120px;
	line-height: 24px;
	text-align: right;
	padding: 0 20px 0 0;
	position: absolute;
	left: 0;
	right: 50%;
}

form input,form select {
	width: 100px;
	padding: 2px 10px;
	margin: 0 0 0 50%;
}

form select {
	width: 150px;
}

form input[type="checkbox"],form input[type="radio"] {
	width: 5px;
	margin: 0;
	padding: 0;
}

form input[type="file"] {
	padding: 2px 10px;
	margin: 20px 0 0 20%;
}

form select[name="idconfig"] {
	width: 200px;
	padding: 2px 10px;
	margin: 20px 0 0 20%;
}

form input.invalid,form select.invalid {
	border: solid 1px #FF6440;
}

form div.input_error,form div.input_info {
	width: 240px;
	position: absolute;
	left: 50%;
	top: 25px;
	font-size: 10px;
	overflow: hidden;
}

form div.input_error {
	color: #FF6440;
}

form div.input_info {
	color: #264409;
}

form input[type="checkbox"]+div.input_error,form input[type="radio"]+div.input_error
	{
	left: 0;
	top: 20px;
}

form input[type="file"]+div.input_error,form select[name="idconfig"]+div.input_error,form select[name="idconfig"]+div.input_info
	{
	left: 20%;
	top: 60px;
}

/* Tablas */
.tabla {
	width: 640px;
	text-align: center;
	margin: 20px auto;
	border: 2px solid #444;
}

.tabla th,.tabla td {
	padding: 10px 0;
	min-width: 100px;
}

.tabla th {
	background: #444;
	color: #FFF;
}

/* Mensajes */
.info,.alert,.error {
	width: 400px;
	padding: 10px 10px 10px 40px;
	margin: 40px auto 20px auto;
	border: 2px solid #000000;
	line-height: 18px;
}

.info {
	background: #E6EFC2 url(../images/info.png) 5px center no-repeat;
	color: #264409;
	border-color: #C6D880;
}

.alert {
	background: #FFF6BF url(../images/alert.png) 5px center no-repeat;
	color: #A67700;
	border-color: #FFD324;
}

.error {
	background: #FBE3E4 url(../images/error.png) 5px center no-repeat;
	color: #8A1F11;
	border-color: #FBC2C4;
}

.blocked {
	width: 480px;
	padding: 10px 20px;
	position: relative;
}

.blocked p {
	text-align: left;
	padding-bottom: 20px;
}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
	<head>
            <title>e-REdING. Biblioteca de la Escuela Superior de Ingenieros de Sevilla.</title>

                <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="description" content="Buscador de proyectos ETSI" />
<meta name="author" content="Daniel Callejo"/>
<meta name="author" content="Federico L&oacute;pez"/>
<meta name="author" content="Juli&aacute;n P&eacute;rez"/>
<meta name="author" content="Jos&eacute; Mar&iacute;a Vidal Vidal"/>
<base href="https://biblus.us.es/bibing/proyectos/" /><link rel="shortcut icon" href="./favicon.ico" />
<link rel="stylesheet" href="./publico/css/estructura.css" type="text/css" />
<link rel="stylesheet" href="./publico/css/bootstrap.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="./publico/css/enlaces-capas.css" type="text/css"  />
<link rel="stylesheet" href="./publico/css/pestanas.css" type="text/css"  /> 
<link rel="stylesheet" href="./publico/css/formularios.css" type="text/css" />
<link rel="stylesheet" href="./publico/css/lightbox.css" type="text/css"  />
<link rel="stylesheet" href="./publico/css/autocompleter.css" type="text/css"  />
<link rel="stylesheet" href="./publico/css/resultados.css" type="text/css"  />
<link rel="stylesheet" href="./publico/css/milista.css" type="text/css"  />
<link rel="stylesheet" href="./publico/css/explorador.css" type="text/css"  />
<link rel="stylesheet" href="./publico/css/ultimos.css" type="text/css"  />
<link rel="stylesheet" href="./publico/css/contactar.css" type="text/css"  />
<!-- <link rel="stylesheet" href="./css/print.css" type="text/css" media="print" /> -->
<script src="./publico/javascript/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="./publico/javascript/bootstrap.js" type="text/javascript"></script>

<script src="./publico/javascript/mootools-1.2.4-core.js" type="text/javascript"></script>
<script src="./publico/javascript/mootools-1-1.2.4.2-more.js" type="text/javascript"></script>
<script src="./publico/javascript/targetbl.js" type="text/javascript"></script>
<script src="./publico/javascript/mensajes.js" type="text/javascript"></script>
<script src="./publico/javascript/form.js" type="text/javascript"></script>
<script src="./publico/javascript/autocompleter/Observer.js" type="text/javascript"></script>
<script src="./publico/javascript/autocompleter/Autocompleter.js" type="text/javascript"></script>
<script src="./publico/javascript/autocompleter/Autocompleter.Request.js" type="text/javascript"></script>
<script src="./publico/javascript/domready.js" type="text/javascript"></script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2HP38G406P"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-2HP38G406P');
</script>



<script type="text/javascript">
function seleccionar_todo(){
   for (i=0;i<document.formulario_marcados.elements.length;i++)
      if(document.formulario_marcados.elements[i].type == "checkbox")
         document.formulario_marcados.elements[i].checked=1
}
function deseleccionar_todo(){
   for (i=0;i<document.formulario_marcados.elements.length;i++)
      if(document.formulario_marcados.elements[i].type == "checkbox")
         document.formulario_marcados.elements[i].checked=0
} 
</script>
	</head>
    <body style="min-width: 960px; background-color: #e2e2e2; height: 100%">	
		<a name="arriba"></a>
<div>
<div id="header">
    <table id="Tabla_01" height="105" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <img src="./publico/imagenes/cabecera/banner_new2_01.jpg" width="3" height="105" alt="">
        </td>
        <td>
            <img src="./publico/imagenes/cabecera/banner_new2_02.jpg" width="100" height="105" alt="">
        </td>
        <td width="100%" align="right"  style="min-width: 613px; background-repeat: no-repeat; background-position: top right; font-size: medium; font-weight: bold; color: white;">
            <table width="100%" height="105" border="0">
                <tr>
                    <td style=" vertical-align: top; width: 547px">
                        <!-- <a style="text-decoration: none" href="./"><img src="./publico/imagenes/cabecera/banner_new2_03.jpg"alt=""></a> -->
                        <a style="text-decoration: none" href="https://biblus.us.es/bibing/proyectos/"><img src="./publico/imagenes/cabecera/banner_new2_03.jpg"alt=""></a>
                     </td>
                     <td  background="./publico/imagenes/cabecera/banner_new2_04.jpg" style="background-repeat: no-repeat; background-color: #c6d4e8;"><br><br><br>
                         &nbsp;
                        </td>
                    </tr>
             </table>
        </td>
    </tr>
    <tr style="border-top: 1px solid #ffffff;">
        <td colspan="3" id="menu_sup" style="font-size: small; text-align: right; background-color: #9c1f2f; vertical-align: bottom">
                                     

                                <a href="https://biblus.us.es/bibing/proyectos/" class="enlace " style=" color: #ffffff">Inicio&nbsp;&nbsp;|</a>
                                <a href="https://biblus.us.es/bibing/proyectos/acerca/" style=" color: #ffffff" class="enlace ">&nbsp;&nbsp;Acerca de&nbsp;&nbsp;|</a>
                                
                                <a href="https://biblus.us.es/bibing/proyectos/contactar/" style=" color: #ffffff" class="enlace ">&nbsp;&nbsp;Contactar&nbsp;&nbsp;</a>
                         <!--       <a href="https://biblus.us.es/bibing/proyectos/ayuda/" style=" color: #ffffff" class="enlace  ">&nbsp;&nbsp;Ayuda&nbsp;&nbsp;|</a> -->
                                <!-- <form id="idioma" class=""  method="post" action="">
                                <div class="inline" style="color: white">
                                <input type="submit" class="tipo_letra " style=" color: #ffffff"name="idioma" value="Castellanossss" />&nbsp;&nbsp;
                                </div>	
                                </form> -->

                                </td>

    </tr>
    </table>
</div>
<br><br>
<div class="colmask rightmenu">
<div class="panel panel-default" style="margin:20px">
            <div class="panel-heading"><h4>DESARROLLO DE UN ENTORNO DE PRÁCTICAS PARA REDES MULTISERVICIO</h4><h5 style="color:grey"><span class="glyphicon glyphicon-user""></span> : <b>Martín Redondo, Alberto Jesús</b><br><span class="glyphicon glyphicon-book""></span>  :<b> Ingenier&iacute;a Telecomunicación</b></h5></div><div class="panel-body"><div class="contenido_proyecto"><div class="titulo2_explorador">Contenido del proyecto:</div><div class="ruta"><a href="abreproy/12106">Directorio ra&iacute;z</a>&nbsp;&nbsp;>&nbsp;&nbsp;<a href="abreproy/12106/direccion/ARCHIVOS%252F">ARCHIVOS</a>&nbsp;&nbsp;>&nbsp;&nbsp;<a href="abreproy/12106/direccion/ARCHIVOS%252Fredes%252F">redes</a>&nbsp;&nbsp;>&nbsp;&nbsp;<a href="abreproy/12106/direccion/ARCHIVOS%252Fredes%252Fcss%252F">css</a>&nbsp;&nbsp;>&nbsp;&nbsp;<a href="abreproy/12106/direccion/ARCHIVOS%252Fredes%252Fcss%252Finterfaz.css%252F">interfaz.css</a></div><div class="listing"></div></div></div></div>
</div>
</div>

        
	</body>
 
 
<!-- Inicio Google Analytics -->
<!--
	<script type="text/javascript">
		var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
		document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
	</script>
	
	<script type="text/javascript">
		try {
		var pageTracker = _gat._getTracker("UA-7789620-1");
		pageTracker._trackPageview();
	} 
		catch(err) {}
	</script>
-->
<!-- Fin Google Analytics -->

</html>