/* Cuerpo de pagina */
body {
	padding:0;
	margin:0;
	background-color: #FFFFFF;
	color: #333333; /* Color texto predeterminado */
	font:0.8em verdana, arial, helvetica, sans-serif;
       text-align:left; 
	z-index:-1;
}
.contenido a, .menuprincipal a {text-decoration:none;}
.contenido a:link, .menuprincipal a:link {color:#336699;}
.contenido a:hover, .menuprincipal a:hover { color:#336699;
          text-decoration:underline;
}
.contenido p, .menuprincipal p{
	line-height: 19px;
	text-align: justify;
	

}
/* Elementos estandar HTML */
.contenido h1, .menuprincipal h1 { 
	font-size: 1.7em; 
	font-weight: normal;
	padding-top:0.3em;
	
}
.contenido h2, .menuprincipal h2 { 
	font-size: 1.3em; 
	font-weight: normal; 
	width:97%;
	padding-top:0.3em;
	border-bottom:1px solid #336688;
}
.contenido h3, .menuprincipal h3 {	
	font-size:1.2em;
	font-weight: bold;
	background:#FFFFFF;
	line-height:1.5em;
}	
.contenido h4, .menuprincipal h4 {  
	color: #000000; 
	font-size: 1.2em; 
	font-weight: normal; 
}
#cabecera{
	background-image:url('../../../images/banner-trabajo.jpg');
	background-position:right;
	background-repeat:no-repeat;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:95px;
}
#cabeceraTFG{
	background-image:url('../images/banner-trabajo_TFG.jpg');
	background-position:right;
	background-repeat:no-repeat;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:95px;
}
#cabeceraTFM{
	background-image:url('../images/banner-trabajo_TFM.jpg');
	background-position:right;
	background-repeat:no-repeat;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:95px;
}
.oculto {display:none;}
/* Capa del logo */
.logofi {
	position: absolute;
	top:0;
	left:0;
	vertical-align:top; 
}
.logofi img { 
	border:none; 
}
.mancheta{
	float: right;
	height:35px; 
	width:134px;

}

/* Capa de ruta de navegación de pagina actual */
.textomenuh li{
	display:inline;
}
.utilidades {
	
	background-repeat: repeat-x;
	/*background-image: url('../../../images/images/facultad-informatica-upm-fondo-menu.gif') ;	*/
	/*background-image: url('../../../images/breadcrumba.jpg') ;*/
	/*background-image: url('../../../images/breadcrumb.jpg') ;*/
	/*background-image: url(../../../images/breadcrumbi.gif) ;*/
	position:absolute;
	background-color:#e7edf2;
	top:90px;
	width:100%; 
	height:25px;	
	text-align:right;
	color: #334477;
  padding-top:0.5em;
}
.utilidades a{ 
	color:  #334477; 
	text-decoration:none;  
}
.utilidades a:hover{
	text-decoration:underline;
}
.utilidades fieldset, .utilidades div {
    display: inline;
    vertical-align:middle;
    
}
.utilidades img{
    vertical-align:middle;
    border:0;
    padding-left:2em;  
}
.utilidadestexto { 
	display:inline;
    	vertical-align:middle;
}
.utilidades li {
	margin:0;
       border:0;
      	display:inline;
	vertical-align:middle;
}
.buscador{ 
  margin-right:0.8em;
  margin-left:0.8em;
  border:0;
  padding:0;
	background-image:url('../../../images/facultad-informatica-lupa.gif');
	background-position:right;
	background-repeat:no-repeat;
	border-style:none;
	width:100px;
  padding-right:0.8em; /* Para que no sobre pase la lupa */
	color: #333333;	
}
.buscar {
	vertical-align:middle;
       display: inline;
}
.buscar.input {
 	vertical-align:middle;
	margin-left:1em;
	width: 4.5em;
	
}
/*MenuPrincipal con estructura plantilla anterior*/
.menuprincipal {
	position: absolute;
	top: 130px;
	left: 5px;
	width:14em;
	background-color: #FFFFFF;
	padding:0.8em;
	margin: 0;
       font-size:0.8em;
       border:1px silver solid;
}
.innermenuprincipal{
	height: auto;
	background-color: #FFFFFF;
       
	
}
.menuprincipal a{
	color: #333333;
        padding-left:0;
        /* margin-left:0.3em; */
}
.menuprincipal a:hover{
	color: #336688;
	
}
.menuprincipal ul {
	color:#336688;
	background-color:#e7edf2;
	list-style-type: none;
	margin:0;
	padding:0;
}
.menuprincipal ul li {
      border-top: 0.3em solid #FFF;
	vertical-align:middle;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.7em;
      padding-left: 0.3em;       
}
.menuprincipal ul li.menusel { 
	color:#336688;
	background-color:#B6D2E3;

	
}
.menuprincipal ul ul { 
       font-weight:normal;
	background-color:#FFFFFF;
	border-top: 0.2em solid #FFF;
       border-bottom: 0.2em solid #FFF;
	vertical-align:middle;
	
}
.menuprincipal ul ul li {
       font-weight:normal;
	font-size:0.9em;
	color:#336688;
	background-color:#ffffff;
	padding-left:0.4em;
}
	
.menuprincipal ul ul li.actual {
	background-color:#FFFFFF;
	padding-left:1.2em;
	font-weight:bold;
	vertical-align:middle;
	font-size:0.9em;
	
}

.menuprincipal ul li ul li.actual {
	background-color:#FFFFFF;
	padding-left:1.2em;
	font-weight:bold;
	vertical-align:middle;
	font-size:0.9em;
	
}	

/*Fin menu principal */

.subcontenido{
	padding-left:3em;
	border-color:#e7edf2;
}	
.recorrido{  
	margin-top: 11em;
	padding-left: 14em;
	
}
.localizacion { 
	color:  #333333; 
	font-size:0.8em; 
	text-decoration:none;
}  

A.localizacion:link, A.localizacion:visited  { 
	font-size:0.8em; 
	font-weight:bold;  
} 

A.localizacion:hover { 
	color: #333333; 
	text-decoration:underline; 
}
	
/* Imagenes integradas en el texto */
.imagenIzq {
	clear:left; 
	float:left; 
}	
.imagenDcha {
	margin:2em 1em 2em 4em ;
	clear:right; 
	float:right; 
}	

/* capa de pie */
.pie{ 	
	width:auto;
	border: 1px solid silver;	
	margin-left:13em;
       margin-right:0.3em;
	/*margin-bottom:1 px;*/
}
.contenidoPie{ 
	padding:0.3em;
	height:auto;
	font-size: 0.8em; 
	text-align:right;
	border: 5px solid #FFFFFF;		
	vertical-align:middle; 
	color: #333333;
  background-image:url('../../../images/facultad-informatica-footer-fondo.gif');
	background-position:left;
	background-repeat:no-repeat;
	background-color:#e7edF2;

}
.contenidoPie ul {
	list-style-type: none;
	margin: 0;
	padding: 0.5em;
	color: #333333;
}
.contenidoPie ul a:hover{
	color: #336688;
}
.contenidoPie ul li {
	display: inline;
	text-align: right;
	vertical-align: middle;
	color: #333333;
	text-decoration: none;
	padding: 0.3em;
}
.contenidoPie img{
	vertical-align:middle;
	border: none;
}
.contenidoPie a {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}

 
.responsable
{ 	text-align:right;
	padding:0.5em 1.5em 1em 1em;
	font-size:1em;
	font-weight:bold;

}
.responsable a:link, .responsable a:visited{
	text-decoration:none;
}

/* Capa con el contenido de la pagina actual */
.contenido {  
	padding:0;
    border:0;
    min-width:360px;
	margin: 0em 2em 0em 14em;
}

.contenido li {
	margin: auto 2em auto 1em;
}
/*.contenido a:link { 
	
	font-size: 1em;
	text-decoration: none;}

.contenido a:visited {
	font-size: 1em;
	text-decoration:none;

}
*/	
.cartel{
	border: 2px solid #535355; 
	padding: 1em 1em 1em 1em;	
	margin-left: 2em;
	width:50%;
	
	}

.card{  color: #000000;
	width:18em;
	text-align: center;
	padding: 1em ;
	border: 2px solid  #535355;
	background-color:#DFDFDF;
	text-decoration:none;
	margin:20px 10px 10px 20px;
	clear:inherit;
	float:left;
	
}

.contacto{  color: #000000;
	width:18em;
	text-align: center;
	padding: 1em ;
	border: 2px solid  #535355;
	background-color:#FFFFFF;
	text-decoration:none;
	margin:20px 10px 10px 20px;
	clear:inherit;
	float:left;
	
}
p.aviso{ 
	color: #000000;
	margin: 20px ;
	text-align: justify;
	padding: 1em ;
	border: 2px solid #535355;
	
}
.error{ 
	color: #000000;
	margin: 0 auto ;
	width:50%;
	text-align: justify;
	
	padding: 1em ;
	border: 4px solid #762D00;
	
}

/* Separador de capas */
.salto, .salto a:link, .salto a:visited { /* Enlace invisible */
	display:none;
	float:left;
	font-size:0.77em;
	color: #347;
	margin: 0;
	padding: 0;
}
.salto a:hover, .salto a:active, .salto a:focus { /* se hace visible */
	color: black;
	font-size:0.77em;
	background-color:white;
}
.separador{
	clear:both; 
	line-height: 1.2px; 
	height: 0em;
	}	

/*Tablas */
.contenido table, .menuprincipal table {  font-size:1em;  border:0px solid #535355;margin-left: 1em;}
.contenido td, .menuprincipal td {   	font-size: 1em; padding:3px 3px 3px 3px;}
.contenido td.centrado, .menuprincipal td.centrado { 	font-size: 1em; padding:3px 3px 3px 3px;text-align:center;}
.contenido td.blanco, .menuprincipal td.blanco { 	background-color:#FFFFFF;}
.contenido td.verde, .menuprincipal td.verde { 	background-color:#D0F5A9;}
.contenido td.amarillo, .menuprincipal td.amarillo { 	background-color:#FFCC00;}
.contenido td.marron, .menuprincipal td.marron { 	background-color:#996633;}
.contenido td.naranja, .menuprincipal td.naranja { 	background-color:#CC6600;}
/*.contenido td a,td a:visited{font-size:0.8em; color: #336688;	}*/
/*.menu td a,td a:visited{font-size:0.8em; color: #336688;	}*/
/*.contenido td a:hover {font-size:0.8em; color: #333333;}*/
/*.menu td a:hover {font-size:0.8em; color: #333333;}*/
.contenido td a, .menuprincipal td a {text-decoration:none;}
.contenido td a:link, .menuprincipal td a:link {color:#336699;}
.contenido td a:hover, .menuprincipal td a:hover { color:#336699;
          text-decoration:underline;
}
 
.contenido tr, .menuprincipal tr {   	font-size:1em;vertical-align:middle;background-color:#e7edf2; }
.contenido th, .menuprincipal th {   font-size: 1em;padding:3px 3px 3px 3px; text-align:center; background-color:#B6D2E3; color:#333333;}

/* formularios */
.formulario
{
	margin: 0 auto;
	padding: 0;
}
.formulario p
{	
	text-align:left;
}
.formulario input, .formulario textarea, .formulario select
{
	background-color: #E5E5E5;
	/*font-size:0.9em;*/
	color:#762D00;
	margin: 4px 2px 4px 2px;
	padding: 0;
	border-color: #838383;
	border-width: 1px;
	border-style: solid;
	vertical-align:middle;
}

.formulario fieldset
{
	margin: 0 10px;
	padding: 0 5px 2px 5px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
}

.formulario legend
{
	margin: 5px 10px;
	padding: 0 10px;
	color: #333333;
	background: transparent;
	font-weight: bold;
}

.formulario label
{
	float: right;
	text-align: right;
	white-space: nowrap;
}

.formulario fieldset div input, .formulario fieldset div textarea
{	
	width: 270px;
	border: 1px solid #555;
	padding: 1px;
	color: #333333;
}
.formulario input, .formulario textarea
{	
	width: 300px;
	border: 1px solid #555;
	padding: 1px;
	color: #333333;
}

.formulario input.radio
{
	border: none;
	padding: 0;
	margin: 1px;
	background-color: #FFF;
}


.formulario input.marron
{
	background-color: #762D00;
	color: #fff;
	padding: 0;
	border-color:#762D00;
	border-width: 1px;
	border-style: solid;
}
/*Iconos web*/
a.external
{
   background: url("../../../images/external.png") center right no-repeat;
   padding-right: 13px;
}
a.external_fi
{
   background: url("../../../images/external_fi.png") center right no-repeat;
   padding-right: 13px;
}

a.noaccesible
{
   background: url("../../../images/icono-noaccesible.jpg") center right no-repeat;
   padding-right: 40px;
}
a.restringido
{
   background: url("../../images/candado.gif") center right no-repeat;
   padding-right: 14px;
}
a.informacion
{ background: url("../../../images/informacion.jpg") top left no-repeat;
  padding-left:1em;
  padding-right:1em;
}
.pdf
{
   background: url("../../../images/documento-pdf.jpg") top left no-repeat;
   padding-left: 17px;
}

.word
{
   background: url("../../../images/documento-word.jpg") top left no-repeat;
   padding-left: 17px;
}

.powerpoint
{
   background: url("../../../images/documento-powerpoint.jpg") top left no-repeat;
   padding-left: 17px;
}

.excel
{
   background: url("../../../images/documento-excel.jpg") top left no-repeat;
   padding-left: 17px;
}

.access
{
   background: url("../../../images/documento-access.jpg") left top no-repeat;
   padding-left: 17px;
}

.zip
{
   background: url("../../../images/documento-zip.jpg") top left no-repeat;
   padding-left: 17px;
}
.informacion
{
   background: url("../../../images/informacion.jpg") top left no-repeat;
   padding-left: 17px;
}

pre {font-size:1.3em;}

.negrita
{
   font-weight: bold;
}

.mensaje-sigue-gt {	
	font-style: italic;	
	color: #2C8E2E;

}
