/*
 * html elements
 */
		/* reset margins and padding - cross browser compatibility */
		* { 
			margin : 0px; 
			padding : 0px; 
		}
		
		html {
			height : 100.1%;
		}

		/* positioning of main content in the body */
		body {	
			background : url("./images/global_bg_tile.gif") #E9E5D2 repeat-y top center;
			font : 62.5%/1.25 Arial, sans-serif; /* reset 1em to 10px */
			text-align : center; /* IE 5.5 center */
			color : #444444;
		}

		
		/*
		 * headings
		 */
				h1 {
					
				}
				
				h2 {
					
				}
				
				/*  h3: main page headings  queda*/
				h3 {
					margin-bottom : 1em;
					padding-bottom : 0.2em;
					border-bottom : 1px solid #9AB52B;
					font-size : 1.4em;
					font-weight : bold;
					color : #9AB52B;
					line-height : 1.2;
				}
				
				h3 a { 
					color : #c41230;
				}

				h4 {
					font-size : 1.2em;
					color : #666;
				}
		
		/*
		 * lists
		 */
				ul { 
					margin-bottom : 1.3em;
				}
				
				ol { }
				li { }
				
				dl { }
				dt { }
				dd { }
		
				
		/*
		 * forms
		 */
				
				input { 
					border : 1px solid #ccc;
					padding : 3px 3px 3px 3px;
					font-size : 1.1em;
				}

		
		/*
		 * tables
		 */
				
		
		/* 
		 * text
		 */
				p {
					font-size : 1.1em;
					line-height : 1.3;
					margin : 0px 0px 1.4em 0px;
				}


		/* 
		 * misc 
		 */
				img {
					margin-bottom : 0.9em;
				}

				img.border {
					border: 1px solid #777777;
				}
				
				object {
					margin-bottom : 5em;
				}


		/* 
		 * links 
		 */
				a { 
					color : #666; 
					text-decoration : underline;
					outline : none; 
				}
				
				a:hover { 
					text-decoration : none;
				}
				
				a:active {
					outline : none; /* remove dotted border around selected navigation in Firefox */
				}


		/*
		 * global classes
		 */
				/* 
				 * clearfix - fixes float clearing issues
				 */
						/* Win IE 7 */
						.clearfix { 
							display: inline-block; 
						}
	
						/* Gecko-based browsers */
						 .clearfix:after {content : "."; display : block; height : 0px; clear : both; visibility : hidden;}
						/* Hides from IE-mac \*/ * html .clearfix {height : 1%;} /* End hide from IE-mac */

				
				/*
				 * ul --> change | into | horizontal | navigation | links
				 */
						ul.horiznavlist:after {content : "."; display : block; height : 0; clear : both; visibility : hidden;}
						/* Hides from IE-mac \*/ * html ul.horiznavlist {height : 1%;} /* End hide from IE-mac */

						/* float selected element and all other links */
						ul.horiznavlist li {
							display : block;
							float : left;
							padding : 0px 0px 0px 13px;
						}

						/* remove left padding from first item in a list*/
						ul.horiznavlist li.first {
							padding-left : 0px !important;
						}


				/*
				 * horizontal rule (hr) - allows universal control
				 */
						.hr {
							clear : both; 
							height : 1px; 
							color : #B3CA43; /* needed for IE */
							background-color : #B3CA43; /* needed for gecko and opera */
							border : 0px solid #B3CA43; /* necessary to ensure hr is only 1px high in all browsers */
							padding : 0px;
							margin : 4px 0px 6px 0px;
						}
						
						hr {
							display : none;
						}
				
				
				
				/*
				 * forms : extra classes 
				 */
						/* style input text boxes */
						input.text { 
							width : 8.8em;
							margin : 0px 0.5em 0px 0px;
						}
						
						input.radio { 
							border : 0px;
						}

						/* style form buttons (and other elements to look like form buttons) */
						.button {
							color : #fff;
							border : 0px;
							padding : 0px 8px 1px 8px;
							background-color : #c41230;
							font-size : 1.1em;
							width : 50px; /* Commented Backslash fix hides rule from IE5-Mac - button needs a width \*/
							overflow : visible;
							width : auto; /* end IE5 Mac hide */
						}


						/* 
						 * forms : input container - used to align form elements inline
						 */
								.inputcontainer { 
									margin-bottom  : 1px;
								}

								/* extra margins not needed in Win IE */
								* html .inputcontainer { 
									margin-bottom  : 0px;									
								}
								
								/* Safari needs these display inline not floated to display side-by-side */
								.inputcontainer select, 
								.inputcontainer input.button {
									display : inline;
									margin-bottom : 0px;
								} 
								
								.inputcontainer select {
									margin-right : 5px;
								} 


				/*
			 	 * text components : extra classes
			 	 */
						p.button {
							height : 18px;
							padding : 0px;
							background : url("./includes/img/global_button_bg.gif") #c41230 no-repeat left 50%;
						}
						
						p.button a, 
						p.button a:hover {
							float : left; /* needed for win ie to display correct width */
							display : block;
							height : 15px;
							padding : 3px 8px 0px 8px;
							background : url("./includes/img/global_button_bg.gif") transparent no-repeat right 50%;
							line-height : 1;
							color : #fff;
							text-decoration : none;
						}
						 

/* 
 * global ids / areas
 */
		/* 
		 * wrapper queda
		 */
				#wrapper {
					width : 76em;
					background-color : #fff;
					margin : 0px auto;
					padding : 0px;
					text-align : left;
					border-left : 1px solid #555555;
					border-right : 1px solid #555555;
				}

				/* Win Ie only value for 'correct' page width */
				* html #wrapper {
					width : 76.5em;
				}

		
		/* 
		 * header queda
		 */
				#header {
					width : 100%;
					height : 125px;
                    background : url("../images/header.jpg") transparent repeat-x center top;
				}
				
				#header h1, 
				#header h2 {
					display : inline; /* Win IE double margin float bug */
					text-indent: -9999px;
					overflow: hidden;
				}
				
				/* h1 */
				#header h1 {
					float : left;
					width : 120px;
					height : 17px;
					margin : 70px 0px 0px 50px;
				}

				/* make the logo a clickable link */
				#header h1 a {
					display : block;
					width : 100%;
					height : 100%;
				}

				/* h2  */
				#header h2 {
					float : right;
					width : 100px; 
					height : 17px;
					margin : 20px 30px 0px 0px;
				}

				
				/*
				 * header : skip - accessibility links
				 */
						ul#skip {
							margin-bottom : 0px;
						}
						
						/* hide the skip navigation when not currently selected */
						ul#skip li { 
							list-style-type : none; 
							display : inline;
							background : none;
							padding-left : 0px;
						}
						
						
						ul#skip li a {
							position : absolute;
							top : -9999px;
							left : -9999px;
						}
											
						ul#skip li a:focus, ul#skip li a:active {
							position : absolute;
							margin : 0;
							top : 0;
							left : 0px;
							background-color : #c41230;
							border-bottom : 1px solid #666;
							display : block;
							width :  99.2%;
							padding : 1px 2px 1px 0;
							font-size : 0.85em;
							text-align : right;
						}
										
						ul#skip li a:hover { 
							background-color : #fff;
							border-bottom : 1px solid #fff;
						}

				

		/* 
		 * global navigation queda
		 */
				#globalnav {
					width : 100%;
					background : #B3CA43 url('../images/fdoNavBar.gif') repeat-x;
					font-size : 1.2em;
					font-weight: bold;
				}

				#globalnav ul {
					float : left;
					list-style : none;
					padding : 0px 0px 0px 30px;
					margin : 0px !important;
				}
				
				#globalnav ul li {
					padding : 8px 20px 6px 0px;
				}
				
				#globalnav a {
					color : #054C4E;
					text-decoration : none;
				}
	
				#globalnav a:hover {
					color : #FFFFFF;
				}
				
								
				/*
				 * show selected page in nav
				 */
						/* rose */
						#globalnav #activo a {
							color: #fff;
						}
						#index #globalnav #glifeed a,
						#pictures #globalnav #glipics a,
						#thead #globalnav #gliad a {
							color : #500000;
						}


		/* 
		 * main content area
		 */
				#maincontent {  
					width : 70em; /* safari width fix */
					margin : 2.5em 30px;
				}


				/* 
				 * main content area : left column 
				 */
						#leftcol {
							float : left;
							width : 19em;
							height: 400px;
						}

						/* Win IE specific column width */
						* html #leftcol {
							width : 18.7em;
						}
						
					
						
									/*
									 * main content area : left column : internalNavigation links
									 */
											ul#internalNav {
												margin-bottom : 0px;
											}
											
											/* hide the skip navigation when not currently selected */
											ul#internalNav li { 
												list-style-type: none;
												padding : 0px 8px 6px 0px;
												font-size: 1.1em;
												font-weight: bold;
												color : #7EA012;
											}
											
											ul#internalNav li a {
												color : #7EA012;
												text-decoration: none;
											}
																
											ul#internalNav li a:focus, ul#internalNav li a:active {
												color : #054C4E;
											}
															
											ul#internalNav li a:hover { 
												text-decoration: underline;
											}

										
																		
										
										
								
										
										
						
						
						/*
						 * main content area : left column : split into two sub-columns
						 */
								#leftcol .subcolone { 
									float : left;
									width : 29.3em;
									margin-right : 1.4em;
								}
								
								#leftcol .subcoltwo {
									float : left;
									width : 18.9em;
								}
								
								

				/* 
				 * main content area : right column 
				 */
						#rightcol {
							float : right;
							width : 49.6em;
						}
						
						
						/*
						 * right column : forms
						 */
								#rightcol form, 
								#rightcol select {
									margin-bottom : 0em;
								}
								
								#rightcol legend {
									display : none;
								}
						
								#rightcol label {
									display : block;
									margin-bottom : 0.3em;
									width : auto;
								}
						
						
						
						/*
						 * right col : move heading down when link back to news feed is displayed
						 */
								#rightcol h3#otherarticles {
									margin-top : 1.6em;
								}
						
						/*
						 * right column - category lists
						 */
								/* switch side of padding for filters list */
								#rightcol ul#filters li {
									/* float : left;
									display : inline; */
									list-style-type: none;
									padding : 0px 8px 6px 10px;
									font-size: 1.1em;
									background: url('../images/bullet.gif') no-repeat;
									/* white-space : nowrap;*/
								}


								/* hightlight the currently selected category */
								#rightcol li.current-cat {
									font-weight : bold;
								}
								
								#rightcol li.current-cat a {
									text-decoration : none;
									color : #444;									
								}
						
						
						/*
						 * right column : feeds
						 */
								p#subscribe {
									margin-bottom : 0.5em;
								}
								
								#feeds {
									margin-bottom : 0px;
								}
								
								#feeds li {
									padding-left : 4px;
								}
								
								#feeds li a img {
									border : none;
								}
						
						
						/*
						 * right column : similar articles & most popular articles
						 */
								#rightcol #similararticles p, 
								#rightcol #mostpopulararticles p {
									margin-bottom : 0px;
								}
																
								#rightcol #similararticles ul, 
								#rightcol #mostpopulararticles ul {
									list-style : none;
								}
						

		/* 
		 * footer 
		 */
				#footer {
					width : 70em; /* Safari width fix */
					border-top : 1px solid #c0c0c0;
					padding : 13px 30px 10px 30px;
				}

				#footer p {
					float : left;
					text-indent: -9999px;
					overflow: hidden;
					width : 250px; 
					height : 15px;
					background : url("../images/txtSlogan.gif") transparent no-repeat left top;
					padding : 9px 2px 10px 2px;
					margin : 0px;
				}
				
				#footer ul {
					float : right;
				}
				
				#footer ul li { 
					border-left : 1px solid #c0c0c0;
					padding : 0px 5px;
				}
				
				/* remove border between copyright notice and first link */
				#footer ul li.first {
					border-left : 0px solid #fff;
					padding-top: 5px;
				}
				
				#footer ul li.last {
					padding-right : 0px;
				} 
				
				#footer a { text-decoration : none; }
				#footer a:hover { text-decoration : underline; }

	
			
/*
 * section / area-specific styles 
 */
		/*
		 * video sections
		 */
				/* video container - grey container for low res videos */
				#videocontainer {
					padding : 3.2em 0px;
					margin-bottom : 2.4em;
					background-color : #efefef;
					text-align : center;
					width : 100%;
				}
				
				#videocontainer object {
					margin-bottom : 0em;
				}
				

		
		/*
		 * popups perfiles
		 */
				#rightcol .perfiles {
					border: 1px solid #CCCCCC;
					background-color : #F7F7F7;
					padding : 20px 20px 5px 20px;
					position: absolute;
					top: 250px;
					right: 20px;
					z-index: 10;
				}
				
				#rightcol .perfiles #texto {
					padding : 0px 10px 0px 0px;
					margin-bottom: 10px;
					height: 350px;
					overflow: auto;
				}

				#rightcol .perfiles INPUT {
					border: 1px solid #9AB52B;
					background-color : #D0D8AE;
					color: #054C4E;
					font-weight: bold;
					cursor: hand;
				}



		/*
		 * home page
		 */ 
				#welcome #leftcol img {
					/*margin-bottom : 2.4em;*/
				}
				
				#welcome #leftcol a img {
					border : none;
					margin-bottom : 1em;
					
				}
				
				/*
				 * home page : below main image
				 */
												
						
				
				#welcome #rightcol h3 {
					margin-top : 2em;
				}
				
				/* no top margin for first heading */
				#welcome #rightcol h3#bienvenido {
					margin-top : 0px;
				}
				
				#welcome #rightcol h4 {
					margin-bottom : 0px;
					font-size : 1.2em;
					color : #1BA1AA;
				}

				#welcome #rightcol h4 a {
					color : #1BA1AA;
					text-decoration : none;
				}
				
				#welcome #rightcol #theexcerpt p {
					margin-bottom : 0px;
				}
				
				#welcome ul#feeds li a img {
					margin-bottom : 0px;
				}
				
				/* no border around right column image link */
				#welcome #rightcol a img {
					border : 0px;
				}

				
		/*
		 * news feed pages
		 */
				#rightcol h3#welcomenote {
					padding-bottom : 0px;
					border-bottom : 0px solid #fff;
					margin-bottom : 2.1em;
				}