body
    {
	background: url('../imagen/fondo1.jpg');
	text-align: center;
	margin:0;
	margin:0;
	/*este background da a la web un fondo gris 
	En todos los subdirectorios deberia haber un fondo1.jpg en raiz*/
    }
    
#ubicar
   {
   text-align: left;
   top: 0px;
   left: 0px;
   width: 100%;
    /*este ID unico sirve para posicionar toda la pantalla arriba y a la izquierda. 
    Tras el body cada pagina se inicia con un DIV y este primer div es el que tiene este ID unico ubicar*/  
    }

#centrofondo 
   {
	margin:auto;
    text-align: left;
    padding: 0px;
	top: 0px;
	width: 100%;
	height:80px;
    background-image: url("../imagen/centrofondo.jpg");
	}  
#centro 
   {
	margin: 0 auto auto 5%;
    text-align: left;
    padding: 0px;
	top: 0px;
	width: 750px;
	height:80px;
	background-image: url("../imagen/head.jpg");
    background-repeat: no-repeat;
	border-right: 0px solid black;
	}  
#contactar 
   {
	margin: auto  auto;
    text-align: right;
    padding: 0px;
	top: 10px;
	height:80px;
	}  

#bordepasarela
   {
	border-left:0px solid black; border-right:0px solid black; border-top:1px solid white; z-index:2;
	} 
#pasarela
   {
	position: absolute; 
	margin: auto;
    width:350px;
    top: 90px;
    left: 30px;
	height: 50px;
	
	}  
#lista1
   {
    z-index:1;
    position: absolute; 
	top: 140px;
	left: 35px;
	margin: auto;
	width:325px;
	font-family : Tahoma, "Sans Serif";
    color: white;
    font-size : 9px;
	Font-weight: bold;
	text-decoration : none;
	}  
#dum
   {
    position:relative;
    top: 25px;
    left: 310px;
    height: auto;
	margin: 5px;
	padding: 5px;
	width: 600px;
	height: 375px;
	
	 text-align: right;
	}    
#pie   
{
	position: absolute; 
	top: 60px;
	left:0px;
    border-left:0px solid black; border-right:0px solid black; border-top:1px solid white; z-index:2;
	clear: both;
    position: relative;
    float:left;
	width: 100%;
	height:2px;
    font-size : 80%;
    text-align:left;
}
/* a continuacion aparecen subclases para dar estilo al texto siendo texto, texto2 y titular 
las que deben utilizarse de forma sistemática. Esta web es una web en Arial, como idea clave*/

.tdmigas
  {
   height: 20px;
   /*esta CLASE sirve para altura al menu de migas*/
  }

a:link, a:visited 
   { 
   text-decoration: none; color: #9B9AB8; 
   }  
a:hover 
   { 
   border-bottom : 1px dotted #007015;
   color: #007015; 
   }
.texto 
   {font-family : Arial, Tahoma, "Sans Serif";
    color: black;
    font-size : 12px;
	text-decoration : none;
	}
	
.texto2 
    {font-family : Arial, Tahoma, "Sans Serif";
    color: black;
    font-size : 10px;
	text-decoration : none;
	}
	
.textolink
    {font-family : Tahoma, "Sans Serif";
    color: black;
    font-size : 9px;
	Font-weight: bold;
	text-decoration : none;
	}

	
.textohigh 
   {font-family : Arial, Tahoma, "Sans Serif";
    color: black;
    font-size : 11px;
    Font-weight: bold;
	text-decoration : none;
	}

span.textolow
   {font-family : Tahoma, "Sans Serif";
    font-size : 9px;
	Font-weight: normal;
	text-decoration : none;
	}
span.credito
   {font-family : Tahoma, "Sans Serif";
    font-size : 9px;
	Font-weight: normal;
	text-decoration : none;
	color: #fff;
	}

span.textoverde
   {font-family : Tahoma, "Sans Serif";
    font-size : 12px;
	Font-weight: bold;
	color: #225765;
	}

span.texthigh
   {font-family : Arial, Tahoma, "Sans Serif";
    color: black;
    font-size : 12px;
    Font-weight: bold;
	text-decoration : none;
	}
.titular
    {font-family : Arial, Tahoma, Verdana, "Sans Serif";
    color: #fff;
    font-size : 18px;
	text-decoration : none;
	Font-weight: bold;
	margin-right: 7px;
	}
.titular2
    {font-family : Arial, Tahoma, Verdana, "Sans Serif";
    color: #016F16;
    font-size : 18px;
	text-decoration : none;
	Font-weight: bold;
	margin-right: 7px;
	}