/* ESQUEMA.
wrapmain
	header								user1
		insideheader						insideuser1
												moduletablejflanguageselection			moduletableloginmenu
	wrapbanner
		insidewrapbanner
			bannertop
				insidebannertop
			banner
				insidebanner
	top
		insidetop
	wrap01 / wrap01background
		insidewrap01
			left						contentnarrow / contentwide
				insideleft					insidecontent
			bottom
				insidebottom
	footer
		insidefooter
*/

/* PART I. LAYOUT. */
body {
	text-align:center; 		/* center hack */
}
#wrapmain {
	min-width:960px;
	max-width:960px;
	width: auto !important;	/* IE6 hack */
	width:960px; 			/* IE6 hack */
	margin:0 auto; 			/* center hack */
	text-align:left; 		/* center hack */
}
#header				{float:left; width:50%; height:20px;}
#user1				{float:left; width:50%; height:20px;}
#wrapbanner			{}
#bannertop			{clear:both; height:40px;}
#banner				{clear:both; height:120px;}
#top				{clear:both; width:100%;}
#wrap01				{float:left; width:100%; overflow:hidden;} 
#wrap01background	{float:left; width:100%; overflow:hidden;} 
#left				{float:left; width:23%;  overflow:hidden;} 
#contentnarrow		{float:left; width:76%;  overflow:hidden;}
#contentwide		{float:left; width:100%; overflow:hidden;}
#bottom				{clear:both;}
#footer				{clear:both; height:20px;}
/* LOGIN MENU AND LANGUAGE SELECTION LAYOUT. */
.moduletableloginmenu 			{float:right; width:60px;}
.moduletablejflanguageselection {float:right; width:60px;}
/* SEARCH LAYOUT. */
.moduletablesearch 				{float:right;}

/* PART II. TYPOGRAPHY. */
* {margin:0; padding:0;}

body 					{
	font-size:76%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
	margin:1em 0;
	/*background:#F5F5F5;*/
	/*background-color:#DADADA;*/
	background-color:#FFFFFF;
}
#wrapmain	{/*border:1px solid #999;*/}
#header		{background: #808080; /*border-bottom: 1px solid #999;*/}
#header h1	{
	margin:0 0; 
	padding-top:1px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif small-caps;
	font-variant:small-caps;
	font-stretch:expanded;
}
.insideheader		{color: #FFFFFF; padding:0px 10px 0px 10px;}
#user1				{background: #808080; text-align: right; /*border-bottom: 1px solid #999;*/}
.insideuser1		{color: #FFFFFF; padding:1px 10px 0px 10px;}
#wrapbanner			{background: url('../images/banner.jpg') bottom right; /*border-bottom: 1px solid #999;*/}
.insidewrapbanner	{}
#bannertop			{text-align: right;}
.insidebannertop	{padding: 4px 10px 0px 10px; padding:1px 10px 0px 10px;}
#banner				{/*border-bottom: 1px solid #999;*/}
.insidebanner		{padding:10px;}
#top				{background: #D3D3D3;}
.insidetop			{}
#wrap01				{background: #D3D3D3;background: #FFFFFF;}
#wrap01background	{background: url('../images/content.jpg');}
#insidewrap01		{}
#left				{}
#insideleft			{}
#contentnarrow		{/*border: 1px solid red;*/}
#contentwide		{/*border: 1px solid red;*/}
.insidecontent  	{padding:10px;}
#bottom				{/*border: 1px solid red;*/}
.insidebottom		{}
#footer				{background: #808080; text-align: left; /*border-top: 1px solid #999;*/}
.insidefooter		{color: #FFFFFF; padding:0px 10px 0px 10px; line-height:20px;} 
					/* line-height igual a heigth de footer, para centrar verticalmente la única línea de texto. */

a						{text-decoration:none;}
a:hover					{text-decoration:underline;}
h1,.componentheading	{font-size:1.7em;}
h2,.contentheading		{font-size:1.5em;}
h3						{font-size:1.3em;}
h4						{font-size:1.2em;}
h5						{font-size:1.1em;}
h6						{font-size:1em;font-weight:bold;}

li,dd					{margin-left:1em;}
fieldset				{padding:.5em;}

#footer,.small,.createdate,.modifydate,.mosimage_caption{
	font:0.8em Arial,Helvetica,sans-serif;
	color:#999;
}

/* PART III. MENU TYPOGRAPHY. */
/* III.1. LOGINMENU. */
.moduletableloginmenu 					{}
.moduletableloginmenu ul				{width:100%; margin:0; padding:0; float:right; list-style:none;}
.moduletableloginmenu li				{margin:0; padding:0 4px 0 4px; float:right;}
.moduletableloginmenu a					{color: #FFFFFF; text-decoration:none; font-weight:bolder;}
.moduletableloginmenu a:hover			{color: #000000;}
.moduletableloginmenu #current a		{color: #000000;}
/* III.1. LANGUAGE SELECTION. */
.jflanguageselection 					{}
.jflanguageselection ul					{width:100%; margin:0; padding:0; float:right; list-style:none;}
.jflanguageselection li					{margin:0; padding:0 4px 0 4px; float:right;}
.jflanguageselection a					{color: #FFFFFF; text-decoration:none; font-weight:bolder;}
.jflanguageselection a:hover			{color: #000000;}
.jflanguageselection #current a			{color: #000000;}
/* III.2. TOPMENU. */
.moduletabletopmenu						{}
.moduletabletopmenu ul					{width:100%; margin:0; padding:0; float:left; list-style:none;background: #F5F5F5;}
.moduletabletopmenu li					{margin:0; padding:0 0px 0 opx; float:left;}
.moduletabletopmenu a					{color: #808080; text-decoration:none; font-weight:bolder;}
.moduletabletopmenu a:hover				{color: #000000;}
.moduletabletopmenu #current a			{color: #000000;}
.item55	{width: 110px; text-align: center;}
.item56	{width: 120px; text-align: center;}
.item57	{width: 110px; text-align: center;}
.item58	{width: 120px; text-align: center;}
.item59	{width: 140px; text-align: center;}
.item60	{width: 140px; text-align: center;}
.item61	{width: 110px; text-align: center;}
.item62	{width: 110px; text-align: center;}
/* III.3. LEFTMENU. */
.moduletableleftmenu					{margin-top: 140px; margin-left: 10px;}
.moduletableleftmenu ul					{width:100%; margin:0; padding:0; float:left; list-style:none; background:transparent;}
.moduletableleftmenu li					{margin:0; float:left;}
.moduletableleftmenu a					{color: #808080; text-decoration:none; font-weight:bolder;}
.moduletableleftmenu a:hover			{color: #000000;}
.moduletableleftmenu #current a			{color: #000000;}
.item69 {width: 170px; text-align: left;}
.item70 {width: 170px; text-align: left; padding-top: 32px;}
.item71 {width: 170px; text-align: left; padding-top: 32px;}
.item72 {width: 170px; text-align: left; padding-top: 32px;}
.item73 {width: 170px; text-align: left; padding-top: 32px; padding-bottom: 140px;}
/* III.4. BOTTOMMENU. */
.moduletablebottommenu					{margin-left: 162px;}
.moduletablebottommenu ul				{width:100%; margin:0; padding:0 0 30px 0; float:left; list-style:none; background:transparent;}
.moduletablebottommenu li				{float:left; margin:0;}
.moduletablebottommenu a				{color: #808080; text-decoration:none; font-weight:bolder;}
.moduletablebottommenu a:hover			{color: #000000;}
.moduletablebottommenu #current a		{color: #000000;}
.item63 {width: 136px; text-align: center;}
.item64 {width: 132px; text-align: center;}
.item65 {width: 136px; text-align: center;}
.item66 {width: 134px; text-align: center;}
.item67 {width: 134px; text-align: center;}
.item68 {width: 120px; text-align: center; padding-left: 6px;}

/*
CÓDIGOS DE COLORES:
#000000 Black
#808080 Gray
#D3D3D3 Lightgray
#F5F5F5 Whitesmoke
#FFFFFF White
*/