/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #FFFFFF; 
	scrollbar-highlight-color: #990000; 
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #666666; 
	scrollbar-track-color: #999999; 
	scrollbar-arrow-color: #FF0000;

}

a{
	color: #000033;
	text-decoration: none;
}

a:link{
	color: #000000;
	text-decoration: none;
}

a:visited{
	color: #000000;
	text-decoration: none;
}

a:hover{
	color: #000066;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{
	float: left;
	width: 90%;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#headlines{
  float:right;
	width: 25%;
	border-left: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	padding-right: 10px;
}

#content{
	float: left;
  width: 70%;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #FFF;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

/************** #Textos varios **************/
.Fechas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
}
.TituloReportaje {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-transform: lowercase;
	color: #000000;
	font-variant: normal;
	letter-spacing: 2pt;
}
.SubtituloReportaje {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-transform: lowercase;
	color: #AB292B;
	letter-spacing: normal;
}
.Piedefoto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF0000;
}
.TextoReportaje {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.DescribePagina {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #CCCCCC;
	letter-spacing: 2pt;
	text-align: right;
}
.TituloAgenda {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #AB292B;
	letter-spacing: normal;
}
.TextoAgendaTitulares {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #CCCCCC;
}
.TextoAgendaTitularesMini {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
}
.Mails {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000033;
}
.Intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}



/*desde el mainnav*/
a.skip, ul.skip,#dropdowns h2{
	position:absolute;
	left:-999px;
	width:990px;
	visibility: hidden;
}
#dropdowns{font-size:80%}
#dropdowns li{/* for IE5 */ display:inline;width:100%;line-height:1.2em;background:none;margin:0;padding:0;/* IE 5 WIN HACK */ font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:xx-small}
/* widths here are for quirks mode. For standards mode, see studiomenu.css in adobe studio*/
/* need to add , #m1l1, #m1l2, #m1l3, #m1l4, #m1l5 to get IE5/Win to work. */
#dropdowns div, #m1l1, #m1l2, #m1l3, #m1l4, #m1l5{
	position:absolute;
	z-index:4020;
	top:30px;
	display:block;
	border:0px #999 solid;
	width:98px;
	height: 10px;
	visibility: hidden;
}
#m1l1{left:90px}
#m1l2{left:196px}
#m1l3{left:294px}
#m1l4{left:407px}
#m1l5{left:487px}
/* Commented backslash hack for IE/Mac. Not needed in standards mode. The backslash character between rules appears to have the effect that macIE5 ignores the following rule. Odd, but extremely useful. \*/
html>body #dropdowns div{width:96px}
/* Recover from backslash hack */
#dropdowns ul{margin:0;padding:0}
#dropdowns a{width:99.99%;display:block;color:#000;text-decoration:none !important;text-align:left;padding:4px} 
html>body #dropdowns a{width:auto}
#dropdowns a:hover{color:#fff;background-color:#999}
/****************** NAV ******************/
#mainnav{
	background:#fff url(/images/background.gif) no-repeat;
	font-size:xx-small;
	position:relative;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:50px;
	z-index:1000;
	background-color: #FFFFFF;
	visibility: visible;
}
#navbuttons{
	white-space:nowrap;
	display:block;
	position:absolute;
	top:4px;
	left:96px;
	height:29px;
	width:512px;
	visibility: visible;
}
#navutils{white-space:nowrap;position:absolute;top:15px;left:400px;/* IE 5 WIN HACK */
 width:500px;height:35px}
#navutils ul{line-height:1em;margin:0;padding:0}
#navutils li{list-style-type:none;display:inline;background:none;margin:0;padding:0 1em;border-left:1px solid #ccc;float:left;/* float needed to make borders in IE5 Win work */}
html>body #navutils li{border-left:1px dotted #666}
#navutils li#cart{border-left:0}
#navutils a{color:#999;font-weight:bold;text-decoration:none}
#navutils a:hover{color:#c00;text-decoration:none}
#countryselect form{margin:0;padding:0}
#countryselect select{margin:0 5px 0 0;padding:0;line-height:1;vertical-align:top}
#countryselect input{border:0;margin:0;padding:0;height:20px;width:21px;line-height:1;vertical-align:top}
/*fin mainnav*/


/*<agl.folder "Main navigation">*/
/*Position top nav bar*/
#mainnavigation{
	display:block;
	position:absolute;
	top:134px;
	left:220px;
	width:673px;
	z-index:500;
	height: 143px;
	visibility: visible;
}
/*</agl.folder>*/

/*<agl.folder "Subnavigation">*/
#subnav{background:#f1f1f1 url(/images/css/grad_grey.jpg) no-repeat;padding:4.5em 0 0;position:absolute;top:82px;left:0;width:180px;height:472px;visibility:visible;display:block;z-index:25}
#gatewaypage #subnav{top:60px}
html>body#gatewaypage #subnav{top:70px}
#subnav a:link, #subnav a:visited{text-decoration:none}
#subnav a:hover, #subnav a:active{text-decoration:underline}
#subnav h3{font-size:70%;margin:0;padding:5px 10px 5px 15px}
html>body #subnav h3{font-size:70%;margin:0;padding:0 10px 10px 15px}
#subnav ul{margin:-7px 0 2px;padding:0 10px 5px 15px;font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
/*Enterprise page subnav*/
#subnav li{margin:0;background-image:none;padding:0}
#subnav li.toplevel{background:url(/images/css/toplevel_arrow.gif) no-repeat 0 .8em;margin-left:-8px;padding:0 0 0 8px}
#subnav li.toplevelopen{background:url(/images/css/toplevel_open_arrow.gif) no-repeat 0 .8em;margin-left:-8px;padding:0 0 0 8px}
#subnav li.toplevelopen ul{margin:0 0 0 7px;padding:0}
html>body #subnav li.toplevelopen, html>body #subnav li.toplevel{background-position:0 .4em}
/*product page subnav*/
.product #subnav ul{margin:-7px 0 2px;padding:0 10px 5px 15px;font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
.product #subnav li{background:url(/images/css/ul_bullet.gif) no-repeat 0 .4em;padding:0 0 0 7px;margin:0}
html>body #subnav li, html>body.product #subnav li{margin-bottom:4px;background-position:0 0}
/*CONSUMER product page subnav*/
.product #subnav.consumer li{background-image:none;padding:0;margin:0}
html>body.product #subnav.consumer li{background-image:none;margin-bottom:4px}
#subnav h3#sectionhead{font-size:80%;margin-bottom:10px}
#othernav{margin:0 0 0;padding:10px 0 0;background:transparent url(/images/css/1dot.gif) top left repeat-x}
.product #subnav #othernav ul{margin-top:0}
.sidenav{visibility:visible;display:block}
.dottednav{margin:0 0 -10px;padding:0 0 0;background:transparent url(/images/css/1dot.gif) top left repeat-x}
/*</agl.folder>*/

/*<agl.folder "Crumbs">*/
#crumbs{position:relative;top:10px;left:15px;z-index:200;line-height:1;font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
#crumbs ul, ul#crumbs{margin:0;padding:0}
#crumbs li{color:#999;display:inline;margin:0 1em 0 0;/*IE5/Win messes up the background-image*/background-image:none;voice-family:"\"}\"";voice-family:inherit;background:#fff url(/images/css/crumb.gif) left no-repeat}
html>body #crumbs li{background-position:0 .25em}
/*Hide from IE \*/
html>body #crumbs li{background-image:none;padding-left:0}
html>body #crumbs li:before{content:"< "}
/*recover from hack*/
#crumbs a{text-decoration:none}
#crumbs a:link, #crumbs a:visited{color:#999}
#crumbs a:hover{color:#c00;text-decoration:underline}
/*</agl.folder>*/

/*<agl.folder "Tabular data">*/
/*for tables with lists of vendors, etc, rather than rows and columns of data*/
table.list{width:100%;border:0}
table.list td{vertical-align:top;line-height:1.2;font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
#maincontent table.list h3, #maincontent table.list h3{padding-bottom:0;background-image:none}
/*for tables with rows and columns of data*/
table.data{width:100%;border-bottom:1px solid #eee;border-left:1px solid #eee}
table.data td{padding:10px;vertical-align:top;border-top:1px solid #eee;border-right:1px solid #eee}
table.data th{background-color:#bbb;text-align:left;margin:0;padding:3px 10px;vertical-align:top;border-right:1px solid #eee}
table.data tr.even td{background-color:#ddd}
#topicpage #content table.data p{width:auto;margin:0 0 10px}
#topicpage #content table.data h2, #topicpage #content table.data h3, #topicpage #content table.data h4, #topicpage #content table.data ul, #topicpage #content table.data ol, #topicpage #content table.data li{width:auto}
/*Section 508 VPAT tables*/
table.vpat{margin:0 0 20px;width:800px;border-top:1px solid #000;border-left:1px solid #000}
.vpat td,.vpat th{color:#000;background-color:#fff;text-align:left;margin:0;padding:10px;vertical-align:top;border-right:1px solid #000;border-bottom:1px solid #000}
.vpat th{background-color:#ccc;margin:0}
.vpat th.trow{background-color:#fff;text-align:left;font-weight:normal}
.vpat caption{font-size:120%;font-weight:bold;background-color:#999;text-align:center;margin:0;padding:10px;border-style:solid;border-width:1px 1px 0;border-color:#000}
h3.vpat{font-size:120%;font-weight:bold;background-color:#999;text-align:center;margin:20px 0 0;padding:10px;width:779px;border-style:solid;border-width:1px 1px 0;border-color:#000}
/*IE/Mac messes up \*/
h3.vpat{width:778px}
/*recover from hack*/
/*</agl.folder>*/

/*<agl.folder "back to top">*/
img.b2top, #reviews #maincontent img.b2top{float:right;margin:-21px 10px 0}
#mainsidewrap #maincontent img.b2top{margin-top:-11px}
/*Use this for wide paragraphs before the back to top button. The image comes after this paragraph*/
p.b2top, #maincontent p.b2top{padding-right:40px}
table img.b2top{text-align:right;display:block;margin:10px 0 -10px;position:relative;float:none}
div.b2top{text-align:right;margin:10px 0 20px;padding:0;position:relative;z-index:20;width:790px;height:21px}
div.b2top img.b2top{margin:0;float:none}
/*</agl.folder>*/

/*<agl.folder "Miscellaneous">*/
/*markup hack to start a visual row. (No content other than comments.)*/
.row{height:1px;clear:both}
/*</agl.folder>*/



/*<agl.folder "Quirks mode fixes">*/
/*for main nav dropdowns*/
#dropdowns div{/*IE 5 WIN HACK*/width:98px;voice-family:"\"}\"";voice-family:inherit;/*IE 6 WIN HACK*/width:88px !important}
/*BETTER BROWSERS*/
html>body #dropdowns div{width:105px!important}
#dropdowns li{font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
#mainnav{font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
/*fix for subnav font-size until XLST is fixed to output clean code*/
.smallbody{font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small}
/*</agl.folder>*/