/* HTML standard component declarations */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 960px;
	margin: 2px 4px 4px 4px;
}
/* This is a div element that tricks the browser into displaying content in the middle */
#body {
	width: 960px;
	text-align: left;
	font-size: 12px;
}
#tablasombra {
	border:1;
	}
	
a {
	color: #1D6E89;
	text-decoration: none;
}
a:hover {
	color: #A39D5C;
	text-decoration: none;
}
table {
	width: 100%;
	font-size: 12px;
	border:none;
	border-collapse: collapse;
	
}
td {
	vertical-align: top;
}
tr {vertical-align:top;
}
h1 {
	color: #1D6E89;
	margin: 10px 0px 10px 0px;	
	font-size: 24px;
	font-stretch:condensed;
	font-weight:500;
}
h2 {
	margin: 10px 0px 10px 0px;
	font-size: 13.5px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
	
}
/* Make the HR a black line */
hr {
	color: #DEDEDE;
	background-color: #DEDEDE;
	border:0;
	height: 1px;
	margin: 15px auto 15px auto;
	width: 80%;
	text-align:center;
}

/* No border around images that are links */
img {
	text-decoration: none;
	border: 0px;
}

ul {
	font-size: 12px;
}
p {
	font-size: 12px;
}
.center {
	text-align: center;
}

.breadcrumbs {
	border-bottom: 1px dashed #ccc;
	font-size: 11px;
	color: #ccc;
}

/* Ad windows. TODO: We should remove later. */
.ads {
	background-color: #699;
	font-size: 24pt;
	padding: 4px;
	text-align: center;
	color: #ccc;
}
.adspace {
	font-size: 10px;
        text-align: center;
}
.sinmargen{
	margin: 0px;
	padding: 0px;
	border:0;
	border-collapse:collapse;
}

/* BAR AT THE TOP */        
#topbar {
	border-collapse: collapse;
	background-color: #999;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#topbar form {
	float: left;
	display: inline;
	background: none;
	top: 140px;
	left: 727px;
}
#topbar form input {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;	
}        

	
#topbar a {
	color: white;
	padding: 0px 7px 0px 7px;
}
#topbar #region {
	text-align: left;
	color: white;
	background-color: #999999;
	padding: 4px 2px 4px 2px;
}
#topbar #region a {
	color: #999;
	padding: 0px 3px 0px 3px;
}
#topbar #main {
	background-color: #bbbbbb;
	text-align: right;
	padding: 3px;
	
}        
#topbar #search{
	float:none;
	}


	
/* BANNER AND LOGO */
#banner {
	background-image: url (/encabezado_lge.png) /* cambiar agregando images en el definitivo */
	border-bottom: 3px solid #993333;
	height: 117px;
	width: 960px;
	overflow:hidden;
	clip:rect(10px, 0px, 30px, 0px);
}        
#banner a img {
	border: none;
	margin-top: 0px;
}

/* LEFT NAV BAR */
#navbar {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	/*width: 125px;*/
	background-image:url(navbar.png);
	background-repeat: no-repeat; 
	text-align: left;
	font-weight: 600;
	font-stretch:condensed;
	float:left;
	width: 960px;
	height: 27px;
	padding-top:5px;
	vertical-align:center;
	border-bottom:thin #000000;
	
}
#navbar .navlinks a {
	display: inline;
	color: #000000;
	padding: 0px 4px 0px 4px;
	text-decoration: none;
	border-bottom: 0px solid #A7B2CD;
}

#navbar .featurelinks a {
	display: block;
	color: #394769;
	padding: 0px 4px 0px 8px;
	text-decoration: none;
	border-bottom: 1px solid #A7B2CD;
	font-weight: normal;
}
#navbar .featurelinks a:hover {
	background-color:#FFFF00;
}
#navbar .title {
	color: #000;
	background-color:  #ACB9D7;
	padding: 4px 4px 4px 8px;
	border-top: 1px solid #97A2BD;
	border-bottom: 1px solid #97A2BD;
	margin-top: 14px
}
#navbar .spacer {
	padding: 2px 1px 1px 1px;
	margin-top: 2px;
	
}

/* navlist begin */

#navbar ul {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	/*width: 125px;*/
	background-color: #FFCCCC;
	text-align: left;
	font-weight: 600; 
}

#navbar ul li {
	position: relative;
	overflow:hidden;
}

#navbar li ul {
	position: absolute;
	left: 139px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}

/* Styles for Menu Items */

#navbar ul li a {
	display: inline;
	text-decoration: none;
	color: #394769;
	background: #BCC9E7; /* IE6 Bug */
	border: 1px solid #A7B2CD;
	border-bottom: 0;
	font-weight: normal;
}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#navbar ul li a:hover {
	color: #394769;
	background: #f9f9f9; } 
/* Hover Styles */

#navbar li ul li a {
	padding: 2px 5px; 
} /* Sub Menu Styles */

#navbar li:hover ul, #navbar li.over ul {
	display: block; 
} /* The magic */





/* MAIN BODY */
#mainbody {
	padding-left: 20px;
}

/* FOOTER */
#footer {
	font-size: 11px;
	padding: 2px;
	width: 100%;
	line-height: 150%;
}
#footer #logo {
	float: left;
	vertical-align: top;
}
#footer img {
	border: 0px;
	float: none;
	display: inline;
	margin-right: 0px;
}


/* GENERAL LINKS */
.floatlinks {
	/*width: 125px;*/
	float: right;
	margin-left: 10px;
	background-color: #eef;
	border: 1px solid #ddd;
	padding: 4px;
	font-size: 11px;
}
.floatlinks .title {
	color: white;
	font-weight: bold;
	background-color: #069;
	padding: 2px;
	margin-bottom: 4px;
}
.floatlinks a {
	display: block;
	padding: 2px;
}

/* GENERAL DEFINITIONS */
.right {
	float: right;
	margin-left: 10px;
}
.left {
	float: left;
	margin-right: 10px;
}
.small {
	font-size: 11px;
}

.shadow {
	background-image: url('/images/shadow_wh.gif'); 
	background-repeat: repeat-x; 
	height: 9px;
	margin-bottom: 0px;
	padding-bottom: 0px;
/*	border: 1px solid black; */
}

.negro{
	color: #000000;
	font-weight:normal;
}
	
#input{
	position:absolute;
	left:760px;
	top: 140px;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:400;
	color: #000000;
	background:none;
	_left:770px; /* hack IE */
	_top: 144px; /* hack IE */
}
	
#buscartexto{
	position:absolute;
	top: 143px;
	border:none;
	left:830px;
	height:23px;
	width:128px;
	w\idth: 123px; /* hack IE */
	m\agin:-3px;   /* hack IE */
	font-size:10px;
	background:none;
	font-weight:700;
	font-stretch: ultra-expanded;
}

/* MAPA DE IMAGEN PARA ENCABEZADO */

#enclink a {
  position: absolute;
  height: 16px;
  width: 110px;
  top: 118px; 
  text-decoration: none;
  color:#FFFFFF;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  text-align:center;
  }
  
a#quienes-somos { left: 515px; }
a#publicite { left: 625px; }
a#suscripciones { left: 740px; }
a#edicion-impresa { left: 850px; }

#enclink a:hover {
	color: #D8D8D8;
	}
	
/* LINEA DE IDIOMAS */

#encidiomas a {
  position: absolute;
  height: 16px;
  width: 80px;
  top: 30px; 
  text-decoration: none;
  color:#000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  text-align:center;
  }
	
a#chino { left: 330px; }
a#ingles { left: 378px; }
a#coreano { left: 430px; }
a#aleman { left: 490px; }
a#japones { left: 550px }
a#frances { left: 607px }
a#bulgaro { left: 660px }
a#ruso { left: 708px }
a#sueco { left: 750px }
a#hebreo { left: 800px }
a#ucraniano {left: 857px}


#encidiomas a:hover {
	color:  #CC0000;  
	}

/* COLUMNAS A LA DERECHA */

.rayado {
	
	text-align:center;
	background-image: url(/images/texturacol.gif);
	background-repeat:repeat;
	margin-top: 50px;
	border-left: 1px dotted #DEDEDE;
	border-right: 1px dotted #DEDEDE;
}
.rayado div {
	margin: 10px 3px 10px 3px;
	}
.rayado div ul{
	text-align: center;
	margin:0px;
	padding: 0px;
	width:200px;
}	
.rayado  ul li{
	list-style:none;
	float:none;
	padding: 0px 8px 0 8px;
}
.col2 {
	width:15%;
	margin-top: 50px;
	border-left: 1px dotted #DEDEDE;
	
}
.col2 ul {
	margin-left: 0px;
	
	}
.col2 ul li{
	list-style-type:none;
	text-align:center;
	float:none;
}
.col2 div {
	text-align:center;
	margin-top: 10px;
	position:relative;
	vertical-align:top;
	
}	
.receleste {
	padding: 5px 5px 2px 5px;
	margin:2px;
	border-collapse:collapse;
	background-color: #F9F9F9;
	border: 1px solid #DEDEDE;
	}


div.trans{
	background-color: #FCD67A;
  	/* for IE */
  	filter:alpha(opacity=40);
  	/* CSS3 standard */
 	 opacity:0.4 ;
 	 /* for Mozilla */
 	 -moz-opacity:0.4;

  }