@charset "iso-8859-1";	  
/*  En esta fase ya le hemos puesto la imagen
#cabecera {
	border:thin solid green;
}	
*/
/*
#indice {
	border:thin solid blue;
}	
*/

/*
#contenido {
	border:thin solid red;
}	
*/	  
/*
div {
	border:thin solid black;
}	 
*/

body {

	background : #C0D9D9 url(imagenes/fondo.gif) repeat;
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #666666;
	margin : 20px 0px 20px 0px;
	text-align: center;
} 

#contenedor{
   
	text-align: left;
	width: 700px;
	background-color : #ffffff;
	margin: auto;  /*para centrar en navegadores como firefox*/
} 		

/*En vez de utilizar los atributos HTML utilizamos CSS para definir tamaños y bordes*/
#imagencabecera {
	border: none;
	width: 700px;
	height: 106px;	
}			

#indice{
	background : #F5F4C3 url(imagenes/fondonav.gif);
	padding : 3px 10px 5px 10px;
	border-top : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
}

/*Asignamos diferente color a la pseudoclase hover para los enlaces*/
a.enlaceindice, a.enlaceindice:visited, a.enlaceindice:active, a.enlaceindice:link{
	color: #494E6B;
}	

a.enlaceindice:hover{
	color: #3F7DE3;
} 

h1{
	font-size: 12px;
}  

.enlacepie {
	font-size:80%;
	font-weight:bold;
}	

#principal{
	width:480px;
	margin-left: 8px;
	padding: 12px 0px 10px 0px;
	background-color : #ffffff;
	float:left;
} 
		   
#opciones{
	width: 200px;
	background-color: #EBF2FE;
	border-bottom : 1px solid #cccccc;
	border-left : 1px solid #cccccc;
	float:right;
}	 

.titulolateral{
background-color:#68729E;
color:#ffffff;
font-size:8pt;
text-transform : uppercase;
padding: 7px 3px 7px 8px;
font-weight : normal;
letter-spacing : 2px;
margin: 0px 0px 8px 0px;
}

.cuerpolateral{
	padding: 5px 4px 13px 10px;
} 

input {
	font-size : 8pt;
} 		 

#botonbuscar {
	 width:25px;
	 height:15px;
}   		 

/*el formulario de busqueda no tiene márgenes*/  
#cajabuscar form{
	margin-bottom : 0px;
	margin-top : 0px;
} 				 

#campotexto{  
	display:block;
	float: left;  /*con esto ya hacemos que se comporte como un elemento de bloque*/
	width:100px;
} 
																			  
#botonbuscar { 
	display:block;
	padding-top : 3px;
	padding-left: 6px;
	border : 0px none;
}  

/*conseguimos que no haya a izda y derecha ningún elemento*/
.radio{	 
	display:block;
	clear:both;	  
} 		  
.Estilo {
	font-size:large;
	font-weight:normal;
	color:#CC0000;
}	
/*definimos el estilo de la lista*/
#cajaotrasinfo{
	margin : 5px 10px 0px 0px;
	padding: 0px 0px 0px 4px;
	list-style: none;
}

#cajaotrasinfo li{
	padding-left: 14px;
	background: transparent url("imagenes/bullet.gif") 0 2px no-repeat;
	margin-bottom: 10px;
}  

/*definimos las características del pie inferior para que salga abajo del todo*/
#pieinferior{
	clear : both;
	color : #cccccc;
	text-align : right;
	margin : 10px 10px 0px 10px;
	padding-bottom:10px;
} 		  

/*le añadimos el borde que le faltaba al contenedor
	Si esta solución no fuera satisfactoria en explorer y firefox, podríamos añadir un
	div con la finalidad exclusiva de poner ese borde.
*/
#contenedor{
	border: 2px solid #cccccc;
}