/* Css de Base3 */
	a	{
		color:#325FA0;
		
	}
	a:link {
		text-decoration: underline;
		
	}
	a:visited {
		text-decoration: none;
		color:#999999;
		
	}
	a:hover {
		text-decoration: none;
		color:#000066;
		
	}
	a:active {
		text-decoration: none;
		color:#77ADFF;
		
	}
	BODY  {
		background-color:#FFF;
		text-align : justify;
		line-height: 10px; 
		margin:0;
		padding:0;
	}
	
	#ultracontainer{
		width:100%;
		height:100%;
		background:#fff;
		margin:0;
		padding:0 0 0 0;
	}
	#supcontainer{
		background:none;
		margin:0;
		padding:0;
		width:100%;
		height:130px;
	}
	#downcontainer{
		text-align: left;
		margin: 0px auto;
		padding: 0px;
		border:0;
		width: 100%;
		background:none;
	}
	#container	{
		background-color:#fff;
		margin: 0 auto;
		padding:0;
		width:750px;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	
	.header{
		width:750px;
		height:55px;
		background-color:#FFFFFF;
		margin:0;
		padding:0;
	}
	
	.header img{
		padding:0;
		margin:0px 0 0 10px;
		border:none;
	}
	
	.esquinas{
		width:752px;
		height:5px;
		margin:0 auto 0 auto;
		padding:0;
		display:block;
		background:url(esquinasHEADER.gif) left top no-repeat transparent;
	}
	
	.header2{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width:750px; height:80px; margin:0; padding:0; }
	/*En la div "izquierda" vamos a ajustar los valores para
	que tenga una anchura de 100p?xeles, una altura que 
	dependa del contenido que tenga dentro, y le vamos a dar 
	un margen de 5px a la izquierda, adem?s de hacer que se sit?e a la izquierda
	mediante "float"*/
	.izquierda{
		width:160px;
		background-color:#fff;
		margin:0;
		padding:5px 0 5px 5px;
		float:left;
	}	
/*	.izquierda img{
		padding:0;
		margin:0 0 0 5px;
		border:none;
	}*/
	/*.izquierda ul	{
		font:bold 11px Verdana, Arial, Helvetica, sans-serif;
		color:#586885;
		line-height: 140%;
		text-transform:capitalize;
	}*/
	.izq_pub{
		margin:20px 0 0 0;
		padding:0 0 0 25px;
	}/*
	.bottom_pub{
		width:auto;
		height:auto;
		border:1px solid #ff0000;
		margin:0 auto 0 auto;
		padding:0;
	}*/
	/*El la div "derecha" vamos a ajustar los valores para
	que tenga una anchura de 150p?xeles, una altura que tambi?n
	dependa del contenido que tenga dentro, y le vamos a dar 
	un margen de 5px, adem?s de hacer que se sit?e a la derecha*/
	.derecha{
		width:130px;
		background-color:#fff;
		margin:0;
		float:right;
		padding:10px 0 0 5px;
	}
	
	.cenimg{
		padding:0;
		margin:10px 5px 10px 15px;
		border:0px solid #FF0000;
	}
	
	.derecha img{margin-bottom:10px;}
	
	/*Ahora le toca a la caja que contendr? la informaci?n 
	principal de nuestra p?gina (la div "principal")
	en este caso queremos que se ajuste al espacio
	que sobra a lo ancho del contenedor, por que calculamos, 700px(anchura del mismo)-100px(anchura de la div "izquierda")-150px(anchura de la div "derecha")-20px(total de los margins)-34px(total de los paddings)-6px (total de los borders)=390px.
	Adem?s de esto, tambi?n queremos que quede situado entre las cajas que la rodean,
	por lo que calcularemos el espacio que deber?a quedar a su izquierda y despu?s poner el mismo valor en su "margin-left"
	(Hay que prestar especial atenci?n a contar TODOS los valores que se utilizar?n, incluidos, m?rgenes, padding, bordes...)*/
	.principal{
		width:410px;
		height:auto;
		background-color:#fff;
		color:#000;
		margin: 5px 0 0 176px;
		padding:5px 10px 10px 10px;
	}
	
	.principal2{
		width:390px;
		height:100%:
		color:#000;
		background-color:#ffffff;
		margin: 5px 0 0 186px;
		padding:5px 10px 10px 10px;
	}
	
	.footer{
		width:auto;
		height:auto;
		margin:20px 0 0 0;
		background:transparent;
	}
	.footer p{
		font: 10px Helvetica, Tahoma, Verdana, Arial, sans-serif;
		color:#006699;
		margin:0;
		padding:0;
		text-align:center;
	}
	.footer #copyright{
		margin:0;
		padding: 20px 0 20px 0;
		width:100%;
	}
	.footer #publi_footer{
		margin:0;
		width:100%;
		background:#FFFFFF;
		text-align:center;
	}
	.footer #imagen{
		margin:0 auto 0 auto;
		padding:20px;
		background:#fff;
		width:300px;
	}
	
	.footer ul{
		background:#fff;
		display:block;
		margin:0;
		padding:0;
		list-style:none;
		width:100%;
		height:30px;
	}
	
	.footer ul li{
		display:block;
		margin: 8px 15px 0 25px;
		padding:2px;
		background-color: transparent;
		color:#FFFFFF;
		font: 10px Tahoma,Verdana, Arial, Helvetica, sans-serif;
		float:left;
		font-weight:bolder;
	}
	
	.footer ul li a{
		color:#076FD6;
		text-decoration:none;
	}
	
	.footer ul li a:hover{
		color:#054B92;
		text-decoration:underline;
	}
	
	.footer ul li a:visited{
		background-color:transparent;
		color:#CCC;
		text-decoration:underline;
	}
	
	.footer h6{
	text-align:center;
	text-transform:uppercase;
	margin:5px auto;
	color:#666666;
	font:bold 10px Tahoma,Verdana, Arial, Helvetica, sans-serif;
	}
	
	.aviso_buscador{margin: 0 0 0 10px; padding:5px; text-align:center; background:#FFFFFF; border: 1px dotted #FF3300; width:130px;}
	.aviso_buscador h3{margin:0; padding:0;  font:12px Helvetica, Tahoma, Verdana, Arial, sans-serif; color:#FF3300;}
	.aviso_buscador a{margin:0; padding:0;  font: bold 14px Helvetica, Tahoma, Verdana, Arial, sans-serif; color:#FF3300;}
	
	#pub_izq {background:#FFFFFF; margin:0 0 0 15px; padding:0;}
	#pub_top {width:775px; background-color:transparent; margin:0 auto 0 auto; padding:20px 0 0 0;}
	#pub_der {background:#FFFFFF; margin:0; padding:0;}
	#pub_bottom {}