﻿/*-----------------------------------------------------------------------------
Estilos para todos los navegadores

version:   1.0
autor:     Luis Latre, Soluciones Binaria
email:     luislatretena@solucionesbinaria.com
notas:     Poner todo en minúsculas.
-----------------------------------------------------------------------------*/

/* = Comunes a todas las páginas y elementos sueltos
-----------------------------------------------------------------------------*/

/* Quitar borde alrededor de las imágenes con link */
img 
{
	border: 0px;
}

a.enlace,a.enlace:link, a.enlace:visited, a.enlace:active, a.enlace:hover 
{ 
	color:#003c76;
}

a:hover
{
	text-decoration:underline !important;
	cursor:pointer !important;
}

/* = (PáginaMaestra.Master)
-----------------------------------------------------------------------------*/

body
{
	background:url(../IMG/Fondo.png) repeat-x top left #CDCFD0;
	margin:0px;
}

#web
{
	width:1000px;
	margin:0 auto;
	position:relative;
}
	#fondoWeb
	{
		position:absolute;
		top:250px;
		bottom:150px;
		width:1000px;
		background:url(../IMG/RepetidorCuerpo.png) repeat-y;
		z-index:-1;
	}
	#cabecera
	{
		height:251px;
		position:relative;
		background:url(../IMG/CabeceraDcha.jpg) no-repeat top right;
		z-index:0;
	}
		#flash
		{
			position:absolute;
			left:28px;
			overflow:hidden;
			width:972px;
			height:224px;
		}
		#aLogo
		{
			position:absolute;
			display:block;
			width:223px;
			height:252px;
			background:url(../IMG/CabeceraIzda.png) no-repeat top left ;
			z-index:1;
		}
			#aLogo span
			{
				display:none;
			}
		#idiomas
		{
			position:absolute;
			right:240px;
			bottom:0px;
			list-style-type:none;
			padding:0px;
			margin:0px;
		}
			#idiomas li
			{
				display:inline;
			}
		#buscador
		{
			position:absolute;
			right:0px;
			bottom:0px;
			width:218px;
			height:30px;
		}
			#buscador input
			{
				position:absolute;
				top:6px;
				left:4px;
				width:136px;
				border:none;
				font-size:12px;
				color:#346563;
				background-color:Transparent;
			}
			a.buscador
			{
				display:inline-block;
				width:30px;
				height:29px;
				border:none;
				color:#346563;
				background:url(../IMG/Buscador.png) no-repeat top left;
				vertical-align:baseline;
			}
			#buscador a.buscador
			{
				position:absolute;
				top:0px;
				right:40px;
			}
	#cuerpo
	{
		padding-bottom:150px;
	}
		#panelLateralIzquierdo
		{
			float:left;
			width:176px;
			margin-left:33px;
			min-height:600px;
		}
		
			#menu
			{
				margin:0px;
				padding:0px;
				list-style-type:none;
				background:url(../IMG/CabeceraMenu.gif) no-repeat top left ;
				padding-top:28px;
			}
				#menu li
				{
					width:176px;
					background:url(../IMG/RepetidorBoton.gif) repeat-y top left ;
				}
					#menu li a
					{
						background:url(../IMG/Boton.gif) no-repeat top left ;
						display:block;
						width:162px;
						height:29px;
						text-decoration:none;
						color:#433443;
						font-size:13px;
						font-family:Arial;
						font-weight:bold;
						padding-left:14px;
						line-height:29px;
					}
					#menu li a.elementoPadre
					{
						background:url(../IMG/BotonSup.gif) no-repeat top left ;
						cursor:default !important;
					}
					#menu li a:hover
					{
						background:url(../IMG/Boton.gif) no-repeat bottom left ;
						color:#000;
					}
					#menu li a.elementoPadre:hover
					{
						background:url(../IMG/BotonSup.gif) no-repeat top left ;
					}
						#menu li ul
						{
							margin:0px;
							padding:0px;
							list-style-type:none;
							background:url(../IMG/BotonInf.gif) no-repeat bottom left ;
							padding-bottom:20px;
						}
							#menu li ul li a
							{
								width:154px;
								background:none;
								display:block;
								height:20px;
								text-decoration:none;
								color:#433443;
								font-size:11px;
								font-family:Arial;
								font-weight:bold;
								margin-left:5px;
								line-height:20px;
							}
							#menu li ul li a:hover
							{
								background:none;
								background-color:#569c99;
							}
								#menu li ul li ul
								{
									display:none;
								}
		#contenido
		{
			float:left;
			width:634px;
		}
			#contenidoFinal
			{
				margin:10px;
			}
			#miguitasDePan
			{
				background-color:#E3E2E2;
				font-family:Arial;
				color:#125855;
				font-size:12px;
				line-height:28px;
				height:28px;
			}
			#miguitasDePan a
			{
				color:#125855;
			}
		#panelLateralDerecho
		{
			float:left;
			width:148px;
			padding-top:25px;
		}
			
	#pie
	{
		clear:both;
		position:relative;
		background:url(../IMG/Pie.jpg) no-repeat top left ;
		width:1000px;
		height:119px;
		text-align:center;
		font-size:12px;
		color:#FFF;
		padding-top:40px;
		font-family:Arial;
	}
		#pie a
		{
			color:#FFF;
		}
		#logoAENOR
		{
			position:absolute;
			top:-125px;
			left:33px;
			width:176px;
			height:125px;
			background:url(../IMG/LogoAENOR.jpg) no-repeat top left ;
		}
	
/* = (Pagina.aspx, Listado.aspx)
-----------------------------------------------------------------------------*/
table.listado
{
	margin:0 auto;
}
table.listado tr td
{
	vertical-align:top;
	padding:10px;
}
div.item
{
	position:relative;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:12px;
	background:url(../IMG/FondoSeccion.jpg) repeat-x top left ;
	border:1px solid #CCC;
	font-family:arial;
	font-size:10px;
	color:#666;
	text-align:center;
	height:280px;
	width:123px;
}
	/*LLT: Lo pongo todo con toda la jerarquia DOM para que sea más */
	/*LLT: dificil que recreen la misma estructura en el FCKEditor  */
	/*LLT: y por lo tanto que afecten mis estilos */
	div.item div.imagen
	{
		padding:4px;
		border:1px solid #CCC;
		background:#FFF;
	}
	div.item div.titulo,
	div.item div.nombre
	{
		font-weight:bold;
		font-size:11px;
		margin-top:5px;
		margin-bottom:5px;
	}
		div.item div.titulo a,
		div.item div.nombre a
		{
			text-decoration:none;
			color:#2A5957;
			font-weight:bold;
		}
	div.item div.enlace
	{
		position:absolute;
		bottom:3px;
		left:0px;
		width:128px;
		background-color:#2a5957;
		padding:3px;
	}
		div.item div.enlace a
		{
			color:#FFF;
			font-size:11px;
			text-decoration:none;
		}
		div.item div.enlace a:hover
		{
			text-decoration:underline;
		}
	

/* = (Noticias.aspx y DetalleNoticia.aspx)
-----------------------------------------------------------------------------*/
		
div.noticia
{
	background:#DFDFDF url(../IMG/BarraSuperiorNoticias.png) no-repeat top left;
	width:560px;
	margin:0 auto;
	padding:10px;
	padding-top:0px;
	margin-bottom:30px;
}
	div.noticia div.fecha
	{
		position:relative;
		top:-9px;
		left:468px;
		color:#FFF;
		font-weight:30px;
		font-family:arial;
		font-weight:bold;
	}
	div.noticia div.titulo
	{
		position:relative;
		top:10px;
		left:10px;
		color:#FFF;
		font-weight:30px;
		font-family:arial;
		font-weight:bold;
	}
	div.noticia div.contenido
	{
		padding-top:10px;
		padding-bottom:10px;
	}
