/******* PESTA�AS DEL SPRITE *******/
#container{
    margin:0 auto;
    width:630px;
	height: 340px;
	overflow: hidden;
}
#container ul{
    list-style:none;
    list-style-position:outside;
	margin: 0px;
}
#container ul.menu li{
    float:left;
	font-size:12px;
}
#container ul.menu li{
    display:block;
    padding:5px 15px;
	background:url(../images/bkg-degradado-sprite.png) top left repeat-x;
    position:relative;
    color: #999;
    cursor:pointer;
	width: 179px;
	border-left: 1px solid #dddddd;
	height: 22px;
	text-transform: uppercase;
	line-height: 13px;
	font-size: 12px;
}
#container ul.menu li:hover{
    color:#333;
}
#container ul.menu li.active{
	background:#ffffff;
    color:#ff9900;
	border-left: 1px solid #ffffff;
	background:#ffffff url(../images/bullet-grey.gif) no-repeat 20px 4px;
	padding-left: 35px;
	width: 159px;
}


/******* ESTILOS CONTENEDOR SPRITE *******/
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{
	color: #333;}
.content{
    margin:0pt auto;
    background:#ffffff;
    text-align:left;
    padding:15px 0px;
    font-size:12px;
    color:#000;
}
/* estilo de las columnas de noticias interiores */
.content .column{ 
	width: 180px;
	display: block;
	float: left;
	margin: 0px 0px 0px 23px;
	padding: 0px;
	
}
/* estilo de las imagenes, titulares y p�rrafo de las columnas de noticias interiores */
.content .column img{
	border: 1px solid #066a8b;
	margin-bottom: 10px;
}
.content h3, .content h5{
    font-weight: normal;
}
.content h5{
	line-height: 18px;
}
.content p{
	font: 12px Arial, Helvetica, sans-serif;
	
	color: #999999;
	padding-top:10px;
}
/******* ENLACES LEER M�S *******/
a.leermas{
	float: left;
	display: block;
	background:#ffffff url(../images/bkg-leermas.png) repeat-x left top;
	color:#FFFFFF !important;
	font: 10px "Trebuchet", Tahoma, Helvetica, sans-serif;
	padding:0px 4px 8px 4px;
	}
a:hover.leermas{
	background:#ffffff url(../images/bkg-leermas-hover.png) repeat-x left top;
	border: none !important;
	}
/******* FOOTER SPRITE *******/	
.spritefooter{
	width: 610px;
	border-top: 1px dotted #999999;
	padding: 5px 0px;	
	margin-top: 5px;
}



/******* FORMATEADO DE LOS CONTENEDORES DE CAPA PESTA�A SPRITE *******/
.content.sprite1{
	padding: 15px 30px;
    display:block;
}

/* OJO... la segunda y tercera pesta�a llevan un padding de 15px. El sprite 1 lleva un padding
 de 23 en cada columna. Si quieres poner las columnas en los contenedores sprite 2 � 3 tienes que 
 quitarle el padding antes. Esto es por que cada pesta�a del sprite tiene un id para 
 que el javascript lo reconozca. Por lo que cada contenedor del contenido de cada pesta�a se puede
 formatear de manera diferente */
.content.sprite2, .content.sprite3{
	padding: 15px 30px;
    display:none;
}