
html, body	{ margin: 0; padding: 0; background-color: #c87623; border: 0; 
				text-align: center; min-width: 840px; height:100%; }

body p		{ font-family: Georgia, "Times New Roman", Times, serif; 
				font-size: 14px; line-height: 19px; 
				color: #555; margin: 0 0 8px 0; }

body h1		{ font-family: Georgia, "Times New Roman", Times, serif; 
				font-size: 22px; line-height: 30px; font-weight: bold; 
				color: #555; margin: 0 0 8px 0}
body h2		{ font-family: Georgia, "Times New Roman", Times, serif; 
				font-size: 17px; line-height: 19px; font-weight: bold; 
				color: #555; margin: 0 0 4px 0}

body h3		{ margin: 0; padding: 8px 0 0 0; 
				font-family: Georgia, "Times New Roman", Times, serif; 
				font-size: 11px; line-height: 15px; color: #555; 
				font-weight: bold; }

body ul			{ list-style-position: inside; padding-left: 0px; margin-left: 0; 
					font-family: Georgia, "Times New Roman", Times, serif; 
					font-size: 14px; line-height: 19px; 
					color: #555; margin: 0 0 3px 0; }
body ul.circle	{ list-style-type: circle; list-style-position: inside; 
					padding: 4px 0 0 20px; margin: 0 0 3px 0; 
					font-family: Georgia, "Times New Roman", Times, serif; 
					font-size: 14px; line-height: 19px; color: #555; }

body hr			{ border: none; height: 1px; width: auto; 
					color: #888; background-color: #888; }


/*__contains whole page__________________________________________________________*/

#wrapper1		{ background-image: url("media/mainbg.gif"); 
					background-repeat: repeat-y; background-attachment: scroll; 
					text-align: left; margin: 0 auto; padding: 0; 
					position: relative; width: 840px; 
					height: auto !important; /* real browsers */
					height: 100%; /* IE6: treated as min-height*/
					min-height: 100%; /* real browsers */ }


/*__common header________________________________________________________________*/

#header			{ background-color: transparent; margin: 0 0 0 54px; 
					width: 732px; height: 194px; z-index: 200; }
#headertxt		{ position: absolute; top: 46px; left: 181px; width: 420px; 
					font-family: Georgia, "Times New Roman", Times, serif; 
					font-size: 18px; line-height: 25px; color: #555; }

#language		{ position: absolute; top: 139px; right: 60px; 
					width: 200px; z-index: 300; font-weight: bold; 
					font-family: Georgia, "Times New Roman", Times, serif; 
					font-size: 10px; letter-spacing: 2px; text-align: right; }
#fecha			{ position: absolute; top: 159px; left: 68px; 
					width: auto; z-index: 300; color: #555; 
					font-family: Georgia, "Times New Roman", Times, serif; 
					font-size: 11px; text-align: left; }



/*__secondary container, in the html begins under header, 
	contains everything except header____ */
	
#wrapper2		{ margin: -10px 0 0 40px; width: 745px; z-index: 50; }



/*__contains centre and right columns. To align tops of photos._____________________*/

.wrapper3		{ float: right; width: 600px; margin-bottom: 20px; }

.wrapper3 p		{ margin: 0; padding: 8px 0 0 0; }



/*__navigation column________________________________________________________________*/

#navigation		{ background-color: transparent; float: left; 
					margin: 0; padding-left: 28px; width: 111px; height: auto; 
					color: #555; font-family: Verdana, Helvetica, Arial, san-serif; 
					font-size: 10px; line-height: 10px; }
.buttonbox		{ background-color: #e9e7d9; width: 111px; height: 52px; 
					text-indent: -1px; border: none; }
.buttonbox img	{ border: none; }

#navigation a:visited	{ color: #555; text-decoration: none; }
#navigation a:link		{ color: #555; text-decoration: none; }
#navigation a:hover		{ color: #001f9f; text-decoration: underline; }



/*__centre columns (must be deeper than rt-hand col, or bg won't draw correctly in Moz__*/

#centre448w		{ margin: 0 0 0 140px; width: 448px; }
#centre385w		{ margin: 0 0 0 140px; width: 385px; }

.equalcentrecol	{ float: left; width: 286px; }

#contextcentre292w		{ margin: 0 0 0 140px; width: 292px; }
#contextcentre292w p	{ font-family: Georgia, "Times New Roman", Times, serif; 
							font-size: 11px; line-height: 15px; 
							color: #555; margin: 0 0 6px 0; }
#contextcentre292w h2	{ font-family: Georgia, "Times New Roman", Times, serif; 
							font-size: 14px; line-height: 15px; 
							font-weight: bold; color: #555; margin: 0 0 4px 0; }

#centrecontacto			{ margin: 0 0 0 144px; width: auto; height: auto; 
							z-index: 100; }

.titulo					{ margin: 0 0 0 138px; }


/*__right-hand columns__________________________________________________________*/

#rightcol128w	{ float: right; width: 128px; 
							margin: 0; padding: 4px 0 0 0; z-index: 100; }
#rightcol202w	{ width: 202px; float: right;  margin: 2px 0 0 0; 
							height: auto; z-index: 100; color: #555; }
#rightcol202w p { font-family: Georgia, "Times New Roman", Times, serif; 
							font-size: 11px; line-height: 16px; 
							margin: 0 0 10px 0; color: #555; }

.righttext1		{ background-color: #872136; color: #fff; 
						background-image: url("media/border_triangs.gif"); 
						background-repeat: no-repeat; 
						font-family: Georgia, "Times New Roman", Times, serif; 
						font-size: 16px; line-height: 17px; 
						padding: 7px 6px 6px 10px; }

.righttext2		{ background-color: #c7c0a0; color: #444; 
						margin: 0 0 16px 0;  padding: 5px 6px 6px 10px;
						font-family: Georgia, "Times New Roman", Times, serif; 
						font-size: 14px; line-height: 17px; }

#rightcol292w	{ width: 292px; float: right;  margin: 0 0 0 0; height: auto; 
							z-index: 100; color: #555; } /*context page*/
#rightcol292w p { font-family: Georgia, "Times New Roman", Times, serif; 
							font-size: 11px; line-height: 15px; 
							margin: 0 0 6px 0; color: #555; }
#rightcol292w h2{ font-family: Georgia, "Times New Roman", Times, serif; 
							font-size: 14px; line-height: 15px; font-weight: bold; 
							color: #555; margin: 0 0 4px 0; }
.equalrightcol		{ float: right; margin: 0; width: 286px; }


/*__images divs________________________________________________________________
put closing brackets on same line as image ref, or IE6 will put 2px below image*/

#slideshow					{ float: left; width: 446px; height: 254px; 
								background-color: #e9e7d9; 
								position: relative; margin: 3px 0 14px 0; }
#slideshow IMG				{ position:absolute; top:0; left:0; 
								z-index:8; opacity:0.0; }
#slideshow IMG.active		{ z-index:10; opacity:1.0; }
#slideshow IMG.last-active	{ z-index:9; }


.leftimgnomargin	{ border: 1px solid #444; 
						float: left; width: auto; height: auto; 
						margin: 0; padding: 0; }
.rightimgnomargin	{ border: 1px solid #444; 
						float: right; width: auto; height: auto; 
						margin: 0; padding: 0; }

.image		{ border: 1px solid #444; width: auto; height: auto; 
					float: left; margin: 0 0 8px 0; padding: 0; } 
	/* make sure pic is same width as column, or text will wrap round */

.leftimg		{ border: 1px solid #444; float: left; margin: 3px 8px 4px 0;
					width: auto; height: auto; }
.rightimg		{ border: 1px solid #444; float: right; margin: 3px 0 0 5px;
					width: auto; height: auto; }


/*__links, (not the nav column)________________________________________________*/

a.link:visited	{ color: #777; text-decoration: underline; }
a.link:link		{ color: #777; text-decoration: underline; }
a.link:hover	{ color: #001f9f; text-decoration: none; }

a.link2:visited	{ color: #777; text-decoration: none; }
a.link2:link			{ color: #777; text-decoration: none; }
a.link2:hover		{ color: #001f9f; text-decoration: underline; }

a.link3:visited	{ color: #555; text-decoration: underline; }
a.link3:link			{ color: #555; text-decoration: underline; }
a.link3:hover		{ color: #001f9f; text-decoration: none; }

a.link4:visited	{ color: #ff4100; text-decoration: none; }
a.link4:link			{ color: #ff4100; text-decoration: none; }
a.link4:hover		{ color: #001f9f; text-decoration: underline; }


/*__tables____________________________________________________________________*/

.tableright	{ float: right; width: 170px; height: auto; 
					margin: 4px 0 5px 4px; padding: 0; }
.table		{ width: 170px; height: auto; 
					margin: 4px 0 5px 4px; padding: 0; }
.tabletxt	{ font-family: Verdana, Helvetica, Arial, san-serif; 
				font-size: 9px; line-height: 11px; border-collapse: collapse; }


/*__text styles______________________________________________________________*/

.footnote		{ padding: : 0 0 3px 0; 
					font-family: Georgia, "Times New Roman", Times, serif; 
					font-size: 9px; line-height: 11px; color: #555; }
.georgia14on19	{ font-family: Georgia, "Times New Roman", Times, serif; 
					font-size: 14px; line-height: 19px; color: #555; }
.georgia12on19	{ font-family: Georgia, "Times New Roman", Times, serif; 
					font-size: 12px; line-height: 19px; color: #555; }
.georgia11on15	{ font-family: Georgia, "Times New Roman", Times, serif; 
					font-size: 11px; line-height: 15px; color: #555; }
.georgia10on14	{ font-family: Georgia, "Times New Roman", Times, serif; 
					font-size: 10px; line-height: 14px; color: #555; }
.georgia9on11	{ font-family: Georgia, "Times New Roman", Times, serif; 
					font-size: 9px; line-height: 11px; color: #555; 
					padding: 0 0 2px 0; }
.letterspace2px	{ letter-spacing: 2px; }
.uppercase		{ text-transform: uppercase; }
.normal			{ font-weight: normal; }


/*__modifiers__________________________________________________________________*/

.nomargin			{ margin: 0; }
.marginright10		{ margin-right: 10px; }

.bordertop			{ border-top: solid 1px #888; }
.bottomborder		{ border-bottom: solid 1px #888; }
.noborder		{ border: 0px; }

.floatleft			{ float: left; }
.clearboth			{ clear: both; }

.grey999			{ color: #999; }

