@charset "UTF-8";

body {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333;text-decoration: none;margin: 0px;border: none 0px;background: #FFF url(/template/bg.gif) no-repeat center top fixed;	behavior: url("css/csshover3.htc");}
a{	color:#333;}
#container{	width:100%;	position:relative;	z-index:1;	padding:0px;	margin:0px;}
#area{	width:1000px;	position:relative;	padding:0px;	margin:0px;	background: url(/template/header.jpg) no-repeat center top;}
#header{	position:relative;	width:1000px;	height:220px;	padding:0px;	margin:0px;	background: url(/external/iconos/header.jpg) no-repeat center top;	z-index:100; }
#generals{	position:relative;	height:80px;	padding:0px;	margin:0px;}
#extras{	position:absolute;right:0px;top:0px;z-index:4; min-width:220px;	}
#date{	position:absolute;top:17px; height:60px; width:50px; right:0px; z-index:6; background:url(/template/date_bg.gif) no-repeat left top;		filter:Alpha(Opacity=80);	-moz-opacity:0.8;	opacity:0.8;}
#menu{	width:1000px;	background:url(/template/menu_shadow.gif) repeat-x bottom; 	padding:0px;	margin:0px;	display:none;	position:relative;}
.dropSubmenu{	position:absolute;	width:140px;	background:#333 url(/template/dropSubheader.jpg) top center no-repeat;	display:none;	padding:10px 5px 10px 5px;	margin:5px;	filter:Alpha(Opacity=90);	-moz-opacity:0.9;	opacity:0.9;	color:#fff;	left:5px;	top:20px;	z-index:55;	cursor:pointer;	 -moz-border-radius-topleft: 0px; 	 -webkit-border-top-left-radius: 0px; 	 -moz-border-radius-bottomleft: 5px; 	 -webkit-border-bottom-left-radius: 5px;	 -moz-border-radius-topright: 5px; 	 -webkit-border-top-right-radius: 5px; 	 -moz-border-radius-bottomright: 5px; 	 -webkit-border-bottom-right-radius:5px; }
.dropSubmenu div{	color:#fff;	font-size:11px;}
.weatherBubble{	position:absolute; 	right:0px; 	z-index:2;	font-size:13px;	font-stretch:extra-expanded;	color:#666;	background:#333;	padding:5px;	filter:Alpha(Opacity=80);	-moz-opacity:0.8;	opacity:0.8;	-moz-border-radius-topleft: 0px; 	 -webkit-border-top-left-radius: 0px; 	 -moz-border-radius-bottomleft: 5px; 	 -webkit-border-bottom-left-radius: 5px;	 -moz-border-radius-topright: 0px; 	 -webkit-border-top-right-radius: 0px; 	 -moz-border-radius-bottomright: 5px; 	 -webkit-border-bottom-right-radius:5px; }
#content{	position:relative;	width:1000px;	padding:0px;	margin:0px;	border:none;	top:40px;	min-height:500px;}
#footer{	position:relative;	clear:both;	width:1000px;	height:330px;	top:50px;}
.footerlink{	color:#333;	font:Verdana, Geneva, sans-serif;	font-size:11px;	text-decoration:none;}
.footerlink:hover{	background:#000;	color:#fff;}
#articlesArea{	position:relative; float:left;width:666px; min-height:500px; padding:5px; clear:right;}

.ui-tabs .ui-tabs-hide {     display: none;}

#galleryitems {left:1px;height:30px; top:15px;position:absolute;}
#errorContent, #loadingContent{	position:absolute;	height:200px;	left:0px;	width:100%;}

#errorContent{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333;}
#readyContent{}
#options {position: absolute;right: 30px;top: 10px;left:0px;height: 40px;width: 250px;background: red;}
.links{color:#999;text-decoration:none;font-size:10px;}
.links:hover{text-decoration:underline;color:#000;}
.article{position:relative;padding-top:5px;padding-bottom:0px;border: dotted 1px #ccc;background:#F7F7F7;cursor:pointer;margin:5px;width:650px;list-style:none;}
.hs{position:relative;display:block;width:100%;height:35px;background:#fff;border-top: 1px dotted #ccc;padding:0px;}

#articleOptions{background:url(/template/opts_bg.gif) repeat-x #ccc; position:relative;display: block; width:100%; height:30px}

#articleOptions #opts{position:relative;width:240px;height:30px;cursor:pointer;display: block;}

#articleOptions #opts div{width:30px; height:30px; display:inline; float:left; clear:right;}

#print{background:url(/template/options.jpg) no-repeat -30px -30px;}
#print:hover{background:url(/template/options.jpg) no-repeat -30px 0px;}

#share{background:url(/template/options.jpg) no-repeat -60px -30px;}
#share:hover{background:url(/template/options.jpg) no-repeat -60px 0px;}

#pdf{background:url(/template/options.jpg) no-repeat -90px -30px;}
#pdf:hover{background:url(/template/options.jpg) no-repeat -90px 0px;}

#fontup{background:url(/template/options.jpg) no-repeat -120px -30px;}
#fontup:hover{background:url(/template/options.jpg) no-repeat -120px 0px;}

#fontreg{background:url(/template/options.jpg) no-repeat -150px -30px;}
#fontreg:hover{background:url(/template/options.jpg) no-repeat -150px 0px;}

#fontdown{background:url(/template/options.jpg) no-repeat -180px -30px;}
#fontdown:hover{background:url(/template/options.jpg) no-repeat -180px 0px;}

#comment{background:url(/template/options.jpg) no-repeat 0px -30px;}
#comment:hover{background:url(/template/options.jpg) no-repeat 0px 0px;}

#search_results{color:#fff;position:absolute;right:100px;top:25px;width:300px;min-height:100px;max-height:500px;overflow:visible;filter:Alpha(Opacity=95);-moz-opacity:0.95;opacity:0.95;}
.resultItem{position:relative;float:left;clear:right;padding:2px;margin:5px;width:285px}
.resultItem .resultImg{display:none;}
.resultItem:hover .resultImg{display:block;}
.resultImg{position:absolute;left:-63px;padding:5px 10px 5px 5px;background:#333;}
.result{color:#fff;text-decoration:none;}
.result:hover{text-decoration: underline;}
.nav-but{position:relative; float:left; clear:right;cursor:pointer; background:#fff	}
.close-but{position:absolute; right:0px;cursor:pointer}
.caption{font-family: Arial, Helvetica, sans-serif;font-size:11px;color:#666; }
.text{font-family: Arial, Helvetica, sans-serif;font-size:13px;color:#333; }
.caption:hover{text-decoration:none;}
.subtitle{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#ccc;	}
.banner{background:url(/template/pixel.gif);border:1px solid #ccc;left:0px;margin:0px;}
.headline{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#ffc;filter: Alpha(Opacity=0);-moz-opacity:0;opacity:0; 	margin:1px;padding:5px;z-index:2;position:absolute;width:188px;height:40px;top:50px;left:0px;}
.headlinetitle{font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:18px; color:#000; text-shadow:1px 1px #ccc}
/*
.headline:hover, .headlineSelected{background-color: #3F302C;opacity:1;-moz-opacity:1;filter: Alpha(Opacity=95);}
*/
.mover{left:405px;position:absolute;width:210px;height:50px;}
.mover:hover{background:url(/template/transparent.gif);}

hr, .clearAll {clear: both;}

<!-- 
<!--

.corners{-moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px;-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius:7px; }
.headlineStats{padding:2px; z-index:4;background: #000; position:absolute; right:0px; top:0px;}
.headlineControl{background:#000; position:absolute; left:15px; top:30px; z-index:6; width:30px;}
.headlineselected {background:url(/template/slide_bg.gif);}
#newsTicker p {margin: 4px 4px;}
 
#newsTicker .prev {text-align: left;padding: 4px 4px;clear: both;}
 
#newsTicker .next {text-align: right;padding: 4px 4px;clear: both;}
 
.SlidingPanelsAnimating * {overflow: visible !important;}
 
#newsTicker .navLinks {clear: both;text-align: center;border-top:  solid 1px #CCC;padding-top: 4px;padding-bottom: 4px;border: solid 1px #999;}
.panelnav {clear: both;height: 45px;}
.left {text-align: left;margin-left: 10px;}
.right {float:right;text-align: right;margin-right: 10px;}

.liveSample {background-color: #FFFFCC;color: black;padding: 4px;margin-left: 10px;margin-right: 10px;border: 1px solid #000000;}
.demoDiv {background-color: #CCCCCC;width: 400px;}
.highlited {background-color: #FFFFCC;color: #000000;}
.grayBG {background-color: #CCCCCC;}

pre {font-family: "Courier New", Courier, monospace;background-color: #F0F7FE;padding: 5px;overflow: auto;font-size: 1.1em;margin-left: 10px;margin-right: 10px;border: 1px solid #CCCCCC;}
.h2{background-color: #F3F3F3;padding-top: 5px;padding-bottom: 5px;padding-left: 10px;font-size: 100%;line-height: 150%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCCCCC;}

h3,h3,h1{cursor:pointer;}

<!--h4{	color: #000099;	font-variant: small-caps;	font-size:120%;} -->
th {background-color: #F3F3F3;vertical-align: top;}
a {text-decoration: none;}
-->


.social{width:23px; height:24px; background: url(/template/social.jpg); position:relative; float:left; margin:5px;}

.myspace{background-position:0px 0px;}
.picasa{background-position:66px 0px;}
.stumblupon{background-position:-132px 0px}
.twitter{background-position:-154px 0px}
.buzz{background-position:-176px 0px}

.tumblr{background-position:-220px -23px}
.meme{background-position:-44px -23px;}
.youtube{background-position:-88px -23px;}
.vimeo{background-position:-110px -23px;}

.facebook{background-position:-66px -46px;}
.rss{background-position:-88px -46px;}
.flickr{background-position:-110px -46px}
.friendster{background-psotion:-132px -46px}
.linkedin{background-position:-154px -46px}

.icons {margin: 0; padding: 0;}
.icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
.icons span.ui-icon {float: left; margin: 0 4px;}

#twitter_div{background:#fff;overflow:auto;width:615px;height:170px;top:0px; left:0px; position:relative;background:url(/template/indicator.gif) center center no-repeat; overflow:auto;border:1px solid #ccc;margin:30px 0px 0px 0px;}
#twitter_update_list{background:#fff;list-style:none;display:block;margin:0px;padding:0px;}
#twitter_update_list li{background:#fff;list-style:none;list-style-type:none;list-style-position:outside;display:block;width:605;padding:5px;border:1px solid #ccc;}
#twitter_update_list li:hover{background:#9CC;}


.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(/template/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

.alpha95{filter:Alpha(Opacity=95);-moz-opacity:0.95;opacity:0.95;}
.alpha90{filter:Alpha(Opacity=90);-moz-opacity:0.9;opacity:0.9;}
.alpha85{filter:Alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}
.alpha80{filter:Alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;}
.alpha75{filter:Alpha(Opacity=75);-moz-opacity:0.75;opacity:0.75;}
.alpha70{filter:Alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.alpha65{filter:Alpha(Opacity=65);-moz-opacity:0.65;opacity:0.65;}
.alpha60{filter:Alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;}
.alpha55{filter:Alpha(Opacity=55);-moz-opacity:0.55;opacity:0.55;}
.alpha50{filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;}
.alpha45{filter:Alpha(Opacity=45);-moz-opacity:0.45;opacity:0.45;}
.alpha30{filter:Alpha(Opacity=30);-moz-opacity:0.3;opacity:0.3;}
.alpha25{filter:Alpha(Opacity=25);-moz-opacity:0.25;opacity:0.25;}

#sliderWrap {position:absolute;margin: 0 auto;width: 100%;overflow:hidden;z-index:5000;}
#slider {position: relative;width: 100%; height: 768px; margin-top: -800px;z-index:100;background:#ccc;}
#slider img {border: 0;}
#sliderContent {margin:0px;position: relative;text-align:center;color:#333333;width:100%;height:768px;}
#openCloseWrap {position:relative;margin: 0px;font-size:12px;font-weight:bold;width:100%;}

/* SprySlidingPanels.css - version 0.1 - Spry Pre-Release 1.6.1 */



/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* This is the selector for the main SlidingPanels container. This selector

 * defines the width and height of the view port for the widget. Note that

 * this selector does not set the overflow property since that is done programatically

 * by the widget. Setting the overflow property programatically ensures that

 * the contens of the widget will be fully visible should JavaScript be disabled

 * in the browser.

 *

 * If you want to constrain the width of the SlidingPanels widget, set a width on

 * the SlidingPanels container. By default, our sliding panels widget expands

 * horizontally to fill up available space.

 *

 * The SlidingPanels container is positioned relative so that content inside it

 * can be positioned relative to its upper left corner.

 *

 * Avoid placing any CSS border or padding properties on the SlidingPanels container

 * as they can affect the proper positioning and sliding animations of the contents

 * inside the container.

 *

 * The name of the class ("SlidingPanels") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style the

 * SlidingPanels container.

 */

.SlidingPanels {

	position: relative;

	width: 100%;

	height: 100px;

	padding: 0px;

	border: none;

}



/* This is the selector for the container that holds all of the content panels

 * for the widget. The SlidingPanelsContentGroup container is what gets programtically

 * positioned to create the slide animation. It is also what governs the layout of

 * the panels.

 *

 * By default, the width of the container is the same as its parent, the SlidingPanels

 * container.

 *

 * You can make the panels within the SlidingPanelsContentGroup container layout

 * horizontally by giving the SlidingPanelsContentGroup container a width that is as wide

 * or larget than the sum of the widths of all of the content panels, and then floating

 * the content panels inside the SlidingPanelsContentGroup container so they all appear

 * on the same line. You may also need to float the SlidingPanels and SlidingPanelsContentGroup

 * containers to insure that none of the content panels "leak" outside of the widget.

 *

 * Avoid placing any CSS border, margin, or padding properties on the SlidingPanels

 * container as they can affect the proper positioning and sliding animations of the

 * the container within the widget.

 *

 * The name of the class ("SlidingPanelsContentGroup") used in this selector is not

 * necessary to make the widget function. You can use any class name you want to style the

 * SlidingPanelsContentGroup container.

 */

.SlidingPanelsContentGroup {

	position: relative;

	/*width: 100%;*/

	margin: 0px;

	padding: 0px;

	border: none;

}





/* This is the selector for the container that holds content for a given panel. In our

 * default style implementation, the dimensions of each content panel exactly match the

 * dimensions of the view port (SlidingPanels) container. This ensures that only one

 * panel ever shows within the view port.

 *

 * Avoid placing any CSS border, margin, or padding properties on the SlidingPanels

 * container as they can affect the proper positioning and sliding animations of the

 * the panel within the widget. You can place border, margins and padding on any content

 * *inside* the content panel.

 *

 * The name of the class ("SlidingPanelsContent") used in this selector is not

 * necessary to make the widget function. You can use any class name you want to style the

 * SlidingPanelsContent container.

 */

.SlidingPanelsContent {
	/*
	width: 100%;

	height: 400px;
	*/
	overflow: hidden;

	margin: 0px;

	padding: 0px;

	border: none;

}



/* The class used in this selector is programatically added to the SlidingPanels container

 * anytime we are animating between panels. This rule makes sure that *all* content inside

 * the widget is overflow:none to avoid a rendering glitch that occurs in FireFox 1.5 whenever

 * there is an element inside the widget that displays a scrollbar.

 *

 * The class is automatically removed once the animation has stopped so that the overflow

 * properties of the content inside the widget should be restored.

 */

.SlidingPanelsAnimating * {

	overflow: hidden !important;

}



/* The class used in this selector is programatically added to the SlindingPanelsContent

 * container that is currently visible in the view port. The class is automatically removed

 * when the widget switches to a different panel.

 */

.SlidingPanelsCurrentPanel {

}



/* The class used in this selector is programatically added to the SlidingPanels container

 * anytime the SlidingPanels container is given focus. The class is automatically removed

 * once the SlidingPanels container loses focus.

 */

.SlidingPanelsFocused {

}

/* SpryMasterDetail.css */

/* Copyright (c) 2007. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Master/Detail structure container. 
 *
 * If you want to constrain the width of the Master/Detail structure, set a width on
 * the Master/Detail container. By default, our structure expands horizontally to fill
 * up available space.
 */
.MasterDetail
{
	font: 100% Verdana, Geneva, sans-serif;
	margin: 2px;
}

/* This is the selector for the Master Container element which houses all the MasterColumn
 * classes. By default the Master column occupy about 35% from the width of the 
 * entire structure. 
*/
.MasterDetail .MasterContainer
{
	background-color: #dadada;
	border: 1px solid #ccc;
	width: 180px;
	float: left;
	overflow:auto;
}

/* This is the selector for a Master Column element which holds the actual data for 
 * a master column.
*/
.MasterDetail .MasterColumn
{
	font-size: 75%;
	background-color:#fff;
	padding:5px;
	cursor:pointer;
}

/* This is the selector for a highlighted Master Column element.
*/
.MasterDetail .MasterColumnHover
{
	background-color: #EAEAEA;
}

/* This is the selector for a selected Master Column element.
*/
.MasterDetail .MasterColumnSelected
{
	background-color: #ccc;
	color: #333;
}

/* This is the selector for the Detail Container element which houses all the DetailColumn
 * classes. By default the Detail column occupy about 60% from the width of the 
 * entire structure. 
*/
.MasterDetail .DetailContainer
{
	border: 1px solid #ccc;
	padding:10px;
	width:450px;
	float: right;
	overflow: auto; 
}

/* This is the selector for a Detail Column element which holds the actual data for 
 * a detail column.
*/
.MasterDetail .DetailColumn
{
	margin-bottom: 1px;
}