﻿/*-----------------------------------------------------------------------------
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:#f90100;
}

a:hover
{
	text-decoration:underline !important;
	cursor:pointer !important;
	
}

a.boton 
{
	width:108px;
	height:22px;
	line-height:22px;
	background:url(../IMG/btn.jpg) no-repeat top left;
	text-align:center;
	color:#FFF;
	font-family:arial;
	font-size:13px;
	text-decoration:none;
	display:inline-block;
}


/* = (PáginaMaestra.Master)
-----------------------------------------------------------------------------*/
#web
{
	width:958px;
	margin:0 auto;
	border:1px solid #f90100;
	margin-top:10px;
	position:relative;
	margin-bottom:40px;
}
	#cabecera
	{
		height:95px;
		position:relative;
		margin-bottom:8px;
	}
		#logo
		{
			background:url(../IMG/Logo.gif);
			width:255px;
			height:95px;
			display:block;
			position:absolute;
		}
		#logoOracle
		{
			background:url(../IMG/LogoOracle.gif);
			width:154px;
			height:51px;
			display:block;
			position:absolute;
			bottom:0px;
			right:0px;
		}
		#menu
		{
			background-color:#d4d4d4;
			width:100%;
			height:28px;
			position:absolute;
			bottom:12px;
		}
			#menu ul
			{
				display:block;
				margin:0px;
				padding:0px;
				margin-left:255px;
				list-style-type:none;
			}
				#menu ul li
				{
					display:block;
					float:left;
					height:28px;
					line-height:25px;
					margin-right:20px;
					cursor:pointer;
				}
					#menu ul li a
					{
						font-family:Arial;
						font-size:12px;
						font-weight:bold;
						color:#585858;
						text-decoration:none;
						display:block;
						padding-left:2px;
						padding-right:2px;
						height:28px;
					}
					#menu ul li a:hover
					{
						color:#f90100;
					}
					#menu ul li a.seccionActiva
					{
						background-color:#f90100;
						color:#FFF;
					}
					
		#idiomas
		{
			position:absolute;
			right:29px;
			top:15px;
			list-style-type:none;
			padding:0px;
			margin:0px;
		}
			#idiomas li
			{
				display:inline;
			}
			#idiomas li a
			{
				text-decoration:none;
				font-family:Arial;
				font-weight:bold;
				font-size:12px;
				color:#585858;				
			}
	#panelLateralIzquierdo
	{
		width:179px;
		margin-left:29px;
		float:left;
	}
		#panelLateralIzquierdo ul
		{
			padding:0px;
			margin:0px; 
			list-style-type:none;
		}
			#panelLateralIzquierdo ul li.seccionActiva a
			{
				color:#f90100;
			}
			#panelLateralIzquierdo ul li.seccionActiva li a
			{
				color:#353535;
			}
			#panelLateralIzquierdo ul li a
			{
				color:#353535;
				font-size:12px;
				font-family:Arial;
				font-weight:bold;
				text-decoration:none;
			}
			#panelLateralIzquierdo ul li li
			{
				margin-left:10px;
			}
				#panelLateralIzquierdo ul li li a
				{
					color:#353535;
					font-size:11px;
					font-weight:normal;
				}
	#cuerpo
	{
		float:left;
		width:686px;
		margin-left:12px;
		background:url(../IMG/RepetidorContenido.gif) top left repeat-x;
		border:1px solid #f90100;
		border-top:none;
		padding:13px;
	}
		#tituloCuerpo
		{
			color:#FFF;
			position:relative;
			top:-9px;
			left:-5px;
			font-family:Arial;
			font-size:14px;
			font-weight:bold;
			margin:0px;
		}
			#tituloCuerpo a
			{
				color:#FFF !important;
				text-decoration:none;
			}
	#pie
	{
		height:49px;
		clear:both;
		width:100%;
		padding-top:12px;
	}
		#barraDecorativa
		{
			background:url(../IMG/Pie.gif) top left no-repeat;
			height:26px;
			width:100%;
		}
		#textoPie
		{
			font-family:Arial;
			font-weight:bold;
			font-size:12px;
			color:#8e8e8e;
			text-align:center;
			height:23px;
			width:100%;
			line-height:23px;
		}
		
/* =Elementos que están en varias páginas
-----------------------------------------------------------------------------*/

div.panel
{
	background:url(../IMG/RepetidorPanelGris.gif) repeat-x bottom left #dbdbdb;
}
	div.panel div.cabecera
	{
		height:24px;
		padding-left:12px;
		text-align:left;
		font-size:14px;
		font-family:Arial;
		font-weight:bold;
		line-height:24px;
		color:#FFF;
	}
	div.panelGris div.cabecera
	{
		background:url(../IMG/RepetidorCabeceraPanelGris.gif) repeat-x;
	}
	div.panelRojo div.cabecera
	{
		background:url(../IMG/RepetidorContenido.gif) repeat-x bottom left #dbdbdb;
	}
	div.panel div.cuerpo
	{
		margin-bottom:28px !important;
		padding-top:17px;
		padding-left:16px;
		padding-right:16px;
	}
		div.panel div.cuerpo div.noticia
		{
			margin-bottom:9px;
		}
		div.panel div.cuerpo div.noticia div.titulo
		{
			color:#353535;
			font-size:12px;
			font-family:Arial;
			font-weight:bold;
		}
		div.panel div.cuerpo div.noticia div.entradilla
		{
			color:#575757;
			font-size:11px;
			font-family:arial;
		}
	div.panel div.pie
	{
		color:#2e2e2e;
		text-align:center;
		font-size:11px;
		font-family:arial;
		height:25px;
	}