/*
wr - window related
pr - page related
*/

body
{
	font: 13px "Segoe UI", "Trebuchet MS", Tahoma;
	background: #8B8472 url(img/body.gif);
}

div#wrXtra1
{
	height:244px;
	background: transparent url(img/barraAmarilla1.png) repeat-x;
	position:absolute;
	left:0;
	width:100%;
	min-width:920px;
}

	div#wrXtra1_1
	{
		width:100%;
		height:225px;
		background: transparent url(img/barraAmarilla2.png) no-repeat 50% 0;
	}
	
	div#wrXtra1_2
	{
		width:100%;
		height:431px;
		background: transparent url(img/pageBG1.png) no-repeat 50% 0;
		position:absolute;
		top:225px;
		
	}

div#Main
{
	margin:0 auto;
	width:920px;
	position:relative;
}
	
/*
	Estos div aunque posicionados absolutamente .. 
	por salir del div de 920px ensanchan el area de trabajo 
	haciendo que aparexca scroll horizontal mas alla de 920 px 

	Es posible evitar el ensanchamiento con el div izquierdo 
	haciendo que su padre sea un elemento flotado, 
	pero no así para el elemento derecho.

	div#prXtra1  
	{
		height:431px;
		width:59px;
		position:absolute;
		top:95px;
		left:-49px;
		background: transparent url(img/pageBG1.png) no-repeat 0 0;
	}
	
	div#prXtra2
	{
		height:431px;
		width:59px;
		border:solid 1px red;
		position:absolute;
		top:95px;
		left:920px;
		background: transparent url(img/pageBG2.png) no-repeat 0 0;
	}	*/

	div#Header
	{
		height:129px;
		background: transparent url(img/headerBG.png) no-repeat 0 0;
		padding:0 15px;
		position:relative;
		z-index:10;
	}
	
		div#loginState
		{
			position:absolute;
			top:0;
			right:0;
			height:28px;
			margin-right:10px;
			color:#000;
			font-size:11px;
			background:transparent url(img/loginStateEnd.png) no-repeat bottom right;
		}
		
			div#loginState span.loginState
			{
				display:block;
				height:28px;
				background:transparent url(img/loginStateBG.png) no-repeat bottom left;
				margin-right:16px;
				padding-left:16px;
				line-height:20px;
			}
	
		div#menuContainer
		{
			width:636px;
			height:40px;
			position:absolute;
			bottom:3px;
			right:13px;
		}
	
		a.logo
		{
			display:block;
			width:197px;
			height:127px;
			position:absolute;
			top:0px;
			left:20px;
			background: transparent url(img/logo.png) no-repeat;
		}
	
	div#Content
	{
		padding:5px 15px;
		position:relative;
		width:890px;
		background: transparent url(img/contentBG.png) repeat-y 0 0;
		z-index:5;
	}

		/* Ancho que queda para content: 886px */
		div#Content1
		{
			border:solid 1px #9D9A83;
			min-height:500px;
			padding:1px;
			cursor:default;
			overflow:hidden;
			background:transparent url(img/bottomShadow.png) repeat-x 0 bottom;
		}
		
			div#Content1 a
			{
				cursor:pointer;
			}
		
		div#Content2 /* Content para footer */
		{
			background: #8E8A6F url(img/content2BG.gif) repeat-x 0 0;
			height:20px;
			overflow:hidden;
			padding: 0 5px;
			margin-top:1px;
			line-height:18px;
		}

	div#Footer
	{
		background:#FBD43D;
		height:36px;
		background: transparent url(img/footerBG.png) no-repeat 0 0;
		position:relative;
	}
	
		a.validateService
		{
			display:block;
			margin-right:5px;
			margin-top: 6px;
			text-indent:-500px;
			float:right;
			overflow:hidden;
		}
		
		a#cssValidate
		{
			width:57px;
			height:15px;
			background:transparent url(img/cssValidate.png) no-repeat 0 0;
			margin-right:12px;
		}
		
		a#xhtmlValidate
		{
			width:68px;
			height:15px;
			background:transparent url(img/xhtmlValidate.png) no-repeat 0 0;
		}
		
		a.avisoLegal
		{
			float:right;
			border-bottom:dotted 1px #C1BFB0;
			padding:0 0 1px;
			text-decoration:none;
			margin:5px 15px 0 0;
			color:#C1BFB0;
			font-size:11px;
		}