/* CSS Document */

.pngfix 
{ 
	behavior: url(../css/iepngfix.htc)
}


body {
	background-image: url(../img/fondo.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 33px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #737373;
	font-size: 11px;
}

strong
{
	color: #2da5e3;
}

a
{
	color: #2da5e3;
}

p
{
	margin: 0 0 8px 0;
}

.nuevaLinea
{
	clear: both;
	font-size: 0px;
}

.ilustracionIzq
{
	float: left;
	margin: 0 8px 8px 0;
}

.ilustracionDch
{
	float: right;
	margin: 0 0px 8px 8px;
}
ul
{
	list-style-image: url(../img/bullet-azul.png);
}

h3
{
	padding-left: 25px;
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #0097d7;
	text-transform: uppercase;
	font-weight:normal;
}

.h3Contenedor
{
	background:url(../img/subrayado-h3.png) repeat-x 0 19px;
	height: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

h4
{
	font-size: 12px;
	color: #0097d7;
	text-transform: uppercase;
	font-weight:normal;
	
	background: url(../img/bullet-azul.png) no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 15px 0px;
}

.h4Contenedor
{
	margin-left: -15px;
}

#MADRE
{
	position: relative;
	width: 1006px;
	margin: 0 auto;
}

#MENU
{
	position: absolute;
	top: 80px;
	left: 32px;
	width: 227px;
	padding: 0 0 0 5px;
	
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../img/fondo-menu.png) repeat-y;
}

#MENU #pie
{
	margin: 0px 0 0 -5px;
	background: url(../img/pie-menu.png) no-repeat;
	width: 232px;
	height: 5px;
	font-size: 0px;
	behavior: url(../css/iepngfix.htc);
}

#MENU ol
{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: visible;
}

#MENU .primerNivel li
{
	width: 198px;
	
	margin: 0 0 3px 0;
	background: url(../img/menu-nivel-1.png) no-repeat;
	
	padding: 4px 0 5px 24px;

	color: #0097d7;
	text-transform: uppercase;
}

#MENU .primerNivel li a
{
	color: #0097d7;
	text-decoration:none;
}

#MENU .segundoNivel li
{
	width: 203px;
		
	margin: 5px 0 2px -12px;
	background: url(../img/menu-nivel-2.png) no-repeat;
	
	padding: 1px 0 1px 12px;

	color: #FFFFFF;
	text-transform: none;
}

	#MENU li.segundoNivelB 
	{
		background: url(../img/menu-nivel-2b.png) no-repeat;
	}

#MENU .segundoNivel li a, #MENU li.segundoNivelB a
{
	color: #FFFFFF;
	text-decoration:none;
}

#MENU .tercerNivel li
{
	width: 181px;
		
	margin: 5px 0 2px -2px;
	background: url(../img/menu-nivel-3.png) no-repeat;
	
	padding: 1px 5px 1px 10px;

	color: #FFFFFF;
	text-transform: none;
}
	#MENU li.tercerNivel 
	{
		background: url(../img/menu-nivel-3b.png) no-repeat;
	}
	
	#MENU .tercerNivel li a
	{
		color: #0880b3;
		text-decoration:none;
	}

#CABECERA
{
	position: relative;
	width: 1006px;
	height: 211px;
	background: url(../img/estruc-zona-superior.jpg) no-repeat;
}

#CABECERA #logo
{
	position: absolute;
	top: 16px;
	left: 16px;
	width: 239px;
	height: 42px;
}


#CABECERA #flash
{
	position: absolute;
	top: 0px;
	left: 557px;
	width: 239px;
	height: 42px;
}

#CABECERA #legal
{
	position: absolute;
	top: 54px;
	left: 264px;
	width: 343px;
	text-align: right;
	
	color: #828282;
}


#CUERPO
{
	background: url(../img/fondo-cuerpo.png) repeat-y;
	padding: 0 15px 0px 278px;
	width: 713px;
	overflow: hidden;
	behavior: url(../css/iepngfix.htc);
}


#PIE
{
	background: url(../img/pie.png) no-repeat;
	width: 1006px;
	height: 27px;
	padding: 8px 2px 0 15px;
	color: #FFFFFF;
	text-align: center;
	behavior: url(../css/iepngfix.htc);
}
#CONTENIDO
{
	width: 501px;
	margin-bottom: 15px;
	overflow: hidden;
}

#CONTENIDO p
{
	margin-left: 22px;
}

#CONTENIDO table p
{
	margin-left: 0px;
}

#CONTENIDORELACIONADO
{
	float: right;
	width: 184px;
	margin: 20px 0 0 17px;
}

	#CONTENIDORELACIONADO #tit
	{
		margin: 0 0 7px 0;
	}

#CONTENIDORELACIONADO #sms-premium
{
	width: 162px;
	height: 111px;
	background: url(../img/contenido-relacionado/fondo_sms-premium.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 15px 11px 0px 11px;
}

#CONTENIDORELACIONADO #sms-premium_esp
{
	width: 162px;
	height: 111px;
	background: url(../esp/img/contenido-relacionado/fondo_sms-premium.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 15px 11px 0px 11px;
}


#CONTENIDORELACIONADO #sms-premium strong
{
	color: #2da5e3;
}

#CONTENIDORELACIONADO #oferta-sms
{
	width: 130px;
	height: 96px;
	background: url(../img/contenido-relacionado/fondo-oferta-sms.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 70px 11px 0px 43px;
	text-align: right;
}

#CONTENIDORELACIONADO #oferta-sms_esp
{
	width: 130px;
	height: 96px;
	background: url(../esp/img/contenido-relacionado/fondo-oferta-sms.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 70px 11px 0px 43px;
	text-align: right;
}

#CONTENIDORELACIONADO #oferta-sms strong
{
	color: #31BC0B;
}

#CONTENIDORELACIONADO #noticias-movil
{
	width: 160px;
	height: 126px;
	background: url(../img/contenido-relacionado/fondo-noticias-movil.png) no-repeat;
	margin: 0 0 10px 0;
	padding: 40px 11px 0px 13px;
	text-align: left;
}

#CONTENIDORELACIONADO #noticias-movil_esp
{
	width: 160px;
	height: 126px;
	background: url(../esp/img/contenido-relacionado/fondo-noticias-movil.png) no-repeat;
	margin: 0 0 10px 0;
	padding: 40px 11px 0px 13px;
	text-align: left;
}

#CONTENIDORELACIONADO #noticias-movil strong
{
	color: #2da5e3;
}


#CONTENIDORELACIONADO #noticias strong
{
	color: #31BC0B;
}

.Encabezado
{
	position: relative;
	width: 414px; /* 509 x 90 */
	height: 71px;
	padding: 19px 86px 0 9px;
	margin: 0 0 25px 0;
	
	background: url(../img/encabezado_fondo.png) no-repeat;
}
	.Encabezado #logo
	{
		position: absolute;
		left: 422px;
		top: 0px;
		width: 72px;
		height: 72px;
		behavior: url(../css/iepngfix.htc);
	}

	.Encabezado #titulo
	{
		position: absolute;
		left: 19px;
		top: 19px;
		background: url(../img/encabezado_fondo-gris.gif) repeat-x;
	}
	.Encabezado #fondoTitulo
	{
		padding: 9px 17px 0 0;
		background: url(../img/encabezado_fondo-gris-a-azul.gif) no-repeat top right;
	}
	
	.Encabezado h1
	{
		margin: 0;
		padding: 0;
		display: inline;
		
		font-size: 13px;
		color: #888C8E;
		text-transform: uppercase;
	}

	.Encabezado #subtitulo
	{
		position: absolute;
		left: 19px;
		top: 48px;	
	}
	
	.Encabezado h2
	{
		margin: 0;
		padding: 0;
		display: inline;		
	
		font-size: 13px;
		color: #0097D7;
		text-transform: uppercase;
	}
	
	.Encabezado  #tip
	{
		position: absolute;
		left: 19px;
		top: 72px;
		width: 437px;
		
		font-size: 12px;
		color: #FFFFFF;
		text-align: right;
	}
	


.recuadros /*creamos esto para agrupar los recuadros, dando margen negativo a la derecha para que se coma el margen sobrante derecho de .recuadro de los que están a la derecha */
{
	margin: 0 -25px 20px 0;
	width: 526px;
	overflow: hidden;
	
}

.recuadros img
{
	behavior: url(../css/iepngfix.htc);
}

.recuadro
{
	width: 227px;
	background: url(../img/recuadro-fondo.png) repeat-y;
	overflow: hidden;
	float: left;
	margin: 0 23px 9px 0;
}

	.recuadro #top
	{
		background: url(../img/recuadro-superior.png) no-repeat;
		width: 227px;
		height: 13px;
		font-size: 0;
	}
	
	.recuadro #bottom
	{
		background: url(../img/recuadro-inferior.png) no-repeat;
		width: 227px;
		height: 13px;
		font-size: 0;
	}

	.recuadro #tit
	{
		padding: 7px 16px 0 16px;
		font-size: 14px;
		color: #2da5e3;
	}
	
	.recuadro #linea
	{
		height: 8px;
		width: 227px; 
		background:url(../img/recuadro-linea-separacion.png) no-repeat;
		color: #99FFFF;
	}
	
	.recuadro #link
	{
		background-color: #2da5e3;
		color: #FFFFFF;
		font-size: 11px;
		padding: 2px;
		margin: 0 3px 0 16px;
	}
	
	.recuadro #link a
	{
		color: #FFFFFF;
	}
	
	.recuadro #cuerpo
	{
		padding: 7px 16px 0 2px;
	}

.linea-separacion-contenidos
{
	margin: 15px 0 15px 0;
	background: url(../img/linea-separacion-contenidos.gif) center no-repeat;
	width: 501px;
	height: 2px;
	font-size: 0px;
}

#PAGINACION
{
	width: 501px;
	text-align: center;
	word-spacing: 5px;
	margin: 0 0 15px 0;
}

#PAGINACION .anterior
{
	background: url(../img/flecha-izq.png) no-repeat left;
	padding: 0 0 0 10px;
}

#PAGINACION .siguiente
{
	background: url(../img/flecha-dch.png) no-repeat right;
	padding: 0 10px 0 0;
}

#PAGINACION a
{
	color: #2da5e3;
}
