/* 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;
}
a {text-decoration:none;}
a:link {color:#336699;}
a:hover { color:#336699;
          text-decoration:underline;
}
p{	line-height: 19px;
	text-align: justify;
}
/* Elementos estandar HTML */
h1 { 
	font-size: 1.7em; 
	font-weight: normal;
	padding-top:0.3em;
	
}
h2 { 
	font-size: 1.3em; 
	font-weight: normal; 
	padding-top:0.3em;
        margin-right:1.2em;
	border-bottom:1px solid #336688;
}
h3 {	
	font-size:1.2em;
	font-weight: bold;
	background:#FFFFFF;
	line-height:1.5em;
}	
h4 {  
	color: #000000; 
	font-size: 1.2em; 
	font-weight: normal; 
}
#cabecera{
	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;
       text-align:right;
}
#mancheta img{ vertical-align:middle;
}

/* Capa de ruta de navegación de pagina actual */
.textomenuh li{
	display:inline;
}
.utilidades {
	background-color:#336688; 

	background-repeat: repeat-x;
	background-image:url('../images/facultad-informatica-upm-fondo-menu.gif') ;	
	position:absolute;
	top:90px;
	width:100%; 
	 min-height:28px;
	height:auto;

	text-align:right;
	color: #FFFFFF;
      padding-top:0.5em;
}
.utilidades a{ 
	color:  #FFFFFF; 
	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:0.5em;  
}
.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.3em; */
}
.menuprincipal a:hover{
	color: #336688;
       text-decoration:none;
}
.menuprincipal ul {
	color:#336688;
	background-color:#e7edf2;
	list-style-type: none;
	list-style-position: outside;	
	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;
	list-style-position: outside;	
             
}
.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;
	list-style-type: none;
	list-style-position: outside;	
}
.menuprincipal ul ul li {
       font-weight:normal;
	font-size:0.9em;
	color:#336688;
	background-color:#ffffff;
	padding-left:0.4em;
	padding-bottom:0.3em;
	list-style-position: outside;	
	line-height: 1.2;
}
	
.menuprincipal ul 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 */
.caratula {
	clear:right; 
	float:right; 
       margin-right:1em;

}
.imagenIzq {
	clear:left; 
	float:left; 
       margin-right:0.5em;
}	
.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 ;
	font-size:1em;
	font-weight:bold;

}

/* 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;
}
	
.cartel{
	border: 2px solid #535355; 
	padding: 1em 1em 1em 1em;	
	margin-left: 2em;
	width:50%;
	
	}

.card{  color: #000000;
	width:16em;
	text-align: center;
	padding: 0.6em ;
	border: 2px solid  #535355;
	background-color:#e7edf2;
	text-decoration:none;
	margin:10px 5px 5px 10px;
	clear:inherit;
	float:left;
	
}

.contacto{  color: #000000;
	width:16em;
	text-align: center;
	padding: 0.6em ;
	border: 2px solid  #535355;
	background-color:#FFFFFF;
	text-decoration:none;
	margin:10px 5px 5px 10px;
	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 */

table {  font-size:1em;  border:0px solid #535355;margin-left: 2em;}
td {   	font-size: 1em; padding:3px 3px 3px 3px;}
td.centrado { 	font-size: 1em; padding:3px 3px 3px 3px;text-align:center;}
tr {   	font-size:1em;vertical-align:middle;background-color:#e7edf2; }
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
{	font-size: 0.9em;
	text-align:left;
}
.formulario input, .formulario textarea, .formulario select
{
	background-color: #E5E5E5;
	
	color:#333333;
	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:120px;*/
	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;
}
#contenido-izda{
  width:73%;
  padding-right:2em;
  padding-bottom:2em;
}
#contenido-dcha{
  width:20%;
  margin:0em 1em 2em 4em ;
  clear:right;
  float:right;
  padding-left:2em ;  
  border-left: 1px solid  #535355;
}